@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700");
:root{
    --project-color-1:#415da1;
    --project-color-2: #e4573d;
    --project-color-3: #fff;
}
.nomargintop{margin-top:0px;}
.nomargin{margin:0px;}
.mt1per{margin-top:-8%;}
.mt2per{margin-top:2%;}
.mt4per{margin-top:4%;}
.mt6per{margin-top:6%;}
.mt10per{margin-top:10%;}
.mtb2per{margin:2% 0;}
.mr2per{margin-right:2%;}
.ml2per{margin-left:2%;}
.mr7per{margin-right:7%;}
.mt14_1per{margin-top:14.1%;}
.mb2per{margin-bottom:2% !important;}

.nopaddingleft{padding-left:0px;}
.nopadding{padding:0px !important;}
.width8per{width:8%;}
.width10per{width:10%;}
.width12per{width:12%;}
.width15per{width:15%;}
.width16per{width:16%;}
.width25per{width:25% !important;}
.width100per{width:100%;}
.color999{color:#999;}
.form-control:focus{outline:0;}
.nobordertop{border-top:none;}
.badge-default {
    background: transparent;
    border:1px solid #9A9A9A;
    color: #9A9A9A;padding: 6px 15px;
    border-radius: .2rem;
}

.badge-primary {
    background: transparent;
    border:1px solid #49c5b6;
    color: #49c5b6;padding: 6px 15px;
    border-radius: .2rem;
}

.badge-info {
    background: transparent;
    border:1px solid #3C89DA;
    color: #3C89DA;padding: 6px 15px;
    border-radius: .2rem;
}

.badge-success {
    background: transparent;
    border:1px solid #22af46;
    color: #22af46;padding: 6px 15px;
    border-radius: .2rem;
}

.badge-warning {
    background: transparent;
    border:1px solid #f3ad06;
    color: #f3ad06;padding: 6px 15px;
    border-radius: .2rem;
}

.badge-danger {
    background: transparent;
    border:1px solid #de4848;
    color: #de4848;padding: 6px 15px;
    border-radius: .2rem;
}

.badge-default:hover {background: #9A9A9A;color:#fff;}

.badge-primary:hover {
    background: #49c5b6;color:#fff;
}

.badge-info:hover {
    background: #3C89DA;color:#fff;
}

.badge-success:hover {
    background: #22af46;color:#fff;
}

.badge-warning:hover {
    background:#f3ad06;color:#fff;
}

.badge-danger:hover {
    background:#de4848;color:#fff;
}

body{font-family: "Ubuntu", sans-serif;}
.bgcolor{background:#f4f7f6;}
.rightsidesection{width:100%;margin-bottom:2%;float:left;}
.navbar-fixed-top {position: fixed;width:auto;background: #fff;z-index: 99;border-bottom: 1px solid #eee;height:61px;line-height:61px;}
.navbar-fixed-top a{font-size:30px;color: #16b6d2;text-decoration: none;}
.navbar-fixed-top a img{max-width:40px;margin-right:10px;}
.navbar .brand{xpadding: 20px 0 0px;}
#left-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:19%;height: 100%;  float: left;margin-top:12px;position: fixed;left: 5px;background-color: #f4f7f6;z-index: 9;}
.userprofile_photo{width: 50px;height: 50px;border-radius: 50px;float: left;border:2px solid #dfdfdf;margin:2%;}
.profiledesc{width:74%;float:left;}
.profiledesc span{float: left;width: 79%;padding: 2%;}
.profiledesc .user-name{padding: 2%;width:79%;float:left;}
.profiledesc a{text-decoration:none;color:#5a5a5a;}
.dropdown-toggle::after {display: inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content: "";border-top: .3em solid;border-right:.3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.dropdown-menu-right.account{transform:none !important;border: none;box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
                             padding: 15px;background: #17191c;border-radius: .55rem;}
.adminaccount{width:100%;height:45px;}
.dropdown-menu-right.account li{border-bottom:none; border-color:#999;}
.dropdown-menu-right.account a{color:#999;padding:10px;}
.dropdown-menu-right.account a i{margin-right:10%;}
.accountdesc{height:auto;overflow:hidden;width:96%;float:left;}
.accountdesc li{list-style:none;border-bottom:none !important;}
.accountdesc span{font-weight:bold;width:100%;float:left;padding-top:5%;}
.dropdown-menu.account{top:50px !important;}
.nav#side-menu li a i{color:#49c5b6;margin-right:20px;font-size:20px;}
.rightside-bar{-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:80%;float: right;    position: relative;padding:0px;}
.sidebar.active{margin-left: -250px;}
.page-header h2{font-size:22px !important;}
.page-header i{color: #0056b3;float: left;padding: 5px 14px 0 0;font-size:14px;}
.productdesc_card{background: #fff;transition: .5s;border: 0;border-radius:.55rem;position: relative;width: 100%;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);padding:20px;height: auto;overflow: hidden;}
.productdesc_card .desc h3{margin:10px 0px;font-size:27px;}
.progresscardbottom{height:5px;border-radius:0px 0px 28px 30px;}
.reporttitle h3{margin-top:0px;font-size:16px;margin-bottom:2px;}
.reporttitle small{font-size:13px;}
#piechart{height:201px;}
.table .thead-dark th {color: #fff;background-color: #212529;border-color: #32383e;}
.table .thead-dark th{height:35px;line-height:35px;}
.table tbody tr{height:40px;line-height:40px;}
.table .thead-success th {color: #fff;background-color: #22af46;border-color: #22af46;}

/* Customers page */ 
.table-responsive .table th a{text-decoration:none;color:#fff;}

/* Customers form page */
.form-inline.customerform .input-group{width:100%;float:left;}
.form-inline.customerform .input-group .checkbox label{font-size:16px;color: #777;padding: 5px 0;}
.form-inline.customerform .input-group .checkbox label{margin-right: 5px;vertical-align:top;}
.alert.alert-error{background:#f44336;color:#fff;}
.alert.alert-success{background:#4CAF50;color:#fff;}
.closebtn{float: right;font-size: 35px;cursor: pointer;}
.formctrlmargin .form-control{margin-left:2%}
.formctrlmargin{padding-left:3%;}
.ddstatus{width:65%;float:left;}
.form-inline.customerform.onlyinput .form-control{width:100%;float:left;}
.form-inline.customerform.onlyselect .form-control{width:100%;}
.form-inline.customerform.onlyselect .form-group{width:100%;float:left;}
.reporttitle.sales{float:left;width:100%;margin-top:1%;}
.customerform .table-hover>tbody>tr:hover{background:none;}
.info.badge-info{margin:0.5% 1% 0%;}
.tab-content.form-inline.customerform textarea.form-control{height:100px;}
.tab-content input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn.btn-file{border-radius:0px 4px 4px 0;}
.nav.nav-tabs>li>a:hover{    border-bottom: 2px solid #49c5b6 !important;    color: #49c5b6;}
.form-inline.right{float:right;width:62%;}
.formcontroltable{display: block;
                  width: 100%;
                  height: 34px;    
                  font-size: 14px;
                  line-height: 1.42857143;
                  color: #555;
                  padding:0px 5px;
                  background-color: #fff;
                  background-image: none;
                  border: 1px solid #ccc;
                  border-radius: 4px;
                  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#product_info .input-group-addon{width:30%;}
#product_info .form-control{width:100%;}
#specs .form-control{width:100%;}
#specs2 .form-control{width:100%;}
.title.reporttitle{float: left;    width: 100%;    padding: 2% 0;}
.productsect{background:#fff;padding-bottom:2%;float:left;}
.col-lg-4.productsect .input-group{width:100%;}
.col-lg-4.productsect .input-group-addon{width:35%;height:45px;}
.col-lg-4.productsect .form-control{height:45px;}
#product_categories .table>tbody>tr:first-child td{border-top:none;}
#product_categories	.productdesc_card {border:1px solid #dee2e6}
.login_left{background:#000;height:1000px;padding:0;position:absolute;display:table;width:400px;}
.login_right{background:#ebecee;padding:0;position:absolute;}
.loginsection{margin-left: 130px;position:absolute;width:380px;margin-top:5%;}
.logininnersect{background:#fff;
                transition: .5s;padding:10px;
                border: 0;float:left;
                margin-bottom: 30px;
                border-radius: .55rem;width:100%;margin-top:2%;
                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
.loginsection img{max-width: 12%;float:left;    margin:0 3%;}
.loginsection a{color:#fff;font-size: 30px;    padding-top: 2%;    float: left;}
.loginsection a:hover{text-decoration:none;}
.headtitle{color: #444;    padding: 10px 20px;    position: relative;    box-shadow: none;}
.headtitle p{font-size: 18px;}
.bodylogin{color: #444;    padding: 10px 20px;    font-weight: 400;}
.bodylogin input[type=checkbox]{margin-top: 5px;    float: left;    margin-right: 5px;}
.bodylogin .loginrem{font-size: 14px;
                     font-weight: normal;
                     vertical-align: middle;}
.loginregister{text-align:center;}
.loginregister span{margin-right:2%;color:#444;}
.loginregister a{color: #007bff;width:100%;margin:3% 0;
                 font-weight: 400;
                 font-size: 14px;
                 text-align: center;}
.tab-content.customerform{width:100%;float:left;height:auto;}
.form-control#product_list{min-height:110px;}
.form-control#product_list option{padding:5px 0;}
.addrelatedproduct{float:left;margin:2% 0;}
.addrelatedproduct:hover{text-decoration:none;}
.banner_uploadimg{text-align:center; padding:5px;border:1px solid #ccc;height:auto;}
.banner_uploadimg img{max-width:100%;}
#content_tab .input-group-addon{width:25%;}
#content_tab .form-control{width:75%;}
.admin_address{padding:0px;margin-top:2%;}
.admin_address .reporttitle{width:auto;float:left;}
.noaddressdetails{width:100%;text-align:center;padding:2% 0;float:left;}
.orderstatus .btn i{color:#000;}
.orderstatus .btn.btn-danger i{color:#fff;}
.orderstatus #new_order_status_field{color:#000;}
.admin_setting .reporttitle h3{padding-bottom:2%;}
.admin_setting .productdesc_card.customerform{margin-top:2%;}
.desc.form-control{height:100px !important;}
.input-group-addon.addonright{width:auto !important;height:45px;}
.countryzonearea .form-group{width:100%;}
.alert{width:100%;text-align:center;padding:1%;margin:2% auto;}
.alert .closebtn{font-size:30px;line-height:17px;}
.paginationsection{height:70px;}
.pagination{width:100%;}
.pagination ul{list-style:none;}
.pagination ul li{display:inline-block;background:#2e6da4;height:30px;width:30px;border-radius:100px;text-align:center;line-height:30px;margin-right:.5%;}
.pagination ul li a{color:#fff;text-decoration:none;}
.thead-dark{background:#212529;}
.salesorder .formctrlmargin .form-control{width:31%;}

.cmpylogo{margin:2% 0;}
/* width */
::-webkit-scrollbar {
    width: 5px;height:5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #c2c2c2; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.productsect select{border-radius:4px !important;}
.mediaproductformbtn{width:100%;float:left;margin:0 0 1% 0;}
#product_photos textarea{border:1px solid #ccc;border-radius:4px;width:100%;}
a.brand span,
a.beforeloginadmin span{
    color: #cb2d41;
}

a.brand,a.beforeloginadmin{
    font-size: 30px;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #175ca4;
}

.productspecs .input-group-addon{
    width:30% !important;
}

.productsectcheckbox .input-group-addon{
    width:85% !important;
}

.productsectcheckbox .form-control{
    margin:0;
}

.orderinfo{padding-bottom:2% !important;}
.adminstatus .form-control{width:50%;}
.adminstatus textarea.form-control{height:100px;}
.beforeloginright{
    width:60%;
    float:right;
    margin-top:9%;
}

#orderss>thead>tr>th ,#products-table >thead>tr>th{
    vertical-align: middle;
}
#orderss .thead-dark th,#products-table .thead-dark th {
    line-height: unset;
}
#orderss.dataTable thead th, #orderss.dataTable thead td,#products-table.dataTable thead th, #products-table.dataTable thead td {
    text-align: center;
    padding: 0px 15px;
}
#orderss.dataTable thead .sorting:after,#products-table.dataTable thead .sorting:after {
    float: unset;
}
.search-style-2 form input {
    border-radius: 26px 26px 26px 26px !important;
}
.justify-text{
    text-align: justify !important;
}
.leftsidepart{
    text-align: center;
    transform: translate(4%, 100%);
}
#my-current-location {
    cursor: pointer;
    position: absolute;
    z-index: 1000;
    left: 66%;
    top: 26px;
}
.text-left{
    text-align: left;
}
.brand-image-logo-preview-div{
    height: 150px !important;
    text-align: center;
    align-items: center;
}

.brand-image-logo-preview{
    width: 100%;
    height: -webkit-fill-available;
}
.brand-list-table-logo{
    width: 100px;
    height: 50px;
}
.h50{
    height: 50px !important;
}
.redactor_box{
    width: 50%;
}
@media only screen and (max-width: 450px){
    .leftsidepart{
        text-align: center;
        transform: unset;
    }
    #my-current-location {
        left: 63%;
    }
}



.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.admin-form .section {
    margin-bottom: 15px;
}
.panel.form-panel .panel-heading,.modal-content .modal-header, table.data-table-css thead{
    background: var(--project-color-1);
    color: var(--project-color-3);
}
.btn-first,.btn-first:hover{
    background: var(--project-color-1);
    color: var(--project-color-3);
}
.btn-second,.btn-second:hover,table.data-table-css-second thead{
    background: var(--project-color-2);
    color: var(--project-color-3);
}
fieldset.fieldset-css legend {
    display: block;
    width: unset;
    padding: 5px;
    margin-bottom: 19px;
    font-size: 19.5px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 0;
}
fieldset.fieldset-css {
    border: 1px solid var(--project-color-1);
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

.admin-form .option-primary input:checked + .checkbox, .admin-form .option-primary input:focus + .checkbox, .admin-form .option-primary input:checked + .radio, .admin-form .option-primary input:focus + .radio {
    border-color: var(--project-color-1);
}
.admin-form input:checked + .checkbox, .admin-form input:checked + .radio {
    border: 3px solid var(--project-color-3);
}

.admin-form .option > input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}
.admin-form .option-primary input:checked + .checkbox, .admin-form .option-primary input:focus + .checkbox, .admin-form .option-primary input:checked + .radio, .admin-form .option-primary input:focus + .radio {
    border-color: var(--project-color-1);
}
.admin-form input:checked + .checkbox, .admin-form input:checked + .radio {
    border: 3px solid var(--project-color-3);
}
.admin-form .radio, .admin-form .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    top: 1px;
    vertical-align: bottom;
    border-radius: 20px;
}
.admin-form .checkbox, .admin-form .radio {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: var(--project-color-3);
    display: inline-block;
    border: 3px solid #DDD;
    height: 21px;
    width: 21px;
    top: 4px;
}
.admin-form input:checked + .checkbox:before, .admin-form input:checked + .radio:before {
    display: block;
}
.admin-form .option-primary input:checked + .radio:before, .admin-form .option-primary input:focus + .radio:before {
    background: var(--project-color-1);
}
.admin-form .radio:before {
    margin: 4px;
    width: 7px;
    height: 7px;
    background: var(--project-color-2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.admin-form .checkbox:before, .admin-form .radio:before {
    content: '';
    display: none;
}
.middel-of-screen{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) !important;
}
.product-batch-access-content .batch-access-content{
    display: none;
}
.loader{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 10000;
    display: none;
}

.loader .img-responsive{
    display: block;
    vertical-align: middle;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.chosen-container{
    width: 100% !important;
}
#batchForm .form-group{
    padding-right: 0px;
}
.seller-form-image-preview{
    height: 195px;
    border: 1px dashed black;
    padding: 10px;
    margin-top: 30px;
    width: 100%;
}
.padding-l-r-0{
    padding-left: 0px;
    padding-right: 0px;
}