.floating_dialog {
    position      : fixed;
    width         : 320px;
    height        : auto;
    bottom        : 20px;
    left          : 50%;
    margin-left   : -160px;
    background    : #fff;
    border        : 1px solid #ccc;
    border-radius : 3px;
    border-left   : 6px solid #ccc;
    padding       : 0 0;
    display       : flex;
    box-shadow    : 0 0px 27px -9px #000;
    cursor        : default;
    z-index       : 9;
}
.floating_dialog.primary {
    border-color : #4d9fe4;
}
.floating_dialog.primary > div {
}
.floating_dialog.primary > div > h3 {
    color : #337ab7;
}
.floating_dialog.primary > i {
    color : #337ab7 !important;
}
.floating_dialog.primary > div > h5 {
    color : #bbb;
}
.floating_dialog > i {
    width           : 66px;
    text-align      : center;
    display         : flex !important;
    justify-content : center;
    align-items     : center;
    color           : #ccc;
    font-size       : 23px;
    padding-right   : 8px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.floating_dialog > small {
    position : absolute;
    right    : 2px;
    top      : 2px;
    color    : #000;
    padding  : 4px 4px;
    cursor   : pointer !important;
    z-index  : 99;
}
.floating_dialog > div > i {
}
.floating_dialog > div > h3 {
    margin         : 0 0;
    padding        : 9px 0 4px 0;
    font-size      : 15px;
    font-weight    : 600;
    text-transform : uppercase;
}
.floating_dialog > div > h5 {
    margin        : 0 0 10px 0;
    padding       : 0px 0px 4px 0;
    border-bottom : 1px solid #efefef;
    font-size     : 10px;
}
.floating_dialog > div > p {
    font-size   : 13px;
    font-weight : 400;
}
.floating_dialog > div {
    flex     : 1;
    position : relative;
    overflow : hidden;
}
.floating_dialog.loading {
    /* cursor: wait; */
}
.floating_dialog.loading h5 {
    border-color : #dadada !important;
    position     : relative;
}
.floating_dialog.loading h5::after {
    content       : ' ';
    position      : absolute;
    left          : 50%;
    top           : 100%;
    height        : 1px;
    width         : 80%;
    background    : #000000;
    /* margin-top: -1px; */
    /* box-shadow: 0 0 5px #abd9ff; */
    border-radius : 3px;
    animation     : leftright infinite 2s 1s;
}
.floating_dialog.loading h5::before {
    content       : ' ';
    position      : absolute;
    left          : 50%;
    top           : 100%;
    height        : 1px;
    width         : 20%;
    background    : #5ab1fd;
    /* margin-top: -1px; */
    /* box-shadow: 0 0 5px #abd9ff; */
    border-radius : 3px;
    animation     : leftright infinite 2s;
    z-index       : 9;
}
.floating_dialog.danger {
    border-color : #b7000e;
}
.floating_dialog.danger > div {
}
.floating_dialog.danger > div > h3 {
    color : #b7000e;
}
.floating_dialog.danger > i {
    color : #da3b47 !important;
}
.floating_dialog.danger > div > h5 {
    color : #d01826;
}
.floating_dialog.warning {
    border-color : #4d9fe4;
}
.floating_dialog.warning > div {
}
.floating_dialog.warning > div > h3 {
    color : #337ab7;
}
.floating_dialog.warning > i {
    color : #337ab7 !important;
}
.floating_dialog.warning > div > h5 {
    color : #bbb;
}
.floating_dialog.success {
    border-color : #4d9fe4;
}
.floating_dialog.success > div {
}
.floating_dialog.success > div > h3 {
    color : #337ab7;
}
.floating_dialog.success > i {
    color : #337ab7 !important;
}
.floating_dialog.success > div > h5 {
    color : #bbb;
}
@keyframes leftright {
    0% {
        left : -100%;
    }

    100% {
        left : 100%;
    }
}
@-webkit-keyframes leftright {
    0% {
        left : 0;
    }
    100% {;
        left : 100%;
    }
}
@-moz-keyframes leftright {
    0% {
        left : 0;
    }

    100% {
        left : 100%;
    }
}
.crm-checkbox {
    display            : inline-block;
    height             : 25px;
    width              : 25px;
    margin             : 0px 5px 0 5px;
    background         : #ffffff;
    border             : 1px solid #d8d8d8;
    position           : relative;
    -webkit-transition : all .4s;
    -moz-transition    : all .4s;
    -ms-transition     : all .4s;
    -o-transition      : all .4s;
    transition         : all .4s;
}
.crm-checkbox::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                    : 0;
    top                     : 0;
    width                   : 100%;
    height                  : 100%;
    text-align              : center;
    line-height             : 23px;
    color                   : #ccc;
    font-size               : 14px;
    -webkit-transition      : all .4s;
    -moz-transition         : all .4s;
    -ms-transition          : all .4s;
    -o-transition           : all .4s;
    transition              : all .4s;
}
.crm-checkbox::before {
    content            : " ";

    -webkit-transition : all .4s;
    -moz-transition    : all .4s;
    -ms-transition     : all .4s;
    -o-transition      : all .4s;
    transition         : all .4s;
}
.crm-checkbox:hover {
    background : #fff;
    border     : 1px solid #fff;
    box-shadow : 0px 0px 5px #ccc;
    cursor     : pointer;
}
.crm-checkbox:hover::after {
    font-size : 16px;
}
.crm-checkbox:hover::before {
}
.crm-checkbox.checked {
    border     : 1px solid #06618c;
    box-shadow : 0px 0px 3px #06618c;
    overflow   : hidden;
    background : #06618c;
}
.crm-checkbox.checked::after {

    color     : #ffffff;

    font-size : 16px;

    /* left: -2px; */

    /* top: -2px; */
}
.crm-checkbox.checked::before {
}
.crm-checkbox.checked:hover {
    background : #2288b9;
}
.crm-checkbox.checked:hover::after {
    color : #fff;
}
.crm-checkbox.checked:hover::before {
}
.crm-checkbox.done {
    border : 1px solid #f5f5f5;
}
.crm-checkbox.done::after {
    color : #ececec;
}
.crm-checkbox.done::before {
    background : #06618c;
    position   : absolute;
    height     : 2px;
    width      : 130%;
    left       : -15%;
    top        : calc(50% - 1px);
    z-index    : 99;
}
.crm-checkbox.done:hover {
}
.crm-checkbox.done:hover::after {
}
.crm-checkbox.done:hover::before {
}
.crm-checkbox.disabled {
    opacity : .6;
    cursor  : not-allowed;
}
.crm-checkbox.disabled::after {
}
.crm-checkbox.disabled::before {
}
.crm-checkbox.disabled:hover {
}
.crm-checkbox.disabled:hover::after {
}
.crm-checkbox.disabled:hover::before {
}
.tdetail_item .addpj {
    display : block;
    margin  : 6px 0 6px 0;
    /* text-align: right; */
}
.tdetail_item .addpj button {
    float              : right;
    -webkit-transition : all .6s;
    -moz-transition    : all .6s;
    -ms-transition     : all .6s;
    -o-transition      : all .6s;
    transition         : all .6s;
}
#crm_user_profile {
    background : #fff;
    padding    : 22px 0px;
    display    : flex;
}
.up_sidemenu {
    min-width      : 230px;
    background     : #ffffff;
    padding-bottom : 22px;
    margin-bottom  : -22px;
}
.up_sidemenu > ul {
    list-style : none;
    padding    : 0 0;
    margin     : 0 0;
}
.up_sidemenu > ul > li {
    border-bottom : 1px solid #ffffff;
    /* border-left: 3px solid #fff; */
}
.up_sidemenu > ul > li > a {
    display         : block;
    padding         : 0 0;
    /* color: #6b6b6b; */
    text-decoration : none;
    text-transform  : uppercase;
    display         : flex;
    line-height     : 36px;
    background      : #e0e9ec;
    border-left     : 3px solid #a2b6bd;
}
.up_sidemenu > ul > li > a > i {
    line-height : inherit !important;
    width       : 35px;
    text-align  : center;
    background  : #e0e9ec;
    color       : #06618c;
}
.up_sidemenu > ul > li > a > span {

    padding : 0 4px;

    color   : #2d2d2d;
}
.up_sidemenu > ul > li > a:hover {
    background        : #d9ecf3;
    border-left-color : #0594d8;
}
.up_sidemenu > ul > li > a:hover > i {
    background : #b7ced6;
    color      : #06618c;
}
.up_sidemenu > ul > li > a:hover > span {
}
.up_sidemenu > ul > li.active {
    /* border-left-color: #06618c; */
}
.up_sidemenu > ul > li.active > a {
    border-left-color : #06618c;
    background        : #ecf3f7;
}
.up_sidemenu > ul > li.active > a > i {
    background : #5ebbe6;
    color      : #fff;
}
.up_sidemenu > ul > li.active > a > span {
}
.up_tabs {
    padding : 0 16px;
    flex    : 1;
}
.ups_avatar {
    padding-bottom : 12px;
    text-align     : center;
    background     : #ffffff;
    position       : relative;
    /* overflow: hidden; */
}
.ups_avatar img {
    max-height : 100%;
    /* box-shadow: 0px 0px 16px -6px #000000; */
    background : #2f2f2f;
}
.ups_the_avatar {
    width               : 230px;
    height              : 230px;
    background-repeat   : no-repeat;
    background-size     : 100% !important;
    background-color    : #fff;
    background-position : center;
}
.upsph_link {
    display       : inline-block;
    padding       : 4px 9px;
    font-size     : 12px;
    background    : #e0e9ec;
    border-radius : 4px;
    border        : 1px solid #b9cad0;
}
.upsph_link a {
}
.upsph_link i {
}
.upsph_link a:hover {
}
.upsph_link button {
}
.upsph_link button:hover {
}
.usph_dets_list {
    display   : flex;
    flex-wrap : wrap;
    /* justify-content: center; */
}
.usph_dets_list * {
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
}
.usph_dets_list span {
    /* margin: 0 6px; */
    padding       : 4px 6px;
    cursor        : default;
    border-radius : 4px;
    white-space   : nowrap;
}
.usph_dets_list span i {
    padding : 3px 3px;
    color   : #a5c2cc;
}
.usph_dets_list span b {
    font-weight : normal;
    font-size   : 13px;
    color       : #616161;
    white-space : nowrap;
}
.usph_dets_list span:hover {
    background : #ecf3f7;
}
.usph_dets_list span:hover b {

    color : #3c3c3c;
}
.usph_dets_list span:hover i {
    color : #0472a5;
}
.upsp_header {
    display   : flex;
    flex-wrap : wrap;
    width     : 100%;
}
.upsph_dets {
    flex : 1;
    /* width: 80%; */
}
.upsph_dets h3 {
    color          : #06618c;
    text-transform : uppercase;
}
.upsph_dets p {
    margin        : 0 0;
    padding       : 6px 0px;
    color         : #929292;
    font-size     : 13px;
    margin-bottom : 10px;
}
.upsph_dets > span {
    padding       : 3px 0;
    display       : block;
    margin-bottom : 11px;
}
.upsph_dets > span a {
    font-size : 13px;
    color     : #2a7eff;
}
.upsph_dets > span a i {
    color : #16729c;
}
.upsph_dets > span a:hover {
}
.ups_avatar_editor {
}
.nup_photo > div * {
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
}
.nup_photo > div span {
    position      : absolute;
    right         : -22px;
    bottom        : 6px;
    background    : rgba(255, 255, 255, 0);
    padding       : 4px 10px;
    padding-right : 20px;
    text-align    : center;
    cursor        : pointer;
    display       : flex;
    align-items   : center;
}
.nup_photo > div span:hover {
    background : rgba(255, 255, 255, 0.89);
}
.nup_photo > div span i {
    color       : #fff;
    text-shadow : 0px 0px 6px #000;
}
.nup_photo > div span b {
    font-weight  : normal;
    width        : 0px;
    font-size    : 12px;
    overflow     : hidden;
    text-align   : left;
    padding-left : 10px;
    white-space  : nowrap;
}
.nup_photo > div span:hover i {
    color       : #212121;
    text-shadow : 0px 0px 6px #fff;
}
.nup_photo > div span:hover b {
    width : 112px;
}
.nup_photo > div small {
    position      : absolute;
    left          : 0;
    bottom        : 5px;
    background    : rgba(255, 255, 255, 0);
    padding       : 4px 10px;
    padding-right : 20px;
    text-align    : center;
    cursor        : pointer;
    display       : flex;
    align-items   : center;
}
.nup_photo > div small:hover {
    background : rgb(255, 255, 255);
    z-index    : 9;
}
.nup_photo > div small i {
    color       : #ff1c1c;
    text-shadow : 0px 0px 6px #fff;
}
.nup_photo > div small b {
    font-weight  : normal;
    width        : 0px;
    font-size    : 12px;
    overflow     : hidden;
    text-align   : left;
    padding-left : 10px;
    white-space  : nowrap;
}
.nup_photo > div small:hover i {
    color       : #212121;
    text-shadow : 0px 0px 6px #fff;
}
.nup_photo > div small:hover b {
    width : 112px;
}
.upsph_stats {
    min-width     : 206px;
    background    : #ffffff;
    border        : 1px solid #d3e0e6;
    border-left   : 3px solid #d3e0e6;
    box-shadow    : 3px 4px 21px -11px #5f5f5f;
    padding-left  : 6px;
    padding-right : 6px;
    max-width     : 252px;
    flex          : 1;
    justify-self  : flex-end;
    margin-right  : 6px;
}
.upsph_stats > div {
    border-bottom : 1px solid #dae3e6;
    margin        : 6px 4px;
    margin-bottom : 11px;
}
.upsph_stats > div:last-child {
    border-color  : transparent;
    margin-bottom : 0px;
}
.upsph_stats > div h4 {
    font-size : 14px;
    cursor    : default;
    margin    : 0 0;
    color     : #8a8a8a;
}
.upsph_stats > div b {
    display    : block;
    text-align : right;
    font-size  : 17px;
    color      : #565656;
}
.upsp_body {
    margin-top : 22px;
}
.profile_feed {
    list-style : none;
    margin     : 0 0;
    padding    : 0 0;
    text-align : left;
    max-height : 610px;
    overflow   : hidden;
}
.profile_feed > li {
}
.profile_feed > li:hover {
}
.profile_feed > li {
    display : flex;
    margin  : 0 0;
    padding : 6px 0;
    cursor  : default;
}
.profile_feed > li > div {
}
.profile_feed > li > div a:hover {
    background : #cad8de;
    color      : #383838;
}
.profile_feed > li > div a {
    background      : #f0f0f1;
    padding         : 2px 5px;
    border-radius   : 3px;
    color           : #353535;
    font-weight     : 600;
    text-decoration : none;
}
.profile_feed > li > .text {
    flex : 1;
}
.profile_feed > li > .date {
    font-size : 12px;
    color     : #777;
    /* font-style: italic; */
}
.profile_feed > li > .icon {
    margin-right : 7px;
}
.cmd_404 {
    width          : 60%;
    min-width      : 320px;
    margin         : 0 auto;
    position       : relative;
    padding-top    : 58px;
    padding-bottom : 22px;
}
.cmd_404 h3 {
    margin      : 0 auto;
    text-align  : center;
    font-size   : 80px;
    position    : absolute;
    left        : 0;
    top         : 0;
    z-index     : 1;
    width       : 100%;
    color       : #dae9f1;
    font-family : 'Impact', sans-serif;
}
.cmd_404 h4 {

    position       : relative;

    z-index        : 3;

    text-align     : center;

    font-size      : 30px;

    text-transform : uppercase;

    color          : #424242;

    background     : #dae9f1;

    padding        : 11px 0;
}
.cmd_404 p {
    margin    : 0;
    position  : relative;
    z-index   : 2;
    font-size : 15px;
    /* font-weight: 600; */
    /* background: #fff; */
}
.up_feed {
    padding : 0 20px;
}
.up_feed > h3 {
    font-size     : 19px;
    background    : #efefef;
    display       : block;
    padding       : 6px 9px;
    margin        : 0;
    margin-bottom : 10px;
}
.upuser_dets {
}
.upuser_dets > ul {
    margin     : 0 auto;
    padding    : 0 0;
    list-style : none;
}
.upuser_dets > ul > li {
    display       : flex;
    padding       : 3px 12px;
    border-bottom : 1px solid #eaeaea;
    align-items   : center;
}
.upuser_dets > ul > li > span {
    min-width     : 190px;
    /* text-align: right; */
    padding-right : 8px;
    position      : relative;
}
.upuser_dets > ul > li > span::after {
    content : ':';
    float   : right;
}
.upuser_dets > ul > li b {
}
.upsph_dets h5 {
    color         : #9c9c9c;
    margin        : 0 0;
    padding       : 0 0;
    /* margin-top: -5px; */
    margin-bottom : 8px;
    cursor        : default;
    font-size     : 12px;
}
.forbtns {
}
.forbtns .green {
    float : right;
}
.forbtns .btn-primary {
}
.forbtns .btn-default {
}
.forbtns .grey {
}
.forbtns .grey-salsa {
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    position   : absolute;
    left       : -5px;
    top        : 50%;
    height     : 40px;
    max-width  : 40px;
    margin-top : -20px;
    border     : 2px solid #fff;
    box-sizing : content-box;
    box-shadow : 0px 0px 6px -2px #000;
}
.user_top_bar {
    height : 70px;
    /* display: flex !important; */
    /* align-items: center; */
    /* cursor: pointer; */
    /* padding: 0 12px; */
}
.user_top_bar * {
    -webkit-transition : all 500ms;
    -moz-transition    : all 500ms;
    -ms-transition     : all 500ms;
    -o-transition      : all 500ms;
    transition         : all 500ms;
}
.user_top_bar .utb_info {
    display       : flex;
    height        : 100%;
    width         : 100%;
    align-items   : center;
    padding       : 0 16px;
    cursor        : pointer;
    padding-right : 26px;
}
.user_top_bar .utb_info:hover {
    background : #f1f5f7;
}
.open.user_top_bar .utb_info {
    background : #f1f5f7;
}
.user_top_bar .utb_info > b {
    font-weight    : normal;
    text-transform : uppercase;
    /* position: relative; */
    /* z-index: 9; */
}
.user_top_bar .utb_info > span {
    height              : 46px;
    width               : 46px;
    border-radius       : 100%;
    background-position: center center;
    background-repeat   : no-repeat;
    background-size: 106%;
    border              : 2px solid #fff;
    box-shadow          : 0px 0px 11px -4px #000;
    margin-left         : 12px;
    background-color    : #000;
    /* position: relative; */
    /* z-index: 9; */
}
.user_top_bar .utb_menu {
    display           : none;
    position          : absolute;
    right             : 12px;
    top               : 100%;
    background        : #f1f5f7;
    background        : #fff;
    width             : 326px;
    box-shadow        : 0px 0px 31px -10px #000, -2px 2px 7px 0px rgba(0, 0, 0, 0.38);
    /* padding-right: 9px; */
    border-radius     : 3px;
    -webkit-animation : usernewmenu 400ms 0s 1;
    -o-animation      : usernewmenu 400ms 0s 1;
    animation         : usernewmenu 400ms 0s 1;
}
.user_top_bar .utb_menu::after {
    content       : ' ';
    position      : absolute;
    top           : -16px;
    right         : 60px;
    height        : 16px;
    width         : 16px;
    border        : 8px solid transparent;
    border-bottom : 8px solid #fff;
}
.open.user_top_bar .utb_menu {
    display : block;
}
.user_top_bar .utb_menu ul {
    margin     : 0 0;
    padding    : 0 0;
    list-style : none;
}
.user_top_bar .utb_menu ul li {
}
.user_top_bar .utb_menu ul li {
}
.user_top_bar .utb_menu ul li a {
    display         : flex;
    padding         : 6px 8px;
    text-decoration : none;
    color           : #585858;
    align-items     : center;
    position        : relative;
    border-bottom   : 1px solid #e3e9ec;
    padding-right   : 18px;
}
.user_top_bar .utb_menu ul li a:hover {
    background : #e3e9ec;
}
.user_top_bar .utb_menu ul li a i {
    width           : 26px;
    height          : 26px;
    display         : flex !important;
    justify-content : center;
    align-items     : center; /* background: #a8b4b9; *//* color: #f1f5f7; */
    margin-right    : 8px; /* border-radius: 100% !important; */
}
.user_top_bar .utb_menu ul li a span {
    flex : 1;
}
.user_top_bar .utb_menu ul li a b {
    background    : #06618c;
    padding       : 0 8px;
    color         : #fff;
    /* font-size: 12px; */
    /* font-weight: normal; */
    border-radius : 3px;
}
.user_top_bar .utb_bottom_btns {
    padding     : 12px 12px;
    padding-top : 26px;
}
.user_top_bar .utb_bottom_btns a {
    background      : #dbe5ea;
    color           : #2a3840;
    padding         : 8px 12px;
    border-radius   : 3px;
    text-decoration : none !important;
    display         : inline-block;
}
.user_top_bar .utb_bottom_btns a:hover {
    /* background: #2a3840; */
    /* color: #f9fafb; */
    background : #a9cfe2;
    color      : #2a3840;
}
.user_top_bar .utb_bottom_btns a.r {
    float      : right;
    background : #587482;
    color      : #d8dfe2;
}
.user_top_bar .utb_info > i {
    position : fixed;
    left     : 0;
    top      : 0;
    /* background: #000; */
    width    : 100%;
    height   : 100%;
    cursor   : default;
    display  : none;
    /* opacity: 0; */
}
.user_top_bar.open .utb_info > i {
    display : block;
}
.page-header.navbar .top-menu .navbar-nav {
    margin-right : 0 !important;
}
.tnbmhead {
    display : flex;
    padding : 14px 12px;
}
.tnbmhead > div {
}
.tnbmhead > div {
}
.tnbmheaddet {
    flex         : 1;
    padding      : 7px 12px;
    padding-left : 18px;
}
.tnbmheaddet h3 {
    font-size      : 16px;
    font-weight    : 600;
    text-transform : uppercase;
    margin         : 0 0;
    padding        : 0 0;
    color          : #06618c;
}
.tnbmheaddet h5 {
    font-size : 13px;
    margin    : 0 0;
    padding   : 6px 0px;
    color     : #6f6f6f;
}
.tnbmheaddet div {
    display     : flex;
    flex-wrap   : wrap;
    align-items : center;
    border-top  : 1px solid #d7e0e4;
    margin-top  : 7px;
    padding-top : 4px;
}
.tnbmheaddet div > a {
    font-size       : 13px;
    color           : #587482;
    text-decoration : none !important;
    padding-right   : 5px;
}
.tnbmheaddet div > a:hover {
    color : #5fa7cc;
}
.tnbmheaddet div > a i {
    font-size : 16px;
}
.tnbmheaddet div > b {
    width         : 3px;
    height        : 3px;
    background    : #b5bcbf;
    border-radius : 100%;
    margin        : 0 8px;
}
.tnbmheadimg {
    width               : 72px;
    height              : 72px;
    border-radius       : 100%;
    border              : 2px solid #fff;
    box-sizing          : content-box;
    background-color    : #000;
    background-position: center center;
    background-repeat   : no-repeat;
    background-size: 106%;
    box-shadow          : 0px 23px 31px -18px #8a8a8a, 0px 0px 10px -3px #000;
    overflow            : hidden;
}
.tnbmheadimg > a {
    opacity         : 0;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    height          : 100%;
    font-size       : 22px;
    color           : #fff;
    text-decoration : none !important;
    background      : rgba(0, 0, 0, 0.47);
}
.tnbmheadimg:hover > a {
    opacity : 1;
}
.open.user_top_bar .utb_menu {
    display : block;
}
@keyframes usernewmenu {
    0% {
        opacity : 0;
        top     : 70%
    }
    90% {
        opacity : 1;
    }
    100% {
        top : 100%;
    }
}
#new_user_profile {
    background : #fff;
    margin     : -48px -5px 0px -14px;
    padding    : 22px 22px;
}
.nup_header {
    margin              : -36px -22px 0 -22px;
    padding             : 22px;
    position            : relative;
    z-index             : 9;
    background-size     : cover;
    background-position : center;
    background-repeat   : no-repeat;
    background-color    : #fff;
    min-height          : 200px;
    display             : flex;
    padding-left        : 232px;
    align-items         : flex-end;
}
.nup_header > a {
    position           : absolute;
    right              : 12px;
    top                : 0px;
    background         : #fff;
    height             : 42px;
    width              : 32px;
    text-align         : center;
    line-height        : 52px;
    color              : #9c0000;
    /* box-shadow: -3px 3px 6px 0px #8c8c8c; */
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
}
.nup_header > a:hover {
    background : #f5f5f5;
    color      : black;
}
.nup_photo {
    position : absolute;
    left     : 46px;
    bottom   : -30px;
}
.nup_photo > div {
    height              : 160px;
    width               : 160px;
    border              : 2px solid #fff;
    border-radius       : 3px;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
    box-shadow          : 0px 0px 16px -4px #000;
    overflow            : hidden;
    position            : relative;
}
.nuph_title {
    flex : 1;
}
.nuph_title h3 {
    font-weight : 600;
    font-size   : 20px;
    color       : #fff;
    text-shadow : 0px 0px 2px #000;
}
.nuph_title h5 {
    margin    : 0 0;
    color     : #b6c9d2;
    font-size : 12px;
}
.nuph_actions {
}
.nuph_actions a {
}
.nuph_actions a:hover {
}
.nup_body {
    display : flex;
    margin  : 0px -22px 0 -15px;
}
.nup_menu {
    width       : 250px;
    padding-top : 48px;
    background  : #efefef;
    min-height  : 500px;
}
.nup_menu > ul {
    margin       : 0 0;
    padding      : 0 0;
    list-style   : none;
    padding-left : 12px;
}
.nup_menu > ul > li {
}
.nup_menu > ul > li.active {
}
.nup_menu > ul > li.active a {
    background        : #eaeaea;
    /* color: #909090; */
    border-left-color : #06618c !important;
}
.nup_menu > ul > li.active a i {
}
.nup_menu > ul > li a {
    display         : block;
    border-left     : 4px solid #f5f5f5;
    padding         : 8px 10px;
    cursor          : pointer;
    width           : 100%;
    /* margin-left: 2px; */
    border-bottom   : 1px solid #ccc;
    text-decoration : none !important;
    color           : #565656;
}
.nup_menu > ul > li a i {
}
.nup_menu > ul > li a:hover {
    background   : #e0e4e6;
    border-color : #b2b9bd;
}
.nup_menu > ul > li a:hover i {
}
.nup_content {
    flex        : 1;
    padding-top : 0px;
}
.nup_content .tab-content {
    position : relative;
}
.nup_content .tab-content > div > h3 {
    margin        : 0;
    /* margin-top: -42px; */
    padding       : 8px 7px;
    padding-top   : 30px;
    font-size     : 17px;
    background    : #f7f7f7;
    display       : block;
    /* width: 100%; */
    margin-bottom : 9px;
    /* margin-left: -7px; */
    padding-left  : 12px;
    color         : #737373;
}
.nup_dets {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
}
.nup_dets > ul {
    padding         : 0px 16px;
    margin          : 0 0;
    list-style      : none;
    flex            : 1;
    justify-content : center;
    align-items     : center;
    margin-bottom   : 36px;
}
.nup_dets > ul > li {
    padding      : 4px 3px;
    border-left  : 2px solid #06618c;
    margin       : 4px 0;
    font-weight  : normal;
    padding-left : 8px;
    display      : flex;
    cursor       : default;
}
.nup_dets > ul > li > span {
    min-width    : 186px;
    margin-right : 10px;
}
.nup_dets > ul > li > span:after {
    content : ':';
    float   : right;
    /* padding-right: 12px; */
}
.nup_dets > ul > li b {
}
.nup_dets > ul > li:hover {
    background : #f7f7f7;
}
.compte_editor {
    padding : 22px;
}
.nup_sum {
    margin  : 0 0;
    padding : 6px 12px;
    color   : #525252;
}
.nup_nodata {
    max-width  : 500px;
    margin     : 0 auto;
    text-align : center;
}
.nup_nodata > i {
    font-size   : 42px;
    color       : #b8c8d0;
    display     : block !important;
    line-height : 42px !important;
    padding     : 14px 0;
    position    : relative;
}
.nup_nodata > p {
    margin  : 0 0;
    padding : 0 0;
    color   : #777;
}
.nup_nodata > i::after {
    content          : ' ';
    width            : 42px;
    height           : 2px;
    background       : #7f97a2;
    display          : block;
    position         : absolute;
    left             : 50%;
    top              : 50%;
    margin-left      : -22px;
    transform-origin : center;
    transform        : rotate(-45deg);
}
.nup_device {
    display   : flex;
    flex-wrap : wrap;
}
.nupd_preview {
    position : relative;
    flex     : 1;
}
.nupd_dets {
    flex          : 1;
    min-width     : 300px;
    margin-bottom : 32px;
    padding       : 6px 18px;
}
.nupdp_back {
    height              : 452px;
    width               : 332px;
    background-size     : contain;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : contain;
    margin              : 0 auto;
}
#nup_map {
    position    : absolute;
    background  : #ffffff;
    height      : 369px;
    width       : 232px;
    left        : 50%;
    top         : 40px;
    box-shadow  : inset 0px 0px 6px 0px #000;
    margin-left : -116px;
}
.nupm_status {
    position      : absolute;
    z-index       : 9;
    top           : 46px;
    left          : 50%;
    font-size     : 11px;
    background    : rgba(6, 97, 140, 0.69);
    color         : #ffffff;
    width         : 220px;
    margin-left   : -110px;
    text-align    : center;
    padding       : 3px 8px;
    font-weight   : 600;
    border-radius : 3px;
    white-space   : nowrap;
    overflow      : hidden;
}
.nupd_dets > h3 {
}
.nupd_dets > div {
    padding : 4px 4px;
}
.nupd_dets > div label {
    display     : block;
    margin      : 0 0;
    font-weight : 600;
    color       : #06618c;
}
.nupd_dets > div span {
    padding      : 5px 0px;
    padding-left : 6px;
    border-left  : 2px solid #e4e4e4;
    display      : block;
    cursor       : default;
}
.nupd_dets > div:hover {
}
@media (max-width : 600px) {
    .nup_photo {
        position : relative;
        left     : 0;
        top      : 15px;
        width    : 100%;
    }
    .nup_header {
        flex-wrap       : wrap;
        padding         : 0;
        justify-content : center;
    }
    .nup_photo > div {
        margin : 19px auto;
    }
    .nup_menu {

        width       : 100%;

        padding-top : 7px;

        background  : #f7f7f7;

        min-height  : unset;

    }
    .nup_body {

        flex-wrap : wrap;
    }
    .nup_menu > ul > li.active a {
        border-bottom-color : #06618c;
    }
    .nup_menu > ul > li {
        flex : 1;
    }
    .nup_dets > ul > li > span {

        width : 100%;
    }
    .nup_dets > ul > li b {

        flex : 1;
    }
    .nup_dets > ul > li {
        /* display: flex; */
        flex-wrap : wrap;
    }
    .nup_menu > ul > li a i {

        display       : block !important;

        margin        : 0 auto;

        margin-bottom : 9px;
    }
    .nup_dets > ul > li > span:after {
        display : none;
    }
    .nup_menu > ul {
        display         : flex;
        padding         : 0;
        flex-wrap       : wrap;
        justify-content : center;
    }
    .nup_menu > ul > li a {

        text-align    : center;

        border        : none;

        border-bottom : 2px solid #f5f5f5;

        margin        : 0;
    }
    .nuph_title {
        width          : 100%;
        text-align     : center;
        padding-bottom : 22px;

    }
    .user_top_bar .utb_info > i {
        display : none;
    }
    .user_top_bar .utb_info > b {
        display : none;
    }
    .user_top_bar .utb_info {
        padding : 0 4px;
    }
    .user_top_bar .utb_info > span {
        margin : 0;
    }
    .user_top_bar .utb_menu::after {

        right : 19px;
    }
    .user_top_bar .utb_menu {

        width : 300px;

        right : 0px;
    }

}
.user_top_bar .utb_bottom_btns a.r:hover {
    background : #2a3840;
    color      : #f9fafb;
}
.canfind_types, .canfind_types * {
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
}
.canfind_types {
    margin        : 5px 0px;
    display       : flex;
    border        : 1px solid #32c5d2;
    border-radius : 4px;
    /* max-width: 272px; */
    overflow      : hidden;
}
.canfind_types > h3 {
    margin     : 0 0;
    padding    : 0 0;
    text-align : center;
    font-size  : 16px;
}
.canfind_types > div {
}
.canfind_types > div button {
}
.canfind_types button {
    background  : #fff;
    border      : none !important;
    padding     : 6px 0px;
    text-align  : center;
    flex        : 1;
    font-weight : 600;
    outline     : none;
}
.canfind_types button:hover {
    background : #c4eef2;
}
.canfind_types button.active {
    background : #32c5d2 !important;
    cursor     : default;
    color      : #fff;
}
#new_user_profile.inmodal {
    margin         : -1px -15px;
    padding-bottom : 0;
    margin-bottom  : -78px;
}
.inmodal .nup_body {
    margin : 0px -22px;
}
#messaging_view {
    background : #fff;
    padding    : 18px 13px;
    display    : flex;
    flex-wrap  : wrap;
}
#messaging_view a,
#messaging_view button {
    -webkit-transition : all 500ms;
    -moz-transition    : all 500ms;
    -ms-transition     : all 500ms;
    -o-transition      : all 500ms;
    transition         : all 500ms;
}
.msv_menu {
    width              : 260px; /* border-right: 1px solid #edf2f5; */
    min-height         : 500px;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.msv_action {
    margin-bottom : 24px;
}
.msv_action a {
    padding         : 10px 12px;
    display         : block;
    margin          : 0 auto;
    width           : 200px;
    background      : #32c5d2;
    border-radius   : 3px;
    color           : #fff;
    text-decoration : none;
}
.msv_action a i {
    float       : right;
    font-size   : 19px;
    padding-top : 4px;
}
.msv_action a:hover {
    background : #1ba7b3;
}
.msvm_list {
}
.msvm_list a {
    display         : block;
    padding         : 8px 6px;
    /* margin: 8px 0; */
    text-decoration : none;
    background      : #ffffff;
    color           : #3a3a3a;
    /* border-bottom: 1px solid #c7d4dc; */
    position        : relative;
    padding-left    : 46px;
    border-radius   : 0 4px 4px 0;
    white-space     : nowrap;
}
.msvm_list a:hover {
    background : #edf2f5;
    color      : #3a3a3a;
}
.msvm_list a:hover i {
    color : #06618c;
}
.msvm_list a:hover span {
}
.msvm_list a:hover p {
}
.msvm_list a.active {
    background : #c5e3f1;
}
.msvm_list a.active i {
    color : #06618c;
}
.msvm_list a.active span {
    color : #1b1b1b;
}
.msvm_list a.active p {
    /* color: #ffffff; */
    opacity : .5;
}
.msvm_list a.active:after {
    content     : '';
    position    : absolute;
    left        : 100%;
    top         : 50%;
    height      : 16px;
    width       : 16px;
    border      : 8px solid transparent;
    border-left : 8px solid #eceff1;
    margin-top  : -8px;
}
.msvm_list a i {
    color     : #8fa5af;
    font-size : 25px;
    position  : absolute;
    left      : 8px;
    top       : 18px;
}
.msvm_list a span {
    font-size   : 14px;
    font-weight : 600;
    color       : #505a5f;
}
.msvm_list a p {
    padding   : 0;
    margin    : 0;
    font-size : 13px;
    color     : #90a1ab;
}
.msv_inner {
    flex         : 1;
    /* padding: 0 8px 0 18px; */
    margin-right : -13px;
}
.msv_inner > div {
    display : none;
}
.msv_inner > div > h3 {
    color          : #ccc;
    margin         : 0;
    padding        : 0;
    font-size      : 21px;
    text-transform : uppercase;
    padding-left   : 21px;
    padding-top    : 8px;
}
.msv_messages_list {
    margin-top   : 31px;
    margin-left  : 11px;
    padding-left : 0;
}
.msvm {
    display         : block;
    padding         : 8px 6px;
    text-decoration : none !important;
    color           : #656565;
    background      : #ffffff;
    padding-left    : 22px;
    border-bottom   : 1px solid #d1e3ec;
    position        : relative;
    padding-left    : 66px;
    /* padding-bottom: 27px; */
    border-radius   : 6px 0 0 6px;
}
.msvm > h4 {
    margin        : 0;
    font-size     : 15px;
    font-weight   : 600;
    padding       : 3px 0;
    padding-right : 99px;
}
.msvm > p {
    margin        : 0;
    font-size     : 13px;
    margin-bottom : 6px;
    color         : #bbb;
}
.msvm > span {
    /* float: right; */
    background    : #36c6d3;
    color         : #fff;
    font-size     : 13px;
    margin        : 0 4px;
    padding       : 0px 5px;
    border-radius : 3px;
}
.msvm > b {
    font-weight   : normal;
    font-size     : 13px;
    margin-top    : -2px;
    display       : block;
    margin-bottom : 4px;
    padding       : 0 2px;
}
.msvm > img {
    max-width     : 42px;
    max-height    : 42px;
    border-radius : 100%;
    position      : absolute;
    left          : 8px;
    top           : 14px;
    border        : 2px solid #fff;
    box-sizing    : content-box;
    box-shadow    : 0px 0px 10px -2px #000;
}
.msvm > small {
    position : absolute;
    right    : 13px;
    top      : 11px;
    cursor   : help;
}
.msvm.unread {
}
.msvm:hover {
    background : #f6f8f9;
}
.msvm:hover > h4 {
}
.msvm:hover > p {
}
.msvm:hover > span {
}
.msv_new_message {
    /* margin: -15px -15px; */
}
.msv_nm_inner {
    padding     : 10px;
    /* padding-left: 22px; */
    padding-top : 21px;
    display     : flex;
    flex-wrap   : wrap;
}
.msv_fg {
    padding       : 0px 5px;
    margin-bottom : 16px;
    position      : relative;
}
.msv_fg > label {
    display        : block;
    cursor         : pointer;
    color          : #7b7b7b;
    font-weight    : 600;
    font-size      : 14px;
    text-transform : uppercase;
}
.msv_fg > input {
    width         : 100%;
    padding       : 8px 14px;
    border        : 1px solid #d1dbe0;
    border-radius : 3px;
}
.msv_menu.slimmed {
    width    : 0;
    overflow : hidden;
}
.msvni_details {
    flex : 1;
}
.msvni_right {
    width         : 100%;
    /* background: #f4f6f7; */
    margin-left   : 13px;
    margin-top    : 24px;
    border-radius : 3px;
    display       : flex;
}
.msvni_row:nth-child(1) {
    padding-left : 0;
    border-left  : none;
    margin-left  : 0;
}
.msvni_row {
    padding      : 10px 0px;
    border-left  : 1px solid #ccc;
    margin       : 0 9px;
    position     : relative;
    /* margin-bottom: 23px; */
    flex         : 1;
    padding-left : 15px;
}
.msvni_row > label {
    font-weight   : 600;
    color         : #8498a2;
    margin-bottom : 12px;
    display       : block;
}
.msvni_item {
    display     : flex;
    align-items : center;
}
.msvni_item label {
    flex   : 1;
    cursor : pointer;
}
.msvni_item input {
}
.msvni_jointes {
    min-height : 71px;
}
.msvni_jointes > button {
    position : absolute !important;
    right    : 0;
    top      : 8px;
}
.msvni_att_types {
    position       : absolute;
    left           : 0;
    top            : 0;
    background     : rgba(244, 246, 247, 0.95);
    width          : 100%;
    height         : 100%;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    padding-top    : 12px;
    z-index        : 9;
    display        : none;
}
.msvni_att_types > a {
    position   : absolute;
    right      : 6px;
    top        : 8px;
    background : #83a0ad;
    padding    : 2px 6px;
    color      : #fff;
}
.msvni_att_types > span {
    padding       : 5px 25px;
    background    : #d5e2e8;
    margin        : 2px 2px;
    border-radius : 3px;
    cursor        : pointer;
    font-weight   : 600;
}
.msvni_att_types > span:hover {

    background : #b9cdd6;
}
.msvni_alljoints {
}
.msvni_alljoints > div {
    display       : flex;
    align-items   : center;
    padding       : 4px 0px;
    flex-wrap     : wrap;
    position      : relative;
    border-bottom : 1px solid #c9dce6;
}
.msvni_alljoints > div span {
    font-size     : 12px;
    background    : #ffffff;
    color         : #06618c;
    padding       : 2px 4px;
    border-radius : 3px;
    margin-right  : 5px;
    box-shadow    : 0px 0px 6px -2px #000;
    /* max-width: 24%; */
    /* overflow: hidden; */
}
.msvni_alljoints > div a {
    /* flex: 1; */
    color           : #616161;
    text-decoration : none !important;
    font-weight     : 600;
    /* flex-wrap: wrap; */
    /* display: flex; */
    max-width       : 100%;
    overflow-wrap   : break-word;
}
.msvni_alljoints > div:hover i {
    opacity : 1;
}
.msvni_alljoints > div i {
    background         : #eca8a8;
    padding            : 6px 6px;
    cursor             : pointer;
    opacity            : 0;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
    position           : absolute;
    right              : 0;
    top                : 0;
    height             : 100%;
    width              : 32px;
    text-align         : center;
    color              : #fff;
    font-size          : 18px;
    display            : flex !important;
    align-items        : center;
    justify-content    : center;
}
.msv_fg_sugg {
    position   : absolute;
    top        : 97%;
    background : #fff;
    left       : 0;
    right      : 0;
    /* height: 100%; */
    z-index    : 9;
    margin     : 0 5px;
    border     : 1px solid #d1dbe0;
    border-top : unset;
    display    : none;
}
.msv_fg_sugg > a {
    display         : block;
    padding         : 6px 11px;
    color           : #505050;
    text-decoration : none;
}
.msv_fg_sugg > a:hover {
    background : #f4f6f7;
}
.msv_fg_sugg > span {
    display    : block;
    text-align : center;
    padding    : 8px 0;
    color      : #ccc;
}
.msv_fg.has-error > label {
    color : #bf3737;
}
.msv_fg.has-error > input {
    border-color : #c5303a;
    background   : #fffbfb;
}
.msvi_footer {
    width   : 100%;
    padding : 14px 4px;
}
#msv_cancel {
}
#msv_send {
    float : right;
}
.msvnew_header {
}
.msvnew_header > h3 {
    margin         : 0 0;
    font-size      : 18px;
    text-transform : uppercase;
    color          : #ccc;
}
.msvnew_header > a {
    position   : absolute;
    right      : 18px;
    top        : 0;
    background : #ccc;
    color      : #fff;
    padding    : 9px 10px;
}
.msvnew_header > a:hover {
}
#messages_landing_view {
    display       : flex;
    margin-bottom : -54px;
    margin        : 0px -9px;
    padding       : 9px 0;
}
.mlv_right {
    width          : 260px;
    background     : #fff;
    min-height     : 500px;
    /* height: 100%; */
    position       : relative;
    box-shadow     : 4px 2px 8px -6px #000;
    padding-top    : 8px;
    display        : flex;
    flex-direction : column;
    /* align-self: flex-end; */
}
.mlv_folders {
    position      : relative;
    z-index       : 3;
    margin-bottom : 50px;
}
.mlv_folders > a {
    display         : block;
    /* padding: 10px 14px; */
    text-decoration : none;
    color           : #424242;
    border-bottom   : 1px solid #e8e8e8;
    display         : flex;
    position        : relative;
    align-items     : center;
}
.mlv_folders > a i {
    line-height : 50px !important;
    width       : 42px;
    text-align  : center;
    font-size   : 21px;
    color       : #286f90;
}
.mlv_folders > a span {
    line-height : 42px;
    flex        : 1;
    color       : #676767;
}
.mlv_folders > a b {
    /* position: absolute; */
    /* right: 0; */
    padding       : 0 8px;
    background    : #3ea0ce;
    color         : #fff;
    margin-right  : 8px;
    border-radius : 3px;
}
.mlv_folders > a:hover {
    background : #f2f5f7;
}
.mlv_folders > a.active {
    background : #efefef;
}
.mlv_onlines {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* width: 100%; */
    padding-bottom : 22px;
}
.mlv_onlines > h3 {
    font-size      : 13px;
    /* margin: 0 16px; */
    border-top     : 1px solid #ccc;
    padding        : 5px 15px;
    color          : #06618c;
    padding-bottom : 6px;
}
.mlv_online:hover {

    background : #ececec;
}
.mlv_online {
    display         : block;
    padding         : 5px 0px;
    padding-left    : 50px;
    position        : relative;
    text-decoration : none !important;
}
.mlv_online img {
    max-width  : 32px;
    max-height : 32px;
    position   : absolute;
    left       : 12px;
    top        : 5px;
}
.mlv_online span {
    display       : block;
    color         : #717171;
    margin-bottom : -4px;
}
.mlv_online small {
    color     : #a2a2a2;
    font-size : 11px;
}
.mlv_online small i {
}
.mlv_online > i {
    position    : absolute;
    right       : 12px;
    top         : 50%;
    height      : 32px;
    width       : 32px;
    line-height : 32px !important;
    text-align  : center;
    margin-top  : -16px;
}
.mlv_left {
    flex           : 1;
    background     : #fff;
    padding-bottom : 42px;
}
.mlvm_head {
    display     : flex;
    padding     : 22px 14px;
    align-items : center;
}
.mlvm_head > h3 {
    margin         : 0;
    font-size      : 20px;
    color          : #a7a7a7;
    text-transform : uppercase;
    flex           : 1;
}
.mlvm_search {
    border        : 1px solid #ccc;
    border-radius : 3px;
}
.mlvm_search input {
    border  : none;
    padding : 10px 14px;
}
.mlvm_search i {
    padding : 0 8px;
    color   : #ccc;
    /* pointer-events: none; */
}
.mlvm_list {
    margin-top : 22px;
}
.mlvm_item {
    padding       : 0 6px;
    padding-left  : 20px;
    display       : flex;
    cursor        : pointer;
    border-bottom : 1px solid #e8e8e8;
    padding-top   : 8px;
    /* border-left: 2px solid #ccc; */
}
.mlvm_item.unread {
    background : #f5f8f9;
}
.mlvm_item:hover {
    background : #f9fafb;
}
.mlvmi_img {
    width      : 74px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    text-align : center;
}
.mlvmi_img img {
    max-width     : 46px;
    max-height    : 46px;
    min-height    : 46px;
    min-width     : 46px;
    border-radius : 100%;
    border        : 2px solid #fff;
    box-sizing    : content-box;
    box-shadow    : 0px 0px 6px -1px #000;
}
.mlvmi_dets {
    flex           : 1;
    padding-bottom : 8px;
}
.mlvmi_dets h3 {
    margin    : 0;
    font-size : 16px;
    color     : #9c9c9c;
}
.mlvmi_dets h3 b {

    color       : #06618c;

    font-weight : inherit !important;
}
.mlvmi_dets p {
    margin         : 0;
    padding        : 0 0;
    color          : #ababab;
    padding-bottom : 6px;
    padding-top    : 6px;
}
.mlvmi_dets span {
    color     : #9e9e9e;
    font-size : 13px;
    float     : right;
}
.mlvmi_dets span i {
}
.mlvmi_dets small {
    /* float: right; */
    color : #06618c;
}
.mvmi_options {
    width      : 32px;
    text-align : right;
    padding    : 4px 14px;
    display    : flex;
}
.mvmi_options span {
    font-size : 24px;
    color     : #888;
}
.mvmi_options span i {
}
.mlvm_loading {
    width         : 160px;
    height        : 200px;
    background    : #fff;
    border        : 1px solid #ecf5f9;
    box-shadow    : 0px 0px 11px -6px #000;
    margin        : 0 auto;
    border-radius : 4px;
    position      : relative;
    display       : none;
}
.mlvm_loading > div {
    height              : 80%;
    margin-bottom       : 5%;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : 46px;
}
.mlvm_loading > span {
    display    : block;
    text-align : center;
    font-size  : 12px;
    color      : #9c9c9c;
}
.mlvm_list.loading {
    position : relative;
}
.mlvm_list.loading::after {
    content       : ' ';
    width         : 42px;
    height        : 42px;
    background    : #e4ebef;
    border-radius : 100%;
    position      : absolute;
    left          : 14px;
    top           : 5px;
}
.mlvm_list.loading::before {
    content    : ' ';
    position   : absolute;
    left       : 11%;
    top        : 2%;
    background : #e4ebef;
    height     : 12px;
    width      : 80%;
    box-shadow : -3px 18px 0px -3px #e4ebef, -4px 35px 0px -4px #e4ebef;
}
.mlvm_list.loading > .mlvm_loading {
    display : block;
}
.mlvm_list.loading > .mlvm_item {
    display : none;
}
.mlv_new {
    padding    : 16px 10px;
    text-align : center;
}
.mlv_new button {
    background    : #fff;
    border        : 1px solid #06618c;
    border-radius : 3px;
    padding       : 8px 12px;
}
.mlv_new button:hover {
    background : #edf6fb;
}
.mlv_load_more {
    background    : #fff;
    border        : 1px solid #a3c1d0;
    color         : #5e727b;
    padding       : 11px 24px;
    border-radius : 3px;
    margin        : 0 auto;
    display       : block;
    margin-top    : 30px;
    margin-bottom : 32px;
}
#view_message {
    margin : -15px -15px;
}
#view_message > a {
    background : #06618c;
    position   : absolute;
    right      : 16px;
    top        : 0;
    padding    : 10px 12px;
    color      : #fff;
    z-index    : 2;
}
.vmsg_header {
    padding      : 15px;
    position     : relative;
    padding-left : 88px;
    z-index      : 1;
}
.vmsg_header > h3 {
    margin      : 0 0;
    font-size   : 16px;
    font-weight : 600;
}
.vmsg_header > h3 a {
}
.vmsg_header > h3 a:hover {
}
.vmsg_header > h5 {
    margin      : 0;
    font-size   : 13px;
    color       : #989898;
    padding-top : 4px;
}
.vmsg_header > small {
    margin      : 0;
    font-size   : 13px;
    color       : #444444;
    padding-top : 4px;
}
.vmsg_header > h5 b {
}
.vmsg_header > img {
    max-width     : 54px;
    max-height    : 54px;
    border-radius : 100%;
    border        : 2px solid #fff;
    box-sizing    : content-box;
    box-shadow    : 0px 0px 8px -3px #000;
    position      : absolute;
    left          : 20px;
    top           : 9px;
}
.vmsg_content {
    margin        : 14px 18px;
    padding       : 8px 8px;
    border        : 1px solid #dedede;
    border-radius : 3px;
}
.vmsgc_head {
}
.vmsgc_head > div {
    text-align : right;
    margin-top : 8px;
}
.vmsgc_head h3 {
    margin        : 0 0;
    padding       : 0 0;
    font-size     : 19px;
    margin-bottom : 8px;
}
.vmsgc_head h5 {
    margin : 0 0;
    color  : #696969;
}
.vmsgc_head h5 b {
}
.vmsgc {
    border-top : 1px solid #ccc;
    margin-top : 12px;
    padding    : 10px 6px;
}
.vmsgr_btns {
}
#vmsgr_send {
    float : right;
}
.vmsgr_text {
}
#vmsg {
    min-width     : 100%;
    min-height    : 120px;
    padding       : 10px 10px;
    border        : 1px solid #ccc;
    border-radius : 3px;
    box-shadow    : 0px 0px 6px -3px #000;
}
.vmsg_reply {
    padding    : 24px 18px;
    border-top : 1px solid #e0e0e0;
    display    : none;
}
.unread .mlvmi_dets h3 {
    font-weight : 600;
    color       : #6d6d6d;
}
.shouldStopTapping {
    pointer-events : none;
}
.no_messages_inlist {
    text-align : center;
}
.no_messages_inlist p {
    margin  : 0;
    padding : 12px 0;
    color   : #ccc;
}
.no_messages_inlist i {
    font-size : 35px;
    color     : #ccc;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list .unread {
    background : #f4f6f9;
}
.datatable_user_img {

    width         : 42px;

    height        : 42px;

    border-radius : 100%;

    border        : 2px solid #fff;

    box-shadow    : 0px 0px 6px -1px #000;

    box-sizing    : content-box;
}
.vmsg_attachements {
    border-top : 1px solid #ccc;
}
.vmsg_attachements > h3 {
    font-size : 16px;
    /* font-weight: 600; */
    color     : #6f6f6f;
}
.vmsg_attachements > div {
    display   : flex;
    flex-wrap : wrap;
    padding   : 16px;
}
.vmsg_attachements > div > a {
    min-height          : 122px;
    width               : 164px;
    background-color    : #ebf2f5;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : cover;
    border              : 1px solid #ccc;
    border-radius       : 3px;
    display             : flex;
    align-items         : flex-end;
    justify-content     : center;
    /* padding-bottom: 6px; */
    color               : #151515;
    text-decoration     : none;
    box-shadow          : 0px 0px 6px -3px #000;
    position            : relative;
    margin              : 6px 6px;
    flex-direction      : column;
}
.vmsg_attachements > div > a:hover {
    background-color : #d4e3ea;
    border-color     : #8dabb9;
}
.vmsg_attachements > div > a i {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 0; */
    /* height: 64px; */
    /* width: 64px; */
    color           : #ffffff;
    font-size       : 38px;
    /* display: block !important; */
    /* line-height: 64px !important; */
    /* margin-left: -32px; */
    /* opacity: 0; */
    flex            : 1;
    width           : 100%;
    display         : flex !important;
    justify-content : center;
    align-items     : center;
    background      : #0000009c;
    opacity         : 0;
    position        : relative;
    z-index         : 1;
}
.vmsg_attachements > div > a:hover i {
    opacity : 1;
}
.vmsg_attachements > div > a:hover span {
    opacity : 1;
}
.vmsg_attachements > div > a span {
    white-space    : pre-wrap;
    overflow-wrap  : break-word;
    background     : #0000009c;
    padding        : 0px 4px;
    padding-bottom : 6px;
    color          : #fff;
    font-size      : 13px;
    width          : 100%;
    text-align     : center;
    opacity        : 0;
    position       : relative;
    z-index        : 1;
}
.vmsg_attachements > div > a b {
    position       : absolute;
    left           : 0;
    top            : 0;
    right          : 0;
    bottom         : 0;
    text-align     : center;
    padding-top    : 14px;
    z-index        : 0;
    text-transform : uppercase;
    font-weight    : normal;
    font-size      : 15px;
}
.vmsg_attachements > div > a b small {
    display     : block;
    font-size   : 20px;
    color       : #06618c;
    font-weight : 600;
}
.av_search {
    background-color    : #fff;
    padding             : 16px;
    background-image    : url(../../../global/img/support-technique2.jpg);
    background-size     : cover;
    background-position : center;
    min-height          : 300px;
    border-radius       : 5px;
    margin              : 2px 3px; /* box-shadow: 3px 3px 3px -2px #000; */
    margin-bottom       : 22px;
}
.av_search, .av_search * {
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.av_search.minied {

    min-height : 12px;
}
.av_cat_head {
    background-color    : #fff;
    padding             : 16px;
    background-image    : url(../../../global/img/support-technique2.jpg);
    background-size     : cover;
    background-position : center;
    /* min-height: 300px; */
    border-radius       : 5px;
    margin              : 2px 3px;
    /* box-shadow: 3px 3px 3px -2px #000; */
    margin-bottom       : 22px;
}
#aide_view { /* background: #fff; *//* margin: -12px -5px; *//* padding: 16px; */
    position : relative;
}
.avs_head {
    text-align : center;
}
.avs_head > h3 {
    margin-top    : 35px;
    margin-bottom : 40px;
    color         : #fff;
    text-shadow   : 0px 0px 2px #000;
}
.minied .avs_head {

}
.minied .avs_head > h3 {
    margin         : 7px 9px;
    padding-bottom : 18px;
}
.avs_head > h5 {
    margin-top    : 35px;
    margin-bottom : 40px;
    color         : #fff;
    text-shadow   : 0px 0px 2px #000;
}
.avs_head_cat {
    text-align : center;
}
.avs_head_cat > h3 {
    margin-top    : 35px;
    margin-bottom : 20px;
    color         : #fff;
    text-shadow   : 0px 0px 2px #000;
    font-size     : 32px;
}
.avs_head_cat > h5 {
    margin-top    : 14px;
    margin-bottom : 40px;
    color         : #fff;
    text-shadow   : 0px 0px 2px #000;
}
.avs_srchbar {
    min-width     : 400px;
    max-width     : 600px;
    margin        : 0 auto;
    padding       : 0;
    border        : 1px solid #fff;
    border-radius : 3px;
    box-shadow    : 0px 0px 6px -3px #000;
    position      : relative;
    height        : 46px;
    overflow      : hidden;
    background    : rgba(255, 255, 255, 0.74);
}
.avs_srchbar > input {
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    border     : none;
    height     : 100%;
    outline    : none;
    padding    : 4px 12px;
    background : none;
}
.avs_srchbar > button {
    position   : absolute;
    right      : 0;
    top        : 0;
    height     : 100%;
    width      : 46px;
    background : rgba(0, 0, 0, 0.04);
    border     : none;
    outline    : none;
}
.avs_srchbar > button:hover {
    background : #fff;
}
.avs_tops {
    display         : flex;
    justify-content : center;
    margin          : 30px 0;
    flex-wrap       : wrap;
}
.avs_tops > a {
    min-height      : 200px;
    flex            : 1;
    background      : #fff;
    margin          : 5px 5px;
    color           : #656565;
    text-decoration : none !important;
    text-align      : center;
    border-radius   : 3px;
    box-shadow      : 2px 2px 5px -4px #000;
    position        : relative;
    min-width       : 180px;
}
.avs_tops > a span {
    display   : block;
    padding   : 22px;
    font-size : 52px;
    color     : #06618c;
}
.avs_tops > a span i {
}
.avs_tops > a p {
    margin    : 6px 0px;
    padding   : 2px 10px;
    font-size : 12px;
}
.avs_tops > a small {
    background    : #06618c;
    color         : #fff;
    padding       : 2px 6px;
    border-radius : 2px;
    position      : absolute;
    right         : 6px;
    top           : 6px;
}
.avs_tops > a b {
    color     : #3a3a3a;
    font-size : 15px;
}
.avs_tops > a:hover {
    background : #f7f7f7;
}
.avs_tops > a:hover span {
}
.avs_tops > a:hover span i {
}
.avs_tops > a:hover b {
}
.avs_tops_subs {
    justify-content : center;
    margin          : 30px 0;
}
.avs_tops_subs > a {
    min-height      : 94px;
    width           : 190px;
    background      : #fff;
    margin          : 5px 5px;
    color           : #656565;
    text-decoration : none !important;
    text-align      : center;
    border-radius   : 3px;
    box-shadow      : 2px 2px 5px -4px #000;
    position        : relative;
    min-width       : 180px;
    padding-top     : 18px;
}
.avs_tops_subs > a span {
    display   : block;
    padding   : 22px;
    font-size : 52px;
    color     : #06618c;
}
.avs_tops_subs > a span i {
}
.avs_tops_subs > a p {
    margin    : 6px 0px;
    padding   : 2px 10px;
    font-size : 12px;
}
.avs_tops_subs > a small {
    background    : #06618c;
    color         : #fff;
    padding       : 2px 6px;
    border-radius : 2px;
    position      : absolute;
    right         : 6px;
    top           : 6px;
}
.avs_tops_subs > a b {
    color     : #3a3a3a;
    font-size : 15px;
}
.avs_tops_subs > a:hover {
    background : #f7f7f7;
}
.avs_tops_subs > a:hover span {
}
.avs_tops_subs > a:hover span i {
}
.avs_tops_subs > a:hover b {
}
.cat_sub_add {
    text-align : center;
    padding    : 6px 0;
    border-top : 1px solid #ccc;
    margin-top : 12px;
}
#cat_sub {
}
.cat_sub > input {
    width   : 80%;
    display : inline-block !important;
}
.cat_sub > button {
    display        : inline-block !important;
    line-height    : 25px !important;
    vertical-align : top;
}
.cat_sub {
    margin : 5px 0;
}
.avs_subcats {
    background     : #fff;
    border-radius  : 3px;
    display        : flex;
    flex-wrap      : wrap;
    padding-bottom : 26px;
}
.avs_subcats > h3 {
    margin         : 0 0;
    font-size      : 18px;
    color          : #868282;
    padding        : 14px 16px;
    text-transform : uppercase;
    width          : 100%;
    margin-bottom  : 16px;
}
.avs_subcats > div {
    display : block;
    width   : 50%;
    padding : 0 20px;
}
.avs_subcats > div a {
    font-size   : 15px;
    font-weight : 600;
}
.avs_subcats > div a:hover {
}
.avs_subcats > div p {
    margin    : 0;
    font-size : 12px;
}
.avs_articles_list {
    display   : flex;
    flex-wrap : wrap;
}
.avs_article {
    display : block;
    width   : 50%;
    padding : 6px 16px;
}
.avs_article > a {
    display         : block;
    font-size       : 16px;
    font-weight     : 600;
    color           : #06618c;
    text-decoration : none;
    text-transform  : uppercase;
    padding         : 4px 0;
}
.avs_article > a:hover {
}
.avs_article > small {
    color         : #8c8c8c;
    font-size     : 12px;
    padding-right : 4px;
    border-right  : 1px solid #ccc;
    margin-right  : 2px;
}
.avs_article > small i {
}
.avs_article > span {
    color         : #8c8c8c;
    font-size     : 12px;
    padding-right : 4px;
    /* border-right: 1px solid #ccc; */
    margin-right  : 2px;
}
.avs_article > span i {
}
.avs_article > b {
    color         : #8c8c8c;
    font-size     : 12px;
    padding-right : 4px;
    /* border-right: 1px solid #ccc; */
    margin-right  : 2px;
    font-weight   : normal;
}
.avs_article > b a {
    color           : #7d7d7d;
    text-decoration : underline;
}
.avs_article > b a:hover {
}
.avs_article > p {
    padding-top : 10px;
}
.avs_article > div {
    /* border-top: 1px solid #ccc; */
    border-bottom : 1px solid #ececec;
    padding       : 6px 0px;
    display       : flex;
    align-items   : center;
}
.avs_article > div > b {
    color         : #8c8c8c;
    font-size     : 12px;
    padding-right : 4px;
    /* border-right: 1px solid #ccc; */
    margin-right  : 2px;
    font-weight   : normal;
    flex          : 1;
}
.avs_article > div > b > a {
    color           : #7d7d7d;
    text-decoration : underline;
}
.avs_article > div > a {
    font-size       : 13px;
    color           : #696969;
    padding         : 0px 6px;
    text-decoration : none;
    /* border-bottom: 1px dotted transparent; */
    margin          : 0 3px;
}
.avs_article > div > a:hover {
    color      : #2d2d2d;
    background : #e0e0e0;
}
#article_video {
}
#article_video video {
    width : 100%;
}
#crm_settings {
}
.crm_settings {
    display    : flex;
    margin-top : 32px;
    flex-wrap  : wrap;
}
.cset_menu {
    background    : #fff;
    width         : 280px;
    border-radius : 3px;
    box-shadow    : 1px 1px 8px -2px #636363;
    overflow      : hidden;
}
.cset_menu ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    padding    : 0;
    flex-wrap  : wrap;
}
.cset_menu ul li {
    flex : 1;
}
.cset_menu ul li a {
    text-decoration : none;
    display         : flex;
    line-height     : 42px;
    border-bottom   : 1px solid #ececec;
    color           : #797373;
    position        : relative;
}
.cset_menu ul li a > small {

    position      : absolute;

    left          : 8px;

    top           : 8px;

    background    : #1ec9ff;

    height        : 8px;

    width         : 8px;

    border-radius : 100%;

    /* box-shadow: 0px 0px 8px 0px #000; */
}
.cset_menu ul li a:hover {
    background : #eaf3f7;
    color      : #525252;
}
.cset_menu ul li.active a {
    background : #d8ecf5;
    color      : #043850;
}
.cset_menu ul li a i {
    line-height : inherit !important;
    width       : 42px;
    font-size   : 18px;
    /* background: #f5f5f5; */
    /* color: #676666; */
}
.cset_menu ul li a:hover i {
}
.cset_menu ul li.active a i {
}
.cset_menu ul li a span {
    flex : 1;
}
.cset_menu ul li a:hover span {
}
.cset_menu ul li.active a span {
}
.cset_inner > div {
    background    : #fff;
    /* height: 100%; */
    display       : none;
    flex          : 1;
    padding       : 18px;
    border-radius : 3px;
    box-shadow    : 2px 2px 6px -3px #000;
    position      : relative;
}
.cset_inner > div.active {
}
.cset_inner > div > h3 {
    margin         : 0;
    margin-bottom  : 16px;
    font-size      : 17px;
    text-transform : uppercase;
    color          : #797979;
    display        : flex;
    align-items    : center;
    border-bottom  : 1px solid #ececec;
    padding-bottom : 22px;
}
.cset_inner > div > h3 i {
}
.cset_inner > div > button {
    position : absolute !important;
    right    : 9px;
    top      : 14px;
}
.cset_inner > div > h3 span {
    flex          : 1;
    margin-left   : 8px;
    padding-right : 84px;
}
.settings_list {
}
.setgroup > label {
    display        : block;
    font-size      : 13px;
    font-weight    : 600;
    text-transform : uppercase;
    cursor         : pointer;
}
.setgroup > input {
}
.cset_inner.tab-content {
    flex         : 1;
    display      : flex;
    padding      : 0 6px;
    padding-left : 22px;
}
.setgroup {
    padding       : 6px;
    border-bottom : 1px solid #ececec;
}
.cset_nodata {
    text-align : center;
    color      : #8e969a;
}
.cset_nodata > i {
    font-size  : 39px;
    display    : block !important;
    margin-top : 28px;
    color      : #06618c;
    opacity    : .2;
}
.cset_nodata > p {
}
.setitem {
    position      : relative;
    min-width     : 300px;
    flex          : 1;
    display       : flex;
    flex-wrap     : wrap;
    box-shadow    : 0px 0px 8px -4px #000;
    margin        : 6px 6px;
    border-radius : 3px;
    padding       : 8px 10px;
}
.setitem > h3 {
    margin        : 0 0;
    padding       : 0 0;
    font-size     : 16px;
    flex          : 1;
    margin-bottom : 6px;
}
.setitem > button {
    margin-bottom : 10px;
}
.setitem > div {
    width         : 100%;
    display       : flex;
    border-bottom : 1px solid #dcdcdc;
}
.setitem > div:hover {
}
.setitem > div span {
    width         : 24px;
    height        : 24px;
    border-radius : 100%;
    align-self    : center;
}
.setitem > div b {
    flex    : 1;
    padding : 8px 10px;
}
.setitem > div div {
    display : flex;
}
.setitem > div div a {
    display         : flex;
    align-items     : center;
    justify-content : center;
    /* background: #ccc; */
    padding         : 0px 8px;
    margin          : 0 0px;
    text-decoration : none;
}
.setitem > div div a:hover {
}
.sets_items {
    display   : flex;
    flex-wrap : wrap;
}
.forcolorpicker {
    display       : flex;
    border        : 1px solid #ccc;
    border-radius : 3px;
    overflow      : hidden;
}
.forcolorpicker input {
    border  : none;
    flex    : 1;
    padding : 6px 6px;
}
.forcolorpicker button {
    background : #e6e6e6;
    border     : none;
    width      : 42px;
}
.forcolorpicker button:hover {
}
.forcolorpicker span {
    width      : 32px;
    background : #f5f5f5;
}
.foriconpicker {
    display       : flex;
    border        : 1px solid #ccc;
    border-radius : 3px;
    overflow      : hidden;
}
.foriconpicker input {
    border  : none;
    flex    : 1;
    padding : 6px 6px;
}
.foriconpicker button {
    background : #e6e6e6;
    border     : none;
    width      : 42px;
}
.foriconpicker button:hover {
}
.foriconpicker span {
    width      : 32px;
    background : #f5f5f5;
}
.crm_table th:first-child {
    min-width : 120px !important;
}
#catalogue_view {
    display: flex;
    margin-top: 14px;
    flex-wrap: wrap;
}
.catalogue_front >.ctg_sidebar{
    width: auto;
}
.ctg_product > button {
    float: none;
    margin: 0 auto;
    display: block;
    margin-top: 16px;
    background: #009fe3;
    border: none;
    color: #fff;
    padding: 5px 12px;
    border-radius: 2px;
    box-shadow: 2px 2px 5px -1px rgb(5 134 189 / 29%);
}
.ctg_sidebar {
    width: 100%;
    background: #fff;
    border-radius: 3px;
    padding: 10px 14px;
    box-shadow: 0px 0px 9px -4px #000;
    margin: 17px 10px;
}
.ctgs_header {
}
.ctgs_header > h3 {
    font-size      : 14px;
    font-weight    : 600;
    text-transform : uppercase;
    text-align     : center;
    margin-bottom  : 32px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #06618c;
}
.ctgs_filter {
    padding-bottom : 11px;
    margin-bottom  : 10px;
    border-bottom  : 1px solid #ccc;
}
.ctgs_filter > label {
    display        : block;
    cursor         : pointer;
    font-size      : 13px;
    text-transform : uppercase;
}
.ctgs_filter > div {
}
.ctgs_filter_top {
    max-height : 300px;
    overflow   : hidden;
    padding    : 8px 0px;
}
.ctgs_filter_top > a {
}
.ctgs_filter_top > a:hover {
}
.ctgsft_item {
    padding       : 4px 8px;
    border-bottom : 1px solid #f1f1f1;
    display       : flex;
    align-items   : center;
    cursor        : pointer;
    background    : #fff;
}
.ctgsft_item i {
    color : #dbe7ec;
}
.ctgsft_item:hover i {
    color : #aac0ca;
}
.ctgsft_item.selected i {
}
.ctgsft_item:hover {
    background : #f1f1f1;
}
.ctgsft_item span {
    flex    : 1;
    padding : 0 8px;
}
.ctgsft_item b {
    color : #757575;
}
.ctgsft_item.selected {
    background : #ccc;
}
.ctg_inner {
    margin-left    : 12px;
    flex           : 1;
    display        : flex;
    flex-direction : column;
    background     : rgb(255, 255, 255);
    padding        : 10px 12px;
}
.ctg_topbar {
    background    : #fff;
    padding       : 6px 8px;
    display       : flex;
    border-radius : 3px;
    width         : 100%;
    flex-wrap     : wrap;
}
.ctg_topbar > div {
    /* text-align: center; */
    margin        : 0 8px;
    flex          : 1;
    border-right  : 1px solid #efefef;
    padding-right : 6px;
    text-align    : center;
    /* white-space: nowrap; */
    margin-top    : 10px;
}
.ctg_topbar > div:last-child {
    border-right : none;
}
.ctg_topbar > div > span {
    display        : block;
    color          : #b3b3b3;
    padding-bottom : 6px;
}
.ctgtb_info {
    display     : flex;
    align-items : center;
}
.ctgtb_info h5 {
    margin : 0;
}
.ctgtb_count {
    white-space : nowrap;
}
.ctgtb_count > a {
    background      : #fff;
    padding         : 0px 8px;
    line-height     : 31px;
    display         : inline-block;
    border          : 1px solid #06618c;
    color           : #989898;
    text-decoration : none;
}
.ctgtb_count > a.selected {
    background : #06618c !important;
    color      : #fff !important;
}
.ctgtb_count > a:hover {
    background : #ecf2f5;
    color      : #06618c;
}
.ctgtb_order {
}
.ctg_list_produits {
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    margin-top : 15px;
    position   : relative;
    /* min-height: 320px; */
    flex       : 1;
    /* flex-basis: auto; */
    /* flex-shrink: 1; */
    /* align-items: flex-start; */
    /* background: #fff; */
}
.ctg_product {
    background     : #fff;
    position       : relative;
    height         : auto;
    margin         : 12px 12px;
    /* flex: 1; */
    width          : 220px;
    box-shadow     : 0px 0px 6px -3px #000;
    /* max-width: 300px; */
    padding-bottom : 64px;
}
.ctglp_pagination > ul li.active {
    background     : #565656;
    color          : #fff;
    border-color   : #565656;
    cursor         : default;
    pointer-events : none;
}

.ctg_product > a small {
    background: #313131;
    padding: 6px 12px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 3px 3px 6px -2px #000;}
.ctg_product::after {
    display : none;
}
.ctg_product:hover {
}
.ctg_product > div {
    width               : 100%;
    height              : 200px;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : cover;
    margin-bottom       : 10px;
    background-color    : #f5f5f5;
}
.ctg_product > h3 {
    font-size      : 15px;
    font-weight    : 600;
    text-transform : uppercase;
    margin         : 0;
    padding        : 0px 6px;
    /* white-space: pre-wrap; */
    /* text-overflow: ellipsis; */
}
.ctg_product > h5 {
    font-size : 13px;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    margin    : 0;
    padding   : 0px 6px;
    /* white-space: pre-wrap; */
    color     : #a0a0a0;
}
.ctg_product > span {
    display     : block;
    /* text-align: right; */
    padding     : 0 6px;
    font-size   : 16px;
    font-weight : 600;
    color       : #06618c;
    margin-top  : 5px;
}
.ctg_product > b {
    position      : absolute;
    top           : 6px;
    right         : 6px;
    background    : #fff;
    color         : #06618c;
    border-radius : 3px;
    padding       : 2px 8px;
    box-shadow    : 0px 6px 9px -6px rgba(0, 0, 0, 0.46);
}
.ctg_product > b i {
    display : none;
}
.ctg_product > ul {
    list-style    : none;
    margin        : 0;
    padding       : 0 6px;
    margin-bottom : 16px;
    margin-top    : 6px;
}
.ctg_product > ul > li {
    color : #848484;
}
.ctg_product > ul > li > span {
    font-weight : 600;
    color       : #5f5f5f;
}
.ctg_loading_products {
    position   : absolute;
    z-index    : 9;
    background : rgba(0, 0, 0, 0.14);
    width      : 100%;
    height     : 100%;
    display    : none;
}
.ctg_loading_products > span {
    background    : #fff;
    width         : 320px;
    display       : block;
    text-align    : center;
    margin        : 14px auto;
    padding       : 6px 3px;
    border-radius : 3px;
    box-shadow    : 0px 0px 6px -2px #000;
}
.label-dark {
    background: #3c3c3c;
}
.ctglp_produits {
    background: #fff;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.ctglp_pages {
    overflow  : hidden;
    max-width : 100%;
}
.ctglp_pages > ul {
    list-style : none;
    margin     : 0 0;
    padding    : 0 0;
    display    : flex;
    overflow   : hidden;
    max-width  : 100%;
}
.ctglp_pages > ul > li {
}
.ctglp_pages > ul > li a {
}
.ctglp_pages > ul > li a:hover {
}
.ctglp_pages > ul > li a.active {
}
.ctglp_pages > ul > li a.disabled {
}
.ctg_list_info {
    display   : flex;
    flex-wrap : wrap;
}
.ctg_list_info.floated {

    position   : fixed;

    z-index    : 99;

    background : #fff;

    right      : 5px;

    padding    : 0 9px;

    top        : 114px;

    box-shadow : 0px 0px 6px -3px #000;
}
.ctgli_text {
    flex      : 1;
    min-width : 300px;
}
.ctgli_text > span {
    color     : #6b6b6b;
    font-size : 13px;
}
.ctgli_text > span b {
}
.ctgli_text > span u {
    text-decoration : none;
    font-weight     : 600;
}
.ctgli_text > span i {
}
.ctgli_nbr {
    padding      : 0 6px;
    margin       : 0 5px;
    border-right : 1px solid #e4e4e4;
}
.ctgli_nbr li {
}
.ctgli_nbr li.selected {
    opacity        : .2;
    pointer-events : none;
}
.ctgli_nbr .btn-group {
}
.ctgli_nbr .btn-group > a {
    text-decoration : none !important;
    box-shadow      : none !important;
    color           : #484848;
}
.ctgli_nbr .btn-group > a b {
}
.ctgli_order {
    margin : 0 8px;
}
.ctgli_order li {
}
.ctgli_order li.selected {
    opacity        : .2;
    pointer-events : none;
}
.ctgli_order a {
    /* text-decoration: none !important; */
    /* box-shadow: none !important; */
    /* color: #484848; */
}
.ctgli_order .btn-group {
}
.ctgli_order .btn-group > a {
    text-decoration : none !important;
    box-shadow      : none !important;
    color           : #484848;
}
.ctgli_order .btn-group > a b {
}
.ctgli_actions {
    /* padding: 0 10px; */
    margin-left     : 5px;
    padding-left    : 5px;
    border-left     : 1px solid #e4e4e4;
    display         : flex;
    align-items     : flex-start;
    flex-wrap       : wrap;
    flex            : 1;
    justify-content : flex-end;
}
.ctgli_actions > a {
    font-size       : 16px;
    color           : #06618c;
    padding         : 6px 12px;
    margin          : 1px 1px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-decoration : none;
}
.ctgli_actions > a:hover {
    background : #ebeff1;
}
.ctg_nodata {
    text-align : center;
    margin-top : 22px;
    display    : none;
}
.ctg_nodata span {
    font-size : 29px;
    color     : #ccc;
}
.ctg_nodata span i {
}
.ctg_nodata p {
    margin  : 0;
    padding : 10px 10px;
    color   : #717171;
}
.ctg_nodata p a {
}
.cartdropinner {
    /* position: absolute; */
    right: 22px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    color: #656565;
    /* z-index: -1; */
}
.cartdropinner:hover {
    background: #e6f2f700;
}
.cartdropinner:hover .cdi_info {
    opacity: 1;
    color: #4e4e4e;
    width: 109px;
    right: 110%;
}
.cartdrop *, .cartdrop *:after {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.cdi_info {
    position: absolute;
    right: 49px;
    background: #c4e6f5;
    white-space: nowrap;
    padding: 3px 12px;
    border-radius: 5px;
    opacity: 0;
    width: 32px;
    color: transparent;
    top: 13px;
    text-align: center;
}
.cartdropinner > a {
    height: 40px;
    width: 40px;
    display: flex;
    font-size: 28px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit !important;
}
.cartdropinner > a span {
    background: #ffffff;
    color: #007bff;
    font-size: 11px!important;
    font-weight: 600;
    position: absolute;
    padding: 1px 6px;
    border-radius: 5px;
    top: 5px;
    left: 29px;
    box-shadow: 0px 0px 6px -2px rgb(0 0 0 / 37%);
	border-radius: 50%;
}
.cartdropinner > a img {
    height: 30px;
}
.cartdrop{
    background: #fff8f000!important;
        box-shadow: none!important;
}
.cdi_info:after {
    content: '';
    height: 8px;
    width: 8px;
    border: 4px solid transparent;
    border-left: 4px solid #c4e6f5;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -4px;
}
.panier_list_items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.panier_list_item {
    width: 100%;
    /* min-width: 600px; */
    margin: 1.5% .5%;
    /* flex: 1; */
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 8px -2px rgb(0 0 0 / 40%);
    border-radius: 3px;
    justify-content: center;
    position: relative;
}
.panier_list_item > .ch {
    position: absolute;
    right: 6px;
    top: 6px;
}
.panier_list_item > .ch span {
    width: 32px;
    height: 32px;
    background: #ffe7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 0px 5px 11px -6px rgb(239 168 168);
    cursor: pointer;
    color: #a95c5c;
    -webkit-transition: all 450ms;
    -moz-transition: all 450ms;
    -ms-transition: all 450ms;
    -o-transition: all 450ms;
    transition: all 450ms;
}
.panier_list_item > .i {
    width: 182px;
    min-height: 182px;
    position: relative;
    /* border-right: 2px solid #009fe3; */
    margin-top: 6px;
    border-bottom: 1px solid #f1f1f1;
}
.panier_list_item > .i > div {
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    /* border: 2px solid #f1f1f1; */
    /* border-radius: 4px; */
    /* box-shadow: 4px 4px 8px -2px rgb(0 0 0 / 37%); */
}
.panier_list_item > .d {
    flex: 1;
    padding: 10px 12px;
    min-width: 200px;
    border-left: 2px solid #009fe3;
    margin-top: 6px;
    border-bottom: 1px solid #f1f1f1;
}
.panier_list_item > .d h3 {
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}
.panier_list_item > .d h5 {
    color: #888;
    margin: 0;
    padding-bottom: 22px;
}
.panier_list_item > .d h4 {
    margin: 0;
    padding: 0;
    color: #616161;
    font-size: 15px;
}
.panier_list_item > .d h4 b {
    color: #009fe3;
}
.panier_list_item > .q {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 12px;
    margin-top: 6px;
    border-bottom: 1px solid #f1f1f1;
}
.panier_list_item > .q label {
    color: #797979;
}
.panier_list_item > .q div {
    display: flex;
    position: relative;
    max-width: 142px;
    background: #f1f1f1;
    border: 1px solid #dadada;
    margin: 7px auto;
    margin-bottom: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.panier_list_item > .q div span {
    width: 30%;
    text-align: center;
    padding: 6px 4px;
    cursor: pointer;
    color: #9c9c9c;
}
.panier_list_item > .q div input {
    flex: 1;
    max-width: 60%;
    text-align: center;
    background: none;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: 600;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.panier_list_item > .q div span {
    width: 30%;
    text-align: center;
    padding: 6px 4px;
    cursor: pointer;
    color: #9c9c9c;
}
.panier_list_item > .t {
    width: 100%;
    text-align: right;
    border-top: 1px solid #f1f1f1;
    padding: 10px 14px;
    background: #f1f1f1;
}
.validate_panier {
    /* position: fixed; */
    /* bottom: 0; */
    background: #fff;
    left: 0;
    width: 100%;
    padding: 12px 12px 20px 12px;
    box-shadow: 0px -5px 14px -5px rgb(0 0 0 / 52%);
    /* display: flex; */
    /* justify-content: flex-end; */
}
.validate_panier > div {
    max-width: 452px;
    /* float: right; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.portlet > .portlet-body p {
    margin-top: 0;
    padding-top: 10px;
    color: #777;
}
.vpanier_totals {
    width: 308px;
    flex: 1;
}
.vpanier_totals > span {
    display: flex;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 6px;
    padding-bottom: 2px;
    color: #585858;
}
.vpanier_totals > span u {
    text-decoration: none;
    flex: 1;
}
.vpanier_totals > span b {
    font-size: 16px;
    color: #909090;
}
.vpanier_totals > span {
    display: flex;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 6px;
    padding-bottom: 2px;
    color: #585858;
}
.vpanier_totals > span u {
    text-decoration: none;
    flex: 1;
}
.vpanier_totals > span b {
    font-size: 16px;
    color: #909090;
}
.vpanier_totals > span.b {
    font-weight: 600;
    color: #252525;
}
.vpanier_totals > span {
    display: flex;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 6px;
    padding-bottom: 2px;
    color: #585858;
}
.vpanier_totals > span u {
    text-decoration: none;
    flex: 1;
}
.vpanier_totals > span.b b {
    font-size: 18px;
    color: #000;
}
.vpanier_actions {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
.floating_validate_panier {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    padding: 12px 12px 20px 12px;
    box-shadow: 0px -5px 14px -5px rgb(0 0 0 / 52%);
    display: flex;
    justify-content: flex-end;
}
.floating_validate_panier .i {
    border-right: 1px solid #ccc;
    padding: 0 17px;
}
.floating_validate_panier .a {
    width: 200px;
    text-align: center;
    margin: 0 16px;
}
.floating_validate_panier .i p {
    margin: 0;
    padding: 0 0px;
    padding-bottom: 6px;
    color: #4c4c4c;
}
.floating_validate_panier .i span {
    display: block;
    text-align: center;
    color: #7b7b7b;
}
.floating_validate_panier .i span b {
    display: block;
    font-size: 19px;
    color: #02a0e3;
}
.floating_validate_panier .a {
    width: 200px;
    text-align: center;
    margin: 0 16px;
}
.floating_validate_panier .a a {
    padding: 6px 10px;
    display: inline-block;
}
.empty_panier {
    text-align: center;
}
.empty_panier > span {
    font-size: 46px;
    color: #245f79;
}
.portlet > .portlet-body p {
    margin-top: 0;
    padding-top: 10px;
    color: #777;
}.clsep {
    text-align: center;
    background: rgba(253, 253, 253, 0.82);
    margin: 0 5px;
    margin-bottom: 12px;
    margin-top: 16px;
    display: block;
    padding: 10px 3px;
    position: relative;
}.clsep > h3 {
    margin: 0;
    padding: 0 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #404040;
    display: block;
}.clsep > a {
    color: #245f79;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    right: 32px;
    top: 8px;
}
.slimScrollDiv{
    margin-top: 1rem;
}
.page-header.navbar .page-logo {
    height: 80px;
}
@media (max-width : 834px) {
    #catalogue_view {

        flex-wrap : wrap;

    }
    .ctg_sidebar {

        width         : 100% !important;

        margin-bottom : 10px;
    }
    .ctgs_marques_filter {
        padding-bottom : 0;
    }
    .ctgs_marques_filter.open {

    }
    .ctgs_marques_filter.open > div {

        height : 300px !important;

    }
    .ctgs_marques_filter > div {
        height : 0 !important;
    }
    .ctg_inner {
        margin-left : 0;
    }
}
.ctglp_pagination {
    margin-top : 20px;
}
.ctglp_pagination > ul {
    padding    : 0;
    list-style : none;
    margin     : 0;
    display    : flex;
}
.ctglp_pagination > ul li {
    flex       : 1;
    margin     : 0 2px;
    text-align : center;
    background : #fff;
    border     : 1px solid #ccc;
    padding    : 4px 6px;
    cursor     : pointer;
}
.ctglp_pagination > ul li a {
    text-decoration : none;
    color           : inherit !important;
}
.ctglp_pagination > ul li:hover {
    background : #ccc;
    color      : #1f1f1f;
}

.ctglp_pagination > ul li.disabled {
    opacity        : .4;
    pointer-events : none;
}
#client_offers_list {
    padding: 22px 42px;
    margin-top: 32px;
    background: #fff;
    /* padding: 16px; */
    text-align: center;
}
.client_offre_item {
    background: #fff;
    margin: 8px 12px;
    min-height: 320px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0px 0px 8px 0px rgb(105 105 105 / 48%);
    border-radius: 4px;
}
.client_offre_item > div.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.coi_details {
    position: absolute;
    z-index: 9;
    bottom: 16%;
    left: 4%;
    /* box-shadow: 0px 0px 26px -6px #000; */
    text-align: left;
}
.coi_description {
    position: absolute;
    z-index: 9;
    opacity: 0;
    width: 40%;
    min-width: 320px;
    background: rgba(0, 0, 0, 0.63);
    padding: 12px 12px;
    right: -40%;
    top: 50%;
    height: 300px;
    margin-top: -150px;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    color: #fff;
}
.coi_details > h3 {
    margin: 0;
    color: #fff;
    text-shadow: 0px 0px 6px #000, 0px 0px 16px #000;
    margin-bottom: 22px;
    max-width: 80%;
    /* overflow: hidden; */
    white-space: pre-wrap;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.18);
    padding: 8px 10px;
    line-height: 1.5;
}
.coi_details > a {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    /* text-shadow: 0px 0px 6px #000, 0px 0px 16px #000; */
    text-decoration: none !important;
    position: relative;
    line-height: 15px;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    background: #009fe3;
    padding: 6px 8px;
    box-shadow: 0px 0px 16px -5px rgb(0 0 0 / 40%);
}
.client_offre_item:hover .coi_description {
    opacity: 1;
    right: 0;
}
.offre_preview {
    background: #fff;
    margin: 42px 1px;
    /* margin-top: 42px; */
    /* margin-bottom: 42px; */
}
.offrep_header {
    position: relative;
    min-height: 320px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 18px 16px -8px #d4d4d4;
    width: 80%;
    margin: 0 auto;
    top: -40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.offrep_header > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.offrep_header > h3 {
    margin: 0;
    position: relative;
    z-index: 9;
    color: #fff;
    text-shadow: 0px 0px 6px #000, 0px 8px 16px #000;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
    background: rgba(0, 0, 0, 0.47);
    margin-bottom: -2px;
    padding: 6px 3px;
}
.offrep_header > h5 {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 4px 2px;
    margin-bottom: 13px;
    color: rgba(255, 255, 255, 0.81);
    text-shadow: 1px 2px 4px #000;
    font-weight: 600;
    z-index: 10;
}
.offrep_header > p {
    position: relative;
    z-index: 9;
    color: #fff;
    text-shadow: 0px 0px 6px #000;
    text-align: center;
    margin: 0;
    padding: 7px 8px;
    padding: 19px 20px;
    background: rgba(0, 0, 0, 0.47);
    margin-top: -36px;
    padding-top: 30px;
}
.offerp_inner {
    width: 98%;
    margin: 0 auto;
}
.all {
    position: relative;
    float: left;
    background: #fff;
    margin: 12px -9px;
    width: 100%;
    margin: 26px auto;
    padding: 20px;
}
.client_offres_nodata > span {
    height: 64px;
    width: 64px;
    border-radius: 100%;
    background: #565656;
    color: #fff;
    display: block;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
#client_offers_list {
    padding: 22px 42px;
    margin-top: 32px;
    background: #fff;
    /* padding: 16px; */
    text-align: center;
}
.client_offres_nodata > p {
    font-size: 16px;
    color: #5f5f5f;
    padding: 10px 32px;
}
@media (max-width : 670px) {
    .ctgli_text {
        min-width      : 100%;
        padding-bottom : 12px;
        text-align     : center;
    }
    .ctg_list_info {
        justify-content : center;
    }
    .ctgli_nbr {
        margin-bottom : 6px;
    }
    .ctg_product {

        flex      : 1;

        min-width : 220px;
    }
}
.ctgs_actions_side {
    display         : flex;
    justify-content : center;
}
.ctgs_actions_side > a {
    color           : #6f6f6f;
    margin          : 0 8px;
    padding         : 12px 15px;
    /* background: #ccc; */
    text-decoration : none !important;
}
.ctgs_actions_side > a:hover {
    background : #efefef;
}
#commande_delever {
    margin   : -15px;
    overflow : hidden;
}
.cdv_header {
    /* margin-bottom: 18px; */
    background    : #f5f5f5;
    padding       : 10px 22px;
    padding-top   : 16px;
    border-bottom : 1px solid #e8e3e3;
    box-shadow    : 0px 8px 15px -11px #000;
    position      : relative;
}
.cdv_header h3 {
    font-size     : 17px;
    font-weight   : 600;
    margin        : 0;
    margin-bottom : 7px;
}
.cdv_header p {
    margin    : 0;
    font-size : 13px;
    color     : #636363;
}
.cdv_list {
    padding-top : 10px;
}
.cdv_article{
    display       : flex;
    border-bottom : 1px solid #ccc;
    cursor        : pointer;
}
.cdv_article_price{
    display       : flex;
    border-bottom : 1px solid #ccc;
}

.cdv_article:hover {
    background : #f5f6f7;
}
.cdv_article.checked {
    background : #e7eef1;
}
.cdv_article.disabled ,.cdv_article_price.disabled {
    opacity        : .4;
    background     : #f3f3f3 !important;
    pointer-events : none;
    /* filter: blur(1px); */
}
.cdvar_check {
    min-width       : 46px;
    display         : flex;
    padding-top     : 6px;
    justify-content : center;
}
.cdvar_check > span {
    height      : 24px;
    width       : 24px;
    background  : #fff;
    border      : 1px solid #dcdcdc;
    color       : #e0e0e0;
    text-align  : center;
    line-height : 23px;
}
.cdvar_check > span i {
}
.cdv_article:hover .cdvar_check > span i {
}
.cdv_article:hover .cdvar_check > span {
    background : #dfe3e8;
    color      : #fff;
}
.cdv_article.checked .cdvar_check > span {
    background-color : #06618c;
    color            : #fff;
    border-color     : #000;
}
.cdv_article.checked .cdvar_check > span i {
}
.cdvar_check > input {
    /* opacity: 0; */
    position : relative;
    height   : 22px;
    width    : 22px;
}
.cdvar_check > input:after {
    content     : "\f00c";
    position    : absolute;
    left        : 0;
    top         : 0;
    width       : 100%;
    text-align  : center;
    line-height : 22px;
    font-weight : 600;
    color       : rgba(6, 97, 140, 0.09);
    cursor      : pointer;
}
.cdvar_check > input:before {
    content       : ' ';
    width         : 100%;
    height        : 100%;
    position      : absolute;
    background    : #fff;
    border        : 1px solid rgba(6, 97, 140, 0.53);
    border-radius : 3px;
    box-shadow    : 0px 0px 8px -3px rgba(0, 0, 0, 0.93);
    cursor        : pointer;
}
.cdvar_check > input:checked:before {
    background-color : #06618c !important;
}
.cdvar_check > input:checked:after {
    color : #fff;
}
.cdv_article:hover .cdvar_check > input:before {
    background   : #e7f0f5;
    border-color : #06618c;
}
.cdv_article:hover .cdvar_check > input:after {
}
.cdvar_dets {
    flex    : 1;
    padding : 6px 6px;
}
.cdvar_dets > h5 {
    margin      : 0;
    font-weight : 600;
}
.cdvar_dets > span {
    display   : block;
    font-size : 12px;
}
.cdvar_dets > span a {
}
.cdvar_dets > span a:hover {
}
.cdv_infos {
    padding : 4px 18px;
}
.cdv_infos p {
    margin         : 0;
    padding        : 10px 10px;
    /* text-align: right; */
    font-size      : 12px;
    color          : #807f7f;
    padding-bottom : 4px;
}
.cdv_infos > ul {
    margin         : 0;
    padding        : 0;
    list-style     : none;
    /* text-align: right; */
    display        : flex;
    flex-direction : column;
    align-items    : flex-end;
}
.cdv_infos > ul li {
    width       : 40%;
    max-width   : 300px;
    display     : flex;
    align-items : center;
}
.cdv_infos > ul li span {
    flex       : 1;
    text-align : right;
}
.cdv_infos > ul li i {
    width      : 84px;
    font-style : normal;
    font-size  : 90%;
}
.cdv_infos > ul li.b {
    font-size   : 16px;
    font-weight : 600;
}
.cdv_infos > ul li.b span {
}
.cdv_infos > ul li.b i {
}
.cdv_loading {
    display    : none;
    text-align : center;
    margin     : 20px 20px;
}
.cdv_loading > img {
    height : 64px;
}
.cdv_loading > p {
    color : #8c8c8c;
}
.cdv_done {
    padding : 10px 42px;
}
.cdv_done > button {

    margin        : 0px auto;

    display       : block;

    width         : 120px;

    margin-top    : 22px;

    margin-bottom : 8px;
}
.cdv_done > p {
    margin      : 0;
    padding     : 6px 0;
    font-size   : 18px;
    text-align  : center;
    font-weight : 600;
    color       : #06618c;
}
.cdv_done > ul {
    margin          : 0;
    margin-top      : 16px;
    padding         : 0;
    list-style      : none;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
}
.cdv_done > ul li {
    width  : 30%;
    margin : 8px 2px;
}
.cdv_done > ul li span {
    display   : block;
    font-size : 12px;
    color     : #a7a7a7;
}
.cdv_done > ul li b {
    font-size    : 16px;
    padding-left : 6px;
    border-left  : 1px solid #ccc;
}
.cdv_done > ul li a {
}
.cdv_done > ul li a:hover {
}
.cdvar_as {
    padding-right   : 12px;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
}
.cdvar_as > p {
    margin        : 0;
    margin-bottom : 8px;
    text-align    : center;
}
.cdvar_as > p b {
    display : block;
    /* margin: 0 auto; */
}
.cdvar_as > span {
}
#commande_history_view {
    margin   : -15px; /* padding: 22px; */
    overflow : hidden;
    position : relative;
}
.commande_history {
}
.commande_history > h3 {
    margin     : 0;
    font-size  : 17px;
    /* font-weight: 600; */
    text-align : center;
    padding    : 14px 0 24px 0;
    box-shadow : 0px 0px 15px -5px #000;
    background : #f6f8f9;
}
.ch_timeline {
}
.ch_timeline * {
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.chtl_item:first-child {

    padding-top : 34px;
}
.chtl_item {
    margin-left    : 33px;
    padding-left   : 40px;
    position       : relative;
    border-left    : 2px solid #ccc;
    padding-top    : 10px;
    padding-bottom : 10px;
    /* background: #efefef; */
    cursor         : default;
}
.chtl_item:hover {
    background : #f9f9f9;
}
.chtl_item > span {
    position        : absolute;
    left            : -16px;
    top             : 50%;
    margin-top      : -16px;
    width           : 32px;
    height          : 32px;
    border          : 2px solid #ccc;
    background      : #fff;
    color           : #ccc;
    border-radius   : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.chtl_item > span i {
}
.chtl_item > h5 {
    margin         : 0;
    font-size      : 16px;
    font-weight    : 600;
    padding-bottom : 6px;
    color          : #6b6b6b;
}
.chtl_item > h6 {
    margin      : 0;
    color       : #b9b9b9;
    font-size   : 12px;
    display     : inline-block;
    padding-top : 3px;
    border-top  : 1px solid #ccc;
}
.chtl_item > h6 i {
}
.chtl_item > h4 {
    margin    : 0;
    font-size : 14px;
    padding   : 3px 0;
}
.chtl_item > h4 span {
}
.chtl_item > h4 span b {
}
.chtl_item > h4 small {
}
.chtlli-devis {
    border-left-color : #e2df49;
}
.chtlli-devis > span {
    color        : #e2df49;
    border-color : #e2df49;
}
.chtlli-devis a {
    color : #adaa0f;
}
.chtlli-devis:hover {
    background : rgba(226, 223, 73, 0.1);
}
.chtlli-commande {
    border-left-color : #00c196;
}
.chtlli-commande > span {
    color        : #00c196;
    border-color : #00c196;
}
.chtlli-commande a {
    color : #008063;
}
.chtlli-commande:hover {
    background : rgba(0, 193, 150, 0.1);
}
.chtlli-bondelivraison {
    border-left-color : orange;
}
.chtlli-bondelivraison a {
    color : #b37400;
}
.chtlli-bondelivraison > span {
    color        : orange;
    border-color : orange;
}
.chtlli-bondelivraison:hover {
    background : rgba(255, 165, 0, 0.1);
}
.chtlli-facture {
    border-left-color : #008bf1;
}
.chtlli-facture > span {
    color        : #008bf1;
    border-color : #008bf1;
}
.chtlli-facture a {
    color : #00528e;
}
.chtlli-facture:hover {
    background : rgba(0, 139, 241, 0.1);
}
.chtl_done {
    margin-left    : 33px;
    padding-left   : 40px;
    position       : relative;
    border-left    : 2px solid #ffffff;
    padding-top    : 10px;
    padding-bottom : 10px;
    /* background: #efefef; */
    cursor         : default;
}
.chtl_done > span {
    position        : absolute;
    left            : -16px;
    top             : 50%;
    margin-top      : -16px;
    width           : 32px;
    height          : 32px;
    border          : 2px solid #0effb3;
    background      : #0effb3;
    color           : #ffffff;
    border-radius   : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.chtl_done > span i {
}
.chtl_done > h3 {
    border-left : 2px solid #0effb3;
    margin-left : -42px;
    padding     : 0 38px;
    padding-top : 31px;
    margin-top  : -10px;
    color       : #049a6b;
}
.chtl_done > h5 {
    margin-left : 40px;
    margin      : 0;
    color       : #b9b9b9;
    font-size   : 12px;
    display     : inline-block;
    padding-top : 3px;
    border-top  : 1px solid #ccc;
}
.chtl_done > h5 i {
}
#fonction_organigram {
    position    : relative;
    padding-top : 38px;
}
#fonction_organigram p {
    margin      : 0;
    position    : absolute;
    font-weight : 600;
    top         : 0;
    width       : 100%;
    text-align  : center;
}
.fot_node_title {
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.fot_node_title h3 {
    margin    : 0;
    padding   : 0;
    font-size : inherit;
}
.fo_tree {
    display     : flex;
    align-items : center;
    overflow    : hidden;
    /* justify-content: center; */
}
.fot_node {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    margin         : 0 6px;
    position       : relative;
}
.fot_node:first-child::before {
    left  : 50%;
    right : unset;
    width : 50%;
}
.fot_node:last-child::before {
    right : 50%;
    width : 68%;
}
.fot_node.uni::before {

    display : none;
}
.fot_node::before {
    content    : ' ';
    position   : absolute;
    right      : 0;
    top        : -15px;
    height     : 2px;
    width      : 125%;
    background : #879ca5;
}
.fot_node_title {
    background      : #e5ecef;
    margin          : 6px 6px;
    font-size       : 13px;
    /* font-weight: 600; */
    /* height: 42px; */
    /* width: 110px; */
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-align      : center;
    text-overflow   : ellipsis;
    box-shadow      : 2px 2px 3px -2px #000;
    position        : relative;
    border          : 1px solid #879ca5;
    cursor          : default;
    padding         : 12px 12px;
    cursor          : pointer;
}
.fot_node.has_childs > h3::after {
    content     : ' ';
    position    : absolute;
    left        : 50%;
    width       : 2px;
    margin-left : -1px;
    height      : 22px;
    background  : #879ca5;
    top         : 105%;
}
.fot_node_title::before {
    content     : ' ';
    position    : absolute;
    left        : 50%;
    width       : 2px;
    margin-left : -1px;
    height      : 22px;
    background  : #879ca5;
    bottom      : 100%;
}
.fot_node_tree {
    display     : flex;
    margin-top  : 29px;
    align-items : flex-start;
    position    : relative;
}
.fot_node_tree::before {
    /* content : ' '; */
    position   : absolute;
    left       : 0;
    top        : -16px;
    width      : 100%;
    height     : 2px;
    background : #879ca5;
}
.fot_node_title.hovered {
    background : #b9d2dc;
    /* color: #f2f8fb; */
}
.fot_node_title.hovered2 {
    background : #cfdee4;
}
.fot_node_title.hovered1 {
    background : #cfdee4;
    /* border-color: #000; */
}
#user_organigram {
    position    : relative;
    padding-top : 38px;
}
#user_organigram p {
    margin      : 0;
    position    : absolute;
    font-weight : 600;
    top         : 0;
    width       : 100%;
    text-align  : center;
}
.uo_tree {
    display     : flex;
    align-items : center;
    /* width: 100%; */
}
.uot_node::before {
    content    : ' ';
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 2px;
    background : red;
}
.uot_node::after {
    content : ' ';
}
.uot_node {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    position       : relative;
}
.uot_node:first-child::before {
}
.uot_node:last-child::before {
}
.uot_node.uni::before {
}
.uot_node::before {
}
.uot_node .uot_node_info {
    width      : 112px;
    text-align : center;
    margin     : 8px 2px;
    padding    : 0 8px;
}
.uot_node .uot_node_info > h3 {
    margin         : 0;
    padding        : 0;
    font-size      : 12px;
    border-bottom  : 1px solid #ccc;
    padding-bottom : 4px;
    position       : relative;
}
.uot_node .uot_node_info > span::before {
    content : ' ';
    /* height: 1px; */
    /* width: 100%; */
}
.uot_node .uot_node_info > span {
    display         : block;
    width           : 42px;
    height          : 42px;
    background-size : cover;
    border-radius   : 100%;
    border          : 2px solid #fff;
    box-shadow      : 0px 0px 7px -2px #000;
    margin          : 0 auto;
    margin-bottom   : 6px;
    position        : relative;
}
.uot_node.has_childs .uot_node_info > h3::after {
    content     : ' ';
    position    : absolute;
    left        : 50%;
    margin-left : -1px;
    top         : 100%;
    height      : 24px;
    width       : 2px;
    background  : #c7c7c7;
}
.uot_node .uot_node_info > h3::before {
}
.uot_node_tree {
    display         : flex;
    /* max-width: 320px; */
    /* flex-wrap: wrap; */
    justify-content : center;
    padding-top     : 32px;
}
.uot_node_tree::before {
}
.uot_node .uot_node_info > h3.hovered {
}
.uot_node .uot_node_info > h3.hovered2 {
}
.uot_node .uot_node_info > h3.hovered1 {
}
.uo_controls {
}
.uo_controls > a {
}
.uo_controls > a:hover {
}
.fod_inner {
    display   : flex;
    flex-wrap : wrap;
}
.fodi_tree {
    flex : 1;
}
.fodi_dets {
    flex : 2;
}
.fonctions_details {
    margin     : 0 0;
    padding    : 0 0;
    list-style : none;
}
.fonctions_details ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
    /* margin-left: 16px; */
    position   : relative;
}
.fonctions_details ul::before {
    content : ' ';

}
.fonctions_details li:last-child::before {
    content     : ' ';
    position    : absolute;
    left        : -5px;
    top         : -10px;
    width       : 1px;
    height      : 100%;
    border-left : 1px dashed #000;
}
.fonctions_details li {
    /* position : relative; */
    /* overflow: hidden; */
    padding-left : 11px;
}
.fonctions_details li.selected {
}
.fonctions_details li.selected > span {
    background   : #f3f8fb;
    border-color : #ccdee8;
}
.fonctions_details li:hover {
}
.fonctions_details li > span {
    border        : 1px solid #fff;
    padding       : 1px 5px;
    display       : block;
    cursor        : pointer;
    background    : #fff;
    font-size     : 14px;
    white-space   : nowrap;
    border-radius : 2px;
    position      : relative;
}
.fonctions_details li > span:hover {
    background   : #f3f8fb;
    border-color : #ccdee8;
}
.fonctions_details li > span::before {
    content       : '';
    position      : absolute;
    left          : -17px;
    top           : 50%;
    height        : 1px;
    width         : 16px;
    border-bottom : 1px dashed #000;
}
.fonctions_details li > span::after {
    content     : ' ';
    position    : absolute;
    left        : -17px;
    top         : -10px;
    width       : 1px;
    height      : 100%;
    border-left : 1px dashed #000;
    display     : none;
}
.fot_node_users.open {
    /* display: flex; */
    pointer-events : all;
    opacity        : 1;
    bottom         : 18px;
    z-index        : 9999;
}
.fot_node_users {
    display            : block;
    opacity            : 0;
    position           : absolute;
    left               : 50%;
    bottom             : 0;
    width              : 160px;
    text-align         : left;
    max-height         : 200px;
    margin-left        : -80px;
    background         : rgba(0, 0, 0, 0.78);
    box-shadow         : 0px 0px 6px -1px #000;
    border-radius      : 2px;
    /* justify-content: center; */
    z-index            : 9;
    padding            : 10px 3px;
    cursor             : default;
    z-index            : 0;
    pointer-events     : none;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
    overflow           : hidden;
}
.fot_node_users.open::after {
    content  : ' ';
    position : fixed;
    left     : 0;
    top      : 0;
    bottom   : 0;
    right    : 0;
    /* background: #000; */
    z-index  : 18;
}
.fot_node_users::before {
    content    : '';
    position   : absolute;
    bottom     : -16px;
    left       : 50%;
    width      : 16px;
    height     : 16px;
    border     : 8px solid transparent;
    border-top : 8px solid #000;
}
.fot_node_user {
    display     : flex;
    align-items : center;
    /* align-items: center; */
    padding     : 4px 12px;
}
.fot_node_user {
    /* background: rgba(255, 255, 255, 0.18); */
    /* border: 1px solid #ccc; */
}
.fot_node_user > span {
    width           : 26px;
    height          : 26px;
    display         : block;
    background-size : contain;
    border-radius   : 100%;
    border          : 1px solid #fff;
    box-shadow      : 0px 0px 6px -1px #000;
    margin-bottom   : 5px;
    display         : none;
}
.fot_node_user > label {
    color     : #fff;
    font-size : 12px;
}
#statistics_view {
}
.sv_header {
    display    : flex;
    background : #fff;
    padding    : 18px 16px;
}
.svh_title {
    flex         : 1;
    padding-left : 9px;
}
.svh_title > h3 {
    margin         : 0 0;
    padding        : 0 0;
    font-size      : 19px;
    /* font-weight: 600; */
    text-transform : uppercase;
    margin-bottom  : 4px;
}
.svh_title > h5 {
    margin    : 0;
    padding   : 3px 0;
    color     : #9c9c9c;
    font-size : 13px;
}
.svh_filters {
    display     : flex;
    align-items : center;
}
.svf_users {
    margin-right : 15px;
    min-width    : 220px;
}
.svf_dates {
}
.svf_dates button {
}
.nodata_modal {
    text-align : center;
    margin     : 24px 0;
}
.nodata_modal > span {
    color           : #ffffff;
    font-size       : 22px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 32px;
    width           : 32px;
    border-radius   : 100%;
    background      : #c7c7c7;
    margin          : 0 auto;
}
.nodata_modal > p {
    font-size : 14px;
    color     : #777;
}
.maa_users {
    margin   : -15px;
    overflow : hidden;
}
.maau_list > ul {
    margin     : 0;
    padding    : 0;
    list-style : none !important;
    max-width  : 530px;
    margin     : 0 auto;
    /* max-height: 320px; */
}
.maau_list > ul li {
    display     : flex;
    align-items : center;
    margin      : 0 0;
    padding     : 5px 0;
    cursor      : pointer;
}
.maau_list > ul li span {
    width             : 32px;
    height            : 32px;
    background-size   : cover;
    background-repeat : no-repeat;
    border            : 2px solid #fff;
    box-shadow        : 0px 0px 6px -3px #000;
    border-radius     : 100%;
    margin            : 0 12px;
}
.maau_list > ul li b {
    flex : 1;
}
.maau_list > ul li b small {
    font-weight  : normal;
    display      : block;
    padding-left : 1px;
    font-style   : italic;
    color        : #97a5ab;
}
.maau_list > ul li > i {
    color         : #f0f3f5;
    font-size     : 18px;
    padding-right : 10px;
}
.maau_list > ul li.selected {
    background : #d7e2e6 !important;
}
.maau_list > ul li.selected > i {
    color : #06618c;
}
.maau_list > ul li.selected span {
}
.maau_list > ul li.selected b {
}
.maau_list > ul li:hover {
    background : #f0f5f7;
}
.maau_header {
    background    : #eef3f5;
    display       : flex;
    box-shadow    : 0px 0px 16px -4px #000;
    margin-bottom : 10px;
}
.maau_header > span {
    font-size   : 26px;
    color       : #06618c;
    padding     : 0 16px;
    padding-top : 17px;
}
.maau_header > div {
}
.maau_header > span i {
}
.maau_header > div h4 {
    margin      : 0;
    padding-top : 19px;
    color       : #5b7a86;
}
.maau_header > div p {
    margin         : 0;
    padding        : 6px 0;
    font-size      : 13px;
    color          : #748890;
    padding-bottom : 22px;
}
.maau_list {
    overflow : hidden; /* max-height: 320px; */
}
.maau_list.scrollbar-light {
    max-height : 320px;
}
.maa_success {
    text-align : center;
    padding    : 22px 10px;
}
.maa_success span {
    font-size       : 29px;
    width           : 46px;
    height          : 46px;
    display         : flex;
    margin          : 0 auto;
    justify-content : center;
    align-items     : center;
    background      : #06618c;
    color           : #fff;
    border-radius   : 100%;
}
.maa_success p {
    color : #585858;
}
.qa_shortcuts {
    display        : flex;
    flex-direction : column;
}
.qasc {
    display       : flex;
    border-radius : 3px;
    padding       : 7px 0;
    padding-right : 6px;
    cursor        : default; /* margin-left: 16px; */
}
.qasc:hover {
    background : #f9f9f9;
}
.qasc > span {
    width         : 38px;
    line-height   : 38px;
    font-size     : 21px;
    background    : #d8ecf5;
    text-align    : center;
    border-radius : 3px;
    position      : relative;
    left          : -3px;
}
.qasc > span i {
}
.qasc > small {
    height        : 22px;
    width         : 22px;
    background    : #84aabb;
    border-radius : 3px;
    text-align    : center;
    line-height   : 22px;
    color         : #fff;
    font-weight   : 600;
    position      : relative;
    left          : -7px;
    top           : 1px;
}
.qasc > p {
    margin  : 0;
    flex    : 1;
    padding : 0 8px;
}
.qasc > p a {
    /* display: block; */
    font-size      : 14px;
    font-weight    : 600;
    text-transform : uppercase;
    color          : #000;
}
.qasc > p a:hover {

}
.qasc > p small {
    color   : #ccc;
    display : block;
}
.qasc > div {
    line-height : 38px;
}
.qasc > div a {
}
.qasc > div a:hover {
}
.qanodata {
    text-align    : center;
    background    : #d8ecf5;
    border-radius : 3px;
    padding       : 18px;
    padding-top   : 36px;
}
.qanodata i {
    font-size : 28px;
    color     : #8fb0bf;
}
.qanodata p {
}
.crm_quick_access {
    position : fixed;
    bottom   : 29px;
    right    : -32px;
    z-index  : 999999999;
    width    : 32px;
    height   : 100%;
}
.crmqa_trigger, .crmqa_trigger * {
    -webkit-transition : all 350ms;
    -moz-transition    : all 350ms;
    -ms-transition     : all 350ms;
    -o-transition      : all 350ms;
    transition         : all 350ms;
}
.crmqa_trigger {
    width         : 36px;
    background    : #06618c;
    color         : #fff;
    height        : 46px;
    display       : flex;
    align-items   : center;
    padding       : 0 6px;
    cursor        : pointer;
    border-radius : 4px 0 0 4px;
    overflow      : hidden;
}
.crmqa_trigger > i {
}
.crmqa_trigger > span {
    padding     : 0 14px;
    white-space : nowrap;
}
.crmqa_trigger:hover, .crm_quick_access.open .crmqa_trigger {
    width : 136px;
}
.crmqa_items {
    /* display: none; */
    position           : absolute;
    bottom             : 0;
    right              : -260px;
    margin-bottom      : 22px;
    min-width          : 220px;
    /* height: 100%; */
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
    display            : flex;
    flex-direction     : column;
    justify-content    : flex-end;
    margin-bottom      : 61px;
}
.crmqa_items > span {
    position   : absolute;
    height     : 100%;
    width      : 100%;
    right      : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.32);
    filter     : blur(25px);
    display    : none;
}
.crm_quick_access.open .crmqa_item {
    -webkit-transition : margin-left 450ms 300ms, left 450ms, background-color 450ms, width 450ms;
    -moz-transition    : margin-left 450ms 300ms, left 450ms, background-color 450ms, width 450ms;
    -ms-transition     : margin-left 450ms 300ms, left 450ms, background-color 450ms, width 450ms;
    -o-transition      : margin-left 450ms 300ms, left 450ms, background-color 450ms, width 450ms;
    transition         : margin-left 450ms 300ms, left 450ms, background-color 450ms, width 450ms;

}
.crmqa_item {
    -webkit-transition : left, background-color 450ms;
    -moz-transition    : left, background-color 450ms;
    -ms-transition     : left, background-color 450ms;
    -o-transition      : left, background-color 450ms;
    transition         : left, background-color 450ms;
}
.crm_quick_access.open .crmqa_item {
    margin-left : 0;
}
.crmqa_item {
    display          : block;
    background-color : #fffffff2;
    color            : #545454;
    width            : 100%;
    margin           : 5px 2px;
    text-transform   : uppercase;
    text-decoration  : none !important;
    box-shadow       : 0px 0px 6px -3px #000;
    border-radius    : 3px;
    padding          : 6px 0px;
    display          : flex;
    align-items      : center;
    position         : relative;
    left             : 2px;
    margin-left      : 40px;
    /* transform: scaleY(0); */
}
.crmqa_item > span {
    padding : 1px 10px;
}
.crmqa_item > span i {
}
.crmqa_item small {
    flex          : 1;
    white-space   : nowrap;
    padding-right : 32px;
}
.crmqa_item:hover {
    left               : -10%;
    width              : 110%;
    color              : #2b2b2b;
    background-color   : rgb(255, 255, 255);
    /* transform: scaleY(0); */
    -webkit-transition : left 400ms 0ms;
    -moz-transition    : left 400ms 0ms;
    -ms-transition     : left 400ms 0ms;
    -o-transition      : left 400ms 0ms;
    transition         : left 400ms 0ms;
}
.crm_quick_access.open .crmqa_items {
    right : 0;
    /* padding: 60px 0 60px 60px; */
    /* background: #00000042; */
    /* box-shadow: 0px 0px 36px 0px #000; */
}
.crmqa_trigger2 {
    position           : absolute;
    z-index            : 9;
    right              : 92px;
    bottom             : 0px;
    width              : 42px;
    height             : 42px;
    background         : #fff;
    border-radius      : 100%;
    box-shadow         : 0px 0px 16px -3px #000;
    display            : flex;
    align-items        : center;
    justify-content    : center;
    color              : #06618c;
    border             : 2px solid #ffffff;
    box-sizing         : content-box;
    opacity            : .6;
    cursor             : pointer;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.crmqa_trigger2 i {
    display : block;
}
.crmqa_trigger2 span {
    display : none !important;
}
.open .crmqa_items > span {
    display : block;
}
.crmqa_trigger2:hover, .open .crmqa_trigger2 {
    opacity : 1;
    /* border-color: #06618c; */
}
.open .crmqa_trigger2 i {
    display : none;
}
.open .crmqa_trigger2 span {
    display : block !important;
}
.map_new_phoning {
    display : none;
}
ul.gcc_filter_items.fordevis.forproduct {
    position : relative;
    z-index  : 9;
}
.crm_data_list {
}
.cdl_head {
    display         : flex;
    justify-content : flex-start; /* align-items: flex-end; */
    border-bottom   : 1px solid #ececec;
    padding-bottom  : 22px;
}
.cdl_search {
    flex : 3;
}
.cdl_search_inner {
    max-width : 240px;
    position  : relative;
    border    : 1px solid #ccc;
}
.cdl_search_inner > input {
    padding       : 6px 10px;
    border        : none;
    outline       : none;
    width         : 100%;
    padding-right : 42px;
}
.cdl_search_inner > button {
    position   : absolute;
    right      : 0;
    top        : 0;
    width      : 37px;
    height     : 100%;
    background : #ccc;
    border     : none;
    color      : #fff;
}
.cdl_order {
    flex     : 1;
    position : relative;
}
.cdl_order > a {
    color           : #6f6f6f;
    padding         : 7px 9px;
    display         : block;
    text-decoration : none;
    position        : relative;
    padding-right   : 26px;
}
.cdl_order > a b {
}
.dl_order_cols {
    display    : none;
    position   : absolute;
    background : #ffffff;
    padding    : 0 0;
    list-style : none;
    z-index    : 9;
    box-shadow : 2px 4px 6px 0px rgba(53, 53, 53, 0.49);
    min-width  : 160px;
    right      : -9px;
    top        : 100%;
}
.dl_order_cols > li {
    cursor  : pointer;
    padding : 8px 8px;
}
.dl_order_cols > li:hover {
    background : #f1f1f1;
}
.cdl_order > a:hover {
    background : #f7f7f7;
}
.cdl_order > a::after {
    content    : '';
    position   : absolute;
    right      : 7px;
    top        : 50%;
    margin-top : -4px;
    height     : 16px;
    width      : 16px;
    border     : 8px solid transparent;
    border-top : 8px solid #e4e4e4;
}
.cdl_search_inner > button:hover {
    background : #b5b5b5;
}
.cdl_items {
    padding : 12px 0;
}
.cdl_item {
    display       : flex;
    margin        : 0 0 5px 0;
    /* padding-bottom: 4px; */
    border-bottom : 1px solid #e6e6e6;
    flex-basis    : 0;
}
.cdl_item:hover {
    background : #f5f5f5 !important;
}
.cdl_item:nth-child(odd) {
    background : #f9f9f9;
}
.cdl_item:nth-child(even) {
    border-bottom-color : transparent;
}
.cdl_item:last-child {
}
.cdl_item:first-child {
}
.cdl_item > div {
    flex          : 1;
    padding       : 7px 0;
    padding-right : 12px;
    /* flex-grow: 1; */
    /* flex-shrink: 0; */
}
.cdl_users {
}
.cdl_users .cdl_item {
}
.cdl_users .cdl_item > .i {
    max-width  : 54px;
    text-align : center;
    /* flex: unset !important; */
    /* width: 10%; */
}
.cdl_users .cdl_item > .i img {

    border        : 2px solid #fff;

    border-radius : 100%;

    box-shadow    : 0px 0px 6px 0px rgba(0, 0, 0, 0.42);

    max-width     : 40px;
}
.cdl_users .cdl_item > .d {
    padding-left : 12px;
    flex         : 2;
}
.cdl_users .cdl_item > .d a {
    font-size   : 16px;
    font-weight : 600;
    /* white-space: nowrap; */
}
.cdl_users .cdl_item > .d a:hover {
}
.cdl_users .cdl_item > .d span {
    display     : block;
    color       : #b9b9b9;
    font-size   : 13px;
    padding-top : 3px;
}
.cdl_users .cdl_item > .a {
    max-width : 91px;
}
.cdl_users .cdl_item > .d span i {
    font-size : 10px;
}
@media (max-width : 830px) {
    .crm_settings {
        flex-wrap : wrap;
    }
    .cset_menu {

        width  : 100%;

        margin : 0 16px;

    }
    .cset_menu ul li {
        display         : flex;
        justify-content : center;
    }
    .cset_menu ul {
        display : flex;
    }
    .cset_inner.tab-content {
        padding    : 0 17px;
        margin-top : 15px;
    }
    .cset_menu ul li a span {
        display     : block !important;
        line-height : unset !important;
        white-space : nowrap;
    }
    .cset_menu ul li a {
        display     : block !important;
        text-align  : center;
        line-height : unset;
        padding     : 11px 6px;
        flex        : 1;
    }
}
@media (max-width : 750px) {
    .cdl_item > div:not(:last-child):not(:first-child):not(:nth-child(2)) {
        display : none !important;
    }

}
ul.dl_order_cols.open {
    display : block;
}
.dl_order_cols:after {
    content       : '';
    position      : absolute;
    bottom        : 100%;
    right         : 16px;
    border        : 8px solid transparent;
    border-bottom : 8px solid #e6e6e6;
}
.dl_order_cols > li.active {
    font-weight : 600;
}
.uinfo_lastseen i {
    font-size : 10px;
}
.cve_header {
    background    : #fff;
    display       : flex;
    padding       : 10px 10px;
    margin-bottom : 32px;
}
.cve_header > div.d {
    flex         : 1;
    position     : relative;
    padding-left : 64px;
}
.cve_header > div.a {
    min-width  : 120px;
    text-align : right;
}
.cve_header > div.d span {
    position  : absolute;
    left      : 16px;
    top       : 4px;
    font-size : 22px;
}
.cve_header > div.d span i {
}
.cve_header > div.d h3 {
    font-size      : 18px;
    text-transform : uppercase;
    color          : #777;
    margin         : 0;
    padding        : 9px 0;
}
.cve_header > div.a {
}
.cve_header > div.a button {
}
.cve_header > div.a a {
}
.cve_header > div.a a:hover {
}
.cve_container {
    display   : flex;
    margin    : 0 -4px;
    flex-wrap : wrap;
}
.cve_tree {
    flex         : 1;
    background   : #fff;
    margin       : 4px 4px;
    padding      : 0 0;
    margin-right : 8px;
    min-width    : 320px;
}
.cvet_header {
    display      : flex;
    align-items  : center;
    padding      : 10px 8px;
    padding-left : 18px;
}
.cvet_header > h3 {
    margin         : 0;
    font-size      : 14px;
    text-transform : uppercase;
    color          : #06618c;
    flex           : 1;
}
.cvet_header > button {
}
.cvet_inner {
}
.cvet_inner > div {
}
.cve_users {
    flex        : 1;
    background  : #fff;
    margin      : 4px 4px;
    margin-left : 8px;
    min-width   : 338px;
}
.cveu_inner {
}
.cveu_list {
}
.cveu_item {
    display : flex;
    cursor  : grab;
}
.cveu_item > .d {
    flex        : 1;
    padding     : 4px 8px;
    border-left : 4px solid #ccc;
    margin      : 4px 2px;
}
.cveu_item > .d label {
    display     : block;
    margin      : 0;
    font-weight : 600;
    cursor      : inherit;
}
.cveu_item > .d span {
    font-size : 12px;
    padding   : 0;
    display   : inline-block;
    /* margin: 2px 4px; */
    /* background: #ececec; */
    color     : #5d5d5d;
}
.cveu_item > .d span.n {
    color : #06618c;
}
.cveu_item > .d span.i {
    color : #7d7d7d;
}
.cveu_item > .d small {
    display    : block;
    color      : #8a8a8a;
    font-style : italic;
}
.cveu_item > .a {
    padding    : 6px 8px;
    align-self : center;
}
.cveu_item > .a button {
}
.cveu_item > .a a {
}
.cveu_item > .a a:hover {
}
div#comptes_visual_editor {
    padding-top : 23px;
    user-select : none;
}
.cveu_item:hover {
    background : #f9f9f9;
}
.jstree-default > .jstree-container-ul > .jstree-node.hovered {
    transform  : scale(1.0);
    background : #f8ffdd;
}
.new_user_type {
    display : none;
}
.nuselect_type {
}
.nuselect_type > p {
    margin        : 0;
    padding       : 7px 4px;
    text-align    : center;
    margin-bottom : 22px;
}
.nuselect_type {
    text-align     : center;
    padding-bottom : 22px;
}
.new_user_form {
    padding     : 20px 12px;
    display     : none;
    background  : #fff;
    margin      : 4px 4px;
    margin-left : 8px;
    flex        : 1;
    position    : relative;
    min-width   : 338px;
}
#new_user_frm {
    display : none;
}
.new_user_form.loading {
}
.new_user_form.loading * {
}
.new_user_form.loading::after {
    content    : attr(data-loading);
    display    : block;
    text-align : center;
    color      : #8e8e8e;
    animation  : pulse 800ms infinite;
}
#new_user_frm label {
    display : block;
}
.frm_conf_submit {
    text-align    : center;
    margin-top    : 16px;
    padding-top   : 16px;
    border-top    : 1px solid #ccc;
    margin-bottom : 16px;
}
.fonc_infos {
    display     : none;
    padding     : 20px 12px;
    display     : none;
    background  : #fff;
    margin      : 4px 4px;
    margin-left : 8px;
    flex        : 1;
    position    : relative;
    /* margin-top: 33px; */
    min-width   : 338px;
}
.fonci_header {
}
.fonci_header > img {
    width         : 86px;
    height        : 86px;
    border        : 2px solid #fff;
    box-shadow    : 0px 0px 16px -4px #969696;
    border-radius : 100%;
    margin        : 0 auto;
    display       : block;
    margin-top    : -29px;
}
.fonci_header > h3 {
    margin         : 0;
    padding-top    : 22px;
    text-align     : center;
    font-size      : 16px;
    text-transform : uppercase;
    font-weight    : 600;
}
.fonci_inner {
    width       : 80%;
    max-width   : 420px;
    margin      : 0 auto;
    padding-top : 10px;
    border-top  : 1px solid #ccc;
    margin-top  : 16px;
}
.fonci_inner > h5 {
    margin : 0;
}
.fonci_inner > ul {
    margin     : 0;
    padding    : 0;
    margin-top : 20px;
}
.fonci_inner > ul li {
    list-style    : none;
    margin-bottom : 5px;
    padding       : 2px 4px;
    width         : 120px;
}
.fonci_inner > ul li img {
    width         : 32px;
    height        : 32px;
    display       : block;
    margin        : 0 auto;
    box-shadow    : 0px 0px 8px 0px #949494;
    border-radius : 100%;
    border        : 2px solid #fff;
    margin-bottom : 7px;
}
.fonci_inner > ul li span {
    display    : block;
    text-align : center;
    font-size  : 12px;
}
.fonci_header > div {
    margin-top : 22px;
    text-align : center;
}
.fonci_inner > ul.s {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
}
.fonc_infos_inside {
    /* position: relative; */
}
.fonc_infos_inside.affix {
}
.uinfos_inner {
}
.uinfos_inner > ul {
    list-style    : none;
    margin        : 0;
    padding       : 0;
    padding-left  : 22px;
    margin-bottom : 22px;
}
.uinfos_inner > ul li {
}
.uinfos_inner > ul li.t {
    text-transform : uppercase;
    color          : #616161;
    background     : #efefef;
    padding-left   : 16px;
    font-weight    : 600;
    padding        : 4px 8px;
}
.uinfos_inner > ul li.a {
    padding-left : 10px;
    border-left  : 1px solid #ccc;
    margin       : 2px 0;
}
.user_infos {
    display     : none;
    padding     : 20px 12px;
    display     : none;
    background  : #fff;
    margin      : 4px 4px;
    margin-left : 8px;
    flex        : 1;
    position    : relative; /* margin-top: 33px; */
    min-width   : 338px;
}
.user_infos_inside {
}
.uinfos_header {
    /* display: flex; */
    /* padding: 8px 2px; */
}
.uinfos_header > .i {
    display       : block;
    text-align    : center;
    box-shadow    : 0px 0px 8px 0px #ccc;
    width         : 86px;
    height        : 86px;
    margin        : 0 auto;
    border        : 2px solid #fff;
    box-sizing    : content-box;
    margin-top    : -30px;
    margin-bottom : 22px;
}
.uinfos_header > .i img {
    width  : 86px;
    height : 86px;
}
.uinfos_header > .d {
    /* flex: 1; */
    /* padding-left: 7px; */
    /* border-left: 1px solid #ccc; */
    /* margin-left: 7px; */
    text-align     : center;
    margin-bottom  : 14px;
    border-bottom  : 1px solid #ccc;
    padding-bottom : 10px;
}
.uinfos_header > .d h3 {
    margin         : 0;
    font-size      : 16px;
    text-transform : uppercase;
    font-weight    : 600;
}
.uinfos_header > .d h5 {
    margin  : 0;
    color   : #ccc;
    padding : 3px 0px;
}
.uinfos_header > .d h6 {
    margin  : 0;
    color   : #6d6d6d;
    padding : 3px 0;
}
.uinfo_actions {
    text-align     : center;
    margin-bottom  : 12px;
    padding-bottom : 14px;
    border-bottom  : 1px solid #dedede;
}
.user_infos.loading {
}
.user_infos.loading * {
    opacity : 0;
}
.loading .uinfos_header > .i:after {
    content     : 'Chargement en cours ..';
    position    : absolute;
    bottom      : 0;
    left        : 50%;
    white-space : nowrap;
    width       : 200px;
    text-align  : center;
    margin-left : -100px;
    color       : #a7a7a7;
    animation   : pulse 800ms infinite;
}
.loading .uinfos_header {
    opacity : 1;
}
.loading .user_infos_inside {
    opacity : 1;
}
.loading .uinfos_header > .i {
    opacity    : 1;
    border     : none;
    box-shadow : none;
    position   : relative;
}
.togetback {
    position        : absolute;
    top             : 4px;
    right           : 6px;
    color           : #808080;
    text-decoration : none !important;
}
.users_edit_frm {
    display     : none;
    padding     : 20px 12px;
    background  : #fff;
    margin      : 4px 4px;
    margin-left : 8px;
    flex        : 1;
    position    : relative;
    /* margin-top: 33px; */
    min-width   : 338px;
}
.users_edit_frm > h3 {
}
.users_edit_frm label {
    display : block;
}
.actions_for_today {
    display : none;
}
.actions_for_today > label {
}
.actions_for_today > div {
    display        : flex;
    /* align-items    : flex-start; */
    margin         : 4px 0;
    padding-bottom : 7px;
}
.actions_for_today > span {
    display    : block;
    text-align : center;
    padding    : 17px 15px;
}
.actions_for_today > span > i {
    display       : block !important;
    text-align    : center;
    font-size     : 32px !important;
    line-height   : 32px !important;
    margin-bottom : 10px;
}
.actions_for_today > span > b {
    font-weight : normal;
}
.actions_for_today > div > span {
    background  : #dae4e8;
    color       : #383838;
    font-weight : 600;
    padding     : 4px 6px;
}
.actions_for_today > div > div {
    margin-left    : 10px;
    border-bottom  : 1px solid #dae4e8;
    padding-bottom : 4px;
    flex           : 1;
}
.actions_for_today > div > div > span {
    display        : block;
    width          : 100%;
    overflow       : hidden;
    text-overflow  : ellipsis;
    font-size      : 12px;
    font-weight    : 600;
    color          : #788a92;
    text-transform : uppercase;
}
.actions_for_today > div > div > b {
    white-space   : nowrap;
    max-width     : 300px;
    overflow      : hidden;
    text-overflow : ellipsis;
    display       : block;
}
.actions_for_today > div > div > b i {
    font-style : normal;
    color      : #32c5d2;
}
.quick_action_map {
    min-height : 300px;
    position   : relative; /* margin: 0 -15px; */
}
#quick_action_map {
    min-height : 300px; /* margin: 0 -15px; */
}
.quick_action_map_note {
}
.quick_action_map_note > p {
}
.quick_action_map_note > .a {
}
.quick_action_map_note > .b {
    display : none;
}
#step2 {
    display : none;
}
.shouldupdate > p {
}
.shouldupdate > button {
}
.shouldupdate {
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 99;
    background : rgba(0, 0, 0, 0.65);
    cursor     : default;
    text-align : center;
    color      : #ffffff;
    display    : none;
}
.defaultpos_set {
    position     : absolute;
    bottom       : 16px;
    width        : 320px;
    z-index      : 9;
    background   : #fff0f0;
    border       : 1px solid #bb0000;
    left         : 50%;
    margin-left  : -160px;
    padding-left : 42px;
    box-shadow   : 0px 0px 16px -9px #000;
}
.defaultpos_set > i {
    position    : absolute;
    left        : 5px;
    top         : 50%;
    margin-top  : -18px;
    width       : 36px;
    text-align  : center;
    font-size   : 20px;
    color       : #c10808;
    height      : 36px;
    line-height : 36px !important;
}
.defaultpos_set > span {
    font-size : 13px;
    color     : #292929;
    padding   : 9px;
    display   : block;
}
textarea#note {
    min-height : 100px;
    max-width  : 100%;
    min-width  : 100%;
}
.portlet.calendar .fc-toolbar h2 {
    text-transform : uppercase;
}
.preview_action {
    position      : fixed;
    z-index       : 99999;
    background    : #fff;
    /* border        : 1px solid #eaeaea; */
    left          : 0;
    bottom        : 24px;
    width         : 100%;
    margin-left   : -275px;
    max-width     : 550px;
    left          : 50%;
    border-radius : 4px;
    box-shadow    : 0px 0px 18px -7px #000;
}
.preview_action * {
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.preview_action_loader {
    text-align : center;
    padding    : 20px;
}
.preview_action_loader > span {
    display   : block;
    font-size : 24px;
}
.preview_action_loader > span i {
    animation : fa-spin 600ms infinite linear !important;
}
.preview_action_loader > small {
}
.pa_inner {
    /* display : none; */
    padding-left : 112px;
    position     : relative;
    margin-top   : -12px;
    background   : #fff;
    padding-top  : 2px;
}
.pa_inner > .h {
    display        : flex;
    margin         : 12px 12px;
    border-bottom  : 1px solid #ccc;
    padding-bottom : 12px;
    align-items    : flex-end;
    margin-bottom  : 0;
    margin-left    : 8px;
}
.pa_inner > .h span {
    background  : #32c5d2;
    color       : #fff;
    font-weight : 600;
    padding     : 2px 8px;
}
.pa_inner > .h h3 {
    margin      : 0;
    padding     : 0;
    font-size   : 16px;
    font-weight : 600;
    margin-left : 8px;
    flex        : 1;
}
.pa_inner > .s {
    padding       : 4px 14px;
    margin-bottom : 16px;
    color         : #757575;
}
.pa_inner > .ss {
    position    : absolute;
    left        : 0;
    top         : -25px;
    width       : 112px;
    height      : 100%;
    /* border-right : 1px solid #fff; */
    padding     : 6px 8px;
    padding-top : 0;
}
.pa_inner > .ss > b {
    display    : block;
    text-align : center;
    padding    : 18px;
    font-size  : 32px;
    background : #deebf1;
    box-shadow : 0px -8px 15px -11px #636363;
}
.pa_inner > .ss > small {
    display        : block;
    text-align     : center;
    text-transform : uppercase;
    background     : #06618c;
    padding        : 3px 6px;
    color          : #fff;
    margin-bottom  : 6px;
}
.pa_inner > .ss > span {
    display    : block;
    font-size  : 12px;
    padding    : 2px 3px;
    text-align : center;
}
.pa_inner > .ss > span b {
    font-size      : 15px;
    vertical-align : middle;
    display        : block;
}
.pa_inner > .ss > i {
    font-size  : 12px;
    display    : block;
    text-align : center;
    font-style : normal;
}
.pa_inner > .s span {
}
.pa_inner > .d {
    padding       : 15px 20px;
    margin-bottom : 18px;
    padding-left  : 8px;
    min-height    : 74px;
}
.pa_inner > .d b {
}
.pa_inner > .d span {
}
.pa_inner > .a {
    text-align : right;
    padding    : 16px;
    border-top : 1px solid #ccc;
    position: relative;
}
.pa_inner > .a button {
}
.pa_close {
    position   : absolute;
    right      : 6px;
    top        : -6px;
    background : #ffffff;
    border     : 1px solid #ffffff;
    box-shadow : 0px 0px 6px -3px #000;
    color      : #d66565;
    z-index    : 999999;
}
.pa_close:hover {
    background : #f5e4e4;
    border     : 1px solid #f5e4e4;
    color      : #a73030;
}
.preview_action_shadow {
    position   : fixed;
    z-index    : 99998;
    left       : 0px;
    top        : 0;
    right      : 0;
    bottom     : 0px;
    background : #000000;
    opacity    : .4;
}
.crm_event {
    background : rgb(234, 234, 234);
    display    : flex;
    flex-wrap  : wrap;
    box-shadow : 0px 0px 6px -5px #565656;
}
.crm_event, .crm_event * {
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
}
.crm_event > .t {
    padding     : 4px 4px;
    background  : #565656;
    color       : #ffffff;
    font-weight : 600;
    font-size   : 13px;
}
.crm_event > .a {
    background  : #565656;
    color       : #ffffff;
    flex        : 1;
    padding     : 4px 2px;
    line-height : 16px;
}
.crm_event > .c {
    width     : 100%;
    padding   : 4px 4px;
    color     : #2b2b2b;
    font-size : 14px;
}
.crm_event.now {
    background : #98ffcb;
}
.crm_event.now > .t {
    background : #10c76b;
    color      : #ffffff;
}
.crm_event.now > .a {
    background : #10c76b;
    color      : #ffffff;
}
.crm_event.now > .c {
}
.crm_event.futur {
    background : rgba(0, 191, 227, 0.18);
}
.crm_event.futur > .t {
    background : #00bfe3;
}
.crm_event.futur > .a {
    background : #00bfe3;
}
.crm_event.futur > .c {
}
.crm_event.today {
}
.crm_event.today > .t {
}
.crm_event.today > .a {
}
.crm_event.today > .c {
}
.loading .pa_inner > .ss > b {
    color      : #f3f3f3;
    background : #f3f3f3;
    box-shadow : 0px -8px 15px -11px #ffffff;
}
.loading .pa_inner > .ss > small {
    color      : #dcdcdc;
    background : gainsboro;
}
.loading .pa_inner > .ss > span {
    background : #f3f3f3;
    color      : #f3f3f3;
}
.loading .pa_inner > .ss > i {
    opacity : 0;
}
.loading .pa_inner > .h h3 {
    background : #f3f3f3;
    color      : #f3f3f3;
}
.loading .pa_inner > .h span {
    background : #dcdcdc;
    color      : #dcdcdc;
}
.loading .pa_inner > .d span {
    background : #f3f3f3;
    color      : #f3f3f3;
}
.loading .pa_inner > .d b {
    background : #dcdcdc;
    color      : #dcdcdc;
}
.loading .pa_inner > .a button {
    background     : #f3f3f3;
    color          : #f3f3f3;
    border-color   : #f3f3f3;
    pointer-events : none;
}
.preview_action.loading {
    /* pointer-events: none; */
    cursor      : wait;
    user-select : none;
}
.pa_map {
    height     : 1px;
    position   : relative;
    z-index    : 0;
    background : #bbbbbb;
}
.pa_map > div {
    height : 100%;
    width  : 100%;
    /* opacity: .6; */
}
.pa_map * {
    -webkit-transition : none;
    -moz-transition    : none;
    -ms-transition     : none;
    -o-transition      : none;
    transition         : none;
}
.loading .pa_inner > .ss {
    top : 10px;
}
.crm_event_actions {
    position      : absolute;
    z-index       : 99;
    bottom        : 100%;
    background    : rgb(25, 144, 199);
    color         : #fff;
    margin-bottom : 12px;
    white-space   : nowrap;
    display       : flex;
    width         : 136px;
    left          : 50%;
    margin-left   : -68px;
    border-radius : 4px;
    box-shadow    : 0px 0px 6px -3px #000;
}
.crm_event_actions > span {
    padding      : 5px 8px;
    border-right : 1px solid #066d9c;
}
.crm_event_actions > span i {
}
.crm_event_actions > span:hover {
    background : #036d9e;
}
.crm_event_actions > span:hover i {
}
.crm_event_actions:after {
    content     : '';
    position    : absolute;
    top         : 100%;
    height      : 12px;
    width       : 12px;
    left        : 50%;
    margin-left : -6px;
    border      : 6px solid transparent;
    box-sizing  : border-box;
    border-top  : 6px solid #06618c;
}
.crm_event_actions:before {
    content  : '';
    position : absolute;
    left     : 0;
    top      : 100%;
    height   : 12px;
    width    : 100%;
}
.crm_event_actions > span:last-child {
    border-right : none;
}
.crm_event_actions.invrted {
    bottom     : unset;
    top        : 100%;
    margin-top : 12px;
}
.crm_event_actions.invrted:before {
    top    : unset;
    bottom : 100%;
}
.crm_event_actions.invrted:after {
    top           : -12px;
    border-top    : unset;
    border-bottom : 6px solid #1990c7;
}
.crm_event:hover {
    box-shadow : 0px 4px 10px -4px #565656;
}
.pa_inner > .d > div {
    margin-bottom : 6px;
}
.pa_inner > .d > div b {
    color : #06618c;
}
.loading .pa_inner > .d > div {
    color      : #dcdcdc;
    background : #dcdcdc;
}
.pa_postpone {
    position   : absolute;
    left       : 0;
    top        : 0;
    bottom     : 0;
    z-index    : 9999;
    background : rgb(255, 255, 255);
    /* height: 100%; */
    width      : 100%;
    display    : flex;
    /* align-items: center; */
    flex-wrap  : wrap;
    padding    : 0 32px;
    margin-top : -28px;
    display    : none;
}
.pa_realisation {
    position   : absolute;
    left       : 0;
    top        : 0;
    bottom     : 0;
    z-index    : 9999;
    background : rgb(255, 255, 255);
    /* height: 100%; */
    width      : 100%;
    display    : flex;
    /* align-items: center; */
    flex-wrap  : wrap;
    padding    : 0 32px;
    margin-top : -28px;
    display    : none;
}
.pa_realisation > .ppap_inner {
    /* display: flex; */
    /* flex-wrap: wrap; */
    text-align : center;
    width      : 100%;
}
.pa_realisation > .ppap_inner > p {
    text-align : left;
}
.pa_realisation > .ppap_inner > .form_ > .div1 {
    display    : inline-block;
    text-align : left;
}
#re_justif{
    width: 308px !important;
    /* height: 75px !important; */
}
.realise {
    width : 150px; 
}
.pa_postpone > .ppap_inner {
    /* display: flex; */
    /* flex-wrap: wrap; */
    text-align : center;
    width      : 100%;
}
.pa_postpone > .ppap_inner > p {
    text-align : left;
}
.pa_postpone > .ppap_inner > div {
    display    : inline-block;
    width      : 45%;
    text-align : left;
}
.ppap_actions {
    text-align  : center;
    width       : 100%;
    border-top  : 1px solid #ccc;
    padding-top : 22px;
}
.search_clients {
    position    : absolute;
    z-index     : 9999;
    width       : 420px;
    left        : 50%;
    margin-left : -210px;
    top         : 20px;
    /* opacity: .8; */
}
.search_clients > .srch {
    width         : 80%;
    margin        : 0 auto;
    background    : #fff;
    border        : 1px solid #a4e8fe;
    position      : relative;
    padding       : 0 10px;
    padding-right : 32px;
    border-radius : 3px;
    overflow      : hidden;
    box-shadow    : 0px 0px 16px -6px #000;
}
.search_clients > .srch > input {
    border      : none;
    padding     : 0;
    width       : 100%;
    outline     : none;
    line-height : 32px;
}
.search_clients > .srch > span {
    position        : absolute;
    right           : 0;
    top             : 0;
    height          : 32px;
    width           : 32px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : #3e8fa9;
    cursor          : pointer;
    background      : #a4e8fe;
}
.search_clients > .srch > span:hover {
    background : #ddf7ff;
}
.search_clients > .results {
    display       : none;
    background    : #fff;
    width         : 80%;
    margin        : 0 auto;
    margin-top    : 12px;
    z-index       : 99;
    border-radius : 3px;
    /* overflow: hidden; */
    /* padding: 0 3px; */
    position      : relative;
    box-shadow    : 0px 0px 16px 0 rgba(0, 0, 0, 0.31);
}
.search_clients > .results > div {
    border-bottom : 1px solid #f1f1f1;
    margin-bottom : 6px;
    cursor        : pointer;
    /* border-left: 2px solid #a4e8fe; */
    padding-left  : 6px;
    /* margin-left: 6px; */
}
.search_clients > .results > div b {
    display : block;
    color   : #06618c;
}
.search_clients > .results > div small {
    color : #b5b5b5;
}
.search_clients > .results > div:hover {
    background : #f1f7f9;
}
.search_clients:hover {
    opacity : 1;
}
.search_clients > .results:before {
    content       : '';
    position      : absolute;
    right         : 12px;
    bottom        : 100%;
    height        : 16px;
    width         : 16px;
    border        : 8px solid transparent;
    border-bottom : 8px solid #fff;
}
.search_shadow {
    display    : none;
    position   : absolute;
    left       : 0;
    top        : 0;
    z-index    : 999;
    background : #000;
    right      : 0;
    bottom     : 0;
    opacity    : .2;
}
.fancy_switch {
    position      : relative;
    width         : 92px;
    background    : #f1f1f1;
    border-radius : 3px;
    overflow      : hidden;
    border        : 1px solid #cecece;
    height        : 28px;
    cursor        : pointer;
    user-select   : none;
}
.fancy_switch, .fancy_switch *, .fancy_switch *::after, .fancy_switch *::before {
    -webkit-transition : all 450ms;
    -moz-transition    : all 450ms;
    -ms-transition     : all 450ms;
    -o-transition      : all 450ms;
    transition         : all 450ms;
}
.fancy_switch > i {
    position   : absolute;
    left       : 0;
    top        : 0;
    height     : 26px;
    width      : 24px;
    background : #cecece;
    z-index    : 9;
}
.fancy_switch > i::after {
    content     : '';
    background  : #a9a9a9;
    width       : 2px;
    height      : 60%;
    top         : 20%;
    left        : 50%;
    position    : absolute;
    margin-left : 2px;
}
.fancy_switch > i::before {
    content     : '';
    background  : #a9a9a9;
    width       : 2px;
    height      : 60%;
    top         : 20%;
    left        : 50%;
    position    : absolute;
    margin-left : -2px;
}
.fancy_switch > span {
    position    : absolute;
    top         : 0;
    line-height : 26px;
}
.fancy_switch > span:nth-child(2) {
    opacity : 0;
    left    : 50%;
}
.fancy_switch > span:last-child {
    opacity   : 1;
    right     : 4px;
    font-size : 13px;
    color     : #777;
}
.fancy_switch.checked {
    background   : #00b1eb;
    border-color : #008ab7;
}
.fancy_switch.checked > i {
    background  : #00769c;
    left        : 100%;
    margin-left : -24px;
}
.fancy_switch.checked > i::after {
    content    : '';
    background : #0e97c3;
}
.fancy_switch.checked > i::before {
    content    : '';
    background : #0e97c3;
}
.fancy_switch.checked > span {
    opacity : 1;
    left    : 6px;
    color   : #fff;
}
.fancy_switch.checked > span:first-child {
}
.fancy_switch.checked > span:last-child {
    opacity : 0;
    right   : 60%;
}
.setting_opt {
    display       : flex;
    padding       : 7px 10px;
    border-bottom : 1px solid #e2e2e2;
}
.setting_opt > label {
    /* cursor : pointer; */
    flex : 1;
}
.setting_opt > div {
}
.opt2options {
    display     : flex;
    flex-wrap   : wrap;
    align-items : center;
}
.opt2options > div {
    max-width : 200px;
}
.opt2options > label {
    flex       : 1;
    text-align : right;
    padding    : 2px 16px;
}
.opt_inp {
    display        : flex;
    flex-wrap      : wrap;
    margin-bottom  : 10px;
    padding-bottom : 10px;
    /* border-bottom: 1px solid #efefef; */
    align-items    : center;
}
.opt_inp > label {
    flex          : 1;
    cursor        : pointer;
    /* text-align: right; */
    padding-right : 8px;
}
.opt_inp > div {
    flex : 1;
}
.sets_actions_save {
    width      : 100%;
    padding    : 12px;
    background : #fff;
    margin     : 12px 0px;
    text-align : right;
    display    : none;
}
.sync_body {
    display    : flex;
    min-height : 650px;
    margin     : 12px 8px;
    margin-top : 22px;
}
.sync_left {
    background   : #fff;
    margin-right : 12px;
    box-shadow   : 0px 0px 6px -3px #6d6d6d;
    padding      : 10px;
}
.sync_inner {
    flex       : 1;
    /* background : #fff; */
}
.sl_item {
    min-width     : 220px;
    border        : 1px solid #e0e0e0;
    box-sizing    : content-box;
    border-radius : 3px;
    padding       : 8px 16px;
    margin-top    : 16px;
    position      : relative;
    padding-top   : 22px;
}
.sl_item > span {
    position   : absolute;
    cursor     : default;
    background : #fff;
    left       : 5px;
    top        : -10px;
    padding    : 3px 8px;
    color      : #888;
}
.sl_item > div {

}
.sl_lst {
}
.sl_lst > div {
    display        : flex;
    padding-bottom : 8px;
}
.sl_lst > div span {
    flex : 1;
    /* border-bottom: 1px solid #efefef; */
}
.sl_lst > div b {
}
.sync_inner  article {
    /* margin        : 10px 12px; */
    padding       : 6px 6px;
    border-bottom : 1px solid #ccc;
    position: relative;
    margin-bottom: 14px;
    background: #fff;
    padding: 14px 11px;
}
.sync_inner  article > h3 {
    margin         : 0;
    padding        : 0;
    font-size      : 16px;
    text-transform : uppercase;
    color          : #9c9c9c;
    border-left    : 2px solid #06618c;
    padding-left   : 10px;
    margin-bottom  : 11px;
    /* padding-right: 130px; */
}
.sync_inner  article > .fbutton {
    position: absolute;
    right: 10px;
    top: 8px;
    background: #fff;
}
.sync_inner  article > div {
}
.sync_tasks {min-height: 256px;margin-bottom: 0 !important;}
.sync_tasks table {

}
.sync_tasks table thead {
}
.sync_tasks table thead tr {
}
.sync_tasks table thead tr th {
    color : #868686;
}
.sync_tasks table tbody {
}
.sync_tasks table tbody tr {
}
.sync_tasks table tbody tr td {
}
.loading .sync_inner > article > h3 {
    background : #ccc;
    color      : #ccc;
}
.sync_inner > article.loading > h3 {
    color        : #ececec;
    background   : #ececec;
    border-color : #ececec;
    user-select  : none;
}
.loading.sync_tasks table thead tr th {
    background : #ececec;
    color      : #ececec;
}
.sync_tasks.loading table tbody tr td > * {
    color        : #ececec !important;
    background   : #ececec !important;
    border-color : #ececec !important;
    user-select  : none;
}
.snodata {
    text-align: center;
}
.snodata > span {
    padding: 6px;
    font-size: 28px;
    color: #ccc;
}
.snodata > p {
    margin: 0;
    color: #ccc;
}
.sync_changes {display: flex;padding: 6px 0px;flex-wrap: wrap;}
.sch_list {
    display: flex;
    margin-bottom: 12px;
    flex: 2;
    min-width: 320px;
}
.sch_list > div {text-align: center;flex: 1;margin: 5px 3px;background: #fff;border: 1px solid #e2e2e2;}
.sch_list > div > span {
    display: block;
    background: #e2e2e2;
    padding: 3px 8px;
    text-transform: uppercase;
    font-size: 12px;
}
.sch_list > div > b {
    display: block;
    padding: 5px 10px;
    font-size: 22px;
}
.sch_list > div.primary {
    border-color: #36c6d3;
}
.sch_list > div.primary > span {
    background: #36c6d3;
    color: #fff;
}
.sch_list > div.danger {
    border-color: #ed6b75;
}
.sch_list > div.danger > span {
    background: #ed6b75;
    color: #fff;
}
.sch_actions {
    text-align: center;
    flex: 1;
    min-width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 9px;
    padding-top: 14px;
}
.sch_actions > .form-group {}
.sch_date {
    text-align: center;
    margin-bottom: 12px;
    position : relative;
    margin-right: 16px;
    flex: 1;
    padding-top: 2px;
    min-width: 320px;
}
.sch_date > p {
    margin: 0 0;
    padding: 0 0;
    text-align: center;
    color: #888;
    white-space: nowrap;
}
.sch_date > p b {
    display: block;
    color: #3c3c3c;
}
.sch_date > a {
    color: #505050;
    background: #f3f3f3;
    padding: 2px 8px;
    display: inline-block;
    margin-top: 6px;
}
.chdate {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.chdate > div {
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.chdate > button {}

.loading .sch_date > p {
    color: #ececec;
    background: #ececec;
}

.loading .sch_date > p b {
    color: #d4d4d4;
    background: #d4d4d4;
}

.loading .sch_date > a {
    color: #ececec;
    background: #ececec;
}

.loading .sch_list > div {
    border-color: #ececec !important;
}

.loading .sch_list > div b {
    opacity: 0;
}

.loading .sch_list > div span {
    background: #ececec;
    color: #ececec;
}
.sch_actions p {
    display: none;
}

.loading .sl_item > span {
    color: #f3f3f3;
    background: #f3f3f3;
}

.loading .sl_item > div {
    opacity: 0;
}

.last_check, .last_sync {
    margin-bottom: 9px;
    display: block;
}

.last_check small, .last_sync small {
    /* display: block; */
    text-align: center;
    color: #8e8e8e;
    border-top: 1px solid #ccc;
    padding: 2px 9px;
}

.lhv_date {
    /* background: #fff; */
}

.lhvs_head.loading > .i img {
}
#quick_ticket {
    min-height : 60vh;
}
.qticket_steps {
    display: flex;
    align-items: center;
    margin: 14px 0px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.qticket_steps *, .qticket_steps *:before {
    -webkit-transition : all 450ms;
    -moz-transition    : all 450ms;
    -ms-transition     : all 450ms;
    -o-transition      : all 450ms;
    transition         : all 450ms;
}
.qticket_stp {
    flex: 1;
    text-align: center;
    padding: 12px 12px;
    position: relative;
    cursor: default;
}
.qticket_stp.active {}
.qticket_stp:first-child:before{
    width: 50%;
    left: 50%;
}
.qticket_stp:last-child:before{
    width: 50%;
}
.qticket_stp.active:after {}
.qticket_stp.active:before {
    /* background: #1285b9; */
}
.qticket_stp:after {
    content : '';
}
.qticket_stp:before {
    content : '';
    position: absolute;
    left: 0;
    top: 36%;
    height: 4px;
    width: 100%;
    background: #e9eef1;
}
.qticket_stp span {
    display: flex;
    font-size: 16px;
    color: #bfd0da;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #e9eef1;
    position: relative;
    background: #fff;
}
.qticket_stp small {
    font-size: 10px;
    text-transform: uppercase;
    color: #d0d9de;
}
.qticket_stp span i {
    transition: none !important;
}

.qticket_stp.active span {
    color: #ffffff;
    border-color: #bfd0da;
    background: #bfd0da;
}

.qticket_stp.active small {
    color: #788890;
}
.sav_ticket_tasks {}
.sav_ticket_tasks > label {}
.stt_list {

	display: flex;
    column-gap: 11px;
    flex-wrap: wrap; 
	
}



.stt_list > div {
    position: relative;
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}
.stt_list > div textarea{
    max-width: 100%;
    min-width: 100%;
}
.stt_list > div button {
    position: absolute;
    top: 0;
    right: 12px;
    background: #c2cad8;
    border: none;
    color: #fff;
    font-size: 16px;
}
.remove_int,
.pj_int {
    background: #c2cad8;
    border: none;
    color: #fff;
    font-size: 16px;
}

.pj_int:hover {
	background: #1f7198;
}
.stt_list > div button:hover{
    background: #ca9090;
}
.remove_int:hover{
    background: #ca9090;
}
.stt_actions {
    text-align: right;
}
.stt_actions > button {}
.ticket_users_list {padding: 7px 6px;}
.qticket_user_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #eaeaea;
    padding: 8px 8px;
    margin-top: 12px;
    border-radius: 4px;
    margin: 8px 6px;
    margin-bottom: 20px;
}
.qticket_user_item > span {
    display: block;
    width: 52px;
    height: 52px;
    background-position: center;
    background-size: cover;
    border-radius: 100%;
    border: 2px solid #fff;
    box-sizing: content-box;
    box-shadow: 0px 0px 6px -3px #000;
    margin-top: -26px;
    margin-bottom: 6px;
    background-color: #fff;
}
.qticket_user_item > small {
    color: #afafaf;
}
.qticket_user_item > label {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
.qticket_user_item > a {
    position: absolute;
    right: 6px;
    top: 0;
    font-size: 18px;
    color: rgb(228, 126, 126);
    opacity: .5;
}
.qticket_user_item > a:hover {}
.ticket_users_list > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    flex-wrap: wrap;
}
.ticket_users_list > p {
    text-align: center;
    font-size: 12px;
    color: #ccc;
    margin: 0 0;
    padding: 8px 6px;
}
.ticket_users_list > .ndata {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 14px;
    display: none;
    text-align: center;
}
.ticket_users_list > .ndata span {
    font-size: 32px;
    color: #ccc;
}
.ticket_users_list > .ndata p {
    color: #989898;
    font-size: 13px;
}
.qticket_userss {display: flex;flex-direction: column-reverse;}

.ticket_users_add {
    border-bottom: 1px solid #eaeaea;
    text-align: left;
}
.ticket_users_add >div{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.ticket_users_add > div > select{
    
}
.ticket_users_add_expo{
    text-align: center;
}
.qticket_note {
    font-size: 13px;
    color: #ccc;
    margin: 0;
    padding-bottom: 12px;
}
#pieceform {
    /* display: block; */
}
.sync_tabs {
}
.stabs_head {padding-bottom: 22px;display: flex;align-items: center;justify-content: center;}
.stabs_tabs {
    display: flex;
    background: #e5e5e5;
    border: 1px solid #06618c;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 6px #dce7ec;
}
.stabs_tabs > a {
    padding: 7px 12px;
    color: #06618c;
    text-decoration: none !important;
    flex: 1;
    text-align: center;
    white-space: nowrap;
}
.stabs_tabs > a span {}
.stabs_tabs > a i {
    margin-right: 6px;
}
.stabs_tabs > a:hover {}
.stabs_tabs > a.active {
    background: #06618c;
	color: #fff;
}
.stabs_body {}
.stabs_body > article {
    display: none;
}
.stabs_body > article.active {
    display: block;
}
[data-ord] {
    cursor: pointer;
}

.pa_inner > .a > button.rpt {
    position: relative;
    left: -130px;
    /* top: 0; */
}

.pa_rpt {
    display: none;
    position: absolute;
    left: 0;
    /* top: 0; */
    bottom: 0;
    z-index: 9999;
    background: rgb(255, 255, 255);
    /* height: 100%; */
    width: 100%;
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    padding: 0 32px;
    margin-top: -28px;
    display: none;
    min-height: 245px;
    overflow: hidden;
    overflow-y: auto;
}
.pa_rpt > div {
    display: flex;
    flex-wrap: wrap;
}
.pa_rpt > p {
    width: 100%;
    margin: 8px 0;
    border-bottom: 1px solid #ccc;
}

.pa_rpt > div > div {
    margin: 0 4px;
    min-width: 46%;
}

/* ADD STYLES MAP POSTIONS */
.pa_map_client {
    height     : 1px;
    position   : relative;
    z-index    : 0;
    background : #bbbbbb;
}
.pa_map_client > div {
    height : 100%;
    width  : 100%;
    /* opacity: .6; */
}
.pa_map_client * {
    -webkit-transition : none;
    -moz-transition    : none;
    -ms-transition     : none;
    -o-transition      : none;
    transition         : none;
}

.crms_position_disabled{
 border: 1px solid #999999!important;
  background-color: #cccccc!important;
  color: #666666!important;
  cursor: auto;
}


.preview_client {
    position      : fixed;
    z-index       : 99999;
    background    : #fff;
    /* border        : 1px solid #eaeaea; */
    left          : 0;
    bottom        : 200px!important;
    width         : 100%;
    margin-left   : -275px;
    max-width     : 550px;
    left          : 50%;
    border-radius : 4px;
    box-shadow    : 0px 0px 18px -7px #000;
}
.preview_client * {
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.preview_client_loader {
    text-align : center;
    padding    : 20px;
}
.preview_client_loader > span {
    display   : block;
    font-size : 24px;
}
.preview_client_loader > span i {
    animation : fa-spin 600ms infinite linear !important;
}
.preview_client_loader > small {
}

#external-events>.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad!important;
    margin: 10px;
    padding-top: 1px;
    color: #fff!important;
    cursor: move!important;
    padding: 3px;
}
#external-events>.fc-event, .fc-event-dot {
    background-color: #3a87ad!important;
}
#whole-calendar-pl > div:nth-child(2)>div>table>thead>tr>td>div>table>thead>tr>th{
    background-color: #fff;
    padding: 4px 7px;
    border: 1px solid #ffffff;
}
#whole-calendar-pl > div:nth-child(2)>div>table>tbody>tr>td>div>div>div>div>table>tbody>tr>td{
    border-color: #f5eded;
}
#whole-calendar-pl > div:nth-child(1)>div:nth-child(2)>div>button{
   
    color: #0326ac;
    padding-bottom: 0px;
    background-color: #f0efef;
    font-weight: bold;

}
#whole-calendar-pl > div:nth-child(1)>div:nth-child(2)>div>.fc-state-active{
    border-bottom: 2px solid #0326ac;
    background: #0326ac99;color: #fff;

}
.checkbok-planning{
    display: flex;
}
.checkbok-planning > div{
    margin-right: 1rem;
}


#objects_view {
}
.objt_all {
	display   : flex;
	flex-wrap : wrap; /* max-width: 840px; */
	flex      : 3;
}
.objt_user {
	padding    : 16px;
	margin     : 6px 10px;
	background : #fff;
	text-align : center;
	box-shadow : 0px 0px 6px -3px #000;
	min-width  : 280px;
	position   : relative;
	flex       : 1;
}
.objt_user > div {
	display    : none;
	position   : absolute;
	left       : 0;
	top        : 0;
	width      : 100%;
	height     : 100%;
	z-index    : 9;
	background : #fff;
	padding    : 18px 12px;
}
.objt_user > img {
	height        : 58px;
	border-radius : 100%;
	border        : 2px solid #fff;
	box-shadow    : 0px 0px 8px -3px #000;
}
.objt_user > h3 {
	margin    : 0;
	font-size : 18px;
	padding   : 7px 0 8px 0;
}
.objt_user > h5 {
	margin : 0;
	color  : #a0a0a0;
}
.objt_user > a {
	padding         : 4px 11px;
	display         : inline-block;
	color           : #ffffff;
	background      : #00aae8;
	margin-top      : 22px;
	text-decoration : none;
}
.objt_user > a:hover {
	background : #0086b7;
}
.objt_dates {
	flex           : 2;
	margin         : 6px 10px;
	background     : #fff;
	box-shadow     : 0px 0px 6px -3px #000;
	display        : flex;
	flex-direction : column;
	align-items    : center;
	/* flex-grow: 1; */
}
.objt_dates_nav {
	display         : flex;
	justify-content : center;
	padding         : 8px 16px;
	line-height     : 27px;
	border-bottom   : 1px solid #e0e0e0;
	max-width       : 500px;
}
.objt_dates_nav > a i {
	line-height : inherit !important;
}
.objt_dates_nav > a {
	line-height     : inherit !important;
	padding         : 3px 20px;
	color           : #8e8a8a;
	text-decoration : none;
}
.objt_dates_nav > a:hover {
	background : #ececec;
	color      : #000;
}
.objt_dates_nav > input {
	padding      : 0 0;
	text-align   : center;
	font-size    : 16px;
	font-weight  : 600;
	width        : 120px;
	margin       : 0 17px;
	border       : none;
	border-left  : 1px solid #e2e2e2;
	border-right : 1px solid #e2e2e2;
}
.objt_months {
	display    : flex;
	flex-wrap  : wrap;
	flex       : 1;
	padding    : 13px 8px;
	max-width  : 500px;
	max-height : 142px;
}
.objt_months > span {
	width           : calc(25% - 4px);
	max-height      : 30px;
	display         : flex;
	align-items     : center;
	justify-content : center;
	cursor          : pointer;
	position        : relative;
	margin          : 2px 2px;
}
.objt_months > span small {
	display         : flex;
	width           : 97%;
	height          : 96%;
	text-align      : center;
	align-items     : center;
	justify-content : center;
	border-radius   : 3px;
	min-height      : 32px;
}
.objt_months > span.filled {
}
.objt_months > span.selected {
}
.objt_months > span.selected:after {
	/* opacity: 1; */
	background : #fff;
}
.objt_months > span.selected small {
	background  : #009fe3 !important;
	color       : #fff;
	font-weight : 600;
}
.objt_months > span.filled small {
	background : #eff9fd;
}
.objt_months > span:after {
	content       : '';
	background    : #009fe3;
	height        : 8px;
	width         : 8px;
	border-radius : 100%;
	position      : absolute;
	right         : 11px;
	top           : 7px;
	opacity       : 0;
}
.objt_months > span.filled:after {
	opacity : 1;
}
.objt_months > span:hover {
}
.objt_details {
	width           : 100%;
	margin          : 6px 10px;
	background      : #fff;
	box-shadow      : 0px 0px 6px -3px #000;
	padding         : 12px 16px;
	display         : flex;
	flex-wrap       : wrap;
	justify-content : center;
	/* flex: 1 1; */
}
.objt_details > h3 {
	width          : 100%;
	margin         : 0 0;
	padding        : 0 0;
	font-size      : 16px;
	color          : #868686;
	border-bottom  : 1px solid #ccc;
	padding-bottom : 8px;
	margin-bottom  : 18px;
}
.objt_details > h3 b {
}
.objt_detail {
	flex       : 1;
	text-align : center;
	max-width  : 300px;
	margin     : 8px 8px;
	padding    : 8px 6px;
}
.loading .objt_detail > span {
}
.objt_detail > span {
	display     : block;
	font-size   : 12px;
	color       : #797979;
	text-align  : left;
	width       : 99%;
	margin      : 0 auto;
	padding-top : 7px;
}
.objt_detail > h3 {
	margin      : 0;
	font-size   : 14px;
	font-weight : 600;
	color       : #3e3e3e;
}
.objt_detail > input {
	margin-top    : 12px;
	border        : 1px solid #c7c7c7;
	border-radius : 3px;
	padding       : 7px 8px;
	font-weight   : 600;
	text-align    : center;
	font-size     : 16px;
	width         : 99%;
	min-width     : 170px;
}

.objt_dates_nav > a b {
	line-height : 32px;
}

.objt_months > span:hover small {
	background : #ececec;
}

.objt_users {
	max-height : 220px;
	overflow   : hidden;
	margin     : 6px 10px;
	background : #fff;
	box-shadow : 0px 0px 6px -3px #000;
	/* margin-left: -9px; */
}
.objt_users > h3 {
}
.objt_users > div {
	border-bottom : 1px solid #e2e2e2;
	padding       : 4px 0;
}
.objt_users > div b {
	display       : block;
	font-size     : 13px;
	max-width     : 200px;
	overflow      : hidden;
	text-overflow : ellipsis;
	margin-bottom : -4px;
	color         : #4e4e4e;
}
.objt_users > div small {
	display : block;
	/* margin-bottom: 7px; */
	color   : #adadad;
}
.objt_users > div:hover {
}

.loading .objt_dates {
	cursor : wait;
}

.loading .objt_dates * {
	opacity        : .6;
	pointer-events : none;
}

.loading .objt_user * {
	opacity        : .6;
	pointer-events : none;
}

.loading .objt_details input {
	background : #f7f7f7;
	color      : #f7f7f7;
	cursor     : wait;
}

.objt_details.passed input {
	border-color : #fff;
	cursor       : default;
	outline      : none;
}

.objt_details.passed input {
	border-color : #f1f1f1;
	background   : #f1f1f1;
	cursor       : default;
	outline      : none;
}

.loading .objt_user > h3 {
	color       : #fff;
	position    : relative;
	user-select : none;
}
.loading .objt_user > h3::after {
	content        : 'Chargement ..';
	position       : absolute;
	color          : #ccc;
	font-weight    : normal;
	font-size      : 14px;
	text-transform : uppercase;
	left           : 0;
	top            : 15px;
	width          : 100%;
	text-align     : center;
}

.loading .objt_user > h5 {
	color       : #fff;
	user-select : none;
}
.objt_vfooter {
	display     : none;
	width       : 100%;
	margin-top  : 12px;
	padding-top : 12px;
	border-top  : 1px solid #ccc;
	text-align  : center;
}
.objt_vfooter > p {
	margin         : 0;
	padding        : 0 0;
	padding-bottom : 9px;
	text-align     : center;
	color          : #6d6d6d;
}
.objt_vfooter > button {
}

.ochanged {
	border-bottom : 2px solid #00bfe3 !important;
}
#objectifs_view {
	display : flex;
}
.objt_stats {
	background : #fff;
	margin     : 6px 10px;
	box-shadow : 0px 0px 6px -3px #000;
	padding    : 13px 10px;
	position   : relative;
	flex       : 1;
}
.objt_stats > h3 {
	margin         : 0;
	font-size      : 16px;
	color          : #ccc;
	/* border-bottom: 1px solid #ccc; */
	/* padding-bottom: 6px; */
	/* margin-bottom: 12px; */
	text-align     : center;
	text-transform : uppercase;
}

.obj_stat {
	/* border-bottom: 1px solid #cfecf9; */
	position : relative;
}
.obj_stat > span {
	display        : block;
	text-align     : center;
	color          : #717171;
	/* font-weight: 600; */
	text-transform : uppercase;
	border-top     : 1px solid #f3f3f3;
	padding-bottom : 6px;
	padding-top    : 6px;
	margin-top     : 20px;
}
.obj_stat > b {
	display    : block;
	text-align : center;
	font-size  : 24px;
	color      : #0083bb;
}
.obj_stat > b i {
	font-size   : 12px;
	color       : #9c9c9c;
	font-style  : normal;
	font-weight : normal;
}
.obj_stat > small {
	display        : block;
	text-align     : center;
	margin-top     : -8px;
	text-transform : uppercase;
	font-size      : 10px;
	color          : #8c8c8c;
}
.obj_stat > ul {
	margin     : 0;
	padding    : 0;
	list-style : none;
	/* text-align: center; */
	margin-top : 9px;
	max-width  : 200px;
	margin     : 0 auto;
	display    : none;
}
.obj_stat > ul li {
}
.obj_stat > ul li b {
	display : inline-block;
}
.obj_stat > ul li b sup {
	font-weight    : normal;
	/* font-style: normal; */
	color          : #888686;
	text-transform : uppercase;
	vertical-align : sub;
}
.obj_stat > ul li small {
	display       : inline-block;
	margin-top    : -4px;
	margin-bottom : 9px;
	color         : #464646;
	padding-left  : 3px;
}

.loading .obj_stat b, .loading .obj_stat small, .loading .obj_stat span, .loading .obj_stat sup, .loading .obj_stat i {
	color    : #fff;
	position : relative;
}

.loading .obj_stat b::after, .loading .obj_stat small::after, .loading .obj_stat span::after, .loading .obj_stat sup::after, .loading .obj_stat i::after {
	content    : '';
	width      : 60%;
	height     : 11px;
	background : #ececec;
	position   : absolute;
	left       : 20%;
	bottom     : 0;
}

.loading .obj_stat > ul {
	opacity : 0;
}

.loading.objt_stats {
	cursor : wait;
	/* pointer-events: none; */
}
.addtocart_popover {
    position: absolute;
    z-index: 1000;
    background: #fff;
    width: 82%!important;
    left: 9%;
    top: calc(220px - 143px);
    padding: 8px 0px;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    box-shadow: 0px 0px 16px 0px #000;
    height: 47%!important;
}
.addtocart_popover > label {
    margin: 0;
    padding: 0 7px;
    font-size: 13px;
    color: #929292;
    display: block;
    text-align: center;
    padding-top: 8px;
}
.addtocart_popover > .in {
    display: flex;
    position: relative;
    width: 80%;
    background: #ebf9ff;
    border: 1px solid #009fe3;
    margin: 7px auto;
    margin-bottom: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.addtocart_popover > .ac {
    text-align: center;
    margin-bottom: 0px;
}
.addtocart_popover > .in span {
    width: 30%;
    text-align: center;
    padding: 6px 4px;
    cursor: pointer;
    color: #006f9e;
}
.addtocart_popover > .in input {
    flex: 1;
    max-width: 60%;
    text-align: center;
    background: none;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: 600;
    border-left: 1px solid #d9ecf5;
    border-right: 1px solid #d9ecf5;
}
.addtocart_popover > .in span {
    width: 30%;
    text-align: center;
    padding: 6px 4px;
    cursor: pointer;
    color: #006f9e;
}
.addtocart_popover > .ac a {
    padding: 0px 4px;
    margin-top: 14px;
    display: inline-block;
    color: #676767;
    font-size: 12px;
    /* text-transform: uppercase; */
    border-bottom: 1px dotted #737373;
    text-decoration: none !important;
}
.addtocart_popover > .in span {
    width: 30%;
    text-align: center;
    padding: 6px 4px;
    cursor: pointer;
    color: #006f9e;
}
.addtocart_hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    background-color: #000!important;
    opacity: .3;
    z-index: 999;
}
.addtocart_popover > .ac button {
    display: block;
    margin: 0 auto;
}
@media (max-width : 1212px) {
	.objt_stats {
		display : none;
	}
}
@media (min-width : 1212px) {
	.objt_stats {

	}

	.objt_all {
		min-width : 804px;
		/* max-width : 900px; */
	}
}

.objt_detail > span.empty {
	opacity        : 0 !important;
	pointer-events : none;
}

.filter-dsh{
    border-radius: 5px;
    
}
.filter-dsh>div:nth-child(1){
    background: #182a95;
    width: 100%;
    height: 45px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin-bottom: 2rem;
    padding: 1rem;
    display: flex;
    align-items: center;
}
.filter-dsh{
    box-shadow: 3px 24px 15px -7px rgb(103 183 220 / 8%);
    border-radius: 5px;
}
.filter-dsh>div:nth-child(2){
    padding: 1.7rem;
    /* margin-left: 2rem!important; */
    margin: 1.5rem 0rem;
}
.filter-dsh>div:nth-child(2)>div{
    display: flex;
    align-items: center;
}
.filter-dsh>div:nth-child(2)>div>div{
    margin-bottom: 0px;
    /* margin-left: 1rem!important; */
    width: 100%!important;
    align-items: center;
    display: flex;
}
.filter-dsh>div:nth-child(2)>div>i{
    color: #182a95;
    font-size: 20px;
    margin-right: 5px;
}
.filter-dsh>div:nth-child(2)>div>div>i{
    color: #182a95;
    font-size: 20px;
    margin-right: 15px;
}
.filter-dsh>div:nth-child(2)>div>div>button{
    border-radius: 5px!important;
    border: 1px solid #e2e2e2;
}
.filter-dsh>div:nth-child(2)>div>div>div>button{
    border-radius: 5px!important;
    border: 1px solid #e2e2e2;
    width: 100%;
}
.hidelogochart{
    background: #f5f5f5;
    width: 100px;
    height: 21px;
    position: absolute;
    bottom: 0;
    z-index: 9;
    border-bottom-left-radius: 50px;
}