/* here you can put your own css to customize and override the theme */
.img_dashbord {
    width: 114%;
    height: 254px;
    border: 1px solid #abf333;
    box-shadow: 8px 8px 12px #aaa;
}

.login-holder {
    width: 40%;
    min-width: 280px;
    max-width: 400px;
    float: none;
    margin: 50px auto;
    border: 1px solid #f3f0f0;
    padding: 10px 35px;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0px 0px 11px #e4e4e4;
}

.flash-todark {
    background-color: #00cc93 !important;
    color: #ffffff !important;
}

.flash-tolight {
    background-color: #eaeaea !important;
    color: #2f2f2f !important;
}

.flash-trans {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.login-inner {
    display: block;
    float: none;
    margin: 0 auto;
}

.bgl {
    border-radius: 20px;
    box-shadow: none;
    font-size: 13px;
    padding: 8px 30px;
}

.bgl-default {
    background: #fff;
    border: 1px solid #36d2a1;
    color: #36d2a1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-success {
    background: #fff;
    border: 1px solid #36c6d3;
    color: #36c6d3;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-danger {
    background: #fff;
    border: 1px solid #d43f3a;
    color: #d43f3a;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-danger:hover {
    box-shadow: inset 0px 0px 1px 0px #d9534f;
    color: #d9534f;
    padding: 8px 25px 8px 35px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-default:hover {
    box-shadow: inset 0px 0px 8px 0px #d2f5eb;
    color: #24a97f;
    padding: 8px 25px 8px 35px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-success:hover {
    box-shadow: inset 0px 0px 1px 0px #2bb8c4;
    color: #2bb8c4;
    padding: 8px 25px 8px 35px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-danger:active {
    box-shadow: inset 0px 0px 6px #d9534f;
    background: #d43f3a;
    color: #fff;
    border: 1px solid #d9534f;
    outline: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-default:active {
    box-shadow: inset 0px 0px 6px #147355;
    background: #36d2a1;
    color: #fff;
    border: 1px solid #1c946e;
    outline: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-success:active {
    box-shadow: inset 0px 0px 6px #147355;
    background: #36c6d3;
    color: #fff;
    border: 1px solid #30fff4;
    outline: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-danger:focus {
    outline: none;
    box-shadow: inset 0px 0px 1px #d43f3a;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-default:focus {
    outline: none;
    box-shadow: inset 0px 0px 1px #4cd7ab;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bgl-success:focus {
    outline: none;
    box-shadow: inset 0px 0px 1px #36c6d3;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.login-content {
    /* height: 600px; */
    background: #fff;
}

.logo-holder {
    width: 333px;
    min-width: 250px;
    float: none;
    margin: 4px auto -38px auto;
}

.logo-holder img {
    display: block;
    float: none;
    margin: 0 auto;
    height: 142px;
}

.login-title {
    font-size: 14px;
    padding: 10px;
    margin-bottom: 18px;
}

.login-holder input {
    border: 1px solid #36d2a1;
    box-shadow: 5px 2px 24px #f3f3f3 !important;
}

.lo-position-info {
    display: none;
    background: rgba(255, 255, 255, 0.98);
    position: relative;
    /* font-weight: bold; */
}

.lo-position-info a {
    display: block;
    margin: 15px 0 0 0;
    text-decoration: none;
    font-weight: bold;
}

.lop-waiter {
    /* position: absolute; */
}

.lop-text {
}

.lop-overall {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    box-shadow: 0px 0px 11px #ccc;
    z-index: 999;
    padding: 24px;
    border-radius: 3px;
}

.lg-errors {
    /* background: #f36a5a; */
    color: #f36a5a;
    font-size: 13px;
    padding: 5px 10px;
    margin-top: -2px;
    text-align: left;
}

.gl-inputerror {
    border: 1px solid #f36a5a !important;
}

.gl-errors {
    background: #f36a5a;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
    margin-top: -2px;
    text-align: left;
}

.lg-wrong-infos {
    background: #fff0ef;
    /* display: none; */
    color: #636262;
    border: 1px solid #efb2ab;
    padding: 7px;
    margin: -10px 0 10px 0;
    border-radius: 5px;
}

.new-sidebar {
    position: fixed;
    top: 105px;
    left: 0;
    z-index: 10000;
    box-shadow: 1px 1px 2px #ccc !important;
    overflow: scroll;
}

.sidebar-logo-holder {
    background: #fff;
    padding: 20px 12px 15px 0 !important;
    /* position: absolute; */
    z-index: 100013;
    width: 200px;
}

.sidebar-logo-holder .page-logo > a > img {
    height: 62px;
    display: block;
    float: none;
    margin: 3px auto 3px auto;
}

@media (max-width: 991px) {
    .page-header.navbar {
        width: 100%;
    }
}

.gl-soon {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: middle;
    top: 0;
    left: 0;
    background: rgba(237, 239, 241, 0.95);
    z-index: 12000;
    color: #717373;
    /* font-weight: bold; */
    padding: 20px;
    text-align: center;
}

.index-carousel-inner .text-icon {
    /* margin: 0 0 0 34%; */
    position: relative;
    font-size: 18px;
}

.dash-carousel-card {
    display: inline-block;
    position: relative;
    background: #00B5EE;
    height: 100px;
    width: 210px;
    color: #fff;
    margin-left: 20px;
}

.dash-carousel-card-icon {
    display: block;
    float: left;
    width: 35%;
    line-height: 92px;
    font-size: 60px;
    padding: 0 8px 0 8px;
}

.dash-carousel-card-text {
    display: flex;
    float: left;
    height: 100%;
    font-size: 20px;
    width: 65%;
    text-align: left;
    align-items: center;
}

.index-carousel-inner .item {
    text-align: center;
    max-height: 104px;
    overflow: hidden;
}

[data-link] {
    cursor: pointer;
}

.admin-landing-container {
    background: #fff;
    padding: 30px 5px;
}

.admin-topnav {
    list-style: none;
    text-align: center;
    min-height: 81px;
    padding: 0;
    border-bottom: 1px solid #ccc;
    /* box-shadow: 0px 1px 1px #ccc; */
    /* display: block; */
    /* float: right; */
}

.admin-topnav li {
    float: left;
    display: block;
    height: 50px;
    width: 20%;
    min-width: 50px;
    margin: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-topnav li > a {
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-topnav li > a:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-topnav li > a:hover .atn-icon {
    color: #676767;
    text-shadow: 1px -4px 13px #e4e4e4;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-topnav li > a:hover .atn-text {
    background: #f9f9f9;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-topnav li > a:hover .atn-image {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.saut {
}

.admin-topnav-holder {
    height: 70px;
}

.atn-icon {
    display: block !important;
    width: 20px !important;
    height: 30px;
    margin: 0 auto;
    font-size: 30px;
    color: #404040;
    line-height: normal !important;
}

.atn-text {
    color: #848484;
    font-size: 12px;
    padding: 1px 6px;
    /* display: block; */
}

.atn-image {
    display: block;
    height: 30px;
    max-width: 50px;
    display: block;
    margin: 0 auto;
}

.admin-tools-holder {
}

.admin-tools {
    list-style: none;
    padding: 0;
    text-align: center;
}

.admin-tools > li {
    display: inline-block;
    width: 190px;
    /* max-width: 190px; */
    height: 115px;
    background: #e2e2e2;
    margin: 2vh 1vw;
    padding: 8px;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #3a3a3a;
    border: 1px solid #ccc;
    /* cursor: default; */
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.admin-tools > li:hover {
    background: #bdbdbd;
    border: 1px solid #545454;
    /* color: #fff; */
    /* box-shadow: inset 0px 0px 14px 0px #828282; */
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.admin-tools > li:hover .ati-text {
    color: #131313;
    text-shadow: 0px 0px 4px #fff;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.admin-tools > li:hover > a {
    text-decoration: none;
}

.admin-tools > li > a {
    text-decoration: none;
}

.admin-tools > li > a:hover {
    text-decoration: none;
}

.ati-icon {
    height: 45px;
    width: 45px !important;
    display: block !important;
    margin: 0 auto 8px;
    line-height: normal !important;
    font-size: 40px;
}

.ati-image {
    height: 45px;
    /* width: 45px !important; */
    display: block !important;
    margin: 0 auto 8px;
    /* line-height: normal !important; */
    /* font-size: 40px; */
}

.ati-text {
    font-size: 14px;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.i-input {
    width: 102px;
    border-radius: 50px;
    border: 1px solid #36d2a1;
    font-size: 15px;
    outline: none;
    padding: 3px 10px;
}

.i-input:hover {
}

.i-input:active, .i-input.active {
}

.i-input:focus {
}

.i-input.i-date {
    width: 130px;
    cursor: text;
    background: #f1f1f1;
    font-weight: bold;
    border: 1px solid #a0a0a0;
}

.i-input.i-date::after {
    content: "\f073";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.dd-date {
    width: auto;
    display: inline-block;
    background: #fff;
    padding: 5px;
    position: relative;
}

.dd-date input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #fff !important;
    border: 1px solid #ffffff !important;
}

.dd-date .fa {
    font-size: 20px;
    padding-top: 10px;
    padding: 10px 3px;
    position: absolute;
    right: 0;
    top: 0;
    height: 33px;
}

.dd-date .fa:hover {
    background: #eee;
}

.nlogo {
    width: 200px;
    text-align: center;
    padding: 0 0 10px 0;
    box-shadow: -7px 4px 9px #e6e6e6;
    background: #fff;
}

.normal-link {
    background: none;
    color: #fff;
}

@media (max-width: 991px) {
    .nlogo {
        height: 70px;
        width: 100px;
        overflow: hidden;
        box-shadow: none;
    }

    .nlogo img {
        height: 50px;
        margin: 10px !important;
    }
}

.nouveau-prospet {
    width: auto !important;
    background: #fff;
    margin: 0 -15px;
}

.np-row {
    width: 100%;
    margin: 10px 0 7px 0;
    /* padding: 0 10px; */
    border-bottom: 1px solid #f1f1f1;
    /* overflow: hidden; */
    /* text-align: center; */
    /* box-shadow: 0px 8px 9px #f3f3f3; */
}

.np-row h6 {
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 5px 14px;
    font-size: 20px;
    border-bottom: 2px solid #d2d2d2;
    text-align: left;
}

.np-rowcontent {
    padding: 10px;
    position: relative;
    border-right: 1px solid #f3f3f3;
    height: 164px;
    overflow: hidden;
    background: #fff;
}

.npage-titre {
    padding: 0 0 10px 16px;
    margin: 15px 0 36px 0;
    text-align: center;
    border-bottom: 1px solid #ececec;
}

.np-optinner {
    width: 100%;
    background: red;
    height: 100%;
    top: 0;
}

.np-opt-red .inc {
    background: #b34646 !important;
}

.np-opt-red .check {
    border-color: #b34646 !important;
}

.np-opt-red .box {
    border-color: #b34646 !important;
}

.np-opt-red label {
    color: #b34646 !important;
}

.np-opt-orange .inc {
    background: #ffbc3e !important;
}

.np-opt-orange .check {
    border-color: #ffbc3e !important;
}

.np-opt-orange .box {
    border-color: #ffbc3e !important;
}

.np-opt-orange label {
    color: #ffbc3e !important;
}

.np-opt-blue .inc {
    background: #bdbdbd !important;
}

.np-opt-blue .check {
    border-color: #ababab !important;
}

.np-opt-blue .box {
    border-color: #bfbfbf !important;
}

.np-opt-blue label {
    color: #9e9e9e !important;
}

.gl-audio-btn {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background: #d7ffef;
    color: #14905c;
    text-align: center;
    margin: 10px 0;
    /* padding: 0 0 0 6px; */
    border: 2px solid #4fd29d;
    border-right: 2px solid #2a7356;
    border-bottom: 2px solid #2a7356;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    outline: none;
}

.gl-audio-btn:hover {
    background: #26c281;
    color: #fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.gl-audio-btn .fa {
    display: block;
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    font-size: 50px;
}

.gl-audio-btn i {
}

.gl-play-btn {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background: #d1fbff;
    color: #32c5d2;
    text-align: center;
    margin: 10px 0;
    /* padding: 0 0 0 6px; */
    line-height: 100px;
    border: 2px solid #36d2e0;
    border-right: 2px solid #1c96a0;
    border-bottom: 2px solid #18828c;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    outline: none;
}

.gl-play-btn:hover {
    background: #32c5d2;
    color: #fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.gl-play-btn .fa {
    display: block;
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    font-size: 50px;
    /* padding-left: 8px; */
}

.gl-play-btn i {
}

.audio-canvas-container {
    width: 100%;
    overflow: hidden;
    height: 150px;
    float: none;
    margin: 0 auto;
    /* border: 1px solid #ccc; */
    position: relative;
}

.audio-canvas-container canvas {
    width: 100%;
    height: 100%;
}

.np-produits {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    white-space: nowrap;
    overflow: visible;
}

.np-produits li {
    display: inline-block;
    position: relative;
    height: 130px;
    width: 100px;
    background-color: #ffffff;
    border: 1px solid #00adea;
    margin: 4px 2px;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.np-produits li span {
    display: block;
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
    font-size: 10px;
    text-align: center;
    background: #00adea;
    color: #ffffff;
    white-space: normal;
    overflow: hidden;
}

.np-produits.loading li {
    border-color: #e5e5e5;
}

.np-produits.loading li::after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 16px;
    width: 64px;
    height: 64px;
    background: #efefef;
    z-index: 2;
    margin-left: -32px;
    border-radius: 100%;
}

.np-produits.loading li::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
}

.np-produits.loading li span::after {
    content: ' ';
    position: absolute;
    left: 5%;
    top: 12px;
    width: 91%;
    height: 28%;
    z-index: 3;
    background: #e5e5e5;
}

.np-produits.loading li span::before {
    content: ' ';
    position: absolute;
    left: 5%;
    top: 0;
    width: 80%;
    height: 20%;
    z-index: 3;
    background: #e5e5e5;
}

.no-data {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.95);
    /* border: 1px dotted #ccc; */
}

.no-data span {
    display: inline-block;
    padding: 50px 0;
    font-size: 20px;
    font-weight: bold;
}

.title-label {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #949494;
    border-left: 2px solid #50e3c2;
    padding: 0 0 0 10px;
}

.np-audio-control {
    display: block;
    text-align: center;
    padding: 15px;
}

@media (max-width: 340px) {
    .page-logo {
        display: none !important;
    }

    .commercial-chart-card .ccc-txt li > span {
        width: 80px !important;
    }

}

.np-audio-control {
}

.np-audio-control button:disabled {
    opacity: .2;
}

.np-audio-control button {
    display: inline-block;
    height: 50px;
    width: 50px;
    background: #fff;
    border: 1px #dcdcdc solid;
    border-radius: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    padding: 1px 0 0 1px;
    outline: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.np-audio-control button:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.np-audio-control button#record {
    background: #1bbc9b;
    border: 2px solid #099a7c;
    color: #fff;
}

.np-audio-control button#record:hover:not(:disabled) {
    background: #16d2ac;
    border: 2px solid #20b99b;
    color: #075848;
}

.np-audio-control button#pause {
    background: #35e5ef;
    border: 2px solid #21b1b9;
    color: #138086;
}

.np-audio-control button#pause:hover:not(:disabled) {
    background: #adf5f9;
    border: 2px solid #2dcfd8;
    color: #074548;
}

.np-audio-control button#stop {
    background: #e43a45;
    border: 2px solid #b91a24;
    color: #fff;
}

.np-audio-control button#stop:hover:not(:disabled) {
    background: #ff6d76;
    border: 2px solid #f71f2c;
    color: #ffe0e0;
}

.np-audio-control .rec {
    display: inline-block;
    height: 50px;
    width: 50px;
    background: #e7505a;
    border: 2px solid #981a23;
    border-radius: 100%;
    font-size: 25px;
    color: #fff;
}

.np-audio-control .rec:disabled {
    opacity: .3;
}

.np-audio-control .pause {
    display: inline-block;
    height: 50px;
    width: 50px;
    background: #e7505a;
    border: 2px solid #981a23;
    border-radius: 100%;
    font-size: 25px;
    color: #fff;
}

.np-audio-control .rec:disabled {
    opacity: .3;
}

.np-audio-control .rec:hover(:not(:disabled)) {
    background: #f5888f;
    border: 2px solid #b1323b;
    color: #751f1f;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.np-audio-control .stop {
    display: inline-block;
    height: 50px;
    width: 50px;
    background: #f5f5f5;
    border: 2px solid #adadad;
    border-radius: 100%;
    font-size: 25px;
    color: #717171;
}

.np-audio-control .stop:disabled {
    opacity: .3;
}

.np-audio-control .stop:hover(:not(:disabled)) {
    background: #797979;
    border: 2px solid #151515;
    color: #e4e4e4;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.np-audio-control button > .fa {
}

.demo-notif {
    display: block;
    width: 90%;
    background: #fbffc8;
    position: absolute;
    right: 5%;
    top: 0;
    font-size: 13px;
    text-align: center;
    z-index: 2;
}

.gl-container {
    margin: 0;
    padding: 0 10px;
}

.table-actions {
    position: absolute;
}

.ta-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

@media (max-width: 750px) {
    .btn-group {
        position: relative !important;
    }

    .tbl-menu {
        position: relative;
    }

    .tbl-menu li {
    }

    .tbl-menu a {
    }
}

@media screen and (max-width: 800px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e7ecf1;
    }
}

.panel-more {
    text-align: right;
    padding: 0 10px 5px;
    background: #f3f3f3;
}

.panel-more a {
    font-size: 12px;
    background: none;
    color: #464646;
    text-decoration: none;
}

.panel-action {
    position: absolute;
    right: 20px;
    top: 10px;
    background: none;
    color: #fff;
    border: none;
    outline: none;
}

.panel-action:hover {
    background: #1c5586;
    /* border-left: 4px solid #0e314e; */
    color: #c5e4ff;
    border-radius: 6px 0 6px 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.prev-role {
    padding-top: 4px;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #dcdcdc;
}

.modal_sucess {
    padding: 20px;
    text-align: center;
}

.modal_sucess span:not(.fa) {
    color: #676767;
}

.modal_sucess .fa {
    display: block;
    height: 30px;
    width: 30px;
    background: #e9fff6;
    border-radius: 100%;
    color: #15c77d;
    border: 1px solid #c7ffe8;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
}

.modal_fail {
    padding: 20px;
    text-align: center;
}

.modal_fail span:not(.fa) {
    color: #676767;
}

.modal_fail .fa {
    display: block;
    height: 30px;
    width: 30px;
    background: #ffd1d4;
    border-radius: 100%;
    color: #e43a45;
    border: 1px solid #ffa8ae;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
}

.modal_loader {
    padding: 20px;
    text-align: center;
}

.modal_loader .fa {
    font-size: 30px;
    color: #26c281;
    display: block;
}

.modal_loader span:not(.fa) {
    color: #6d6d6d;
}

.modal-action-detail {
    text-align: right;
    padding: 0 10px 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.panel-actions {
    position: absolute;
    right: 0;
    top: 0;
}

.ddm-dark {
}

.ddm-dark li {
}

.ddm-dark li:hover {
}

.ddm-dark li:hover a {
}

.ddm-dark li a {
    background: #efefef;
    color: #212121;
    border-bottom: 1px solid #d0d0d0;
}

.row-eq-height {
    display: table;
}

.row-eq-height [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

@media (min-width: 450px) {
    .gl-modal-wc {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .gl-modal-wc {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .gl-modal-wc {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .gl-modal-wc {
        width: 60%;
    }
}

/* gl material form group*/
.gl-mdfg {
    margin-bottom: 10px !important;
}

.no-permission {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 20px 15px;
    text-align: center;
}

.no-permission h1 {
    font-size: 45px;
    /* margin-top: 40px; */
    color: #464646;
}

.no-permission p {
    font-size: 15px;
    color: #585858;
}

.no-permission > .fa {
    color: #f1f1f1;
    font-size: 100px;
    margin-bottom: -10px;
    display: block;
    padding-top: 32px;
}

.nop-dirs {
    background: #fff;
    margin: 1px 0 0 0;
    padding: 10px;
    text-align: center;
    border-top: 2px solid #f1f1f1;
}

.nop-dirs a {
}

.commercial-chart-cards {
}

.commercial-chart-card {
    background: #fff;
    /* margin: 2px; */
    border: 1px #e5e5e5 solid;
    padding-bottom: 10px;
}

.commercial-chart-card h3 {
    text-align: center;
    padding: 8px 0;
    margin: 0 -15px 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
}

.commercial-chart-card .ccc-chart {
}

.commercial-chart-card .ccc-txt {
    display: inline-block;
    width: 40%;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 160px;
    padding-top: 27px;
}

.commercial-chart-card .ccc-txt li {
    /* position: relative; */
    line-height: 46px;
    font-size: 15px;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.commercial-chart-card .ccc-txt li > span {
    float: right;
    padding: 0px 20px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    /* position: absolute; */
    max-width: 100px;
    /* right: 0; */
    width: 100%;
    /* overflow: hidden; */
    /* text-align: left; */
    position: relative;
}

.commercial-chart-card .ccc-txt li > span i {
    position: relative;
    /* z-index: auto; */
    /* display: none; */
    color: #fff;
    font-style: normal;
    display: block;
    width: 100px;
    text-align: center;
    margin-left: -20px;
    z-index: 9;
}

.commercial-chart-card .ccc-txt li > span::before {
    content: '';
    background: #00b5ee;
    /*transform: rotate(3deg);*/
    position: absolute;
    height: 50px;
    width: 100px;
    z-index: 0;
    left: 0;
    animation-name: ccc-animation;
    animation-duration: 1s;
}

.flashy {
    animation-name: flash-animation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.ccc-msg {
    /* position: absolute; */
    bottom: 5px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 9px 5%;
    background: #fff;
    float: none;
    margin: 0 auto;
}

@keyframes ccc-animation {
    0% {
        transform: rotate(80deg);
    }

    25% {
        transform: rotate(50deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(15deg);
    }

    85% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.dash-prosp-card {
    display: block;
    /* width: 80%; */
    margin: 8px auto 0;
    float: none;
    position: relative;
    height: 120px;
}

.dpc-titre {
    position: absolute;
    left: 0;
    display: table;
    top: 0;
    height: 100%;
    width: 50%;
    background: #00b0ff;
    text-align: center;
    font-size: 18px;
    /* word-wrap: unset; */
    /* padding: 35px 0 0 0; */
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.dpc-top {
    display: block;
    height: 58px;
    text-align: center;
    background: #fff;
    width: 96%;
    margin: 0 0 0 4px;
}

.dpc-titre span {
    display: table-cell;
    vertical-align: middle;
}

.dpct-title {
    display: block;
    width: 100%;
    font-size: 12px;
    height: 14px;
    color: #9e9e9e;
    overflow: hidden;
}

.dpc-percent {
    height: calc(100% - 15px);
    padding-bottom: 15px;
    position: relative;
}

.dpc-percent span {
    position: absolute;
    display: block;
    font-size: 40px;
    /* font-weight: bold; */
    left: 50%;
    margin-left: -23px;
    height: 50px;
    margin-top: -7px;
}

.dpc-percent .fa-arrow-up {
    position: absolute;
    left: 50%;
    display: block;
    margin-left: 25px;
    font-size: 20px;
    font-weight: lighter;
    height: 100%;
    line-height: 45px;
    color: #93c53b;
}

.dpc-percent .fa-arrow-down {
    position: absolute;
    left: 50%;
    display: block;
    margin-left: 25px;
    font-size: 20px;
    font-weight: lighter;
    height: 100%;
    line-height: 45px;
    color: #ff0000;
}

.dpc-bottom {
    display: block;
    height: 58px;
    text-align: center;
    background: #fff;
    width: 96%;
    margin: 4px 0 0 4px;
}

.dpcb-title {
}

.dpc-right-holder {
    position: absolute;
    display: block;
    right: 0;
    width: 50%;
    height: 120px;
}

.dash-prosp-card.card-regu {
    width: 100%;
    max-width: 400px;
}

.dash-prosp-card.card-regu .dpc-titre {
    background: #62BF08;
}

.val-result {
    padding: 0px 30px;
    margin-bottom: 12px;
    margin-top: -15px;
    display: none;
}

.val-result ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 9px 0;
    background: #fdfdfd;
    border: 1px solid #e4e4e4;
    padding: 5px;
}

.val-result ul li span {
    font-weight: bold;
    /* float: right; */
    /* display: block; */
}

.val-result ul li:hover {
    background: #ffffff;
    cursor: default;
}

.val-result ul li {
    font-size: 13px;
    margin: 3px 0;
    border-bottom: 1px solid #f5f5f5;
}

.val-result > a {
    font-size: 11px;
    text-transform: uppercase;
    /* font-weight: bold; */
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
}

div#data-map {
    width: 100%;
    height: 400px;
}

/*calendar edits*/
span.fc-time {
    /* display: block !important; */
    background: rgba(255, 255, 255, 0.22);
    padding: 0px;
    color: #ffffff !important;
    padding: 0 3px;
}

.demo-note-holder {
    background: #fffed9;
    margin: 0 0 7px 0;
}

.demo-note {
    width: 80%;
    margin: 0 auto;
    padding: 10px 35px;
    /* background: #fffed9; */
}

.demo-note h3 {
    margin: 0 0 6px 0;
    padding: 0px 0 0px 0;
    border-bottom: 1px solid #d8d7ab;
}

.demo-note > div {
}

.waiting-input {
    background-image: url(http://www.ticket.ma/img/fb-loader.gif);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-size: 15px;
    background-position-y: 50%;
}

.search-btn {
    height: 100%;
    width: 35px;
    background: none;
    border: none;
    outline: none;
    /* border-radius: 0 18px 18px 0; */
    color: #95d02c;
}

.search-btn:hover {
    background-color: #95d02c;
    color: #fff;
}

.search-top-container {
    float: left;
    height: 40px;
    /* border: 1px solid #ccc; */
    margin-top: 13px;
    margin-left: -34px;
    border-radius: 18px;
}

.search-inner {
    height: 100%;
    background: none;
}

#search-text {
    height: 100%;
    border: none;
    outline: none;
    background: none;
    padding: 0 0 0 10px;
}

@media (max-width: 991px) {
    .search-top-container {
        display: none;
    }
}

.recorder-holder {
    background: #fff;
}

.rec-status {
    text-align: center;
    color: #afafaf;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

@keyframes flash-animation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.np-player {
}

.np-player audio {
    display: none;
}

.np-audio-playback {
    text-align: center;
    padding: 20px 0;
}

.npap-action {
    width: 80%;
    float: none;
    margin: 0 auto;
    padding: 10px 0;
}

.np-audio-playback audio {
    width: 80%;
}

.eaas-inner {
    display: block;
    height: 3px;
    width: 20%;
    background: #32c5d2;
}

.ea-audio-slide {
    display: block;
    height: 3px;
    overflow: hidden;
    width: 80%;
    background: #d1fbff;
    margin: 0 auto;
    float: none;
}

.ea-button-holder {
    text-align: center;
}

.gl-play-btn .fa.fa-play {
    padding-left: 8px;
}

.a-error {
    background: #e73d4a;
    width: 100%;
    display: block;
    margin: 2px 0 0 0;
    padding: 2px 0 3px 16px;
    color: #fff;
}

.na-mapinfo {
    display: block;
    padding: 8px 5px;
    background: #ffebaf;
    border: 1px solid #bb9830;
    color: #6f5300;
    margin: 5px 0;
    position: absolute;
    z-index: 999;
    left: 15px;
    top: -5px;
    width: calc(100% - 30px);
    text-align: center;
}

/* calendar ui */
.fc-day {
    padding-top: 10px;
}

.fc-day:hover {
    cursor: pointer;
    background: #fefff5;
}

.fc-slats,
.fc-content-skeleton,
.fc-bgevent-skeleton {
    pointer-events: none;
}

.fc-bgevent,
.fc-event-container {
    pointer-events: auto;
}

#cal-tt {
    display: none;
    position: absolute;
    z-index: 999999;
    left: 0;
    top: 0;
    background: #ccc;
    padding: 4px 10px;
}

#cal-tt a {
    background: none;
    color: #fff;
    text-decoration: none;
}

.cal-mapsign {
    display: none;
    /* position: relative; */
    /* z-index: 99999999999; */
    /* margin: 9px 0 0 0; */
    color: #009bcc;
}

.prof-sepp {
    border-left: 2px solid #ccc;
    min-height: 100px;
    padding: 20px 0 0 15px;
}

.col-xs-offset-right-12 {
    margin-right: 100%;
}

.col-xs-offset-right-11 {
    margin-right: 91.66666667%;
}

.col-xs-offset-right-10 {
    margin-right: 83.33333333%;
}

.col-xs-offset-right-9 {
    margin-right: 75%;
}

.col-xs-offset-right-8 {
    margin-right: 66.66666667%;
}

.col-xs-offset-right-7 {
    margin-right: 58.33333333%;
}

.col-xs-offset-right-6 {
    margin-right: 50%;
}

.col-xs-offset-right-5 {
    margin-right: 41.66666667%;
}

.col-xs-offset-right-4 {
    margin-right: 33.33333333%;
}

.col-xs-offset-right-3 {
    margin-right: 25%;
}

.col-xs-offset-right-2 {
    margin-right: 16.66666667%;
}

.col-xs-offset-right-1 {
    margin-right: 8.33333333%;
}

.col-xs-offset-right-0 {
    margin-right: 0;
}

@media (min-width: 768px) {
    .col-sm-offset-right-12 {
        margin-right: 100%;
    }

    .col-sm-offset-right-11 {
        margin-right: 91.66666667%;
    }

    .col-sm-offset-right-10 {
        margin-right: 83.33333333%;
    }

    .col-sm-offset-right-9 {
        margin-right: 75%;
    }

    .col-sm-offset-right-8 {
        margin-right: 66.66666667%;
    }

    .col-sm-offset-right-7 {
        margin-right: 58.33333333%;
    }

    .col-sm-offset-right-6 {
        margin-right: 50%;
    }

    .col-sm-offset-right-5 {
        margin-right: 41.66666667%;
    }

    .col-sm-offset-right-4 {
        margin-right: 33.33333333%;
    }

    .col-sm-offset-right-3 {
        margin-right: 25%;
    }

    .col-sm-offset-right-2 {
        margin-right: 16.66666667%;
    }

    .col-sm-offset-right-1 {
        margin-right: 8.33333333%;
    }

    .col-sm-offset-right-0 {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .col-md-offset-right-12 {
        margin-right: 100%;
    }

    .col-md-offset-right-11 {
        margin-right: 91.66666667%;
    }

    .col-md-offset-right-10 {
        margin-right: 83.33333333%;
    }

    .col-md-offset-right-9 {
        margin-right: 75%;
    }

    .col-md-offset-right-8 {
        margin-right: 66.66666667%;
    }

    .col-md-offset-right-7 {
        margin-right: 58.33333333%;
    }

    .col-md-offset-right-6 {
        margin-right: 50%;
    }

    .col-md-offset-right-5 {
        margin-right: 41.66666667%;
    }

    .col-md-offset-right-4 {
        margin-right: 33.33333333%;
    }

    .col-md-offset-right-3 {
        margin-right: 25%;
    }

    .col-md-offset-right-2 {
        margin-right: 16.66666667%;
    }

    .col-md-offset-right-1 {
        margin-right: 8.33333333%;
    }

    .col-md-offset-right-0 {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-offset-right-12 {
        margin-right: 100%;
    }

    .col-lg-offset-right-11 {
        margin-right: 91.66666667%;
    }

    .col-lg-offset-right-10 {
        margin-right: 83.33333333%;
    }

    .col-lg-offset-right-9 {
        margin-right: 75%;
    }

    .col-lg-offset-right-8 {
        margin-right: 66.66666667%;
    }

    .col-lg-offset-right-7 {
        margin-right: 58.33333333%;
    }

    .col-lg-offset-right-6 {
        margin-right: 50%;
    }

    .col-lg-offset-right-5 {
        margin-right: 41.66666667%;
    }

    .col-lg-offset-right-4 {
        margin-right: 33.33333333%;
    }

    .col-lg-offset-right-3 {
        margin-right: 25%;
    }

    .col-lg-offset-right-2 {
        margin-right: 16.66666667%;
    }

    .col-lg-offset-right-1 {
        margin-right: 8.33333333%;
    }

    .col-lg-offset-right-0 {
        margin-right: 0;
    }
}

.raq-binfo {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.raq-binfo h3 {
    margin: 3px 0 10px 0;
    font-size: 16px;
    color: #636363;
}

.raq-binfo .bginfo {
    display: inline-block;
    margin: 0 auto;
    float: none;
    width: auto;
    padding: 5px 20px;
    background: #f3f3f3;
    /* border: 1px solid #383838; */
    font-size: 25px;
    font-weight: bold;
}

.noti-statistics {
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.routes-statistics {
}

.rs-item {
    max-width: 200px;
    /* background: #ccc; */
    float: none;
    margin: 0 auto;
    border-bottom: 2px solid #ccc;
}

.rs-item h6 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.rsi-number {
    display: inline-block;
    padding: 0px 5px;
    color: #1bbc9b;
    font-size: 40px;
    position: relative;
    text-align: center;
}

.rsi-number span.badge {
    position: absolute;
    bottom: 5px;
    right: -20px;
}

.badge-gl {
    background: #1bbc9b;
    color: #ffffff;
    border: 1px solid #097962;
    line-height: 8px; /* box-shadow: none; */
}

.badge-white {
    background: #ccc;
    color: #fff;
}

.inperror {
    background: #fff4f4;
    color: #c70000;
}

.gl-portlet-controller {
}

.gl-list {
    height: 300px;
    border-left: 1px solid #32c5d2;
    padding: 0 0 0 5px;
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    position: relative !important;
}

.gl-list > h3 {
    padding: 4px 4px 4px 15px;
    margin: 0 0 5px -5px;
    border-bottom: 2px solid #32c5d2;
    font-size: 21px;
    background: #32c5d2;
    color: #fff;
}

span.gll-subtitle {
    display: block;
    width: 100%;
    text-align: right;
    color: #b1b1b1;
    margin-top: -5px;
    padding-right: 4px;
    padding: 3px 6px;
}

.gl-list ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 280px;
    overflow-x: hidden;
}

.gl-list ul > li {
    display: block;
    margin: 0 0 4px 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /* height: 50px; */
    padding-left: 5px;
    cursor: pointer;
}

.gl-list ul > li:hover {
    background: #fbfbfb;
}

.gl-list ul > li.selected {
    background: #f9f9f9;
}

.gl-list ul > li:hover .pll-item-action {

}

span.pll-item-title {
    display: block;
    font-size: 16px;
    color: #5f5f5f;
    /* font-weight: bold; */
}

span.pll-item-details {
    display: block;
    font-size: 12px;
    color: #969696;
    padding: 0 0 0 0px;
}

span.pll-item-action {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

span.pll-item-action a {
    height: 100%;
    line-height: 50px !important;
    font-size: 23px;
    text-decoration: none;
    color: #9a9a9a;
    background: none;
}

span.pll-item-action a:hover {
    color: #656565;
}

.pll-item-title i {
    display: block;
    font-size: 12px;
    color: #afafaf;
}

.color-green {
    color: #23ca22;
}

.pll-item-details i.fa {
    margin-right: 5px;
}

span.pll-adress {
    color: #32c5d2;
    font-size: 12px;
    display: block;
    padding: 0 0 4px 3px;
}

span.pll-adress .fa {
    color: #32afbc;
}

#reporting_map_holder {
    height: 345px;
}

.gl-content-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
    text-align: center;
    display: table;
}

.gl-content-loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

span.ti-title {
    font-size: 14px;
    font-weight: bold;
    color: #22adb9;
    /* display: block; */
}

span.ti-stitle {
    /* display: block; */
    font-size: 12px;
    margin-top: -3px;
}

.reporting_timeline time {
    background: #e2e2e2;
    margin: -2px -2px 2px -2px;
    color: #3c3c3c;
    text-align: center;
    font-size: 14px;
}

.reporting_timeline ol > li
p {
    font-size: 12px;
    margin: 0;
    height: 53px;
    overflow: hidden;
    border-top: 1px solid #909090;
    padding: 13px 0 0 0;
    position: relative;
    text-align: center;
    color: #545454;
}

.reporting_timeline ol > li
p:before {
    content: 'NOTE';
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 0;
    background: #909090;
    color: #fff;
    padding: 0 5px;
}

.rep-nodata {
    display: block;
    text-align: center;
    height: 120px;
    padding-top: 26px;
    font-size: 16px;
}

.forpasswordreset {
    text-align: center;
    padding: 40px 15px 15px 15px;
    border-top: 2px solid #eaeaea;
    position: relative;
}

.forpasswordreset:after {
    content: 'Autre action';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -50px;
    width: 100px;
    text-align: center;
    background: #eaeaea;
}

.dataTables_processing {
    background: rgba(255, 255, 255, 0.96);
    text-align: center;
    padding: 0;
    height: 50px;
}

.dataTables_processing:before {
    content: " ";
    display: block;
    float: none;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.actiontable .btn-group {
    position: relative !important;
}

.sv-search-area {
    width: 290px;
    float: none;
    margin: 0 auto;
}

.search_container {
    background: #fff;
    padding: 10px;
}

.search_result {
}

.gl-pl {
    background: #36c9de;
    border: 1px solid #36c9de;
}

.gl-pl .caption {
    color: #fff;
}

.xtra-collapse {

}

.xtra-collapse:hover {

}

.xtra-collapse:before {
    content: "\f102";
}

.xtra-expande:before {
    content: "\f103";
}

.xtra-reload {
}

.xtra-reload:hover {
}

.xtra-reload:before {
    content: "\f021";
}

.glpl-xtra {
    float: right;
}

.glpl-xtra span {
    display: block;
    float: right;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    background: #0a6673;
    margin-top: -2px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.glpl-xtra span:before {
    text-align: center;
    line-height: 100%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    margin-top: 8px;
    color: #f2fdff;
}

.glpl-xtra span:hover {
    background: #19a0b3;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.result-item {
    display: block;
    margin: 1px 1px 8px 1px;
    padding: 2px 7px;
    position: relative;
    border-bottom: 1px solid #c7c7c7;
}

.ri-title {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-family: sans-serif;
    color: #36c9de;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

.ri-detail {
    font-size: 14px;
}

.ri-actions {
    position: absolute;
    right: 20px;
    top: 50%;
    background: transparent;
    border: none;
    font-size: 20px;
    color: #36c9de;
}

.ri-foot {
    display: block;
    margin: 1px 0 0 0;
    color: #b3b3b3;
    border-top: 1px solid #f5f5f5;
    font-size: 12px;
}

.gl-gray {
    background: #ececec !important;
    border: 1px solid #e2e2e2;
}

.gl-gray .caption {
    color: #5f5f5f;
}

.gl-gray .glpl-xtra span {
    background: #868686;
}

.gl-gray .glpl-xtra span:hover {
    background: #6b6b6b;
}

.gl-gray .glpl-xtra span:before {
    color: #fff !important;
}

.inner-ajax-loader {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: 36px;
}

.search-highlight {
    background: #fbffbf;
    /* color: #2b2b2b; */
}

.rep-noactions {
    display: none;
    text-align: center;
    height: 120px;
    padding-top: 26px;
    font-size: 16px;
}

.rowx { /* margin: 20px 0; */
}

#comfirm_devis {
    /* max-width: 350px; */
    max-width: 100%;
    margin: 0 auto;
    float: none;
}

#enter_code {
    max-width: 300px;
    margin: 0 auto;
    float: none;
}

.history_dates {
    height: 34px;
    border: 1px solid #15b3c1;
    display: none;
}

.history_dates:hover {
}

.history_dates ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #32c5d2;
    height: 100%;
    padding-left: 1%;
    overflow: hidden;
}

.history_dates ul > li {
    display: block;
    width: 24%;
    float: left;
    height: 32px;
    text-align: center;
    background: #ffffff;
    color: #147e88;
    padding: 7px 0;
    cursor: pointer;
    margin: 0 0.1em;
}

.history_dates ul > li:hover {
    background: #f1f1f1;
}

.history_dates ul > li.active, .history_dates ul > li:active {
    background: #32c5d2;
    color: #fff;
    cursor: default;
}

.floatable-cmd {
    position: absolute;
    top: 4px;
    right: 10px;
}

@media (max-width: 500px) {
    .history_dates {
        height: 50px;
    }

    .history_dates:hover {
    }

    .history_dates ul {
        display: none;
        list-style: none;
        margin: 0;
        padding-left: 2%;
        text-align: center;
        /* height: 100px; */
        background: #32c5d2;
    }

    .history_dates ul > li {
        display: inline-block;
        width: 48%;
        min-width: 100px;
        height: 25px;
        text-align: center;
        background: #ffffff;
        padding: 3px 0;
        cursor: pointer;
        margin: 0 .1em 0.1em .1em;
    }

    .history_dates ul > li:hover {
        background: #f1f1f1;
    }

    .history_dates ul > li.active, .history_dates ul > li:active {
        background: #32c5d2;
        color: #fff;
        cursor: default;
    }
}

.prefix_info {
    font-size: 11px;
    padding: 0 0 0 4px;
}

.prefix_info span {
    padding: 0;
    margin: 0;
}

.notifdevis {
    min-height: 50px;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.tasknote {
    display: block;
    font-size: 12px;
}

.tasknote b {
    display: block;
}

.badge-gl-default {
    background: #00b1eb;
}

.as-phoning {
}

.as-phoning div {
    background: #faffff !important;
}

.as-phoning time {
    background: #32c5d2 !important;
    color: #fff;
}

.cft_tot {
    display: block;
    width: 185px;
    border-bottom: 1px solid #d6d6d6;
    margin-left: 22px;
}

.cft_tot b {
    float: right;
}

.showdetaillink {

    text-align: center;
    width: 100%;
}

.r-container {
    padding: 2px 10px;
}

.ref-info {
    text-align: left;
    margin-bottom: 5px;
}

.notifsettings {
    position: absolute;
    right: 4px;
    top: 6px;
    cursor: pointer;
}

.notifsettings .fa {
    font-size: 20px;
}

.changeemailinput {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 3px;
    display: none;
}

.changeemailinput span {
    display: block;
    text-align: center;
    font-size: 12px;
    padding-bottom: 3px;
}

.changeemailinput button {
}

#new_email {
}

[data-lat][data-lng] {
    cursor: pointer;
}

.raq_km_statistics {
    display: block;
    width: 95%;
    border: 1px solid #868686;
    float: none;
    margin: 0 auto;
    height: 80px;
    position: relative;
}

.rks-number {
    height: 63%;
    text-align: center;
    background: #dcdcdc;
    font-size: 37px;
    font-weight: bold;
    color: #353535;
    padding: 0;
    border-bottom: 1px solid #353535;
}

.rks-detail {
    text-align: center;
    font-size: 14px;
    /* font-weight: bold; */
    padding-top: 6px;
}

.rks-unit {
    font-size: 12px;
    margin-left: -10px;
}

.raq_km_statistics.green {
    border: 1px solid #1397a2;
}

.raq_km_statistics.green .rks-number {
    background: #32c5d2;
    color: #ffffff;
    border-bottom: 1px solid #1397a2;
}

.raq_km_statistics.green .rks-detail {
    color: #1eadb9;
}

.raq_km_statistics.green .rks-unit {
}

.raq_km_statistics.blue {
    border: 1px solid #2089bd;
}

.raq_km_statistics.blue .rks-number {
    background: #53c6ff;
    color: #232323;
    border-bottom: 1px solid #2089bd;
}

.raq_km_statistics.blue .rks-detail {
    color: #2089bd;
}

.raq_km_statistics.blue .rks-unit {
}

.raq_km_statistics.red {
    border: 1px solid #868686;
}

.raq_km_statistics.red .rks-number {
    background: #dcdcdc;
    color: #353535;
    border-bottom: 1px solid #353535;
}

.raq_km_statistics.red .rks-detail {

}

.raq_km_statistics.red .rks-unit {
}

.raq_km_statistics.yellow {
    border: 1px solid #940303;
}

.raq_km_statistics.yellow .rks-number {
    background: #ca3f3f;
    color: #ffffff;
    border-bottom: 1px solid #940303;
}

.raq_km_statistics.yellow .rks-detail {
    color: #940303;
}

.raq_km_statistics.yellow .rks-unit {
}

.file-uploader {
    height: 130px;
}

.fu-files {
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    list-style: none;
}

.fu-files li {
    padding: 6px 3px;
    width: 99%;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
}

.fu-files li .fa {
    position: absolute;
    left: 0;
    top: 7px;
}

.fu-files li a {
    /* display: block; */
    /* border-bottom: 1px solid #ccc; */
    /* padding-bottom: 3px; */
    color: #1f1f1f;
    background: unset;
}

.fu-files li:hover {
    background: #efefef;
}

.fu-upload {
    float: right;
}

span.datadata {
    border-bottom: 1px solid #dcdcdc;
    display: block;
}

.fu-rem {
    position: absolute !important;
    right: 0;
    top: 0px;
    height: 27px;
    padding-right: 11px !important;
    padding-bottom: 5px !important;
}

.rnoti {
    margin-top: 20px;
    /* padding: 0 15px; */
}

.rntitle {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-left: 2px solid #ccc;
    padding-left: 6px;
    padding-bottom: 5px;
    width: calc(100% - 58px);
}

.fu-title {
    display: block;
    font-size: 14px;
}

.item-controller {
    display: block;
    width: 50px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    height: 33px;
    margin-top: 1px;
    padding-top: 1px;
}

.forhiding {
    overflow: hidden !important;
}

.nparam {
    min-height: 45px;
}

.dateparam {
    display: block;
    width: 200px;
    float: right; /* margin: 0 auto; */
}

.datechooser {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    text-align: center;
    display: none;
}

.dc-inner {
    width: 300px;
    margin: 0 auto;
    float: none;
    margin-top: 20px;
}

.dc-action {
    margin-top: 10px;
}

.dcgo {
}

.ignored_maps {
    background: #f7ffbc;
    color: #151515;
    font-weight: lighter;
    font-size: 12px;
    margin-top: 5px;
    padding: 8px 7px;
    border: 1px solid #dce692;
    border-bottom: 4px solid #dce692;
}

.ignored_maps span {
}

.ignored_maps ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 8px;
    margin-top: 7px;
}

.ignored_maps ul li {
    display: block;
    border-bottom: 1px solid #dde4a5;
    border-left: 6px solid #dde4a5;
    padding-left: 5px;
    margin-top: 4px;
}

.ignored_maps ul li b {
}

.ignored_maps a {
    border-bottom: 1px dotted #909090;
    text-decoration: none !important;
}

.fastuce {
    background: #8edaf2;
    border: 1px solid #56a8c1;
    position: relative;
}

span.atitle {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #246579;
    color: #f2fcff;
    padding: 5px 0;
}

.fastuce p {
    margin: 0;
    padding: 5px 10px;
}

.fastuce .fa.fa-close {
    position: absolute;
    right: 3px;
    top: 3px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.pn .nav-tabs > li {
    background: #fff !important;
    border-bottom: 3px solid #01a7e7 !important;
}

.pn .nav-tabs > li:hover {
    background: #0075a2 !important;
}

.pn .nav-tabs > li:hover a {
    color: #fff !important;
}

.pn .nav-tabs > li.active {
    background: #01a7e7 !important;
    color: #fff !important;
    border-bottom: 3px solid #0075a2 !important;
    font-weight: bold;
}

.pn .nav-tabs > li.active a {
    color: #fff !important;
}

#newclient_container {
    max-width: 450px;
    margin: 0 auto;
    float: none;
}

.doc_header {
    width: 90%;
    /* min-width: 21cm; */
    margin: 0 auto;
    float: none;
    border-bottom: 1px solid #ccc;
    height: 135px;
    margin-bottom: 20px;
}

.doc-type {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    /* padding-left: 15px; */
}

.doc-detail {
    padding-left: 2px;
}

.doc-detail ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.doc-detail ul li {
    /* border-bottom: 1px solid #f1f1f1; */
}

.doc-detail ul li b {
    font-weight: lighter;
    width: 145px;
    display: inline-block;
}

.doc-detail ul li i {
    font-weight: bold;
    font-style: normal;
}

.doc-big-det b {
    font-weight: normal;
}

.doc-big-det i {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    display: block;
}

.doc-big-det {
    margin-top: 0px;
}

.doc_body {
    padding: 0 10px;
    width: 90%;
    margin: 0 auto;
}

.doc-articles {
    margin-top: 45px;
}

.ptble {
}

.ptble thead {
    background: #868686;
    color: #fff;
    text-align: center;
    /* vertical-align: middle; */
}

.ptble thead tr {
}

.ptble thead td {
    vertical-align: middle !important;
}

.ptble tbody td { /* border-right: none !important; */
}

.ptble tbody tr {
}

.ptble tbody {
}

table .ptext {
    text-align: left;
}

table .pnum {
    text-align: right;
}

.psubnum {
    text-align: right;
    font-weight: bold; /* font-size: 16px !important; */
}

.psubtext {
    text-align: left;
    vertical-align: middle !important;
    border-left: none !important;
    /* border-right: none !important; */
}

.doc-prefoot {
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

.doc-foot {
    width: 90%;
    border-top: 1px solid #ccc;
    margin: 43px auto 0 auto;
}

.doc-nav {
    height: 15px;
    border-bottom: 1px solid #ececec;
    position: relative;
    width: calc(100% + 30px);
    margin-left: -14px;
    box-shadow: -1px 4px 5px #e8e8e8;
    margin-bottom: 20px;
}

.doc-close {
    display: block;
    position: absolute;
    right: 10px;
    top: -10px;
    color: #ccc;
    cursor: pointer;
}

.doc-nav .btn-group {
    position: absolute;
    right: 30px;
    top: -12px;
}

.doc-content {
    background: #fff;
}

.crm-floatable {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 12px;
    padding: 0;
    overflow: hidden;
    font-size: 8px;
    color: #fff;
    background: #e43a45;
}

.crm-floatable .fa {
}

.dropdown-geotracking {
    width: 47px;
}

.dropdown-apk {
    width: 47px;
}

.inforhistoryarticle {
    display: block;
    background: #36c6d3;
    height: 18px;
    width: 18px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    cursor: help;
}

.articlehistorypreview {
    display: none;
    width: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    margin-left: -225px;
    background: #fff;
    border: 1px solid #000;
    box-shadow: 2px 3px 7px 0px #8a8a8a;
    padding: 15px;
    z-index: 100;
}

.articlehistorypreview table {
    width: 100%;
    border: 1px solid #ccc;
}

.articlehistorypreview table tbody {
}

.articlehistorypreview table tbody tr {
}

.articlehistorypreview table tbody tr td {
    border-left: 1px solid #ccc;
    padding: 10px 0 10px 5px;
    text-align: center;
}

.articlehistorypreview table thead {
}

.articlehistorypreview table thead tr {
}

.articlehistorypreview table thead tr td {
    background: #f7f7f7;
    padding: 7px 0;
    border-left: 1px solid #dcdcdc;
    text-align: center;
}

.articlehistorypreview h6 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.articlehistorypreview p {
    margin: 0;
    margin-bottom: 10px;
}

.articlehistorypreviewback {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000bd;
    z-index: 99;
    display: none;
}

.ahpc {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

#live_map_holder {
    position: relative;
    overflow: hidden;
    margin: -15px;
}

#live_map {
    height: 440px;
    background: #f5f5f5;
}

#list_commercials {
    position: absolute !important;
    display: none;
    z-index: 999;
    background: rgba(255, 255, 255, 0.97);
    background: #fff;
    left: 0;
    top: 0;
    padding-top: 15px;
    height: 100%;
    width: 274px;
}

#list_commercials ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /* height: 440px; */
    max-height: 440px;
    /* overflow-x: hidden; */
    /* overflow-y: scroll; */
    width: 270px;
}

#list_commercials ul li {
    display: block;
    min-height: 30px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    /* padding-left: 10px; */
    position: relative;
    /* margin-right: 16px; */
    padding: 6px 0px;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    border-left: 2px solid #fff;
}

#list_commercials ul li:hover {
    background: #fbfbfb;
    border-left-color: #65aaff;
}

.map_controls {
    position: absolute;
    z-index: 19;
}

.btn-formap {
    background: #ffffffeb;
    color: #797979;
}

.mc-right {
    right: 8px;
    top: 7px;
    z-index: 21 !important;
}

.mc-left {
    left: 8px;
    top: 8px;
}

.cl_close {
    position: absolute;
    right: -27px;
    top: 8px;
    cursor: pointer;
    color: #fff;
    text-shadow: 0px 0px 2px #000;
    font-size: 25px;
    background: #fff;
    padding: 0 4px;
}

.cl_close i {
}

.ci-top .label {
    float: right;
    margin-right: 8px;
}

.ci-top {
    padding: 0 10px 0 10px;
}

.ci-top > i {
    position: absolute;
    right: 12px;
    top: 11px;
    /* margin-top: -4px; */
    height: 8px;
    width: 8px;
    background: #d4d4d4;
    border-radius: 100%;
}

.ci-top > i.offline {
    background: #adadad;
}

.ci-top > i.online {
    background: #00da00;
}

.map-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    z-index: 20;
    background: #06628c;
    text-align: center;
    color: #fff;
    display: none;
}

.map-info span {
    margin-right: 10px;
    display: none !important;
}

.map-info div {
    display: inline-block;
    padding: 9px 0;
}

.ic-mp {
    position: absolute;
    left: 0;
    top: 2px;
}

.in-mp {
    font-size: 10px;
    font-style: normal;
    margin-left: 4px;
    /* color: #06618c; */
}

.tl-mp {
    margin-left: 13px;
}

.map-com-detail .mcd-close {
    position: absolute;
    right: 2px;
    top: 1px;
    color: #790707;
    cursor: pointer;
}

.map-com-detail .mcd-online {
    position: absolute;
    left: 10px;
    top: 9px;
    /* color: #31a031 !important; */
}

.map-com-detail {
    display: none;
    position: absolute;
    left: 0px;
    right: unset;
    height: 100%;
    top: 0;
    z-index: 999999;
    background: #fffffff2;
    color: #003a64;
    width: 250px;
    padding: 10px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 8px 0px #00000082;
}

.map-com-detail i {
    font-size: 12px;
    font-style: normal;
    margin-bottom: -2px;
    display: block;
}

.map-com-detail b {
    display: block;
    font-weight: lighter;
    font-size: 11px;
    padding-top: 2px;
}

.mcd-name {
    margin: 0;
    padding: 0;
    padding-left: 28px;
    margin-top: -11px;
    padding-top: 4px;
    margin-left: -12px;
    width: 110%;
    background: #f3f3f3; /* color: #fff; */
}

.mcd-detail {
    color: #525252;
    display: block;
    padding: 8px 0 11px 0px;
}

.mcd-actions {
    display: none;
    margin: 15px 0 0px 0px; /* background: #fff; */
    text-align: center;
    padding: 10px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.mcd-now {
    color: #404040;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.mcd-stats {
    display: block;
    margin: 0 0 0 0;
    font-size: 13px;
    color: #232323;
    text-align: center;
}

.mcd-stats span {
    display: inline-block;
    height: 50px;
    width: 49%;
    /* background: #fff; */
    border: 1px solid #ffffff;
    margin: 0 0 5px 0;
    cursor: help;
}

.mcd-stats span > i {
    font-size: 20px;
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    background: #fff;
    color: #3e3e3e;
}

.mcd-stats span > b {
}

.mcd-stats .kms {
    background: #337ab7;
    color: #fff;
    border: 1px solid #125086;
}

.mcd-stats .acts {
    background: #bd4141;
    border: 1px solid #ab2727;
    color: #fff;
}

.mcd-stats .pros {
    background: #717171;
    border: 1px solid #656565;
    color: #fff;
}

.mcd-stats .cmds {
    background: #50e2c2;
    border: 1px solid #24b999;
}

.mi-topper {
    position: absolute;
    left: 0;
    top: 0;
    height: 30%;
    width: 100%;
    background: #000000d6;
}

.mi-bellower {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30%;
    width: 100%;
    background: #000000d6;
}

.mi-txt { /* position: absolute; *//* left: 0; *//* top: 30%; *//* height: 40%; */
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: bold;
}

.mcdn-stat {
}

.mcdn-next {
}

.mcdn-next span {
}

.mcdn-next b {
}

.mcdn-detail {
    font-size: 11px;
}

.mcdn-detail b {
    display: inline-block !important;
    font-size: 12px;
    font-weight: bold;
}

.mcdn-card {
    margin-bottom: 9px;
    border: 1px solid #06618c;
    border-bottom: none;
}

.mcdnc-time {
    display: block;
    text-align: center;
    background: #06618c;
    color: #fff;
    font-size: 11px;
}

.mcdnc-title {
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 0 5px;
}

.mcdnc-detail {
    display: block;
    font-size: 12px;
    padding: 0 5px;
}

.mcdnc-detail b {
    display: inline !important;
    font-size: 12px;
    font-weight: bold;
}

.mcda-more {
    padding: 0 0 11px 9px;
}

.mcda-more ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.mcda-more ul li {
    /* padding: 3px 0 3px 0; */
}

.mcda-more ul li:hover {
    background: #fbfbfb;
}

.mcda-more ul li a {
    background: none !important;
    color: #292929;
    text-decoration: none !important;
    border-bottom: 1px dotted #bdbdbd;
    font-size: 12px;
}

.mcda-more ul li a .fa {
}

.mcda-more ul li a:hover {
}

.pnp {
    padding: 2px 7px;
}

.opp-client {
    position: relative;
}

.op-typeclientselect {
    display: table;
    height: 36px;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.op-typeclientselect b {
    display: table-caption;
    text-align: center;
    padding: 5px 0;
    width: 100%;
}

.op-typeclientselect span {
    width: 49%;
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    background: #f7f7f7;
    border: 1px solid #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.op-typeclientselect span:hover {
    background: #dcdcdc;
    color: #2b2b2b;
    border: 1px solid #9a9696;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.op-typeclientselect span.active {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: #337ab7;
    color: #fff;
    border: 1px solid #164f7f;
}

.op-typeclientselect span::after {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -75px;
    color: #fff;
    opacity: .2;
    top: -26px;
    font-size: 80px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.op-typeclientselect span.active::after {
    left: -7px;
    top: -26px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.op-client-new {
    display: none;
}

.op-client-exists {
    display: none;
    margin-bottom: 15px;
}

.list-agents-pic {
}

.lap-control {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffffbf;
    width: 100%;
    text-align: center;
}

.lap-control .lapc-delete {
    display: inline-block;
    /* background: #fff; */
    /* border: 2px solid #bd0000; */
    color: #bd0000;
    border-radius: 100%;
    font-size: 17px;
    cursor: pointer;
    text-shadow: 0px 0px 2px #e6e6e6;
    /* height: 25px; */
    /* width: 25px; */
    /* text-align: center; */
}

.list-agents-pic ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-agents-pic ul li {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 90px;
    overflow: hidden;
    padding: 2px 0;
    border: 1px solid #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.list-agents-pic ul li:hover {
    background: #f9f9f9;
    border: 1px solid #eaeaea;
    border-radius: 6px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.list-agents-pic img {
    display: block;
    height: 50%;
    float: none;
    margin: auto;
}

.list-agents-pic .lap-name {
    display: block;
    text-align: center;
    font-size: 11px;
    margin-top: 7px;
    word-wrap: break-word;
}

.list-agents-pic .lap-number {
    display: block;
    position: absolute;
    left: calc(50% - 18px);
    width: 36px;
    top: calc(50% - 10px);
    font-size: 9px;
    background: #06618c;
    color: #fff;
    text-align: center;
    border: 1px solid #06618c;
    border-radius: 3px;
    overflow: hidden;
}

.playbtn {
    display: block;
    position: absolute !important;
    right: 45px;
    bottom: 23px;
    height: 30px;
    width: 50px;
    z-index: 9;
}

.playbtn i {
    /* font-size: 25px; */
    /* position: absolute; */
    /* left: 14px; */
    /* top: 8px; */
}

.maptimeline {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    background: #ffffffc7;
}

.maptimeline li {
    display: inline-block;
    width: 2px;
    height: 100%;
    background: #ccc;
    /* margin: 0 1px; */
}

.maptimeline li:hover {
    background: #000000 !important;
    box-shadow: 0px 0px 3px 2px #ccc;
}

.maptl-hour {
}

.maptl-hour:hover {
}

.maptl-event {
}

.maptl-event:hover {
}

.maptimeline-holder {
    position: relative;
}

.maptl-info {
    display: block;
    position: absolute;
    width: 120px;
    height: 50px;
    /* overflow: hidden; */
    margin-left: -60px;
    left: 50%;
    top: -85px;
    background: #fff;
    border: 1px solid #888;
}

.maptl-info b {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #215a8c;
}

.maptl-info span {
    display: block;
    position: absolute;
    right: -55px;
    width: 50px;
    height: 50px;
    background: #fff;
    top: -1px;
    text-align: center;
    /* border-radius: 100%; */
    border: #215a8c 1px solid;
    font-size: 30px;
    font-weight: bold;
}

.maptl-info span u {
    font-size: 12px;
    text-decoration: none;
    display: block;
    font-weight: lighter;
    margin-top: -8px;
}

.maptl-progress {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    top: -7px;
}

.maptl-info i {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -5px;
    font-size: 12px;
    font-style: normal;
    color: #848484;
}

.free_ligne {
    background: #feffe9;
}

.f_change {
    font-size: 12px;
    text-decoration: none !important;
    border-bottom: 1px dotted #717171;
    display: block;
    text-align: center;
    background: #fbffa0;
    color: #3c3c3c;
}

.fee-entrie {
    border: #efefef 1px solid;
    margin-top: 15px;
    padding: 6px;
    position: relative;
}

.fee-entrie h6 {
    text-align: center;
    background: #efefef;
    color: #5f5f5f;
    font-weight: bold;
    padding: 4px 3px;
    margin: -6px -6px 10px -6px;
    border-bottom: 2px solid #7b7b7b;
}

.fee-entrie label {
    display: inline-block;
}

.fee-entrie > div {
    width: 100% !important;
}

.fixed_devis_action {
    display: block;
    position: fixed;
    top: 113px;
    left: 0;
    z-index: 9;
    width: 100%;
    background: #fff;
}

.del-fees {
    position: absolute !important;
    right: 5px;
    top: 5px;
}

.front-header {
    height: 50px;
    background: #f5f5f5fa;
    margin: 0;
    box-shadow: 1px 4px 6px #ccc;
    margin-bottom: 20px;
    width: 100%;
    padding-top: 5px;
    z-index: 999;
}

.front-header .logo {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #00aeea;
    text-decoration: none;
}

.preview_print {
    text-align: right;
    padding-right: 20px;
}

.preview_print a {

}

@media print {
    .front-header {
        display: none !important;
    }

    .cmd_history {
        display: none;
    }
}

.popnotif-holder {
    display: block;
    position: fixed;
    left: 50%;
    margin-left: -175px;
    top: 20px;
    background: #fff;
    z-index: 999999999;
    width: 350px;
    box-shadow: 2px 4px 10px 2px #000000ad;
}

.popnotif {
    padding: 10px;
    border: 1px solid #949494;
}

.pn-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.pn-text {
    padding: 2px 7px;
    margin: 5px 0 20px 0;
}

.pn-action {
}

.pn-cancel {
}

.pn-footer {
    border-top: 1px solid #e2e2e2;
    padding-top: 5px;
}

.popoverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.52);
    z-index: 999999998;
}

.help-list-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 0 10px;
    position: relative;
}

.help-list-nav li {
    display: inline-block;
    position: relative;
}

.help-list-nav li::after {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 3px;
    top: 16px;
    z-index: 999;
    color: #009ee3;
    height: 20px;
    width: 20px;
}

.help-list-nav li a {
    padding: 10px 6px 10px 20px;
    display: block;
    font-size: 17px;
    color: #8e8e8e;
    text-decoration: none;
}

.help-list-nav li a:hover {
}

.help-list-nav li span {
    padding: 10px 6px 10px 20px;
    display: block;
    font-size: 17px;
    color: #8e8e8e;
    text-decoration: none;
}

.help-list-nav li span:hover {
}

#help-subsections {
}

.sub-section {
}

.sub-section ul {
}

.sub-section ul li {
}

.sub-section ul li a {
}

.sub-section ul li a:hover {
}

.sstats {
}

.sstat-tbl {
    width: 100%;
    border: 1px solid #0172a2;
}

.sstat-tbl thead {
}

.sstat-tbl thead tr {
    height: 41px;
    background: #05a1e4;
    color: #fff;
}

.sstat-tbl thead th {
    text-align: center;
    border-right: 1px solid #0172a2;
}

.sstat-tbl tbody {
}

.sstat-tbl tbody tr {
    height: 50px;
    font-weight: bold;
    border: 1px solid #05a1e4;
}

.sstat-tbl tbody td {
    border-right: 1px solid #0172a2;
    padding-right: 7px;
    padding-left: 7px;
}

.sstat-tbl td.n {
    text-align: right;
    font-size: 18px;
}

.stockcount {
    display: block;
    background: #1bbc9b;
    color: #ffffff;
    border: 1px solid #0aa585;
    border-top: unset;
}

.cmd_history {
    margin-bottom: 20px;
    border-bottom: 1px solid #1b9ec9;
    padding-bottom: 10px;
    box-shadow: 0px 3px 5px 0px #9090905c;
    padding: 0;
}

.cmd_history_item {
    text-align: center;
    padding: 10px 0px;
    background: #f9f9f9;
    border-left: 2px solid #cecece;
    cursor: default;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cmd_history_item:hover {
    background: #ffffff;
    border-left: 2px solid #6b6b6b;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cmd_history_item.indispo {
    opacity: .2;
}

.cmd_history_item h3 {
    padding: 0 0 2px 0;
    margin: 0;
    font-size: 18px;
}

.cmd_history_item span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 7px;
}

.cmd_history_item:hover a {
    opacity: 1;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cmd_history_item a {
    font-size: 17px;
    border-radius: 5px;
    background: #66c9f3;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cmd_history_item a:hover {
    background: #009fe3;
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cmd_history_title {
    background: #868686;
}

.cmd_history_title h3 {
    padding: 0;
    margin: 0;
    padding: 5px 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

.cmdh_indispo {
}

.delai_trans {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: -15px;
    margin-right: 1px;
    padding: 5px 0 6px 0;
    margin-top: 11px;
    border-radius: 5px 5px 0 0;
}

.crm-table-filter {
}

.ref-prod {
    text-align: left !important;
    padding-left: 10px !important;
    font-weight: normal;
    overflow-wrap: break-word;
    min-width: 180px !important;
    font-size: 14px !important;
}

.nameprod {
    font-weight: bold;
    min-width: 180px;
}

.numtd {
    text-align: right;
    font-size: 16px !important;
    font-weight: bold;
}

.tinytd {
    font-size: 12px !important;
    color: #5d5d5d;
}

.unittd {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    background: #32c5d2;
}

.centertd {
    text-align: center !important;
    position: relative;
}

.unitspan {
}

.portless {
    padding: 2px 20px 20px 20px !important;
    margin: 7px 0 0 0 !important;
    box-shadow: none !important;
}

.portless .form-group {
    /* max-width: 300px; */
    position: relative;
    padding-top: 5px !important;
}

.supplierlogo {
    overflow: hidden;
    width: 200px;
    position: relative;
    height: 125px;
    text-align: center;

    margin: 0 auto 20px auto;
    float: none;
    border: 2px solid #a2a2a2;
    border-radius: 5px;
    box-shadow: 0px 0px 11px 0px #cacaca;
    opacity: 0;
}

.supplierlogo img {
    width: 100%;
}

.supplierlogo small {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    filter: blur(2px);
    opacity: .6;
}

.supplierlogo span {
    display: block;
    position: absolute;
    z-index: 2;
    height: 125px;
    width: 100%;
    line-height: 125px;
    /* font-weight: bold; */
    font-family: sans-serif;
    font-size: 12px;
    color: #636363;
    /* text-shadow: 2px 2px 4px #000; */
    background: #ffffff38;
}

.supplierlogo:hover {
}

.supplierlogo:hover img {
}

.produit_logo {
}

.produit_image {
    display: block;
    height: 120px;
    width: 120px;
}

.produit_images {
}

.produit_images ul {
    display: block;
    padding: 0 0 0 0;
    margin: 0px 0 0 0;
    list-style: none;
    /* border-top: 1px solid #ccc; */
}

.produit_images ul li.item {
    vertical-align: top;
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #f7f7f7;
    margin: 1px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.produit_images ul li.item:hover {
    box-shadow: 0px 0px 9px #ababab;
}

.produit_images ul li.item span {
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    background: transparent;
    border: 3px solid #7d7d7d;
    margin: -1px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.produit_images ul li.selected.item span {
    opacity: 1;
    border: 3px solid #00a7e6;
}

.produit_images ul li.item:hover span {
    opacity: 1;
}

.produit_images ul li.item span i {
    background: #797979;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px !important;
    color: #fff;
}

.produit_images ul li.item.selected span i {
    background: #00a7e6;
}

.produit_images ul li.item.selected {
    box-shadow: 0px 0px 3px #00b4ec;
}

.produit_images ul li.addimage span i {
}

.produit_images ul li.addimage span {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    color: #bcbcbc;
    border: 1px dashed #ccc;
}

.produit_images ul li.addimage {
    vertical-align: top;
    display: inline-block;
    height: 100px;
    width: 100px;
    /* border: 1px dashed #ccc; */
    border-radius: 3px;
    background-color: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.produit_images ul li.addimage:hover {
    background: #ffffff;
    /* border: 1px dashed #00a7e6; */
    /* box-shadow: inset 0px 0px 16px 2px #00a7e652; */
}

.produit_images ul li.addimage:hover span {
    color: #00a7e6;
    border: 1px dashed #00a7e6;
}

.produit_images ul li.addimage:hover span i {
}

.produit_images ul li.waiting span i {
}

.produit_images ul li.waiting span b {
    font-size: 14px;
    line-height: 20px;
}

.produit_images ul li.waiting span {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    /* line-height: 50px; */
    font-size: 24px;
    text-align: center;
    color: #00a7e6;
    /* border: 1px dashed #ccc; */
}

.produit_images ul li.waiting {
    vertical-align: top;
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 1px dotted #ccc;
    border-radius: 3px;
    background-color: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    cursor: wait;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.featured_image {
    display: block;
    height: 150px;
    width: 150px;
    float: none;
    margin: 0 auto 0 auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.as-datechose {
    position: absolute;
    right: 41px;
    width: 243px;
    float: right;
    padding: 5px 10px;
    border: 1px solid #3d4248;
    background: #ffff;
    z-index: 9999;
    border-radius: 3px;
    display: none;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.heading-panel {
    padding: 21px 15px;
}

.no_padding_left {
    padding-left: 0 !important;

}

.no_padding_right {
    padding-left: 0 !important;

}

.ctrl {
    position: absolute;
    width: 36px;
    height: 25px;
    background: #ff4d4d;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    top: -27px;
    left: 29px;
    cursor: pointer;
}

.ctrl:hover {
    background: #d63737;
}

.ctrl:hover::after {
    background: #d63737;
}

.ctrl::after {
    content: ' ';
    height: 10px;
    width: 10px;
    background: #ff4d4d;
    position: absolute;
    left: 13px;
    bottom: -5px;
    transform: rotate(45deg);
}

.produit_images label {
    display: block;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #ccc;
    color: #2f353b;
    font-weight: bold;
    font-size: 16px;
}

.produit_images label i {
    font-size: 12px;
    font-weight: lighter;
}

.one_produit_container {
    padding: 5px 20px 60px 20px;
    background: #fff;
}

.one_produit_container .col {
    margin: 0 !important;
    padding: 2px 4px;
}

.forfiles {
}

.forfiles ul {
    display: block;
    padding: 0 0 0 0;
    margin: 14px 0 0 0;
    list-style: none;
}

.forfiles ul li {
    background: #f5f5f5;
    /* color: #000; */
    /* font-weight: bold; */
    /* font-size: 16px; */
    padding: 5px 2px;
    position: relative;
    margin-top: 3px;
    overflow: hidden;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.forfiles ul li:hover {
}

.forfiles ul li:hover span {
    right: 0;
}

.forfiles ul li span {
    background: #ff8c8c;
    color: #fff;
    padding: 3px;
    position: absolute;
    right: -50px;
    top: 0;
    font-size: 18px;
    cursor: pointer;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.forfiles ul li a {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 3px !important;
    text-decoration: none;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.forfiles label {
    display: block;
    height: 33.5px;
}

.forfiles button {
    float: right;
    margin-top: -37px;
}

label.error {
    display: block;
    color: #d80011;
    padding: 3px;
}

.form-group.has-error > label {
    text-decoration: underline;
    text-decoration-color: #ea0000;
}

.cancelprod {
}

.addprod {
}

.margin_right {
    float: right;
    position: relative;
    right: 25%;
}

.readonly-input {
}

.produit_featured_image {
}

.pv-images {
    margin-top: 15px;
    margin-bottom: 20px;
}

.pv-images > ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style: none;
    text-align: center;
}

.pv-images > ul > li {
    display: inline-block;
    height: 80px;
    width: 80px;
    vertical-align: top;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #337ab7;
    border-bottom: 2px solid #337ab7;
}

.pv-images > ul > li:hover {
    /* filter: blur(1px); */
    /* position: absolute; */
    border: 1px solid #36c6d3;
    border-bottom: 2px solid #32a8b2;
}

.pv-images > ul > li.active {
    opacity: .6;
    border-color: #ccc;
    cursor: default;
}

.pv-featured-image {
    /* min-width: 200px; */
    /* min-height: 200px; */
    width: 240px;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    box-shadow: 0px 0px 6px #8a8a8a;
    border: 2px solid #696969;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: -35px;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pv-featured-image:hover {
}
.pv-featured-image.rotated {
    transform: rotateY(90deg);
}

.product_view {
}

.product_detail {
    margin-bottom: 50px;
}

.product_detail h3 {
    margin: 0 0 0 0;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    width: 100%;
}

.product_detail h6 {
    margin: 3px 0 5px 0;
    text-align: right;
    padding: 0 15px 11px 0;
    border-bottom: 1px solid #ccc;
}

.littleinfo {
    display: block;
}

.pv-dtitle {
    display: block;
    padding: 7px 7px;
    background: #fbfbfb;
    color: #4e4e4e;
    font-weight: bold;
    border-left: 3px solid #36c6d3;
}

.pv-ddetail {
    min-height: 10px;
    font-size: 15px;
    padding: 2px 2px 2px 10px;
    margin-bottom: 10px;
    border-left: 1px solid #36c6d3;
}

.pv-dcarte {
    flex: 1;
    vertical-align: top;
    height: 60px;
    min-width: 138px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    color: #5f5f5f;
    margin: 0 1px 0 2px;
    box-shadow: 2px 2px 0px #ccc;
    margin-top: 6px;
}

.pv-dcarte span {
    display: block;
    height: 30px;
    line-height: 30px;
}

.pv-dcarte b {
    display: block;
    height: 40px;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid #ffffff7a;
}

.pv-dcartes {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.pv-dcarte.success {
    background: #36c6d3;
    border: 1px solid #1f99a5;
    color: #ffffff;
}

.pv-dcarte.warning {
    background: #fff2dd;
    border: 1px solid #e6c081;
    color: #545454;
}

.pv-dcarte.danger {
    background: #f77070;
    border: 1px solid #dc4e4e;
    color: #ffffff;
    box-shadow: 2px 2px 0px #711919;
}

.pv-dcarte.dark {
    background: #8c8c8c;
    border: 1px solid #5d5a5a;
    color: #f3f3f3;
}

.pv-dcarte.light {
}

.spb-content { /* margin-top: 3px; */
    border-left: 1px solid #525252;
    padding-top: 5px;
}

.spb-content ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0px;
    list-style: none;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.spb-content ul.minied {
    height: 160px;
    /* margin-bottom: 20px; */
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.spb-content ul .exp {
}

.spb-content ul.minied .exp.closed {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f1f1f1;
    color: #4e4e4e;
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px 5px;
    font-weight: bold;
    cursor: pointer;
}

.spb-content ul.minied .exp.opened {
}

.spb-content ul li {
    display: block;
    /* border-left: 3px solid #36c6d3; */
    /* padding-left: 5px; */
    padding: 2px 0 2px 5px;
    cursor: default;
}

.spb-content ul li:hover {
    background: #f3f3f3;
}

.spb-content ul li .text-sm {
    font-size: 12px;
    border-left: 1px solid #337ab7;
    padding-left: 5px;
}

.spb-content ul li a {
    color: #0c9ca9;
    font-weight: bold;
    font-size: 17px;
}

.spb-title {
    font-size: 16px;
    font-weight: bold;
    background: #efefef;
    border-left: 3px solid #525252;
    padding-left: 5px;
}

.sideprod_bar {
    border-bottom: 1px solid #36c6d3;
    padding-top: 5px;
    padding-bottom: 10px;
}

.client_header {
    min-height: 120px;
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 6px 17px 0px #00000085;
    position: relative;
    z-index: 999999999;
}

.client_header > h3 {
    margin: 0 0 0 24px;
    padding: 15px 42px 5px 0;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.client_header > h3 i {
    font-size: 11px;
    font-style: normal;
    background: #6d6d6d;
    color: #fff;
    padding: 6px 5px 5px 5px;
    font-weight: normal;
    border-radius: 5px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    cursor: help;
}

.cf-details > ul {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    min-width: 240px;
}

.cf-details > ul > li {
    display: block;
    padding: 2px 2px 2px 30px;
    margin: 0px 0 2px 0;
    /* background: #f5f5f5; */
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    min-height: 25px;
    position: relative;
    font-size: 13px;
    cursor: default;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cf-details > ul > li:hover {
    background: #fbfbfb;
    border-color: #19baee;
}

.cf-details > ul > li:hover span {
}

.cf-details > ul > li:hover b {
}

.cf-details > ul > li:hover i {
    background: #19baee;
    color: #fff;
}

.cf-details > ul > li span {
}

.cf-details > ul > li span:after {
    content: ':'
}

.cf-details > ul > li b {white-space: pre-wrap;overflow-wrap: break-word;}

.cf-details > ul > li i {
    display: block !important;
    position: absolute;
    height: 25px;
    width: 25px;
    background: #efefef;
    color: #5f5f5f;
    padding: 5px 5px 5px 4px;
    text-align: center;
    line-height: 17px !important;
    top: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cf-logo {
    display: block;
    height: 140px;
    width: 140px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    bottom: -10px;
    border: 4px solid #ffffff;
    background: #19baee;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px #757373;
}

.cf-logo img {
    max-height: 100%;
    min-height: 100%;
    max-width: 100%;
    /* opacity: .5; */
}

.cf-logo span {
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin-top: 110px;
    text-shadow: 0px -2px 3px #086c8c;
}

.cf-logo i {
    font-size: 76px;
    display: block !important;
    text-align: center;
    margin: 0 auto;
    color: #0f91bb;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cf-logo:hover img {
}

.cf-logo:hover {
}

.client_view {
    margin: -15px -15px 0px -15px;
    overflow: hidden;
}

.client_view .modalclose {
    position: absolute;
    z-index: 999999999;
    right: 12px;
    top: 0;
    background: #efefef;
    color: #989898;
    padding: 3px 7px;
    padding-top: 9px;
}
.client_view .modalclose:hover {
    background: #ccc;
}

.cf-details {
    margin-left: 182px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.client_body {
    padding: 0 10px 0 10px;
    min-height: 200px;
    position: relative;
    z-index: 1;
}

@media (max-width: 580px) {
    .cf-logo {
        position: absolute;
        top: unset;
        bottom: -65px;
        left: calc(50% - 75px);
        height: 150px;
        width: 150px;
    }

    .cf-details {
        margin-left: 20px;
        margin-bottom: 90px;
    }

    .client_header > h3 {
        margin-left: 10px;
    }

    #client_map_holder {
        min-height: 250px !important;
    }

    .cf-mapcontrol {
        display: none;
    }
}

.label_margin_bottom {
    margin-top: 23px;
}

.rappot_raq_title {
    font-size: 13px;
}

.transfor_rotat {
    transform: rotate(-90deg);
}

.text-white {
    color: white !important;
}

.panel-table .panel-footer .pagination {
    margin: 0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col {
    line-height: 34px;
    height: 34px;
}

.bg-success {
    background: #abe7ed !important;
    color: white !important;
}

#client_map_holder {
    min-height: 150px;
    /* border: 5px solid #fff; */
    border-top: unset;
}

.cmg {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.cf-mapcontrol {
    position: absolute;
    right: 17px;
    bottom: -32px;
    z-index: 99999;
    background: #fff;
    font-size: 14px;
    /* line-height: 35px; */
    font-weight: bold;
    /* min-height: 37px; */
    cursor: pointer;
    padding: 8px 10px 4px 10px;
    border: 1px solid #ccc;
    border-top: unset;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cf-mapcontrol:hover {
}

.cf-mapcontrol:hover span {
    color: #19baee;
}

.cf-mapcontrol:hover i {
    color: #ccc;
}

.cf-mapcontrol i {
    font-size: 18px;
    margin-right: 7px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.cf-mapcontrol span {

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.wnodata {
    text-align: center;
    font-size: 12px;
    padding: 10px 5px !important;
}

.cf-actions {
    list-style: none;
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
}

.cf-actions li {
}

.cf-actions li a {
    padding: 6px 0 3px 10px;
    /* margin: 5px 0 0 0; */
    display: block;
    text-decoration: none;
    color: #01789e;
    font-weight: bold;
}

.cf-actions li i {
}

.cf-actions li a:hover {
    background: #19baee;
    color: #fff;
}

.admin-apps {
}

.admin-apps > ul {
    display: block;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}

.admin-apps > ul > li {
}

.admin-apps > ul > li:hover {
    /* background: #fbfbfb; */
    box-shadow: 0px 0px 8px #969696;
}

.admin-apps > ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 5px 2px 10px 2px;
    position: relative;
    width: 23%;
    min-width: 140px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 1px 3px 2px #d4d4d4;
}

.admin-apps > ul > li > a {
    display: block;
    text-decoration: none;
    min-width: 120px;
    min-height: 150px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: 4px solid #fbfbfb;
    color: #656565;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-apps > ul > li > a > span {
    display: block !important;
    font-size: 50px;
    text-align: center;
    width: 100%;
    color: #0f83b5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-apps > ul > li > a > span i {
}

.admin-apps > ul > li > a > img {
    max-height: 70px;
    display: block;
    margin: auto;
    float: none;
    padding: 10px 0;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-apps > ul > li > a > b {
    display: block;
    text-align: center;
    color: #333;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-apps > ul > li > a > small {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 6px;
}

.admin-apps > ul > li > a > i {
}

.admin-apps > ul > li > a:hover {
    background: #f7f7f7;
    color: #7b7b7b;
    border: 1px solid #f7f7f7;
    border-bottom: 4px solid #17b3f7;
}

.admin-apps > ul > li > a:hover > span {
    margin-top: -7px;
    margin-bottom: 7px;
    color: #17b3f7;
}

.admin-apps > ul > li > a:hover > span i {
}

.admin-apps > ul > li > a:hover > img {
}

.admin-apps > ul > li > a:hover > b {
    letter-spacing: 1px;
    color: #0f83b5;
}

.admin-apps > ul > li > a:hover > small {
    padding-top: 3px;
}

.admin-apps > ul > li > a:hover > i {
}

.admin-apps > ul > li > i {
    position: absolute;
    right: calc(50% - 58px);
    bottom: 6px;
    background: #585858;
    padding: 0px 7px;
    font-style: normal;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #585858;
    cursor: help;
    color: #dedede;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.admin-apps > ul > li:hover > i {
    bottom: -8px;
    background: #17b3f7;
    color: #fff;
    border-color: #17b3f7;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.title-sep {
    display: block;
    text-align: center;
    background: #fff;
    position: relative;
    height: 2px;
    margin: 20px 0px;
}

.title-sep span {
    display: block;
    position: absolute;
    width: 300px;
    height: 32px;
    line-height: 34px;
    left: calc(50% - 150px);
    top: -16px;
    background: #fff;
    /* border: 1px solid #ffffff; */
    color: #696969;
    font-size: 20px;
    font-weight: bold;
}

.admin-actions {

}

.admin-actions > ul {
    list-style: none;
    margin: 20px 0;
    padding: 0 0 0 0;
    text-align: center;
}

.admin-actions > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    position: relative;
}

.admin-actions > ul > li a {
    display: block;
    min-width: 150px;
    min-height: 100px;
    background: #fff;
    text-decoration: none;
    position: relative;
}

.admin-actions > ul > li i {
    display: block !important;
    font-size: 40px !important;
    text-align: center !important;
    width: 100%;
    margin: 10px;
    min-height: 30px;
    line-height: 34px !important;
    position: absolute;
    left: 0;
    top: 0;
}

.admin-actions > ul > li span {
    padding: 50px 7px 0 7px;
    display: block;
    text-align: center;
    width: 100%;
}

.admin-actions > ul > li:hover {
}

.admin-actions > ul > li:hover a {

}

.admin-actions > ul > li:hover i {

}

.admin-actions > ul > li:hover span {

}

.rappot_raq_bg {
    background: #32c5d2 !important;
}

.transfor_rotat {
    transform: rotate(-90deg);
}

.gc_landing_holder {
    padding: 5px;
}

.gc_landing_shortcuts {
}

.gc_landing_shortcuts > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.gc_landing_shortcuts > ul > li {
    display: inline-block;
    vertical-align: text-bottom;
    min-width: 220px;
    width: 23%;
    height: 150px;
    position: relative;
    margin: 0 10px 10px 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a {
    display: block;
    min-height: 150px;
    min-width: 150px;
    text-decoration: none;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 3px 3px 2px 0px #ccc;
    -moz-box-shadow: 3px 3px 2px 0px #ccc;
    box-shadow: 3px 3px 2px 0px #ccc;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a:hover {
    background: #efefef;
    border: 1px solid #a2a2a2;
    border-bottom: 2px solid #67c9f3;
    -webkit-box-shadow: 3px 3px 2px 0px #ccc;
    -moz-box-shadow: 3px 3px 2px 0px #ccc;
    box-shadow: 3px 4px 2px 0px #ccc;
}

.gc_landing_shortcuts > ul > li > a .icon {
    display: block !important;
    font-size: 40px;
    color: #009fe3;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a .title {
    display: block;
    text-align: center;
    margin: 5px 5px;
    color: #5d5d5d;
    font-weight: bold;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a b {
    display: block;
    background: #000000;
    z-index: 99;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: -5px;
    top: -6px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a p {
    margin: 0 0 0 0;
    color: #000000;
    font-size: 12px;
}

.gc_landing_shortcuts > ul > li > a:hover .icon {
    color: #054361;
    /* margin-bottom: 12px; */
    /* font-size: 45px; */
}

.gc_landing_shortcuts > ul > li > a:hover .title {
    letter-spacing: 2px;
    color: #9e9e9e;
}

.gc_landing_shortcuts > ul > li > a:hover b {
    top: -1px;
    background: #008bb7;
    right: 0px;
}

.gc_landing_shortcuts > ul > li > a:hover p {

}

#suivi {
    background: #fff;
}

.gc_navigate {
    display: block;
    background: #fff;
    text-align: center;
    /* border: 1px solid #ccc; */
    border-right: none;
    box-shadow: 0px 4px 2px 0px #b1b1b1;
    margin-top: 0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
    /* border-radius: 5px 5px 0 0; */
    /* overflow: hidden; */
    width: 100%;
}

.gc_navigate > ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

.gc_navigate > ul > li {
    display: table-cell;
    width: calc(22%);
    text-align: center;
    margin: 0 0 0 0;
    position: relative;
    overflow: hidden;
    height: 82px;
    flex-wrap: nowrap;
    vertical-align: middle;
}

.gc_navigate > ul > li:first-child {
    width: 12%;
    text-align: center;
}

.gc_navigate > ul > li:first-child i {
    position: relative;
    left: unset !important;
    color: #009fe3 !important;
    top: 32px !important;
    line-height: 14px !important;
}

.gc_navigate > ul > li > a {
    min-height: 70px;
    display: block;
    height: 100% !important;
    text-decoration: none;
    color: #3e3e3e;
    border-right: 1px solid #ccc;
    border-top: 2px solid #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li:last-child > a {
    border-right: none;
}

.gc_navigate > ul > li > a span {
    display: block;
    font-weight: bold;
    position: relative;
    z-index: 99;
    padding: 10px 3px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li > a b {
    display: inline-block;
    /* position: absolute; */
    background: #f1f1f1;
    color: #a0a0a0;
    padding: 3px 9px 1px 9px;
    margin: 0;
    border-radius: 2px;
    width: auto;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li > a i {
    position: absolute;
    left: -40px;
    top: 0;
    font-size: 30px;
    z-index: 1;
    color: #f1f1f1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 82px;
    line-height: 82px !important;
}

.gc_navigate > ul > li > a:hover {
    background: #f1f1f1;
    border-top: 2px solid #3e3e3e;
}

.gc_navigate > ul > li > a:hover span {
    letter-spacing: 1px;
    /* color: #fff; */
}

.gc_navigate > ul > li > a:hover b {
    background: #009fe3;
    color: #fff;
    padding: 3px 16px 1px 16px;
}

.gc_navigate > ul > li > a:hover i {
    color: #e2e2e2;
    left: 3px;
}

.gc_navigate > ul > li.active > a {
    background: #fbfbfb;
    border-top: 2px solid #06618c;
}

.gc_navigate ul > li.active > a span {
    /* letter-spacing: 3px; */
    color: #009fe3;
}

.gc_navigate > ul > li.active > a b {
    background: #ffffff;
    color: #4e4e4e;
    /* margin-top: 5px; */
    padding: 3px 20px 1px 20px;
    box-shadow: 0px 0px 4px 0px #ccc;
}

.gc_navigate > ul > li.active > a i {
    color: #f1f1f1;
    left: 0px;
}

.suivi_content {
    margin: 20px 0 0 0;
}

.suivi_content > div {
    display: none;
}

.table_bycount {
    display: block;
    float: right;
}

.table_bycount > ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    display: block;
    text-align: center;
}

.table_bycount > ul > li {
    display: inline-block;
    margin: 0px -1px;
    padding: 10px 10px 3px 10px;
    vertical-align: top;
    cursor: pointer;
    /* border: 1px solid #fff; */
    border-bottom: 4px solid #ccc;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.table_bycount > ul > li span {
}

.table_bycount > ul > li b {
    margin-left: 5px;
    font-size: 12px;
}

.table_bycount > ul > li.active {
    border-bottom: 4px solid #009fe3 !important;
    background: #ffffff !important;
    cursor: text;
    color: #000;
    font-weight: bold;
}

.table_bycount > ul > li.active span {
}

.table_bycount > ul > li.active b {
}

.table_bycount > ul > li:hover {
    border-bottom: 4px solid #757474;
    background: #f9f9f9;
}

.table_bycount > ul > li:hover span {
}

.table_bycount > ul > li:hover b {
}

.gc_navigate {
    display: block;
    background: #fff;
    text-align: center;
    /* border: 1px solid #ccc; */
    border-right: none;
    box-shadow: 0px 4px 2px 0px #b1b1b1;
    margin-top: 0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
    /* border-radius: 5px 5px 0 0; */
    /* overflow: hidden; */
    width: 100%;
}

.gc_navigate > ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

.gc_navigate > ul > li {
    display: table-cell;
    width: calc(22%);
    text-align: center;
    margin: 0 0 0 0;
    position: relative;
    overflow: hidden;
    height: 82px;
    flex-wrap: nowrap;
    vertical-align: middle;
}

.gc_navigate > ul > li:first-child {
    width: 12%;
    text-align: center;
}

.gc_navigate > ul > li:first-child i {
    position: relative;
    left: unset !important;
    color: #06618c !important;
    top: 32px !important;
}

.gc_navigate > ul > li > a {
    min-height: 70px;
    display: block;
    height: 100% !important;
    text-decoration: none;
    color: #3e3e3e;
    border-right: 1px solid #ccc;
    border-top: 2px solid #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li:last-child > a {
    border-right: none;
}

.gc_navigate > ul > li > a span {
    display: block;
    font-weight: bold;
    position: relative;
    z-index: 99;
    padding: 10px 3px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li > a b {
    display: inline-block;
    /* position: absolute; */
    background: #f1f1f1;
    color: #a0a0a0;
    padding: 1px 9px;
    margin: 0;
    border-radius: 2px;
    width: auto;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li > a i {
    position: absolute;
    left: -40px;
    top: 25px;
    font-size: 30px;
    z-index: 1;
    color: #f1f1f1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_navigate > ul > li > a:hover {
    background: #f1f1f1;
    border-top: 2px solid #3e3e3e;
}

.gc_navigate > ul > li > a:hover span {
    /* letter-spacing: 3px; */
    /* color: #fff; */
}

.gc_navigate > ul > li > a:hover b {
    background: #06618c;
    color: #fff;
    padding: 1px 16px;
}

.gc_navigate > ul > li > a:hover i {
    color: #e2e2e2;
    left: 3px;
}

.gc_navigate > ul > li.active > a {
    background: #fbfbfb;
    border-top: 2px solid #06618c;
}

.gc_navigate ul > li.active > a span {
    /* letter-spacing: 3px; */
    color: #06618c;
}

.gc_navigate > ul > li.active > a b {
    background: #c5c5c5;
    color: #ffffff;
    /* margin-top: 5px; */
}

.gc_navigate > ul > li.active > a i {
    color: #a7a7a7;
    left: -40px;
}

.gc_content_holder {
    display: block;
    min-height: 100px;
    background: #fff;
    padding: 20px 10px;
    margin-top: 15px;
}

.gc_content {
    margin-top: 30px;
}

.crm_table.o {
    border: none !important;
}

.crm_table.o th {
    background: #dadada !important;
    color: #2f2f2f;
    border: none !important;
    border-right: 1px solid #ffffff !important;
    border-top: 5px solid #a9a9a9 !important;
    padding: 5px 0px 10px 7px !important;
    /* text-align: center; */
}

.crm_table.o th:hover {
    background: #f3f3f3 !important;
}

.crm_table.o th.sorting_desc {
    background: #ccc !important;
}

.crm_table.o th.sorting_desc::before {
    content: "\f107";
    font: normal normal normal 20px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 6px !important;
    top: 5px;
    color: #000000 !important;
}

.crm_table.o th.sorting_asc {
    background: #ccc !important;
}

.crm_table.o th.sorting_asc::before {
    content: "\f106" !important;
    font: normal normal normal 20px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 6px !important;
    top: 5px;
    color: #000000 !important;
}

.crm_table.o tr {
    /* border: 1px solid #ccc !important; */
}

.crm_table.o td {
    border: none !important;
    overflow: visible !important;
}

.crm_table.o td:last-child {
}

.crm_table.o tr.odd td {
    /* border-right: 1px solid #5fa9e8 !important; */
}

.crm_table.o tr.even td {
    /* border-right: 1px solid #5fa9e8 !important; */
}

.crm_table.o tr.even td:last-child {
    border-right: none !important;
}

.crm_table.o tr.odd td:last-child {
    border-right: none !important;
}

.crm_table.o tr.odd {
}

.crm_table.o tr.even {
}

.crm_table.o td.number {
    font-weight: bold;
    text-align: right;
}

.crm_table.o td.text {
}

.crm_table_holder.o {
    border: none !important;
    overflow: visible !important;
}

.gc_content_header {
    margin: -20px 0px 9px 0;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.gcc_title {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 10px;
}

.gcc_title i {
    margin-right: 10px;
}

.gcc_actions {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
}

.gcc_actions a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gcc_actions a:hover {
}

.gcc_filter {
    margin-bottom: 2px;
}

.gcc_content {
}

.crm_table_search {
    font-size: 15px;
    padding: 3px 3px 3px 30px;
    background-color: #fff;
    border: 1px solid #32c5d2;
    border-bottom: 4px solid #32c5d2;
    outline: none;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: -6px 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.crm_table_search:hover {
    background-color: #ffffff;
}

.crm_table_search:focus {
    background-color: #f2feff;
}

.gcc_filter_items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    float: right;
}

.gcc_filter_items li {
    display: table-cell;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border-right: 1px solid #ccc;
    border-bottom: 4px solid #fff;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gcc_filter_items li span {
    font-size: 12px;
    font-weight: bold; /* color: #949494; */
}

.gcc_filter_items li:last-child {
    border-right: none !important;
}

.gcc_filter_items li:hover {
    border-bottom: 4px solid #dadada;
}

.gcc_filter_items li.active {
    /* background: #06618c; */
    cursor: text;
    color: #32c5d2;
    border-bottom: 4px solid #32c5d2;
}

.gcc_footer {
    margin-top: 45px;
}

.gcc_table_pagination {
    text-align: center;
}

.gcc_table_pagination ul {
    margin: 0;
    padding: 0;
    display: block;
}

.gcc_table_pagination ul li {
    display: inline-block;
    background: #06618c;
    margin: 0px 0px;
    padding: 4px 9px;
    border-right: 1px solid #fff;
}

.gcc_table_pagination ul li:last-child {
}

.gcc_table_pagination ul li:hover {
}

.gcc_table_pagination ul li:hover a {
}

.gcc_table_pagination ul li:hover a i {
}

.gcc_table_pagination ul li a {
    background: none !important;
    color: #fff;
    text-decoration: none;
}

.gcc_table_pagination ul li a i {
}

.gcc_table_pagination ul li.disabled {
    opacity: .2;
}

.gcc_table_pagination ul li.active {
    background: #03415f;
}

.gcc_table_pagination ul li.disabled a {
    cursor: not-allowed;
}

.gcc_table_pagination ul li.disabled a i {
}

.gcc_content_item {
    display: none;
}

#suivi_commandes {
    display: none;
}

.gc_landing_holder {
    padding: 5px;
}

.gc_landing_shortcuts {
}

.gc_landing_shortcuts > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.gc_landing_shortcuts > ul > li {
    display: inline-block;
    vertical-align: text-bottom;
    min-width: 150px;
    width: 23%;
    height: 150px;
    position: relative;
    margin: 0 10px 10px 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a {
    display: block;
    min-height: 150px;
    min-width: 150px;
    text-decoration: none;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 3px 3px 2px 0px #ccc;
    -moz-box-shadow: 3px 3px 2px 0px #ccc;
    box-shadow: 3px 3px 2px 0px #ccc;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a:hover {
    background: #efefef;
    border: 1px solid #a2a2a2;
    border-bottom: 2px solid #008bb7;
    -webkit-box-shadow: 3px 3px 2px 0px #ccc;
    -moz-box-shadow: 3px 3px 2px 0px #ccc;
    box-shadow: 3px 4px 2px 0px #ccc;
}

.gc_landing_shortcuts > ul > li > a .icon {
    display: block !important;
    font-size: 40px;
    color: #06618c;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a .title {
    display: block;
    text-align: center;
    margin: 5px 5px;
    color: #5d5d5d;
    font-weight: bold;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a b {
    display: block;
    background: #00b5ee;
    z-index: 99;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: -5px;
    top: -6px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_landing_shortcuts > ul > li > a p {
    margin: 0 0 0 0;
    color: #000000;
    font-size: 12px;
}

.gc_landing_shortcuts > ul > li > a:hover .icon {
    color: #054361;
    /* margin-bottom: 12px; */
    /* font-size: 45px; */
}

.gc_landing_shortcuts > ul > li > a:hover .title {
    letter-spacing: 2px;
    color: #9e9e9e;
}

.gc_landing_shortcuts > ul > li > a:hover b {
    top: -1px;
    background: #008bb7;
    right: 0px;
}

.gc_landing_shortcuts > ul > li > a:hover p {

}

.gcc_back_home {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
    background: #06618c;
    position: fixed;
    right: 2em;
    bottom: -100px;
    overflow: hidden;
    z-index: 99;
    border-radius: 100%;
    -webkit-box-shadow: inset 0px 0px 1px #000000;
    -moz-box-shadow: inset 0px 0px 1px #000000;
    box-shadow: 0px 1px 19px 6px #00000024;

    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}

.gcc_back_home:hover {
    background: #fff;
    color: #06618c;
}

.gcc-inline-portlet {
    padding: 5px;
    border: 1px solid #f5f5f5;
    box-shadow: 2px 3px 5px 0px #d8d8d8;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.gcc-inline-portlet > h3 {
    padding: 7px 5px 7px 15px;
    margin: -5px -5px 15px -5px;
    background: #06618c;
    color: #fff;
    font-size: 17px;
}

.gcc-inline-portlet > div {
    text-align: center;
}

.gc_feeds {
    margin: 0;
    padding: 6px 0 0 0;
    list-style: none;
    padding-bottom: 30px;
    /* margin-top: -26px; */
}

.gc_feeds li {
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 4px 0;
    margin: 0 0 4px 0;
    text-align: left;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_feeds li:hover {
    background: #ececec;
    cursor: default;
}

.gc_feeds li .icon {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    padding: 0;
}

.gc_feeds li .icon i {
}

.gc_feeds li .text {
    display: block;
    margin-left: 30px;
    margin-right: 77px;
}

.gc_feeds li a {
    background: none;
    color: #06618c;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px dotted #3299ca;
}

.gc_feeds li a:hover {
    color: #000;
    cursor: help;
}

.gc_feeds li .date {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #909090;
    margin-top: -19px;
    padding-bottom: 10px;
    float: right;
}

#sparkline2_quick {
}

.sparkline_title {
    color: #484848;
    font-weight: bold;
    /* border-bottom: 1px dotted #ccc; */
    margin-bottom: 10px;
    box-shadow: 0px 4px 4px #d8d8d8;
}

.sparkline_title b {
}

.sparkline_title::after {
    content: "\f201";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-right: 6px;
    color: #06618c;
}

.sparkline_item {
    vertical-align: top;
    min-width: 175px;
    display: inline-block;
    width: 48%;
    /* float: left; */
    /* margin: 0 auto; */
    border-right: 1px solid #f1f1f1;
    margin-right: 3px;
    overflow: hidden;
}

.sparkline_item:last-child {
    border-right: none;
}

.gc_cnt_stats {
}

.gc_cnt_stats ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    margin-bottom: 20px;
}

.gc_cnt_stats ul > li {
    display: inline-block;
    padding: 9px;
    background: #efefef;
    border: 1px solid #e2e2e2;
    margin-right: 2px;
    position: relative;
    min-height: 50px;
    min-width: 105px;
    width: 20%;
    overflow: hidden;
    cursor: default;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_cnt_stats ul > li:nth-child(1) {
    background: #ffffff;
    border: 1px solid #f3f3f3;
    width: 38%;
    color: #868686;
    font-size: 14px;
}

.gc_cnt_stats ul > li:nth-child(2) {
    background: #b1e6ff;
    border: 1px solid #4d8faf;
    color: #035277;
}

.gc_cnt_stats ul > li:nth-child(3) {
    background: #36c6d3;
    border: 1px solid #1c9da9;
    color: #fff;
}

.gc_cnt_stats ul > li:nth-child(4) {
    background: #06618c;
    border: 1px solid #003d5a;
    color: #fff;
}

.gc_cnt_stats ul > li:nth-child(1):hover {
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    color: #000;
}

.gc_cnt_stats ul > li:nth-child(2):hover {
    background: #5c9fbf;
    color: #fff;
    border: 1px solid #5c9fbf;
}

.gc_cnt_stats ul > li:nth-child(3):hover {
    background: #20a3af;
    border: 1px solid #20a3af;
}

.gc_cnt_stats ul > li:nth-child(4):hover {
    background: #004769;
    border: 1px solid #004769;
}

.gc_cnt_stats ul > li:nth-child(1) small {
    color: #f3f3f3;
}

.gc_cnt_stats ul > li:nth-child(1) b {
    font-size: 19px;
    line-height: 35px;
}

.gc_cnt_stats ul > li:nth-child(2) small {
    color: #95ddff;
}

.gc_cnt_stats ul > li:nth-child(3) small {
    color: #24b6c3;
}

.gc_cnt_stats ul > li:nth-child(4) small {
    color: #03557b;
}

.gc_cnt_stats ul > li:nth-child(1):hover small {
    color: #f3f3f3;
    right: -40px;
}

.gc_cnt_stats ul > li:nth-child(2):hover small {
    color: #77bbdc;
    right: -40px;
}

.gc_cnt_stats ul > li:nth-child(3):hover small {
    color: #2bb3bf;
    right: -40px;
}

.gc_cnt_stats ul > li:nth-child(4):hover small {
    color: #065c86;
    right: -40px;
}

.gc_cnt_stats ul > li:hover {
}

.gc_cnt_stats ul > li span {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    /* color: #505050; */
    font-size: 12px;
}

.gc_cnt_stats ul > li b {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    /* padding-left: 25px; */
    font-size: 25px;
}

.gc_cnt_stats ul > li small {
    position: absolute;
    font-size: 50px;
    display: block;
    right: -23px;
    top: 0;
    height: 100%;
    line-height: 50px;
    color: #fff;
    z-index: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gc_cnt_stats ul > li:hover span {
}

.gc_cnt_stats ul > li:hover b {
}

.gc_cnt_stats ul > li:hover small {
}

.pop_waiting {
    position: fixed;
    left: 50%;
    margin-left: -85px;
    z-index: 999999;
    top: 20%;
    background: #1f85b5e0;
    border: 2px solid #06618c;
    padding: 5px 8px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    cursor: wait;
    box-shadow: 2px 2px 2px #adadad;
}

.pop_inner {
}

.pop_inner .ileft {
    position: absolute;
    left: -2px;
    height: 7px;
    top: 0%;
    width: 2px;
    background: #fff;
    box-shadow: 0 0 4px 1px #fff;

    -webkit-animation: l-move 2s infinite;
    -o-animation: l-move 2s infinite;
    animation: l-move 2s infinite;
}

.pop_inner .itop {
    position: absolute;
    left: 96%;
    height: 2px;
    top: -3px;
    width: 8px;
    background: #fff;
    box-shadow: 0 0 4px 1px #fff;

    -webkit-animation: t-move 2s infinite;
    -o-animation: t-move 2s infinite;
    animation: t-move 2s infinite;

}

.pop_inner .iright {
    position: absolute;
    right: -2px;
    height: 7px;
    top: 0;
    width: 2px;
    background: #fff;
    box-shadow: 0 0 4px 1px #fff;

    -webkit-animation: r-move 2s infinite;
    -o-animation: r-move 2s infinite;
    animation: r-move 2s infinite;
}

.pop_inner .ibottom {
    position: absolute;
    left: -2px;
    height: 2px;
    bottom: -2px;
    width: 8px;
    background: #fff;
    box-shadow: 0 0 4px 1px #fff;

    -webkit-animation: b-move 2s infinite;
    -o-animation: b-move 2s infinite;
    animation: b-move 2s infinite;
}

.pop_shadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000042;
    z-index: 888888;
}

@keyframes l-move {
    0% {
        height: 0;
        top: 0;
        opacity: 1;
    }
    2% {
        height: 8px;
    }
    23% {
        height: 8px;
    }
    25% {
        top: 100%;
        height: 1px;
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes t-move {
    0% {
        opacity: 0;
        left: 96%;
    }
    24% {

    }
    25% {

    }
    26% {

    }
    50% {

    }
    51% {

    }
    74% {
        opacity: 0;
    }
    75% {
        left: 96%;
        opacity: 1;
    }
    100% {
        left: -2px;
        opacity: 1;
    }
}

@keyframes b-move {
    0% {
        left: -2px;
        opacity: 0;
    }
    24% {
        opacity: 0;
    }
    25% {
        left: -2px;
        opacity: 1;
    }
    26% {

    }
    50% {
        left: 96%;
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
    75% {

    }
    100% {
        left: 96%;
        opacity: 0;
    }
}

@keyframes r-move {
    0% {
        top: 96%;
        opacity: 0;
    }
    24% {

    }
    25% {

    }
    49% {
        top: 96%;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        top: -2px;
        opacity: 1;
    }
    76% {
        opacity: 0;
    }
    100% {
        top: -2px;
        opacity: 0;
    }
}

table.table .btn-group.open {
    position: absolute !important;
    right: 0;
}

table.table .btn-group {
    position: relative !important;
}

.sparkline_item.xtr {
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.sparkline_item.xtr .sparkline_title::after {
    content: "\f080";
}

.topcommercials {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
}

.topcommercials > li {
}

.topcommercials > li.x {
    display: block;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #ececec;
    position: relative;
    padding-left: 24px;
}

.topcommercials > li.x:hover {
    border-bottom: 1px solid #c7c7c7;
    background: #f7f7f7;
}

.topcommercials > li.it {
    display: block;
    margin-bottom: 15px;
}

.topcommercials > li.x:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e2e2;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    line-height: 23px;
    color: #585858;
    font-size: 12px;
}

.topcommercials > li > div {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}

.topcommercials > li > div:nth-child(1) {
}

.topcommercials > li > div:nth-child(2) {
}

.topcommercials > li > div:nth-child(3) {
}

.topcommercials > li.it > div {
    display: inline-block;
    text-align: left;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    /* border-left: 1px solid #ccc; */
    padding-left: 2px;
    /* white-space: nowrap; */
    /* overflow: hidden; */
}

.topcommercials > li.it > div:nth-child(1) {
    width: 49%;
    /* text-align: left; */
    /* font-weight: bold; */
}

.topcommercials > li.it > div:nth-child(2) {
    width: 24%;
    text-align: right;
}

.topcommercials > li.it > div:nth-child(3) {
    width: 24%;
    text-align: right;
    padding-right: 5px;
}

.topcommercials > li.x:nth-child(1):after {
    content: "1"
}

.topcommercials > li.x:nth-child(2):after {
    content: "1";
    background: #117882;
    color: #fff;
}

.topcommercials > li.x:nth-child(3):after {
    content: "2";
    background: #36c6d3;
    color: #fff;
}

.topcommercials > li.x:nth-child(4):after {
    content: "3";
    background: #62dfea;
}

.topcommercials > li.x:nth-child(5):after {
    content: "4"
}

.topcommercials > li.x:nth-child(6):after {
    content: "5"
}

.topcommercials > li.x:nth-child(7):after {
    content: "6"
}

.topcommercials > li.x:nth-child(8):after {
    content: "7"
}

.topcommercials > li.x:nth-child(9):after {
    content: "8"
}

.topcommercials > li.x:nth-child(10):after {
    content: "9"
}

.topcommercials > li.x:nth-child(11):after {
    content: "10"
}

.topcommercials > li.x > div {
    display: inline-block;
}

.topcommercials > li.x > div:nth-child(1) {
    width: 49%;
    text-align: left;
}

.topcommercials > li.x > div:nth-child(2) {
    width: 24%;
    font-weight: bold;
    /* background: #ccc; */
    text-align: right;
}

.topcommercials > li.x > div:nth-child(2) i {
    font-size: 10px;
    font-style: normal;
}

.topcommercials > li.x > div:nth-child(3) {
    width: 24%;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    font-size: 15px;
}

.qtype {
    display: block;
    margin: 0 0 15px 0;
}

.qtype > div {
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: top;
    background: #f3f3f3;
    padding: 4px 3px;
    cursor: pointer;
    border-bottom: 3px solid #ccc;
    position: relative;
}

.qtype > div.active {
    background: #36c6d3 !important;
    color: #fff;
    border-bottom: 3px solid #117882 !important;
    cursor: text;
}

.qtype > div:hover {
    background: #e8e8e8;
    border-color: #36c6d3;
}

.qtype > div > i {
    opacity: 0;
    position: absolute;
    right: 6px;
    top: 7px;
}

.qtype > div.active > i {
    opacity: 1;
}

.ctitle_ {
    text-align: center;
    font-size: 15px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px; /* box-shadow: inset 0px 5px 2px #ccc; *//* padding-top: 24px; */
}

.gccip_refresh {
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    background: #fff;
    color: #06618c;
    right: 4px;
    top: -3px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    box-shadow: -1px 1px 2px #232323;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gccip_refresh i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.gccip_refresh:hover {
    background: #dedede;
    color: #012638;
    box-shadow: 1px 1px 2px #232323;
}

.gccip_refresh:hover i {
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    transform: rotate(350deg);
}

.client_dashboard {
}

.cslide {
    height: 350px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.cslide h3 {
    /* text-align: center; */
    text-shadow: 0px 0px 2px #000;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    margin-top: 250px;
}

.cslide span {
    display: inline-block;
    margin-left: 20px;
    font-size: 18px;
    color: #000000;
    /* text-shadow: 0px 0px 1px #f1f1f1; */
    background: rgba(255, 255, 255, 0.62);
    padding: 5px 20px;
}

.ctopprods {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.68);
    padding: 10px 0;
    border-bottom: 7px solid #fff;
    /* box-shadow: 1px 1px 2px #ccc; */
}

.ctopprods > div {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 100px;
    width: 240px;
    padding-left: 90px;
    background: #fff;
    margin: 2px 2px;
    border: 1px solid #ccc;
}

.ctopprods > div > span {
    position: absolute;
    display: block;
    height: 100%;
    width: 90px;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 50% 50%;
    border-right: 2px solid #e5e5e5;
}

.ctopprods > div > h3 {
    padding: 10px 2px 3px 5px;
    margin: 0 0 0 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #038dc7;
    cursor: pointer;
}

.ctopprods > div > b {
    min-height: 20px;
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.ctopprods > div > i {
    display: block;
    position: absolute;
    background: #86bc24;
    border: 1px solid #689614;
    box-shadow: 1px 1px 1px #000;
    color: #fff;
    padding: 1px 5px;
    left: -3px;
    bottom: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
}

.ctopprods > div > button {
    position: absolute !important;
    bottom: 7px;
    left: calc(50% - 11px);
    width: 112px;
}

.ctoptitle {
    font-size: 17px;
    font-weight: bold;
    background: #fff;
    padding: 5px 9px;
}

.ctel {
    display: block;
    background: #fff;
    padding: 6px 3px;
    font-size: 25px;
    /* box-shadow: 1px 1px 2px #000; */
    margin-top: 37px;
}

.ctel:hover {
    /* background: #ececec; */
}

.ctel span {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    color: #86bc25;
    width: 36px;
    text-align: center;
}

.ctel a {
    font-size: 26px;
    line-height: 38px;
    display: inline-block;
    vertical-align: text-bottom;
    font-weight: bold;
    text-decoration: none !important;
    color: #03a0e4;
}

.ctel a:hover {
    color: #05729a;
}

.image-upload {
}

.image-upload button {
    width: 80%;
    margin: 0 auto;
    float: none;
    display: block;
}

.forimage {
    width: 80%;
    height: 150px;
    margin: 0 auto -5px auto;
    float: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    border: 2px solid #ccc;
    border-radius: 5px;
}

.stats_row {
    border: 1px solid #18a1d2;
    margin: 10px 0 10px 0;
    padding: 5px 3px;
    box-shadow: 3px 3px 4px #ccc;
}

.stats_row h3 {
    padding: 10px 5px;
    margin: -5px -3px 0 -3px;
    background: #18a1d2;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.sr-content {
    padding: 0 7px;
}

.ac_ic {
    font-size: 20px;
    line-height: 20px !important;
    margin: 0 10px 0 0;
}

.statscards {
    text-align: center;
    padding: 7px 0;
    width: auto;
    float: none;
    margin: 0 auto;
}

.stcard {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    min-width: 170px;
    height: 90px;
    background: #ffffff;
    border: 1px solid #ccc;
    margin: 4px 4px;
    position: relative;
    /* overflow: hidden; */
    padding-left: 45px;
    padding-top: 22px;
}

.stcard > i {
    position: absolute;
    z-index: 2;
    font-size: 50px;
    color: #f1f1f1;
    right: 0;
    top: 11px;
    height: 80px;
    line-height: 80px !important;
}

.stcard div {
}

.stc-flesh {
    display: block;
    position: absolute;
    left: 0;
    top: 22px;
    width: 45px;
    line-height: 59px;
    font-size: 30px;
    background: rgba(255, 255, 255, 0.51);
    text-align: center;
}

.stc-total {
    font-size: 40px;
    font-weight: bold;
    position: relative;
    z-index: 3;
    padding-left: 10px;
    text-align: left;
}

.stc-detail {
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    z-index: 2;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    background: #eaeaea;
    padding: 2px 3px;
}

.stcard .fa-arrow-down {
    color: #a00606;
    text-shadow: 0px -3px 5px #c1c1c1;
}

.stcard .fa-arrow-up {
    color: #2cacb7;
    text-shadow: 0px 4px 5px #a8d6da;
}

.stcard .fa-minus {
    color: #ffffff;
    text-shadow: 0px 0px 5px #929292;
}

.stcard.primary {
    background: #29bdef;
    color: #fff;
    border: 1px solid #1781a5;
}

.stcard.primary .stc-flesh {
}

.stcard.primary .stc-total {
}

.stcard.primary .stc-detail {
    color: #055f7d;
    border-top: 1px solid #67d4f9;
}

.stcard.primary > i {
    color: #46caf7;
}

.stcard.success {
    background: #46cbd6;
    border-color: #21a7b3;
    color: #fff;
}

.stcard.success .stc-flesh {
}

.stcard.success .stc-total {
}

.stcard.success .stc-detail {
    color: #1b8790;
    border-color: #62e4ef;
}

.stcard.success > i {
    color: #40bdc7;
}

.stcard.warning {
}

.stcard.warning .stc-flesh {
}

.stcard.warning .stc-total {
}

.stcard.warning .stc-detail {
}

.stcard.warning > i {
}

.stcard.danger {
    background: #e7505a;
    color: #fff;
    border: 1px solid #c72b36;
}

.stcard.danger .stc-flesh {
}

.stcard.danger .stc-total {
}

.stcard.danger .stc-detail {
    border-top: 1px solid #f56c75;
    color: #921019;
}

.stcard.danger > i {
    color: #d63a45;
}

#heatmap_places {
    height: 250px;
}

.top_places {
}

.top_places > li {
}

.top_places > li:after {
    content: '1'
}

.top_places > li:hover {
}

.top_places > li:nth-child(1):after {
}

.top_places > li:nth-child(2):after {
}

.top_places > li:nth-child(3):after {
}

.top_places > li:nth-child(4):after {
}

.top_places > li:nth-child(5):after {
}

.top_places > li:nth-child(6):after {
}

.top_places > li:nth-child(7):after {
}

.top_places > li:nth-child(8):after {
}

.top_places > li:nth-child(9):after {
}

.top_places > li:nth-child(10):after {
}

.prospect_incompletecte > td {
    background: #e0fdff !important;
    border-bottom: 2px solid #32c5d2 !important;
}

.prospect_incompletecte:hover {
    color: black !important;
}

.stc-mdetail {
    display: block;
    position: absolute;
    z-index: 4;
    bottom: 0;
    width: calc(100% - 45px);
    left: 45px;
    text-align: left;
    padding-left: 12px;
    color: #828282;
    border-top: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

.stc-mdetail.di {
    color: #a00606;
}

.stc-mdetail.in {
    color: #1a9aa5;
}

.gc_feed_filter {
    margin-bottom: 15px;
    box-shadow: 0px 6px 6px 0px rgba(1, 1, 1, 0.33);
    margin: 0 -5px 0px -5px;
}

.gc_feed_filter label {
    display: block;
    text-align: left !important;
}

.gc_feed_filter span {
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid #fff;
    width: 19%;
    /* margin-bottom: 15px; */
    cursor: pointer;
    padding: 5px 0;
    margin-left: -2px;
    font-size: 13px;
}

.gc_feed_filter span:hover {
    background: #f5f5f5;
    border-color: #20a7e6;
}

.gc_feed_filter span.active {
    border-color: #06618c !important;
    background: #f1f1f1 !important;
    cursor: text;
    font-weight: bold; /* font-size: 13px; */
}

.sportlet {
    background: #fff;
    padding: 10px;
    box-shadow: 1px 1px 2px #ccc;
    border-radius: 1px;
}

.copy_produit {
    font-size: 13px;
}

.button_add_icon {
    font-size: 16px;
}

.prospect_incompletecte {
    background: #509ee0 !important;
    /* color: white; */
}

.prospect_incompletecte:hover {

    color: black !important;
}

.parent {
    position: relative;
}

.navbar-info {
    background-color: #00bfe3;
}

.navbar-info .navbar-brand, .navbar-info .dropdown a {
    color: #fff;
}

.navbar-info .dropdown:hover a {
    background-color: #f4f4f4;
    color: #00bfe3;
}

.child {
    position: absolute;
}

.child li div {
    display: inline-block;
}

ul {
    list-style-type: disc;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 6px solid #00bfe3;
    border-radius: 0;

}

.dropdown-menu h3 {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
}

.dropdown-menu:before {
    position: absolute;
    top: -19px;
    left: 34px;
    display: inline-block;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ccc;
    border-left: 20px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -18px;
    left: 35px;
    display: inline-block;
    border-right: 19px solid transparent;
    border-bottom: 19px solid #ffffff;
    border-left: 19px solid transparent;
    content: '';
}

.dropdown-menu ul {
    margin-top: 20px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 15px;
}

.second-example {
    font-size: 12px;
}

.second-example .icon-container {
    padding: 35px;
    display: block;
}

.second-example h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 20px;
}

.second-example h3:after {
    content: "";
    position: absolute;
    width: 60%;
    border-bottom: 3px solid #00bfe3;
    bottom: 0;
    left: 0;
    top: 25px;
}

.btn-primary {
    background-color: #00bfe3;
}

.first-col-domains .box {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    clear: both;
    padding: 20px 10px;
    position: relative;
}

.first-col-domains .box:first-child {
    border-top: none;
}

.first-col-domains .box .icon-container {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px;
    background-color: #00bfe3;
    color: #fff;
    text-align: center;
    float: left;
    margin: 0 30px 0 0;
    position: relative;
}

.first-col-domains .box .icon-container i {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.box {
    /*padding: 20px 10px;*/
}

.box .top-third-col-div {
    border-bottom: 1px dotted gray;
    padding-bottom: 20px;
}

.box .bottom-third-col-div .btn {
    margin-top: 10px;
}

.box ul {
    padding-left: 12px;
}

.box ul li a {
    color: #777;
    text-transform: uppercase;
}

.animation {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideDownIn {
    0% {
        -webkit-transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
    0% {
        -webkit-transform: translateY(-20);
    }
}

@keyframes slideDownIn {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
    0% {
        transform: translateY(-20px);
    }
}

.slideDownIn {
    -webkit-animation-name: slideDownIn;
    animation-name: slideDownIn;
}

@-webkit-keyframes slideUpIn {
    0% {
        -webkit-transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
    0% {
        -webkit-transform: translateY(20px);
    }
}

@keyframes slideUpIn {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
    0% {
        transform: translateY(20px);
    }
}

.slideUpIn {
    -webkit-animation-name: slideUpIn;
    animation-name: slideUpIn;
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(1%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(1%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.start_reporting {
    border-bottom: 1px solid #dadada;
}

.sr_step {
}

.sr_step h3 {
    font-size: 19px;
    border-bottom: 1px solid #32c5d2;
    padding: 8px;
    position: relative;
    padding-left: 43px;
    margin: 0 0 12px 0px;
    min-height: 38px;
}

.sr_step h3 i {
    position: absolute;
    width: 38px;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    background: #32c5d2;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
}

.srs_content {
    text-align: center;
    margin: 12px 0; /* border-bottom: 1px solid #ccc; */
}

.start_reporting .input-icon {
    max-width: 250px;
    margin: 0 auto;
    float: none;
}

.hidden_datepicker {
    width: 1px;
    height: 1px;
    opacity: 0;
}

.comblock {
    min-height: 90px;
    padding-left: 90px !important;
}

.comblock h3 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.comblock > span {
    display: block;
    /* font-weight: bold; */
    border-left: 2px solid #ccc;
    margin: 3px 0 0 0;
    padding: 3px;
}

.comimg {
    display: block;
    height: 80px;
    width: 80px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    position: absolute;
    left: 6px;
    top: calc(50% - 40px);
    border: 1px solid #2c3e50;
    border-radius: 3px;
}

.pportlet {
    background: #fff;
    padding: 12px 15px;
    display: block;
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.38);
    position: relative;
    margin: 0px 0 10px 0px;
    overflow: hidden;
}

.rdetail {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
}

.rdetail label {
    color: #16939e;
    font-weight: bold;
}

.rdetail span {
    font-weight: bold;
    font-size: 15px;
}

.ppinner .pptitle {
    margin-top: 18px;
    background: #ccc;
}

.pptitle {
    display: block;
    font-size: 16px;
    font-weight: bold;
    background: #32c5d2;
    margin: -12px -15px 10px -15px;
    padding: 9px 10px;
    color: #ffffff;
}

.ppinner {
}

#histmap {
    min-height: 400px;
    margin: -10px -15px -12px -15px;
}

.map-windowinfo {
}

.map-windowinfo h3 {
    margin: 0 0 3px 0;
    padding: 0 0 0 0;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #32c5d2;
    color: #168a94;
}

.map-windowinfo span {
    /* display: block; */
}

.map-windowinfo b {
    padding-left: 5px;
}

.map-windowinfo small {
    display: block;
    border-top: 1px solid #ccc;
    margin-top: 5px;
}

.dayspagination {
}

.dayspagination > ul {
    display: block;
    text-align: center;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* border-top: 1px solid #d8d8d8; */
    min-height: 40px;
}

.dayspagination > ul > li {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 0 1px 0 0;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    cursor: pointer;
    vertical-align: middle;
    /* border-bottom: 2px solid #f7f7f7; */

    -webkit-transition: background .7s;
    -moz-transition: background .7s;
    -ms-transition: background .7s;
    -o-transition: background .7s;
    transition: background .7s;
}

.dayspagination > ul > li.d {
    background: #f9f9f9;
}

.dayspagination > ul > li.navi {
    /* background: #d8d8d8; */
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    width: 40px;
    /* border-radius: 5px 0px 0px 5px; */
}

.dayspagination > ul > li.navi:hover {
    background: #ccc;
}

.dayspagination > ul > li.navi i {
}

.dayspagination > ul > li.navi.next {
    /* border-radius: 0px 5px 5px 0px; */
}

.dayspagination > ul > li.navi.prev {
    /* border-radius: 5px 0px 0px 5px; */
}

.dayspagination > ul > li.d:hover {
    background: #d8d8d8;
    /* border-color: #848282; */
    height: 32px;
    line-height: 32px;
}

.dayspagination > ul > li.d.active {
    background: #32c5d2;
    color: #fff;
    border-color: #4bf0ff;
    height: 30px;
    line-height: 30px;
}

.dayspagination > ul > li.d.disabled {
    color: #e4e4e4;
    background: #fdfdfd;
    cursor: not-allowed;
}

.dayspagination > ul > li.sep {
    cursor: text;
}

.rqa-footer {

}

.raqactions {
    padding-left: 60px;
}

.raqaction {
    display: block;
    border-left: 2px solid #8eca2e;
    /* padding-left: 3px; */
    margin-bottom: 8px;
    border-bottom: 2px solid #8eca2e;
    /* box-shadow: 2px 4px 4px rgba(97, 97, 97, 0.45); */
    position: relative;
}

.raqphoning {
    display: block;
    border-left: 2px solid #2aa5da;
    /* padding-left: 3px; */
    margin-bottom: 8px;
    border-bottom: 2px solid #2aa5da;
    /* box-shadow: 2px 4px 4px rgba(97, 97, 97, 0.45); */
    position: relative;
}

.rqa-title {
    position: relative;
    /* padding-left: 60px; */
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    /* border-bottom: 1px solid #e4e4e4; */
    /* background: #56bfec; */
    background: #effaff;
}

.rqa-title i {
    display: inline-block;
    vertical-align: top;
    font-size: 12px !important;
    height: 30px;
    line-height: 30px;
    background: #56bfec;
    color: #fff;
    padding: 0 5px;
    min-width: 51px;
    font-style: normal;
    border-left: 2px solid #8adcff;
    margin-right: 10px;
}

.rqa-title span {
}

.rqa-title div {
    display: inline-block;
    vertical-align: top;
    /* margin-left: 10px; */
    /* color: #fff; */
}

.rqa-title b {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    background: #86bc24;
    color: #fff;
    padding: 0 5px;
    min-width: 51px;
}

.rqa-content {
}

.rqac-item {
    border-left: 1px solid #b3b3b3;
    margin: 6px 0 0 6px;
    min-width: 200px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.rqac-item.x2 {
    width: 48%;
}

.rqac-item.x3 {
    width: 31%;
}

.rqac-item.x4 {
}

.rqac-item label {
    display: block;
    background: #fbfbfb;
    padding: 3px;
    margin: -5px 0px 0 -5px;
    font-size: 12px;
}

.rqac-item div {
    padding: 5px;
    font-weight: bold;
}

.rqac-item div > ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style: none;
}

.rqac-item div > ul li {
}

.rqac-item div a {
}

.rapportcard {
    display: inline-block;
    width: 30%;
    min-width: 200px;
    vertical-align: top;
    text-align: left;
    /* background: #f5f5f5; */
    position: relative;
    border: 1px solid #e6e6e6;
    margin: 2px 1px;
}

.rapportcard > label {
    display: block;
    text-align: center;
    background: #2aa5da;
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
}

.rapportcard > div {
    padding: 2px 2px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.rapportcard > div > label {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    width: 40%;
}

.rapportcard > div > b.t {
    color: #2395c5;
}

.rapportcard > div > b {
    display: inline-block;
    width: 57%;
    /* padding-right: 15px !important; */
    text-align: right;
    vertical-align: middle;
    font-size: 21px;
}

.rapportcard > div > b i {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    /* vertical-align: top; */
    min-width: 37px;
    text-align: right;
    /* padding-left: 2px; */
}

.rapportcard > div > span {
    display: none;
    width: 15px;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    height: 24px;
    /* background: #ccc; */
    position: absolute;
    right: 1px;
    top: calc(50% - 12px);
}

.rapportcard > div > i {
}

.raport_sum {
    text-align: center;
}

.rqa-date {
    display: block;
    width: 60px;
    height: 30px;
    background: #8eca2e;
    color: #fff; /* padding: 5px 0; */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    position: absolute;
    left: -60px;
}

.gc_cancel { /* color: #a20202 !important; */
    font-weight: bold !important;
    text-decoration: underline !important;
}

.location_history_holder {
}

.lh_control {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 99999;
    background: #da6161;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    /* border: #f3f3f3 1px solid; */
    box-shadow: 0px 1px 10px #ffffff;
    border-radius: 0 0 2px 2px;
    cursor: pointer;
}

#lhmap {
    min-height: 500px;
}

.lh_map {
    display: table-cell;
    width: 74%;
    margin: 0 -2px 0 -1px;
    height: 500px;
}

.lh_lefty {
    display: table-cell;
    width: 28%;
    vertical-align: top;
    position: relative;
    z-index: 9;
    height: 500px; /* margin: 0 -2px 0 0; */
    background: #fff;
    box-shadow: 4px 1px 5px rgba(0, 0, 0, 0.45);
}

.location_history_holder {
    margin: -15px -15px -45px -16px;
    display: table;
    width: calc(100% + 32px); /* overflow: hidden; */
    border-radius: 3px;
}

.lh_user_info {
    display: block;
    text-align: center;
    padding: 25px 3px 3px 0;
    margin: 5px 5px 9px 5px;
    position: relative;
    background: #f1f1f1;
    border-radius: 4px;
}

.lh_user_info > img {
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    background: #ffffff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px #a2a2a2;
}

.lh_user_info > span {
}

.lh_user_info > a {
    display: block;
    font-size: 12px;
    color: #5a5a5a;
    text-decoration: none;
    border-bottom: 1px dotted #8a8a8a;
    margin: 0 auto;
    margin-top: 5px;
    float: none;
    width: 80%;
}

.lh_user_info > h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #2d2d2d;
}

.lh_user_info > a:hover {
}

.lh_user_info > span.label-primary {
}

.lh_user_info > span.label-warning {
}

.lh_user_info > span.label-danger {
}

.lh_user_info > span.label-default {
}

.lh_time_control {
    text-align: center;
    margin: 15px 0 0 0;
}

.lh_time_control > div {
    display: block;
    margin: 5px 0;
    text-align: left;
    padding: 5px 2px 5px 15px;
}

.lh_time_control > div:hover {
}

.lh_time_control > div > label {
}

.lh_time_control > div > input {
    border: none;
    outline: none;
    background: none;
}

.lh_time_control > div > input:hover {
}

.lh_time_control > div > input:focus {
}

.bs-container .dropdown-menu.open {
    max-width: 100%;
}

span[data-timestamp] {
    padding: 1px 2px;
    font-weight: bold;
    cursor: help;
    /*display: block;*/
}

li.d.weekend {
    opacity: .1;
    width: 3px;
    overflow: hidden;
    color: #fff;
    background: #fff;
    cursor: not-allowed;
}

.aslink {
    cursor: pointer;
    border-bottom: 1px dotted #ccc;
}

.doc-detail ul li:hover {
    background: #f5f5f5;
}

.table > tbody > tr > td {
    padding: 8px;
}

.crm-floating-button, .crm-floating-button * {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.crm-floating-button {
    position: fixed;
    z-index: 999999999;
    bottom: 30px;
    right: 30px;
}

.flb_inner {
    position: relative;
}

.flb_primary:hover {
    background: #056d9a;
    color: #d5f2ff;
}

.flb_primary {
    width: 56px;
    height: 56px;
    background: #009fe3;
    border: 1px solid #00b5ee;
    color: #fff;
    border-radius: 100%;
    outline: none;
    font-size: 34px;
    font-weight: normal;
    -webkit-box-shadow: 1px 4px 2px #ccc;
    -moz-box-shadow: 1px 4px 2px #ccc;
    box-shadow: 1px 4px 2px #ccc;
}

.flb_primary > span {
}

.flb_primary:hover > span {
    transform: rotate(359deg);
}

.flb_buttons {
    position: absolute;
    bottom: 100%;
    right: -100%;
    margin-right: -19px;
    margin-bottom: 0;
    opacity: 0;
    padding-bottom: 12px;

    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    -ms-transition: all .3s !important;
    -o-transition: all .3s !important;
    transition: all .3s !important;
}

.flb_buttons:after {
    content: ' ';
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 100%;
    filter: blur(25px);
    /* opacity: .6; */
}

.flb_buttons .axp {
    display: block;
    height: 42px;
    width: 42px;
    /* overflow: hidden; */
    position: relative;
    margin-bottom: 10px;
    z-index: 2;
    /* bottom: 50px; */
    /* margin-top: 150px; */
}

.flb_buttons .axp .ax {
    height: 42px;
    width: 42px;
    border-radius: 100%;
    border: 1px solid #5ad201;
    background: #51bb03;
    color: #fff;
    float: right;
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.55);
    font-size: 16px;
    cursor: pointer;
}

.flb_buttons .axp .ax:hover {
}

.flb_buttons .axp span {
    opacity: 0;
    position: absolute;
    display: none;
    right: 120%;
    top: 6px;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.64);
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-radius: 17px;
}

.flb_buttons .axp:hover span {
    opacity: 1;
}

.flb_buttons .axp:hover .ax {
}

.flb_inner:hover .flb_buttons {
    opacity: 1;
    right: 50%;
}

.flb_inner:hover .axp {
    /* margin-top : 0px; */
}

.flb_inner:hover .flb_buttons .axp span {
    display: block;
}

@media (max-width: 768px) {
    .flb_buttons .axp span {
        opacity: 1 !important;
    }
}

.page-container {
    /* padding-bottom: 80px !important; */
}

div#greenline_view {
    margin-bottom: 50px;
}

.actions_inday {
    padding: 15px 0px 0 5px;
    background: #fbfbfb;
    margin-top: 10px;
    border: 1px solid #eee;
}

.actions_inday h3 {
    display: block;
    background: #eee;
    margin: -15px 0px 10px -5px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 0;
}

.actions_inday ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.actions_inday ul li {
    padding: 5px 0px;
    border-bottom: 1px solid #eeeeee;
}

.actions_inday ul li.x {
    opacity: .3;
    background: #fff;
    cursor: help;
}

.actions_inday ul li b {
    display: inline-block;
    background: #009fe3;
    color: #fff;
    padding: 5px;
}

.actions_inday ul li a {
    color: #009fe3;
    text-decoration-style: dotted;
    font-weight: bold;
}

.actions_inday ul li a:hover {
}

.actions_inday ul li:hover {
}

.actions_inday2 {
    padding: 15px 0px 0 5px;
    background: #fbfbfb;
    margin-top: 10px;
    border: 1px solid #eee;
}

.actions_inday2 h3 {
    display: block;
    background: #eee;
    margin: -15px 0px 10px -5px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 0;
}

.actions_inday2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.actions_inday2 ul li {
    padding: 5px 0px;
    border-bottom: 1px solid #eeeeee;
}

.actions_inday2 ul li.x {
    opacity: .3;
    background: #fff;
    cursor: help;
}

.actions_inday2 ul li b {
    display: inline-block;
    background: #009fe3;
    color: #fff;
    padding: 5px;
}

.actions_inday2 ul li a {
    color: #009fe3;
    text-decoration-style: dotted;
    font-weight: bold;
}

.actions_inday2 ul li a:hover {
}

.actions_inday2 ul li:hover {
}

.time_conflict {
    background: #ffe4e4;
    padding: 8px;
}

.time_conflict a {
    white-space: nowrap;
}

.postpone_action {
}

.postpone_action p {
}

.agenda_ppaction {
    /* margin: 0 auto; */
    /* float: none; */
    /* display: block; */
    /* width: 222px; */
}

.agenda_event_actions {
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 11px 0px;
}

.agenda_event_actions a {
    margin: 0 4px;
}

span.ttdx {
    display: none;
}

.raqphoning .rqa-date {
    background: #2aa5da;
}

.raqphoning .rqa-title i {
    background: #0a79a9 !important;
    border-color: #014461;
}

.raqphoning .rqa-title {
    background: #045071;
    color: #fff;
}

.anomalie_desc {
    background: #f7f7f7;
    max-height: 400px;
    padding: 15px;
    border-left: 2px solid #ccc;
}

.anomalie {
}

.anomalie ul.lst {
    list-style: none;
    margin: 0;
    padding: 0;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
}

.anomalie ul.lst li {
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
    /* text-align: center; */
    /* flex: 1; */
}

.anomalie ul.lst li > span {
    font-weight: bold;
    /* display: block; */
    padding: 6px;
}

.anomalie_files {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.anomalie_files li {
    border: none !important;
    flex: 1;
    text-align: center;
}

.anomalie_files li a {
    text-decoration: none !important;
    color: #009fe3;
}

.anomalie_files li a span {
    font-weight: 100;
    font-size: 12px;
}

.anomalie_files li a small {
    width: 92px;
    height: 92px;
    display: block !important;
    text-align: center !important;
    margin: 0 auto;
    line-height: 90px;
    font-size: 32px;
    background: #efefef;
    border: 1px solid #ccc;
}

.anomalie_files li a img {
    height: 92px;
    width: 92px;
    display: block;
    margin: 0 auto;
}

.anomali_actions {
}

.anomali_actions a {
}

.anomalie_comments {
    margin-top: 50px;
    border-top: 1px solid #ccc;
}

.anomalie_comments h3 {
}

.ac_comments { /* display: flex; */
}

.ac_comment {
    display: flex;
    margin-left: 20px;
    border-left: 2px solid #ccc;
    padding-left: 12px;
    margin-top: 10px;
}

.ac_user {
}

.ac_user img {
    width: 32px;
    height: 32px;
}

.ac_user span {
}

.accom {
    margin-left: 12px;
    font-size: 16px;
    flex: 2;
    background: #dcf3fd;
    padding: 6px 10px 10px;
    border-radius: 5px;
    position: relative;
}

.accom a {
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}

.accom small {
    /* display: block; */
    /* margin-top: 12px; */
    cursor: pointer;
    color: #524f4f;
    font-weight: bold;
}

.accom div {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    text-align: right;
}

.accom span {
    display: block;
    font-size: 14px;
    color: #969696;
    float: right;
    margin-top: -21px;
}

.accom::before {
    content: ' ';
    width: 16px;
    height: 16px;
    background: #dcf3fd;
    position: absolute;
    z-index: 8;
    left: -7px;
    top: 9px;
    transform: rotate(45deg);
}

.ac_new_comment {
    margin-top: 30px;
}

.ac_new_comment label {
    display: block;

}

.ac_new_comment textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 8px 8px 8px 15px;
}

.ac_new_comment button {
}

.comms_count {
    display: block;
    float: right;
    color: #32c5d2;
    font-weight: bold;
}

.inhelp {
    color: #828282;
}

.prod_summary {
    text-align: center;
    font-size: 16px;
}

.prod_summary > div {
    margin-top: 50px;
}

.psy_infos {
    display: flex;
    flex-wrap: wrap;
}

.psy_infos ul {
    width: 50%;
    margin: 0;
    padding: 5px 12px;
    list-style: none;
}

.psy_infos ul li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.psy_infos ul li span {
    font-weight: bold;
    float: right;
}

.psy_status {
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding: 20px 4px;
}

.psy_status span {
    display: block;
    text-align: center;
}

.psy_status small {
    text-align: center;
    display: block;
    padding: 5px 5px 20px;
}

.psy_status .progress {
    height: 16px;
}

.psy_status .progress .progress-bar {
}

.psy_status .progress .progress-bar span {
}

.prod_sync {
    display: none;
}

.psy_status button {
    display: block;
    margin: 0 auto;
    float: none;
}

.nprc_left {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    line-height: 164px;
    font-size: 62px;
    color: #000;
    cursor: pointer;
    opacity: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    padding: 0 7px;
    box-shadow: 13px 0px 19px rgba(255, 255, 255, 0);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.nprc_left:hover {
}

.nprc_right {
    position: absolute;
    z-index: 99;
    right: 0px;
    top: 0;
    line-height: 164px;
    font-size: 62px;
    color: #000;
    cursor: pointer;
    opacity: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    padding: 0 7px;
    box-shadow: 13px 0px 19px rgba(255, 255, 255, 0);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.nprc_right:hover {
}

.np-rowcontent:hover .nprc_right,
.np-rowcontent:hover .nprc_left {
    opacity: 1;
}

.np-rowcontent.floating {
    /* position: fixed; */
    /* width: 400px; */
}

.ci-top > label {
    display: block;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
}

.ci-top > span {
    font-size: 11px;
    white-space: nowrap;
    color: #aba8a8;
    font-weight: normal;
}

.locations_explorer {
    margin: -15px;
    margin-bottom: -65px;
    position: relative;
    min-height: 450px;
    overflow: hidden;
}

.le_map_holder {
    position: absolute !important;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.le_menu_trigger {
    position: absolute;
    z-index: 1;
    background: #009fe3;
    color: #ffffff;
    top: 10px;
    left: 10px;
    padding: 3px 18px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 0 0 4px #9ae1ff;
    border-radius: 1px;
}

.le_close {
    position: absolute;
    z-index: 1;
    right: 6px;
    top: 6px;
    width: 32px;
    height: 24px;
    color: #fff;
    background: #232323;
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    border-radius: 2px;
    opacity: .8;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.le_close:hover {
    opacity: 1;
    background: #0188c1;
}

.le_menu {
    position: absolute;
    z-index: 2;
    left: -300px;
    top: 0;
    width: 280px;
    height: 100%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 6px 0 11px -8px #000;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.open .le_menu {
    /* transform: scaleX(1); */
    left: 0;
}

.le_current_user {
    display: flex; /* border-bottom: 1px solid #ccc; */
    margin-bottom: 12px;
    box-shadow: 0px 5px 12px -9px #000;
    background: #f9f9f9;
    max-height: 68px;
    position: relative;
}

.lecu_image {
}

.lecu_info {
    display: block;
    padding: 6px;
}

.le_all_users {
    height: 100%;
    margin-top: -80px;
    padding: 80px 0 0 0;
}

.le_all_users > div {
}

.leau_user {
    border-left: 2px solid #fff;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    cursor: pointer;
    padding: 8px 6px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.leau_user:hover {
    background: #f9f9f9;
    border-left-color: #36c6d3;
}

.leau_user > label {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: unset;
    margin-bottom: 4px;
}

.leau_user > p {
    margin: 0;
    font-size: 12px;
    color: #848484;
    min-height: 16px;
    white-space: nowrap;
    width: 92%;
    overflow: hidden;
}

.leau_user > span {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 12px;
}

.leau_user > span i {
    display: inline-block;
    margin-left: 7px;
    height: 8px;
    width: 8px;
    background: #ff7d7d;
    border-radius: 100%;
    display: none;
}

.leau_user > span i.online {
    background: #38e038;
    display: inline-block;
}

.leau_user > span i.offline {
    background: #b1b1b1;
}

.le_preloader {
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    background: #00000045 !important;
    text-align: center;
    background-size: cover;
    cursor: wait;
}

.le_preloader::after {
    content: ' ';
    height: 4px;
    width: 4px;
    border-radius: 100%;
    background: #009fe3;
    position: absolute;
    top: 29%;
    left: 50.2%;
    animation: flash-animation infinite .8s;
}

.le_preloader > p {
    position: absolute;
    width: 250px;
    left: 50%;
    margin: 0;
    margin-left: -125px;
    bottom: 20%;
    font-size: 14px;
    font-weight: 600;
    color: #737373;
    background: rgba(255, 255, 255, 0.88);
    padding: 10px 0 46px 0;
    border-radius: 4px;
    cursor: default;
}

.le_preloader > button {
    position: absolute;
    left: 50%;
    bottom: 17%;
    width: 120px;
    margin-left: -60px;
    background: #ffffff;
    border: none;
    color: #009fe3;
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.le_preloader > button:hover {
    background: #e6e6e6;
    color: #424242;
}

.loading .le_map_holder {
}

.lecu_image {
    width: 44px;
    /* height: 36px; */
    background-position: 50%;
    background-size: 90%;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-left: 10px;
}

.lecu_info {
}

.lecu_info > u {
}

.lecu_info > label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 2px;
}

.lecu_info > span {
    font-size: 12px;
    color: #d48a8a;
    display: block;
    position: relative;
}

.lecu_info > span.online {
    color: #737373;
    padding-left: 13px;
    cursor: pointer;
}

.lecu_info > span.online::after {
    content: ' ';
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #38e038;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.lecu_info > span.offline {
}

.lecu_info > span.offline::after {
    content: ' ';
}

.lecu_info > i {
    font-style: normal;
    font-size: 12px;
    color: #afafaf;
    min-height: 16px;
    display: block;
}

.lemenu_holder {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    transition: all .0s;
    transition-delay: .4s;
}

.lemenu_holder.open {
    width: 320px;
    transition-delay: 0s;
}

.lemenu_holder.open::after {
}

.lemenu_close {
    position: absolute;
    z-index: 1;
    left: 2px;
    opacity: 0;
    background: #f9f9f9;
    color: #8e8e8e;
    top: 8px;
    padding: 2px 8px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 0 6px #000;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;

}

.lemenu_close i {
}

.open .lemenu_close i {
}

.leal_inner { /* padding-right: 10px; */
}

.positionflasher {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    height: 8px;
    width: 8px;
    margin-left: -4px;
    margin-top: -4px;
    background: rgba(0, 159, 227, 0.37);
    box-shadow: 0 0 6px #009fe3;
    border-radius: 100%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.positionflasher.shown {
    transform: scale(20);
}

.positionflasher.goingby {
    transform: scale(0);
}

.open .lemenu_close {
    left: 280px;
    opacity: 1;

    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.le_user_details {
    position: absolute;
    z-index: 9;
    width: 300px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.95);
    right: 42px;
    bottom: -6px;
    box-shadow: 0 0 30px -8px #000;
    padding: 0 10px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.le_user_details.loading {
}

.le_user_details > h3 {
    margin: 0;
    background: #009fe3;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.le_user_details > small {
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 8px;
}

.le_user_details > button {
    border: none;
    background: #383c3f;
    color: #fff;
    position: absolute;
    right: 4px;
    top: -4px;
}

.le_user_details > button:hover {
    background: #525252;
}

.le_user_details > label {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}

.le_user_details > .leud_pstatus {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 8px;
}

.le_user_details > .leud_pstatus.online {
}

.le_user_details > .leud_pstatus.offline {
}

.le_user_details > .leud_pstatus.online i {
    background: #38e038;
}

.le_user_details > .leud_pstatus.offline i {
}

.le_user_details > .leud_pstatus i {
    height: 8px;
    width: 8px;
    background: #c7c7c7;
    margin-top: 5px;
    border-radius: 100%;
    margin-right: 6px;
}

.le_user_details > .leud_pstatus span {
}

.leud_activities {
    margin-bottom: 13px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    display: none;
}

.leud_activities > h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    background: #f1f1f1;
    padding: 3px 10px;
    border-bottom: 1px solid #ddd;
    margin: 0 -10px 8px -10px;
}

.leud_activities > div {
    margin: 2px 0;
    border-left: 1px solid #ccc;
    padding-left: 6px;
}

.leud_activities > div:hover {
}

.leud_activities > div i {
}

.leud_activities > div span {
    min-width: 100px;
    display: inline-block;
    margin-right: 6px;
}

.leud_activities > div b {
}

.leud_play {
    display: inline-block;
    text-align: center;
    background: #009fe3;
    color: #fff !important;
    /* margin-bottom: 12px; */
    text-decoration: none !important;
    padding: 4px 16px;
    border-radius: 2px;
    box-shadow: 0 5px 9px -6px #65d1ff;
}

.leud_play:hover {
    text-decoration: none;
    color: #fff;
    background: #0579ab;
}

.leud_actions > p {
    font-size: 11px;
    margin: 0;
    margin-bottom: 12px;
}

.leud_actions {
    margin-bottom: 12px;
    text-align: center;
}

.le_player_controler {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    height: 94px;
}

.lep_track * {
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.lep_track {
    height: 32px;
    position: relative;
}

.lep_track > div {
    position: absolute;
    height: 8px;
    background: #cff1ff;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -4px;
    /* border-bottom: 1px dotted #009fe3; */
}

.lep_track > div span:hover {
    /* box-shadow: 0 0 6px #009fe3; */
}

.lep_track > div span i {
    position: absolute;
    left: 100%;
    top: -6px;
    height: 18px;
    width: 18px;
    background: #0377a9;
    border-radius: 100%;
    margin-left: -10px;
    /* opacity: 0; */
    box-shadow: 0 0 4px #888888, inset 0 0 6px #005579;
    border: 2px solid #fff;
    box-sizing: content-box;
}

.lep_track > div span:hover i {
    box-shadow: 0 0 6px #009fe3;
}

.lep_track > div span {
    position: absolute;
    width: 0;
    height: 8px;
    background: #35c1fb;
    /* border-radius: 100%; */
    top: 0;
    left: 0;
    box-shadow: 0 0 0 #009fe3;
}

.lep_track small::after {
    height: 8px;
    content: ' ';
    width: 8px;
    border: 8px solid transparent;
    border-top: 8px solid #696969;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 100%;
}

.lep_track small {
    position: absolute;
    z-index: 9;
    left: calc(100% - 32px);
    bottom: 100%;
    background: #696969;
    color: #fff;
    padding: 3px 15px;
    border-radius: 3px;
    box-shadow: 0 0px 19px -6px #000;
    margin-bottom: 30px;
    display: none;
}

.lep_track small > u {
    text-decoration: none;
    font-size: 14px;
}

.lep_buttons {
    /* margin-top: 12px; */
    display: flex;
    /* text-align: right; */
    flex: 1;
    margin-bottom: 8px;
    margin-left: 320px;
    /* justify-content: right; */
    /* align-items: flex-end; */
    justify-content: flex-end;
}

.lep_buttons > button {
    background: #fff;
    border: 1px solid #0377a9;
    color: #0376a7;
    margin-right: 12px;
    margin-top: 6px;
    border-radius: 2px;
    padding: 2px 12px;
}

.lep_buttons > button:hover {
}

.lep_buttons > button.stop {
}

.lep_buttons > button.back {
}

.lep_buttons > button.play {
    font-size: 22px;
    background: #cff1ff;
    color: #0377a9;
    padding-left: 10px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-top: -4px;
}

.lep_buttons > button.forward {
}

.lep_buttons > select {
    margin-right: 20px;
    height: 25px;
    margin-top: 6px;
}

.lec_detholder { /* display: flex; *//* width: 50%; */
}

.lepc_uinfo {
    width: 320px;
    position: absolute;
    top: -62px;
    background: #f7f7f7;
    padding-left: 76px;
}

.lepc_uinfo > h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 6px 4px;
}

.lepc_uinfo > small {
    display: block;
    text-align: left;
    padding: 0px 4px;
    font-size: 12px;
}

.lepc_uinfo > span {
    font-size: 12px;
    text-align: left;
    display: block;
    padding: 0 4px;
    padding-bottom: 8px;
}

.lepc_uinfo > a {
    font-size: 12px;
    text-align: left;
    display: block;
    padding: 0 4px;
    padding-bottom: 8px;
    text-decoration: none !important;
    color: #0376a7 !important;
    font-weight: bold;
    text-align: right;
}

.lepc_image {
    height: 64px;
    width: 64px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50%;
    position: absolute;
    top: 0;
    left: 10px;
}

.lepcpb_info {
    flex: 1;
}

button.lepc_cancel {
}

button.lepc_play {
    background: #0376a7;
    border: 1px solid #0377a9;
    color: #ffffff;
    margin-left: 12px;
    margin-top: 6px;
    border-radius: 2px;
    padding: 2px 40px;
}

span.lepcpb_pinfo {
    position: absolute;
    left: 50%;
    top: 5px;
    background: #fff;
    width: 232px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
    border-radius: 2px;
    background: #009fe3;
    color: #fff;
    box-shadow: 0px 3px 11px -4px #000;
    margin-left: -116px;
    display: none;
}

button.lepc_play.playing {
    background: #ef9999;
    border-color: #a55050;
}

@media (max-width: 670px) {
    .lepc_uinfo {
        top: -96px;
    }
}

.daterangeselector::after {
    /* content : ' '; */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .2;
}

.daterangeselector {
    display: none;
    position: fixed;
    z-index: 99;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 250px;
    height: 120px;
    margin-left: -125px;
    margin-top: -60px;
    padding-top: 14px;
    border-radius: 4px;
    box-shadow: 0 0px 40px -10px #000;
}

.daterangeselector label {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.daterangeselector input {
    display: block;
    margin: 0 auto;
}

.daterangeselector button {
    margin: 10px auto;
    display: block;
}

.le_loadingactivities {
    margin: 6px 0px;
    text-align: center;
    font-size: 12px;
}

.dashboard-stat2 {
    margin-bottom: 0 !important;
    padding: 5px 19px 30px 15px;
    height: 136px;
    box-shadow: 0px 2px 3px 2px #ccc;
    margin-top: 11px;
}

.pvd_contact {
}

.pvd_contact i {
}

.pvd_contact b::before {
    content: '';
    font-weight: normal;
    margin-right: 10px;
}

.pvd_contact b {
    display: block;
    padding-left: 8px;
    border-left: 2px solid #ccc;
}

.sloadmore {
    background: #009fe3;
    color: #fff;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    padding: 7px 0;
    border-radius: 3px;
    cursor: pointer;

    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;

}

.sloadmore:hover {
    background: #0a86bb;
}

.cl_clients {
    text-align: right;
}

.cl_clients > a {
    margin-bottom: 12px;
}

.cl_client {
    text-align: left;
}

.cl_client > div {
    display: flex;
    border-left: 2px solid #ccc;
    margin: 4px 0;
    padding-left: 6px;
    border-bottom: 1px solid #eaeaea;
}

.cl_client > div > span {
    flex: 1;
    font-size: 14px;
    line-height: 36px;
    font-weight: 600;
}

.cl_client > div > span.b {
    flex: unset;
}

.cl_client > div > span button {
}

label.ob {
}

label.ob::after {
    content: '*';
    font-weight: bold;
    color: red;
    font-size: 106%;
    margin-left: 5px;
}

.list_addr {
    text-align: right;
}

.list_addr a {
    color: #006b98;
    font-weight: 600;
    text-transform: uppercase;
    background: #fff;
    padding: 4px 6px;
}

.list_addr a:hover {
}

.addresses_selector {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    height: 100%;
    background: rgba(0, 0, 0, 0.21);
}

.addresses_selector ul {
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 12px;
    display: block;
    width: 60%;
    min-width: 300px;
    margin: 0 auto;
    margin-top: 10%;
    border-radius: 3px;
}

.addresses_selector ul li {
    color: #848484;
    text-transform: uppercase;
    padding: 4px 2px;
    margin: 4px 0;
    border-left: 2px solid #ffffff;
    padding-left: 6px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
}

.addresses_selector ul li:hover {
    background: #f9f9f9;
    border-left-color: #ccc;
}

tr.blocked > td {
    background: #ffecec !important;
}

tr.blocked {
    background: #ffecec !important;
}

.modal_header {
    background: #eee;
    margin: -15px -15px 12px -15px;
    position: relative;
}

.modal_header h3 {
    margin: 0 0;
    padding: 10px 14px;
}

.modal_header span {
    position: absolute;
    right: 20px;
    top: 0;
    height: 42px;
    width: 29px;
    background: #eeeeee;
    padding: 12px 4px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    cursor: pointer;
}

.modal_header span:hover {
    background: #009fe3;
}

.modal_header span i {
}

.page-header.navbar .menu-toggler.responsive-toggler.open::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    cursor: default;
}

.page-sidebar.navbar-collapse.collapse > .slimScrollDiv {
    box-shadow: 0px 0px 32px -9px #a5a5a5;
}

@media (max-width: 991px) {
    .page-sidebar.navbar-collapse.collapse {
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -ms-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s;

    }

    .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #c7c7c7;
    }

    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
        background: #f3f3f3;
    }
}

#monthly_report_view {
    min-height: 100vh;
    background: #f3f3f3 !important;
    margin-bottom: 64px;
    margin-top: 76px;
}

.mrv_header {
    background: #ffffff;
    box-shadow: 0px 16px 29px -20px #000;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.mrv_commercial {
    display: flex;
    margin: 6px 10px;
    flex: 2; /* justify-content: center; */
    padding-left: 16px;
    position: relative;
}

.mrvc_image {
    padding-right: 11px;
}

.mrvc_image img {
    max-height: 42px;
}

.mrvc_dets {
    min-width: 200px;
}

.mrvc_dets h3 {
    margin: 0 0;
    font-size: 18px;
    font-weight: 600;
}

.mrvc_dets h5 {
    margin: 4px 0 0px 0;
}

.mrv_title {
    padding-top: 7px;
    background: #00ade9;
    color: #fff;
    padding: 0 24px;
    padding-top: 7px;
    /* margin-bottom: 8px; */
}

.mrv_title h3 {
    margin: 0 0;
    font-size: 18px;
    font-weight: 600;
}
.mrv_title h5 b {
    text-transform: uppercase;
    color: #e7f1f5;
    border-top: 1px solid rgba(255, 255, 255, 0.39);
    margin-top: 1px;
    display: inline-block;
    padding-top: 4px;
    margin-bottom: 7px;
}

.mrv_title h5 {
    margin: 4px 0 0px 0;
    text-align: center;
}

.mrv_tools {
    display: flex;
    justify-content: center;
    flex: 1;
    text-align: center;
    align-items: center;
    margin: 10px 0;
    padding-right: 12px;
    position: relative;
}

.mrv_tools button {
    margin: 0 8px;
}

.mrv_tools button.green {
}

@media (max-width: 770px) {
    .mrv_title {
        width: 100%;
        text-align: center;
        padding-bottom: 10px !important;
        margin-bottom: 12px;
    }
}

@media print {
    .mrv_commercial {
        width: 100% !important;
        flex: 1 !important;
        /* text-align: center; */
        justify-content: center;
    }

    .print_details {
        display: block !important;
    }

    .mrvc_action, .mrv_commercial, .mrv_tools, .mrv_print_btn {
        display: none !important;
    }
    .mrv_header {
        display: none;
    }

    .mrv_cards > div {
        border: 1px solid #0ba585;
    }

    .mrv_cards > div label {
        background: #fff !important;
        color: #06735c !important;
        border-bottom: 1px solid #0ba585;
    }

    .mrv_day > label {
        padding: 24px 4px !important;
        text-align: center !important;
    }

    .mrv_day > label span {
        float: none !important;
        display: block !important;
    }
}

#monthly_report_view input#month {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -30px;
}

#monthly_report_view.loading * {
}

#monthly_report_view.loading button,
#monthly_report_view.loading a {
    opacity: .8;
    pointer-events: none;
}

#monthly_report_view.loading .mrv_print_btn {
    display: none;
}

.mrvc_action {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.91);
    /* text-align: center; */
    padding-top: 4px;
}

.mrv_commercial:hover .mrvc_action {
    opacity: 1;
}

.mrv_change_user {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.69);
    display: none;
}

.mrv_change_user > div {
    max-width: 320px;
    margin: 0 auto;
    margin-top: 76px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 16px;
}

.mrv_change_user > div label {
    display: block;
}

.mrv_change_user > div select {
}

.mrv_change_user > div > a {
    position: absolute;
    right: 26px;
    top: 12px;
    font-size: 32px;
    color: #fff;
    padding: 9px;
}

.mrv_change_user > div a:hover {
    /* background: #ffbcbc; */
}

.mrv_change_user > div > button {
    margin-top: 26px;
}

.mrv_days {
    margin: 32px 0;
    padding: 4px 16px;
}

.mrv_day {
    position: relative;
    border-bottom: 2px solid #ccc;
    padding-bottom: 40px;
    margin-bottom: 40px;
    page-break-before: always;
}

.mrv_day > label span {
    color: #8a8a8a;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    /* display: block; */
    float: right;
}

.mrv_day > label {
    display: block;
    background: #fbfbfb;
    padding: 10px 6px;
    border-left: 4px solid #00ade9;
    font-weight: 600;
    font-size: 14px;
}

.mrvd_inner {
}

.mrvd_action {
}

.mrvd_action label {
}

.mrdva_title {
}

.mrdva_title span {
}

.mrdva_title h3 {
    margin: 0 0;
}

.mrdva_body {
}

.mrv_note { /* width: 160px; */
    display: block;
    max-width: 160px;
}

.mrv_day table {
    background: #fff;
    width: 100%;
}

.mrv_day table .thead {border-bottom: 0;}

.mrv_day table .thead tr {
}

.mrv_day table .thead tr th {
    padding: 4px 8px;
    border-bottom: 4px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    padding-top: 18px;
}

.mrv_day table .thead tr th:last-child {
}

.mrv_day table .thead tr th:first-child {
    border-left: 4px solid #ccc;
}

.mrv_day table tbody {
    background: #fff;
    border-bottom: 18px solid #f3f3f3;
}

.mrv_day table tbody.jn {
    border-bottom: 6px solid #f3f3f3;
}

.mrv_day table tbody tr {
}

.mrv_day table tbody tr:first-child {
}

.mrv_day table tbody tr:last-child {
}

.mrv_day table tbody tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px 6px;
}

.mrv_day table tbody tr td:last-child {
}

.mrv_day table tbody tr td:first-child {
    text-align: center;
    border-left: 4px solid #0ba585;
    font-weight: 600;
}

.mrv_day table tbody tr.ph td:first-child {
    border-left: 4px solid #65ffdf;
}

.mrv_day table tbody tr td.nd {
    padding: 21px 0;
    border-left-color: #d2d2d2 !important;
}

.mrv_day table tbody tr td.nd span {
    font-weight: 400;
    color: #8a8a8a;
    display: block;
    margin-top: 9px;
}

.fxtd {
    border-left-color: #fff !important;
    font-weight: 100 !important;
}

.mrv_day table .c {
    text-align: center;
}

.mrv_day table .n {
    text-align: right;
}

.mrv_day table .b {
    font-weight: 600;
}

.mrv_day table .s {
}

.mrv_print_btn {
    position: fixed;
    z-index: 9999;
    right: 26px;
    bottom: 30px;
    background: #00ade9;
    color: #fff;
    height: 62px;
    width: 62px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #00ade9;
    cursor: pointer;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.35), 0px 11px 32px -10px rgba(0, 0, 0, 0.68);
}

.mrv_print_btn a {
    color: #fff;
    font-size: 23px;
}

.mrv_print_btn a:hover {
}

.print_details h3 span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-top: 6px;
}

.print_details h3 {
    margin: 0 0;
    font-size: 14px;
    font-weight: 400;
}

.print_details {
    width: 100%;
    text-align: center;
    /* border-top: 1px solid #ccc; */
    padding-top: 16px;
    padding-bottom: 12px;
    display: none;
}

.mrv_cards {
    display: flex;
    flex-wrap: wrap;
}

.mrv_cards > div {
    background: #fff;
    flex: 1;
    margin: 0 4px;
    text-align: center;
    /* display: flex; */
    /* flex-direction: column; */
    box-shadow: 0px 12px 47px -20px #a2a2a2;
    /* border: 1px solid #0ba585; */
}

.mrv_cards > div label {
    display: block;
    background: #0ba585;
    color: #fff;
    padding: 4px 0px;
    font-weight: 600;
}

.mrv_cards > div span {
    padding: 16px;
    display: block;
    font-weight: 600;
    font-size: 18px;
}

.mrv_cards > div span::after {
    content : '/jour';
    font-size: 60%;
    font-weight: 400;
    color: #6b6a6a;
    margin-left: 2px;
}

.mrv_cards_title {
}

.mrv_cards_title h3 {
    display: block; /* background: #fbfbfb; */
    padding: 9px 6px;
    border-top: 1px solid #ffffff;
    font-weight: 600;
    font-size: 14px;
}

.mrv_nodata {
    background: #fff;
    padding: 32px;
    text-align: center;
    margin-top: 26px;
}

.mrv_nodata i {
    display: block !important;
    text-align: center;
    font-size: 34px;
    line-height: 64px !important;
    color: #f3f3f3;
}

.mrv_nodata span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    color: #868686;
}

.mrv_nodata small {
    color: #b7b7b7;
    font-size: 14px;
}

.loading .mrv_days {
    background: #fff;
    min-height: 400px;
    position: relative;
}

.loading .mrv_days * {
    opacity: 0;
}

.loading .mrv_days::after {
    content: '';
    background: #f3f3f3;
    position: absolute;
    left: 12px;
    top: 43px;
    width: 80%;
    height: 6px;
    box-shadow: 0px 16px rgba(243, 243, 243, 0.51), 0px 32px rgba(243, 243, 243, 0.51), 0px 48px rgba(243, 243, 243, 0.3);
    border-radius: 3px;
}

.loading .mrv_days::before {
    content: '';
    background: #ccc;
    position: absolute;
    left: 12px;
    top: 24px;
    width: 45%;
    height: 6px;
    border-radius: 3px;
}

.mrv_loading_data {
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.08);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

.mrvl_number {
    font-size: 36px;
    font-weight: 600;
    color: #1bbc9b;
    margin-top: 22px;
    display: none;
}

.mrvl_progress {
    width: 240px;
    height: 6px;
    margin: 22px 4px;
    background: #e6fffa;
    display: none;
}

.mrvlp_in {
    height: 100%;
    background: #1bbc9b;
    border-radius: 0 6px 6px 0;
}

.mrv_txt {
    font-size: 11px;
    color: #a9a9a9;
    max-width: 262px;
    margin: 0 auto;
}

.mrv_txt b {
    display: block;
    font-size: 125%;
    color: #8e8e8e;
}

.mrv_loading_body {
    background: rgb(255, 255, 255);
    padding: 20px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0px 18px 32px -16px #000;
}

.mrv_action a {
    pointer-events: auto !important;
    opacity: 1 !important;
}
.mrv_action {
    margin-top: 24px;
    margin-bottom: 18px;
}

.transfer_frm {}
.transfer_frm > div {
    margin: 20px 0px;
}
.transfer_frm > div label {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #868686;
}
.transfer_frm > div input {}

.xph {
    padding-right: 6px;
}

.mrvl_img {
    padding: 0 0;
    margin: 26px 0;
}
.mrvl_img > svg {}

.notif_old {
}

.nto_icon {}
.nto_icon i {}

.nto_text {}
.nto_text h3 {}
.nto_text h5 {}
.nto_text > div {}
.nto_text > div button {}

.sl_container {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 0;
    left: 0;
    top: -2px;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.38);
    -webkit-transition: height 600ms;
    -moz-transition: height 600ms;
    -ms-transition: height 600ms;
    -o-transition: height 600ms;
    transition: height 600ms;
}
.sl_container.open {
    height: 90%;
    top: 0;
}

.open .sl_map {}
.sl_map {
    background: #fff;
    height: 100%;
    border-bottom: 2px solid #009fe3;
}
.sl_map > .sl_themap {
    min-height: 450px;
    height: 100%;
}
.open .sl_map > div {

}

.sl_trigger {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #009fe3;
    width: 64px;
    text-align: center;
    cursor: pointer;
    font-size: 19px;
}
.sl_trigger > i {}
.open .sl_trigger {}
.open .sl_trigger > i {}

.sl_ui_controls {position: absolute;bottom: 0;left: 0;width: 100%;}

.sl_zoom {}
.sl_zoom button {}
.sl_zoom span {}
.sl_zoom span i {}

.crm_data_error {
    display: block;
    background: #ff8f8f;
    border: 1px solid #ec5f5f;
    color: #fff;
    cursor: pointer;
    /* margin: 0 auto; */
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    padding: 1px 9px;
    font-size: 12px;
}
.crm_data_error:hover {
    background: #ff334c;
}

.remise_prompt {
    background: #f3f3f3;
    border: 1px solid #ccc;
    padding: 6px 7px;
    text-align: center;
}

.remise_prompt > p {}

.remise_prompt > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.remise_prompt > div > button {
    margin: 0 2px;
}

ul.map_infobull {
    margin: 0 0;
    padding: 0 0;
    list-style: none;
}

ul.map_infobull > li {
    display: flex;
    margin-bottom: 2px;
}

ul.map_infobull > li > span {
    flex: 1;
}

.map_infobulltitle {font-size: 16px;margin: 0 0;/* background: #ccc; */display: block;}

.map_client_info {
    position: relative;
    z-index: 99999;
    background: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.map_client_info h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 0;
    color: #656565;
    max-width: 272px;
}
.map_client_info h5 {
    margin: 0;
    font-size: 12px;
    color: #9a9a9a;
}
.map_client_info p {
    color: #30bfef;
    margin: 6px 0;
    font-size: 14px;
    padding: 7px 8px;
    background: #fdfdfd;
    border: 1px solid #ccc;
    text-align: center;
}
.map_client_info ul {
    margin: 6px 0;
    padding: 0 0;
    list-style: none;
}
.map_client_info ul > li {
    display: flex;
    line-height: 22px;
    margin-bottom: 3px;
}
.map_client_info ul > li i {
    width: 32px;
    color: #30bfef;
    line-height: inherit !important;
    border: 1px solid #9fe7ff;
}
.map_client_info ul > li span {
    flex: 1;
    line-height: inherit;
    margin-left: 5px;
    max-width: 272px;
    font-weight: 600;
}
.map_client_info > div {
    display: flex;
    justify-content: center;
}
.map_client_info > div button {
    padding: 4px 8px;
    background: #fff;
    border: 1px solid #30bfef;
    margin: 0 2px;
    margin-top: 9px;
}
.map_client_info > div button:hover {}

button.gm-ui-hover-effect[title="Close"] {
    background: #ffe6e6 !important;
    color: #fff !important;
    width: 24px !important;
    height: 24px !important;
    overflow: hidden;
    padding: 0px 6px !important;
    margin-top: -10px !important;
    margin-right: 6px !important;
    opacity: 1 !important;
    position: absolute !important;
}

button.gm-ui-hover-effect[title="Close"] img {
    margin: 0 !important;
}

.gm-style-iw {
    left: 9px !important;
    top: 4px !important;
    /* width: 100% !important; */
    /* height: 100% !important; */
    /* max-height: 401px !important; */
    /* max-width: 300px; */
}

.filter_map {
    position: fixed;
    bottom: 16px;
    left: 16px;
    z-index: 9;
    /* background: #fff; */
    /* box-shadow: 0px 0px 16px -3px #000; */
    border-radius: 2px;
}
.filter_map  ul {
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    overflow: hidden;
    background: #fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    box-shadow: 0px 0px 32px -2px #000;
}
.filter_map  ul li {
    padding: 2px 6px;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    /* padding-right: 12px; */
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 32px;
}
.filter_map  ul li:hover {
    background: #f1f1f1;
}
.filter_map  ul li img {
    max-height: 32px;
}
.filter_map  ul li.no {
    opacity: .2;
}
.filter_map  ul li.no b {
    background: #fff;
    color: #ececec;
}
.filter_map  ul li.no b i.fa-check {}
.filter_map  ul li.no b i.fa-close {}
.filter_map  ul li b {
    line-height: 19px;
    background: #30bfef;
    border: 1px solid #0e9bcb;
    color: #ffffff;
    /* margin: -4px -6px -4px 0; */
    font-size: 13px;
    padding: 0 6px;
    padding: 0 2px;
}
.filter_map  ul li b i {}
.filter_map  ul li b i.fa-check {}
.filter_map  ul li b i.fa-close {
    display: none;
}
.filter_map  ul li span {
    flex: 1;
    padding: 0 6px;
}

.filter_map > a {
    padding: 4px 15px;
    display: block;
    color: #797979;
    background: #fff;
    box-shadow: 0px 0px 16px -3px #000;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none !important;
}

.me_route_info {
    display: none;
    width: 300px;
    height: auto;
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    left: 50%;
    bottom: 16px;
    margin-left: -150px;
    border-radius: 3px;
    box-shadow: 0px 0px 18px -4px #000;
    padding-bottom: 12px;
}
.me_route_info p {
    margin: 0;
    padding: 7px 5px;
    background: #32c5d2;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}
.me_route_info div {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
.me_route_info div * {
    /* margin: 4px 6px; */
    /* line-height: 32px; */
    /* border: 1px solid #ccc; */
    /* padding: 0px 9px; */
    /* font-size: 18px; */
}
.me_route_info span {
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-align: center;
}
.me_route_info b {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #949494;
}
.me_route_info button {
    margin: 0 auto;
    float: none;
    display: block;
    width: 120px;
    margin-top: 14px;
    background: #d7fcff;
    border: 1px solid #32c5d2;
}

.map_new_action {
    position: fixed;
    display: none;
    /* opacity: 0; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.31);
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
.map_new_action > div {
    background: #fff;
    padding: 9px 14px;
    border-radius: 2px;
    box-shadow: 0px 0px 32px -10px #000;
    max-width: 600px;
    margin: 0 10px;
}
.map_new_action > div h3 {
    background: #00bfe3;
    margin: -9px -14px;
    padding: 6px 9px;
    margin-bottom: 17px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.map_new_action > div .r {
    display: flex;
    flex-wrap: wrap;
    /* border-bottom: 1px solid #ccc; */
}
.map_new_action > div .c {
    flex: 1;
    margin: 4px 5px;
}
.map_new_action > div .infos {
    border-bottom: 1px solid #ccc;
    min-width: 300px;
    margin-bottom: 7px;
    padding-bottom: 6px;
    /* border-right: 1px solid #ccc; */
    padding-right: 6px;
}
.map_new_action > div .infos span {
    display: flex;
}
.map_new_action > div .infos span i {
    min-width: 61px;
    font-style: normal;
}
.map_new_action > div .infos span b {
    font-weight: normal;
    padding-left: 6px;
}
.map_new_action > div label {
    display: block;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
}
.map_new_action > div input {
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    min-width: 160px !important;
}
.map_new_action > div textarea {
    width: 100%;
    min-height: 100px;
    padding: 4px 8px;
}
.map_new_action > div select {
    padding: 6px 6px;
    width: 100%;
    min-width: 200px !important;
}
.map_new_action > div .btns {
    padding: 0 5px;
    margin-top: 9px;
    margin-bottom: 14px;
}
.map_new_action > div .btns > button {}

.map_new_phoning {
    position: fixed;
    display: none;
    /* opacity: 0; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.31);
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
.map_new_phoning > div {
    background: #fff;
    padding: 9px 14px;
    border-radius: 2px;
    box-shadow: 0px 0px 32px -10px #000;
    max-width: 600px;
    margin: 0 10px;
}
.map_new_phoning > div h3 {
    background: #00bfe3;
    margin: -9px -14px;
    padding: 6px 9px;
    margin-bottom: 17px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.map_new_phoning > div .r {
    display: flex;
    flex-wrap: wrap;
    /* border-bottom: 1px solid #ccc; */
}
.map_new_phoning > div .c {
    flex: 1;
    margin: 4px 5px;
}
.map_new_phoning > div .infos {
    border-bottom: 1px solid #ccc;
    min-width: 300px;
    margin-bottom: 7px;
    padding-bottom: 6px;
    /* border-right: 1px solid #ccc; */
    padding-right: 6px;
}
.map_new_phoning > div .infos span {
    display: flex;
}
.map_new_phoning > div .infos span i {
    min-width: 61px;
    font-style: normal;
}
.map_new_phoning > div .infos span b {
    font-weight: normal;
    padding-left: 6px;
}
.map_new_phoning > div label {
    display: block;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
}
.map_new_phoning > div input {
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    min-width: 160px !important;
}
.map_new_phoning > div textarea {
    width: 100%;
    min-height: 100px;
    padding: 4px 8px;
}
.map_new_phoning > div select {
    padding: 6px 6px;
    width: 100%;
    min-width: 200px !important;
}
.map_new_phoning > div .btns {
    padding: 0 5px;
    margin-top: 9px;
    margin-bottom: 14px;
}
.map_new_phoning > div .btns > button {}

.mapactionsavebtn {float: right;}

.mdtimepicker {
    z-index: 999999999 !important;
}

b#mapaction_client {
    font-weight: 600;
}

.me_message {
    position: fixed;
    left: 50%;
    bottom: -120px;
    z-index: 99999999999;
    background: #fff;
    width: 320px;
    margin-left: -160px;
    border-radius: 3px;
    box-shadow: 0px 0px 32px -5px #000;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #30bfef;
    overflow: hidden;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.me_message h3 {
    margin: 0 0;
    padding: 0 0;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    padding-right: 22px;
}
.me_message p {
    margin: 0 0;
    padding: 6px 4px;
    font-size: 14px;
}
.me_message div {
    /* flex: 1; */
}
.me_message div.icon {
    width: 50px;
    background: #30bfef;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}
.me_message div.icon i {}
.me_message div.infos {
    flex: 1;
    padding: 6px 8px;
}
.me_message div.buttons {
    position: absolute;
    right: 0;
    top: 0;
}
.me_message div.buttons button {
    background: #30bfef;
    color: #fff;
    border: 1px solid #30bfef;
    margin-top: 0px;
}

.me_message.success {
    border-color: #1bbc9b;
}
.me_message.success div.buttons button {
    border-color: #1bbc9b;
    background: #1bbc9b;
}
.me_message.success div.icon {
    background: #1bbc9b;
}
.me_message.success h3 {}
.me_message.danger {
    border-color: #ff5454;
}
.me_message.danger div.buttons button {
    background: #ff5454;
    border-color: #ff5454;
}
.me_message.danger div.icon {
    background: #ff5454;
}
.me_message.danger h3 {}
.me_message.warning {
    border-color: orange;
}
.me_message.warning div.buttons button {
    background: orange;
    border-color: orange;
}
.me_message.warning div.icon {
    background: orange;
}
.me_message.warning h3 {}

.mape_zoom {
    position: fixed;
    z-index: 9;
    right: 12px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    display: none;
}
.mape_zoom span {
    text-align: center;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 2px;
    padding: 5px 0;
    width: 38px;
    cursor: help;
    box-shadow: 0px 0px 16px -2px #000;
}
.mape_zoom span b {}
.mape_zoom button {
    background: rgba(255, 255, 255, 0.91);
    border: 1px solid #ccc;
    border: none;
    margin-bottom: 12px;
    font-size: 21px;
    color: #545454;
    border-radius: 3px;
    box-shadow: 0px 0px 6px -1px #000;
}
.mape_zoom button i {}
.mape_zoom button:hover {
    background: rgba(243, 243, 243, 0.79);
}
.mape_zoom button:hover i {}

.lme_client_details {
    position: fixed;
    bottom: -400px;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 0px 42px -6px #000;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.cd_header {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #aadaff;
}
.cd_header > div {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    filter: blur(4px);
    opacity: .2;
}
.cd_header h3 {
    margin: 0 0;
    position: relative;
    color: #525252;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 4px 0;
    padding-bottom: 9px;
}
.cd_header h5 {
    position: relative;
    margin: 0;
    padding: 0 0;
    font-size: 13px;
    color: #8c8c8c;
}

.cd_inner {
    padding: 10px 10px;
}
.cd_inner p {
    margin: 0;
    padding: 0;
    padding-bottom: 8px;
    margin-bottom: 6px;
    /* font-size: 16px; */
    /* text-indent: 12px; */
    border-bottom: 1px solid #ccc;
    padding: 11px 20px;
    /* text-align: center; */
}
.cd_inner span{
    display: flex;
    line-height: 25px;
    border: 1px solid #e6e6e6;
    margin: 4px 4px;
}
.cd_inner span b{
    padding: 0 7px;
}
.cd_inner span i{
    line-height: inherit !important;
    width: 32px;
    text-align: center;
    background: #d2f4ff;
    border-right: 1px solid #e6e6e6;
}
.cd_actions {
    padding: 10px 12px;
    padding-bottom: 42px;
    display: flex;
    flex-wrap: wrap;
}
.cd_actions button {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.cda_p {
    background: #30bfef;
    border: 1px solid #1ab3e6;
    color: #fff;
    padding: 5px 13px;
    margin-right: 6px;
    font-size: 16px;
}
.cda_p:hover {
    background: #0694c3;
}
.cda_n {
    background: #ffffff;
    border: 1px solid #30bfef;
    color: #565656;
    padding: 5px 13px;
    margin: 2px 5px;
    font-size: 16px;
}
.cda_n:hover {
    background: #f5f5f5;
    border-color: #e6e6e6;
}

@media (max-width: 790px) {
    .lme_client_details {
        width : 100%;
        margin-left: 0;
        left: 0;
    }
    .lme_client_details > button {
        position: absolute !important;
        bottom: 100% !important;
        top: unset !important;
        right: unset !important;
        z-index: 0 !important;
        left: 50%;
        width: 120px;
        margin-left: -60px;
        background: #fff !important;
        border: none !important;
        border-radius: 2px 2px 0 0;
        padding: 6px 0px !important;
        font-size: 15px;
        color: #929090;
        box-shadow: 0px 0px 16px -2px #000;
    }
    .lme_client_details > button i {
        line-height: inherit !important;
    }
    .lme_client_details > button i.fa-close {
        display: none;
    }
    .lme_client_details > button span {
        display: block !important;
    }
    .lme_client_details > button:hover{}
    .lme_client_details > button:hover i{}
}

.cd_actions >div {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    /* flex-wrap: wrap; */
}

.cdi_contact {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
}
.lme_client_details > button {
    background: #f3f3f3;
    border: 1px solid #d6d6d6;
    /* top: -22px; */
    bottom: 96%;
    right: 7px;
    position: absolute;
    z-index: 9;
    padding: 5px 12px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    /* height: 1px; */
    /* bottom: 80%; */
}

.lme_client_details > button i {}
.lme_client_details > button i.fa-close {}
.lme_client_details > button span {
    display: none;
}

.lme_client_details.shown {
    bottom: 0 !important;
}

.lme_client_details.shown > button {
    /* bottom: 100%; */
}

div#twins_modal_fQsN4w0jpf3yPwrtygkg {
    z-index: 9999999999999;
}

.twins_modal {
    z-index: 999999999;
}

.mape_nearby_notif {
    position: fixed;
    z-index: 1;
    left: 16px;
    bottom: 120px;
    cursor: pointer;
    display: none;
}
.mape_nearby_notif b{
    position: absolute;
    right: -16px;
    top: -11px;
    background: #30bfef;
    border: 1px solid #30bfef;
    color: #fff;
    /* padding: 4px 6px; */
    font-size: 12px;
    line-height: 22px;
    width: 24px;
    text-align: center;
    border-radius: 100%;
}
.mape_nearby_notif span {
    display: block;
    background: #fff;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 0px 0px 16px -3px #000;
}

.nearby_list {
}

.modal-open .datepicker {
    z-index: 1000000011 !important;
}

.np-rowcontent {
    height: auto !important;
    min-height: 164px;
}

.bootstrap-select.btn-group.bs-container {
    z-index: 999999999 !important;
}

.sync_direction {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sd_one {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 14px;
    padding: 8px 0;
    cursor: pointer;
    background: #fff;
    border: 2px solid #fff;
    position: relative;
    overflow: hidden;
}
.sd_one.active {
    border-color: #32c5d2 !important;
    background: #effafb !important;
}
.sd_one:hover {
    border-color: #e4e4e4;
    background: #fbfbfb;
}
.sd_one > label {
    width: 100%;
    cursor: pointer;
}
.sd_one > label b{}
.sd_one > img{
    max-width: 64px;
    max-height: 64px;
}
.sd_one > span{
    padding: 4px 20px;
    font-size: 32px;
    color: #000;
}
.sd_one > span i{}
.sd_one > b {
    position: absolute;
    left: -25px;
    top: -8px;
    background: #32c5d2;
    /* width: 16px; */
    color: #fff;
    transform-origin: center;
    transform: rotate(-45deg);
    height: 28px;
    width: 64px;
    opacity: 0;
}
.sd_one > b i {
    transform-origin: center;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    bottom: 3px;
    margin-left: -16px;
    width: 32px;
    text-align: center;
}
.sd_one.active > b {
    opacity: 1;
}
.sd_one.active > b i {
    /* transform-origin: center; */
    /* transform: rotate(45deg); */
}

.sd_sep {position: relative;height: 100px;display: flex;align-items: center;}
.sd_sep > span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    background: #fff;
    padding: 5px 2px;
    position: relative;
    z-index: 9;
}
.sd_sep > i {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #8a8a8a;
}



.mape_zoom {
    position: fixed;
    z-index: 9;
    right: 12px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    display: none;
}

.mape_zoom span {
    text-align: center;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 2px;
    padding: 5px 0;
    width: 38px;
    cursor: help;
    box-shadow: 0px 0px 16px -2px #000;
}

.mape_zoom span b {
}

.mape_zoom button {
    background: rgba(255, 255, 255, 0.91);
    border: 1px solid #ccc;
    border: none;
    margin-bottom: 12px;
    font-size: 21px;
    color: #545454;
    border-radius: 3px;
    box-shadow: 0px 0px 6px -1px #000;
}

.mape_zoom button i {
}

.mape_zoom button:hover {
    background: rgba(243, 243, 243, 0.79);
}

.mape_zoom button:hover i {
}

.mape_zoom button.mypos {
    display: inline-block;
    color: rgba(71, 209, 255, 0.82);
}

.mape_zoom button.mypos:hover {
}

.lme_client_details {
    position: fixed;
    bottom: -400px;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 0px 42px -6px #000;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.cd_header {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #aadaff;
}

.cd_header > div {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    filter: blur(4px);
    opacity: .2;
}

.cd_header h3 {
    margin: 0 0;
    position: relative;
    color: #525252;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 4px 0;
    padding-bottom: 9px;
}

.cd_header h5 {
    position: relative;
    margin: 0;
    padding: 0 0;
    font-size: 13px;
    color: #8c8c8c;
}

.cd_inner {
    padding: 10px 10px;
}

.cd_inner p {
    margin: 0;
    padding: 0;
    padding-bottom: 8px;
    margin-bottom: 6px;
    /* font-size: 16px; */
    /* text-indent: 12px; */
    border-bottom: 1px solid #ccc;
    padding: 11px 20px;
    /* text-align: center; */
}

.cd_inner span {
    display: flex;
    line-height: 25px;
    border: 1px solid #e6e6e6;
    margin: 4px 4px;
}

.cd_inner span b {
    padding: 0 7px;
}

.cd_inner span i {
    line-height: inherit !important;
    width: 32px;
    text-align: center;
    background: #d2f4ff;
    border-right: 1px solid #e6e6e6;
}

.cd_actions {
    padding: 10px 12px;
    padding-bottom: 42px;
    display: flex;
    flex-wrap: wrap;
}

.cd_actions button {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.cda_p {
    background: #30bfef;
    border: 1px solid #1ab3e6;
    color: #fff;
    padding: 5px 13px;
    margin-right: 6px;
    font-size: 16px;
}

.cda_p:hover {
    background: #0694c3;
}

.cda_n {
    background: #ffffff;
    border: 1px solid #30bfef;
    color: #565656;
    padding: 5px 13px;
    margin: 2px 5px;
    font-size: 16px;
}

.cda_n:hover {
    background: #f5f5f5;
    border-color: #e6e6e6;
}

@media (max-width: 790px) {
    .lme_client_details {
        width: 100%;
        margin-left: 0;
        left: 0;
    }

    .lme_client_details > button {
        position: absolute !important;
        bottom: 100% !important;
        top: unset !important;
        right: unset !important;
        z-index: 0 !important;
        left: 50%;
        width: 120px;
        margin-left: -60px;
        background: #fff !important;
        border: none !important;
        border-radius: 2px 2px 0 0;
        padding: 6px 0px !important;
        font-size: 15px;
        color: #929090;
        box-shadow: 0px 0px 16px -2px #000;
    }

    .lme_client_details > button i {
        line-height: inherit !important;
    }

    .lme_client_details > button i.fa-close {
        display: none;
    }

    .lme_client_details > button span {
        display: block !important;
    }

    .lme_client_details > button:hover {
    }

    .lme_client_details > button:hover i {
    }

    .lme_nearby_clients {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
    }
}

.cd_actions > div {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    /* flex-wrap: wrap; */
}

.cdi_contact {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
}

.lme_client_details > button {
    background: #f3f3f3;
    border: 1px solid #d6d6d6;
    /* top: -22px; */
    bottom: 96%;
    right: 7px;
    position: absolute;
    z-index: 9;
    padding: 5px 12px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    /* height: 1px; */
    /* bottom: 80%; */
}

.lme_client_details > button i {
}

.lme_client_details > button i.fa-close {
}

.lme_client_details > button span {
    display: none;
}

.lme_client_details.shown {
    bottom: 0 !important;
}

.lme_client_details.shown > button {
    /* bottom: 100%; */
}


.mape_nearby_notif {
    position: fixed;
    z-index: 1;
    left: 16px;
    bottom: 120px;
    cursor: pointer;
    display: none;
}

.mape_nearby_notif b {
    position: absolute;
    right: -16px;
    top: -11px;
    background: #30bfef;
    border: 1px solid #30bfef;
    color: #fff;
    /* padding: 4px 6px; */
    font-size: 12px;
    line-height: 22px;
    width: 24px;
    text-align: center;
    border-radius: 100%;
}

.mape_nearby_notif span {
    display: block;
    background: rgba(255, 255, 255, 0.77);
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 0px 0px 16px -3px #000;
}

.mape_route_notif {
    position: fixed;
    z-index: 1;
    left: 16px;
    bottom: 76px;
    cursor: pointer;
    /* display: none; */
}

.mape_route_notif span {
    display: block;
    background: rgba(255, 255, 255, 0.77);
    padding: 4px 8px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 0px 0px 16px -3px #000;
}

.mape_route_notif b {
    position: absolute;
    right: -16px;
    top: -11px;
    background: #30bfef;
    border: 1px solid #30bfef;
    color: #fff;
    /* padding: 4px 6px; */
    font-size: 12px;
    line-height: 22px;
    width: 24px;
    text-align: center;
    border-radius: 100%;
}

.nearby_list {
}

.lme_nearby_clients.shown {
    bottom: 0;
}

.lme_nearby_clients {
    position: fixed;
    z-index: 99;
    /* display: none; */
    bottom: -100%;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.lme_nearby_clients > a {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    padding: 5px 0px;
    color: #fff;
    background: #26c281;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.lme_nearby_clients > a:hover {
}

.lme_nearby_clients > div {
    background: #fff;
    border-radius: 3px 3px 0 0;
}

.lme_nearby_clients > div > h3 {
    margin: 0;
    font-size: 17px;
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
    color: #ccc;
    padding-left: 17px;
}

.lmenbc_list {
    padding: 12px 0;
    padding-bottom: 16px;
}

.lmenbc_list a {
    display: flex;
    text-decoration: none !important;
    color: #585858;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    margin-bottom: 6px;
}

.lmenbc_list a:hover {
    background: #f5f5f5;
}

.lmenbc_list a img {
    width: 64px;
    height: 64px;
    padding: 17px;
}

.lmenbc_list a span {
    flex: 1;
    padding: 6px;
}

.lmenbc_list a span label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: inherit;
    margin-bottom: 0;
    color: #0297ca;
}

.lmenbc_list a span label b {
    background: #30bfef;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
    box-shadow: 2px 2px 6px -2px #b3b3b3;
}

.lmenbc_list a span u {
    text-decoration: none !important;
    color: #b7b7b7;
    display: block;
    margin-bottom: 6px;
}

.lmenbc_list a span u i {
}

.lmenbc_list a span b {
}

.nolocation {
    position: fixed;
    z-index: 999999999;
    background: #fff;
    bottom: 30px;
    max-width: 420px;
    left: 50%;
    margin-left: -210px;
    box-shadow: 0px 0px 20px -7px #000;
    border-radius: 3px;
    border: 1px solid #30bfef;
    display: flex;
    overflow: hidden;
}
.nolocation > a {
    position: absolute;
    right: 11px;
    top: 0;
    background: #30bfef;
    padding: 4px 12px;
    color: #fff;
}
.nolocation > a i {}
.nolocation > span {
    width: 134px;
    background: #30bfef;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding-top: 15px;
}
.nolocation > span i {}
.nolocation  h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 6px;
    padding-right: 56px;
}
.nolocation  p {
    margin: 0;
    padding: 3px 8px;
    margin-bottom: 15px;
    color: #717171;
}

.clicked.dash-carousel-card {
    opacity: .5;
    cursor: wait;
}