/******************** * GENERAL STYLES ********************/
html, body, #wrapper { height: 100%; }
html {
     position: relative;
     min-height: 100%;
}
 body {
     background-color: #F3F5F8;
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     color: #383e41;
}
 a {
     color: #3287B2;
}
 a:hover, a:focus {
     color: #3b98c8;
     text-decoration: none;
}
 th {
     font-weight: 600;
}
 .page-title {
     margin-top: 0;
     margin-bottom: 20px;
     font-weight: 500;
	 color:#2d3a4b;
}
.page-title .link{color:#000; font-weight:600}
.page-title .link:hover{color:#f17527}

.color-orange{color:#EE7727!important}
.color-red{color:#c00707}
.color-grey{color:#B5AEAA}

option[value=""][disabled] {
    display: none;
  }
.color-blue{color:#1B61EC;}

.font-weight-600{font-weight:600 !important}

 footer {
     position: fixed;
     bottom: 0;
     right: 0;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 200px;
     width: 100%;
     background: #e5eef3;
     z-index:100;
}
 .copyright {
     margin-bottom: 0;
     text-align: center !important;
     font-size: 12px;
     color: #8c8d8e;
}
 .customer-select-group .multiselect{
     height: 34px;
 }
 @media screen and (max-width: 767px) {
     .copyright {
         text-align: center;
         position: relative !important;
    }
}
 .quick-info {
     background: #fff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
     padding: 10px;
     margin-bottom: 10px;
}
 .quick-info .weekly-summary {
     border-bottom: 1px dashed #ddd;
     padding-bottom: 5px;
}
 .quick-info .form-group {
     border-bottom: 0 !important;
}

.normal-modal{padding-right:0 !important}
.normal-modal .modal-title{text-align:left; margin:0}

.modal-xl {max-width: 1200px; width: 95%;}

.info-stripe-green{background:#16B65B; padding:15px 25px; color:#fff; display:flex; align-items:center;}
.info-stripe-green i{font-size:20px; margin:0 15px 0 0}
.infostripe-top-left {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    top: 65px;
    font-size: 16px;
}
.info-link-btn {
    color: #fff;
    padding: 8px 15px;
    background: #0B1727 0% 0% no-repeat padding-box;
    border-radius: 5px;
    font-size: 15px;
    margin-left: 23px;
}
.info-stripe{background:#f5603d; padding:15px 25px; color:#fff; display:flex; align-items:center;}
.info-stripe i{font-size:20px; margin:0 15px 0 0}

/**************************** ******************************** customs class **************************************************************/
.display-inline-block{
display:inline-block;
}

 .bg-grey {
     background: #fbfbfb!important;
}
.bg-grey-semi-dark{background:#F7F7F7 !important;}
.bg-light-sky-blue{background:#F3F5F8 !important;}
 .m-200 {
     margin: 200px!important;
}
 .m-195 {
     margin: 195px!important;
}
 .m-190 {
     margin: 190px!important;
}
 .m-185 {
     margin: 185px!important;
}
 .m-180 {
     margin: 180px!important;
}
 .m-175 {
     margin: 175px!important;
}
 .m-170 {
     margin: 170px!important;
}
 .m-165 {
     margin: 165px!important;
}
 .m-160 {
     margin: 160px!important;
}
 .m-155 {
     margin: 155px!important;
}
 .m-150 {
     margin: 150px!important;
}
 .m-145 {
     margin: 145px!important;
}
 .m-140 {
     margin: 140px!important;
}
 .m-135 {
     margin: 135px!important;
}
 .m-130 {
     margin: 130px!important;
}
 .m-125 {
     margin: 125px!important;
}
 .m-120 {
     margin: 120px!important;
}
 .m-115 {
     margin: 115px!important;
}
 .m-110 {
     margin: 110px!important;
}
 .m-105 {
     margin: 105px!important;
}
 .m-100 {
     margin: 100px!important;
}
 .m-95 {
     margin: 95px!important;
}
 .m-90 {
     margin: 90px!important;
}
 .m-85 {
     margin: 85px!important;
}
 .m-80 {
     margin: 80px!important;
}
 .m-75 {
     margin: 75px!important;
}
 .m-70 {
     margin: 70px!important;
}
 .m-65 {
     margin: 65px!important;
}
 .m-60 {
     margin: 60px!important;
}
 .m-55 {
     margin: 55px!important;
}
 .m-50 {
     margin: 50px!important;
}
 .m-45 {
     margin: 45px!important;
}
 .m-40 {
     margin: 40px!important;
}
 .m-35 {
     margin: 35px!important;
}
 .m-30 {
     margin: 30px!important;
}
 .m-25 {
     margin: 25px!important;
}
 .m-20 {
     margin: 20px!important;
}
 .m-15 {
     margin: 15px!important;
}
 .m-10 {
     margin: 10px!important;
}
 .m-5 {
     margin: 5px!important;
}
.m-0 {
    margin: 0px!important;
}
 .mt-200 {
     margin-top: 200px!important;
}
 .mt-195 {
     margin-top: 190px!important;
}
 .mt-150 {
     margin-top: 150px!important;
}
 .mt-140 {
     margin-top: 140px!important;
}
 .mt-130 {
     margin-top: 130px!important;
}
 .mt-120 {
     margin-top: 120px!important;
}
 .mt-110 {
     margin-top: 110px!important;
}
 .mt-105 {
     margin-top: 105px!important;
}
 .mt-100 {
     margin-top: 100px!important;
}
 .mt-95 {
     margin-top: 95px!important;
}
 .mt-90 {
     margin-top: 90px!important;
}
 .mt-85 {
     margin-top: 85px!important;
}
 .mt-80 {
     margin-top: 80px!important;
}
 .mt-75 {
     margin-top: 75px!important;
}
 .mt-70 {
     margin-top: 70px!important;
}
 .mt-65 {
     margin-top: 65px!important;
}
 .mt-60 {
     margin-top: 60px!important;
}
 .mt-55 {
     margin-top: 55px!important;
}
 .mt-50 {
     margin-top: 50px!important;
}
 .mt-45 {
     margin-top: 45px!important;
}
 .mt-40 {
     margin-top: 40px!important;
}
 .mt-35 {
     margin-top: 35px!important;
}
 .mt-30 {
     margin-top: 30px!important;
}
 .mt-25 {
     margin-top: 25px!important;
}
 .mt-20 {
     margin-top: 20px!important;
}
 .mt-15 {
     margin-top: 15px!important;
}
 .mt-10 {
     margin-top: 10px!important;
}
 .mt-5 {
     margin-top: 5px!important;
}
 .mt-0 {
     margin-top: 0!important;
}
 .mt--5 {
     margin-top: -5px!important;
}
 .mt--10 {
     margin-top: -10px!important;
}
 .mb-200 {
     margin-bottom: 200px!important;
}
 .mb-190 {
     margin-bottom: 190px!important;
}
 .mb-150 {
     margin-bottom: 150px!important;
}
 .mb-140 {
     margin-bottom: 140px!important;
}
 .mb-130 {
     margin-bottom: 130px!important;
}
 .mb-120 {
     margin-bottom: 120px!important;
}
 .mb-110 {
     margin-bottom: 110px!important;
}
 .mb-100 {
     margin-bottom: 100px!important;
}
 .mb-95 {
     margin-bottom: 95px!important;
}
 .mb-90 {
     margin-bottom: 90px!important;
}
 .mb-85 {
     margin-bottom: 85px!important;
}
 .mb-80 {
     margin-bottom: 80px!important;
}
 .mb-75 {
     margin-bottom: 75px!important;
}
 .mb-70 {
     margin-bottom: 70px!important;
}
 .mb-65 {
     margin-bottom: 65px!important;
}
 .mb-60 {
     margin-bottom: 60px!important;
}
 .mb-55 {
     margin-bottom: 55px!important;
}
 .mb-50 {
     margin-bottom: 50px!important;
}
 .mb-45 {
     margin-bottom: 45px!important;
}
 .mb-40 {
     margin-bottom: 40px!important;
}
 .mb-35 {
     margin-bottom: 35px!important;
}
 .mb-30 {
     margin-bottom: 30px!important;
}
 .mb-25 {
     margin-bottom: 25px!important;
}
 .mb-20 {
     margin-bottom: 20px!important;
}
 .mb-15 {
     margin-bottom: 15px!important;
}
 .mb-10 {
     margin-bottom: 10px!important;
}
 .mb-5 {
     margin-bottom: 5px!important;
}
 .mb-0 {
     margin-bottom: 0!important;
}
 .mb--5 {
     margin-bottom: -5px!important;
}
 .mb--10 {
     margin-bottom: -10px!important;
}
 .mtb-200 {
     margin-top: 200px!important;
     margin-bottom: 200px!important;
}
 .mtb-195 {
     margin-top: 190px!important;
     margin-bottom: 190px!important;
}
 .mtb-150 {
     margin-top: 150px!important;
     margin-bottom: 150px!important;
}
 .mtb-140 {
     margin-top: 140px!important;
     margin-bottom: 140px!important;
}
 .mtb-130 {
     margin-top: 130px!important;
     margin-bottom: 130px!important;
}
 .mtb-120 {
     margin-top: 120px!important;
     margin-bottom: 120px!important;
}
 .mt-110 {
     margin-top: 110px!important;
     margin-bottom: 110px!important;
}
 .mtb-105 {
     margin-top: 105px!important;
     margin-bottom: 105px!important;
}
 .mtb-100 {
     margin-top: 100px!important;
     margin-bottom: 100px!important;
}
 .mtb-95 {
     margin-top: 95px!important;
     margin-bottom: 95px!important;
}
 .mtb-90 {
     margin-top: 90px!important;
     margin-bottom: 90px!important;
}
 .mt-85 {
     margin-top: 85px!important;
     margin-bottom: 85px!important;
}
 .mtb-80 {
     margin-top: 80px!important;
     margin-bottom: 80px!important;
}
 .mtb-75 {
     margin-top: 75px!important;
     margin-bottom: 75px!important;
}
 .mtb-70 {
     margin-top: 70px!important;
     margin-bottom: 70px!important;
}
 .mtb-65 {
     margin-top: 65px!important;
     margin-bottom: 65px!important;
}
 .mtb-60 {
     margin-top: 60px!important;
     margin-bottom: 60px!important;
}
 .mtb-55 {
     margin-top: 55px!important;
     margin-bottom: 55px!important;
}
 .mtb-50 {
     margin-top: 50px!important;
     margin-bottom: 50px!important;
}
 .mtb-45 {
     margin-top: 45px!important;
     margin-bottom: 45px!important;
}
 .mtb-40 {
     margin-top: 40px!important;
     margin-bottom: 40px!important;
}
 .mtb-35 {
     margin-top: 35px!important;
     margin-bottom: 35px!important;
}
 .mtb-30 {
     margin-top: 30px!important;
     margin-bottom: 30px!important;
}
 .mtb-25 {
     margin-top: 25px!important;
     margin-bottom: 25px!important;
}
 .mtb-20 {
     margin-top: 20px!important;
     margin-bottom: 20px!important;
}
 .mtb-15 {
     margin-top: 15px!important;
     margin-bottom: 15px!important;
}
 .mtb-10 {
     margin-top: 10px!important;
     margin-bottom: 10px!important;
}
 .mtb-5 {
     margin-top: 5px!important;
     margin-bottom: 5px!important;
}
 .mtb-0 {
     margin-top: 0!important;
     margin-bottom: 0px!important;
}
 .mtb--5 {
     margin-top: -5px!important;
     margin-bottom: -5px!important;
}
 .mtb--10 {
     margin-top: -10px!important;
     margin-bottom: -10px!important;
}
 .mb-200 {
     margin-bottom: 200px!important;
}
 .mb-190 {
     margin-bottom: 190px!important;
}
 .mb-150 {
     margin-bottom: 150px!important;
}
 .mb-140 {
     margin-bottom: 140px!important;
}
 .mb-130 {
     margin-bottom: 130px!important;
}
 .mb-120 {
     margin-bottom: 120px!important;
}
 .mb-110 {
     margin-bottom: 110px!important;
}
 .mb-100 {
     margin-bottom: 100px!important;
}
 .mb-95 {
     margin-bottom: 95px!important;
}
 .mb-90 {
     margin-bottom: 90px!important;
}
 .mb-85 {
     margin-bottom: 85px!important;
}
 .mb-80 {
     margin-bottom: 80px!important;
}
 .mb-75 {
     margin-bottom: 75px!important;
}
 .mb-70 {
     margin-bottom: 70px!important;
}
 .mb-65 {
     margin-bottom: 65px!important;
}
 .mb-60 {
     margin-bottom: 60px!important;
}
 .mb-55 {
     margin-bottom: 55px!important;
}
 .mb-50 {
     margin-bottom: 50px!important;
}
 .mb-45 {
     margin-bottom: 45px!important;
}
 .mb-40 {
     margin-bottom: 40px!important;
}
 .mb-35 {
     margin-bottom: 35px!important;
}
 .mb-30 {
     margin-bottom: 30px!important;
}
 .mb-25 {
     margin-bottom: 25px!important;
}
 .mb-20 {
     margin-bottom: 20px!important;
}
 .mb-15 {
     margin-bottom: 15px!important;
}
 .mb-10 {
     margin-bottom: 10px!important;
}
 .mb-5 {
     margin-bottom: 5px!important;
}
 .mb-0 {
     margin-bottom: 0!important;
}
 .mb--5 {
     margin-bottom: -5px!important;
}
 .mb--10 {
     margin-bottom: -10px!important;
}
 .mr-100 {
     margin-right: 100px!important;
}
 .mr-95 {
     margin-right: 95px!important;
}
 .mr-90 {
     margin-right: 90px!important;
}
 .mr-85 {
     margin-right: 85px!important;
}
 .mr-80 {
     margin-right: 80px!important;
}
 .mr-75 {
     margin-right: 75px!important;
}
 .mr-70 {
     margin-right: 70px!important;
}
 .mr-65 {
     margin-right: 65px!important;
}
 .mr-60 {
     margin-right: 60px!important;
}
 .mr-50 {
     margin-right: 50px!important;
}
 .mr-45 {
     margin-right: 45px!important;
}
 .mr-40 {
     margin-right: 40px!important;
}
 .mr-30 {
     margin-right: 30px!important;
}
 .mr-25 {
     margin-right: 25px!important;
}
 .mr-20 {
     margin-right: 20px!important;
}
 .mr-15 {
     margin-right: 15px!important;
}
 .mr-10 {
     margin-right: 10px!important;
}
 .mr-5 {
     margin-right: 5px!important;
}
 .mr-0 {
     margin-right: 0!important;
}
 .ml-100 {
     margin-left: 100px!important;
}
 .ml-95 {
     margin-left: 95px!important;
}
 .ml-90 {
     margin-left: 90px!important;
}
 .ml-85 {
     margin-left: 85px!important;
}
 .ml-80 {
     margin-left: 80px!important;
}
 .ml-75 {
     margin-left: 75px!important;
}
 .ml-70 {
     margin-left: 70px!important;
}
 .ml-65 {
     margin-left: 65px!important;
}
 .ml-60 {
     margin-left: 60px!important;
}
 .ml-55 {
     margin-left: 55px!important;
}
 .ml-50 {
     margin-left: 50px!important;
}
 .ml-45 {
     margin-left: 45px!important;
}
 .ml-40 {
     margin-left: 40px!important;
}
 .ml-35 {
     margin-left: 35px!important;
}
 .ml-30 {
     margin-left: 30px!important;
}
 .ml-25 {
     margin-left: 25px!important;
}
 .ml-20 {
     margin-left: 20px!important;
}
 .ml-15 {
     margin-left: 15px!important;
}
 .ml-10 {
     margin-left: 10px!important;
}
 .ml-5 {
     margin-left: 5px!important;
}
 .ml-0 {
     margin-left: 0!important;
}
 .p-0 {
     padding: 0px!important;
}
 .pl-0 {
     padding-left: 0px!important;
}
 .pr-0 {
     padding-right: 0px!important;
}
 .p-200 {
     padding: 200px!important;
}
 .p-195 {
     padding: 195px!important;
}
 .p-190 {
     padding: 190px!important;
}
 .p-185 {
     padding: 185px!important;
}
 .p-180 {
     padding: 180px!important;
}
 .p-175 {
     padding: 175px!important;
}
 .p-170 {
     padding: 170px!important;
}
 .p-169 {
     padding: 169px!important;
}
 .p-165 {
     padding: 165px!important;
}
 .p-160 {
     padding: 160px!important;
}
 .p-155 {
     padding: 155px!important;
}
 .p-154 {
     padding: 154px!important;
}
 .p-150 {
     padding: 150px!important;
}
 .p-145 {
     padding: 145px!important;
}
 .p-140 {
     padding: 140px!important;
}
 .p-135 {
     padding: 135px!important;
}
 .p-130 {
     padding: 130px!important;
}
 .p-125 {
     padding: 125px!important;
}
 .p-120 {
     padding: 120px!important;
}
 .p-115 {
     padding: 115px!important;
}
 .p-110 {
     padding: 110px!important;
}
 .p-105 {
     padding: 105px!important;
}
 .p-100 {
     padding: 100px!important;
}
 .p-95 {
     padding: 95px!important;
}
 .p-90 {
     padding: 90px!important;
}
 .p-85 {
     padding: 85px!important;
}
 .p-80 {
     padding: 80px!important;
}
 .p-75 {
     padding: 75px!important;
}
 .p-70 {
     padding: 70px!important;
}
 .p-65 {
     padding: 65px!important;
}
 .p-60 {
     padding: 60px!important;
}
 .p-55 {
     padding: 55px!important;
}
 .p-50 {
     padding: 50px!important;
}
 .p-45 {
     padding: 45px!important;
}
 .p-40 {
     padding: 40px!important;
}
 .p-35 {
     padding: 35px!important;
}
 .p-30 {
     padding: 30px!important;
}
 .p-25 {
     padding: 25px!important;
}
 .p-20 {
     padding: 20px!important;
}
 .p-15 {
     padding: 15px!important;
}
 .p-10 {
     padding: 10px!important;
}
 .p-5 {
     padding: 5px!important;
}
 .p-0 {
     padding: 0!important;
}
 .pt-200 {
     padding-top: 200px!important;
}
 .pt-190 {
     padding-top: 190px!important;
}
 .pt-150 {
     padding-top: 150px!important;
}
 .pt-140 {
     padding-top: 140px!important;
}
 .pt-130 {
     padding-top: 130px!important;
}
 .pt-120 {
     padding-top: 120px!important;
}
 .pt-110 {
     padding-top: 110px!important;
}
 .pt-100 {
     padding-top: 100px!important;
}
 .pt-95 {
     padding-top: 95px!important;
}
 .pt-90 {
     padding-top: 90px!important;
}
 .pt-85 {
     padding-top: 85px!important;
}
 .pt-80 {
     padding-top: 80px!important;
}
 .pt-75 {
     padding-top: 75px!important;
}
 .pt-70 {
     padding-top: 70px!important;
}
 .pt-65 {
     padding-top: 65px!important;
}
 .pt-60 {
     padding-top: 60px!important;
}
 .pt-55 {
     padding-top: 55px!important;
}
 .pt-50 {
     padding-top: 50px!important;
}
 .pt-45 {
     padding-top: 45px!important;
}
 .pt-40 {
     padding-top: 40px!important;
}
 .pt-35 {
     padding-top: 35px!important;
}
 .pt-30 {
     padding-top: 30px!important;
}
 .pt-25 {
     padding-top: 25px!important;
}
 .pt-20 {
     padding-top: 20px!important;
}
 .pt-15 {
     padding-top: 15px!important;
}
 .pt-10 {
     padding-top: 10px!important;
}
 .pt-5 {
     padding-top: 5px!important;
}
 .pt-0 {
     padding-top: 0!important;
}
 .ptb-200 {
     padding-top: 200px!important;
     padding-bottom: 200px!important;
}
 .ptb-190 {
     padding-top: 190px!important;
     padding-bottom: 190px!important;
}
 .ptb-150 {
     padding-top: 150px!important;
     padding-bottom: 150px!important;
}
 .ptb-140 {
     padding-top: 140px!important;
     padding-bottom: 140px!important;
}
 .ptb-130 {
     padding-top: 130px!important;
     padding-bottom: 130px!important;
}
 .ptb-120 {
     padding-top: 120px!important;
     padding-bottom: 120px!important;
}
 .ptb-110 {
     padding-top: 110px!important;
     padding-bottom: 110px!important;
}
 .ptb-100 {
     padding-top: 100px!important;
     padding-bottom: 100px!important;
}
 .ptb-95 {
     padding-top: 95px!important;
     padding-bottom: 95px!important;
}
 .ptb-90 {
     padding-top: 90px!important;
     padding-bottom: 90px!important;
}
 .ptb-85 {
     padding-top: 85px!important;
     padding-bottom: 85px!important;
}
 .ptb-80 {
     padding-top: 80px!important;
     padding-bottom: 80px!important;
}
 .ptb-75 {
     padding-top: 75px!important;
     padding-bottom: 75px!important;
}
 .ptb-70 {
     padding-top: 70px!important;
     padding-bottom: 70px!important;
}
 .ptb-65 {
     padding-top: 65px!important;
     padding-bottom: 65px!important;
}
 .ptb-60 {
     padding-top: 60px!important;
     padding-bottom: 60px!important;
}
 .ptb-55 {
     padding-top: 55px!important;
     padding-bottom: 55px!important;
}
 .ptb-50 {
     padding-top: 50px!important;
     padding-bottom: 50px!important;
}
 .ptb-45 {
     padding-top: 45px!important;
     padding-bottom: 45px!important;
}
 .ptb-40 {
     padding-top: 40px!important;
     padding-bottom: 40px!important;
}
 .ptb-35 {
     padding-top: 35px!important;
     padding-bottom: 35px!important;
}
 .ptb-30 {
     padding-top: 30px!important;
     padding-bottom: 30px!important;
}
 .ptb-25 {
     padding-top: 25px!important;
     padding-bottom: 25px!important;
}
 .ptb-20 {
     padding-top: 20px!important;
     padding-bottom: 20px!important;
}
 .ptb-15 {
     padding-top: 15px!important;
     padding-bottom: 15px!important;
}
 .ptb-10 {
     padding-top: 10px!important;
     padding-bottom: 10px!important;
}
 .ptb-5 {
     padding-top: 5px!important;
     padding-bottom: 5px!important;
}
 .ptb-0 {
     padding-top: 0!important;
     padding-bottom: 0px!important;
}
 .pb-200 {
     padding-bottom: 200px!important;
}
 .pb-190 {
     padding-bottom: 190px!important;
}
 .pb-150 {
     padding-bottom: 150px!important;
}
 .pb-140 {
     padding-bottom: 140px!important;
}
 .pb-130 {
     padding-bottom: 130px!important;
}
 .pb-120 {
     padding-bottom: 120px!important;
}
 .pb-110 {
     padding-bottom: 110px!important;
}
 .pb-100 {
     padding-bottom: 100px!important;
}
 .pb-95 {
     padding-bottom: 95px!important;
}
 .pb-90 {
     padding-bottom: 90px!important;
}
 .pb-85 {
     padding-bottom: 85px!important;
}
 .pb-80 {
     padding-bottom: 80px!important;
}
 .pb-75 {
     padding-bottom: 75px!important;
}
 .pb-70 {
     padding-bottom: 70px!important;
}
 .pb-65 {
     padding-bottom: 65px!important;
}
 .pb-60 {
     padding-bottom: 60px!important;
}
 .pb-55 {
     padding-bottom: 55px!important;
}
 .pb-50 {
     padding-bottom: 50px!important;
}
 .pb-45 {
     padding-bottom: 45px!important;
}
 .pb-40 {
     padding-bottom: 40px!important;
}
 .pb-35 {
     padding-bottom: 35px!important;
}
 .pb-30 {
     padding-bottom: 30px!important;
}
 .pb-25 {
     padding-bottom: 25px!important;
}
 .pb-20 {
     padding-bottom: 20px!important;
}
 .pb-15 {
     padding-bottom: 15px!important;
}
 .pb-10 {
     padding-bottom: 10px!important;
}
 .pb-5 {
     padding-bottom: 5px!important;
}
 .pb-0 {
     padding-bottom: 0!important;
}
 .pr-200 {
     padding-right: 200px!important;
}
 .pr-190 {
     padding-right: 190px!important;
}
 .pr-150 {
     padding-right: 150px!important;
}
 .pr-140 {
     padding-right: 140px!important;
}
 .pr-130 {
     padding-right: 130px!important;
}
 .pr-120 {
     padding-right: 120px!important;
}
 .pr-110 {
     padding-right: 110px!important;
}
 .pr-100 {
     padding-right: 100px!important;
}
 .pr-95 {
     padding-right: 95px!important;
}
 .pr-90 {
     padding-right: 90px!important;
}
 .pr-85 {
     padding-right: 85px!important;
}
 .pr-80 {
     padding-right: 80px!important;
}
 .pr-75 {
     padding-right: 75px!important;
}
 .pr-70 {
     padding-right: 70px!important;
}
 .pr-65 {
     padding-right: 65px!important;
}
 .pr-60 {
     padding-right: 60px!important;
}
 .pr-55 {
     padding-right: 55px!important;
}
 .pr-50 {
     padding-right: 50px!important;
}
 .pr-45 {
     padding-right: 45px!important;
}
 .pr-40 {
     padding-right: 40px!important;
}
 .pr-35 {
     padding-right: 35px!important;
}
 .pr-30 {
     padding-right: 30px!important;
}
 .pr-25 {
     padding-right: 25px!important;
}
 .pr-20 {
     padding-right: 20px!important;
}
 .pr-15 {
     padding-right: 15px!important;
}
 .pr-10 {
     padding-right: 10px!important;
}
 .pr-5 {
     padding-right: 5px!important;
}
 .pr-0 {
     padding-right: 0!important;
}
 .pl-100 {
     padding-left: 100px!important;
}
 .pl-95 {
     padding-left: 95px!important;
}
 .pl-90 {
     padding-left: 90px!important;
}
 .pl-85 {
     padding-left: 85px!important;
}
 .pl-80 {
     padding-left: 80px!important;
}
 .pl-75 {
     padding-left: 75px!important;
}
 .pl-70 {
     padding-left: 70px!important;
}
 .pl-65 {
     padding-left: 65px!important;
}
 .pl-60 {
     padding-left: 60px!important;
}
 .pl-55 {
     padding-left: 55px!important;
}
 .pl-50 {
     padding-left: 50px!important;
}
 .pl-45 {
     padding-left: 45px!important;
}
 .pl-40 {
     padding-left: 40px!important;
}
 .pl-35 {
     padding-left: 35px!important;
}
 .pl-30 {
     padding-left: 30px!important;
}
 .pl-25 {
     padding-left: 25px!important;
}
 .pl-20 {
     padding-left: 20px!important;
}
 .pl-15 {
     padding-left: 15px!important;
}
 .pl-10 {
     padding-left: 10px!important;
}
 .pl-5 {
     padding-left: 5px!important;
}
 .pl-0 {
     padding-left: 0!important;
}
.w-auto{width:auto !important;}
 .w-200 {
     width: 200px!important;
}
 .w-199 {
     width: 199px!important;
}
 .w-198 {
     width: 198px!important;
}
 .w-197 {
     width: 197px!important;
}
 .w-196 {
     width: 196px!important;
}
 .w-195 {
     width: 195px!important;
}
 .w-194 {
     width: 194px!important;
}
 .w-193 {
     width: 193px!important;
}
 .w-192 {
     width: 192px!important;
}
 .w-191 {
     width: 191px!important;
}
 .w-190 {
     width: 190px!important;
}
 .w-189 {
     width: 189px!important;
}
 .w-188 {
     width: 188px!important;
}
 .w-187 {
     width: 187px!important;
}
 .w-186 {
     width: 186px!important;
}
 .w-185 {
     width: 185px!important;
}
 .w-184 {
     width: 184px!important;
}
 .w-183 {
     width: 183px!important;
}
 .w-182 {
     width: 182px!important;
}
 .w-181 {
     width: 181px!important;
}
 .w-180 {
     width: 180px!important;
}
 .w-179 {
     width: 179px!important;
}
 .w-178 {
     width: 178px!important;
}
 .w-177 {
     width: 177px!important;
}
 .w-176 {
     width: 176px!important;
}
 .w-175 {
     width: 175px!important;
}
 .w-174 {
     width: 174px!important;
}
 .w-173 {
     width: 173px!important;
}
 .w-172 {
     width: 172px!important;
}
 .w-171 {
     width: 171px!important;
}
 .w-170 {
     width: 170px!important;
}
 .w-169 {
     width: 169px!important;
}
 .w-168 {
     width: 168px!important;
}
 .w-167 {
     width: 167px!important;
}
 .w-166 {
     width: 166px!important;
}
 .w-165 {
     width: 165px!important;
}
 .w-164 {
     width: 164px!important;
}
 .w-163 {
     width: 163px!important;
}
 .w-162 {
     width: 162px!important;
}
 .w-161 {
     width: 161px!important;
}
 .w-160 {
     width: 160px!important;
}
 .w-159 {
     width: 159px!important;
}
 .w-158 {
     width: 158px!important;
}
 .w-157 {
     width: 157px!important;
}
 .w-156 {
     width: 156px!important;
}
 .w-155 {
     width: 155px!important;
}
 .w-154 {
     width: 154px!important;
}
 .w-153 {
     width: 153px!important;
}
 .w-152 {
     width: 152px!important;
}
 .w-151 {
     width: 151px!important;
}
 .w-150 {
     width: 150px!important;
}
 .w-149 {
     width: 149px!important;
}
 .w-148 {
     width: 148px!important;
}
 .w-147 {
     width: 147px!important;
}
 .w-146 {
     width: 146px!important;
}
 .w-145 {
     width: 145px!important;
}
 .w-144 {
     width: 144px!important;
}
 .w-143 {
     width: 143px!important;
}
 .w-142 {
     width: 142px!important;
}
 .w-141 {
     width: 141px!important;
}
 .w-140 {
     width: 140px!important;
}
 .w-139 {
     width: 139px!important;
}
 .w-138 {
     width: 138px!important;
}
 .w-137 {
     width: 137px!important;
}
 .w-136 {
     width: 136px!important;
}
 .w-135 {
     width: 135px!important;
}
 .w-134 {
     width: 134px!important;
}
 .w-133 {
     width: 133px!important;
}
 .w-132 {
     width: 132px!important;
}
 .w-131 {
     width: 131px!important;
}
 .w-130 {
     width: 130px!important;
}
 .w-129 {
     width: 129px!important;
}
 .w-128 {
     width: 128px!important;
}
 .w-127 {
     width: 127px!important;
}
 .w-126 {
     width: 126px!important;
}
 .w-125 {
     width: 125px!important;
}
 .w-124 {
     width: 124px!important;
}
 .w-123 {
     width: 123px!important;
}
 .w-122 {
     width: 122px!important;
}
 .w-121 {
     width: 121px!important;
}
 .w-120 {
     width: 120px!important;
}
 .w-119 {
     width: 119px!important;
}
 .w-118 {
     width: 118px!important;
}
 .w-117 {
     width: 117px!important;
}
 .w-116 {
     width: 116px!important;
}
 .w-115 {
     width: 115px!important;
}
 .w-114 {
     width: 114px!important;
}
 .w-113 {
     width: 113px!important;
}
 .w-112 {
     width: 112px!important;
}
 .w-111 {
     width: 111px!important;
}
 .w-110 {
     width: 110px!important;
}
 .w-109 {
     width: 109px!important;
}
 .w-108 {
     width: 108px!important;
}
 .w-107 {
     width: 107px!important;
}
 .w-106 {
     width: 106px!important;
}
 .w-105 {
     width: 105px!important;
}
 .w-104 {
     width: 104px!important;
}
 .w-103 {
     width: 103px!important;
}
 .w-102 {
     width: 102px!important;
}
 .w-101 {
     width: 101px!important;
}
 .w-100 {
     width: 100px!important;
}
 .w-99 {
     width: 99px!important;
}
 .w-98 {
     width: 98px!important;
}
 .w-97 {
     width: 97px!important;
}
 .w-96 {
     width: 96px!important;
}
 .w-95 {
     width: 95px!important;
}
 .w-94 {
     width: 94px!important;
}
 .w-93 {
     width: 93px!important;
}
 .w-92 {
     width: 92px!important;
}
 .w-91 {
     width: 91px!important;
}
 .w-90 {
     width: 90px!important;
}
 .w-89 {
     width: 89px!important;
}
 .w-88 {
     width: 88px!important;
}
 .w-87 {
     width: 87px!important;
}
 .w-86 {
     width: 86px!important;
}
 .w-85 {
     width: 85px!important;
}
 .w-84 {
     width: 84px!important;
}
 .w-83 {
     width: 83px!important;
}
 .w-82 {
     width: 82px!important;
}
 .w-81 {
     width: 81px!important;
}
 .w-80 {
     width: 80px!important;
}
 .w-79 {
     width: 79px!important;
}
 .w-78 {
     width: 78px!important;
}
 .w-77 {
     width: 77px!important;
}
 .w-76 {
     width: 76px!important;
}
 .w-75 {
     width: 75px!important;
}
 .w-74 {
     width: 74px!important;
}
 .w-73 {
     width: 73px!important;
}
 .w-72 {
     width: 72px!important;
}
 .w-71 {
     width: 71px!important;
}
 .w-70 {
     width: 70px!important;
}
 .w-69 {
     width: 69px!important;
}
 .w-68 {
     width: 68px!important;
}
 .w-67 {
     width: 67px!important;
}
 .w-66 {
     width: 66px!important;
}
 .w-65 {
     width: 65px!important;
}
 .w-64 {
     width: 64px!important;
}
 .w-63 {
     width: 63px!important;
}
 .w-62 {
     width: 62px!important;
}
 .w-61 {
     width: 61px!important;
}
 .w-60 {
     width: 60px!important;
}
 .w-59 {
     width: 59px!important;
}
 .w-58 {
     width: 58px!important;
}
 .w-57 {
     width: 57px!important;
}
 .w-56 {
     width: 56px!important;
}
 .w-55 {
     width: 55px!important;
}
 .w-54 {
     width: 54px!important;
}
 .w-53 {
     width: 53px!important;
}
 .w-52 {
     width: 52px!important;
}
 .w-51 {
     width: 51px!important;
}
 .w-50 {
     width: 50px!important;
}
 .w-49 {
     width: 49px!important;
}
 .w-48 {
     width: 48px!important;
}
 .w-47 {
     width: 47px!important;
}
 .w-46 {
     width: 46px!important;
}
 .w-45 {
     width: 45px!important;
}
 .w-44 {
     width: 44px!important;
}
 .w-43 {
     width: 43px!important;
}
 .w-42 {
     width: 42px!important;
}
 .w-41 {
     width: 41px!important;
}
 .w-40 {
     width: 40px!important;
}
 .w-39 {
     width: 39px!important;
}
 .w-38 {
     width: 38px!important;
}
 .w-37 {
     width: 37px!important;
}
 .w-36 {
     width: 36px!important;
}
 .w-35 {
     width: 35px!important;
}
 .w-34 {
     width: 34px!important;
}
 .w-33 {
     width: 33px!important;
}
 .w-32 {
     width: 32px!important;
}
 .w-31 {
     width: 31px!important;
}
 .w-30 {
     width: 30px!important;
}
 .w-29 {
     width: 29px!important;
}
 .w-28 {
     width: 28px!important;
}
 .w-27 {
     width: 27px!important;
}
 .w-26 {
     width: 26px!important;
}
 .w-25 {
     width: 25px!important;
}
 .w-24 {
     width: 24px!important;
}
 .w-23 {
     width: 23px!important;
}
 .w-22 {
     width: 22px!important;
}
 .w-21 {
     width: 21px!important;
}
 .w-20 {
     width: 20px!important;
}
 .w-19 {
     width: 19px!important;
}
 .w-18 {
     width: 18px!important;
}
 .w-17 {
     width: 17px!important;
}
 .w-16 {
     width: 16px!important;
}
 .w-15 {
     width: 15px!important;
}
 .w-14 {
     width: 14px!important;
}
 .w-13 {
     width: 13px!important;
}
 .w-12 {
     width: 12px!important;
}
 .w-11 {
     width: 11px!important;
}
 .w-10 {
     width: 10px!important;
}
 .w-9 {
     width: 9px!important;
}
 .w-8 {
     width: 8px!important;
}
 .w-7 {
     width: 7px!important;
}
 .w-6 {
     width: 6px!important;
}
 .w-5 {
     width: 5px!important;
}
 .w-4 {
     width: 4px!important;
}
 .w-3 {
     width: 3px!important;
}
 .w-2 {
     width: 2px!important;
}
 .w-1 {
     width: 1px!important;
}
 .w-0 {
     width: 0!important;
}
 .w-in-200 {
     width: 200%!important;
}
 .w-in-199 {
     width: 199%!important;
}
 .w-in-198 {
     width: 198%!important;
}
 .w-in-197 {
     width: 197%!important;
}
 .w-in-196 {
     width: 196%!important;
}
 .w-in-195 {
     width: 195%!important;
}
 .w-in-194 {
     width: 194%!important;
}
 .w-in-193 {
     width: 193%!important;
}
 .w-in-192 {
     width: 192%!important;
}
 .w-in-191 {
     width: 191%!important;
}
 .w-in-190 {
     width: 190%!important;
}
 .w-in-189 {
     width: 189%!important;
}
 .w-in-188 {
     width: 188%!important;
}
 .w-in-187 {
     width: 187%!important;
}
 .w-in-186 {
     width: 186%!important;
}
 .w-in-185 {
     width: 185%!important;
}
 .w-in-184 {
     width: 184%!important;
}
 .w-in-183 {
     width: 183%!important;
}
 .w-in-182 {
     width: 182%!important;
}
 .w-in-181 {
     width: 181%!important;
}
 .w-in-180 {
     width: 180%!important;
}
 .w-in-179 {
     width: 179%!important;
}
 .w-in-178 {
     width: 178%!important;
}
 .w-in-177 {
     width: 177%!important;
}
 .w-in-176 {
     width: 176%!important;
}
 .w-in-175 {
     width: 175%!important;
}
 .w-in-174 {
     width: 174%!important;
}
 .w-in-173 {
     width: 173%!important;
}
 .w-in-172 {
     width: 172%!important;
}
 .w-in-171 {
     width: 171%!important;
}
 .w-in-170 {
     width: 170%!important;
}
 .w-in-169 {
     width: 169%!important;
}
 .w-in-168 {
     width: 168%!important;
}
 .w-in-167 {
     width: 167%!important;
}
 .w-in-166 {
     width: 166%!important;
}
 .w-in-165 {
     width: 165%!important;
}
 .w-in-164 {
     width: 164%!important;
}
 .w-in-163 {
     width: 163%!important;
}
 .w-in-162 {
     width: 162%!important;
}
 .w-in-161 {
     width: 161%!important;
}
 .w-in-160 {
     width: 160%!important;
}
 .w-in-159 {
     width: 159%!important;
}
 .w-in-158 {
     width: 158%!important;
}
 .w-in-157 {
     width: 157%!important;
}
 .w-in-156 {
     width: 156%!important;
}
 .w-in-155 {
     width: 155%!important;
}
 .w-in-154 {
     width: 154%!important;
}
 .w-in-153 {
     width: 153%!important;
}
 .w-in-152 {
     width: 152%!important;
}
 .w-in-151 {
     width: 151%!important;
}
 .w-in-150 {
     width: 150%!important;
}
 .w-in-149 {
     width: 149%!important;
}
 .w-in-148 {
     width: 148%!important;
}
 .w-in-147 {
     width: 147%!important;
}
 .w-in-146 {
     width: 146%!important;
}
 .w-in-145 {
     width: 145%!important;
}
 .w-in-144 {
     width: 144%!important;
}
 .w-in-143 {
     width: 143%!important;
}
 .w-in-142 {
     width: 142%!important;
}
 .w-in-141 {
     width: 141%!important;
}
 .w-in-140 {
     width: 140%!important;
}
 .w-in-139 {
     width: 139%!important;
}
 .w-in-138 {
     width: 138%!important;
}
 .w-in-137 {
     width: 137%!important;
}
 .w-in-136 {
     width: 136%!important;
}
 .w-in-135 {
     width: 135%!important;
}
 .w-in-134 {
     width: 134%!important;
}
 .w-in-133 {
     width: 133%!important;
}
 .w-in-132 {
     width: 132%!important;
}
 .w-in-131 {
     width: 131%!important;
}
 .w-in-130 {
     width: 130%!important;
}
 .w-in-129 {
     width: 129%!important;
}
 .w-in-128 {
     width: 128%!important;
}
 .w-in-127 {
     width: 127%!important;
}
 .w-in-126 {
     width: 126%!important;
}
 .w-in-125 {
     width: 125%!important;
}
 .w-in-124 {
     width: 124%!important;
}
 .w-in-123 {
     width: 123%!important;
}
 .w-in-122 {
     width: 122%!important;
}
 .w-in-121 {
     width: 121%!important;
}
 .w-in-120 {
     width: 120%!important;
}
 .w-in-119 {
     width: 119%!important;
}
 .w-in-118 {
     width: 118%!important;
}
 .w-in-117 {
     width: 117%!important;
}
 .w-in-116 {
     width: 116%!important;
}
 .w-in-115 {
     width: 115%!important;
}
 .w-in-114 {
     width: 114%!important;
}
 .w-in-113 {
     width: 113%!important;
}
 .w-in-112 {
     width: 112%!important;
}
 .w-in-111 {
     width: 111%!important;
}
 .w-in-110 {
     width: 110%!important;
}
 .w-in-109 {
     width: 109%!important;
}
 .w-in-108 {
     width: 108%!important;
}
 .w-in-107 {
     width: 107%!important;
}
 .w-in-106 {
     width: 106%!important;
}
 .w-in-105 {
     width: 105%!important;
}
 .w-in-104 {
     width: 104%!important;
}
 .w-in-103 {
     width: 103%!important;
}
 .w-in-102 {
     width: 102%!important;
}
 .w-in-101 {
     width: 101%!important;
}
 .w-in-100 {
     width: 100%!important;
}
 .w-in-99 {
     width: 99%!important;
}
 .w-in-98 {
     width: 98%!important;
}
 .w-in-97 {
     width: 97%!important;
}
 .w-in-96 {
     width: 96%!important;
}
 .w-in-95 {
     width: 95%!important;
}
 .w-in-94 {
     width: 94%!important;
}
 .w-in-93 {
     width: 93%!important;
}
 .w-in-92 {
     width: 92%!important;
}
 .w-in-91 {
     width: 91%!important;
}
 .w-in-90 {
     width: 90%!important;
}
 .w-in-89 {
     width: 89%!important;
}
 .w-in-88 {
     width: 88%!important;
}
 .w-in-87 {
     width: 87%!important;
}
 .w-in-86 {
     width: 86%!important;
}
 .w-in-85 {
     width: 85%!important;
}
 .w-in-84 {
     width: 84%!important;
}
 .w-in-83 {
     width: 83%!important;
}
 .w-in-82 {
     width: 82%!important;
}
 .w-in-81 {
     width: 81%!important;
}
 .w-in-80 {
     width: 80%!important;
}
 .w-in-79 {
     width: 79%!important;
}
 .w-in-78 {
     width: 78%!important;
}
 .w-in-77 {
     width: 77%!important;
}
 .w-in-76 {
     width: 76%!important;
}
 .w-in-75 {
     width: 75%!important;
}
 .w-in-74 {
     width: 74%!important;
}
 .w-in-73 {
     width: 73%!important;
}
 .w-in-72 {
     width: 72%!important;
}
 .w-in-71 {
     width: 71%!important;
}
 .w-in-70 {
     width: 70%!important;
}
 .w-in-69 {
     width: 69%!important;
}
 .w-in-68 {
     width: 68%!important;
}
 .w-in-67 {
     width: 67%!important;
}
 .w-in-66 {
     width: 66%!important;
}
 .w-in-65 {
     width: 65%!important;
}
 .w-in-64 {
     width: 64%!important;
}
 .w-in-63 {
     width: 63%!important;
}
 .w-in-62 {
     width: 62%!important;
}
 .w-in-61 {
     width: 61%!important;
}
 .w-in-60 {
     width: 60%!important;
}
 .w-in-59 {
     width: 59%!important;
}
 .w-in-58 {
     width: 58%!important;
}
 .w-in-57 {
     width: 57%!important;
}
 .w-in-56 {
     width: 56%!important;
}
 .w-in-55 {
     width: 55%!important;
}
 .w-in-54 {
     width: 54%!important;
}
 .w-in-53 {
     width: 53%!important;
}
 .w-in-52 {
     width: 52%!important;
}
 .w-in-51 {
     width: 51%!important;
}
 .w-in-50 {
     width: 50%!important;
}
 .w-in-49 {
     width: 49%!important;
}
 .w-in-48 {
     width: 48%!important;
}
 .w-in-47 {
     width: 47%!important;
}
 .w-in-46 {
     width: 46%!important;
}
 .w-in-45 {
     width: 45%!important;
}
 .w-in-44 {
     width: 44%!important;
}
 .w-in-43 {
     width: 43%!important;
}
 .w-in-42 {
     width: 42%!important;
}
 .w-in-41 {
     width: 41%!important;
}
 .w-in-40 {
     width: 40%!important;
}
 .w-in-39 {
     width: 39%!important;
}
 .w-in-38 {
     width: 38%!important;
}
 .w-in-37 {
     width: 37%!important;
}
 .w-in-36 {
     width: 36%!important;
}
 .w-in-35 {
     width: 35%!important;
}
 .w-in-34 {
     width: 34%!important;
}
 .w-in-33 {
     width: 33%!important;
}
 .w-in-32 {
     width: 32%!important;
}
 .w-in-31 {
     width: 31%!important;
}
 .w-in-30 {
     width: 30%!important;
}
 .w-in-29 {
     width: 29%!important;
}
 .w-in-28 {
     width: 28%!important;
}
 .w-in-27 {
     width: 27%!important;
}
 .w-in-26 {
     width: 26%!important;
}
 .w-in-25 {
     width: 25%!important;
}
 .w-in-24 {
     width: 24%!important;
}
 .w-in-23 {
     width: 23%!important;
}
 .w-in-22 {
     width: 22%!important;
}
 .w-in-21 {
     width: 21%!important;
}
 .w-in-20 {
     width: 20%!important;
}
 .w-in-19 {
     width: 19%!important;
}
 .w-in-18 {
     width: 18%!important;
}
 .w-in-17 {
     width: 17%!important;
}
 .w-in-16 {
     width: 16%!important;
}
 .w-in-15 {
     width: 15%!important;
}
 .w-in-14 {
     width: 14%!important;
}
 .w-in-13 {
     width: 13%!important;
}
 .w-in-12 {
     width: 12%!important;
}
 .w-in-11 {
     width: 11%!important;
}
 .w-in-10 {
     width: 10%!important;
}
 .w-in-9 {
     width: 9%!important;
}
 .w-in-8 {
     width: 8%!important;
}
 .w-in-7 {
     width: 7%!important;
}
 .w-in-6 {
     width: 6%!important;
}
 .w-in-5 {
     width: 5%!important;
}
 .w-in-4 {
     width: 4%!important;
}
 .w-in-3 {
     width: 3%!important;
}
 .w-in-2 {
     width: 2%!important;
}
 .w-in-1 {
     width: 1%!important;
}
 .w-in-0 {
     width: 0!important;
}

.h-in-100{height:100% !important;}

 .hide,.hide_me {
     display: none!important;
}
 .center {
     text-align: center!important;
}
 .left,.tal {
     text-align: left!important;
}
 .f-w-100 {
     font-weight: 100!important;
}
 .f-w-200 {
     font-weight: 200!important;
}
 .f-w-300 {
     font-weight: 300!important;
}
 .f-w-400 {
     font-weight: 400!important;
}
 .f-w-500 {
     font-weight: 500!important;
}
 .f-w-600 {
     font-weight: 600!important;
}
 .f-w-700 {
     font-weight: 700!important;
}
 .f-w-800 {
     font-weight: 800!important;
}
 .fl {
     float: left;
}
 .fr {
     float: right;
}
 .tar {
     text-align: right!important;
}
 .tac {
     text-align: center!important;
}
 .ttl {
     text-transform: lowercase!important;
}
 .ttu {
     text-transform: uppercase!important;
}
 .ttc {
     text-transform: capitalize!important;
}
 .clb {
     clear: both!important;
}
 .cll {
     clear: left!important;
}
 .clr {
     clear: right!important;
}
 .cursor_p {
     cursor: pointer;
}
 .align-middle {
     vertical-align: middle;
}

.tag-fill {
    font-size: 14px;
    color: #fff;
    background: #f17527;
    border-radius: 20px;
    padding: 2px 10px;
    display: inline-block;
  }
.tag-fill.tag-sml{font-size:12px; border-radius:4px; padding:0px 6px; font-weight:600;}

.border-right{border-right:1px solid #dee2e6;}

@media (min-width:1200px){
    .pl-lg-25{padding-left:25px !important}
    .pr-lg-25{padding-right:25px !important}
    .pl-lg-50{padding-left:50px !important}
    .pr-lg-50{padding-right:50px !important}

}

@media (min-width:992px){
    .pl-md-0{padding-left:0 !important}
    .pr-md-0{padding-right:0 !important}
    .pl-md-15{padding-left:15px !important}
    .pr-md-15{padding-right:15px !important}
}

@media (max-width:767px){
    .p-xs-15{padding:15px !important}

}


/******************** * LAYOUT ********************/
 #wrapper .sidebar {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     width: 200px;
     height: 100%;
     float: left;
     background-color: #2d3a4b;
     position: fixed;
     left: 0;
}
 #wrapper .main {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     width: calc(100% - 200px);
     left: 0;
     position: relative;
     float: right;
     background-color: #f0f3f6;
}
 #wrapper #sidebar-nav, #wrapper .main {
     padding-top: 65px;
}
#sidebar-nav .sidebar-scroll{overflow:scroll !important; overflow-x:hidden !important; margin-right:-15px;}
 .page-title {
     position: relative;
     padding-bottom: 10px;
     font-size: 18px;
}
 .page-title-padding {
     position: relative;
     padding-bottom: 10px;
     font-size: 18px;
     margin-left: 40px;
}
 .page-title:after {
     content: "";
     position: absolute;
     bottom: 0;
     width: 60px;
     height: 3px;
     left: 0;
     background: #da5434;
     margin-left: 0;
}
 .page-title-padding:after {
     content: "";
     position: absolute;
     bottom: 0;
     width: 60px;
     height: 3px;
     left: 0;
     background: #da5434;
     margin-left: 0;
}
 @media screen and (max-width: 767px) {
     #wrapper #sidebar-nav, #wrapper .main {
         padding-top: 78px;
    }
}
 .layout-fullwidth #wrapper .sidebar {
     left: -200px;
}
 .layout-fullwidth #wrapper .main {
     width: 100%;
}
 .layout-fullwidth #wrapper .navbar {
     left: 0 !important;
}
 .layout-fullwidth #wrapper .btn-toggle-fullwidth {
     color: #000;
}
 .offcanvas-active #wrapper .sidebar {
     left: 0;
}
 .offcanvas-active #wrapper .main {
     width: 100%;
     position: relative;
     left: 200px;
}
 .fluid-mob {
     padding-right: 0;
}

 @media screen and (max-width: 1024px) {
     #wrapper .sidebar {
         left: -260px;
    }
     #wrapper .main {
         width: 100%;
    }
     #wrapper .navbar {
         left: 0 !important;
    }
     #wrapper .btn-toggle-fullwidth {
         color: #000;
    }
     .button {
         font-size: 17px;
         padding: 8px 10px;
         line-height: .7;
         border: none;
         background: none;
         outline: none;
         position: absolute;
         top: 23px;
         left: 200px;
         background: #fff;
         font-weight: 800;
    }
     .btn-toggle-minified {
         display: none;
    }
     .fluid-mob {
         background: transparent;
    }
     .mob-logo {
         margin: 4px 0 0 30px;
         width: 128px;
    }
     .circle-mob {
         float: left;
    }
     .nav-mob {
         padding: 4px 0;
         width: 55%;
    }
     .switch-btn {
         margin: 0 0 0 5px;
    }
     .navbar-nav > li > a {
         padding: 15px 8px;
    }
}
 @media screen and (min-width: 1025px) {
     .navbar-btn {
         margin-bottom: 0px;
         margin-top: 0px;
    }
     .navbar-nav > li > a {
         padding: 12px 25px !important;
    }
}
 .main-content {
     padding: 20px 20px;
}
 .navbar + .main-content {
     padding: 105px 0 28px 5px;
}
 @media screen and (max-width: 767px) {
     .navbar + .main-content {
         padding-top: 155px;
    }
     #wrapper #sidebar-nav, #wrapper .main {
         padding-top: 54px;
    }
}
 html.fullscreen-bg, html.fullscreen-bg body, html.fullscreen-bg #wrapper {
     min-height: 100%;
}
 .vertical-align-wrap {
     position: absolute;
     width: 100%;
     height: 100%;
     display: table;
}
 .vertical-align-middle {
     display: table-cell;
     vertical-align: middle;
}
/* table thead {
     background: #f0fbff !important;
}
*/
 #chartdiv {
     width: 100%;
     height: 220px;
}
/******************** * TOP NAVIGATION ********************/
 .navbar-default {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
     box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding: 0;
     margin: 0;
     border: none;
     background-color: #fff;
}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     background-color: #2d3a4b;
}
 .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color: #f8f8f8;
}
 .navbar-default .brand {
     float: left;
     padding: 12px 25px;
     background-color: #2d3a4b;
     width: 200px; text-align: center;
}
.navbar-default .brand .logo { display: inline-block; }
.button {
     font-size: 17px;
     padding: 8px 10px;
     line-height: .7;
     border: none;
     background: none;
     outline: none;
     position: absolute;
     top: 88px;
     left: 200px;
     background: #fff;
     font-weight: 800;
}
 @media screen and (max-width: 1024px) {
     .navbar-default .brand {
         padding-left: 30px;
         padding-right: 15px;
    }
}
 @media screen and (max-width: 1024px) {
     .navbar-default .brand {
         display: block;
         padding: 12px 20px;
    }
    
	.navbar-default #navbar-menu {
         float: right;
    }
}
 @media screen and (max-width: 640px) {
     .navbar-default #navbar-menu {
         float: right;
    }
	.navbar-nav .user-name {
         display: none;
    }
}
 .navbar-btn {
     float: left;
     padding: 0px 0;
}
 @media screen and (max-width: 640px) {
     .navbar-btn {
         padding-left: 0;
    }
}
 .navbar-btn-right {
     float: right;
}
 .navbar-form {
     padding: 15px;
     border: 0;
}
 .navbar-form input[type="text"] {
     min-width: 200px;
}
 @media screen and (max-width: 767px) {
     .navbar-form {
         float: left;
         width: 70%;
         margin-left: 5px;
         margin-right: 5px;
         padding-left: 0;
         padding-right: 0;
    }
     .navbar-form .input-group {
         width: 70%;
    }
     .navbar-form input[type="text"] {
         min-width: 150px;
    }
}
 @media screen and (max-width: 640px) {
     .navbar-form {
         display: none;
    }
}
 .navbar-nav .icon-menu {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     padding-top: 28px;
     padding-bottom: 28px;
     position: relative;
}
 .navbar-nav .icon-menu .badge {
     position: absolute;
     top: 22px;
     right: 16px;
}
 .navbar-nav > li > a {
     padding: 20px 30px;
}
 .dropdown-menu .divider {
     margin: 0px;
}
 .navbar-nav > li > a > i {
     font-size: 22px;
     margin-right: 2px;
     vertical-align: middle;
}
 .navbar-nav > li > a > i.icon-submenu {
     margin-left: 2px;
     margin-right: 0;
     font-size: 10px;
     position: relative;
     top: 2px;
}
 .navbar-nav > li > a > span {
     position: relative;
     top: 2px;
}
 .navbar-nav > li > a img {
     width: 40px;
     margin-right: 2px;
     border: solid #242e3c;
}
 .navbar-nav > li > .dropdown-menu {
     padding: 0;
     min-width: 200px;
     margin: 0px 20px 0 0;
}
 .navbar-nav .dropdown-menu {
     border-top: 2px solid transparent;
}
 .navbar-nav .dropdown-menu > li > a {
     padding: 10px 20px;
     font-weight: 600;
     font-size: 16px;
}
 .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
     background-color: #fafafa;
}
 .navbar-nav .dropdown-menu > li > a span, .navbar-nav .dropdown-menu > li > a i {
     vertical-align: middle;
}
 .navbar-nav > li > a {
     color: #fff !important;
     background: #2d3a4b;
}
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
     background: #2d3a4b;
}
.nav.user-log li ul li a i {
    font-size: 14px;
    margin-right: 10px;
}
.nav.user-log li ul li a {
    padding: 10px 0;
    line-height: 0;
    font-weight: 500;
    font-size: 14px;
}
.nav.user-log li ul li a:hover, .nav.user-log li ul li a:focus { background: transparent; color: #f17527; }
 @media screen and (min-width: 768px) {
     .navbar-nav.navbar-right {
         margin-right: 0;
    }
	 .main-content {
     padding: 20px 25px;
}
.navbar-nav .user-name {
         display: block;
    }
}
 @media screen and (max-width: 767px) {
     .navbar-nav {
         width: 100%;
         margin: 0;
    }
     .navbar-nav > li {
         display: inline-table;
         width: 1%;
         position: inherit;
         text-align: center;
    }
     .navbar-nav > li > a {
         padding: 22px 10px 19px;
    }
     .navbar-nav > li > a span:not(.badge), .navbar-nav > li > a .icon-submenu {
         display: none;
    }
     .navbar-nav .open .dropdown-menu {
         -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
         -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
         position: absolute;
         width: 100%;
         margin-top: 3px;
         background-color: #fff; padding:0;
    }
     .navbar-nav .open .dropdown-menu > li > a {
         padding: 10px 15px;
    }
     .navbar-nav .icon-menu {
         padding-top: 15px;
         padding-bottom: 15px;
    }
     .navbar-nav .icon-menu .badge {
         top: 10px;
         right: 15px;
    }
}
 .navbar-nav > li > .dropdown-menu {
     padding: 12px 20px;
     min-width: 155px;
}
 .navbar-nav .user-name {
     float: left;
     line-height: 64px;
     margin-right: 10px;
     font-size: 16px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 125px;
}
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
     color: #fff;
}
 .navbar-toggle {
     padding: 5px 8px;
     margin: 20px 15px 20px 0;
}
 .navbar-toggle .icon-nav {
     font-size: 24px;
}
 .notification-item .dot {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     width: 10px;
     height: 10px;
     content: '';
     margin-right: 8px;
}
 ul.notifications > li {
     border-bottom: 1px solid #F0F0F0;
}
 ul.notifications > li:last-child {
     border-bottom: none;
}
 ul.notifications > li > .more {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: center;
     text-decoration: underline;
     font-weight: 600;
}
 ul.notifications > li > .more:hover, ul.notifications > li > .more:focus {
     text-decoration: none;
}
 .order-manage-tab notification-indication {
     right: 3px;
 }
 .dropdown-menu {
     -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
     border-color: #eaeaea;
}
 .dropdown-menu > li > a {
     color: #000;
}
 .dropdown-menu > li i {
     margin-right: 6px;
}
 .dropdown-menu .active > a, .dropdown-menu .active > a:focus, .dropdown-menu .active > a:hover {
     background-color: #00AAFF;
}
 .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
     color: #a3a3a3;
}
/******************** * SIDEBAR NAVIGATION ********************/
.sidebar {
     z-index: 200;
}
.sidebar .slimScrollBar {
     background: #fff!important;
 }
.sidebar .side-nav { margin-top: -5px; }
.sidebar .side-nav-select{background:#0b1727; color:#fff; border-color:#0b1727; margin:0 0 5px 0;}
.sidebar .side-nav-select:focus, .sidebar .side-nav-select option{background:#0b1727; color:#fff; border:none}

.sidebar .nav > li > a {
     padding: 10px 0 10px 15px;
     color: #AEB7C2;
     border-left: 5px solid transparent;
     font-weight: 400;
	font-size:15px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.sidebar .nav>li ul li a {
    font-size: 13px;
    color: #fff;
	font-weight: 300;
}
.sidebar .nav > li > a:hover {
     background-color: #0b1727;
     border-left-color: #f17527;
}
.sidebar .nav > li {
    margin:4px 0;
}
.sidebar .nav > li > a.active, .sidebar .nav > li > a:focus {
     background: #f17527;
     color: #fff !important;
}
.sidebar .nav > li > a.active .tag-fill, .sidebar .nav > li > a:focus .tag-fill{background:#fff; color:#f17527;}
.sidebar .nav > li > a.active svg path, .sidebar .nav > li > a.active svg rect, .sidebar .nav > li > a:focus svg path, .sidebar .nav > li > a:focus svg rect{fill:#fff}
.sidebar .nav > li > a.active.collapsed {
     background: inherit; color: #AEB7C2!important;
}
.sidebar .nav > li > a[data-toggle="collapse"] .icon-submenu {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
      -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out; 
     float: right;
     position: relative;
     top: 5px;
     font-size: 12px;
     line-height: 1.1;
}
.sidebar .nav > li > a .badge {
     font-weight: 400;
     background-color: #F9354C;
}
 .sidebar .nav i, .sidebar .nav svg{
     margin-right: 10px;
     font-size: 18px; display:inline-block; vertical-align:middle;
}
.sidebar .nav svg path, .sidebar .nav svg rect{fill:#AEB7C2}

 .sidebar .nav span {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     position: relative;
     top: 0px;
}
 .sidebar .nav .nav {
     background-color: #0b1727;
	 margin-top:0px; padding: 5px 0;
}
 .sidebar .nav .nav li a.active {     }
 .sidebar .nav .nav > li > a {
     padding-left: 50px;
     padding-top: 10px;
     padding-bottom: 10px;
}
 .sidebar .nav .nav > li > a:focus, .sidebar .nav .nav > li > a.active {
      background-color: #0b1727;
    border-left-color: #f17527;
}
 .sidebar .nav .nav > li > a.active a {
     color: #fff;
}

.sidebar .nav > li.no-active-style a.active{background:transparent; color:#AEB7C2}
.sidebar .nav > li.no-active-style a:hover{background:#0b1727 !important;}
.sidebar .nav > li.no-active-style a:focus{color:#AEB7C2 !important; background:transparent}

/******************** * TYPOGRAPHY ********************/
 .text-success {
     color: #41B314;
}
 .text-warning {
     color: #e4cb10;
}
 .text-danger {
     color: #F9354C;
}
 ul.list-justify > li {
     margin-bottom: 5px;
}
 ul.list-justify > li span {
     float: right;
}
 .page-title span.right {
     position: absolute;
     right: 15px;
}
/******************** * INPUTS ********************/
 .form-control {
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     border-color: #dcdcdc;
     background-color: #fff;
     box-shadow:none;
     font-size:14px;
}
 .form-control:focus {
     -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
     border-color: #d6d6d6;
     background-color: #fff;
}
 .input-group {
     -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
}
 .input-group .form-control, .input-group-addon, .input-group-btn {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .input-group-addon {
     border: 1px solid #eaeaea;
}

.input-with-green-btn{}

/* fancy checkbox and radio button */
 .fancy-checkbox {
     display: block;
     font-weight: normal;
}
 .fancy-checkbox input[type="checkbox"] {
     display: none;
}
 .fancy-checkbox input[type="checkbox"] + span {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     cursor: pointer;
     position: relative;
     font-size: 13px;
}
 .fancy-checkbox input[type="checkbox"] + span:before {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     position: relative;
     bottom: 1px;
     width: 18px;
     height: 18px;
     margin-right: 5px;
     content: "";
     border: 1px solid #ccc;
}
 .fancy-checkbox input[type="checkbox"]:checked + span:before {
     font-family: FontAwesome;
     content: '\f00c';
     font-size: 10px;
     color: #ffffff;
     text-align: center;
     line-height: 13px;
     background: transparent;
     border: 1px solid #ccc;
}
 .fancy-checkbox.custom-color-green input[type="checkbox"]:checked + span:before {
     color: #53D76A;
     background-color: #fff;
}
 .fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked + span:before {
     color: #fff;
     background-color: #53D76A;
     border-color: #32cf4d;
}
 .fancy-radio {
     display: block;
     font-weight: normal;
}
 .fancy-radio input[type="radio"] {
     display: none;
}
 .fancy-radio input[type="radio"] + span {
     display: block;
     cursor: pointer;
     position: relative;
     font-size: 13px;
}
 .fancy-radio input[type="radio"] + span i {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     position: relative;
     bottom: 1px;
     content: "";
     border: 1px solid #ccc;
     width: 18px;
     height: 18px;
     margin-right: 5px;
}
 .fancy-radio input[type="radio"]:checked + span i:after {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     display: block;
     position: relative;
     top: 3px;
     left: 3px;
     content: '';
     width: 10px;
     height: 10px;
     background-color: #99a1a7;
}
 .fancy-radio.custom-color-green input[type="radio"]:checked + span i:after {
     background-color: #53D76A;
}
 .fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i {
     background-color: #53D76A;
}
 .fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i:after {
     background-color: #fff;
}
/******************** * BUTTONS ********************/
 .btn {
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
     box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
     padding: 6px 22px;
}
 .btn-group-lg > .btn, .btn-lg {
     padding: 10px 28px;
     font-size:22px;
}
 .btn-group-sm > .btn, .btn-sm {
     padding: 5px 18px;
}
 .btn-group-xs > .btn, .btn-s{
     padding: 2px 20px;
     border-radius: 2px;
     font-size: 13px;
}
 .btn-group-xs > .btn, .btn-xs {
     padding: 2px 8px;
     border-radius: 4px;
     font-size: 13px;
}
 .btn-group-xs > .btn, .btn-xs .flaticon-add:before {
     font-size: 11px;
}
 .btn-group-xs > .btn, .btn-xs i{
     margin-right:0px !important;
}
 .panel-heading .btn-xs i{
     font-size:10px;
}
 .btn-primary {
     background-color: #f5603d;
     border-color: #f5603d;
}
 .btn-primary:hover, .btn-primary:focus {
     background-color: #f5603d;
     border-color: #f5603d;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active, .open>.dropdown-toggle.btn-primary{
	background-color: #f5603d;
    border-color: #f5603d;
}
 .btn-info{
     background:#f17527;
     border-color:#f17527;
}
 .btn-info:hover, .btn-info:focus {
     background-color: #da5434;
     border-color: #da5434;
}
 .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
     background-color: #da5434;
     border-color: #da5434;
}
 .btn-warning {
     background-color: #f17527;
     border-color: #f17527;
}
 .btn-warning:hover, .btn-warning:focus {
     background-color: #f17527;
     border-color: #f17527;
}
 .btn-default:hover, .btn-default:focus {
     background-color: #f7f7f7;
}
 .btn-success {
     background-color: #11b683;
     border-color: #11b683;
}
 .btn-success:hover, .btn-success:focus {
     background-color: #11b683;
     border-color: #11b683;
}
 .btn-secondary {
     background-color: #10cfbd;
     border-color: #10cfbd;
     color:#fff;
}
 .btn-secondary:hover, .btn-secondary:focus {
     background-color: #10cfbd;
     border-color: #10cfbd;
     color:#fff;
}
 .btn-danger {
     background: #f73d3d;
     border-color: #f73d3d;
}
 .btn-danger:hover, .btn-danger:focus {
     background-color: #f73d3d;
     border-color: #f73d3d;
}
 .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
     opacity: 0.4;
     filter: alpha(opacity=40);
}
 .btn-normal {
     font-size:12px;
     padding: 6px 4px;
     min-width: 130px;
     margin-bottom: 10px;
	 font-weight:normal;
}
 .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
     color: #333;
     background-color: #fff !important;
     border-color: #ccc !important;
     box-shadow:none;
}
 .btn-dark {
     background: #333;
     border-color: #333;
     color:#fff
}
 .btn-dark:hover, .btn-dark:focus {
     background-color: #000;
     border-color: #000;
     color:#fff
}
.btn-blue{background:#1B61EC; color:#fff;}
.btn-blue:hover, .btn-blue:focus{opacity:1 !important; color:#fff;}

.btn-grp-w .btn{background:#fff; font-size:14px; font-weight:600; color:#323439; box-shadow:none; border-radius:4px; padding:9px 10px; margin:0 3px 0 0; min-width:130px;}
.btn-grp-w .btn:hover, .btn-grp-w .btn.active{background:#393939; color:#fff; opacity:1;}

.selectbox-blue, .selectbox-blue.form-control{background:url("../img/arrow-down-icon-w.ee0df805624c.svg") no-repeat #f5603d right 10px center; color:#fff; border:0; font-size:16px; border:0; font-weight:600; border-radius:4px; padding:7px 35px 7px 12px; height:40px; min-width:215px; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectbox-blue:after{ content: '\f0d7';
    position: absolute;
    top: 0px;
    right: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #0b660b;
    font-size: 45px;
    z-index: 2;}

.selectbox-blue option{background:#fff; color:#000;}

option[value=""][disabled] {
    display: none;
  }

/********************************* radio btn **********************************/
 .filter-option {
    padding-bottom:10px
}
 .filter-option ul{
     list-style: none;
     margin: 0;
     padding: 0;
     overflow: auto;
}
 .filter-option ul li{
     color: #7b7b7b;
     display: block;
     position: relative;
     float: left;
     width: 100%;
}
 .filter-option ul li input[type=radio]{
     position: absolute;
     visibility: hidden;
}
 .filter-option ul li label{
     display: block;
     font-weight: 300;
     font-size: 1.35em;
     padding: 1px 25px 0px 20px;
    margin: 6px auto;
     width: auto;
     z-index: 9;
     font-size: 10px !important;
     cursor: pointer;
     -webkit-transition: all 0.25s linear;
     text-align: left !important;
     float: left !important;
}
 .filter-option ul li:hover label{
    /*color: #FFFFFF;
    */
}
 .filter-option ul li .check{
     display: block;
     position: absolute;
     border: 3px solid #e6e6e6;
     border-radius: 100%;
     height: 14px;
     width: 14px;
     top: 6px;
     left: 0px;
     z-index: 5;
     transition: border .25s linear;
     -webkit-transition: border .25s linear;
}
 .filter-option ul li:hover .check {
    /*border: 4px solid #FFFFFF;
    */
}
 .filter-option ul li .check::before {
     display: block;
     position: absolute;
     content: '';
     border-radius: 100%;
     height: 10px;
     width: 10px;
     top: -1px;
     left: -1px;
     margin: auto;
     transition: background 0.25s linear;
     -webkit-transition: background 0.25s linear;
}
 .filter-option input[type=radio]:checked ~ .check {
     border: 3px solid #f5603d;
}
 .filter-option input[type=radio]:checked ~ .check::before{
     background: #f55753;
}
 .filter-option input[type=radio]:checked ~ label{
     color: #000;
}
 .filter-block.open .dropdown-menu{
    /*min-width:210px;
    */
}
 .filter-option h2 {
     font-size: 10px;
     color: #000;
     border-bottom: solid 1px #ecedef;
     padding-bottom: 8px;
}
 #forgot.nav .btn-sm {
     padding: 2px 24px;
     font-size: 16px;
     border-radius: 4px;
}
 #forgot .auth-box .form-auth-small .bottom {
     text-align: center !important;
}
 #forgot .bottom .helper-text a {
     color: #292929;
     text-decoration: underline;
     font-weight: 500;
}
 #forgot .bottom .helper-text a:hover {
     color: #292929;
     text-decoration: none;
}
 #forgot .form-auth-small .form-group .form-control {
     color: #5d5d5d;
}
 #forgot .auth-box .form-auth-small .btn {
     font-size: 14px;
}
 #forgot .btn-group-sm > .btn, .btn-sm {
     padding: 2px 30px;
     font-size: 16px;
     border-radius: 6px;
}
/******************** * PANELS ********************/
 .panel {
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     -moz-box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
     -webkit-box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
     box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
     background-color: #fff;
     margin-bottom: 30px;
}
 .panel .panel-heading, .panel .panel-body, .panel .panel-footer {
     padding-left: 25px;
     padding-right: 25px;
}
 .panel-heading i {
     margin-right: 10px;
}
 .panel .panel-heading {
     padding-top: 20px;
     padding-bottom: 20px;
     position: relative;
     border-bottom: 1px solid transparent;
     margin-bottom: 0px;
}
 .panel .panel-heading .panel-title {
     margin: 0;
     font-size: 13px;
     color: #2c3e50;
}
 .panel .panel-heading button {
     padding: 0;
     margin-left: 5px;
     background-color: transparent;
     border: none;
     outline: none;
}
 .panel .panel-heading button i {
     font-size: 14px;
}
 .panel .panel-body {
     padding-top: 10px;
     padding-bottom: 15px;
}
 .panel .panel-note {
     font-size: 13px;
     line-height: 2.6;
     color: #777777;
}
 .panel .panel-note i {
     font-size: 16px;
     margin-right: 3px;
}
 .panel .right {
     position: absolute;
     right: 20px;
     top: 32%;
}
 .panel.panel-headline .panel-heading {
     border-bottom: none;
}
 .panel.panel-headline .panel-heading .panel-title {
     margin-bottom: 8px;
     font-size: 22px;
     font-weight: normal;
}
 .panel.panel-headline .panel-heading .panel-subtitle {
     margin-bottom: 0;
     font-size: 14px;
     color: #8D99A8;
}
 .panel.panel-scrolling .btn-bottom {
     margin-bottom: 30px;
}
 .panel .table > thead > tr > td:first-child, .panel .table > thead > tr > th:first-child, .panel .table > tbody > tr > td:first-child, .panel .table > tbody > tr > th:first-child, .panel .table > tfoot > tr > td:first-child, .panel .table > tfoot > tr > th:first-child {
     padding-left: 25px;
}
 .panel .table > thead > tr > td:last-child, .panel .table > thead > tr > th:last-child, .panel .table > tbody > tr > td:last-child, .panel .table > tbody > tr > th:last-child, .panel .table > tfoot > tr > td:last-child, .panel .table > tfoot > tr > th:last-child {
     padding-left: 25px;
}
 .panel-footer {
     background-color: #fafafa;
}
/*********************datatable*********************/

.panel.filtertable .panel-body{
	padding-top:0px;
}
 .filter-head  .form-control{
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     border-color: #d6d6d6;
     background-color: #fff;
     padding:0 10px;
     height:27px;
     font-size:10px;
    /* box-shadow: none;
     */
}
.border{
	border:solid 1px #e8e8e8;
}
 .table-bordered {
     border: 1px solid #e9ecef;
}
 div.dataTables_wrapper div.dataTables_length select{
     color:#1c1c1c;
     width:auto; margin:0 8px;
}
 table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
     font-family: 'FontAwesome';
     position: relative;
     bottom: 0px;
     right:-3px;
     padding-left: 5px;
     display: inline !important;
    /* float: left;
     */
     font-size: 12px;
    /* padding-top: 19px;
     */
}
 #table thead th [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
	 font-family: Flaticon;
    font-size: 9px;
    font-style: normal;
    margin-left: 0px;
 }
 #table th .active{
	 color:green
 }
 #table thead{
     background: #2d3a4b !important;
     color: #fff;
     font-size: 12px;
     font-weight: 100;
}
 #table thead th{
     font-weight:500;
     text-align: center;
}
 #table>tbody>tr:nth-of-type(odd) {
     background-color:#f2f2f2;
}
 .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
     border:1px solid #f0f3f6;
}
 #table td {
     font-weight:500;
     color: #4d4747;
     font-size: 10px;
     padding: 10px 25px 10px 25px !important;
}

 td.middle-color{
     background-color:rgba(42,54,70,0.08);
}
 td.middle-color a {
     color: #0656c2;
     text-decoration: underline;
}
 div.dataTables_wrapper div.dataTables_filter .search-block{
     float:right;
     margin-right:5px;
     display: flex;
}
 div.dataTables_wrapper div.dataTables_length label{
}
 div#datatable_filter label {
     font-size:12px;
     line-height:26px;
     float: right;
     margin-right:5px;
}
 .search-block .form-control {
     width: 120px;
}

button.btn.search-btn{
	 background:#da5434;
	 font-size:14px;
	 color:#fff;
	    padding: 2px 10px 3px 10px;
 }
 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	 outline:none
 }
.filter-head .form-group label {
    color: #1c1c1c;
    font-size: 10px;
    font-weight: normal !important;
}
.filter-head .form-group .form-control-static{
		color: #8e8e8e;
        font-size: 10px;
		padding-bottom:0px;
}
.filter-head .form-group{
	margin-bottom:0;
}
.filter-head .input-group{
	margin-bottom:10px;
}
.filter-head .button.btn-block{
	margin-bottom:10px;
}
.filter-head .flaticon-filter:before{
	font-size:13px;
}
.panel .table > thead > tr > th:first-child{
	    padding-left: 0px;
}
button.btn-block {
    padding: 3px 0;
	margin-bottom:10px;
}
.pagination{
	margin:0px;
}
.panel-footer {
    background-color: transparent;
    border-color: transparent;
    padding: 0 !important;
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
     background-color: #da5434;
     border-color: #da5434;
     border-radius: 3px;
}
 .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
     border-color: transparent;
     color:#848484;
}
 .pagination>li>a, .pagination>li>span{
     font-size:10px;
	 font-weight:500;
     padding: 4px 10px;
     border-radius:3px;
     margin-left: 6px;
     color: #000;
     border: 1px solid transparent;
}
 .pagination>li:last-child>a, .pagination>li:last-child>span{
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
}
.pagination-info{font-weight:600; color:#a1a1a1; margin:5px 0;}
 #table div.dataTables_paginate{
     margin:10px 0 0;
}
 div.dataTables_wrapper div.dataTables_info{
     margin:10px 0 0;
     display:none;
}
 div.dataTables_wrapper .fancy-checkbox{
     float:left;
}
#table .fancy-checkbox input[type="checkbox"] + span:before{
	width:10px;
	height:10px;
}
#table .fancy-checkbox{
	margin-bottom:0px;
}
#table .fancy-checkbox span{
	font-size:10px !important;
}
#table .fancy-checkbox input[type="checkbox"] + span:before{
     border-color:#999;
}
 #table .fancy-checkbox input[type="checkbox"]:checked + span:before{
     background:#2d3a4b;
}
/******************** * ELEMENTS ********************/
 .collapsing {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .label {
     font-weight: normal;
}

/* Custom 25 Apr 2018 Start */

 .metric {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     padding: 20px;
     margin-bottom: 30px;
     border: 1px solid transparent;
     box-shadow:0px 0px 30px rgba(69, 101, 173, 0.1);
     min-height: 100px;
     background: #fff;
}
 .metric .icon {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     float: left;
     width: 50px;
     height: 50px;
     line-height: 50px;
     background-color: #0081c2;
     text-align: center;
}
 .metric .icon i {
     font-size: 18px;
     color: #fff;
}
 .metric .lnr {
     font-size: 30px;
     float: left;
     width: 60px;
     height: 50px;
     line-height: 50px;
     text-align: left;
     color: #8bd6f4;
}
 .metric p {
     margin-bottom: 0;
     line-height: 1.2;
     text-align: left;
}
 .metric .number {
     display: block;
     font-size: 28px;
     font-weight: 600;
     color: #546a79;
     font-family: 'Open Sans', sans-serif;
}
 .metric .title {
     font-size: 16px;
     color: #b4bfd1;
}
/* Custom 25 Apr 2018 End */


 ul.activity-list > li {
     padding: 25px 0;
}
 ul.activity-list > li:not(:last-child) {
     border-bottom: 1px solid #F0F0F0;
}
 ul.activity-list > li .avatar {
     width: 40px;
}
 ul.activity-list > li > p {
     margin-bottom: 0;
     padding-left: 3.5em;
}
 ul.activity-list > li .timestamp {
     display: block;
     font-size: 13px;
     color: #a3a3a3;
}
/* task list */
 .task-list > li {
     margin-bottom: 32px;
}
 .task-list p {
     position: relative;
}
 .task-list p .label-percent {
     position: absolute;
     right: 0;
}
/* bootstrap progress bar */
 .progress {
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #f1f1f1;
}
 .progress.wide {
     width: 60px;
}
 .progress .progress-bar {
     -webkit-transition: width 3s ease;
     -moz-transition: width 3s ease;
     -ms-transition: width 3s ease;
     -o-transition: width 3s ease;
     transition: width 3s ease;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .progress.progress-sm {
     height: 12px;
}
 .progress.progress-xs {
     height: 5px;
}
 .progress.progress-sm .progress-bar, .progress.progress-xs .progress-bar {
     text-indent: -9999px;
}
 .progress-bar-success {
     background-color: #41B314;
}
 .progress-bar-warning {
     background-color: #e4cb10;
}
 .progress-bar-danger {
     background-color: #F9354C;
}
 .weekly-summary {
     font-weight: 300;
     margin-top: 10px;
     padding-right: 20px;
     background: #fff;
}
 .weekly-summary .number {
     font-size: 20px;
     font-weight: 600;
     color: #747474;
}
 .weekly-summary i {
     font-size: 16px;
}
 .weekly-summary .percentage {
     position: relative;
     top: -7px;
}
 .weekly-summary .info-label {
     display: block;
     font-weight: normal;
     margin-top: -5px;
     color: #979797;
     font-size: 12px;
}
 ul li.currency {
     margin-top: 20px;
}
 .switch-btn {
     margin: 0 20px 0 10px;
}
 .weekly-summary .info-title {
     display: block;
     font-weight: 500;
     margin-bottom: -5px;
     color: #979797;
     font-size: 13px;
     text-transform: uppercase;
}
 .weekly-summary .label {
     display: block;
     margin-bottom: 10px;
     font-weight: normal;
}
 .todo-list > li {
     border-top: 1px solid #F0F0F0;
     position: relative;
}
 .todo-list > li:first-child {
     border-top: none;
}
 .todo-list > li .fancy-checkbox {
     position: absolute;
     top: 50%;
     margin-top: -11px;
}
 .todo-list > li .fancy-checkbox input[type="checkbox"] + span {
     margin-right: 0;
}
 .todo-list > li p {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     width: 90%;
     margin: 0;
     padding: 20px 0 20px 35px;
}
 .todo-list > li.completed p, .todo-list > li.completed .date {
     text-decoration: line-through;
     color: #b4b7b9;
}
 .todo-list .title {
     font-size: 16px;
     font-weight: 600;
}
 .todo-list .short-description {
     display: block;
     margin-top: 5px;
}
 .todo-list .date {
     font-size: 13px;
     color: #a3a3a3;
}
 .todo-list .controls {
     float: right;
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: -11px;
}
 .todo-list .controls a {
     margin-left: 5px;
}
/* toastr notification */
 #toast-container > div {
     opacity: 0.9;
     filter: alpha(opacity=90);
}
 #toast-container > div, #toast-container > div:hover {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 #toast-container .toast-close-button {
     top: -0.9em;
}
 .toast a {
     text-decoration: underline;
}
 .toast a:hover, .toast a:focus {
     text-decoration: none;
     color: #fff;
}
 .toast .toast-message {
     font-size: 14px;
     line-height: 2;
}
 .toast-info {
     background-color: #00AAFF;
}
 .toast-success {
     background-color: #41B314;
}
 .toast-warning {
     background-color: #e4cb10;
}
 .toast-danger {
     background-color: #F9354C;
}
/* tabs */
 .custom-tabs-line ul {
     display: inline-block;
     vertical-align: middle;
     vertical-align: auto;
     zoom: 1;
     display: inline;
}
 .custom-tabs-line ul > li {
     float: left;
}
 .custom-tabs-line ul > li a {
     color: #000;
     font-weight: 500;
     font-size:16px;
     padding: 5px 15px;
     margin:0 5px;
}
 .custom-tabs-line ul > li:first-child a{
     margin-left:15px;
}
 .custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
     color: #000;
     background-color: transparent;
}
 .custom-tabs-line ul > li a:focus {
     outline: none;
}
 .custom-tabs-line ul.nav-pills a:hover, .custom-tabs-line ul.nav-pills a:focus {
     color: #fff;
     background-color: #00AAFF;
}
 .custom-tabs-line.tabs-line-bottom {
     border-bottom: 1px solid transparent;
}
 .custom-tabs-line.tabs-line-bottom ul > li {
     margin-bottom: -1px;
}
 .custom-tabs-line.tabs-line-bottom a {
     border-top: 1px solid transparent;
     background: #ecedef;
}
 .custom-tabs-line.tabs-line-bottom .active a {
     border-top: 2px solid #f17527;
     background:#fff;
}
 .custom-tabs-line.left-aligned {
     text-align: left;
}
 .custom-tabs-line.right-aligned {
     text-align: right;
}

/******************** plan list *********************/
.padd-l-0{padding-left: 0;}
.padd-r-0{padding-right: 0;}
.pln-list .top-hdng {padding:10px 15px ;width: 100%;}
.pln-list .top-hdng h3{width: 100%;text-align: center;color: #343a48;}
.pln-list .top-hdng p{width: 100%;text-align: center;color: #343a48;padding: 10px 0px;}
.pln-list .plan-box {border:1px solid #ccc;height: auto;width: 100%;display: inline-block;margin-top: 15px;}
.pln-list .plan-box .hdr{padding: 4px 15px;display: inline-block;width: 100%;padding-top: 12px;}
.pln-list .plan-box .hdr h4{color: #333;font-weight: 600;}
.pln-list .plan-box .hdr button.slct-btn{background-color: #f07434;color: #fff;border:none;outline: 0;float: right;padding: 7px 35px;border-radius: 3px;font-weight: 600;font-size: 14px;}
.pln-list .plan-box .hdr button.slct-btn:hover{color: #000;}
.pln-list .plan-box .box-content{background-color: #eaeaea;height: auto;display: inline-block;width: 100%;padding: 20px 15px;padding-bottom: 0}
.pln-list .plan-box .box-content .price-disp{background-color: #fff;border-radius: 50%;width: 100px;height: 100px;border:5px solid #eaeaea;text-align: center;margin: auto;    box-shadow: 0px 5px 8px 0px #c3c3c3;}
.pln-list .plan-box .box-content .price-disp h2{font-size: 30px;margin-bottom: 0;color: #000;}
.pln-list .plan-box .box-content .price-disp h2 sup{font-size: 18px;color: #f07434;font-weight: 600;}
.pln-list .plan-box .box-content .price-disp p{width: 100%;text-align: center;font-size: 12px;color: #666;}
.pln-list .plan-box .box-content .r-list ul{padding-left: 0;}
.pln-list .plan-box .box-content .r-list ul li{padding-left: 20px;list-style: none;position: relative; color: #333;font-size: 11px;font-weight:600;line-height: 30px;}
.pln-list .plan-box .box-content .r-list ul li:before{content: "\f100";position: absolute;left: 0;top: 0;font-size: 10px;font-family: "Flaticon";color: #f07434;font-size: 11px;}
.pln-list .plan-box .box-content .r-list ul li:last-child::before{display: none;}
.pln-list .plan-box .box-content .r-list ul li i{font-size: 16px;color: #666;}
.pln-list .plan-box .box-ftr{width: 100%;background-color: #fff;height: auto;padding: 30px 15px;text-align: center;padding-top: 25px;}
.pln-list .plan-box .box-ftr button.btn-v-d{margin: auto;background-color: #fff;border: 1px solid #333;color: #333;font-size: 14px;border-radius: 15px;padding: 5px 25px;outline: 0;}
.pln-list .plan-box .box-ftr button.btn-v-d:hover{background-color:  #f07434;border-color: #f07434;color: #fff;transition-duration: .1s;}

.plan-detail .modal-dialog {position:absolute;top:50% !important;transform: translate(64%, -50%) !important;-ms-transform: translate(64%, -50%) !important;-webkit-transform: translate(64%, -50%) !important;margin:auto 5%;width:40%;height:80%;
}
.plan-detail .modal-dialog .modal-content .close{margin-right: 15px;border:1px solid #333;margin-top: 10px;width: 30px;height: 30px;border-radius: 50%;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup{background-color: #f1f1f1;width: 100%;min-height: 400px;border-radius: 5px;}
.plan-detail .modal-dialog .modal-content .modal-body{padding: 0px;width: 100%;display: inline-block;padding-bottom: 15px;}
.plan-detail .modal-dialog .modal-content .modal-body .r-list ul{padding-left: 0;}
.plan-detail .modal-dialog .modal-content .modal-body .r-list ul li{padding-left: 20px;list-style: none;position: relative; color: #333;font-size: 11px;font-weight:600;line-height: 30px;}
.plan-detail .modal-dialog .modal-content .modal-body .r-list ul li:before{content: "\f100";position: absolute;left: 0;top: 0;font-size: 10px;font-family: "Flaticon";color: #f07434;font-size: 11px;}
.plan-detail .modal-dialog .modal-content .modal-body .r-list ul li i{font-size: 16px;color: #666;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p {text-align: center;padding: 50px 15px;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p h2{font-size: 30px;margin-bottom: 0;color: #000;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p h2 span{color: #333;font-size: 14px;margin-right: 15px;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p p{color: #333;font-size: 14px;margin-top: 10px;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p p.pln-dtls-p{font-size: 13px;color: #333;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p .divider-p{height: 1px;width: 30px;margin: auto;background-color: #000;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p button.choose-plan-p{background-color: #f07434;color: #fff;border:none;outline: 0;padding: 7px 35px;border-radius: 3px;font-weight: 600;font-size: 12px;margin-top: 20px;}


/******************** plan list *********************/

/******************** plan checkout *********************/
.main-wht{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 20px;margin-bottom: 30px;border: 1px solid transparent;box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);min-height: 100px;background: #fff;height: auto;width: 100%;display: inline-block;}
.split-lne{width: 100%;height: 1px;background-color: #ccc;margin-top: 20px;margin-bottom: 20px;display: inline-block;}
.split-lne-2{width: 100%;height: 1px;background-color: #ccc;margin-top: 10px;display: inline-block;}
.price-plan{}
.price-plan .top-hdng {padding:10px 15px ;width: 100%;}
.price-plan .top-hdng h3{width: 100%;text-align: center;color: #343a48;}
.price-plan .top-hdng p{width: 100%;text-align: center;color: #343a48;padding: 10px 0px;}
.price-plan .wrng-bx {background-color: #f3f3f3;min-height: 100px;border:1px solid #ccc;height: auto;position: relative;}
.price-plan .wrng-bx .wrng-bell img{margin:auto;margin-top: 30px;margin-bottom: 30px;max-width: 40px;}
.price-plan .wrng-bx .wrng-dta h4{font-size: 17px;margin-top: 20px;color: #5c5c5c;}
.price-plan .wrng-bx .wrng-dta p{font-size: 14px;color: #5c5c5c;margin-bottom: 20px;}
.price-plan .wrng-bx .wrng-dta .close-btn{position: absolute;top: 10px;right: 0px;}
.price-plan .wrng-bx .wrng-dta .close-btn i{font-size: 20px;color: #858585;cursor: pointer;}

.price-plan .content-bg{background-color: #f3f3f3;min-height: 860px;width: 100%;border:1px solid #ccc;margin-top: 20px;padding: 25px;display: inline-block;}
.price-plan .content-bg p.desc-p{color: #333;font-size: 14px;text-align: left;}
.price-plan .form-group label{font-size: 14px;font-weight: 500;color: #333;margin-top: 10px;margin-bottom: 10px;}
.price-plan .content-bg .crd-dtls .form-group input{height:auto;border:0;border-radius: 5px;font-size: 14px;padding: 16px 20px;line-height: 20px;box-shadow: 0px 3px 7px #ccc;color: #333;font-weight: 500;width: 100%;}
.price-plan .form-group select{height: auto;border: 0;border-radius: 5px;font-size: 14px;padding: 16px 20px;line-height: 20px;box-shadow: 0px 3px 7px #ccc;color: #333;font-weight: 500;background-color: #fff;display: block;width: 100%;outline: 0;}

.price-plan .content-bg .promo-hdr h3{color: #333;margin-top: 0;}
.price-plan .content-bg .promo-hdr p{color: #333;text-align: left;font-size: 14px;margin-bottom: 20px;}
.price-plan .content-bg .promo-hdr p.dta{color: #333;text-align: left;font-size: 14px;margin-bottom: 20px;line-height: 25px;}
.price-plan .content-bg .pln-dtls{background-color: #fff;min-height: 100px;margin-left: -25px;margin-right: -25px;padding: 25px;padding-top: 15px;}
.price-plan .content-bg .pln-dtls h4{color: #f07434;text-align: left;font-weight: 400;font-size: 16px;margin-bottom: 20px;}
.price-plan .content-bg .pln-dtls p{color: #333;text-align: left;font-weight: 400;font-size: 14px;}
.price-plan .content-bg .promo-apply{padding-top: 15px;width: 100%;display: inline-block;}
.price-plan .content-bg .promo-apply h4{color: #f07434;font-size: 15px;font-weight: 600;}
.price-plan .content-bg .promo-apply p.tx{color: #333;font-size: 15px;margin-top: 10px;float: right;}
.price-plan .content-bg .promo-apply h4.appl-promo{color: #333;font-size: 15px;font-weight: 600;}
.price-plan .content-bg .promo-apply .form-group{position: relative;}
.price-plan .content-bg .promo-apply .form-group button.apply-btn{position: absolute;right: 5px;top: 5px;border-radius: 5px;border:0;background-color: #6f82a0;padding: 11px 30px;color: #fff;font-size: 14px;}
.price-plan .content-bg .promo-apply .form-group input{height:auto;border:0;border-radius: 5px;font-size: 14px;padding: 16px 20px;line-height: 20px;box-shadow: 0px 3px 7px #ccc;color: #333;font-weight: 500;width: 100%;outline: 0;padding-right: 116px;}
.price-plan .content-bg .promo-apply p.offer-applied{color:#6b6f8c;font-size: 16px;text-align: center;}
.price-plan .content-bg .promo-apply .start-plan{width: 100%;text-align: center;padding: 15px;}
.price-plan .content-bg .promo-apply .start-plan button.strt-pln-btn{background-color: #f07434;color: #fff;border:none;outline: 0;padding: 7px 35px;border-radius: 3px;font-weight: 600;font-size: 14px;margin-top: 40px;margin-bottom: 30px;box-shadow: 0px 3px 7px #ccc;}
.price-plan .content-bg .promo-apply .start-plan button.strt-pln-btn:hover{color: #333;transition-duration: .2s;}

/******************** plan checkout *********************/



 @media screen and (max-width: 768px) {

/******************** plan list *********************/
.pln-list .top-hdng h3{font-size: 17px;margin-top: 0;}
.pln-list .top-hdng p{font-size: 13px;padding-top: 0;}
.pln-list .plan-box .box-content .r-list ul{padding-left: 15px;}
.pln-list .plan-box .box-ftr{padding: 10px 10px;}
.pln-list .plan-box .box-ftr button.btn-v-d{font-size: 12px;}
.pln-list .plan-box .hdr h4{font-size: 14px;margin-top: 5px;}
.pln-list .plan-box .hdr button.slct-btn{font-size: 12px;}

.price-plan .top-hdng h3{font-size: 17px;margin-top: 0;}
.price-plan .top-hdng p{font-size: 13px;margin-top: 0;}
.price-plan .wrng-bx .wrng-dta .close-btn{top: -45px;}
.price-plan .wrng-bx .wrng-bell img{margin-top: 10px;margin-bottom: 10px;}
.price-plan .wrng-bx .wrng-dta h4{margin-top: 0;font-size: 16px;}
.price-plan .wrng-bx .wrng-dta p{font-size: 13px;margin-bottom: 20px;}

.price-plan .content-bg .crd-dtls .form-group label{font-size: 12px;margin-top: 0;}
.price-plan .content-bg .crd-dtls .form-group input{font-size: 12px;padding: 10px 10px;}
.split-lne{margin-top: 5px;margin-bottom: 5px;}
.price-plan .content-bg .crd-dtls .form-group select{font-size: 12px;padding: 10px 10px;}
.price-plan .content-bg .promo-hdr h3{font-size: 16px;}
.price-plan .content-bg .promo-hdr p.dta{font-size: 13px;}
.price-plan .content-bg .pln-dtls p{font-size: 12px;}
.price-plan .content-bg .promo-apply h4{font-size: 14px;}
.price-plan .content-bg .promo-apply p.tx{font-size: 14px;}

.price-plan .content-bg .promo-apply h4.appl-promo{font-size: 14px;}
.price-plan .content-bg .promo-apply .form-group input{font-size: 12px;padding: 10px 10px;}
.price-plan .content-bg .promo-apply .form-group button.apply-btn{padding: 7px 30px;font-size: 12px;}
.price-plan .content-bg .promo-apply p.offer-applied{font-size: 14px;}
.price-plan .content-bg .promo-apply .start-plan button.strt-pln-btn{margin-top: 20px;font-size: 12px;}

.plan-detail .modal-dialog{width:90%;    transform: translate(0%, -50%) !important;
    -ms-transform: translate(0%, -50%) !important;
    -webkit-transform: translate(0%, -50%) !important;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup{min-height: 325px;}
.plan-detail .modal-dialog .modal-content .modal-body .bg-plan-popup .price-disp-p{padding: 35px 10px;}

/******************** plan list *********************/


     .custom-tabs-line ul li.active > a {
         margin-bottom: -1px;
    }
}
 .tab-pane {
     padding: 25px 15px;
}
 .button {
     font-size: 17px;
     padding: 8px 10px;
     line-height: .7;
     border: none;
     background: none;
     outline: none;
     position: absolute;
     top: 15px;
     left: 200px;
     background: #fff;
     font-weight: 800;
}
/******************** login *********************/
 html.fullscreen-bg, html.fullscreen-bg body, html.fullscreen-bg #wrapper {
}
 body#login {
     background: #354d69;
}
 .auth-box .form-auth-small .bottom {
     margin-top: 0 !important;
     text-align: right !important;
}
 span.helper-text a {
     color: #fff;
     font-weight:normal;
     letter-spacing:1px;
}
 .fancy-checkbox input[type="checkbox"] + span:before {
     width: 14px;
     height: 14px;
}
 .fancy-checkbox span {
     color: #fff;
     font-size: 14px !important;
     font-weight:normal;
     letter-spacing:1px;
}
 #login .auth-box {
     margin-top: 10px;
}
.login-logobox { text-align: center; }
.login-logobox .navbar-brand { float: none!important; display: inline-block; }
#login .footer, #forgot .footer { padding-left: 0; }
 body#forgot {
     background: #f8fbfb;
}
 #forgot .logo h2 {
     color: #4b4b4b;
     font-size: 23px;
}
 #forgot .auth-box {
     margin-top: 55px;
     background: #fff;
     box-shadow: none;
}
/******************** * CHARTS ********************/
/* easy pie chart */
 .easy-pie-chart {
     position: relative;
     width: 110px;
     margin: 0 auto;
     margin-bottom: 15px;
     text-align: center;
}
 .easy-pie-chart canvas {
     position: absolute;
     top: 0;
     left: 0;
}
 .easy-pie-chart .percent {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     line-height: 110px;
     z-index: 2;
}
 .easy-pie-chart .percent:after {
     content: '%';
     margin-left: 0.1em;
     font-size: .8em;
}
 .easy-pie-chart#system-load {
     width: 130px;
}
 .easy-pie-chart#system-load .percent {
     line-height: 128px;
}
/******************************** * AUTHENTICATION FORMS, PAGE ********************************/
 .auth-box {
     -moz-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     width: 540px;
     min-height: 470px;
     margin: 0 auto;
     background-color: #2b3f56;
}
 .auth-box:before {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     content: ' ';
     vertical-align: middle;
     height: 100%;
}
 .auth-box .content {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     width: 99%;
     vertical-align: middle;
}
 .auth-box .left {
     float: left;
     width: 100%;
     height: 100%;
     padding: 70px;
     text-align: center;
}
 .auth-box .left:before {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     content: ' ';
     vertical-align: middle;
     height: 100%;
}
 .auth-box .right {
     float: right;
     width: 58%;
     height: 100%;
     position: relative;
     background-image: url("../../assets/img/login-bg.jpg");
     background-repeat: no-repeat;
     background-size: cover;
}
 .auth-box .right:before {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     content: ' ';
     vertical-align: middle;
     height: 100%;
}
 .auth-box .right .text {
     position: relative;
     padding: 0 30px;
     color: #fff;
}
 .auth-box .right .heading {
     margin-top: 0;
     margin-bottom: 5px;
     font-size: 26px;
     font-weight: 300;
}
 .auth-box .right p {
     margin: 0;
     font-size: 18px;
     font-weight: 300;
}
 .auth-box .right .overlay {
     position: absolute;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     background: rgba(99, 156, 185, 0.92);
}
 .auth-box .header {
     margin-bottom: 30px;
     font-size: 35px;
     color: #fff;
     font-weight: 400;
}
 .auth-box .lead {
     margin-top: 5px;
     font-size: 15px;
     text-align: center;
     color: #a9a9a9;
     margin-bottom: 40px;
}
 .auth-box .form-auth-small .btn {
     margin-top: 20px;
     border-radius: 7px;
     font-weight: 400;
}
 .btn-group-lg > .btn, .btn-lg {
     padding: 10px 28px;
}
 .auth-box .form-auth-small .element-left {
     float: left;
}
 .auth-box .form-auth-small .element-right {
     float: right;
}
 .auth-box .form-auth-small .bottom {
     margin-top: 20px;
     text-align: center;
}
 .auth-box.lockscreen {
     width: 50%;
     padding: 40px 60px;
}
 .auth-box.lockscreen .logo {
     margin-bottom: 30px;
}
 .auth-box.lockscreen .user {
     margin-bottom: 30px;
}
 .auth-box.lockscreen .user .name {
     font-size: 18px;
     margin-top: 10px;
}
 .form-auth-small .form-group .form-control {
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 0;
     padding: 6px;
     border-color: #ececec;
     background-color: transparent;
     border: transparent;
     border-bottom: solid 1px #ececec;
     box-shadow: none;
     color: #7b858b;
     font-weight:normal;
}
 .form-auth-small .form-group {
     margin-bottom: 10px;
}
 .navbar-default .navbar-brand {
     height: auto;
}

.pos-paneltop-box {
    padding: 20px 20px 10px;
}
.payments-reader-datatable-wrap .dataTables_filter {
    display: none;
}
.pos-paneltop-cell {
    padding: 0 8px;
}
.pos-paneltop-left .row {
    margin-left: -3px;
}

 @media screen and (min-width: 1440px) {
     .auth-box.lockscreen {
         width: 35%;
    }
}
 @media screen and (max-width: 1279px) {
     .auth-box {
         width: 90%;
    }
     .auth-box .left {
         top: 3.3em;
    }
}
 @media screen and (max-width: 1023px) {
     .auth-box .left {
         width: 100%;
         position: inherit;
         padding: 30px;
    }
     .auth-box .right {
         display: none;
    }
}
 @media screen and (max-width: 992px) {
     .auth-box {
         width: 70%;
    }
     .auth-box.lockscreen {
         width: 50%;
         padding: 40px 20px;
    }
}
 @media screen and (max-width: 640px) {
     .navbar-default .logo .navbar-brand img {
         text-align: center;
    }
     .auth-box {
         width: 90%;
         min-height: auto;
    }
     .auth-box .lead {
         font-size: 13px;
    }
     .auth-box .content {
         width: 95%;
    }
     .auth-box.lockscreen {
         width: 90%;
    }
     #login .navbar-brand {
         display: block;
         width: 100%;
    }
     #login .navbar-brand img {
         text-align: center;
         display: inline-block;
    }
}
/******************** * HELPERS ********************/
 .bg-success {
     background-color: #73fa89;
}
 .bg-warning {
     background-color: #faaf73;
}
 .bg-danger {
     background-color: #fa7373;
}
 .bg-highlight {
     background-color: #00AAFF;
}
 .no-padding {
     padding: 0 !important;
}
 .margin-top-30 {
     margin-top: 30px !important;
}
 .margin-bottom-30 {
     margin-bottom: 30px !important;
}
 .padding-top-30 {
     padding-top: 30px !important;
}
 .padding-bottom-30 {
     padding-bottom: 30px !important;
}
/******************** * PAGE: PROFILE ********************/
 .panel-profile {
     position: relative;
}
 .profile-left {
     padding-left: 0;
     float: left;
    /* width: 35%;
    */
     height: 100%;
     position: absolute;
     background-color: #F8F8F8;
}
 .profile-right {
     float: right;
    /*width: 65%;
    */
     padding: 0px 10px !important;
     background: #f8f8f8;
     border-left: solid 1px rgba(0,0,0,0.09);
}
 .profile-right .heading {
     margin-top: 0;
}
 .profile-right .tab-content>.tab-pane{
     background:#fff;
     padding:0
}
 .profile-header .profile-main img{
     width:150px;
     border:solid 4px #cfd2d5;
}
 .profile-right .tab-pane .panel {
     box-shadow: none;
	 margin-bottom:0px;
}
 @media screen and (max-width: 992px) {
     .profile-left, .profile-right {
         float: none;
         width: 100%;
         padding: 0px !important;
    }
     .profile-left {
         position: relative;
         padding-bottom:30px !important;
         margin-bottom: 2px;
    }
}

.d-block{display:block;}
.d-flex{
    display:flex;
}
.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}

.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-1{flex:1}


.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.list-unstyled{padding-left:0;list-style:none}
.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}
.flex-1{flex:1;}


 .profile-header {
     position: relative;
     text-align: center;
     color: #fff;
}
 .profile-header .overlay {
     display: block;
     content: "";
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: transparent;
}
 .profile-header .profile-main {
     position: relative;
     padding: 20px;
     background-image: url("");
     background-repeat: no-repeat;
     background-size: cover;
}
 .profile-header .name {
     margin: 8px 0 0 0;
     font-size: 22px;
}
 .profile-header .online-status {
     font-size: 13px;
     position: relative;
     top: -2px;
}
 .profile-header .online-status:before {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     content: '';
     width: 8px;
     height: 8px;
     margin-right: 3px;
}
 .profile-header .online-status.status-available:before {
     background-color: #41B314;
}
 .profile-header .profile-stat {
     position: relative;
     background-color: #00AAFF;
}
 .profile-header .profile-stat .stat-item {
     padding: 20px;
     position: relative;
}
 .profile-header .profile-stat .stat-item:after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     width: 1px;
     height: 100%;
     background-color: #33bbff;
}
 .profile-header .profile-stat .stat-item:last-child:after {
     display: none;
}
 .profile-header .profile-stat .stat-item span {
     display: block;
}
 .profile-info label {
     padding-top: 0px;
     margin-bottom: 5px;
     text-align: left;
     font-weight: normal;
     font-size: 17px;
     color: #000;
     font-weight: 500;
}
.profile-info .d-flex p {
    font-size: 13px;
}
.profile-right .panel-heading .right {
    right: -13px;
    top: 7px;
}
 .tab-content .panel-heading {
     padding: 10px 0;
}
 .tab-content .panel .right {
     position: absolute;
     right: 5px !important;
     top: 32%;
}
 .profile-right .panel-title {
     font-size: 21px !important;
     color: #000 !important;
}
 span.role-status {
     font-size: 12px;
     color: #535353;
}
 @media screen and (max-width: 1023px) {
     .profile-header .profile-stat .stat-item:after {
         display: none;
    }
}
 .profile-detail {
     padding-bottom: 30px;
}
 .profile-info {
     padding: 0 0px;
}
 .profile-info .heading {
     margin: 0 0 10px 0;
     font-weight: 600;
}
 .profile-info ul > li {
     margin-bottom: 8px;
}

.profile-gadget {
    text-align: left;
    color: #000;
    padding-left: 50px;
    padding-top: 20px;
}

 .social-icons {
     margin-bottom: 0;
}
 .social-icons > li {
     padding: 0 2px 5px 2px;
}
 .social-icons > li > a {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 40px;
     height: 40px;
     line-height: 42px;
     text-align: center;
     background-color: #4d4d4d;
     color: #fff;
}
 .social-icons > li > a i {
     font-size: 18px;
}
 .social-icons > li > a:hover, .social-icons > li > a:focus {
     background-color: #404040;
}
/*************timeline*******************/
 .timeline-centered {
     position: relative;
     margin-top: 20px;
}
 .timeline-centered:before, .timeline-centered:after {
     content: " ";
     display: table;
}
 .timeline-centered:after {
     clear: both;
}
 .timeline-centered:before, .timeline-centered:after {
     content: " ";
     display: table;
}
 .timeline-centered:after {
     clear: both;
}
 .timeline-centered:before {
     content: '';
     position: absolute;
     display: block;
     width: 4px;
     background: #f5f5f6;
    /*left: 50%;
    */
     top: -30px;
     bottom: -35px;
     margin-left: 30px;
}
 .timeline-centered .timeline-entry {
     position: relative;
    /*width: 50%;
     float: right;
    */
     margin-top: 5px;
     margin-left: 30px;
     margin-bottom: 10px;
     clear: both;
}
 .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
     content: " ";
     display: table;
}
 .timeline-centered .timeline-entry:after {
     clear: both;
}
 .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
     content: " ";
     display: table;
}
 .timeline-centered .timeline-entry:after {
     clear: both;
}
 .timeline-centered .timeline-entry.begin {
     margin-bottom: 0;
}
 .timeline-centered .timeline-entry.left-aligned {
     float: left;
}
 .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
     margin-left: 0;
     margin-right: -18px;
}
 .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
     left: auto;
     right: -100px;
     text-align: left;
}
 .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
     float: right;
}
 .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
     margin-left: 0;
     margin-right: 70px;
}
 .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
     left: auto;
     right: 0;
     margin-left: 0;
     margin-right: -9px;
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .timeline-centered .timeline-entry .timeline-entry-inner {
     position: relative;
     margin-left: -20px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
     content: " ";
     display: table;
}
 .timeline-centered .timeline-entry .timeline-entry-inner:after {
     clear: both;
}
 .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
     content: " ";
     display: table;
}
 .timeline-centered .timeline-entry .timeline-entry-inner:after {
     clear: both;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
     position: absolute;
     left: -100px;
     text-align: right;
     padding: 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
     display: block;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
     font-size: 15px;
     font-weight: bold;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
     font-size: 12px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
     background: #fff;
     color: #737881;
     display: block;
     width: 28px;
     height: 28px;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     text-align: center;
     -moz-box-shadow: 0 0 0 5px transparent;
     -webkit-box-shadow: 0 0 0 5px transparent;
     box-shadow: 0 0 0 5px transparent;
     line-height: 26px;
     font-size: 15px;
     float: left;
	 margin-left:7px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
     background-color: #303641;
     color: #fff;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
     background-color: #ee4749;
     color: #fff;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
     background-color: #73fa89;
     color: #fff;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
     background-color: #21a9e1;
     color: #fff;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
     background-color: #faaf73;
     color: #fff;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
     background-color: #fa7373;
     color: #fff;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
     position: relative;
     background: #f8f8f8;
     padding: 1em;
     margin-left: 60px;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     margin-bottom:15px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
     content: '';
     display: block;
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 9px 9px 9px 0;
     border-color: transparent #f5f5f6 transparent transparent;
     left: 0;
     top: 10px;
     margin-left: -9px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
     color: #060606;
     font-size: 10px;
     margin: 0;
     line-height: 1.428571429;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
     margin-top: 15px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
     font-size: 16px;
     margin-bottom: 10px;
     border-bottom:solid 1px rgba(0,0,0,0.04);
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
     color: #060606;
     font-size: 13px;
     font-weight: 500;
     letter-spacing:0.4px;
}
 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
     -webkit-opacity: .6;
     -moz-opacity: .6;
     opacity: .6;
     -ms-filter: alpha(opacity=60);
     filter: alpha(opacity=60);
     font-size:11px;
     float:right;
}
 .timeline-label span i {
     background: transparent;
     color: #211e1e;
     font-weight: normal;
     border: transparent;
     padding: 0 2px 0 0;
}
.timeline-icon .flaticon-group::before{
	font-size:14px;
}
/***************modal********************/
 .modal-header{
     border:solid 1px transparent
}
 .modal-title{
     color:#000;
     font-size:22px;
     text-align:center;
     margin-top:15px;
}
 .form-horizontal .control-label {
     padding-top: 0px;
     margin-bottom: 5px;
     text-align: left;
     font-weight: normal;
     font-size: 16px;
     color: #000;
     font-weight: 500;
}
 .modal-body .form-horizontal .form-group .form-control {
     padding: 3px 10px;
     height: 25px;
}
 .modal-body .form-horizontal .form-group{
     margin-bottom:25px;
}
 label.control-label span {
     float: right;
     font-weight: 600;
}
 .btn{
     letter-spacing:1px;
}
 .selectdiv:after {
     content: '^';
     font: normal normal normal 17px/1 FontAwesome;
     color: #000;
     right: 15px;
     top: 4px;
     padding: 0px 8px 0px 8px;
     border-right: 1px solid #dcdcdc;
     position: absolute;
     pointer-events: none;
     transform: rotate(180deg);
    /* Safari */
     -webkit-transform: rotate(180deg);
    /* Firefox */
     -moz-transform: rotate(180deg);
    /* IE */
     -ms-transform: rotate(180deg);
    /* Opera */
     -o-transform: rotate(180deg);
    /* Internet Explorer */
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* IE11 hide native button (thanks Matt!) */
 select::-ms-expand {
     display: none;
}
 .selectdiv select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
    /* Add some styling */
     background-color: #ffffff;
     background-image: none;
     -ms-word-break: normal;
     word-break: normal;
}
 .close{
     opacity:.4;
}
/*************** footer ****************/
 #login .navbar-default {
     background: transparent;
     border-color: transparent;
     box-shadow: none;
}
 #login,#forgot, .footer {
     color: #989b9c;
     position: relative;
     width: 100%;
     min-height: 60px;
     line-height: 60px;
     font-weight: 600;
     background-color: transparent;
}


.tip-select{padding:0; display:flex; margin:0 -10px 0 -10px;}
.tip-select li{display:flex; box-shadow:0px 3px 12px #4040403d; padding:10px; align-items:center; justify-content:center; flex-direction:column; margin:10px; min-width:100px; min-height:100px; cursor:pointer;}
.tip-select li:hover, .tip-select li.active{background:#f5603d;}
.tip-select li:hover h5, .tip-select li.active h5{color:#fff;}
.tip-select li:hover label, .tip-select li.active label{color:#dfdfdf;}
.tip-select li h5{color: #f5603d;font-size: 18px;font-weight: 600;margin: 0;}
.tip-select li label{margin:10px 0 0;font-size: 14px;color: #838C98;}


.review-count-area{padding:0;}
.review-count-area li{list-style:none; border-right:1px solid #dcdcdc;}
.review-count-area li:last-of-type{border:0;}
.review-count-area li h2{font-size:30px; font-weight:600;}
.review-count-area li p{color:#757575;}


/*# sourceMappingURL=main.css.map */
 @media (min-width:1281px) {
     .weekly-summary {
         margin-right: 10px;
         border-right: 1px dotted #ddd;
    }
}
 @media (min-width:1025px) and (max-width:1336px) {
     .weekly-summary {
         margin-right: 5px;
         padding-right: 5px;
    }
     .weekly-summary .number {
         font-size: 13px;
    }
}
 @media (min-width:320px) {
     right {
         float: left;
         clear: left;
    }
}
 @media (min-width: 768px){
	   .filter-head .dropdown{
	   padding-right: 10px !important;
	   }
	   .filter-block.open .dropdown-menu{
		   min-width:210px;
		   margin:-5px 30px 0 0;
	   }
     .form-horizontal .control-label {
         padding-top: 0px;
         margin-bottom: 0;
         text-align: left;
         margin-bottom:5px;
    }
     .modal-dialog {
         /*width: 660px;*/
         margin:0 auto;
    }
     .modal-body {
         position: relative;
    }
	.profile-info {
     padding: 0 20px;
}
        .ac-btn {
        float: right;
    }
}

 @media (min-width: 1024px){

     .bottom-ac {
         padding-right: 140px;
     }

}

 @media (min-width: 1360px){

     .bottom-ac {
         padding-right: 210px;
     }

}
.btn-acc {
    padding-left: 15px;
    padding-right: 15px;
}
.ac-btn {
        padding-left: 15px;
        padding-right: 15px;
}


.cstmr-fnd-box{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; padding-left:-15px; padding-right:-15px; border:1px solid #d4d4d4; padding:20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.cstmr-fnd-box li{font-size:14px; list-style:none;}
.cstmr-fnd-box > div{padding:0 15px;}



.locn-infotext { font-size: 16px; color: #b2b2b2; font-weight: 300; margin: 20px 0 0; }
.locan-row-out .equlicolumn { margin-top: 30px; }
.store-locan-rep { background: #fff; padding: 15px 10px; border:1px solid #d4d4d4; border-radius: 4px; height: 100%; font-size: 13px;  }
.store-locan-rep h3 { font-size: 14px; font-weight: normal; margin: 0 0 20px; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; color: #000; max-width: 99%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.store-locan-rep p { margin-bottom: 0; }
.locn-btn-bottom { padding-right: 15px; }
.pipe-sepr { display: inline-block; margin: 0 5px; color: #1657dd; }
.locn-btn-bottom a { color: #1657dd; }
.locn-btn-bottom a:hover, .locn-btn-bottom a:focus { text-decoration: underline; }
.store-locn-edit { padding-top: 20px; }
.str-loc-nm { margin: 3px 0 0px; font-size: 20px; color: #000; }
.str-loc-inftp .btn { text-transform: capitalize; font-size: 14px; font-weight: normal; padding: 3px 15px; }
.str-loc-inftp .back-btn-round { margin-top: 0; }
.store-locn-edit .profile-info label { font-size: 14px; }
.bg-light-blue { background: #f6f9ff; margin-left: -25px; margin-right: -25px; }
.store-open-time { padding: 30px; }
.offset-bg-blue { padding: 0 45px; }
.locn-sub-ttl { margin: 0 0 30px; font-size: 18px; font-weight: normal; }
.locn-sub-ttl span { padding-left: 30px; }
.store-open-time .checkbox { margin: 4px 0 0; display: inline-block; }
.open-time-entry { padding-left: 0; }
.open-time-entry .pull-left { max-width: 42%; }
.open-time-entry .pull-left.time-btwn { max-width: 14%; padding: 5px 10px; }
.open-time-entry .form-control { background: transparent; height: 26px; padding: 2px 5px; font-size: 13px; }
.store-open-time .checkbox label { font-size: 13px; }
.time-repeater { margin-top: 4px; margin-bottom: 4px; }
.tm-closed { font-size: 13px; padding-top: 3px; }
.social-ico { width: 40px; height: 40px; border-radius: 50%; color: #fff; font-size: 22px; float: left; text-align: center; padding-top: 5px; margin-bottom: 20px;}
.social-fa { background: #6081c4;  }
.social-urlbox { float: left; width: 82%; margin-left: 10px; padding-top: 4px; }
.social-gp { background: #e62b33; }
.social-tw { background: #43bdef; }
.social-pn { background: #e62b33; }
.store-delivert-info .control-label { font-size: 14px; font-weight: normal; display: block; }


/* === ADDED BY VIPIN === */
#wrapper .main { padding-bottom: 36px; }
.btn:hover, .btn:focus { opacity: .7; }
.search-filter .form-control { width: 100%; }
.search-filter label { font-weight: 400; margin-right: 5px; margin-top: 5px; font-size: 12px; }
.panel-greybox { background: #f8f8f8; padding: 15px 30px; }
.panel-box-head { font-size: 18px; font-weight: 400; margin: 0 0 30px; }
.form-box .tab-pane { padding-top: 0; }
.form-box .tab-content { clear: both; }
.form-box .custom-tabs-line ul { float: left; margin-left: 15px; }
.form-inr-box { padding: 50px 0; }
.form-box .form-group { margin-bottom: 30px; }
.form-box .control-label { font-weight: normal; display: block; font-size: 16px; color: #000; margin-top: 4px; }
.form-box .control-label span.full-coln { font-weight: 600; padding-left: 30px; }
.form-box textarea { height: 140px; }
.btn { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.btn-redink { background-color:#f55753; border-color: #f55753; color: #fff; }
.btn-redink:hover, .btn-redink:focus { background-color:#d03b37; border-color: #d03b37; color: #fff; }
.btn-sbt { font-size: 16px; padding-left: 40px; padding-right: 40px; font-weight: 600; text-transform: uppercase; }
.checkinfo-txt { color: #b2b2b2; margin-bottom: 30px; font-size: 16px;}
.permission-check .form-group { margin-bottom: 10px; }
/*Check box*/
.checkbox { padding-left: 20px; }
.checkbox label { display: inline-block; position: relative; padding-left: 5px; }
.checkbox label::before {content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; margin-left: -20px; border: 1px solid #888888; border-radius: 0px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block; position: absolute; width: 16px; height: 16px; left: -1px; top: -1px; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #2fc816; }
.checkbox input[type="checkbox"] { opacity: 0; z-index: 100 }
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="checkbox"]:checked + label::before { border-color:#2fc816; }
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome'; content: "\f00c"; font-size: 14px; }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 0; }
.inp-readonly { padding-top: 4px; }
.inp-checkonly { padding-top: 10px; }

.checkbox-orange input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .checkbox-orange label {
    position: relative;
    cursor: pointer; font-size:14px; color:#383e41;
  }
  
  .checkbox-orange label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #F17527;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right:10px; border-radius:4px
  }
  
  .checkbox-orange input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #F17527;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

.store-dashboard { background: #fff; padding: 30px 15px; }
.customer-logo { height: 40px; width: 130px; line-height: 40px; text-align: center;}
.customer-logo img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; width: auto; }
.btn-lightgreen { background: #10cfbd; border-color: #10cfbd; }
.btn-custom { padding: 6px 15px; text-transform: uppercase; font-size: 12px; }
.filter-topfix { margin-top: 10px; }
.filter-topfix .control-label { color: #1c1c1c; font-size: 12px; font-weight: 400; }
.filter-topfix .form-control { border-radius: 0px; border-color: #d6d6d6; background-color: #fff; padding: 0 10px 2px; height: 28px; font-size: 12px; }
.filter-topfix .form-control-static { color: #8e8e8e; font-size: 11px; padding-bottom: 0px; margin-left: 5px; }
.filter-topfix .date-pick-box { display: inline-block; margin-left: 10px; }
.display-select{display: flex; align-items: center}
.display-select .d-flex{margin-left:20px}
.date-pick-box .form-control { border-radius: 0; max-width: 135px; }
.date-pick-box .input-group { box-shadow: none; }
.date-pick-box .input-group.date .input-group-addon { background: none; height: 28px; padding-top: 5px; padding-bottom: 5px; border-radius: 0; border-color: #d6d6d6; color: #8b8686; }
.filter-dropd .btn-filter { height: 28px; border: solid 1px #d6d6d6; box-shadow: none; background: #fff; font-size: 12px; padding: 4px 12px; line-height: 16px; border-radius: 0; width:100%; text-align:left;}
.filter-dropd .btn-filter .flaticon-filter { position: relative; top: 1px; margin-right:5px}
.filter-dropd .btn-filter .flaticon-filter:before { font-size: 14px; }
.filter-dropd .dropdown-menu { margin-top: 12px; }
.dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #d6d6d6 transparent; position: absolute; z-index: 0; top: -11px; right: 30px; }
.dropdown-menu:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; position: absolute; z-index: 999; top: -10px; right: 31px; }
.filter-option { padding-bottom:10px }
.filter-option ul { list-style: none; margin: 0; padding: 0; overflow: auto; }
.filter-option ul li{ color: #7b7b7b; display: block; position: relative; float: left; width: 100%; }
.filter-option ul li input[type=radio]{ position: absolute; visibility: hidden; }
.filter-option ul li label{ display: block; font-weight: 400; font-size: 1.35em; padding: 1px 25px 0px 20px; margin: 6px auto; width: auto; position: relative; z-index: 9; font-size: 10px !important; cursor: pointer; -webkit-transition: all 0.25s linear; text-align: left !important; float: left !important; }
.filter-option ul li .check{ display: block; position: absolute; border: 3px solid #e6e6e6; border-radius: 100%; height: 14px; width: 14px; top: 6px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
.filter-option ul li .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: -1px; left: -1px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }
.filter-option input[type=radio]:checked ~ .check { border: 3px solid #f5603d;}
.filter-option input[type=radio]:checked ~ .check::before{ background: #f5603d;}
.filter-option input[type=radio]:checked ~ label{ color: #000;}
.filter-option h2 { font-size: 12px; color: #000; border-bottom: solid 1px #ecedef; padding-bottom: 8px; text-transform: uppercase; margin-top: 10px; }
.tabl-search .srch-tabl-btn { height: 28px; background: #f17527; font-size: 14px; color: #fff; padding: 4px 10px 2px 10px; }
.prodct-search-btnbx .srch-tabl-btn { width: 100%; border-radius: 0; }
.hg-30 { height: 30px!important; }
.tabl-search .form-control:focus { z-index: 0; }
.tabl-search { padding-left: 0; }
.multiselect { border-radius: 0px; border-color: #d6d6d6; background-color: #fff; padding: 0 10px 2px; height: 30px; font-size: 12px; box-shadow: none; width: 100%; text-align: left; color: #555; line-height: 28px; } .multiselect.btn .caret { float: right; margin-top: 12px; margin-right: -4px; }
.multiselect-native-select .btn-group { width: 100%; }
.multiselect-selected-text { max-width: 94%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; }
.exp-imp-dropbox { display: inline-block; position: relative; }
.dropdown-menu.export-menu { margin-top: 12px; min-width: 100%; }
.dropdown-menu.export-menu li { margin: 10px; }
.dropdown-menu.export-menu li .btn { width: 100%; background: #286090; border-color: #286090;}
.dropdown-menu.export-menu li label{width:100%;}
.dropdown-menu.export-menu:before { right: 36px; }
.dropdown-menu.export-menu:after { right: 37px; }
.prdct-top-search .disply-num { margin-bottom: 0; }
.multiselect:hover, .multiselect:focus { background-color: transparent; opacity: 1; }
.table { margin-top: 10px; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #f2f2f2; }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #e9ecef; vertical-align: middle; }
.table thead { background: #2d3a4b !important; color: #fff; font-size: 12px; }
.table thead th { font-weight: 400; vertical-align: middle!important; position: relative;  padding: 10px 20px 10px 12px !important;}
.table thead th [class^="flaticon-"]:before, .table thead th [class*=" flaticon-"]:before, .table thead th [class^="flaticon-"]:after, .table thead th [class*=" flaticon-"]:after { font-size: 9px; }
.table th i.active { color: #008000; }
.table td { font-size: 12px; padding:12px!important; }
.table thead th [class^="flaticon-"] { position: absolute; right: 7px; height: 12px; line-height: 8px; float: right; bottom: 0; top: 0; margin: auto 0; }
.table thead th a { color: #fff; }
.table td.middle-bg { background-color: rgba(42,54,70,0.08);  border-bottom: 1px solid rgba(42,54,70,0.1);}
.table td.middle-bg a { text-decoration: underline; color: #0656c2; }
.table .checkbox { padding-left: 20px; }
.table .checkbox label { display: inline-block; position: relative; padding-left: 5px; }
.table .checkbox label::before {content: ""; display: inline-block; position: absolute; width: 15px; height: 15px; left: 0; margin-left: -20px; border: 1.2px solid #999999; border-radius: 0px; background-color: transparent; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.table .checkbox label::after {display: inline-block; position: absolute; width: 16px; height: 16px; left: -2px; top: -1px; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #2fc816; }
.table .checkbox input[type="checkbox"] { opacity: 0; }
.table .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="checkbox"]:checked + label::before { border-color:#999999; }
.table .checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; font-size: 11px; color: #999; }
.table .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.table .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.table thead th.check-th, .table td.check-td { text-align: center; padding-right: 12px !important; max-width: 40px; vertical-align: middle; }
.table thead th.check-th .checkbox label, .table td.check-td .checkbox label { padding-left: 0; }
.table thead th.check-th .checkbox, .table td.check-td .checkbox { height: 16px; margin: 0; }
.cuctom-pagin { margin-top: 10px; margin-bottom: 10px; }
.cuctom-pagin .pagination>.active>a, .cuctom-pagin .pagination>.active>a:focus,
.cuctom-pagin .pagination>.active>a:hover, .cuctom-pagin .pagination>.active>span,
.cuctom-pagin .pagination>.active>span:focus, .cuctom-pagin .pagination>.active>span:hover { background-color: #da5434; border-color: #da5434; border-radius: 4px; }
.datepicker { margin-top: 12px; }
.datepicker-dropdown.datepicker-orient-bottom:before { top: -11px; }
.datepicker-dropdown.datepicker-orient-bottom:after { top: -10px; }
.custmr-dashbrd { background: #f8f8f8; }
.cutomer-namebox { padding-left: 0; }
.back-btn-round { border-radius: 50%; width: 27px; height: 27px; border:1px solid #686868; color: #686868; display: inline-block; text-align: center; padding-top: 3px; margin-top: 6px; }
.back-btn-round:hover, .back-btn-round:focus { color: #000; opacity: .5; }
.cutomer-name { margin: 0; font-size: 22px; font-weight: normal; color: #000; }
.cst-dt-join { margin: 4px 0 0; color: #000; font-size: 12px; }
.btn-normal { font-size: 12px; padding: 6px 4px; min-width: 130px; margin-bottom: 10px; font-weight: normal; }
.btn-darkblue { background-color: #2d3a4b; border-color: #2d3a4b; color: #fff; }
.btn-darkblue:hover, .btn-darkblue:focus { color: #fff; }
.custmr-top-btngrp { padding-top: 5px; }
.custmr-top-btngrp .btn { margin-left: 15px; margin-bottom: 0;}
.custmr-top-btngrp .btn:hover, .custmr-top-btngrp .btn:focus { opacity: .8; }

.with-left-side-tab{display:flex;}
.with-left-side-tab .custom-tab.left-side-tab{margin-right:12px; min-width:250px;}
.with-left-side-tab .custom-tab.left-side-tab ul > li{float:none; margin:0; border-bottom:2px solid transparent;}
.with-left-side-tab .custom-tab.left-side-tab ul > li a{background:#efefef}
.with-left-side-tab .custom-tab.left-side-tab ul > li a:hover{background:#ddd}
.with-left-side-tab .tab-content{flex:1; width:1%;}
.with-left-side-tab .custom-tab.left-side-tab ul > li.active a{background:#fff; border-top:0; border-left:5px solid #f17527; font-weight:600; color:#f17527; box-shadow:0px 5px 5px #00000029; margin-bottom:4px;}

.cutomer-detail-info { margin-top: 40px; }
.custom-tab ul > li a { color: #000; font-weight: 500; font-size: 14px; padding: 8px 15px; border-top: 2px solid transparent; background: #ddd; }
.custom-tab ul > li { margin: 0 5px; float: left; border-bottom:5px solid transparent; margin-top:5px;}
.custom-tab ul > li.active{border-color:#fff}
.custom-tab ul > li.active a { border-top: 2px solid #f17527; background: #fff; }
.cutomer-detail-info .tab-content { background: #fff; }
.cutomer-detail-info .custom-tab ul > li:first-child { margin-left:0px; }
.btn-edit { padding: 3px 10px; border-radius: 3px; font-size: 12px; }
.btn-edit:hover, .btn-edit:focus { opacity: .8; }
.custmr-basicinfo { max-width: 80%; margin: 20px auto; }
.custmr-basicinfo .form-group { margin-bottom: 10px; }
.custmr-trans-fltr { margin: 20px -5px 30px; }
.transfltr-column  { padding-left: 5px; padding-right: 5px; }
.trans-date-crted { min-width: 180px; }
.custmr-trans-fltr .form-control { color: #727272; font-size: 12px;}
.custmr-trans-fltr .form-control::-webkit-input-placeholder { color: #727272;}
.custmr-trans-fltr .form-control::-moz-placeholder { color: #727272; }
.custmr-trans-fltr .form-control:-ms-input-placeholder { color: #727272;}
.custmr-trans-fltr .form-control:-moz-placeholder { color: #727272; }
.custmr-trans-fltr .btn-info { border-radius: 0; }
.custmr-trans-fltr .date-pick-box .form-control { max-width: inherit; }

.fxd-width-input{display:flex; align-items:center; flex-wrap:wrap; margin:0 -5px;}
.fxd-width-input .input-col{width:100%; max-width:210px; padding:0 5px;}
.fxd-width-input .date-pick-box .form-control{max-width:100%;}

.offer-tdtext { font-size: 10px; display: block; }
.btn-skyblue { background: #4dc9fc; border-color: #4dc9fc; color: #fff; }
.btn-skyblue:hover, .btn-skyblue:focus { color: #fff; }
.prdct-fltr-top .form-control { height: 30px; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.store-select { margin-bottom: 10px; }
.prdct-fltr-top .filter-dropd .btn-filter { border-radius: 0; }
.str-logo-td img { max-width: 40px; }
.prdct-price-td .form-control { max-width: 150px; height: 28px;}
.prdct-maxper-td .form-control { max-width: 100px; height: 28px; }
.prdct-ttl-lnk { color: #2232c6; text-decoration: underline; }
.prdct-ttl-lnk:hover, .prdct-ttl-lnk:focus { color: #2232c6; }
.product-detail-wrap { background: #fff; padding: 15px; }
.prdct-left-slide { padding-right: 0; }
.prdct-ttl { font-size: 20px; font-weight: 400; color: #000; line-height: 28px; }
.upc-nmbox h3 { font-size: 14px; color: #202020; margin-top: 26px; }
.upc-nmbox h3 span { color: #929292; }
.btn-normal { padding: 4px 15px 6px; border-radius: 4px; min-width: inherit; }
.prdct-dtl-info { padding-top: 30px; }
.prdct-pr-inp, .prdct-nm-inp { height: 28px; font-size: 14px; max-width: 150px; margin-top: -2px;}
.prdct-dtl-info .form-group { margin-bottom: 25px; }
.product-info-tab { padding-top: 20px; }
.product-info-tab .nav-tabs>li>a { color: #b3b3b3; border: 0; }
.product-info-tab .nav-tabs>li>a:hover { background: transparent; color: #ff6161; }
.product-info-tab .nav-tabs>li.active>a, .product-info-tab .nav-tabs>li.active>a:focus, .product-info-tab .nav-tabs>li.active>a:hover { border: 0; border-bottom: 2px solid #ff6161; color: #4b4b4b; }
.comn-info label { font-weight: 400; }
.product-info-tab .tab-pane { padding-top: 30px; padding-bottom: 30px; }
.prdct-main-slide { border: 1px solid #d4d4d4; border-radius: 4px; padding: 15px; }
.prdct-mainthmb { position: relative; padding-bottom: 200px; overflow: hidden; }
.prdct-thmb-vertic { position: absolute; width: 100%; height: 100%; border-radius: 0px; padding: 0px; overflow: hidden; border: 0px; }
.prdct-mainthmb img {display: inline-block; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; height: 100%; margin: auto; width: auto; }
.prdct-thumb-slide { margin-top: 10px; }
.thumb-border-row { margin-left: -5px; margin-right: -5px; }
.prdct-subthmb { height: 80px; line-height: 56px; text-align: center; border: 1px solid #d4d4d4; border-radius: 4px; padding: 10px; margin-bottom: 10px; cursor: pointer; }
.prdct-subthmb.active { border: 1px solid #78b6e1; }
.prdct-subthmb img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; width: auto; }
.thumb-border { padding-left: 5px; padding-right: 5px; }
.prdct-top-search .form-control { height: 30px; font-size: 12px; padding-top: 2px; padding-bottom: 2px; margin-bottom: 10px; }
.srch-optn { width: 20%; padding-left: 5px; padding-right: 5px;}
.prdct-srch-drop { margin-left: -5px; margin-right: -5px; }
.prdct-top-search .btn-info { width: 100%; height: 30px; border-radius: 0; font-size: 13px; }
.prdct-top-search .form-control::-webkit-input-placeholder { color: #555;}
.prdct-top-search .form-control::-moz-placeholder { color: #555; }
.prdct-top-search .form-control:-ms-input-placeholder { color: #555;}
.prdct-top-search .form-control:-moz-placeholder { color: #555; }
.prdct-top-search .btn-grey { height: 30px; line-height: 16px; font-size: 13px; border-radius: 0; color: #fff; background: #11b683; }
.prdct-top-search .btn-grey.disabled, .prdct-top-search .btn-grey[disabled] { opacity: 1; color: #d0d0d0; background: #ababab;}
.multiselect-container>li>a>label>input[type=checkbox] { opacity: 1; }
/*.prdct-top-search .multiselect { height: 30px; padding: 2px 12px; font-size: 12px; width: 100%; box-shadow: none; border-radius: 0; margin-bottom: 10px; color: #555; letter-spacing: inherit; text-align: left; border-color: #dcdcdc; }
.prdct-top-search .multiselect .caret { position: absolute; right: 6px; top: 12px;}
.prdct-top-search .multiselect:hover, .prdct-top-search .multiselect:focus { background-color: transparent; opacity: 1; }
*/.multi-slect-box .btn-group { display: block; }
.multiselect-container.dropdown-menu { border-radius: 0; margin-top: 0px; width: 100%; padding: 5px 0; max-width: 300px; max-height: 350px; overflow: auto; min-width: 300px; }
.multiselect-container.dropdown-menu:before, .multiselect-container.dropdown-menu:after { display: none; }
.multiselect-container>li>a>label { padding-left: 30px; font-size: 13px; color: #555; }
.dropdown-menu > li > a:focus { outline: 0; }

.multiselect-full-orange .multiselect-container.dropdown-menu{max-width:100%; }
.multiselect-full-orange .multiselect-container.dropdown-menu li > a{background:#fff;}
.multiselect-full-orange .multiselect-container.dropdown-menu li > a:hover{background:#f5f5f5;}
.multiselect-full-orange .multiselect-container.dropdown-menu .active > a{background:#f5f5f5;}
.multiselect-full-orange .multiselect-container>li{padding:2px 0;}
.multiselect-full-orange .multiselect-container>li>a>label{padding-left:10px;}
.multiselect-full-orange .multiselect-container>li>a>label.checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .multiselect-full-orange .multiselect-container>li>a>label{
    position: relative;
    cursor: pointer; font-size:14px; color:#383e41;
  }
  .multiselect-full-orange .multiselect-container>li>a>label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #F17527;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right:10px; border-radius:4px
  }
  .multiselect-full-orange .multiselect-container>li.active>a>label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 17px;
    width: 6px;
    height: 12px;
    border: solid #F17527;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }  


.settings-dashbrd { background: #f8f8f8; }
.settings-dashbrd .cutomer-name { margin-top: 6px; }
.setng-label { font-weight: 600; display: block; }
.stng-str-logo { height: 45px; width: 110px; line-height: 43px; text-align: center; border: 1px solid #eee; position: relative;}
.stng-str-logo img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; width: auto;}
.str-logo-lbl { padding-top: 12px; }
.setng-edit .setng-label { padding-top: 5px; }
.btn-bs-file { position: absolute; background: rgba(240, 117, 52, .8); color: #fff; border-radius: 50%; width: 25px; height: 25px; border-radius: 50%; bottom: 20px; right: -15px; padding-top: 5px; cursor: pointer; font-size: 12px; }
.btn-bs-file .fa { position: relative; top: -14px; }
.btn-bs-file input[type="file"] { position: absolute; top: -9999999; filter: alpha(opacity=0); opacity: 0; width: 0; height: 0; outline: none; cursor: inherit; }
.btn-newadd { padding: 4px 8px; font-size: 12px; border-radius: 3px; }
.btn-newadd i:before { font-size: 10px; }
.panel-sub-title { font-size: 16px; font-weight: 400; margin: 0; }
.form-sub-title { margin: 30px; font-size: 18px; font-weight:600; }
.profile-thumb { width: 135px; height: 135px; border-radius: 50%; border: 4px solid  #cfd2d5; background-size: cover; display: inline-block; margin-bottom: 10px; }
.profile-wrap .btn-normal { min-width: 140px; margin-bottom: 10px; margin-left: 0;}
.profile-tabwrap-right { border-left: 1px solid #eaeaea; margin-top: -20px; margin-bottom: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; min-height: 300px; }
.profile-tabwrap-right .custom-tab ul > li a { padding-left: 40px; padding-right: 40px; }
.back-arrow-col { max-width: 60px; }

.activity-centered { position: relative; margin-top: 20px; }
.activity-centered::before { content: ""; position: absolute; display: block; width: 4px; top: -30px; bottom: -35px; margin-left: 30px; background: rgb(245, 245, 246); }
.scroll-panel { padding-left: 25px; padding-right: 25px; }
.activity-centered  .activity-entry { margin-bottom: 20px; margin-left: 30px;}
.activity-centered .activity-entry:last-child { margin-bottom: 5px; }
.activity-centered .activity-entry-inner { position: relative; margin-left: -20px; }
.activity-centered .activity-entry .activity-icon { width: 28px; height: 28px; text-align: center; line-height: 26px; float: left; margin-left: 7px; border-radius: 50%; color: #fff; margin-top: 4px;}
.activity-centered .activity-entry .activity-icon.bg-danger { background-color: #fa7373; }
.activity-centered .activity-entry .activity-icon.bg-warning { background-color: rgb(250, 175, 115); }
.activity-centered .activity-entry .activity-icon.bg-success { background-color: rgb(115, 250, 137); }
.activity-icon .flaticon-group::before { font-size: 14px; }
.activity-centered .activity-entry .activity-label { position: relative; background: #f8f8f8; padding: 1em; margin-left: 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.activity-centered .activity-entry .activity-label h2 { font-size: 14px; margin: 0 0 10px; padding-bottom: 6px; border-bottom: solid 1px rgba(0,0,0,0.04); color: #060606; }
.activity-centered .activity-entry .activity-label h2 a { color: #000;}
.activity-centered .activity-entry .activity-label h2 span {opacity: 0.6; font-size: 11px; float: right; }
.activity-centered .activity-entry .activity-label p { color: #060606; font-size: 11px; margin: 0; line-height: 18px; }
.activity-centered .activity-entry .activity-label::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; left: 0px; top: 10px; margin-left: -9px; border-style: solid; border-width: 9px 9px 9px 0px; border-color: transparent rgb(245, 245, 246) transparent transparent; }
.activity-date { position: relative; background: #52504f; color: #e8e8e8; padding: 3px 8px; border-radius: 4px; display: inline-block; font-size: 12px; margin-bottom: 15px; }

/* === Error Page ===*/
.error-sec { display: table; width: 100%; }
.err-msg-section { display: table-cell; vertical-align: middle; text-align: center; }
.err-msg-section h1 { color: #ff9860; font-weight: 700; font-size: 70px; margin-bottom: 0 }
.err-msg-section img { margin: auto; padding-top: 10px; padding-bottom: 10px}
.err-msg-section h3 { font-size: 20px; font-weight: 700; color: #3c3c3c; margin-top: 0;}
.err-msg-section p { font-size: 14px; font-weight: 400; color: #3c3c3c; }
.detail-link { color: #0b39ef;text-decoration: underline; text-decoration-color: #0b39ef; }
/* ===ORDER LIST STARTS===*/
.btn-save { margin-left: 6px!important;border-radius: 3px;    border-top-left-radius: 0; border-bottom-left-radius: 0;border-top-right-radius: 0;
     border-bottom-right-radius: 0; padding: 2px 6px; background-color: #d2d2d2;border-color:rgba(42,54,70,0.08)  }
.btn-save.active {background-color: #10cfbd;}
.order-id { color: #2232c6!important; text-decoration: underline; }
.order-dashbrd { background: transparent;padding: 0;}
.srch-tabl-custom{padding:6px 25px!important;height: 34px!important;}
/* ===ORDER LIST ENDS===*/
/* ===ORDER DETAIL STARTS === */
.order-basic-info { border: 2px solid #e9ecef;}
.detail-div{ color: #fff; background-color: #2d3a4b; padding: 10px 16px; margin-top: 5px;margin-bottom: 5px; }
.detail-div i{cursor:pointer;}
.total-collected {  background-color: #efefef; padding: 15px 10px; margin-right: 0; margin-left: 0; font-weight:600; color:#000;}
.total-collected label{font-weight:600; color:#000;}
.custmrlink {  color: #1657dd; text-decoration: underline; }
.custmrlink:hover{  color: #1657dd; text-decoration: none; }
/* ===ORDER DETAIL END === */

/* ===COMING SOON STARTS===*/
.coming-soon-wrap {  background-color: #fff; }
.coming-soon-wrap h3{ font-weight: 600;font-size: 30px;color: #2a2a2a;padding-top: 40px; }
.coming-soon-msg p{ color:#535353;font-weight: 400;font-size: 20px;padding-top: 10px; }
.back-to-page { color: #5fb5c1;font-weight: 500; font-size: 20px;}
/* ===COMING SOON ENDS=== */
/* ===REFUND STARTS === */
.h4-style{ color: #2d3a4b;font-weight: 400; font-size: 18px; margin-top: 3px; margin-bottom: 6px;}
.custom-pills>li>a { padding: 5px 20px; margin: 1px 3px;  color: #fff;  background-color: #2d3a4b; font-size: 11px;}
.custom-pills>li.active>a { color: #fff; background-color: #da5434!important;}
.custom-pills>li>a:focus, .custom-pills>li>a:hover { text-decoration: none; opacity: .8; background-color: #2d3a4b;}
.selection-pill {  margin-right: 0; margin-left: 0; padding: 0 20px 5px;}
.seperation-hr {  margin-top: 5px;  margin-bottom: 0px;  border: 0;border-top: 1px solid #dfdfdf; }
.srch-btn { color: #fff; padding: 5px 40px; background-color: #fc721c; outline: none; box-sizing: 0; box-shadow: none; height: 34px; }
.btn-refund {padding: 4px 28px; font-size: 12px;  border-radius: 3px; }
.reciept-number-searchbox .input-group, .customer-searchbox .input-group { box-shadow: none; }
.total { background-color: #efefef;   padding: 15px 20px; position: relative;margin: 0 -42px;}
.search-refund { padding-left: 0; }
.customer-content,.transaction-content-table { padding-top: 20px; }
.reciept-number-searchbox,.transaction-searchbox,.customer-searchbox{ padding: 0 5px }
.srch-optn-custom { width: 20%; }
/*.total { background-color: #efefef; margin: 0 -40px;padding: 10px 0; }*/
/* === REFUND ENDS === */
.bootstrap-timepicker-widget table td input { border-radius: 0; border:1px solid #abaaaa; }
/* === BATCH ACTIONS === */
.batch-dropdown { min-width: 440px; padding: 20px 0;}
.batch-options { margin: 0 0 15px; }
.batch-options:last-child { margin-bottom: 0; }
.batch-options .checkbox { margin: 4px 0 0 0; }
.batch-options .checkbox label { font-size: 12px; }
.batch-dropdown .filter-option { padding-bottom: 0; }
.batch-dropdown .filter-option ul li { width: 50%; }
.batch-dropdown .checkbox label::before { width: 16px; height: 16px; border-color: #cacaca; }
.batch-dropdown .checkbox label::after { top: -1px; color: #fff; }
.batch-dropdown .checkbox input[type="checkbox"]:checked + label::after { font-size: 12px;  }
.batch-dropdown .checkbox input[type="checkbox"]:focus + label::before { border-color: #cacaca;  }
.batch-dropdown .checkbox input[type="checkbox"]:checked + label::before { border-color: #f5603d; background: #f5603d;}
.batch-options .form-control { border-color: #cacaca; color: #333; }
.batch-options .filter-option ul li label { margin: 3px 0px; font-size: 12px!important; }
.batch-submit { padding: 0 15px; }
.batch-submit .btn-grey { margin-right: 15px; background: #888; color: #fff;}
.modal-dialog {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2)); justify-content:center}
.modal-dialog > div, .modal-dialog > form, .modal-dialog ul{width:100%;}
.modal-sm .modal-body { padding: 10px 30px 35px; }
.btn { backface-visibility: hidden; }
.close:focus { outline: none!important; }
.pinbox .btn { font-size: 12px; text-transform: uppercase; width: 48%; }
.pinbox .btn-grey { background: #888; color: #fff; margin-right: 2%; }
.pinbox .btn-primary { margin-left: 2%; }
.pinbox .form-control { border-color: #c5c4c4; }
select.form-control { cursor: pointer; }
.category-drop .dropdown-toggle { width: 100%; border-radius: 0px; border-color: #dcdcdc; background-color: #fff; box-shadow: none; height: 34px; padding: 2px 13px; text-align: left; font-size: 12px; color: #555;}
.category-drop .dropdown-toggle:hover, .category-drop .dropdown-toggle:focus { opacity: 1; }
.category-drop .dropdown-toggle .caret { float: right; margin: 6px 0px 0 0; }
.category-drop-box { min-width: 290px; right: 0; left: inherit;  padding: 15px 15px 5px; margin-top: 1px; border-color:#eaeaea; max-height: 360px; overflow-y: auto; border-radius: 0;}
.category-drop-box ul { list-style-type: none; padding-left: 0; margin-bottom: 0; }
.category-drop-box .checkbox { margin: 0; padding-top: 2px; padding-bottom: 2px; }
.category-drop-box .checkbox label { font-size: 12px; padding-left: 2px; }
.category-drop-box .checkbox label::before { width: 15px; height: 15px; top:1px; border-color: #cacaca;}
.category-drop-box .checkbox label::after { top: 0px; color: #fff; left: 0; }
.category-drop-box .checkbox input[type="checkbox"]:checked + label::after { font-size: 10px;  }
.category-drop-box .checkbox input[type="checkbox"]:focus + label::before { border-color: #cacaca;  }
.category-drop-box .checkbox input[type="checkbox"]:checked + label::before { border-color: #f5603d; background: #f5603d;}
.promo-code-box .date-pick-box .form-control { max-width: 100%; }
.category-drop-box li ul { margin-left: 24px; }
.category-drop-box li { padding: 1px 0; }
.category-drop-box .cat-name { margin-bottom: 10px; font-size: 12px; padding-left: 24px; }
.category-drop-box .checkbox { float: left; height: 18px; padding-top: 0;}
.category-drop-box .cat-name button { border: 0; background: none; padding: 0; text-align: left; }
.category-drop-box .cat-name button:focus { outline: 0; }
.category-drop-box .cat-name button:after { font-family: 'FontAwesome'; content: "\f105"; margin-left: 8px; }
.category-drop-box .cat-name button.iconrotate:after { content: "\f107"; }
.full-width-category { width: 100%; }
.full-width-category .cat-name { font-size: 14px; }

/* === LOADER STYLE STARTS === */
#loader { background: rgba(0, 0, 0, .6); z-index:9999; position: fixed; width: 100%; height: 100%; display:none;}
#loader .spinner, #loader .spinner:before, #loader .spinner:after { display:block; position:fixed;}
#loader .spinner { top:50%; left:50%; transform:translate(-50%,-50%)}
#loader .spinner { width:100px; height:100px; }
#loader .spinner:before,
#loader .spinner:after { content:""; border-radius:50%; border:3px solid #d7d4d4; border-top-color:#e74a25; }
#loader .spinner:after { width:50px; height:50px; top:25px; left:25px; animation:loading 1s linear infinite; }
@keyframes loading{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
#loader .spinner:before {display: none;}
/* === LOADER STYLE ENDS === */

/* === React LOADER STYLE STARTS === */
#react-loader { background: rgba(0, 0, 0, .6); z-index:9999; position: fixed; width: 100%; height: 100%; display:none;}
#react-loader .spinner, #react-loader .spinner:before, #react-loader .spinner:after { display:block; position:fixed;}
#react-loader .spinner { top:50%; left:50%; transform:translate(-50%,-50%)}
#react-loader .spinner { width:100px; height:100px; }
#react-loader .spinner:before,
#react-loader .spinner:after { content:""; border-radius:50%; border:3px solid #d7d4d4; border-top-color:#e74a25; }
#react-loader .spinner:after { width:50px; height:50px; top:25px; left:25px; animation:loading 1s linear infinite; }
@keyframes loading{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
#react-loader .spinner:before {display: none;}
/* === React LOADER STYLE ENDS === */

.theme-edibox { padding-bottom: 70px; }
.help-block { font-size: 12px; }
.add-newprd-box label { font-weight: normal; float: left; margin-top:6px; }
.add-newprd-box .form-control { float: left; width: auto; font-size: 12px; max-width: 175px; margin-left: 10px; height: 34px;}
.add-newprd-box .btn-info { font-size: 12px; text-transform: uppercase; border-radius: 0; margin-left: 10px;  height: 34px;}

.theme-edibox .setng-label { cursor: help; }
.theme-edibox .setng-label + .tooltip { opacity: 1!important; left: 15px!important; min-width: 400px;}
.theme-edibox .setng-label + .tooltip > .tooltip-inner { background-color: #fff; max-width: inherit; padding: 0; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6); }
.theme-edibox .setng-label + .tooltip > .tooltip-inner img { max-width: 100%; }
.theme-edibox .setng-label + .tooltip .tooltip-arrow { display: none; }

/* === Store dropdown list STYLE STARTS === */
.store-selection-box-out .dropdown-menu.export-menu{min-width:345px}
.store-selection-box-out ul.dropdown-menu.export-menu.custom-add-to-catalog{left:auto !important; padding:10px 0 0;}
.store-selection-box-out .store-selection-box .head{background:#f2f2f2; font-weight:600; padding:5px; margin:0 0 10px}
.store-selection-box-out .store-selection-box .str-selct-left{padding:0 5px 0 0}
.store-selection-box-out .store-selection-box .str-selct-right{padding:0}
.store-selection-box-out .str-select-scroll-area{overflow-y:scroll; max-height:200px}
.store-selection-box-out .dropdown-menu.export-menu li{margin:10px 0 0}
.store-selection-box-out input[type=checkbox], .store-selection-box-out input[type=radio]{position:relative; top:3px}
/* === Store dropdown list STYLE ENDS === */

.modal-footer .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.rprt-listing-area-out{padding:20px;}
.rprt-listing-area{background:#f2f2f2; padding:20px; margin:0 0 20px} 
.rprt-listing-area:last-of-type{margin:0} 
.title3{margin:0 0 20px}
.rprt-list{padding:0}
.rprt-list li{margin:0 0 12px; list-style:none; padding:0 0 0 20px; position:relative;}
.rprt-list li a{color:#383e41}
.rprt-list li a:hover{color:#000}
.rprt-list li .inf{color:#787878; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #787878}
.rprt-list li::before{content:"\25ce"; color:#f17527; margin:0px 10px 0 0; position:absolute; left:0;}

.order-note-btn.active:hover i{color:#f17527}
.order-note-btn.active:hover{background:#286090; opacity:1;}
.add-btn-highlight::after{content:""; width:0; height:0; border-bottom:15px solid #f17527; border-left:15px solid transparent; position:absolute; bottom:-1px; right:-1px;}


/*---RECIPE PAGES--  14/01/21 ----*/
.recipe-menu{width: 50%;margin: auto;padding: 5% 0;}
.each-r-menu{margin-bottom: 15px; position: relative; display: flex;box-shadow: 0px 3px 12px #40404029;padding: 30px 30px 20px 30px;align-items: center;justify-content: space-between;}
.each-r-menu h3{color: #f5603d;font-size: 16px;font-weight: 600;margin: 0;}
.each-r-menu p{margin:10px 0 0;font-size: 14px;color: #838C98;}
.each-r-menu:before{content: '';background:#f5603d;width: 5px;height: 45%;position: absolute;top: 15px;left: 0;}
.each-r-menu img{width: 44px;transition: .5s all;}
.each-r-menu:hover img{transform:translate(5px, 0px);}

.reci-categories{padding: 10px 5px 20px;}
h3.sub-title{font-size: 18px;font-weight: 600;color: #0B1727;margin-bottom: 35px;margin: 0; margin-left: 5px;margin-bottom: 30px;}

.rec-cat-wrap{display: flex;justify-content: space-between;}
.each-r-category{width: 16%;box-shadow: 0px 0px 20px #9A9A9A29;border-radius: 6px;margin: 0 5px;}
.each-r-category h2.cat-head{margin: 0; background: #2d3a4b;padding: 15px 10px;border-radius: 6px 6px 0 0;font-size: 14px;color: #fff;}
.each-r-category .cat-in{padding: 13px 10px;display: flex;justify-content: space-between;align-items: center;}
.each-r-category .cat-in:nth-child(odd){background: #F2F2F2;}
.each-r-category .cat-in p{margin: 0;}
.cat-icons{display: flex;}
.cat-icons img{width: 20px;height: 20px;margin-left: 10px;}

.cat-in-input{padding: 15px 10px;box-shadow: none;}
.cat-in-input input{font-size: 13px;border: 1px solid #DDDDDD !important;border-radius: 5px;}
.each-r-category .btn-add{background: #F17527;color: #fff;padding: 6px 8px;border-radius: 0px 5px 5px 0px;}
.dis-none{display: none;}
.dis-table{display: table;padding:0;}

.text-error{font-size: 12px;color: red;padding:0px 10px 13px;display: block;}
/*---Create New recipe PAGES--  15/01/21 ----*/
.accordion-normal.bs-example {
    
  }
  .rotate {
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-180deg); /* Firefox */
    -ms-transform: rotate(-180deg); /* IE 9 */
    transform: rotate(-180deg); /* Standard syntax */
  }

 .accordion-normal.bs-example .panel-group .panel{border:0; margin-bottom:20px; border-radius:5px; -moz-box-shadow:1px 0px 10px rgb(0 0 0 / 10%); -webkit-box-shadow:1px 0px 10px rgb(0 0 0 / 10%); box-shadow:1px 0px 10px rgb(0 0 0 / 10%);}
 .accordion-normal.bs-example .acrdn-arrow{position:absolute; top:0; bottom:0; margin:auto; right:20px; display:inline-block; height:20px; -webkit-transform:rotate(180deg); transform:rotate(180deg);} 
 .accordion-normal.bs-example .acrdn-arrow.collapsed{-webkit-transform:rotate(0deg); transform:rotate(0deg);} 
 .accordion-normal.bs-example .panel .panel-heading .panel-title{font-size:18px; font-weight:600; color:#333}
 .accordion-normal.bs-example .panel .panel-heading .panel-title > a:hover, .accordion-normal.bs-example .panel .panel-heading .panel-title > a:focus{color:#EE7727}
 .accordion-normal.bs-example .panel-default>.panel-heading{background:#fff; border-bottom:none; padding-right:60px; border-radius:5px; -moz-box-shadow:1px 2px 5px rgb(0 0 0 / 10%); -webkit-box-shadow:1px 2px 5px rgb(0 0 0 / 10%); box-shadow:1px 2px 5px rgb(0 0 0 / 10%);}
 .accordion-normal.bs-example .panel .panel-body{background:#fff; border:0; border-radius:0 0 5px 5px; padding:20px;}
 .accordion-normal.bs-example .glyphicon-chevron-down:before{display:none}
 .accordion-normal.bs-example .acrdn-arrow svg{fill:#F17527; height:20px;}

 .accordion-normal.bs-example .table-striped>tbody>tr:nth-of-type(odd){background:#fff}
 .accordion-normal.bs-example .table-striped>tbody>tr:nth-of-type(even){background:#F2F2F2}

.mt-2{margin-top: 2rem;}
.materials-listing .btn-custom{padding: 6px 15px;}
.materials-listing tr td,.materials-listing tr th{text-align: center;}
.materials-listing tr td:first-child,.materials-listing tr th:first-child{text-align: left;}
#id_weight_unit {padding: 6px 10px;}
.material-head {margin: 10px 0px; padding: 0px;}
td.image-combo{display: flex;align-items: center;}
.image-combo img{max-width: 50px;margin-right: 10px;height: 45px;object-fit: cover;}
.edit-sec{display: flex;align-items: center;justify-content: center;}
.edit-sec img{margin-right: 7px;max-width: 15px;}
.edit-sec a{color: #F17527;}
.cus-search-input{position: relative;}
.cus-search-input i{position: absolute;left: 12px;color: #434343;top: 9px;}
.cus-search-input input{padding-left: 35px;}
.w-100-p{width: 100%;}

.material-det-main .custmr-basicinfo{min-height:390px;padding: 25px;margin: 30px 0 0 0;max-width: 100% !important;}
.shadow-box{box-shadow: 0px 0px 20px #9A9A9A29;border-radius: 6px;}
.shadow-box-white-bg{background:#fff; box-shadow:0px 0px 20px #0000000A; padding:20px;}
.radius-box{background:#fff; border-radius:10px; padding:20px;}
.bordered-upload .upload-excel-btn{width: 100%;padding: 10px 20px !important;display: flex;background: #fff;color: #f5603d;align-items: center;}
.bordered-upload img{margin-right: 10px;}
.clr-grey{color: #0B1727;opacity: .5;}
.no-border-select{padding: 0;border: 0;max-width: 45px;}
.edit-sec .text-danger{color: #F73D3D;}

/*---Bake recipe pages----*/
.btn-submit{background: #f17527;font-size: 14px;color: #fff;padding: 4px 10px 2px 10px;}
.btn-submit:hover{color: #fff;}
.bake-main .filter-btn-submit{text-align: right;}
.bake-main .filter-btn-submit .btn-submit{width: 70%;}
.bake-listing{box-shadow: 0px 0px 20px #9A9A9A29;border-radius: 6px;padding: 20px 40px 20px 30px;margin: 20px 0px;;}
.each-bake-list{display: flex;justify-content: space-between;align-items: center;padding: 20px 40px 20px 20px;border-bottom: 1px solid rgba(112, 112, 112, 0.12);}
.each-bake-list span i{color: #2D3A4B;}
.each-bake-list:hover{background: #FFF5E9;}
.bake-name{width: 90%;display: flex;align-items: center;}
.bake-name p{color: #333333;font-weight: 600;margin: 0;}
.bake-name img{width: 100px;height: 60px;object-fit: cover;margin-right: 20px;}

.back-btn-main{margin: 0 0 20px;}
.bake-det-sec1{display: flex;align-items: center;padding: 10px;border-radius: 6px;}
.bake-det-sec1 img{width: 215px;height: 110px;margin-right: 25px;object-fit: cover;}
.bake-det-sec1 p{font-weight: 700;color: #333333;font-size: 20px;font-family: 'Open Sans', sans-serif;}
.bake-det-sec1 p span{color: #F07527;}

.bake-det-sec2{border-radius: 6px;padding: 20px;margin-top: 15px;max-height: 70vh;overflow: auto;}
.bake-det-sec2 h3{font-size: 18px;color: #333333;font-weight: 700;margin: 0px 0 20px;padding: 0 0 20px;border-bottom: 1px solid rgba(112, 112, 112, 0.08);}
.bake-det-sec2 p,.bake-det-sec2 li{color: #0B1727;font-weight: 600;list-style: none;padding: 0 0 15px;}
.bake-det-sec2 li:last-child{padding: 0;}
.bake-det-sec2 ul{padding: 0;}
.clr-orange{color: #F07527 !important;}
.bake-det-sec2-each{margin-bottom: 35px;}
.bake-det-sec2-each:last-child{margin-bottom: 0;}
.bake-det-sec3{border-radius: 6px;padding: 15px;}
.bake-det-sec3 p{font-size: 20px;color: #333333;font-weight: 700;margin-top: 20px;}
.bake-det-sec3-btns{text-align: center;margin: 40px 0 0 0;}
.bake-det-sec3-btns .btn{margin: 0 20px;}
.bake-det-sec3-btns .btn:hover{opacity: .7;color: #fff;}
.btn-grey{background: #333333;color: #fff;padding: 6px 15px;}
.btn-grey:hover{color:#fff !important;}
.btn-orange{background: #F17527;color: #fff; border:0; padding: 6px 10px;}
.btn-orange:hover, .btn-orange:focus{background:#da5434; border-color:#da5434; color: #fff;}

.link-btn-orange{color:#F07527; display:inline-block; background:transparent; border:0;}
.link-btn-orange:hover, .link-btn-orange:focus{color:#F5603D}
.link-btn-orange svg{vertical-align:middle}
.link-btn-orange:hover svg path{fill:#F5603D; stroke:#F5603D}

.link-btn-red{color:#f55753; display:inline-block; background:transparent; border:0;}
.link-btn-red:hover{color:#d03b37;}

/*--scrollbar style--*/
.bake-det-sec2::-webkit-scrollbar {width: 7px;} 
.bake-det-sec2::-webkit-scrollbar-track {background:#f1f1f1;border-radius: 50px;} 
.bake-det-sec2::-webkit-scrollbar-thumb {background-color: #F5603D;outline: 1px solid #F5603D;border-radius: 50px;}
/*--scrollbar style end--*/

.bake-steps-wrap{position: relative;margin: 10px 20px;padding: 0 45px;}
.bake-steps {max-width: 93%;margin: 1em auto;overflow-x: hidden;overflow-y: hidden;margin-bottom: 30px;}
  
.steps-list {text-align: center;box-sizing: border-box;white-space: nowrap;overflow: hidden;-webkit-overflow-scrolling: touch;padding: 0;margin: 0;}
.steps-list  .item {position: relative; display: inline-block;padding-right: 45px;height: 100%;box-sizing: border-box;}
.steps-list  .item:last-child{padding-right: 0;}
.steps-list  .item:after{content: ''; position: absolute;height: 1px;width: 90%;background:#CBCBCB;top: 17px;}
.steps-list  .item:last-child:after{content: none;}
.paddle {position: absolute;top: 0;bottom: 0;width:30px;}

.paddle{background: #fff;padding: 0;border: 0;}
.paddle:focus{box-shadow: none;outline: none;}
.left-paddle {left: 0;}
.right-paddle {right: 0;}
.disabled {filter: grayscale(100%);}

.steps-list .item.active .btn{background-color: #f5603d;border-color: #f5603d;}
.steps-list .item .btn{background-color: #CBCBCB;border-color: #CBCBCB;color: #fff;}
.paddles .arrow-left {transform: rotate(180deg);}
.pt-10{padding-top: 10px !important;}

.content-formset .select2-container{min-width: 100%;width: 100% !important;}


/*---- Product Setup page styles ----*/
.prd-stup-result-area{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    -ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18); padding:20px;}
.prd-stup-result-area .left-area{border-right:1px solid #d6d6d6;}


/*---- Product Setup page styles/ ----*/



.date-time-inline-sec .bootstrap-datetimepicker-widget .row{display:flex; align-items:center;}
.date-time-inline-sec .bootstrap-datetimepicker-widget{width:520px;}
.date-time-inline-sec .bootstrap-datetimepicker-widget .btn{box-shadow:none; padding:0}
.date-time-inline-sec .bootstrap-datetimepicker-widget .btn.btn-primary{padding:5px; -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);}
.date-time-inline-sec .bootstrap-datetimepicker-widget .timepicker-picker a{color:#000;}
.date-time-inline-sec .bootstrap-datetimepicker-widget .timepicker-picker a:hover{color:#f5603d; opacity:1;}
.date-time-inline-sec .bootstrap-datetimepicker-widget table td.active, .date-time-inline-sec .bootstrap-datetimepicker-widget table td.active:hover{background:#f5603d !important;}
.date-time-inline-sec .datepicker table tr td.today{background-color:#f17527; border-color:#f17527; color:#fff;}
.date-time-inline-sec .datepicker table tr td.today:hover{background-color:#f5603d; border-color:#f5603d;}
.date-time-inline-sec .bootstrap-datetimepicker-widget thead tr:first-child th:hover .glyphicon{color:#f5603d;}


.cardpointe-btn
{
    background: #EFEFEF;
    border-radius: 4px;
    display:inline-block;
    padding:2px 10px;
}


.head-cout-icon-box{background:#fff; box-shadow:10px 12px 12px #B1AFAF12; border-radius:5px; padding:30px 20px; display:flex; align-items:center; justify-content:space-between; height:100%;}
.head-cout-icon-box .title4{font-size:18px; font-weight:600; color:#909094; margin:0 0 12px;}
.head-cout-icon-box .title2{font-size:28px; font-weight:600; color:#323439; margin:0;}
.dashboard-graph-area{background:#fff; box-shadow:10px 12px 12px #B1AFAF12; border-radius:5px; padding:50px;}
.graph-info-area{padding:0;}
.graph-info-area li{font-size:18px; font-weight:600; color:#323439; list-style:none; position:relative; padding:0 0 0 25px; margin:0 25px 0 0;}
.graph-info-area li:after{content:""; width:16px; height:16px; background:#1B61EC; border-radius:50%; display:block; position:absolute; top:5px; left:0;}
.graph-info-area li:nth-child(2):after{background:#0ED2E1;}
.graph-info-area li:nth-child(3):after{background:#FF0000;}

.show-hide-btn{border-radius:4px;}
.show-hide-btn i{font-size:10px; font-weight:bold; color:#f17527;}

.dashboard-graph-area .ct-bar{width:8px;}
.dashboard-graph-area .ct-series-a .ct-bar, .dashboard-graph-area .ct-series-a .ct-line, .dashboard-graph-area .ct-series-a .ct-point, .dashboard-graph-area .ct-series-a .ct-slice-donut{stroke:#1B61EC;}
.dashboard-graph-area .ct-series-b .ct-bar, .dashboard-graph-area .ct-series-b .ct-line, .dashboard-graph-area .ct-series-b .ct-point, .dashboard-graph-area .ct-series-b .ct-slice-donut{stroke:#0ED2E1;}
.dashboard-graph-area .ct-series-c .ct-bar, .dashboard-graph-area .ct-series-c .ct-line, .dashboard-graph-area .ct-series-c .ct-point, .dashboard-graph-area .ct-series-c .ct-slice-donut{stroke:#FF0000;}
.dashboard-graph-area .ct-label{font-size:14px; color:#8898AA}
.dashboard-graph-area .graph-left-label .title4{transform:rotate(-90deg); width:100%; height:70px; margin:0; white-space:nowrap;}
.dashboard-graph-area .ct-chart-bar .ct-label.ct-horizontal.ct-end{margin-top:15px;}
.dashboard-graph-area .ct-label.ct-vertical.ct-start{margin-left:-10px;}

/******************** Link listing and Upload listing ********************/
.linking-list{padding:0;}
.linking-list>li{list-style:none; padding:10px 15px 10px 40px; position:relative; display:flex; align-items:center; min-height:50px;}
.linking-list>li:nth-child(odd){background:#f2f2f2;}
.linking-list>li::before{content:"\25ce"; color:#f17527; margin:-2px 10px 0 0; position:absolute; left:15px;}
.linking-list>li>a{color:#383e41; display:flex; align-items:center;}
.linking-list>li>a i{font-size:20px; background:#fff; -moz-box-shadow:1px 1px 4px rgb(0 0 0 / 30%); -webkit-box-shadow:1px 1px 4px rgb(0 0 0 / 30%);
box-shadow:1px 1px 4px rgb(0 0 0 / 30%); border-radius:50%; width:20px; height:20px; text-align:center; margin-left:10px; color:#f5603d; -webkit-text-stroke:1px white;}
.linking-list>li>a:hover {color:#f05f3c;}
.linking-list>li>a:hover strong{text-decoration:underline;}
.linking-list>li>a:hover i{background:#f05f3c; color:#fff; -webkit-text-stroke-color:#f05f3c;}

.linking-list.green-list>li::before, .linking-list.green-list.list-cont-column>li .list-point::before{color:#10cfbd;}
.linking-list.green-list>li>a:hover{color:#10cfbd;}

.upload-btn-green{background:transparent; border:0; outline:0;}
.upload-btn-green img{margin-left:10px;}
.upload-btn-green:hover{color:#10cfbd;}

.linking-list.green-list .upload-btn-green{text-align:left; display:flex;}
.linking-list.green-list .dropdown.open{color:#10cfbd;}
.linking-list.green-list .dropdown-menu.export-menu{min-width:230px}

.linking-list.list-cont-column>li{padding:0 15px;}
.linking-list.list-cont-column>li::before{display:none;}
.linking-list.list-cont-column>li .list-point-out{border-right:1px solid #d2d2d2; padding-top:10px; padding-bottom:10px}
.linking-list.list-cont-column>li .list-point-out:last-of-type{border:0;}
.linking-list.list-cont-column>li .list-point{display:block; padding:0 0 0 20px;}
.linking-list.list-cont-column>li .list-point::before{content:"\25ce"; color:#f17527; margin:1px 10px 0 0; position:absolute; left:15px;}
/******************** Link listing and Upload listing/ ********************/


.checkbox-orange input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .checkbox-orange label {
    position: relative;
    cursor: pointer; font-size:14px; color:#383e41;
  }
  .checkbox-orange label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #F17527;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right:10px; border-radius:4px
  }
  .checkbox-orange input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #F17527;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

/******************** Item box styles ********************/
.cart-item{border:1px solid #d6d6d6; padding:20px; margin-bottom:30px;}
.cart-item .cart-item-thumb{width:120px;}
.cart-item .thumb-cart-fit { 
	min-height: 120px; 
	max-height: 120px; 
	line-height: 120px; 
	text-align: center;
}
.cart-item .thumb-cart-fit img { 
    max-height: 120px; 
    display: inline-block; 
    object-fit: contain; 
}

.cart-item .cart-info-box { 
	margin-left: 135px; 
} 
.cart-item .cart-info-box h2 { 
    font-size: 18px; 
    color: #4d4d4d; 
    font-weight: 500; 
    margin: 0px 0 12px;
}
.cart-item .cart-info-box h2 a { 
    color: #4d4d4d; 
}
.cart-item .cart-info-box h2 a:hover, .cart-item .cart-info-box h2 a:focus {
    color: #f17527;
} 

.cart-item .spec-label { 
	font-size: 14px; 
	font-weight: 600; 
	color: #585858; 
}
.cart-item .cart-qnty-box { 
	margin-bottom: 15px; 
}
.cart-item .cart-qnty-box .quantity-box { 
    margin-top: 15px;  
}
.cart-item .cart-qnty-box .quantity-box .quantity-group { 
    width: 35%;
} 
.cart-item .cart-qnty-box .quantity-box .quantity-group .form-control { 
    text-align: center; 
    height: 35px; 
    font-size: 15px; 
    padding-left: 5px;
    padding-right: 5px; min-width:50px;
} 
.cart-item .cart-qnty-box .quantity-box .quantity-group .btn { 
    height: 35px; 
}
.cart-item .cart-qnty-box .option-label { 
    text-transform: uppercase; 
    font-size: 14px; 
    font-weight: 600; 
    min-width: 150px;
}
.cart-item .subtotal-col .arial-font { 
		font-size: 18px; 
	}
.cart-item .remove-col a{color:#555555;}

.cart-item .subtotal-col-strike { 
	text-decoration: line-through; 
	color: #f00; 
	margin-bottom: 0; 
}

.cart-item .subtotal-col-strike .spec-label { 
		color: #f00; 
		font-size: 12px; 
	}
.cart-item .price-strike {
	color: #f00; 
	font-size: 14px; 
	font-family: Arial; 
	text-decoration: line-through; 
	margin-right: 4px;
}

.cart-price-wrap .add-product-box .btn { 
    width: 100%; 
    margin-left: 0; 
    margin-bottom: 10px; 
}
@media (max-width:991px){
    .cart-item .cart-item-thumb{width:100px;}
    .cart-item .cart-info-box{margin-left:115px;}
    .cart-item .cart-qnty-box .quantity-box .quantity-group {width:38%;}
    
}
@media (max-width:767px){
    .cart-item{padding:15px; margin-bottom:15px;}
    .cart-item .cart-item-thumb{width:60px;}
    .cart-item .thumb-cart-fit{line-height:65px;}
    .cart-item .cart-info-box{margin-left:70px;}
    .cart-item .cart-info-box h2{font-size:14px;}
    .cart-item .spec-label{font-size:12px;}
    .cart-item .cart-qnty-box .quantity-box{margin-top:0;}
    .cart-item .cart-qnty-box .quantity-box .quantity-group{width:90%;}
    .cart-item .cart-qnty-box .quantity-box .quantity-group .form-control, .cart-item .cart-qnty-box .quantity-box .quantity-group .btn{height:30px;}
    .cart-item .cart-qnty-box .option-label{font-size:12px; margin-bottom:5px;}
}
/******************** Item box styles/ ********************/


@media (min-width:768px) and (max-width:1024px) {
.rec-cat-wrap{flex-wrap: wrap;}
.each-r-category {width: 30%;margin-bottom: 20px;}
/*--added 8/02/21---*/
.bake-listing{padding: 0;}
.bake-det-sec1 {display: block;}


}
@media only screen and (min-width:768px) and (max-width:991px) {
     #wrapper #sidebar-nav, #wrapper .main { padding-top: 54px; }
     .navbar-fixed-top .brand  { padding: 7px 20px; }
     .navbar-fixed-top .brand .logo { width: 110px; }
     .navbar-fixed-top .navbar-nav > li > a { padding: 7px 10px; }
     #wrapper .btn-toggle-fullwidth { top: 10px; }
     .sidebar .nav > li > a { font-size: 14px; }
     .time-zone-header{margin-top:10px}
     .navbar-nav .user-name { line-height: 54px; font-size: 14px; }
     .date-pick-box .form-control { max-width: 100px; }
     .filter-dropd .dropdown-menu { min-width: 200px; }
     .cutomer-detail-info .custom-tab ul > li:first-child { margin-left: 5px; }
     .custom-tab ul > li a { font-size: 12px; padding-left: 12px; padding-right: 12px; }
     .custmr-top-btngrp { padding-left: 0; }
     .custmr-top-btngrp .btn-normal { padding-left: 10px; padding-right: 10px; min-width: 100px; margin-left: 10px; }
     .trans-date-crted { min-width: 150px; }
     .social-urlbox { width: 75%; }
     .profile-wrap .btn-normal { margin-left: 0!important; min-width: 140px!important; }
     .profile-tabwrap-right .cutomer-namebox { padding-left: 10px; }
     .err-msg-section h1 { font-size: 65px; }
     .exp-imp-dropbox a.btn-secondary, .exp-imp-dropbox a.btn-primary { padding-left: 20px; padding-right: 20px; }
     .batch-dropdown { min-width: 290px!important; }
}
@media screen and (max-width: 767px) {
     .navbar-fixed-top .brand  { padding: 7px 20px; }
     .navbar-fixed-top .brand .logo { width: 110px; }
     .navbar-fixed-top .navbar-nav > li > a { padding: 7px 10px; }
     .navbar-nav .user-name { line-height: 54px; font-size: 14px; }
     .layout-fullwidth #wrapper .btn-toggle-fullwidth { top: 10px; }
     .sidebar .nav > li > a { font-size: 14px; }
     footer { padding-left: 0; }
     .filter-topfix { margin-top: 15px; margin-bottom: 15px; }
     .filter-topfix .form-control.disply-num { max-width: 75px; display: inline-block; }
     .filter-topfix .form-control-static { display: inline-block; }
     .filter-topfix .date-pick-box { margin-left: 0; }
     .tabl-search { padding-left: 15px; }
     .tabl-search .input-group { margin-top: 15px; }
     .table-responsive .table  { margin-top: 0; }
     .cutomer-detail-info .custom-tab ul > li:first-child { margin-left: 5px; }
     .cutomer-namebox { padding-left: 10px; }
     .custmr-top-btngrp .btn { margin-left: 10px; margin-top: 10px; }
     .custmr-trans-fltr .form-control { margin-bottom: 5px; }
     .trans-date-crted { margin-bottom: 5px; }
     .trans-date-crted .form-control { margin-bottom: 0; }
     .offset-bg-blue { padding: 0 20px; }
     .social-urlbox { width: 74%; margin-left: 5px; }
     .open-time-entry { padding-left: 15px; }
     .social-urlbox { clear:both; margin-bottom: 15px; width: 100%; }
     .social-ico { margin-bottom: 0; clear: both; }
     .prdct-fltr-top .pl-0 { margin-bottom: 10px; padding-left: 15px!important; }
     .prdct-fltr-top .store-select { margin-top: 10px; }
     .srch-optn { width: inherit; }
     .prdct-top-search .btn-grey { margin-bottom: 10px; }
     .setng-label span.pull-right { float: none !important; margin-left: 2px; }
     .profile-tabwrap-right { margin-top: 0; margin-bottom: 0; }
     .profile-tabwrap-right .custom-tab ul > li a { padding-left: 20px; padding-right: 20px; }
     .scroll-panel { padding-right: 0; padding-left: 0; }
     .activity-centered .activity-entry .activity-label h2 span { display: block; float: none!important; margin-top: 4px; }
     /* === Error Page ===*/
     .err-msg-section h1 { font-size: 60px; }
     .err-msg-section h3 { font-size: 14px; }
     .err-msg-section p { font-size: 12px; }
     .err-msg-section img { width: 60%; }
     .multiselect-container.dropdown-menu { min-width: 100%; max-height: 300px; }
     .batch-dropdown { min-width: 265px!important; }
     .batch-options .filter-option ul li label { font-size: 11px !important; }
     .add-newprd-box .form-control { max-width: 100%; margin-left: 0; margin-top: 5px; }
     .add-newprd-box .btn-info { margin-left: 0; margin-top: 10px; margin-bottom: 20px; }
     .theme-edibox .setng-label + .tooltip { max-width: 220px; }

     /*--added 14/01/21--*/
     .recipe-menu {width: 100%;}
     .rec-cat-wrap{flex-wrap: wrap;}
     .each-r-category {width: 100%;margin: 0 0 15px 0;}

     /*--added 8/02/21---*/
     .bake-listing{padding: 0;}
     .each-bake-list{padding: 15px;}
     .bake-main .filter-btn-submit .btn-submit{width: 100%;}
     .bake-main span.multiselect-native-select select.form-control{margin-bottom: 10px;}
     .bake-listing-in{padding-right: 0;}
     .bake-det-sec1 {display: block;}

     .with-left-side-tab{flex-direction:column}
     .with-left-side-tab .custom-tab.left-side-tab{margin:0 0 20px;}
     .with-left-side-tab .tab-content{width:100%;}
}
@media only screen and (min-width:992px) and (max-width:1024px) {
     .navbar-fixed-top .navbar-nav > li > a { padding: 12px 15px; }
}

@media only screen and (min-width:992px) {
     .show-store-drop { width: 32.5%; }
     .show-web-drop { width: 22.5%; }
     .show-carg-drop { width: 20%; }
     /*.table thead th.maxper-cart-th { width: 120px; }*/
     /*.table thead th.showweb-th { width: 130px; }*/
     .table thead th.priceshow-th { width: 135px; }
     .table thead th.summaryshow-th { width: 210px;}
}
@media only screen and (min-width:992px) and (max-width:1400px) {
    .table thead th.title-show-th { width: 360px;}
    /* === planlist ===*/
    .plan-detail .modal-dialog{   width: 90%;transform: translate(0%, -50%) !important;-ms-transform: translate(0%, -50%) !important;-webkit-transform: translate(0%, -50%) !important;}

    /* === planlist ===*/
}
@media only screen and (min-width:1400px) {
     .theme-edibox { padding-bottom: 130px; }
}

.custmr-dtl-box{margin:0 0 20px}
.custmr-dtl-box .left-area{padding-right:30px}
.custmr-dtl-box .left-area .btn-area{display:-webkit-box;display:-ms-flexbox;display:flex; justify-content:space-between; margin:20px 0 0 0;}
.custmr-dtl-box .right-area{border-left:1px solid #d6d6d6; padding-left:30px}
.user-list{padding:0; columns:2; -webkit-columns:2; -moz-columns:2;}
.user-list li{list-style:none; margin:0 0 8px; list-style:none; font-size:13px}
.cstm-popup .modal-header h4{margin:0}
.cstm-popup .modal-dialog{width:100%; max-width:900px;}
.cstm-popup .modal-body{padding:15px;}

.radio-horzndl-list li{list-style:none; margin:0 10px 0 0}
.radio-horzndl-list li input{display:inline-block; vertical-align:sub}

.cart-item-qty input{max-width:80px;}
.cart-item-qty {min-width:150px;}
.cart-item-qty .btn-save{padding:6px; margin-left:0!important;}
.cart-item-unit-price input{max-width:90px;}
.cart-item-unit-price {min-width:150px;}
.cart-item-unit-price .btn-save{padding:6px; margin-left:0!important;}
.cart-item-physical_card_code input{max-width:200px;}
.cart-item-physical_card_code {min-width:150px;}
.cart-item-physical_card_code .btn-save{padding:6px; margin-left:0!important;}
.bulk-update-line-qty {margin-left: 57px!important;}

.register-padding{ padding:3px !important; }

.cookie-section {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #414042;
    color: #fff;
    padding: 15px;
    display: None;
}

.cookie-section .cookie-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cookie-section .cookie-banner p {
    margin: 0
}

.cookie-section .cookie-banner a {
    text-decoration: underline;
    color: #fff;
    margin: 0 5px;
}

.cookie-section .cookie-banner .right-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
}

@media screen and (min-width: 992px) {
    .wd-36 {
        padding-right: 0;
    width: 36%;
    }

    .wd-60 {
        width: 60%;
        padding: 0;
    }
}



.header-notification .dropdown-menu {
    min-width: 450px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 20px #0000001F;
border-radius: 10px;
border: none;
padding: 29px;
top: 63px;
}
.header-notification  .notification-header {
    display: flex;
    justify-content: space-between;
}
.header-notification .dropdown-menu:after, .header-notification .dropdown-menu:before {
    display: none;
}
.notification-header {
    margin: -29px -29px 15px;
    padding: 20px 29px;
    border-bottom: 1px solid #ddd;
}
.notification-header h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.notification-header a.text-primary{
    padding: 0 !important;
    margin: 0 !important;
    height: 28px;
    display: flex;
    align-items: center;
    color: #F17527 !important;
}
.header-notification li.notification-item {
    display: flex;
    align-items: center;
    margin-top: 32px;
    position: relative;
}
.header-notification li.notification-item:first-child{
    margin-top: 0;
}

.notification-unread .notification-text p {
    font-weight: 600;
}
.notification-dropdown-menu{
    max-height: 50vh;
    min-height: 300px;
    overflow-y: auto;
}
.notification-text p {
    margin-bottom: 4px;
    color: #0B1727;
    line-height: 19px;
    font-size: 14px;
}
.header-notification .notification-text {
    margin-left: 10px;
    padding-right: 10px;
}
span.notification-unread {
    position: absolute;
    right: 0;
    top: 0;
}
.notification-icon .img-circle {
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: left top;
}
.header-notification small.notification-time {
    font-size: 12px;
    color: #868686;
}
.header-notification {
    margin-bottom: 0;
}
.header-notification li {
    list-style: none;
}
.header-dropdown-icon-wrap .noti-icon-outer {
    display: inline-block;
}
.header-dropdown-icon-wrap .notification-icon-bg{
    display: inline-flex;
    background: #F5F5F5;
    line-height: normal;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    align-items: center;
    justify-content: center;
}
.header-dropdown-icon-wrap {
    margin-right: 30px;
   display: inline-flex;
   align-items: center;
   height: 64px;
}
span.notification-indication {
    position: absolute;
    top: 10px;
    line-height: normal;
    right: -2px;
}
.notification-header a:hover {
    background-color: transparent !important;
}

.notification-indication {
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.notification-indication svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.notification-count {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    color: white;
    font-weight: bold;
    pointer-events: none;
    z-index: 1;
}
.billing-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.billing-help-text {
    font-size: 12px;
    margin-bottom: 20px;
}

#imagePreview {
    max-width: 100%;
    height: auto;
  }
  
  .custom-upload-btn-wrap {
    input#id_productImage {
      flex: 1;
      padding: 0;
      border: none;
      height: auto;
      font-size: 12px;
      margin-left: 3px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      display: none;
      &:focus {
        outline: none;
        box-shadow: none;
      }
    }
    input[type="file"]::-webkit-file-upload-button {
      display: none;
    }
  }
  .upload-icons-wrapper {
    gap: 6px;
    z-index: 100;
    left: 0;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px 4px 0 0;
    margin: -15px -15px 0;
  }
  
  .upload-delete-icon,
  .custom-upload-btn-wrap {
    background: #ddd;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    .custom-upload-btn {
      margin-bottom: 0;
      cursor: pointer;
      span {
        color: #f17527;
      }
    }
  }
  
  .upload-delete-icon a {
    color: gray;
    cursor: pointer;
  }
  .prdct-main-slide.p-relative {
    position: relative;
  }
  .no-product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    font-size: 18px;
    color: #8c8585;
    background: #f0f0f0;
    top: 10px;
    border-radius: 4px;
    bottom: 0;
  }
  .switch-store-select-wrap {
    position: fixed;
    right: 109px;
    bottom: 20px;
    width: 300px;
}
  .switch-store-select-wrap .selectbox-blue.form-control  {
    width: 100% !important;
}