.admin_info_section{
  display:none;
}

.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after{
  display: none;
}
.company_sbmt{
  clear: both;
}
.alert h5{
  font-size: 17px !important;
  color: #000 !important;
}
.alert {
      padding: 0px 10px !important;
}
body{
  font-size:14px !important;
}
td,th{
  font-size:14px !important;
}
#tax_popup{
  display: none;
      width: 800px;
    background: #bdadad;
    padding: 20px 20px;
    margin: 0 auto;
}
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
      position: absolute;
    bottom: 0px;
    right: 30%;
}
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.select_border_approvar{
      clear: both;
    display: flex;
     border: 3px solid red;
padding: 5px;
}

.select_border{
  border: 3px solid red;
padding: 5px;

}
.products_catalog .box{
      max-height: 250px;
    min-height: 250px;

}
.products_catalog #checkbox{
  display: block;
  margin: 0 auto;
  height: 20px;
  width: 20px;
}
.description-block>.description-header label{
  width: 100px;
}
#cart_box{
  width: 100%;
}

.inputtocheck{
  display: block;
  width:150px;
  margin: 0 auto;
}
.clickproduct{
  padding: 10px;
}
#example1_wrapper h4{
  font-weight: bold;
}
.user_btns{
    box-shadow: rgb(21, 100, 173) 3px 4px 0px 0px;
    background: linear-gradient(rgb(121, 187, 255) 5%, rgb(55, 141, 229) 100%) rgb(121, 187, 255);
    border-radius: 5px;
    border: 1px solid rgb(51, 123, 196);
    display: inline-block;
    cursor: pointer;
    color: rgb(255, 255, 255);
    width: 275px;
        font-style: italic;
    font-size: 24px;
    padding: 12px 10px;
    text-decoration: none;
    text-shadow: rgb(82, 142, 204) 0px 1px 0px;

}

.user_btns:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
  background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
  background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
  background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
  background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
  background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
  background-color:#378de5;
}
.user_btns:active {
  position:relative;
  top:1px;
}
.products_catalog_user{
  height: 410px;
}
.products_catalog_user .productname{
  font-weight: 600;
  font-size:18px;
}
.products_catalog_user .description-header{
/*font-size: 17px;*/
font-weight: normal;
}
.products_catalog_user .description-header b{
font-weight: 600;
}
.product_cart_btn{
  padding: 0px !important;
}
.product_cart_btn .pad-0{
padding: 0px !important;
text-align: left;
}
.product_home{
  border:2px solid #00a7d0 !important;
  padding: 0px !important;
}
#product_cat_menu li a{
  font-size: 15px;
}

#product_cat_menu li.bg-success{
  display: none;
}
#product_cat_menu_new li.bg-success{
  display: none;
}
#admin_menu li.bg-success{
  display: none;
}
#product_cat_menu li.header{
  font-size: 16px;
  color:#fff;
}
#product_cat_menu_new li.header{
  font-size: 16px;
  color:#fff;
}
/*#product_cat_menu{
  padding-top: 150px;
}*/
.order_filter input,.order_filter select{
  height: 40px;
}
#approvar_menu li.bg-success{
  display: none;
}
.homepage{
  background: #fff;
}
.homepage .row{
  background: #fff;
}
.homepage a.logo{
  background: #fff !important;
}
.action-bar ul{
  display: flex;
  float: right;
  list-style: none;
  padding-right: 50px;
}
.action-bar ul li{
  padding-right: 15px;
  font-size: 17px;
}
.homepage .main{
  border-bottom: 3px solid #5670b0;
}
.action-bar ul li a{
color:#000;
}
.homepage_body .main-sidebar{
padding: 0px !important
}
#banner{
  /*max-height: 250px;*/
}




#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#cssmenu {
  height: 37px;
  display: block;
position: relative;
    top: 42px;
  width: auto;
  border-color: #080808;
      /*margin-top: 75px;*/
    margin-right: 50px;
    float: right;
  padding: 0;
}
#cssmenu > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
/*  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  font-weight: 700;*/
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  /*border-right: 1px solid #080808;*/
  color: #080808;
  padding: 12px 20px;
}
/*#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}*/
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  /*border-right: 1px solid;*/
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: #3c3c3c;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
/*#cssmenu > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #3f3f3f;
}*/
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu > ul > li.has-sub > a:hover,
/*#cssmenu > ul > li.has-sub:hover > a {
  background: #3f3f3f;
  border-color: #3f3f3f;
}*/
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  background: #3f3f3f;
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding: 10px 0;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul ul ul {
  position: absolute;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
  top: -10px;
  border-radius: 5px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);*/
  margin: 0;
  padding: 8px 20px;
}

#cssmenu > ul > li > a:hover {
  background: #5b70b8;
  color: #ffffff;
}


#id01 input[type=text],#id01 input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for all buttons */
#id01 button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

#id01 button:hover {
  opacity: 0.8;
}

/* Extra styles for the cancel button */
#id01 .cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
#id01 .imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

#id01 img.avatar {
  width: 40%;
  border-radius: 50%;
}

#id01 .container {
  padding: 16px;
}

#id01 span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
#id01 .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
#id01 .modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  padding: 20px;
  width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
#id01 .close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

#id01 .close:hover,
#id01 .close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
#id01 .animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
 #id01 span.psw {
     display: block;
     float: none;
  }
 #id01 .cancelbtn {
     width: 100%;
  }
}

.cart_icon_login .label {
position: relative;
    top: -10;
    right: 10px;
    font-size: 10px;
}

.print_invoice_table td{
  padding: 3px;
   font-size: 10px !important;
    font-family: Verdana, Geneva, sans-serif;
}
.print_invoice_table th{
  padding: 3px 3px;
   font-size: 11px !important;
    font-family: Verdana, Geneva, sans-serif;
}
#details_row td span,#details_row td span b{
    font-size: 11px !important;
    font-family: Verdana, Geneva, sans-serif;
}
#banker_detail td span,#details_row td span b{
     font-size: 11px !important;
    font-family: Verdana, Geneva, sans-serif;
}
.print_invoice_table hr{
  margin: 5px 0px !important;
}
.print_invoice_table{
  font-size: 11px !important;
    font-family: Verdana, Geneva, sans-serif;
}
#orderdetails_edit_challan label{
  width: 200px;
}
#orderdetails_edit_challan h4{
   font-size: 14px;
    margin: 0px;
}
#orderdetails_edit label{
  width: 200px;
}
#orderdetails_edit h4{
   font-size: 14px;
    margin: 0px;
}
#orderdetails_approver label{
  width: 200px;
}
#orderdetails_approver h4{
     font-size: 14px;
    margin: 0px;
}
#user_index_data label{
  width: 200px;
}
#user_index_data h4{
     font-size: 14px;
    margin: 0px;
}
#orderdetails_user label{
  width: 200px;
}
#orderdetails_user h4{
     font-size: 14px;
    margin: 0px;
}
 #compnyadd
        {
            font-size:10px;
            font-family:Verdana, Geneva, sans-serif;
        }
        
        #fontst
        {
            font-size:10px;
        }
        #heading
        {
            background-color:#0CF;
            height:30px;
            vertical-align:middle;
            font-weight:bold;
        }
        #ccc
        {
            font-size:10px !important;
            font-family:Verdana, Geneva, sans-serif;
                border: 1px solid;
        }
        #ccc td,#ccc th
        {
            font-size:10px !important;
            font-family:Verdana, Geneva, sans-serif;
            padding: 3px;
        }
        #ccc b
        {
            font-weight:bold;
        }


.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#example2{
      overflow-x: scroll;
    max-width: 100%;
    display: block;
    white-space: nowrap;
}
.ui-autocomplete{
  top: 60px !important;
  left: 20px !important;
  
}
.border-toprecptpymnt{
      border-top: 2px solid;
    display: inline-block;
    border-color: #e9e3e3;
    padding-top: 14px;
}
.toarea_general_voucher{
    border-bottom: 2px solid;
    border-color: #e9e3e3;
}
.fromarea_general_voucher{
    border-bottom: 2px solid;
    border-color: #e9e3e3;
}


  
.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}
.multiselect_checkboxes{
 
  border: 1px #dadada solid;
}
.multiselect_checkboxes label{
  display: block;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}



.ui-datepicker table  td{font-size: 9px !important; }
.ui-datepicker table  th{font-size: 9px !important; }