@charset "UTF-8";
:root {
  --theme-color: #019642;
}
@font-face {
  font-family: Montserrat Thin Thin;
  src: url(../fonts/Montserrat.ttf);
}
body{
  font-family: Montserrat Thin Thin!important;
  background: linear-gradient(0deg, #ffffffb8, #ffffffb8),url(../images/border.jpg);
  background-size: 100%;
}
img{
  width: 100%;
}
ul{
  padding: 0!important;
  margin: 0!important;
}
a{
  text-decoration: none!important;
}
.section_padding{
  padding: 60px 0;
}
.section_padding_top{
  padding-top: 60px;
}
.section_padding_bottom{
  padding-bottom: 60px;
}
.btn_green{
  background: #4CAF50!important;
  border: 1px solid #4caf50!important;
  color: #fff;
}
.btn_green1{
  background: #198754!important;
  border: 1px solid #198754!important;
  color: #fff;
}
.btn_red{
  background: #d50f00!important;
  border: 1px solid #d50f00!important;
  color: #fff;
}
.btn_yellow{
  background: #FF9800!important;
  border: 1px solid #FF9800!important;
  color: #fff;
}
.btn_blue{
  background: #03a9f4!important;
  border: 1px solid #03a9f4!important;
  color: #fff;
}
.btn_brown{
  background: #795548!important;
  border: 1px solid #795548!important;
  color: #fff;
}

.modal-title{
  font-size: 18px;
}

/*----------- heading ------*/

.heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #db9c35;
  margin: 10px 0;
}
.heading button{
  height: 100%;
  background: #e1a900;
  color: #fff;
  border: 1px solid #c98e30;
  padding: 5px 10px;
}
.heading h1{
  font-size: 20px;
  margin: 0;
}

.icon_btn{
  width: 25px;
  height: 25px;
  line-height: 25px!important;
  background: #222;
  color: #fff;
  text-align: center;
}
.btn_1{
  background: #4CAF50;
  color: #fff;
  border: none;
  padding: 3px 13px;
  border-radius: 2px;
  font-size: 13px;
}

header{
  background: #e1a900;
  position: sticky;
  top: 0;
}
.header_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 50px;
}
.header_box h1{
  margin: 0;
  font-size: 24px;
  color: #fff;
  font-weight: 600;
}
.header_box button{
  background: #fff;
  color: #e1a900;
  width: 35px;
  height: 35px;
  border: 2px solid #fff3e0;
  border-radius: 5px;
}



/*----------- section_2_box ------*/

.section_2_box{
  text-align: center;
  background: #fffcf4;
  color: #fff;
  background-size: cover;
  padding: 30px 0 0;
  margin-bottom: 25px;
  box-shadow: 0px 0px 2px #9e9e9eab;
}
.section_2_box h2{
  font-size: 18px;
  margin: 0;
  padding: 5px 0;
  background: #e1a900;
}
.section_2_box i{
  background: url(https://media.istockphoto.com/id/501120940/photo/gold-glitter-background.webp?b=1&s=170667a&w=0&k=20&c=0F2_qtxs5WybWdd3KIDzVnUctuYk51g0TAP8LfGmFN4=);
  background-size: cover;
  color: #fff;
  width: 50px;
  height: 40px;
  line-height: 36px;
  border-radius: 5px;
  border: 2px solid #de972b;
  margin-bottom: 15px;
  font-size: 18px;
}


/*----------- section_purchase ------*/

.section_purchase h1{
  font-size: 18px;
  margin: 0;
}
.form_label{
  /*background: linear-gradient(45deg, #d8932c, #e6c760);*/
  background: #e1a900;
  color: #fff;
  padding: 2px 12px;
  border-radius: 5px 5px 0 0;
  margin-top: 20px;
  font-size: 12px;
}
form input, form select{
  border-radius: 0 5px 5px 5px!important;
  padding: 10px;
  font-size: 13px!important;
}
form button{
  background: #222;
  border: none;
  color: #fff;
  padding: 7px 25px;
  border-radius: 3px;
  outline: 1px solid #d99831;
  outline-offset: -4px; 
  margin-top: 20px; 
  font-size: 13px;
}
/*.section_purchase input::placeholder{
  color: #b7b7b7;
}*/

.our_table_title h2{
  padding: 10px 0;
  font-size: 18px;
  background: #e1a900;
  color: #fff;
  border-radius: 3px;
}
.our_table{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-left: 2px solid #e1a900;
  padding: 2px 10px;
  box-shadow: 0px 0px 2px #c9c9c9;
  margin: 5px 0;
}
.our_table h3{
  margin: 0;
  font-size: 18px;
}
.our_table p{
  margin: 0;
  padding: 5px;
}
.our_table p span{
  font-weight: 500;
}

footer{
  padding-top: 60px;
}
footer p{
  position: fixed;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #e1a900;
  background: linear-gradient(0deg, #ffffffb8, #ffffffb8),url(../images/border.jpg);
  background-size: cover;
  padding: 10px 0;
  margin: 0;
}

table{
  width: 100%;
}
table thead th{
  background: #e1a900;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  padding: 10px 5px;
  font-size: 14px;
}
table tbody td{
  border: 1px solid #fff;
  padding: 10px;
  font-size: 14px;
}
table button{
  width: 35px;
  height: 30px;
  padding: 0;
  margin: 0;
  outline: none;
}

.our_radio, .our_checkbox{
  display: none;
}
.our_radio ~ label, .our_checkbox ~ label{
  padding: 5px 15px;
  font-size: 14px;
  border: 1px solid #e1a900;
  border-radius: 4px;
  background: #fff;
  margin: 5px;
  color: #e1a900;
  font-weight: 500;
}
.our_radio:checked ~ label, .our_checkbox:checked ~ label{
  background: #e1a900;
  color: #fff;
  border: 1px solid #fff;
}

.our_modal .trash_img{
  width: 100px;
}
.our_modal .modal-body{
  text-align: center;
}
.our_modal .modal-body button{
  border: none;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: #fff;
}

.tab_link{
  width: 100%;
  border: 1px solid #e1a900;
  border-radius: 5px;
  padding: 4px 0!important;
  background: #fff;
  color: #222;
}
.tab_link.active{
  background: #e1a900;
  color: #fff!important;
  
}




.sidebar-navigation {
  /*width: 400px;*/
  height: auto;
  background-color: #fff;
  /*margin: 50px auto;*/
  webkit-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
}
.sidebar-navigation > ul > li > a {
  text-transform: uppercase;
}
.sidebar-navigation ul {
  margin: 0;
  padding: 0;
}
.sidebar-navigation ul li {
  display: block;
}
.sidebar-navigation ul li a {
  position: relative;
  display: block;
  font-weight: 500;
  padding: 10px 25px;
  text-decoration: none;
  color: #2e2e2e;
  border-bottom: 1px solid #eee;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sidebar-navigation ul li a em {
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  border-radius: 50%;
}
.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a {
  background-color: #ecf0f1;
  color: #495d62;
  border-color: rgba(255, 255, 255, 0.1);
}
.sidebar-navigation ul li ul {
  display: none;
}
.sidebar-navigation ul li ul.open {
  display: block;
}
.sidebar-navigation ul li ul li a {
  color: #495d62;
  border-color: rgba(255, 255, 255, 0.1);
}
.sidebar-navigation ul li ul li a:before {
  content: "";
  width: 10px;
  height: 1px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-color: #495d62;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.sidebar-navigation ul li ul li:hover > a, .sidebar-navigation ul li ul li.selected > a {
  background-color: #e6ebed;
}
.sidebar-navigation ul li ul li:hover > a:before, .sidebar-navigation ul li ul li.selected > a:before {
  margin-right: 10px;
}
.sidebar-navigation ul li ul li.selected.selected--last > a {
  background-color: #94aab0;
  color: #fff;
}
.sidebar-navigation ul li ul li.selected.selected--last > a:before {
  background-color: #fff;
}

.subMenuColor1 {
  background-color: #fbfcfc;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}

.subMenuColor2 {
  background-color: white;
}


.section_items table tr{
  border-bottom: 1px solid #b5b5b5;
}
.section_items table tr th{
  padding: 10px 0;
  font-weight: 500;
}

.item_box{
  display: flex;
  align-items: baseline;
  background: #fff;
  padding: 10px 15px;
  border-radius: 3px;
  border-left: 2px solid #e1a900;
  margin-bottom: 15px;
}
.item_box h2{
  font-size: 18px;
}
.item_box p{
  margin: 0;
}

.row_table{
  padding: 8px 10px;
  border-left: 2px solid #e1a900;
  background: #fff;
  color: #222;
  margin: 10px 0;
  box-shadow: 0px 0px 2px #d7d7d7;
}
.row_table:hover{
  background: #ffffff96;
}

.login{
  padding-top: 180px;
}
.login h2{
  text-align: center;
  margin: 0;
}

.table_p{
  color: #795548;
  font-weight: 500;
  font-size: 14px;
}
/*.table_relative{
  position: relative;
}
.table_absolute{
  position: absolute;
  background: #222;
  width: 100%;
  height: 100%;
  top: 0;
}
*/
@media only screen and (max-width: 575px) {
  .table_date{
    width: 100px;
    display: block;
  }
  .table_btns{
    width: 130px;
    display: block;
    text-align: center;
  }
  .table_no{
    width: 160px;
    display: block;
  }
}
.delete-icon{
  width: 100px ;
  height: 100px ;
  object-fit: cover;

}
.btn-delete1,
.btn-close1{
  padding: 5px 10px;
  background: white;
  width: auto;
  color: white;
  border: none;
  border-radius: 4px;
} 
.btn-delete1{
  background-color: #0250bb;
}
 
.btn-close1{
  background-color: #dededf ;
  color: black;
}

.select2-hidden-accessible {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
}