/*REFONTE
 **********/
body{
    font-size: 14px;
}
h1,h2{
    font-size: 30px;
    font-weight: 700;
    color: #2f4050;
}
h2{
    font-weight: 200;
}
input, select {
    min-height: 40px;
    border-radius: 0;
}
a {
    color: inherit;
}
a:hover {
    color: #1ab394;;
}

.collection-action {
    width: 40px;
    height: 40px;
    line-height: 31px;
}
.radare .input-group{
    position: relative;
    display: block;
}
.radare .input-group .geoloc{
    position: absolute;
    top: 40px;
    left: 1px;
    z-index: 10;
    width: 40px;
    height: 40px;
    font-size: 26px;
    background: #efefef
}

.code_generale .input-group{
    width: 75%;
    float: left;
}
.code_generale .input-group label{
    float: right;
}
.code_generale .ibox-tools{
    min-width: 140px;
    width: 23%;
    float: left;
}
.code_generale .ibox-tools button{
    background: #fff;
    border: 1px #ccc solid;
}
#pagin.generatmien {
    display: table;
    float: right;
}
.mb-15 .form-group #network_form_definition_customers > .row {
    margin-bottom: 15px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio],
.radio-inline input[type=radio]
input[type=file]{
    min-height: 1px;
    width: auto;
}
input[type=localization]{
    display: block;
}
#ms-profile_form_zone{
    width: 100%!important;
}
label[for=project_workflow_form_definition_coordinates] + .input-group{
   display: block;
   margin-bottom: 15px;
}
.input-group-label .input-group-btn{
    vertical-align: bottom;
}
.input-group-label .input-group-btn > .btn{
    height: 40px;
}
.tableau-db .datetimepicker{
    position: relative;
}
.tableau-db .datetimepicker span.add-on {
    position: absolute;
    width: 35px;
    height: 34px;
    background: #1ab394;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
.bootstrap-datetimepicker-widget>ul{
    padding: 0;
}
.title-1{
    margin-bottom: 50px;
}
.tableau-db h2{
    margin-bottom: 25px;
}
.tableau-db h3,
.titre-2{
    position: relative;
    padding-left: 25px;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}

.red-bg, .bg-danger {
    background-color: #ed5565;
    color: #fff;
}
 .progress-bar.bg-orange {
    background-color: #ff7f00;
    color: #fff;
}
.liste-date > p,
.sous-titre{
    font-weight: 700;
    color: #2f4050;
    font-size: 15px;
}
.liste-date > p{
    color: #293846;
}
.liste-date ul li{
    font-size: 14px;
    font-weight: 200;
    color: #6f6f6f;
    padding: 3px 15px;
}
.liste-date {
    padding: 15px;
    background: #e3e3e3;
}
.tableau-db .reseau h3{
    margin-bottom: 75px;
}
.tableau-db h3 .fa{
    position: absolute;
    left: 0;
    display: block;
    width: 25px;
    text-align: center;
    top: -3px;
}
.tableau-db .list-group-item,
.tableau-db .list-group-item{
    border: none;
}

.taux .somme{
    font-size: 24px;
}
.charge, .taux, .commission {
    margin-bottom: 50px;
}
.nbr-current-m-1 {
     margin-bottom: 40px;
 }
.my-card{
    position: absolute;
    left: 40%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px #23c6c8 solid;
    text-align: center;
    top: -14%;
    background: #fff;
    font-size: 24px;
}
.my-card .fa{
    padding-top: 16px;
}
.reseau .card{
    padding: 30px 10px;
    margin-bottom: 50px;
    height: 150px;
    position: relative;
    border-radius: 8px;
    background-image: linear-gradient(to right, #1ab394, #2bffd4);
    color: #fff;
     border: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}
.reseau .card:hover{
    background-image: linear-gradient(to right, #2bffd4, #1ab394);
}
.reseau .card .my-card{
    background-color: #2bffd4;
}
/**************** warning **********************/
.reseau .card.warning{
    background-image: linear-gradient(to right, #FF5722, #ffeb3b);
}
.reseau .card.warning .my-card{
    background-color: #ffeb3b;
}
.reseau .card.warning:hover{
    background-image: linear-gradient(to right, #ffeb3b, #FF5722);
}
/**************** bb **********************/
.reseau .card.bb{
    background-image: linear-gradient(to right, #673AB7, #cdb1ff);
}
.reseau .card.bb:hover{
    background-image: linear-gradient(to right, #cdb1ff, #673AB7);
}
.reseau .card.bb .my-card{
    background-color: #cdb1ff;
}
/**************** rr **********************/
.reseau .card.rr{
    background-image: linear-gradient(to right, #E91E63, #ff88b1);
}
.reseau .card.rr:hover{
    background-image: linear-gradient(to right, #ff88b1, #E91E63);
}
.reseau .card.rr .my-card{
    background-color: #ff88b1;
}
 .reseau .card.charge:hover{
     background-image: linear-gradient(to right, #b2ffe0, #00e9a0);
 }

 .reseau .card.charge{
     background-image: linear-gradient(to right, #00e9a0, #b2ffe0);
 }

 .reseau .card.income_average:hover{
     background-image: linear-gradient(to right, #f7ccff, #c106e9);
 }

 .reseau .card.income_average{
     background-image: linear-gradient(to right, #c106e9, #f7ccff);
 }

 .reseau .card.income_average .my-card{
     background-color: #f7ccff;
 }

/**************** rr **********************/
.reseau .card.succes{
    background-image: linear-gradient(to right, #00bcd4, #82f1ff);
}
.reseau .card.succes:hover{
    background-image: linear-gradient(to right, #82f1ff, #00bcd4);
}
.reseau .card.succes .my-card{
    background-color: #00bcd4;
}

/**************** red **********************/
.reseau .card.red{
    background-image: linear-gradient(to right, #f00, #ff5050);
}
.reseau .card.red:hover{
    background-image: linear-gradient(to right, #ff5050, #f00);
}
.reseau .card.red .my-card{
    background-color: #ff5050;
}

.reseau .card h4 {
    font-size: 15px;
    font-weight: 200;
}
.reseau .col-md-2 {
    padding: 5px;
}
.reseau .card a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.reseau .card .la_somme{
    font-size: 22px;
}
.zones-wrapper{
    margin-bottom: 50px;

}
/*warning
*******************/
/*.tableau-db .warning .text-info{
    color: #ffc107;
}
.warning .my-card,
.reseau .warning.card{
    border-color: #ffc107;
    color: #ffc107;
}*/
/*warning
*******************/
/*.tableau-db .succes .text-info{
    color: #1ab394;
}
.succes .my-card,
.reseau .succes.card{
    border-color: #1ab394;
    color: #1ab394;
}*/
/*orange
*******************/
/*.tableau-db .orange .text-info{
    color: #ff7f00;
}
.orange .my-card,
.reseau .orange.card{
    border-color: #ff7f00;
    color: #ff7f00;
}*/
/*warning
*******************/
/*.tableau-db .pp .text-info{
    color: #ff62ec;
}
.pp .my-card,
.reseau .pp.card{
    border-color: #ff62ec;
    color: #ff62ec;
}*/
/*warning
*******************/
/*.tableau-db .bb .text-info{
    color: #000000;
}
.bb .my-card,
.reseau .bb.card{
    border-color: #000000;
    color: #000000;
}*/
/*warning
*******************/
/*.tableau-db .rr .text-info{
    color: #f00;
}
.rr .my-card,
.reseau .rr.card{
    border-color: #f00;
    color: #f00;
}*/
/*HOVER CARD*/
.reseau .card{

}
.reseau .card .my-card{
     color: #fff;
     border: none;
}
.reseau .card .text-info{
     color: #fff;
}
/*ANNIMATION
****************/
/* Forward */
.hvr-forward {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.bg-succes,
.bg-80{
    background-color: #00ff5a;
}
.yellow-bg, .bg-warning,
.bg-65{
    background-color: #ffc107;
}
.bg-50{
    background-color: orange; 
}
.ibox.zone_liste {
    padding: 15px;
    background: #fff;
    margin-top: 15px;
}
.ibox .ibox-content table{
    width: 100%;
    margin-bottom: 15px;
}
.ibox input,
.ibox select{
    border: #ebebeb 1px solid;
    box-shadow: none;
    padding: 10px;
}
.ibox-content{
    overflow: hidden;
}
 label{
    text-align: left;
}
.client-details label{
    margin-bottom: 0!important;
}
td input,
td select{
    width: 99%;
}
.ibox input[type=checkbox],
.ibox input[type=radio]{
    width: auto;
}
.ibox .dataTables_wrapper .dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    display: block;
    float: none;
    clear: both;
    text-transform: uppercase;
    color: #1ab394;
    font-weight: 700;
        margin: 77px 0px 0;
}
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{
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 29px;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    font-size: 13px;
}
th {
    border: 1px #edebeb solid;
}
/*.form-inline{
    margin-bottom: 25px;
}*/

/*MODIF 23/2019
*******************/
.ibox.zone_liste {
    padding: 50px 15px;
    background: #fff;
    margin-top: 15px;
}
.zone_liste .inline-group{
        font-size: 15px;
    padding: 0 15px;
}
.zone_liste ul {
    padding: 0px;
    margin-bottom: 0;
}
.zone_liste li.col-md-2,
.zone_liste li.col-md-3,
.zone_liste li.w16,
.zone_liste li.w25 {
    border-bottom: 1px #e9e9e9 solid;
    height: 44px;
}
.zone_liste li.col-md-2 {
    height: 44px;
}
.zone_liste ul li {
    list-style: none;
    line-height: 44px;
    font-size: 12px;
}
.zone_liste ul li ul > li:first-child{
    padding-left: 25px;
}
.zone_liste ul li ul > li:first-child{
    padding-left: 25px;
    width: 25%;
}
.zone_liste ul li ul > li ul li:first-child{
    padding-left: 35px;
}
.zone_liste ul li ul > li ul li ul li:first-child{
    padding-left: 45px;
}

.zone_liste ul {
    background: #fff;
}
.zone_liste ul li > span{
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    font-size: 15px;
        margin-right: 6px;

}
.zone_liste ul li.collapsed > span{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    line-height: 20px;
}
.scroll-zone{
    overflow: hidden;
}
.scroll-liste{
    height: 56vh;
    display: block;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -moz-overflow-style: -moz-autohiding-scrollbar;
}
.w25{
    width: 25%;
    display: inline-block;
    float: left;
}
.w16{
    width: 16.66666667%;
    display: inline-block;
    float: left;
}
.w12{
    width: 100%;
    display: block;
    float: none;
}
table td ul{
    padding-left:10px;
    margin: 0;
}
#wizard .input-group .input-group-addon.geoloc{
    background-color: transparent;
    padding: 0;
    border: 0;
}
#wizard .input-group .input-group-addon.geoloc + input{
    padding-left: 43px;
}
.help-block{
    font-size: 12px;
}
#wizard .input-group .input-group-addon.geoloc > i{
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 42px;
    position: absolute;
    top: 0;
    z-index: 200;
}
.dataTable.no-footer td{ min-width: 150px; font-size: 12px; }
.mini-navbar .nav .nav-second-level{
    width: 160px;
}
#dashboard select, #dashboard input{
    height: 45px;
    border-radius: 0;
}
.map-controls-form{
    padding: 25px 0;
    margin-bottom: 33px;
}
.has-feedback label~.form-control-feedback {
    top: 25px;
    height: 45px;
    line-height: 45px;
}
.btn-generale{
    width: 100%;
    background: #1ab394;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    outline: none;
    border-radius: 0;
}
#dashboard .btn-generale{
    margin-bottom: 0;
    margin-top: 24px;
}
#dashboard .form-filtre{
    margin-bottom: 50px;
}
#dashboard .form-filtre label{
    font-size: 15px;
}

.mini-navbar li.active .nav-second-level{
    width: 200px;
}

.test.zones-wrapper {
    
    padding: 15px;
    color: #2f4050;
}
.test.zones-wrapper ul{
    background: #d9ecff;
    padding: 15px 0 15px 25px;
}
.test.zones-wrapper ul:hover > li a{
    color: #1ab394;
}


.progress {
    border-radius: 0;
}
/*#prospect_workflow_form_identification .input-group-addon.geoloc {
    position: absolute;
    top: 60px;
    z-index: 2;
    width: 50px;
    height: 50px;
    font-size: 33px;
}*/

#prospect_workflow_form_identification .input-group{
    width: 100%;
}
#prospect_workflow_form_identification .input-group input{
    margin-bottom: 15px;
}
.ibox .wizard>.content{
    background-color: #fff;
}
.visualisation-map{
    width: 100%!important;
    height: 50vh!important;
}

.recomandation p{
    margin-bottom: 0;
}
.recomandation input,
.recomandatio select{
    margin-bottom: 15px;
}
.mw-1220{
    width: 1250px;
    margin: auto;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #0aa562;
    opacity: 0.4;
    border-radius: 6px;
}
.mCSB_scrollTools .mCSB_dragger:hover,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    opacity: 1;
}
.mCSB_container_wrapper{
    margin-left: 0;
    margin-right: 0;
}
.table-responsive{
    overflow: visible;
}

table tr > th{
    border-bottom: 1px solid #ddd;
}
.table thead tr th, .table tbody tr th,
.table tfoot tr th,
.table thead tr td,
.table tbody tr td,
.table tfoot tr td {
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    border: 1px #ddd solid;
    border-width: 0 1px 0 0;
}
table.dataTable thead tr th.sorting_asc,
table.dataTable thead tr th.sorting_desc,
table.dataTable thead tr th.sorting,
table.dataTable thead tr td.sorting_asc,
table.dataTable thead tr td.sorting_desc,
table.dataTable thead tr td.sorting{
        padding-right: 30px;
        border-top: 0;
}
table.dataTable thead tr th.sorting_asc,
table.dataTable thead tr th.sorting_desc,
table.dataTable thead tr td.sorting_asc,
table.dataTable thead tr td.sorting_desc{
        background-color: rgb(249, 249, 249);
}
table th,
table td{
    text-align: left!important;
}
.nav-second-level li a{
    cursor: pointer;
}
.btn-group .btn-generale{
    width: auto;
}
.btn-group .btn-generale:first-child{
    margin-right: 5px;
}

.coord-distance-infos input{
    margin-bottom: 15px;
}
.coord-distance-infos{
    padding: 15px;
}
.float-e-margins .table{
    display: table;
    background: #fff;
}
.coord-distance-infos-wrapper{
    background-color: #fff;
}
table.dataTable tr.odd{
   background-color: rgb(249, 249, 249); 
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{

}
.projectWorkflow input,
.projectWorkflow select{
    margin-bottom: 15px;
}

#googleMap{
    width: 60%;
    height: 80vh;
    display: inline-block;
    float: right;
    padding: 15px;
}
#googleMap.w100{
    width: 100%;
}
.autocompleter {
    padding: 15px 0;
    background-color: #fff;
    opacity: 1;
    z-index: 200;
    border: 1px #1ab394 solid;
}
.map-controls.w50{
    width: 30%;
    display: inline-block;
    float: left;
    padding: 15px;
}

#client_form_changementForfait .form-group {
    width: 25%;
    float: left;
    padding: 15px;
    display: inline-block;
}
.form-group.w25{
    width: 24%;
    display:inline-block;
    float:left;
    padding: 0 15px
}

.coord-distance-infos{
    display: none;
}
.coord-distance-infos.active{
    display: block;
}

.code_generate {
    padding-left: 5px;
    padding-right: 5px;
}

.dataTables_empty{
    text-align: center !important;
}
.alert_table_responsive tr:nth-child(2) td + td{
    border:none;
}
.filter-wrapper{
    margin-bottom: 15px;
}
.formulaire-nanoe .form-control,
.formulaire-nanoe select{
    margin-bottom: 15px;
    height: 40px;
}
.formulaire-nanoe .fileinput-new .form-control{
    margin-bottom: 0;
}
.input-group .btn{
    min-height: 40px;
}
.custume-header th {
    font-size: 13px;
    min-width: 118px;
}
#network_form_construction{
    padding: 25px 15px;
    background-color: #fff;
}


.swal2-popup.swal2-toast .swal2-title {
        font-size: 1.5em !important;
}

 div.span-affiche-generate-code, .datatable_show {
     padding-top: 2%;
     padding-left: 6%;
     padding-right: 0px;
 }

 div.span-element-generate-code, .datatable_element_count {
     padding-top: 2%;
     padding-left: 0px;
     padding-right: 4%;
 }

 div.ibox-tools.export-generatecode {
     float: right;
 }

 a.btn.espace-btn {
     margin-right: 9px;
 }

 .prospect_prospectNumber.prospect_coordinates .prospect_zone .prospect_creator{
     margin-bottom: 2em;
 }

 select.readOnly {
     min-height: 190px;
 }

.row-comission {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}
.row-comission .label-commission{
    text-align: right;
}
/*MEDIAQUERY
***********************/
@media (min-width: 320px){
    .zone_liste .col-md-3 {
        width: 25%;
        float: left;
    }
    .zone_liste .col-md-2 {
        width: 16.66666667%;
        float: left;
    }

}
@media (max-width: 1990px){
    .project-list{
        overflow: hidden;
    }
    .dataTables_wrapper .table-resp{
        width: 1990px;
    }
}
@media (max-width: 1440px){
    .code_generale .input-group label{
        float: left;
    }
    .code_generale .input-group{
        width: auto;
    }

}
@media (max-width: 1200px){
    .nomobile{
        display: none;
    }
    .code_generale {
        width: 100%;
        margin: 15px 0;
    }
    .code_generale .ibox-tools{
        float: right;
        width: 140px;
    }
    
}

@media (max-width: 992px){
    .mw-1220{
        width: 1000px;
    }
    .sm-hide{
        display: none;
    }
    #googleMap,
    .map-controls.w50{
        width: 100%;
        float: none;
        clear: both;
    }
    
    #client_form_changementForfait .form-group {
        width: 50%;
    }
    .form-group.w25{
        width: 50%;
    }

    
}

@media (max-width: 768px){
    #client_form_changementForfait .form-group {
        width: 100%;
    }
    .form-group.w25{
        width: 100%;
    }
    .ibox .dataTables_wrapper .dataTables_info{
        white-space: normal;
    }
    .alert_table_responsive tr:nth-child(2) td{
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .full-w{
        width: 100%;
        float: none!important;
        display: table;
        margin-bottom: 15px;
    }

}

@media (max-width: 480px){
    .ibox-footer.text-center .btn{
        float: none;
        margin-bottom: 15px;
    }
    .ibox-tools a.btn-primary{
        width: 100%;
    }

    .pagination li.previous,
    .pagination li.next

    {
        display: table;
        float: none;
        clear: both;
        margin-bottom: 15px;
    }
    .code_generale .ibox-tools .btn-group{
        width: 100%;
        margin: 15px auto;
    }
    .code_generale .input-group{
        width: 100%;
    }
    .code_generale .input-group input,
    .code_generale .input-group label{
            width: 100%;
        }


}
/*  any ambonin'ny mediaquery topoko manao css azafady   */

/* FIN MEDIAQUERY
***********************/