*{margin: 0px;padding: 0px;}
.img-preview{height:50px;width:50px;}
.drag-row{cursor:move;}
.view_code_status{cursor:pointer; font-size:12px;margin-left: 10px;}
select.form-control {
    border: 1px solid #F0F1F7;
}
.dataTables_scrollBody{height: auto!important;}

::-webkit-scrollbar-track{height: 10px;border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar{width: 8px;height: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;height: 10px;background-color: #ccc;}

.clearit{    float: right;
    position: relative;
    left: 133px;
    top: -38px;}
.clearit button{background: #b1afaf!important;border-radius: 4px!important;border: 1px solid #b1afaf!important;}

#btnfilt button{border: 1px solid #47be54;
    width: 90px!important;
    border-radius: 0px 4px 4px 0px;
    background: #47be54;
    color: white!important;
    opacity: 1;}
div.dataTables_wrapper div.dataTables_info{float:left;}
.delete_input_access{cursor:pointer,}
.is_link_ajax{background: #FCFDFE !important;
    border: 1px solid #F0F1F7 !important;
    border-radius: 8px !important;
	height:auto !important;
    padding:auto !important;
    width:auto !important;
	}
#countryCode-error{display:none !important;}
.row-green{background: #ddeddd !important;}
.row-red{background: #ffd0d0 !important;}
a.up{font-size:24px; color:#84c10a; font-weight:bold;}
a.down{font-size:24px; color:#ff375b; font-weight:bold;}
a.up:hover{font-size:24px; color:#84c10a !important; font-weight:bold;}
a.down:hover{font-size:24px; color:#ff375b !important; font-weight:bold;}
.ajax-response{padding:10px; margin:5px;color:red;}
.loader,.loader-king {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0 50%;
  display:none;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

table.table-bordered.dataTable{width: 100%!important;}
.dataTables_scrollBody{width: 100%!important;}
.dataTables_scrollHead{width: 100%!important;}

label.error {
    color: red;
    font-size: .8rem;
    display: block;
    margin-top: 5px;
}

input.error,select.error{
    border: 1px solid red !important;
    font-weight: 300;
    color: red;
}
input:focus{
  outline: none;
  border-color: red;
}

	.asterisk{font-size:15px !important;top:0.2em;}
	.switch_unit{color: red;
		margin-left: 10px;
		cursor:pointer;
	}
	.switch_unit_li button{
		list-style: none;
		padding: 0px 10px;
		font-size: 12px;
		border: none;
		background: transparent;
	}

    .switch_unit_li form{padding: 5px 0px;}

.current_unit_div{    float: left;
    line-height: initial;
    margin-left: 10px;
	font-size:13px;padding-top: 7px;
	}
.table td, .table th {
        font-size: 12px;
		padding:0.20rem;
    }
span.c_unit {
    color: #83c009;
    font-weight: bold;
}
.king-codes{border:1px solid #F0F1F7; padding:10px;margin:10px; text-align:left;}
.hide-e{display:none;}
.addOtherInfo,.addClone,.userAddClone{float:right; cursor:pointer;font-size:10px !important;}
.dropdown-option{margin-top:10px;}
.filter-content{margin-bottom:20px;}
   .addNewOption{ padding: 10px;
    font-size: 25px;
	}
.bg-light-green{background:#ddebdd;}
.equi-class{margin-bottom:20px;}
.equi-class  h3{padding:10px;font-weight: 700;font-size: 19px;line-height: 24px;letter-spacing: 0.4px;color: #252733;}
.session-error{text-align: center;}
.admin-list-menu a:hover{color:#fff !important;}
.view-entries-btn{
    padding: 10px !important;
    font-size: 18px !important;
   }
.disabled {

    pointer-events: none;

    cursor: not-allowed;

    opacity:0.5;

}
#recaptcha-container{display:none !important;}
.error-otp,.error-email-mobile{color:#fff;}
.counter,.resend{color:#fff;}
.hide-e,.second-step{display:none;}
.modal{z-index: 1000001!important;}
/* .full-set {margin-bottom:20px;padding:10px; border:1px solid #dfdfdf;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);}*/
.user-body{background:#F5F5F5 !important;}
.user-body .longdiv{background:#F5F5F5 !important;}
.container-div{background:#F5F5F5 !important;}
body{
    width: 100%;
    height: auto;
    box-shadow: border-box;
    overflow-x: hidden;
    font-family: 'Mulish', sans-serif;
}
.user-header-strip{margin-bottom:15px;background:#fff!important; color:#000 !important; padding-left:17px; padding-right:17px; border-bottom:1px solid #DFE0EB;box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%) !important;}
.user-header-strip .rightdetail{ margin-right: 30px;}
.pagename .backbutton{background: #83c009;
    color: white;
    width: 57px;
    text-align: center;
    border-radius: 10px;padding:5px}

.pagename .backbutton a, a:hover{
    color: white;

	}
.user-unit-logo img{height:60px;
				padding-top:0;margin-top:0px;}
.main-ul-list   a, a:hover{color:#000000 !important; text-decoration:none;}
.logindiv{width: 100%;float: left;position: relative;background: #F5F5F5;height: 100vh;}
.mainsignup{max-height: 716px;width: 380px;left: 50%;top: 50%;background: #FFFFFF;border: 1px solid #DFE0EB;border-radius: 8px;position: absolute;transform: translate(-50%, -50%);padding:32px;text-align: center;}
.mainlogin{max-height: 582px;width: 380px;left: 50%;top: 50%;background: #FFFFFF;border: 1px solid #DFE0EB;border-radius: 8px;position: absolute;transform: translate(-50%, -50%);padding:32px;text-align: center;}
.content{padding-top: 39px;padding-bottom: 15px;}
.content h3{font-family: 'Mulish'font-style: normal;font-weight: 700;font-size: 24px;line-height: 30px;text-align: center;letter-spacing: 0.3px;text-transform: uppercase;color: #252733;}
.content p{font-family: 'Mulish';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;text-align: center;letter-spacing: 0.3px;color: #9FA2B4;}
.form-group label{font-family: 'Mulish';font-style: normal;font-weight: 700;font-size: 12px;line-height: 15px;letter-spacing: 0.3px;text-transform: uppercase;color: white;text-align: left;float: left;width: auto;;}
.form-group input{background: #FCFDFE;border: 1px solid #F0F1F7;border-radius: 8px;width: 100%;height: 42px;font-size: 14px;padding: 11px 16px;}
.form-group button{background: #84C10A;box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24);border-radius: 8px;height: 48px;width: 100%;border-radius: 8px;border: none;outline: none;font-weight: 600;font-size: 14px;line-height: 20px;text-align: center;letter-spacing: 0.2px;color: #FFFFFF;}
.logform .form-group{margin-bottom: 24px;}
.forget{float: right;margin-top: -4px;}
.forget a{font-weight: 400;font-size: 10px;line-height: 13px;letter-spacing: 0.1px;color: #9FA2B4;}
.noacount p{font-weight: 400;font-size: 14px;line-height: 20px;text-align: center;letter-spacing: 0.3px;color: #9FA2B4;margin: 0px;}
.noacount p a{font-weight: 600;font-size: 14px;line-height: 20px;text-align: center;letter-spacing: 0.2px;color: #84C10A;text-decoration: none;}

.superlogo img{width: 426px;height: 83px;margin-bottom: 47px;}
.supercont h2{font-weight: 700;font-size: 28px;line-height: 35px;text-align: center;letter-spacing: 0.3px;text-transform: uppercase;color: #252733;padding-bottom: 50px;}
.superadmin{background: #F5F5F5;border-radius: 8px;position: absolute;padding: 32px;text-align: center;width: 100%;}
.superul ul{list-style: none;}
.superul ul li{padding: 32px;background: #FFFFFF;border: 1px solid #DFE0EB;border-radius: 8px;display: inline-block;max-width: 320px;
    width: 290px;margin: 0px 0px;margin-bottom: 45px;}
.superuser img{max-width: 100px;}
.superc{padding-top: 30px;}
.superc p{font-size: 16px;line-height: 23px;text-align: center;letter-spacing: 0.3px;text-transform: uppercase;color: #9FA2B4;margin-bottom: 0px;}
.superc h5 a{font-weight: 700;font-size: 25px;line-height: 35px;text-align: center;letter-spacing: 0.3px;text-transform: capitalize;color: #252733;}
.superc h5 a:hover{text-decoration: none;}
.superc h5{margin-bottom: 0px;}

/*leftpanel*/
.inleftpanel{float: left;background: linear-gradient(0deg, #363740, #363740), #363740;}
 .logindiv .col-sm-3.col-md-3::-webkit-scrollbar-track{height: 80px;border-radius: 10px;background-color: #F5F5F5;}
 .logindiv .col-sm-3.col-md-3::-webkit-scrollbar{width: 8px;height: 80px;background-color: #F5F5F5;}
 .logindiv .col-sm-3.col-md-3::-webkit-scrollbar-thumb{border-radius: 10px;height: 50px;background-color: #ccc;}
.logindiv .col-sm-3.col-md-3{max-width: 274px;height: 100%;position: fixed;z-index: 101;overflow-y: scroll;padding-right: 0px;overflow-x: hidden;-webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;}
.logindiv .col-sm-9.col-md-9{padding-right: 30px;max-width: 100%;flex: 100%;margin-left: 275px;}
/* .logindiv .col-sm-9.col-md-9{padding-right: 30px;margin-left: 275px; float:left;} */
.inleftpanel{padding: 40px 0px;}
.inleftpanel ul{margin-bottom: 0px;list-style: none;}
.icon{float: left;display: inline-block;margin-right: 24px;}
.icon img{max-width: 14px;}
.tabttl{float: left;display: inline-block;}
.inleftpanel ul li{float: left;width: 100%;height: 50px;padding: 16px 24px;position: relative;}
.inleftpanel ul li a{font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: 0.2px;color: #A4A6B3;}
.logoleft{text-align: center;margin-bottom: 15px;}
.logoleft img{max-width: 176px;}
.inleftpanel ul li:hover .hoverlist{display: block!important;}
.hoverlist{position: absolute;right: -110px;z-index: 1;top: 0px;display: none;}
.hoverlist ul li{background: #84C10A;color: white;padding: 5px;text-align: center;height: auto;}
.hoverlist ul li a{color: white!important;}
.hoverlist ul li a:hover{text-decoration: none!important;}


#whtsapp{margin-right: 35px;font-size: 13px;}
#drarc{position: relative;top: -4px;}

#twoinone .col-sm-6{float:left;}
#twoinone .col-sm-3,.col-sm-2,.col-sm-4{float:left;}
#twoinone label input{height: 38px;border-radius: 4px;background: white;border: 1px solid #ccc;}

/*modalcss*/
.modal-dialog{max-width: 692px;}
.modal-content .close{opacity: 1!important;position: absolute;right: 4px;top: 1px;padding: 0px;}
.modal-content .modal-header{border: none!important;}
.modal-title{font-weight: 700;font-size: 24px;line-height: 30px;letter-spacing: 0.3px;color: #252733;text-align: center;}
.modal-footer{border-top: none!important;display: block;padding-bottom: 25px;}
.modal-footer .btn-primary{width: 295.12px;height: 50px;background: #83C009;border-radius: 4px;font-weight: 700;font-size: 20px;line-height: 25px;letter-spacing: 0.3px;border: 1px solid #83C009;}
.modal-footer .btn-secondary{width: 295.12px;height: 50px;left: 495px;top: 664px;border: 1px solid #84C10A;border-radius: 4px;background: white;color: #84C10A;font-weight: 700;font-size: 20px;line-height: 25px;letter-spacing: 0.3px;}

/*creatsbadminmodal*/
.sbadmin{float: left;width: 100%;padding-top: 30px;}
.sbadmin label{width: 100%; margin-bottom: 16px;}
.sbadmin label p{margin-bottom: 6px;font-weight: 700;font-size: 12px;line-height: 15px;letter-spacing: 0.3px;text-transform: uppercase;color: #9FA2B4;}
.sbadmin label input{border-radius: 8px;height: 38px;padding: 11px 16px;width: 100%;border-radius: 4px;background: white;border: 1px solid #ccc;}
.selectize-input {
       min-height: 38px!important;
    padding: 0px 10px!important;
    height: 38px;
}
.selectize-input .item{padding-top: 8px;font-size: 15px;padding-left: 6px;}
::placeholder {
  color: #4B506D;
  opacity: 0.4;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #4B506D;
  opacity: 0.4;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #4B506D;
  opacity: 0.4;
}
.form-group select{background: #FCFDFE;border: 1px solid #F0F1F7;border-radius: 8px;height: 42px;color: #4B506D;}

/*headeraea*/
.headingsearch{float: left;width: auto;padding-bottom: 30px;position: relative;}
.header{width: 100%;float: left;padding-top: 5px;padding-bottom: 10px;}
.pagename{float: left;width: auto;}
.pagename h2{font-style: normal;font-weight: 700;font-size: 24px;line-height: 30px;letter-spacing: 0.3px;color: #252733;float: left;width: auto;}
.logindiv .container{background: white;max-width: 100%;}
.rightdetail{float: right;}
.searchicon{display: inline-block;padding-right: 22px;position: relative;top: 9px;}
.bellicon{display: inline-block;padding-right: 20px;border-right: 1px solid #ccc;position: relative;top: 7px;}
.username{float: right;display: inline-block;padding-left: 25px;}
.uname{display: inline-block;padding-right: 15px;}
.uimg{display: inline-block;}
.uimg img{border-radius: 50px;border: 1.5px solid #83C009;padding: 2px;}
.radndombtn{width: auto;float: right;text-align: right;padding-bottom: 30px;}
/* .radndombtn a button{width: 287px;height: 50px;background: #83C009;border-radius: 4px;font-weight: 700;font-size: 20px;line-height: 25px;letter-spacing: 0.3px;color: #FFFFFF;outline: none;border: none;cursor: pointer;} */

.radndombtn a button{width: 200px;
    height: 50px;
    background: #83C009;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    outline: none;
    border: none;
    cursor: pointer;
	}
.contenthead{float: left;
}
.contenthead h3{font-weight: 700;font-size: 19px;line-height: 24px;letter-spacing: 0.4px;color: #252733;}
.contenthead a{font-weight: 600;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;color: #84C10A;text-decoration: none;}
.searchbox{float: right;position: relative;}
.searchbox input{width: 225px;height: 33px;border: 1px solid #E2D7D7;border-radius: 4px;}
.searchbox button{position: absolute;right: 10px;border: none;background: none;top: 3px;}
.numbofsearch{float: right;background: #83c009;color: white;width: 57px;text-align: center;border-radius: 10px;position: absolute;right: 0px;bottom: -25px;}
.main-content{border: 1px solid #DFE0EB;border-radius: 8px;float: left;width: 100%;padding: 28px 28px 28px;margin-top: 25px;}
.tablli{list-style: none;}
.tablli li{display: inline-block;float: left;padding-right: 10px;}
.greenbtn{width: 20px;height: 20px;background: #84C10A;border-radius: 5px;border: none;outline: none;}
.greenbtn img{margin-top: -3px;}
.redbtn img{margin-top: -3px;}
.redbtn{width: 20px;height: 20px;background: #FF375B;border-radius: 5px;border: none;outline: none;}
.table thead th{border-bottom: 1px solid #DFE0EB!important;border-top: none!important;vertical-align: top;}
.shownum{font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: 0.2px;color: #252733;}
.paginationdiv nav{float: right;text-align: right;}
.page-link{background-color: #e9ecef;border-color: #dee2e6;border: none!important;}
.page-link{color:#B4B4B4!important;}
.col-md-9{padding-right: 0px;}
.col-sm-9{padding-right: 0px;}
.page-item.active .page-link{background: #84C10A;color: white!important;border-color: #84C10A!important;}
.paginationdiv{float: left;width: 100%;padding-top: 25px;}

.dataTables_info{padding-top: 15px!important;}
.dataTables_paginate{padding-top: 15px!important;}

/*unit*/
.logo img{max-width: 40px;}
.col-sm-12 .custom-file-input:lang(en)~.custom-file-label::after{content: "Attachment";background: #83c009;color: white;height: 42px;}
.col-sm-12 .custom-file-label{height: 42px!important;background: #FCFDFE!important;border: 1px solid #F0F1F7!important;}

#valuecheck input[type=checkbox]{width: auto!important;height: auto!important;}
#valuecheck label{width: auto!important;height: auto!important;color: #9FA2B4;padding-right: 5px;}


/*4tables*/
#tablesall .contenthead h3{font-size: 16px;margin-bottom: 0px;padding-top: 20px;padding-left: 20px;}
#tablesall .contenthead a{color: #DFE0EB;padding-left: 20px;}
#tablesall{padding: 0px!important;}
#tablesall .col-sm-6{border: 1px solid #DFE0EB;border-radius: 8px;padding: 0px;max-width: 48.5%;margin-right: 15px;margin-bottom: 20px;}
#alltabcs{border: none!important;padding: 0px 15px!important;}
#tablesall .table th{border-top: none!important;border-bottom: 1px solid #dee2e6;vertical-align: top;}
#tablesall .table td{border-top: none!important;border-bottom: 1px solid #dee2e6;}
.leftpadd{padding-left:0px!important;}
.righttext{text-align: right;}
.viewall{float: right;padding-top: 20px;padding-right: 20px;}
.viewall a{font-weight: 600;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;color: #84C10A;text-decoration: none;}

#tablesall .col-sm-12{border: 1px solid #DFE0EB;border-radius: 8px;padding: 0px;overflow: hidden;}
#tablesall .afrotab{margin-bottom: 0px!important;}
#tablesall .afrotab .nav-link{padding: 20px 25px!important;}
#tablesall .nav-pills .nav-link.active{background: #84C10A!important;color: white!important;border-radius: 0px 0px 0px 0px;}
#tablesall .nav-pills .nav-link{color: black;font-weight: bold;}
#pills-tabContent .table thead th{font-size: 14px!important;}
#pills-tabContent .table td{font-size: 13px!important;}
#tablesall .table td select{width: 18px;border-radius: 5px;color:#84C10A;border: none;}
.fa-calendar-days{color: #84C10A;}
.afrotab .nav.nav-pills{border-bottom: 1px solid #DFE0EB;}


/*overview*/

.overview #tablesall{border-top: none!important;border-bottom: 1px solid #dee2e6;text-align: left;}
.overview .viewall{margin-bottom: 24px;}
.menubar{display: none;margin-right: 10px;float: left;}
.crossicon{display: none;}
.dropdown-toggle::after{display: none;}
.dropdown-menu a{text-decoration: none!important;}
.switchrd .switch {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 35px;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer;
}
.switchrd .switch::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 33px;
    height: 33px;
    background: #fafafa;
    border-radius: 50%;
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switchrd .switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
.switchrd input:checked + .switch {
    background: #83C009;
}
.switchrd input:checked + .switch::before {
    left: 27px;
    background: #fff;
}
.switchrd input:checked + .switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}

.actives{background:  #84C10A;}
.actives a{color: #fff!important;
cursor: pointer;}
.inleftpanel ul li.active a{color: #fff!important;
cursor: pointer;}

#gaso{padding-top: 40px; float:left;}
#gaso a button{background: #84c10a;border: none;color: white;width: 110px;height: 40px;font-weight: bold;border-radius: 5px;}
#backmodal .col-sm-12 .custom-file-input:lang(en)~.custom-file-label::after{display: none;}
#unitradio{padding-bottom: 25px;}
#unitradio p{margin-bottom: 6px;font-weight: 700;font-size: 12px;line-height: 15px;letter-spacing: 0.3px;text-transform: uppercase;color: #9FA2B4;}
#unitradio .col-sm-2{float: left;}
#unitradio .col-sm-9{float: left;}
#unitradio .radio input{float: left;}
#unitradio .radio .radio-label{float: left;width: auto;margin: 0;margin-top: 0px;margin-left: 15px;margin-bottom: 6px;font-weight: 700;font-size: 14px;line-height: 15px;letter-spacing: 0.3px;text-transform: uppercase;color: #9FA2B4;}
.backbutton{float: right;margin-right: 30px;background:#83c009;border-radius:10px;padding:5px;}
.backbutton a{font-weight: 700;font-size: 16px;line-height: 15px;letter-spacing: 0.3px;text-transform: uppercase;color: #9FA2B4;color: #ffffff;
    padding: 10px;}
#consumtionr .table td select{width: 18px;border-radius: 5px;color: #84C10A;border: none;}

.disabled-btn{
    cursor: not-allowed !important;
    filter: alpha(opacity=65) !important;
    opacity: .65 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events:none !important;
}

.loader-class{width:100%;padding:20px;text-align:center;margin:20px;}
.spinner-grow.text-success {
    color: #84c10a!important;
}


.table-responsive::-webkit-scrollbar-track{height: 10px;border-radius: 10px;background-color: #F5F5F5;}
.table-responsive::-webkit-scrollbar{width: 8px;height: 10px;background-color: #F5F5F5;}
.table-responsive::-webkit-scrollbar-thumb{border-radius: 10px;height: 10px;background-color: #ccc;}

/*== multi select css ==*/

table tr.filters th:nth-child(1){
		visibility: hidden;
	}table tr.filters th:nth-child(9){
		visibility: hidden;
	}
	table tr.filters th:nth-child(8){
		visibility: hidden;
	}
	table tr.filters th:nth-child(6){
		visibility: hidden;
	}
	table tr.filters th:nth-child(7){
		visibility: hidden;
	}
	table tr.filters th:nth-child(10){
		visibility: hidden;
	}
	
input[name=show_price_list]{
  transition: box-shadow .3s !important;
  background: lightgrey !important;
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  transition: box-shadow .3s !important;
  background: lightgrey !important;
  cursor: pointer !important;
  border: 0 !important;
  appearance: none; -webkit-appearance: none; !important;
}

input[name=show_price_list]:checked { 
  box-shadow: inset 0 0 0 20px #83C009 !important;
}

.bootstrap-select .dropdown-menu {min-width:100% !important;}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  padding: 3px;
  margin: 0 10px 10px 0;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #0088cc;
  border-color: #0088cc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
 left: 69%;

  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.stock_register_no,.is_value_no,.show_price_list{display:none;}

/* Transition
========================== */
.switch-label, .switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

/*==== User Panel Popup Footer ===*/
.user-body   .modal-footer .btn {width: 195.12px;}
.user-input-list-sel a{float:left;margin-bottom:15px;}

#supad{top: 20% !important;}
.start-scanner,.cancel-scanner{float:right;}
.color-red{background:#ffa0a0; font-weight:bold;}
.color-delete{background:#ffa0a0 !important;}
.color-green{background:#eeffcc; border:.5px solid #000; font-weight:bold;}
.user-body  .main-ul-list li{box-shadow:0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%) !important}

.admin-body #user-input-purchase-form  .modal-footer .btn {
    width: 195.12px;
}.admin-body #user-input-sales-form  .modal-footer .btn {
    width: 195.12px;
}.admin-body #user-input-cash-book .modal-footer .btn {
    width: 195.12px;
}

.status_badage{padding: 6px;
    font-size: 12px;cursor:pointer;}
.suggestion-list{color:#000; border:1px solid #DFE0EB;list-style:none; background:#f6f0f0;box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%) !important; max-height:300px;overflow-y: auto;}
.suggestion-list  li{border-bottom:1px solid #e8e8e8;padding:10px;}
.addNewChart{float:right;}
.fa-paperclip{font-size:20px;}

.admin-body #user-input-production-chart .modal-footer .btn {
    width: 195.12px;
}.admin-body #user-input-consumption-chart .modal-footer .btn {
    width: 195.12px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

/* .stock-table::-webkit-scrollbar {
    display: none;
} */

.admin-logo-div{
    margin-top: -40px;}
.admin-logo-div img{height:110px;}

.switch_unit_li ul{list-style:none; padding:0px 10px;margin-bottom: 0px;}
.switch_unit_li ul li{margin:10px; cursor:pointer;font-size:14px;}
.switch_unit_li ul li:hover{color:red;}

.container.all-loader {
    position: fixed;
    top: 40%;
    z-index: 99;
    left: 0;
    right: 0;
}
.all-loader {
    display: none;
}

.inputadm{position:static!important;}
.npadd{padding-top:0px!important;}
.user-header-strip .col-8 .current_unit_div{float: none!important;width: auto;
    display: inline-block;}
.user-header-strip .col-8.text-centre{Text-align:center;}
#inout{padding:20px;}
.group-by td{background: #47bf53;
    color: #fff;
    font-weight: bolder;}
.tr-hide{display:none;}
.tr-show{display:block;}
i.fa-plus{height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: #000;
    border: 0.15em solid #e8e8e8;
    border-radius: 1em;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 1em;
    background-color: #fff;
	}
	
	i.fa-minus{height: 1em ;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 1em;
    background-color: #d33333 !important;
	}
	
	#reportrange {
    padding: 0.46rem 0.75rem;
    font-size: 14px;
    border: 1px solid #CED4DA;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* = = =  Tracker Css = = = */


div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    position: relative;
    clear: both;
    padding: 5px 1% !important;
    border: 1px solid transparent;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input {
    float: right;
    width: 70% !important;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input select{
	width:100%;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
    float: left;
    width: 29%  !important;
    padding-top: 3px;
	font-size: 11px  !important;
	text-transform: capitalize !important;
}

.load-list th{font-size:10px; font-weight:bolder; padding:7px !important; text-transform: uppercase !important;}
.paginate_button.current{background: #84C10A;color: white!important;border-color: #84C10A!important;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #84C10A!important;color: white!important;border-color: #84C10A!important;padding: 5px 12px!important;}
.ek-set{float:left;
width:100%;
}

 .userAddCloneDiv, .userAddClone{float:right;}

.ek-set .remove-set{cursor: pointer;
    margin-top: -34px;
    margin-left: 97px;
	font-weight: bold;
    float: left;
}
.remove-set{cursor: pointer;
    margin-top: -34px;
    margin-left: 97px;
	font-weight: bold;
    float: left;
}
.col-sm-12{float:left;width:100%;}

.internal-sm-2-padding{
	padding-right: 5px !important;
    padding-left: 5px !important;
	float:left !important;
}
.row-set-cam{border: 1px solid #ccc !important; float:left;width:100%; margin:10px 0;padding:5px 5px;}
.qrCodeNumber{
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    float: left;
    width: 100%;
}

#accordion  .card-body{    padding-top:1px !important; padding-bottom:0px !important;}
.accordion  .col-sm-6{border:none !important; }
.accordion  .contenthead {border: 0.7px solid #e8e8e8;}

@media print {
		.bg-light-green{background: #ddebdd !important;}
		.bg-light-grey{background: #5aee53 !important;font-weight: bold !important;}
		.color-red{background:#ffa0a0 !important;}  
		body{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}
	}
.batch-suggesstion-box,.truck-suggesstion-box,.container-suggesstion-box{
    position: absolute;
    z-index: 99999999;
    
    width: 90%;
}


.blink_warning {
  -webkit-animation: flash  3.9s linear infinite;  /* Safari 4+ */
  -moz-animation: flash  3.9s linear infinite;  /* Fx 5+ */
  -o-animation: flash  3.9s linear infinite;  /* Opera 12+ */
  animation: flash  3.9s linear infinite;  /* IE 10+, Fx 29+ */
  background:red;
  color:#ffffff;
}


/* @-webkit-keyframes flash {
  0% { opacity: 0; } 
  80% { opacity: 1; color:#fff; } 
  83% { opacity: 0; color:#fff; } 
  86% { opacity: 1; color:#fff;}  
  89% { opacity: 0} 
  92% { opacity: 1; color:#fff;} 
  95% { opacity: 0; color:#fff;}
  100% { opacity: 1; color:#fff;}
}
@keyframes flash {
  0% { opacity: 0; } 
  80% { opacity: 1; color:#fff; } 
  83% { opacity: 0; color:#fff; } 
  86% { opacity: 1; color:#fff;}  
  89% { opacity: 0} 
  92% { opacity: 1; color:#fff;} 
  95% { opacity: 0; color:#fff;}
  100% { opacity: 1; color:#fff;}
}

@-webkit-keyframes blink {
		0% {
			opacity: 0.1;
			color:black;
		}

		50% {
			opacity: 0.4;
			color:#ffffff;
		}
		
		75% {
			opacity: 0.7;
			color:#ffffff;
		}

		100% {
			opacity: 1;
			color:#ffffff;
		}
} */

 .warningLine{
    padding: 10px;
    width: 100%;
    text-align: center;
	font-size: 12px;
	color:red;
	animation: animate  3.9s linear infinite;
	font-weight:bold;
    }
	
	.consumption-Box,.sales-Box,.production-Box,.purchase-Box{display:none;}
    .lClick{cursor:pointer;}
	
/* @-webkit-keyframes animate {
  0% { opacity: 0; } 
  80% { opacity: 1; color:red; } 
  83% { opacity: 0; color:red; } 
  86% { opacity: 1; color:red;}  
  89% { opacity: 0} 
  92% { opacity: 1; color:red;} 
  95% { opacity: 0; color:red;}
  100% { opacity: 1; color:red;}
}
@keyframes animate {
  0% { opacity: 0; } 
  80% { opacity: 1; color:red; } 
  83% { opacity: 0; color:red; } 
  86% { opacity: 1; color:red;}  
  89% { opacity: 0} 
  92% { opacity: 1; color:red;} 
  95% { opacity: 0; color:red;}
  100% { opacity: 1; color:red;}
} */

.blinkText {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.sr-txt{color:#ff0018; font-weight:bold;}
.bg-light-blue {
    background: #bababa;
	font-weight:bold;
}
.specto-table-r td{width:10%;}

ul.list-group.ulStock li {
    background: #b8ffbf;
	font-weight:bold;
    height: 17px;
    font-size: 10px;
}

ul.list-group  li {
	height: 17px;
    font-size: 10px;
}


.stock-Details-H  .list-group-item {
    position: relative;
    display: block;
    padding: 0.1rem 0.1rem !important;
    white-space:nowrap;
    
}

.stock-Details-H   .bg-light-blue th {
    background: #bababa;
    font-weight: bold;
    height: 15px;
}

.stock-Details-H   .specto-table-r  td{
    height: 10px;
    font-size: 8px;
}
.stock-Details-H   .specto-table-r  th{
    height: 10px;
    font-size: 8px;
}
.specto-table-r{min-width:420px;}
.stock-badge{font-size:12px;}

input[type=checkbox].autoCheck {
    opacity: 1;
	pointer-events: none;
}

.voucher_class{font-size:9px !important; color:green; }