table,tr,th,td{
    word-break: break-word;
}
#fixed-bg{
width: 100%;
height: 100%;
background: #f6f6f6;
opacity: 0.6;
z-index: 15;
position: fixed;
top: 50px;
cursor: pointer;
display: none;
}
#bg-res{
    width: 100%;
height: 100%;
position: fixed;
left: 0;
background: rgba(0,0,0,.2);
text-align: center;
font-size: 100px;
color: #08213E;
display: none;
z-index: 10000;
top: 0;
}

.div-input-modal{
    display: inline-block;
        width: 220px;
    }
    
    .div-input-modal input{
    width: 100%;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        border: 1px solid #cccccc;
        padding: 5px 10px;
        border-radius: 3px;
        outline: 0;
    }
    .div-input-modal input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }
    .div-input-modal .div-input-modal-result{
        display: none;
        width: 0;
        border: 1px solid #cccccc;
        position: absolute;
        max-height: 200px;
        z-index: 100;
        border-radius: 3px;
        padding: 0.5% 0%;
        background: #ffffff;
        -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
        margin-top: 20px;
        transition:0.5s;
        word-break: break-word;
          box-sizing: border-box;
          overflow: auto;
    
    
    }
    
    .div-input-modal .div-input-modal-result a{
            display: block;
        padding: 1%;
        color: #444449;
    
    }
    .div-input-modal .div-input-modal-result a:hover{
    background: #f6f6f6;
        color: #1abc9c;
    }
    .div-input-modal  .div-input-modal-close{
    position: absolute;
        display: none;
    
    }
    .div-input-modal  .div-input-modal-close a{
    width: 20px;
        height: 20px;
        border: 1px solid #cccccc;
        background: #ffffff;
        -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
        box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
        border-radius: 3px;
        color: #444449;
        text-align: center;
        display: block;
    
    }
.clear{
clear: both;
}
#loading{
width: 100%;
height: 100%;
position: fixed;
left: 0;
background: rgba(255,255,255,.6);
text-align: center;
font-size: 100px;
color: #08213E;
display: none;
z-index: 100000;
top: 0;

}

#loading i{
margin-top:15%; 
}
#result{
position: fixed;
left: 0;
bottom: -10%;
width: 100%;
display: none;
transition:0.8s;
z-index: 99999;

}
#result-in{
    margin: 0px auto;
padding: 10px;
background: rgba(0,0,0,0.8);
width: 55%;
border-radius: 3px;
    color: #ffffff;

}
#result-in #result-text{
width: 90%;
display: inline-block;
font-size: 16px;
font-weight: 100;

}
#result-in #result-remove{
width: 9%;
display: inline-block;
text-align: right;
font-size: 16px;

}
#result-in #result-remove i{
cursor: pointer;

}

#menu-box{
width: 15%;
height: 100%;
background: #ffffff;
overflow: auto;
box-shadow: 0px 0px 10px 0px #cccccc;
}

#menu-box .menu-box-logo {
text-align: center;
padding: 10px;
    background: #f6f6f6;
border-bottom: 1px solid #ffffff;
}
#menu-box .menu-box-logo img{
    max-width: 100%;
height: 65px;
}
#main-menu{

width: 85%;
overflow: auto;

}
#menu-list{
list-style: none;
padding: 0;
margin:0; 
}
#menu-list li{
padding: 0  ;

}
#menu-list li a i{
    margin-right: 5px;
}
#menu-list li a{
    padding: 10px;
color: #444449;
text-transform: uppercase;
width: 100%;
display: inline-block;
font-weight: 100;
font-size: 85%;
}

#menu-list li a:hover{
background: #f6f6f6 ;
color: #1abc9c;

}
#menu-list li .a-hover{
background: #f6f6f6 ;
color: #1abc9c;

}
.menu-list-under{
padding: 0;
list-style: none;
margin: 0;
display: none;
}

.menu-list-under li{

}
.menu-list-under li a{
font-size: 75% !important;
    padding: 4px !important;
padding-left: 35px !important;
}
.menu-list-under li a:hover{
background: none !important;
color: #1abc9c  !important;
}

#main-menu-in{
width: 95%;
display: block;
margin: 0px auto;
padding-top: 10px;
padding-bottom: 25px;
}

.main-box-title{
color:#444449;
font-weight: 300;
margin-bottom: 0;
margin-top: 0;
font-size: 16px;
}
.main-box-title i{
font-size: 14px;
}
.main-box-title span{
font-size: 14px;
padding: 5px;
margin-right: 5px;
color: #f6f6f6;
border-radius: 3px;
display: inline-block;
vertical-align: top;
}
.pg-btn-box{
margin-top: 5px;
}
.pg-btn{
padding: 4px;
display: inline-block;
width: auto;
border: 1px solid #1abc9c;
border-radius: 3px;
color: #f6f6f6;
background: #1abc9c;
margin-right: 3px;
margin-left: 3px;
font-size: 14px;
}

.pg-btn:hover{
background: #f6f6f6;
color: #1abc9c;
}

.form-box-form {
text-align: center;

}
.form-box-form textarea{
box-shadow: 0 0px 0 2px rgba(63,63,68,0.05);
border: 1px solid #c4cdd5;
border-radius: 3px;
outline: 0;
padding: 8px;
font-size: 14px;
margin: 0px auto;
width: 82%;
color: #444449;
display: block;
margin-top: 8px;
height: 40px;
}
.form-box-form input,.form-box-form select{
box-shadow: 0 0px 0 2px rgba(63,63,68,0.05);
border: 1px solid #c4cdd5;
border-radius: 3px;
outline: 0;
padding: 8px;
font-size: 14px;
margin: 0px auto;
width: 90%;
color: #444449;
display: block;
margin-top: 8px;
vertical-align: top;

}
.form-box-form-select{
box-shadow: 0 0px 0 2px rgba(63,63,68,0.05);
border-radius: 3px;
font-size: 14px;
color: #444449;
vertical-align: baseline !important;

}
.form-box-form input[disabled]{
background: #f6f6f6;
}

.form-box-form input:focus,.form-box-form select:focus ,.form-box-form textarea:focus{
border: 1px solid #1abc9c;
}

.form-box-form .form-input{
    width: 82% !important;
    display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}
.form-box-form .form-input-half{
    width: 40% !important;
    display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}
.form-input-half{
    width: 40% !important;
    display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}
.form-box-form .form-input-label-checkbox{
box-shadow: 0 0px 0 2px rgba(63,63,68,0.05);
border: 1px solid #c4cdd5;
border-radius: 3px;
padding: 6px;
font-size: 14px;
color: #444449;
text-align: left;
}
.form-box-form .form-input-label-checkbox input{
width: auto;
display: inline-block;
}
.form-box-form p{
color: #444449;
font-size: 10px;
margin: 5px;
}
.form-div-input{

}

.form-box-form .form-input-two-half{
    width: 20% !important;
    display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}



.form-box-form input[type=submit]{
width: auto !important;
background: #1abc9c;
color: #f6f6f6;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 15px;
border: 1px solid #1abc9c;
box-shadow: none;

}

.form-box-form input[type=submit]:hover{

background: #f6f6f6;
color: #1abc9c;


}
.form-box-form select{
height: 35px;
width: 90%;
}
.form-box-form {
text-align: center;

}

.form-box-form .form-input-quarter {
width: 24% !important;
display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}
.form-box-form .form-input-quarter-sm {
width: 20% !important;
display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}
.form-box-form .form-input-two-quarter {
width: 56%;
display: inline-block;
margin-top: 1%;
margin-left: 1%;
margin-right: 1%;
}
.form-input-full{
width: 100% !important;
}
.form-box {
margin-top: 15px;
border-radius: 3px;
padding: 1%;
background: #ffffff;
background-color: white;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
vertical-align: top;
}



.form-box  .a-btn {
display: block;
width: fit-content;
margin: 0px auto;
box-shadow: 0 0px 2px 0px #c4cdd5;
border: 1px solid #f6f6f6;
border-radius: 3px;
background: #f6f6f6;
color: #1abc9c;
padding: 5px;
margin-bottom: 5px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.form-box .delete-logo{

color: #EB5E28;
}
.form-box .success-btn{

color: #259b24;
}
.form-box img {
height: 120px;
box-shadow: 0 0px 0 2px #f6f6f6;
border: 2px solid #fff;
border-radius: 3px;
margin: 1%;
padding: 1%;
}


.div-box {
margin-top: 15px;
border-radius: 3px;
padding: 2%;
background: #ffffff;
background-color: white;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
width: auto;
overflow-y:auto; 
}

.table_data_s{
width: auto;
}
.table_data_s thead tr th{
color :#1abc9c;
font-size: 85%;
font-weight: 400 !important;
white-space: nowrap;
}
.td-nowrap{
white-space: nowrap;

}
.table_data_s tbody tr td{
color :#444449;
font-size: 85%;
font-weight: 400 !important;
}
.table_data_s tbody tr td ul{
   margin: 0;
padding: 0px;
max-height: 75px;
overflow: auto;
}
.table_data_s tr td img{
    width: 70px;
box-shadow: 0 0px 0 2px #fff;
border: 1px solid #f6f6f6;
border-radius: 3px;
padding: 1%;

}
.table_data_s tbody tr td a {
border: 1px solid;
text-align: center;
width: 20px;
height: 20px;
display: inline-table;
border-radius: 100%;

margin: 2% 2%;
font-size: 90%;

}
.table_data_s tbody tr td a i{
display: table-cell;
vertical-align: middle;
}
.table_data_input_hidden input{
border:0;
outline: 0;
padding: 2px;
}
.table_data_input_hidden textarea{
border:0;
outline: 0;
padding: 2px;
width: 100%;
}
.table-action-pen {
border-color: #7A9E9F;
color: #7A9E9F;
}
.table-action-sms {
border-color: #FFD769;
color: #FFD769;
}
.table-action-sms:hover{
background-color: #FFD769;
border-color: #FFD769;
color: #f6f6f6;
}
.table-action-call {
border-color: #5352ed;
color: #5352ed;
}
.table-action-call:hover{
background-color: #5352ed;
border-color: #5352ed;
color: #f6f6f6;
}
.table-action-times {
border-color: #EB5E28;
color: #EB5E28;
}


.table-action-pen:hover{
background-color: #7A9E9F;
border-color: #7A9E9F;
color: #f6f6f6;
}
.table-action-times:hover{
background-color: #EB5E28;
border-color: #EB5E28;
color: #f6f6f6
}
.table-action-pdf {
border-color: #259b24;
color: #259b24;
}
.table-action-note {
border-color: #03a9f4;
color: #03a9f4;
}


.table-action-pdf:hover{
background-color: #259b24;
border-color: #259b24;
color: #f6f6f6;
}
.table-action-note:hover{
background-color: #03a9f4;
border-color: #03a9f4;
color: #f6f6f6
}
.table-action-plus {
border-color: #337ab7;
color: #337ab7;
}

.table-action-plus:hover{
background-color: #337ab7;
border-color: #337ab7;
color: #f6f6f6;
}
.error_message{
margin: 1%;
padding: 1%;
background: #f6f6f6;
border: 1px solid #68B3C8;
color: #444449;
}
.top-header-link{
padding: 7px;
float: right;
display: inline-block;
width: auto;
margin: 5px;
border: 1px solid #1abc9c;
border-radius: 3px;
background: #f6f6f6;
color: #1abc9c;
display:none;

}
.top-header-link-account{
padding: 14px;
display: inline-block;
width: auto;
background: #f6f6f6;
color: #1abc9c;
border-left: 1px solid #1abc9c;
height: 49px;

}
.top-header-link-account:hover{

background: #1abc9c;
color: #f6f6f6;
}
.top-header-link:hover{


background: #1abc9c;
color: #f6f6f6;
border: 1px solid #f6f6f6;

}
.zoom-header-btn{
padding: 7px;
display: inline-block;
width: auto;
margin: 5px;
border: 1px solid #1abc9c;
border-radius: 3px;
background: #f6f6f6;
color: #1abc9c;
}
.zoom-header-btn:hover{


background: #1abc9c;
color: #f6f6f6;
border: 1px solid #f6f6f6;

}

#user-links-list-box{

border-radius: 3px;
padding: 1% 0%;
background: #ffffff;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
position: fixed;
top: 52px;
right: 1%;
width: 240px;
display: none;
z-index: 20;
}
#user-links-list-box a{
display: block;
padding: 10px;
color: #444449;
}
#user-links-list-box a:hover{
background: #f6f6f6;
color: #1abc9c;
}

.parcel-status span{
width: fit-content;

}

.in-pg-box-info{
text-align: center;
margin: 0px auto;
background: #1abc9c;
color: #f6f6f6;
font-size: 16px;
padding: 5px 15px;
width: fit-content;
border: 1px solid #1abc9c;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 3px;
font-weight: 300;
}

.in-form-h2 {
color: #444449;
margin: 0;
text-align: left;
font-size: 16px;
margin-top: 10px;
font-weight: 500;
}
.in-form-tall-bar {
width: 100%;
margin: 0px auto;
border-bottom: 1px solid #cccccc;
margin-top: 5px;
margin-bottom: 5px;
}


.simple_link{
display: block !important;
width: fit-content !important;
border: 0 !important;
height: fit-content !important;
}

.tickets-dn-box{
text-align: center;
}
.tickets-dn-box .show-box-web{
width: 40%;
display: inline-block;
padding: 1%;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
vertical-align: top;
background: #f6f6f6;
    margin: 2%;
}
.tickets-dn-box .show-box-pdf{
width: 40%;
display: inline-block;
padding: 1%;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
vertical-align: top;
background: #f6f6f6;
    margin: 2%;
}
.tickets-dn-box div .show-box-icon{
width: 20%;
font-size: 28px;
vertical-align: top;
display: inline-block;




}
.tickets-dn-box .show-box-web .show-box-icon i{
color: #7AC29A;
font-size: 150%;
}
.tickets-dn-box .show-box-pdf .show-box-icon i{
color: #68B3C8;
font-size: 150%;
}
.tickets-dn-box div .show-box-btns{
width: 78%;
vertical-align: top;
display: inline-block;
}
.tickets-dn-box div .show-box-btns h1{
margin: 0;
font-size: 14px;
font-weight: 300;
}

.tickets-dn-box div .show-box-btns a{
    display: inline-block;
padding: 1%;
margin: 2%;
width: 50px;
height: 50px;
font-size: 32px;
color: #ffffff;
border-radius: 3px;
margin-top: 4%;
margin-bottom: 0;
}

.tickets-dn-box .show-box-web .show-box-btns a{
background: #7AC29A;
border:1px solid #7AC29A;
}
.tickets-dn-box .show-box-web .show-box-btns a:hover{
background: #f6f6f6;
color: #7AC29A;
}


.tickets-dn-box .show-box-pdf .show-box-btns a{
background: #68B3C8;
border:1px solid #68B3C8;
}
.tickets-dn-box .show-box-pdf .show-box-btns a:hover{
background: #f6f6f6;
color: #68B3C8;
}
.dns_tbl_td_statut{
color: #1abc9c !important;
}




#page-iframe-box{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
z-index: 99997;
display: none;
overflow: auto;

}
#page-iframe-box #page-iframe-in{
width: 80%;
margin: 0px auto;
padding: 10px;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
background: #ffffff;
border-radius: 3px;
margin-top: 3%;
margin-bottom: 3%;
display: none;
}
#page-iframe-box #page-iframe-in #page-iframe-header{
border-bottom: 1px solid #444449;
}
#page-iframe-box #page-iframe-in #page-iframe-header  #page-iframe-header-btns {

}
#page-iframe-box #page-iframe-in #page-iframe-header  #page-iframe-header-btns a{
display: inline-block;
text-align: center;
color: #444449;
font-size: 20px;
margin-bottom: 1%;
}
#page-iframe-box #page-iframe-in #page-iframe-header  #page-iframe-header-btns a:hover{

opacity: 0.8;

}
#page-iframe-box #page-iframe-in #page-iframe-content{
padding: 5px;
overflow-y: auto;
}

.dn-inv-customer-box{

font-weight: 400
}
.dn-inv-customer-box b,.dn-inv-infos-box b{
color:#1abc9c;
}
.dn-inv-infos-box{

font-weight: 400

}

.dn-parcel-customer-box{
font-weight: 400
}
.dn-parcel-customer-box b,.dn-parcel-infos-box b{
color:#1abc9c;
}

.dn-parcel-infos-box{
font-weight: 400

}

.table-action-eye{
border-color: #68B3C8;
color: #68B3C8;
}


.table-action-eye:hover{
background-color: #68B3C8;
border-color: #68B3C8;
color: #f6f6f6;
}

.table-action-infos{
border-color: #FFA500;
color: #FFA500;
}


.table-action-infos:hover{
background-color: #FFA500;
border-color: #FFA500;
color: #f6f6f6;

}

.table-action-more{
border-color: #444449;
color: #444449;
}


.table-action-more:hover{
background-color: #444449;
border-color: #444449;
color: #f6f6f6;

}

.dn-inv-table{
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}

.dn-inv-table .dn-inv-table-head td{
background: #444449;
padding: 4px;
color: #f6f6f6;
border: 2px solid #ffffff;
    vertical-align: top;
    white-space: nowrap;
}

.dn-inv-table .dn-inv-table-body td{
background: #f6f6f6;
padding: 4px;
color: #444449;
    border: 2px solid #ffffff;
    vertical-align: top;
}


.tracking-table{
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
font-size: 85%;
}
.tracking-table .tracking-table-head{
border-bottom:2px solid #cccccc;
}
.tracking-table .tracking-table-head td{
padding: 4px;
color: #1abc9c;
vertical-align: top;
white-space: nowrap;
}
.tracking-table .tracking-table-body{
border-bottom:1px solid #cccccc;

}
.tracking-table .tracking-table-body:nth-child(even){
background: #f0f0f0;

}
.tracking-table .tracking-table-body td{

padding: 4px;
color: #444449;
    vertical-align: top;
}


.make-center{
text-align: center !important;
}

.make-hidden{
display: none !important;
}

.iframe-box-parcel-infos{

}
.iframe-box-parcel-infos .each-parcel-info{

}
.iframe-box-parcel-infos .each-parcel-info b{

}

.info-box-details-title {
display: inline-block;
font-size: 24px;
border-bottom: 1px solid #cccccc;
padding: 0px 4px 2px 0px;
}

.note-box{
margin: 0px auto;
margin-top: 10px;
width: 80%;
}

.note-box .note-box-img{
display: inline-block;
width: auto;
vertical-align: top;
}

.note-box .note-box-img img{
width: 75px;
height: 75px;
box-shadow: 0 0px 4px 1px #cccccc;
border: 1px solid #f6f6f6;
border-radius: 3px;
}

.note-box .note-box-text{
display: inline-block;
width: 80%;
vertical-align: top;
background: #f6f6f6;
border-radius: 3px;
padding: 5px;
min-height: 75px;
box-shadow: 0 0px 4px 1px #cccccc;
margin-left: 8px;
}


.note-box .note-box-text .note-text-head{
padding: 5px;
border-bottom: 1px solid #cccccc;
font-size: 12px;
text-align: left;
}
.note-box .note-box-text .note-text-head i {
margin-left: 10px;
}
.note-box .note-box-text p {
text-align: left;
margin: 5px;
}
.div-input-search{
display: inline-block;
width: 220px;
}

.div-input-search input{
width: 100%;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
border: 1px solid #cccccc;
padding: 5px 10px;
border-radius: 3px;
outline: 0;
}
.div-input-search input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.div-input-search .div-input-search-result{
display: none;
width: 0;
border: 1px solid #cccccc;
position: absolute;
max-height: 200px;
z-index: 100;
border-radius: 3px;
padding: 0.5% 0%;
background: #ffffff;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
margin-top: 20px;
transition:0.5s;
word-break: break-word;
  box-sizing: border-box;
  overflow: auto;


}

.div-input-search .div-input-search-result a{
    display: block;
padding: 1%;
color: #444449;

}
.div-input-search .div-input-search-result a:hover{
background: #f6f6f6;
color: #1abc9c;
}
.div-input-search  .div-input-search-close{
position: absolute;
display: none;

}
.div-input-search  .div-input-search-close a{
width: 20px;
height: 20px;
border: 1px solid #cccccc;
background: #ffffff;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
border-radius: 3px;
color: #444449;
text-align: center;
display: block;

}
.sep-page-boxes-sm{
padding: 1%;
margin-top: 20px;
border-radius: 3px;
background: #ffffff;
background-color: white;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
vertical-align: top;
}
.sep-page-boxes-sm .users-infos-box-head{
    height: 150px;
background: url(../images/background.jpg);
background-size: cover;
}    

.sep-page-boxes-sm .users-infos-box-head .user-infos-pic{
display: inline-block;
width: 100px;
height: 100px;
background-size: contain;
background-color: #f6f6f6;
border: 4px solid #ffffff;
border-radius: 100%;
margin-top: 100px;
}
.sep-page-boxes-sm .users-infos-box-head #user-infos-pic{
cursor: pointer;
text-align: center;
}
.sep-page-boxes-sm .users-infos-box-head #user-infos-pic div{
width: 100%;
height: 100%;
background: #f6f6f6;
border-radius: 100%;
opacity: 0;
display: inline-table;
color: #1abc9c;
font-size: 16px;
transition:0.5s;



}
.sep-page-boxes-sm .users-infos-box-head #user-infos-pic div i{
display: table-cell;
vertical-align: middle;
}
.sep-page-boxes-sm .users-infos-box-head #user-infos-pic:hover div{
opacity: 0.5;
transition:0.5s;
}

.sep-page-boxes-sm  .user-infos-div{
padding-top: 55px;
padding-bottom: 10px;
}
.sep-page-boxes-sm  .user-infos-div h3{
text-align: center;
border: 0;
}
.sep-page-boxes-sm  .user-infos-div p{
text-align: center;
margin: 0;
color: #cccccc;
font-weight: 100;
font-size: 12px;
}
.sep-page-boxes-sm h3{
margin: 0;
border-bottom: 1px solid #cccccc;
padding-bottom: 5px;
text-align: left;
color: #1abc9c;
font-size: 18px;
}
.sep-page-boxes-sm p{
text-align: left;
padding-left: 5px;
margin-top: 5px;
color: #444449;
font-size: 14px;
}
.sep-page-boxes-sm .user-infos-div-bar{
width: 95%;
margin: 0px auto;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
margin-top: 10px;
}

.sep-page-boxes-sm .user-infos-div-data{
    width: 40%;
display: inline-block;
padding: 2%;
background: #f6f6f6;
border-radius: 3px;
border: 1px solid #cccccc;
margin: 2%;
}

.sep-page-boxes-sm .user-infos-data-bxs{
color: #1abc9c;
}
.sep-page-boxes-sm .user-infos-data-bxs-left{
    float: left;
width: 25%;
text-align: left;
padding-top: 12px;
font-size: 25px;
}

.sep-page-boxes-sm .user-infos-data-bxs-right{
float: right;
width: 75%;
text-align: right;
}
.sep-page-boxes-sm .user-infos-data-bxs-right h3{
text-align: right;
border: 0;
color: #444449;
font-size: 16px;
}
.sep-page-boxes-sm .user-infos-data-bxs-right p{
text-align: right;
color: #444449;
font-size: 14px;
font-weight: bold;
}

.sep-page-boxes-sm form input{
outline: 0;
width: 100%;
border: 1px solid #cccccc;
padding: 5px;
display: none;
}

.sep-page-boxes-sm form input[type=submit]{
color: #f6f6f6;
background-color: #1abc9c;
border: 1px solid #1abc9c;
display: none;

padding: 5px 15px;
margin-bottom: 10px;
border-radius: 3px;
width: auto;
}
.sep-page-boxes-sm form input:hover{

border: 1px solid #1abc9c;
}
.sep-page-boxes-sm form input[type=submit]:hover,.sep-page-boxes-sm form input[type=submit]:focus{
color: #1abc9c;
background-color: #f6f6f6;
}

.table_blank_a{
border: 0 !important;
color: #444449;
width: auto !important;
height: auto !important;
font-size: 80%;
}

.padding_1_per{
padding: 1% !important;
}

.delete-district-a{
position: absolute;
display: none;
width: 25px;
height: 24px;
background: #F6F6F6;
text-align: center;
padding-top: 2px;
border-radius: 100%;
margin-top: -30px;
}
.delete-district:hover .delete-district-a{
display: inline-block;

}


.sep-settings-boxes{
width: 45%;
padding: 2%;
margin-top: 20px;
border-radius: 3px;
background: #ffffff;
background-color: white;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
display: inline-block;
margin-right: 2%;
vertical-align: top;
overflow-y: auto; 
}
.sep-settings-boxes-30{
width: 30%;

}

.sep-settings-boxes-35{
width: 35%;

}
.sep-settings-boxes-60{
width: 60%;

}
.sep-settings-boxes-65{
width: 65%;

}
.sep-settings-boxes-92{
width: 92%;


}
.sep-settings-boxes .boxes-bar{
border-bottom: 1px solid #cccccc;
margin-top: 2px;
margin-bottom: 15px;

}
.sep-settings-boxes h3{
margin: 0;
font-size: 14px;
text-align: left;

}

.option-a-link{

color: #f6f6f6;
background-color: #1abc9c;
border: 1px solid #1abc9c;
display: inline-block;
padding: 5px 15px;
margin-bottom: 10px;
border-radius: 3px;
}
.option-a-link:hover{
color: #1abc9c;
background-color: #f6f6f6;
}

.sep-settings-boxes-input{
box-shadow: 0 0px 0 2px rgba(63,63,68,0.05);
border: 1px solid #c4cdd5;
border-radius: 3px;
outline: 0;
padding: 8px;
font-size: 14px;
margin: 0px auto;
width: 90%;
color: #444449;
display: block;
margin-top: 8px;
}

.sep-settings-boxes-input[type=submit] {
width: auto !important;
background: #1abc9c;
color: #f6f6f6;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 15px;
font-size: 14px;
font-weight: 100;
}

.sep-settings-boxes-input:focus{
border: 1px solid #1abc9c;
}

.sep-settings-boxes-input[type=submit]:hover{

background: #f6f6f6;
color: #1abc9c;


}

.big-icon-btn{
    border: 1px solid;
text-align: center;
width: 75px;
height: 75px;
display: inline-block;
padding-top: 1%;
font-size: 38px;
margin: 2%;
border-radius: 3px;
}




.big-icon-btn-check {
border-color: #259b24;
color: #259b24;
}



.big-icon-btn-check:hover{
background-color: #259b24;
border-color: #259b24;
color: #f6f6f6;
}



.big-icon-btn-times {
border-color: #EB5E28;
color: #EB5E28;
}


.big-icon-btn-times:hover{
background-color: #EB5E28;
border-color: #EB5E28;
color: #f6f6f6
}



.loading-progress {
display: none;
text-align: center;
width: 0;
height: 15px;
background: #1abc9c;
transition: width .3s;
font-size: 11px;
color: #444449;
}
.loading-progress.hide {
opacity: 0;
transition: opacity 1.3s;
}


.loading-progress span{
display: table-cell;
vertical-align: middle;
}

.dashboard_date_select{

}
.dashboard_date_select .btn{
 
    margin-top: 5px;
}


#data_from{
background: var(--main-color); color:white; cursor: pointer; padding: 5px 10px; border: 1px solid var(--main-color);display: inline-block;font-size: 14px
}
.data-box{

display: inline-block;
width: 22%;
padding: 1%;
background: #ffffff;
margin: 1%;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
vertical-align: top;
}



.data-box .data-box-left{
width: 20%;
float: left;
font-size: 28px;
text-align: left;
padding-top: 7px;
}

.data-box .data-box-right{
    width: 80%;
float: right;
text-align: right;
}

.data-box .data-box-right h3{
margin: 0;
color: #444449;
font-size: 16px;
}

.data-box .data-box-right p{
margin: 5px;
font-size: 20px;
font-weight: 700;

}
.data-show{

}


.form-box-half{
width: 46%;
display: inline-block;
margin: 1%;
vertical-align: top;
}

.table_data_icon {
border: 1px solid;
text-align: center;
width: 20px;
height: 20px;
display: inline-table;
border-radius: 100%;

margin: 2% 2%;
font-size: 90%;

}
td > .table_data_icon{
border-collapse: separate !important;
}

.analytics_table{
width: 100%;
border-collapse: separate;
border-spacing: 5px;
}

.analytics_table tr td{
border :1px solid #c3c3c3;
border-radius: 3px;
padding: 5px;
}


.analytics_table .analytics_table_head{

}

.analytics_table .analytics_table_head td{

}
.analytics_table .analytics_table_body{

}
.analytics_table .analytics_table_body td{
background: #f6f6f6;
}


.appLogoL{
height: 46px;
}

.login-logo{
text-align: center;
padding: 10px;
background: #f6f6f6;
margin-bottom: 15px;
border-bottom: 1px solid #c3c3c3;
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
display: block;
}
.login-logo img{
height: 100px;
}
.file-upload {
background-color: #ffffff;
width: 100%;
margin: 0 auto;
padding: 20px;
}

.file-upload-btn {
width: fit-content;
color: #fff;
background: #1abc9c;
border: none;
padding: 10px 20px;
border-radius: 4px;
border-bottom: 2px solid #0d84b9;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 200;
display: block;
margin: 0px auto;
}

.file-upload-btn:hover {
background: #fff;
color: #1abc9c;
transition: all .2s ease;
cursor: pointer;
}

.file-upload-content {
display: none;
text-align: center;
}

.file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}

.image-upload-wrap {
margin-top: 20px;
border: 2px dashed #1abc9c;
position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
border: 2px dashed #444449;
}

.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}

.drag-text {
text-align: center;
}

.drag-text h3 {
font-weight: 100;
text-transform: uppercase;
color: #444449;
padding: 60px 0;
}

.file-upload-image {
max-height: 200px;
max-width: 200px;
margin: auto;
padding: 20px;
}

.remove-image {
width: fit-content;
margin: 0;
color: #fff;
background: #cd4535;
border: none;
padding: 5px;
border-radius: 4px;
border-bottom: 2px solid #b02818;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 200;
}


.remove-image:hover {
background: #c13b2a;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}

.submit-image {
width: fit-content;
margin: 0;
color: #fff;
background: #1abc9c;
border: none;
padding: 5px;
border-radius: 4px;
border-bottom: 2px solid #0d84b9;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 200;
}


.submit-image:hover {
background: #ffffff;
color: #1abc9c;
transition: all .2s ease;
cursor: pointer;
}

.imported-parcels-table{
width: 100%;
}
.imported-parcels-table tr:nth-child(odd){ 
background: #f0f0f0;
}
.imported-parcels-table tr:nth-child(even){
background: #f6f6f6;
}


.imported-parcels-table tr{

}
.imported-parcels-table tr th{
border: 1px solid #444449;
padding: 4px;
text-align: center;
}
.imported-parcels-table tr td{
    vertical-align: top;
border-bottom: 1px solid #cccccc;
padding-top: 4px;
}
.imported-parcels-table tr td input{
width: 98%;
border: 1px solid #ccc;
outline: 0;
margin: 1%;
padding: 2px;
}
.imported-data-city{
display: none;
}
.imported-data-clientusername {
display: none;
}

.filter-form-select{
background: #f6f6f6;
color: #444449;
border: 1px solid #cccccc;
display: inline-block;
font-size: 14px;
border-radius: 0px !important;
height: 32px;
}
.add-statut-table{
width: 100%;
}
.add-statut-table tr{

}
.add-statut-table tr th{
font-size: 85%;
font-weight: 400 !important;
white-space: nowrap;
color: #1abc9c;
padding: 4px;
}
.add-statut-table tr td{
padding: 4px;
}
.add-statut-table tr td input{
    outline: 0;
display: block;
margin: 0px auto;
width: 100%
}

.analytics-bar{
height: 20px;
position: relative;
background: rgb(203 213 210 / 90%);
border-radius: 8px;
box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
margin-bottom: 10px;
}
.analytics-bar > span {
display: block;
height: 20px;
border-radius: 8px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
position: relative;
overflow: hidden;
color: #444449;
font-size: 10px;
padding: 2px;
font-weight: 500;
transition:2s;
}
.new-loading{
height: 20px;  /* Can be anything */
position: relative;
background: #555;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.new-loading > span {
display: block;
height: 20px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background-color:  #1abc9c;
background-image: linear-gradient(
center bottom,
rgb(43,194,83) 37%,
rgb(84,240,84) 69%
);
box-shadow: 
inset 0 2px 9px  rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);
position: relative;
overflow: hidden;
}
.new-loading-orange > span {
background-color: #f1a165;
background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
}
.new-loading > span:after {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-image: linear-gradient(
-45deg, 
rgba(255, 255, 255, .2) 25%, 
transparent 25%, 
transparent 50%, 
rgba(255, 255, 255, .2) 50%, 
rgba(255, 255, 255, .2) 75%, 
transparent 75%, 
transparent
);
z-index: 1;
background-size: 50px 50px;
animation: move 2s linear infinite;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
position: relative;
cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: 
  opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:    
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:         
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform:    translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0);
pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
z-index: 1001;
border: 6px solid transparent;
background: transparent;
content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
z-index: 1000;
padding: 8px;
width: 160px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
font-size: 14px;
line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
bottom: 100%;
left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
margin-left: -6px;
margin-bottom: -12px;
border-top-color: #000;
border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
-webkit-transform: translateY(-12px);
-moz-transform:    translateY(-12px);
transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
right: 100%;
bottom: 50%;
left: auto;
}

.tooltip-left:before {
margin-left: 0;
margin-right: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-left-color: #000;
border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
-webkit-transform: translateX(-12px);
-moz-transform:    translateX(-12px);
transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
top: 100%;
bottom: auto;
left: 50%;
}

.tooltip-bottom:before {
margin-top: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-bottom-color: #000;
border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
-webkit-transform: translateY(12px);
-moz-transform:    translateY(12px);
transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
bottom: 50%;
left: 100%;
}

.tooltip-right:before {
margin-bottom: 0;
margin-left: -12px;
border-top-color: transparent;
border-right-color: #000;
border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
-webkit-transform: translateX(12px);
-moz-transform:    translateX(12px);
transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
margin-left: 0;
margin-bottom: -16px;
}
.parcelEditReplaceClass td:nth-child(1){
color:#FFA500;
}
.order-statut-btn{
margin-top: 15px;
}
.order-statut-btn a {
padding: 5px;
margin-right: 5px;
color: #f6f6f6;
border-radius: 3px;
font-size: 12px;
line-height: 1;
display: inline-block;
margin: 2px;
}

.notif-links {
display: block;
list-style: none;
margin: 0;
padding: 10px 10px;
height: 48px;
}
.notif-links li {
float:left;
font:13px helvetica;
font-weight:bold;
margin:3px 0;
}


#noti_Container {
position:relative;
}

/* A CIRCLE LIKE BUTTON IN THE TOP MENU. */
#noti_Button {
width: 30px;
height: 30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #f6f6f6;
margin: -3px 10px 0 10px;
cursor: pointer;
border: 1px solid #1abc9c;
font-size: 16px;
text-align: center;
line-height: 1.8em;
color: #1abc9c;
}
/*  
#noti_Counter {
display: block;
position: absolute;
background: #1abc9c;
color: #FFF;
font-size: 12px;
font-weight: normal;
padding: 1px 3px;
margin: -12px 0px 0px 38px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
z-index: 1;
opacity: 0;
}

#notifications {
display:none;
    width: 350px;
position: fixed;
top: 52px;
right: 1%;
border-radius: 3px;
background: #ffffff;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
z-index: 1000;
}
*/  


.seeAll {
background:#F6F7F8;
padding:8px;
font-size:12px;
font-weight:bold;
border-top:solid 1px rgba(100, 100, 100, .30);
text-align:center;
}
.seeAll a {
color:#444449;
}
.seeAll a:hover {
color:#1abc9c;
}

.eachNotif{
display: block;
border-bottom: 1px solid #f6f6f6;
padding: 4px;
cursor: pointer;
}
.eachNotif:hover{
background: #f6f6f6;
}
.eachNotif i{
color: #1abc9c;
font-size: 22px;
display: inline-block;
width: 10%;
text-align: center;
vertical-align: middle;
}
.eachNotif p{
display: inline-block;
width: 88%;
vertical-align: middle;
color: #444449;
font-size: 12px;
font-weight: 400;
margin:0;
}
.eachNotif b{
font-weight: 500;
}
.eachNotif span{
display: block;
text-align: right;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.tbl-notif-icon i{
color: #1abc9c;
font-size: 22px;
display: inline-block;
width: 10%;
text-align: center;
vertical-align: middle;
}
.add-parcel-table{
width: 100%;
}
.add-parcel-table tr{
border-bottom: 2px solid #cccccc;
}
.add-parcel-table tr td{
vertical-align: top;
padding-top: 0.5% ;
padding-bottom: 0.5% ;
margin: 0;

}
.add-parcel-table tr td input,.add-parcel-table tr td textarea{
margin: 0 ;
display: inline-block;
}
.add-parcel-table tr td:first-child{
width: 20%;
text-align: left;
color:#1abc9c;
font-weight: 500;
font-size: 16px;

}
.add-parcel-table tr td:last-child{
width: 80%;
}
.add-parcel-table tr td:last-child textarea{
height: 100px;
}
.new-statics-sm-box{
background: #ffffff;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
padding: 2%;
margin-bottom: 2%;
}
.new-statics-sm-box .data-box-left {
width: 35%;
float: left;
font-size: 22px;
text-align: left;
}
.new-statics-sm-box .data-box-right {
width: 65%;
float: right;
text-align: right;
}
.new-statics-sm-box .data-box-left i{

}
.new-statics-sm-box .data-box-right h3 {
margin: 0;
color: #444449;
font-size: 16px;
font-weight: 400;
}
.new-statics-sm-box  p {
text-align: center;
margin-bottom: 0;
}
{

}
.table-analytics{
width: 100%;
border-collapse: separate;
border-spacing: 5px;
}

.table-analytics thead tr th{
color: white;
text-align: center;
border :1px solid var(--second-color);
background-color: var(--second-color);
border-radius: 3px;
padding: 5px;
}

.table-analytics tbody tr td{
border :1px solid #c3c3c3;
border-radius: 3px;
padding: 5px;

}



.table-analytics thead tr td{
background: #f6f6f6;
}
.table-analytics tbody tr td{
background: #ffffff;
}
.add-form-left{
text-align: center;
width: 48%;
float: left;
margin-bottom: 10px;
}


.add-form-right{
width: 48%;
float: right;
}
.enable-variants{
margin: 0px auto;
width: 82%;
text-align: left;
margin-bottom: 10px;
margin-top: 5px;
}
.enable-variants a{
display: inline-block;
height: 30px;
width: 30px;
text-align: center;
border: 1px solid #EB5E28;
border-radius: 5px 0 0 5px;
padding: 3px;
color: #EB5E28;
font-size: 16px;
}
.enable-variants span{
display: inline-block;
height: 30px;
vertical-align: top;
border: 1px solid #EB5E28;
background: #EB5E28;
color: #f6f6f6;
padding: 4px 10px 0px 10px;
border-radius: 0px 5px 5px 0px
}
.variants-table{
width: 90%;
margin: 0px auto;
display: none;
}
.variants-table tr td input{
display:block;
width:100%;
border-radius: 0;
margin: 0;
}
.variants-table tr td button{
width: auto !important;
background: #1abc9c;
color: #f6f6f6;
cursor: pointer;
font-size: 16px;
padding: 5px 15px;
border: 1px solid #1abc9c;
box-shadow: none;

}

.variants-table tr td button:hover{
background: #f6f6f6;
color: #1abc9c;
}

.in-pg-table{

background: #f6f6f6;
border-collapse: separate;
border-spacing: 2px;
margin-top: 20px;
}

.in-pg-table thead tr  td{
background: #f6f6f6;
padding: 5px;
color: #1abc9c;
}



.in-pg-table tbody tr td{
    background: #ffffff;
vertical-align: top;
text-align: left;
padding: 5px;
}

.in-pg-table tbody tr td img{
    width: 100px;
box-shadow: 0 0px 0 2px #fff;
border: 1px solid #f6f6f6;
border-radius: 3px;
}

.in-pg-table tbody tr td a{
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
border-radius: 100%;
color: #1abc9c;
border: 1px solid #1abc9c;
padding: 2px;
}

.in-pg-table tbody tr td a:hover{
background: #1abc9c;
color: #ffffff;
}

.in-form-tall-bar {
width: 100%;
margin: 0px auto;
border-bottom: 1px solid #cccccc;
margin-top: 5px;
}
.oders-customers-details{
padding: 5px;
background: #f6f6f6;
margin: 10px 0px 10px 0px;
display: none;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}

.oders-customers-details .infos-small-box{
width: 22%;
display: inline-block;
text-align: left;
border: 1px #ffffff solid;
padding: 5px;
margin: 0.4%;
}

.oders-customers-details .infos-small-box i{
display: inline-block;
width: 15%;
font-size: 18px;
text-align: center;
margin-top: 1%;
}

.oders-customers-details .infos-small-box .infos-small-box-content{
    width: 80%;
display: inline-block;
vertical-align: top;
}
.oders-customers-details .infos-small-box .infos-small-box-content .infos-small-box-title{
    color: #444449;
font-size: 10px;
}
.oders-customers-details .infos-small-box .infos-small-box-content .infos-small-box-text{
    color: #1abc9c;
font-size: 14px;
word-wrap: break-word;
}
.form-a-link {
box-shadow: 0 0px 0 2px rgba(63,63,68,0.05);
border: 1px solid #c4cdd5;
border-radius: 3px;
outline: 0;
padding: 8px;
font-size: 14px;
margin-top: 8px;
display: inline-block;
color:#1abc9c;
}

.table-tp-2{
    width: 100%;
margin-top: 10px;
border-collapse: separate;
border-spacing: 2px;
}

.table-tp-2 thead tr th{
background: #444449;
padding: 4px;
color: #f6f6f6;
}


.table-tp-2 tbody tr td{
background: #f6f6f6;
color: #444449;
padding: 4px;
text-align: left;
word-break: break-word;
}
.table-tp-2 tbody tr td img{
width: 100px;
height: auto !important;
box-shadow: 0 0px 0 2px #fff;
border: 1px solid #f6f6f6;
border-radius: 3px;
}
.table-tp-2 tbody a{
display: inline-block;
width: 18px;
height: 18px;
text-align: center;
border-radius: 100%;
color: #444449;
border: 1px solid #444449;
padding: 1px;
font-size: 10px !important;
vertical-align: text-bottom;
}
.table-tp-2 tbody a:hover{

color: #f6f6f6;
background: #444449;

}

#order-products-table{
width: 100%;
background: #f6f6f6;
border-collapse: separate;
border-spacing: 2px;
margin-top: 20px;
}
#order-products-table #order-products-table-head{

}
#order-products-table #order-products-table-head  td{
background: #f6f6f6;
padding: 5px;
color: #1abc9c;
}


#order-products-table .order-products-table-content{

}
#order-products-table .order-products-table-content  td{
    background: #ffffff;
vertical-align: top;
text-align: left;
padding: 5px;
}

#order-products-table .order-products-table-content  td img{
    width: 100px;
    height: auto !important;
box-shadow: 0 0px 0 2px #fff;
border: 1px solid #f6f6f6;
border-radius: 3px;
}

#order-products-table .order-products-table-content  td a{
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
border-radius: 100%;
color: #1abc9c;
border: 1px solid #1abc9c;
padding: 2px;
}

#order-products-table .order-products-table-content  td a:hover{
background: #1abc9c;
color: #ffffff;
}
.dataTableImg{
width: 70px;
box-shadow: 0 0px 0 2px #fff;
border: 1px solid #f6f6f6;
border-radius: 3px;
padding: 1%;
}
.form-img-type-1{
height: 120px;
box-shadow: 0 0px 0 2px #f6f6f6;
border: 2px solid #fff;
border-radius: 3px;
margin: 1%;
padding: 1%;
}
@media (max-width: 769px){
#menu-box {
    display: none;
    position: fixed;
    width: 40%;
    z-index: 20;
}
#main-menu {
    width: 100%;
}
#menu-btn {
    display: block;
}
footer{
    float: none;
    width: 100%;
}
.data-box {
    width: 46%;
}
.form-box-half {
    width: 94.5%;
}
#page-iframe-box #page-iframe-in{
    width: 90%
}
.form-box-form .form-input-half, .form-box-form .form-input, .form-box-form .form-input-two-quarter, .form-box-form .form-input-quarter , .form-box-form .form-input-quarter-sm{
    width: 80% !important;
}
.note-box {

    width: 90%;
}
.note-box .note-box-text{
    width: 75%;
}
.table_data_s tr td img {
    width: 55px;
}
.sep-settings-boxes{
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-top: 20px;
    float: none !important;
}
#result-in{
    width: 75%;
}
.form-box .add-from-left label img{
    width: 175px;
    height: 175px;
}

}

@media (max-width: 450px){

#menu-box {
    width: 50%;
}
.data-box {
    width: 92%;
    display: block;
    margin: 0px auto;
    margin-top: 1%;
    margin-bottom: 1%;
}
#page-iframe-box #page-iframe-in{
    width: 95%
}


.form-box-form .form-input, .form-box-form .form-input-half, .form-box-form .form-input-two-quarter, .form-box-form .form-input-quarter, .form-box-form .form-input-quarter-sm{
    width: 95% !important;
}
.note-box {

    width: 95%;
}
.note-box .note-box-text{
    width: 70%;
}
.table_data_s tr td img {
    width: 40px;
}
.sep-page-boxes-sm{
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
}
.sep-settings-boxes{
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    float: none !important;
}
#result-in{
    width: 95%;
}
.form-box .add-from-left , .form-box .add-form-right{
    float: none;
        width: 84%;
margin: 0px auto;
}
}

.btn-primary{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: white !important;
}
.btn-primary:focus{box-shadow: none;}

.btn-primary:hover{
background-color: var(--hover-color) !important;
border-color: var(--hover-color) !important;
}
.btn-primary:active{
background-color: var(--focus-color) !important;
border-color: var(--focus-color) !important;
}

.form-control:focus{
border-color: var(--focus-color) !important;
}
.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:hover i, .dropdown .dropdown-menu .dropdown-item:hover svg, .btn-group .dropdown-menu .dropdown-item:hover, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .dropdown-menu .dropdown-item:hover, .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .dropdown-menu .dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:hover i, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .dropdown-menu .dropdown-item:hover i, .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .dropdown-menu .dropdown-item:hover i, .btn-group .dropdown-menu .dropdown-item:hover svg, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .dropdown-menu .dropdown-item:hover svg, .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .dropdown-menu .dropdown-item:hover svg{color: var(--main-color) !important;}
.sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-icon,.sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title, .sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-title, .sidebar-dark .sidebar .sidebar-body .nav .nav-item .nav-link[aria-expanded="true"], .sidebar .sidebar-body .nav.sub-menu .nav-item:hover .nav-link {color:var(--hover-color) !important}

.sidebar .sidebar-body .nav.sub-menu .nav-item:hover .nav-link::before{border-color: var(--hover-color) !important;background: var(--hover-color) !important;}
.daterangepicker .ranges li.active{background-color: var(--main-color) !important;}
.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-body .profile-nav .nav-item:hover .nav-link{color:var(--hover-color) !important}