/* theme dev1 main rajae 05/10/2021 */
#single-wrapper{
    min-height: 100vh;
}
.stacked-item.btn-show-pass {
  font-size: 15px;
  color: #999999;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  right: 12px;
  padding: 0 5px;
  cursor: pointer;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
}

.btn-show-pass:hover {
  color: #2862ed;
}

.btn-show-pass.active {
  color: #2862ed;
}
ul.nav-user li.dropdown a.dropdown-toggle {
 
color: #FFF;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 320px;
font-size: 14px;
margin-top: -5px !important;}

.btn-instagram{
    background: #125688;
    color: white; 
}
.btn-linkedin{
    background: #007bb5;
    color: white; 
}

.fa-home{
    color:#1d84df;
}
.grid-item-isotope {
   
}
.breadcrumb-title {
    background-color: white;   
    padding-left: 2px;
    width: 100%;
    text-align: left;
 
}
.setting-legend {
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
}
.RowBlock {
    font-size:11px;
    display: inline !important;
    /*width: 48% !important;*/
    width: calc(50% - 4px) !important;
    padding: 4px;
}
#dropdown1{
    margin-top: -15px;
}
#desc{
    display: flex;
    justify-content: center;
    align-items: center; 
    
}
#asc{
    display: flex;
    justify-content: center;
    align-items: center; 
     height:3px
}
.sortable-field{
    float: right;
    padding-top:8px
}
.client-flag{
    vertical-align:revert;
}
.list-header{
    color: #797f92;
}
 #custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}

.pager{
    margin:0px !important;
}
.pagination{
    margin:0px !important;
}

legend{
   
    padding-left: 20px !important;
    padding-left:  20px !important;
    border:none !important;
}
fieldset{
    border-radius: .25rem; 
}

.dp-addFile {
    height: 200px;
    box-sizing: border-box !important;
    padding-top: 71px;
    border: 2px dashed gray !important;
    border-radius: 5px;
    text-align: center;
}

.drop-icon{
    font-size: 100px;
    color: gray;
}

.flag-picture{
  vertical-align:baseline;
}
.form-control {
    display:inline-grid /*!important*/;
}
/* #cke_content {
     margin-top: -120px;
}*/
/*.modal-header{
    padding:0px !important;
}*/
.dz-preview.dz-file-preview.dz-processing.dz-complete{
    /*display:none;*/
}
 
.nav-pills > li {
    width:100% !important;
}
.nav-stacked > li {
    
    background-color: #dee6eb;
}
/*.cke_chrome {
   
    margin-top: -100px !important;
}*/
.tab-content {
    padding: 0px !important;
  
}
.group-select.Selected{
    background-color:#1d84df !important;
    color:white !important;
}

.Selected{
    background-color:#1d84df !important;
    color:white !important;
}

.table-responsive{
    overflow:initial !important; 
}

.alert{
    padding: 5px 7px !important;
    margin: 7px auto 10px;
}
/*.modal-dialog{
    margin: 130px auto !important;
}*/
.languages{
    list-style:none;
   
}

.languages a{
   color:white !important;
   
}
.custom-select {
    height: auto !important;
    padding: .6rem .8rem !important;   
    transition: none !important;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("https://www.sigtarp.gov/SiteAssets/template/img/angle-arrow-down.svg?Mobile=1&Source=%2F%5Flayouts%2Fmobile%2Fview%2Easpx%3FList%3Dd690280d%252D7c63%252D4a84%252Dbd5b%252D3b3565b098dd%26View%3D093e883f%252Ddd43%252D4422%252Dbcc9%252D2e5736717f25%26RootFolder%3D%252FSiteAssets%252Ftemplate%252Fimg%26CurrentPage%3D1") no-repeat right .75rem center ! important;
    background-size: auto;
    background-size: auto;
    background-size: 8px 10px !important;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none}
 
.chosen-single{
    height: 35px !important;
    padding-top: 4px !important;
}

/******            Rajae - 02/04/2021              ******/
body{
    overflow-x: hidden;
    font-family: poppins;
    font-size: 14px;
}

.w-35{
    width: 35% !important;
}

.w-40{
    width: 40% !important;
}

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.lead-custom {
    font-size: 1rem;
    font-weight: 400;
}

.main-content{
    min-height: calc(100vh - 30px);
    margin-right: 0;
}

#page-wrapper{
    margin-right: 10px;
}
 
#asc.order_active, #desc.order_active{
    opacity: 0.4;
    cursor: auto;
}

.no-arrow:after, .no-arrow:before{
    display: none !important;
}

.btn-spinner{
    position: relative;
    padding: 5px 22px 5px 10px !important;
}

a.btn-primary.btn-spinner, a.btn-primary.btn-bordered.btn-spinner:hover{
    color: white !important;
}

.btn-primary.btn-bordered.btn-spinner{
    color: #1d84df !important;
}

.btn.btn-outline-primary {
    color: #188ae2;
    background: #fff !important;
    border: 1px solid #188ae2!important;
}

/****             Menu                ****/
.sub-menu{
    font-family: inherit;
    font-size: 13px;
    top: -5px;
    padding: 0px 12px 10px !important;
}  

.sub-menu .menu-icon {
    top: -10px !important;
    font-weight: normal !important;
}

.navigation .menu>li>a {
    padding-bottom: 5px;
}

.navigation .menu .sub-menu a {
    padding-bottom: 5px;
    padding-left: 45px;
    padding-right: 11px;
}

.navigation .menu .menu-icon{
    line-height: 49px;
}

.navigation .menu .sub-menu .menu-icon{
    line-height: 56px;
}

.fixed-navbar button:focus {
    outline: none;
}

.menu-active .fixed-navbar {
    padding: 0;
}

@media (min-width: 800px){
    
    .menu-active .navigation .menu>li>a {
       height: 42px;
    }
    .navigation .menu .menu-icon {
        /*line-height: 42px;*/
    }
    
    .menu-active .navigation .menu .menu-icon.mdi {
        font-size: 24px;
    }
    
    .menu-active .navigation .menu .menu-icon {
        font-size: 20px;
        width: 75px;
    }
    
}
   

/*.inputInline:disabled, .inputInline.disabled {
    background: transparent;
    text-align: center;
    border: none;
}*/

/****           search Bar             ****/

.fixed-navbar .searchform .input-search{
    border-radius: 2px !important;
    width: 375px;
    height: 40px;
    padding-right: 50px;
}

.fixed-navbar .searchform{
    top: 20px;
}

.fixed-navbar .searchform.active{
    width: 375px;
}

.fixed-navbar .ico-item .ico-item.mdi:before {
    top: 3px;
    right: 5px;
}

.fixed-navbar .searchform .button-search{
    top: 41%;
    right: 2px;
}
.fixed-navbar .searchform .spinner-search {
    top: 13px;
    color: #1d84df;
    font-size: 14px;
    right: 33px !important;
}

/****       Resizable TextArea         ****/
textarea.animated{
    padding: .375rem .75rem !important;
    min-height: 93px !important; 
    resize: vertical !important;
    overflow: auto !important;
}

/****              Form                ****/
/*#IconCtn*/ .custom-FileInput {
    border-radius: 2px;
    border: 1px solid #ccc;
}

/****           float form             ****/
.float__label__error {
    position: absolute;
    left: 5px;
    bottom: -22px;
    background-color: #fff;
    font-size: 10px;
    color: red;
    height: 30px;
    /*white-space: nowrap;*/
}

.float__label__error__modifie {
    left: 25px;
    bottom: -6px;
    height: 15px;
    /*white-space: nowrap;*/
}
.form__float{
    margin: 5px 0;
}
.form__float__modifie .form__field {
    height: 30px;
    border-color: #ccc;
    background-color: #fff;
}

/*.form__float__modifie {
    width: 98% !important;
}*/
.form__float__modifie i {
    top: 8px;
}

#pricelistControl .form__float__modifie i {
    left: 14px;
}

.form__float__modifie .form__field {
    height: 30px;
    border-color: #ccc;
    background-color: #fff;
}

.form__float__modifie .form__label {
    white-space: nowrap;
    top: -7px;
}

/*.form__label{
    white-space: nowrap;
}*/
.form__label.no-icon{
    left:2.5px !important;
}

.float__label__error__modifie {
    left: 25px;
    bottom: -7px;
    height: 15px;
}

.float__label__error__modifie p {
    margin: 0px;
}

.form__field:placeholder-shown ~ .form__label {
    top: 5px !important;
    white-space: nowrap;
}

.form__field.form-control-sm{
    font-size: 14px;
}

.form__field:disabled ~ .form__label, .form__field.disabled .form__label, .form__field:disabled, .form__field.disabled {
     background:#e9ecef;
}
.form__field:focus ~ .form__label, .form__label{
    top: -7px !important;
}

.form__float__sm i {
    top: 8px !important;
}

#pricelistControl .form__float__sm i {
    left: 14px !important;
}

select.form-control option{
    font-family: sans-serif;
    font-size: 14px;
}
            /* FORM ERROR TOP */
.form__error__top .Input:not(textarea){
    padding: .375rem .5rem !important;
    height: 37.99px !important;
}

.form__error__top .float__label__error__modifie{
    top: -7px;
    left: 7px;
    font-size: 10.5px;
}
            /* FORM PLACEHOLDER */
.form__float__placeholder .form__field::placeholder {
    color: #9b9b9b ;
}

.form__float__placeholder .form__field:focus::placeholder {
    color: #0000 ;
}
.form__float__placeholder .form__field:placeholder-shown ~ .form__label {
    opacity:0 ;
}
.form__float__placeholder .form__field:focus ~ .form__label {
    opacity:1 ;
}

.form__float span.requiredFeild{
    top: revert !important;
    right: revert !important;
    color: inherit;
}

.border-red {
    border-color: #dc3545 !important;
}

.form__field.border-danger:focus{
    border-color: #dc3545 !important;
}

.form__field.border-danger ~ .form__label{
    color: #dc3545 !important;
}

.float-label {
    position: absolute;
    top: -7px;
    left: 2.5px;
    display: block;
    transition: 0.5s;
    font-size: 10px;
    color: #9b9b9b;
    padding: 0 5px;
    background-color: #fff;
}

.form__icon {
  left: calc(100% - 45px) !important;
}

              /* ICON ON INPUT */
.control-icon input {
    position: relative;
}

.control-icon i {
    position: absolute;
    left: 97.5%;
    cursor: pointer;
    color: #1d84df;
}
              /* BUTTON INPUT */
.btn-float-label {
  position: absolute;
  background: #fff;
  line-height: 22px;
  padding: 0 3px;
  transition: .4s ease;
  width: 45px;
  font-size: 12px;
  top: 4px !important;
  left: 5px !important;
}
.btn-float-label.float {
  width: 37px;
  font-size: 10px;
  top: -11px !important;
  left: 7px !important;
}
/****              Modal               ****/
.modal {
    padding: 0 19px;
}

.modal-content {
    border-radius: 0.3rem !important;
/*    top: 10vh !important;*/
}

ConfirmModal-Yes-btn, ConfirmModal-No-btn{
    min-width: 60px;
}

.modal .Index.count {
  min-width: 10px;
  text-align: right;
}

/****          Login Form Shadows          ****/
.frm-single:after, .frm-single:before{
    display:none !important;
}

.btn-show-pass {
    position: absolute;
    right: 15px;
    top: 10px;
}
 
/****               Tables                ****/
.table thead th {
    vertical-align: middle !important;
    position: relative;
    white-space: nowrap;
}

.table tbody td {
    vertical-align: middle !important;
}

.table{
    overflow-y: hidden;
}

.table-responsive{
    min-height: 0vh;
    height: inherit;
}

.sortable-field{
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translate(0,-50%);
}

.table .btn.btn-bordered, .btn.btn-bordered.btn-form-control,.btn.btn-like-select {
  padding: 4px 7px !important;
  width: 100%;
  text-align: left;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 2px;
}

.table .btn.btn-bordered .caret, .btn.btn-bordered.btn-form-control .caret  {
   margin: -4px; 
}
.table .btn.btn-bordered:after, .btn.btn-bordered.btn-form-control:after  {
  float: right;
  margin-top: 9px;
}

.btn.btn-like-select {
  padding-top: 2px !important;
  min-width: 65px;
  min-height: 31px;
  font-weight: normal;
}

.btn.btn-like-select .caret:before {
  content: "\f078";
}

.btn.btn-like-select .caret {
  position: absolute;
  font-size: 10px;
  top: 11px;
  right: 5px;
  font-family: FontAwesome !important;
  display: inline-block;
  line-height: 1;
  color: #495057;
}

.dropdown-menu.menu-like-select {
  border-radius: 0;
  border-color:#a6a6a6;
  transform: translate3d(0px, 31px, 0px) !important;
  max-height: 40vh;
  overflow: auto;
  scrollbar-width: thin;
}

.sortable-field .position-absolute, .sortable-field a{
    position: relative !important;
}

.search-area {
  margin-bottom: 0.5rem;
}

.btn.btn-bordered:hover .btn-float-label{
  background: #e4e7ea;
}
/****            Color Picker             ****/
.minicolors {
    display: inline-flex !important;
    width: 100%;
}

.minicolors-swatch {
    width: 37px !important;
    height: 37px !important;
}
.minicolors-input{
    flex: 1;
    min-height: 37px;
    border-radius: 2px;
}

.form-control-sm .minicolors-swatch {
    width: 31px !important;
    height: 31px !important;
}

.form-control-sm .minicolors-input {
    min-height: 31px;
}

.minicolors.minicolors-theme-default .minicolors-input {
    height: 30px !important;
    borer-radius: 2px !important;
    
}   

.minicolors-panel {
    top: 37px !important;
}

.form-control-sm .minicolors-panel {
    top: 30px !important;
}
/****              DropDown               ****/
#dropdown1{
    left:auto;
    right:-15px;
}
#dropdown1 li{
    line-height: 20px;
    padding:10px 15px;
    white-space: nowrap;
}
.dropdown-menu{
    font-size: 13.7px;
}
.dropdown-menu li.ItemOnHover{
    padding: .5rem;
}
.dropdown-item{
    position: relative ;
}

.dropdown-item i {
    width: 17px;
}

.input-group-dropdown input{
    border-radius: 5px 0 0 5px;
    border-right: 0;
}

.input-group-dropdown .input-group-btn:last-child .btn {
    border-radius: 0 5px 5px 0;
}

.input-group-dropdown .btn{
    border-radius: 0 /*5px 5px 0*/;
    height: 99%;
    font-size: 12px;
    line-height: 22px;
    /*padding: 5px 15px;*/
    width: 120px;
    text-align: center !important;
}
.btn.toggle-select.dropdown-toggle{
    border-radius: 2px; 
    font-size: 14px;
}
.btn.toggle-select.dropdown-toggle::after{
    float: right;
    margin: 9px 0 0 9px;
}
/*
.input-group-btn>.btn {
    width: 70px;
}*/
table .dropleft .dropdown-menu.show.c {
  /*transform: translate(-37px,0) !important;*/
  transform: translate(-35px,3px) !important;
  right: -8px !important;
  left: revert !important;
}
table .dropleft .dropdown-menu.show {
  /*transform: translate(-37px,0) !important;*/
  transform: translate(-37px,20px) !important;
  right: 0px !important;
  left: revert !important;
}

table .dropleft .dropdown-menu.socialnetwork.show{
  right: unset !important;
}

table .dropdown-menu.Filter.show {
  transform: translate3d(0px, 32px, 0px) !important;
}

.table-responsive{
/*    overflow: revert !important;*/
    overflow: auto !important;
    scrollbar-width: thin;
}

/****            DOTS DROPDOWN                ****/

.dropdown-menu.dots-dropdown-menu {
    right: 0px !important;
    left: revert !important;
    top: 30px;
}

/****            DatePicker                ****/
#ui-datepicker-div {
    z-index: 1520 !important;
}

/****             DropZone                 ****/
.dz-preview.dz-processing.dz-image-preview {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
}
.dropzone .dz-preview .dz-image, .dropzone .dz-preview .dz-image img{
    border-radius:3px !important;
    width: 100% !important;
    height: 100% !important;
}
.dz-message:hover{
    opacity: 1 !important;
}
/****              Spinner                 ****/
i.icon-spin {
    top: 30%;
    right: 5px;
    position: absolute;
    display: none;
    left: revert;
    /*color: white;*/
    font-size: 12px;
    width: auto;
}

/****              Product                 ****/
.tab-content {
    padding: 5px 15px !important;
}

#myTab .nav-link{
    position: relative;
}

.question-mark {
    color: #ff1744!important;
    font-weight: bold;
    position: absolute;
    right: 7px;
    top: 9px;  
}

.question-mark.tab-question-mark {
    right: 9px;
    top: 6px;  
}

/****              Category                ****/
.modal .table .Selected,
.modal .table .Selected i{
    background-color: #1d84df !important;
    /*color: white !important;*/
}
.modal #DialogProductList .Selected td,
.modal #DialogProductList .Selected a
{
    color: white !important;
}

/****             Price Tabs               ****/
#pricelists-tabs .nav-link.active{
    color: #007bff;
    font-weight: bold;
    background-color: #ffffff;
    border-bottom: 4px solid #007bff;
    border-radius: 0;
}

/****             Scroll Btn               ****/
#scrollToTop {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 22px;
    right: 40px;
    color: rgba(1, 110, 193);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(1, 110, 193);
    opacity: .8;
}
#scrollToTop:hover {
    color: white;
    background-color: rgba(1, 110, 193);
}
/* Menu scrolls */
#menuScrollTop, #menuScrollBottom {
    width: 25px;
    height: 20px;
    position: fixed;
    top: 85px;
    left: 225px;
    background: white;
    color: rgba(1, 110, 193, 0.7);
    /*border: 3px solid rgba(1, 110, 193, 0.7);*/
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s ease;
}

.mCustomScrollbar.mCS_no_scrollbar #menuScrollTop, 
.mCustomScrollbar.mCS_no_scrollbar #menuScrollBottom {
  opacity: 0;
}

.menu-active #menuScrollTop, .menu-active #menuScrollBottom {
    left: 25px;
}

#menuScrollBottom {
    top: calc(100vh - 30px);
}

#menuScrollTop:hover, #menuScrollBottom:hover{
    color: white;
    /*border-color: rgba(75, 115, 170, 1);*/
    background-color: rgba(75, 115, 170, 1);
}


/*****************************************/
.container-setting-icon{
    position: absolute;
    right: 0;
    bottom: 13px;
}


.collapse-icon .card-title .fas{
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.collapse-icon .card-title .fas.fa-minus{
   transform: rotate(180deg);
}

.card-header-sm {
  padding: 0.3rem 0.8rem ;
}
.card-header-sm i {
  padding-top: 0.23em;
}
/***********************  STACKED COLUMNS  ****************************/
.stacked-cols {
    margin: auto -15px !important;
}

.stacked-cols .stacked-item {
    float: left;
    clear: left;
    display: block;
    position: relative;
    padding: 0 6px;
    /*z-index: 2;*/
}

.stacked-cols .stacked-item:nth-child(2n) {
    float: right;
    clear: right;
}

.stacked-cols .stacked-item.half {
    width: 50%;
}

.stacked-cols .stacked-item.full {
    width: 100%;
}

.stacked-cols .stacked-item .stacked-item {
    width: 100%;
    padding: 0;
}

@media (max-width: 799px) {
    .stacked-cols .stacked-item.half {
        padding: 0;
        width: 100%;
    }
}

/******************************  FORM ROWS  ********************************/

.form-row .form-group, .row .form-group {
    padding: 0 .5em !important;
    /*overflow: hidden;
    margin-bottom: .5rem;
    padding-right: 0 !important;*/
}

/******************************  FORM GROUP  ********************************/

.input-group > .form__field:focus {
  border-right: 1px solid #00aeff;
}
.form-group .form__label {
  z-index: 3;
}

/******************************  TABS  ********************************/

.tab-content.TotalHeight {
    min-height: 79vh;
    min-height: calc(100vh - 193px);
}

/**************************  PICTURES UPLOAD  ***************************/

.bg-inversed{
    background: #9b9b9b;
}

/******************************  FOOTER  ********************************/
footer{
    clear: both;
    float: none;
}

/*************************  Document DropZone  ***************************/
.dropzone.dz-document{
    border: 1px solid #dee2e6;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 12px;
}

.dropzone.dz-document .progress{
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-radius:0;
}

.dz-document .dz-default.dz-message{
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    padding: 0;
    border: none;
    margin: 0 auto;
    text-align: center;
}

.dz-document .dz-default.dz-message .dz-button{
    color: #797f92; 
    background: #fff;
    outline: none!important;
    border: none;
    font-size: 14px;
    padding: 0px .5rem;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.dz-document .dz-preview, .dz-document .dz-file-preview, .dz-document .dz-processing{
    display:none !important;
}

.dropzone.dz-clickable{
    cursor: auto;
}

.dropzone.dz-clickable a, .dropzone.dz-clickable i,.dropzone.dz-clickable input[type='checkbox']{
    cursor: pointer !important;
}

.dropzone.dz-clickable input[type='text']{
    cursor: text !important;
}

/***                        PAGERS                        ***/
.pager-small .page-item .page-link{
    padding: .5em;
    border: none;
}

.pager-small .page-item.active .page-link{
    color: #007bff;
    font-weight: 600;
    font-size: larger;
    padding: .3em .5em;
    background-color: #0000;
}

/***                        INPUT DROPDOWN                        ***/
.input-dropdown, .input-dropdown-city {
    width: 100%;
}

.input-dropdown .dropdown-menu{
    right: 0px;
    max-height: 235px;
    overflow-x: hidden;
    overflow-y: scroll;
    transform: translate3d(0px, 32px, 0px) !important;
}
.menustyle{
    display:none; 
    border-radius: 0 !important;
    overflow-y:visible !important;
    right:auto !important;
   
}
.input-dropdown-city .dropdown-menu {
    right: 0px;
/*    left: 18px !important;*/
    width: 100%;
    max-height: 235px;
    overflow-x: hidden;
    overflow-y: scroll;
    top: revert !important;
    bottom: 0px !important;
    transform: translate3d(0px, -37px, 0px) !important;
}
.input-dropdown-city .dropdown-menu.small-menu {
    transform: translate3d(0px, -32px, 0px) !important;
}

.dropdown-menu.fixed-menu {
    transform: translate3d(0px, 34px, 0px) !important;
}

.input-dropdown .btn.dropdown-toggle, .input-dropdown-city .btn.dropdown-toggle {
    background: #fff;
    border: 1px solid #ccd1d9;
    border-left: none;
    border-radius: 0 2px 2px 0;
    line-height: inherit;
}

.input-dropdown .dropdown-toggle:after, .input-dropdown-city .dropdown-toggle:after {
    display: none;
}

.input-dropdown input, .input-dropdown-city input{
    border-right: none;
    border-radius: 2px 0 0 2px;
}

.input-dropdown .dropdown-toggle span, .input-dropdown-city .dropdown-toggle span {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: 14px;
    color: #505458;    
    transform: translate(0, -50%);
}

.input-dropdown input:focus ~ .dropdown-toggle, .input-dropdown-city input:focus ~ .dropdown-toggle {
    border-color: #00aeff!important;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12)!important;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12)!important;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12)!important;
}
.input-dropdown .dropdown-item, .input-dropdown-city .dropdown-item {
    padding: .25rem 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-18{
    left: 18px !important;
}

.green-icon {
  color: #0ad80a !important;
}
.red-icon {
  color: #ec1515 !important;
}
table .dropdown-menu{
    position: relative;
}
table .dropdown-menu > div:not(.no-overflow, .dropdown-item, .d-inline-flex) {
  max-height: 40vh;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  margin-bottom: 47px; /*//55px;*/
}

table .dropdown-menu > div:not(.no-overflow, .dropdown-item, .d-inline-flex) > div:not(.filter-content-input) {
  background: white;
  position: absolute;
  bottom: 3em;
  left: 0;
  right:0;
  padding: .25em 1.25em 0;
  width: fit-content;
  z-index: 10;
}

table .dropdown-menu > div:not(.no-overflow, .dropdown-item, .d-inline-flex) > div:not(.filter-content-input):last-child {
  width: 100%;
  padding-top: 0;
  bottom: .75em;
  z-index: 9;
}
/***                        SORTABLE TABLES                       ***/

table .count i{
    display: none;
}

table .count:hover i{
    display: inline-block;
}
.classPanelGris{
    padding:5px;
    border: 1px solid #ccd1d9;
}
.navigation .menu > li.active > a {
    background: #e6e9ed;
    font-weight: bold;
    /*color: #1d84df;*/
}
.navigation .menu > li.active > a span {
    vertical-align: middle;
    font-size: 14px;
}
.navigation .menu > li.active > a span {
    font-size: 15px;
}
/***  SELECT 2  ***************************************************************/
.select2-container {
    height: 38px;
}
.select2-container--default .select2-selection--single {
    height: 100% !important;
    border: 1px solid #ccd1d9 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 72% !important;
}

.large-select2 .select2-container {
    height: 38px;
}
.large-select2 .select2.select2-container.select2-container--default {
  height: 38px;
}
.large-select2 .select2-selection.select2-selection--single {
  border-radius: 2px;
}
.large-select2 select2-selection__rendered {
  padding-top: 3px;
}

.select2-selection.select2-selection--multiple {
  line-height: 24px;
  border-color: #ccd1d9 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;

}
/***  END SELECT 2  ***************************************************************/

.text-danger {
    color: #ff1744 !important;
}
.text-success {
    color: #00bf4f !important;
}
.dz-preview{
    display:none !important;
}
.myDropDownDrop {
    min-width: 12rem !important;
    font-size: 12px;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff !important;
}

/****                       CONTRACT LIST                                     ****/

#list-contract-ctn .dropdown-item, #list-meeting-ctn .dropdown-item {
  min-width: 220px;
  min-height: 52px;
  border-bottom: 1px solid #dee2e6;
  width: calc(100% - 2rem);
  margin: 0 1rem;
}
#list-contract-ctn .dropdown-item:last-of-type, #list-meeting-ctn .dropdown-item:last-of-type {
  border: none;
}

.large-dropdown-menu {
  max-width: 80vw;
  width: 400px;
}

/****                        FILE MANAGER                                     ****/
.elfinder .elfinder-button {
    width: 24px !important;
    height: 24px !important;
}
.elfinder .elfinder-button.elfinder-button-search {
    width: 202px !important;
}

/****                        CHECK BUTTON                                   ****/
.btn-check:checked ~ label {
    background: #188ae2 !important;
    color: #fff !important;
}
.checkbox-selection.ui-selecting label {
  background: #a6d8ff !important;
}
/****               LEGEND WITH LINE BEFORE & AFTER                         ****/
legend.inline_legend {
    font-size: 18px;
    overflow: hidden;
    position: relative;
    padding-left: 0 !important;
    white-space: nowrap !important;
    top:2px;
}
legend.inline_legend::before
{
    display: inline-block;
    content: "";
    border-top: .1rem solid #ccc;
    width: 3rem;
    margin-right: 1rem;
    transform: translateY(-0.5rem);
}
legend.inline_legend::after {
    display: inline-block;
    content: "";
    border-top: .1rem solid #ccc;
    width: 100%;
    margin-left: 1rem;
    transform: translateY(-0.5rem);
}
.legend-icons {
    position: absolute;
    background: white;
    padding: 0 7px;
    top: -3px;
    right: 8px;
    z-index: 10;
}
/****                          CALENDER                                       ****/
.fc-icon,
body .fc {
 font-size:1em
}
.fc-button-group,
.fc-icon {
 display:inline-block
}
.fc-bg,
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
 bottom:0
}
.fc-icon,
.fc-unselectable {
 -khtml-user-select:none;
 -webkit-touch-callout:none
}
.fc {
 direction:ltr;
 text-align:left
}
.fc-rtl {
 text-align:right
}
.fc th,
.fc-basic-view td.fc-week-number,
.fc-icon,
.fc-toolbar {
 text-align:center
}
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
 border-color:#ddd
}
.fc-unthemed .fc-popover {
 background-color:#fff
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
 background:#eee
}
.fc-unthemed .fc-popover .fc-header .fc-close {
 color:#666
}
.fc-unthemed .fc-today {
 background:#fcf8e3
}
.fc-highlight {
 background:#bce8f1;
 opacity:.3
}
.fc-bgevent {
 background:#8fdf82;
 opacity:.3
}
.fc-nonbusiness {
 background:#d7d7d7
}
.fc-icon {
 height:1em;
 line-height:1em;
 overflow:hidden;
 font-family:"Courier New",Courier,monospace;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.fc-icon:after {
 position:relative
}
.fc-icon-left-single-arrow:after {
 content:"\02039";
 font-weight:700;
 font-size:200%;
 top:-7%
}
.fc-icon-right-single-arrow:after {
 content:"\0203A";
 font-weight:700;
 font-size:200%;
 top:-7%
}
.fc-icon-left-double-arrow:after {
 content:"\000AB";
 font-size:160%;
 top:-7%
}
.fc-icon-right-double-arrow:after {
 content:"\000BB";
 font-size:160%;
 top:-7%
}
.fc-icon-left-triangle:after {
 content:"\25C4";
 font-size:125%;
 top:3%
}
.fc-icon-right-triangle:after {
 content:"\25BA";
 font-size:125%;
 top:3%
}
.fc-icon-down-triangle:after {
 content:"\25BC";
 font-size:125%;
 top:2%
}
.fc-icon-x:after {
 content:"\000D7";
 font-size:200%;
 top:6%
}
.fc button {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 height:2.1em;
 padding:0 .6em;
 font-size:1em;
 white-space:nowrap;
 cursor:pointer
}
.fc button::-moz-focus-inner {
 margin:0;
 padding:0
}
.fc-state-default {
 border:1px solid;
 background-color:#f5f5f5;
 background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
 background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
 background-image:-o-linear-gradient(top,#fff,#e6e6e6);
 background-image:linear-gradient(to bottom,#fff,#e6e6e6);
 background-repeat:repeat-x;
 border-color:#e6e6e6 #e6e6e6 #bfbfbf;
 border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
 color:#333;
 text-shadow:0 1px 1px rgba(255,255,255,.75);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}
.fc-state-default.fc-corner-left {
 border-top-left-radius:4px;
 border-bottom-left-radius:4px
}
.fc-state-default.fc-corner-right {
 border-top-right-radius:4px;
 border-bottom-right-radius:4px
}
.fc button .fc-icon {
 position:relative;
 top:-.05em;
 margin:0 .2em;
 vertical-align:middle
}
.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
 color:#333;
 background-color:#e6e6e6
}
.fc-state-hover {
 color:#333;
 text-decoration:none;
 background-position:0 -15px;
 -webkit-transition:background-position .1s linear;
 -moz-transition:background-position .1s linear;
 -o-transition:background-position .1s linear;
 transition:background-position .1s linear
}
.fc-state-active,
.fc-state-down {
 background-color:#ccc;
 background-image:none;
 box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
}
.fc-state-disabled {
 cursor:default;
 background-image:none;
 opacity:.65;
 box-shadow:none
}
.fc-event.fc-draggable,
.fc-event[href],
.fc-popover .fc-header .fc-close,
a[data-goto] {
 cursor:pointer
}
.fc .fc-button-group>* {
 float:left;
 margin:0 0 0 -1px
}
.fc .fc-button-group>:first-child {
 margin-left:0
}
.fc-popover {
 position:absolute;
 box-shadow:0 2px 6px rgba(0,0,0,.15)
}
.fc-popover .fc-header {
 padding:2px 4px
}
.fc-popover .fc-header .fc-title {
 margin:0 2px
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
 float:left
}
.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
 float:right
}
.fc-unthemed .fc-popover {
 border-width:1px;
 border-style:solid
}
.fc-unthemed .fc-popover .fc-header .fc-close {
 font-size:.9em;
 margin-top:2px
}
.fc-popover>.ui-widget-header+.ui-widget-content {
 border-top:0
}
.fc-divider {
 border-style:solid;
 border-width:1px
}
hr.fc-divider {
 height:0;
 margin:0;
 padding:0 0 2px;
 border-width:1px 0
}
.fc-bg table,
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
 height:100%
}
.fc-clear {
 clear:both
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
 position:absolute;
 top:0;
 left:0;
 right:0
}
.fc table {
 width:100%;
 box-sizing:border-box;
 table-layout:fixed;
 border-collapse:collapse;
 border-spacing:0;
 font-size:1em
}
.fc td,
.fc th {
 border-style:solid;
 border-width:1px;
 padding:0;
 vertical-align:top
}
.fc td.fc-today {
 border-style:double
}
a[data-goto]:hover {
 text-decoration:underline
}
.fc .fc-row {
 border-style:solid;
 border-width:0
}
.fc-row table {
 border-left:0 hidden transparent;
 border-right:0 hidden transparent;
 border-bottom:0 hidden transparent
}
.fc-row:first-child table {
 border-top:0 hidden transparent
}
.fc-row {
 position:relative
}
.fc-row .fc-bg {
 z-index:1
}
.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
 border-color:transparent
}
.fc-row .fc-bgevent-skeleton {
 z-index:2
}
.fc-row .fc-highlight-skeleton {
 z-index:3
}
.fc-row .fc-content-skeleton {
 position:relative;
 z-index:4;
 padding-bottom:2px
}
.fc-row .fc-helper-skeleton {
 z-index:5
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
 background:0 0;
 border-color:transparent;
 border-bottom:0
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
 border-top:0
}
.fc-scroller {
 -webkit-overflow-scrolling:touch
}
.fc-row.fc-rigid,
.fc-time-grid-event {
 overflow:hidden
}
.fc-scroller>.fc-day-grid,
.fc-scroller>.fc-time-grid {
 position:relative;
 width:100%
}
.fc-event {
 position:relative;
 display:block;
 font-size:.85em;
 line-height:1.3;
 border-radius:3px;
 border:1px solid #3a87ad;
 font-weight:400
}
.fc-event,
.fc-event-dot {
 background-color:#3a87ad
}
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
 color:#fff;
 text-decoration:none
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
 cursor:not-allowed
}
.fc-event .fc-bg {
 z-index:1;
 background:#fff;
 opacity:.25
}
.fc-event .fc-content {
 position:relative;
 z-index:2
}
.fc-event .fc-resizer {
 position:absolute;
 z-index:4;
 display:none
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
 display:block
}
.fc-event.fc-selected .fc-resizer:before {
 content:"";
 position:absolute;
 z-index:9999;
 top:50%;
 left:50%;
 width:40px;
 height:40px;
 margin-left:-20px;
 margin-top:-20px
}
.fc-event.fc-selected {
 z-index:9999!important;
 box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.fc-event.fc-selected.fc-dragging {
 box-shadow:0 2px 7px rgba(0,0,0,.3)
}
.fc-h-event.fc-selected:before {
 content:"";
 position:absolute;
 z-index:3;
 top:-10px;
 bottom:-10px;
 left:0;
 right:0
}
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
 margin-left:0;
 border-left-width:0;
 padding-left:1px;
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
 margin-right:0;
 border-right-width:0;
 padding-right:1px;
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
 cursor:w-resize;
 left:-1px
}
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
 cursor:e-resize;
 right:-1px
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
 width:7px;
 top:-1px;
 bottom:-1px
}
.fc-h-event.fc-selected .fc-resizer {
 border-radius:4px;
 border-width:1px;
 width:6px;
 height:6px;
 border-style:solid;
 border-color:inherit;
 background:#fff;
 top:50%;
 margin-top:-4px
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
 margin-left:-4px
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
 margin-right:-4px
}
.fc-day-grid-event {
 margin:1px 2px 0;
 padding:0 1px
}
tr:first-child>td>.fc-day-grid-event {
 margin-top:2px
}
.fc-day-grid-event.fc-selected:after {
 content:"";
 position:absolute;
 z-index:1;
 top:-1px;
 right:-1px;
 bottom:-1px;
 left:-1px;
 background:#000;
 opacity:.25
}
.fc-day-grid-event .fc-content {
 white-space:nowrap;
 overflow:hidden
}
.fc-day-grid-event .fc-time {
 font-weight:700
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
 margin-left:-2px
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
 margin-right:-2px
}
a.fc-more {
 margin:1px 3px;
 font-size:.85em;
 cursor:pointer;
 text-decoration:none
}
a.fc-more:hover {
 text-decoration:underline
}
.fc-limited {
 display:none
}
.fc-day-grid .fc-row {
 z-index:1
}
.fc-more-popover {
 z-index:2;
 width:220px
}
.fc-more-popover .fc-event-container {
 padding:10px
}
.fc-now-indicator {
 position:absolute;
 border:0 solid red
}
.fc-unselectable {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-tap-highlight-color:transparent
}
.fc-toolbar {
 margin-bottom:1em
}
.fc-toolbar .fc-left {
 float:left
}
.fc-toolbar .fc-right {
 float:right
}
.fc-toolbar .fc-center {
 display:inline-block
}
.fc .fc-toolbar>*>* {
 float:left;
 margin-left:.75em
}
.fc .fc-toolbar>*>:first-child {
 margin-left:0
}
.fc-toolbar h2 {
 margin:0
}
.fc-toolbar button {
 position:relative
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
 z-index:2
}
.fc-toolbar .fc-state-down {
 z-index:3
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
 z-index:4
}
.fc-toolbar button:focus {
 z-index:5
}
.fc-view-container *,
.fc-view-container :after,
.fc-view-container :before {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.fc-view,
.fc-view>table {
 position:relative;
 z-index:1
}
.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
 padding-bottom:1em
}
.fc-basic-view .fc-body .fc-row {
 min-height:4em
}
.fc-row.fc-rigid .fc-content-skeleton {
 position:absolute;
 top:0;
 left:0;
 right:0
}
.fc-day-top.fc-other-month .fc-day-number {
 opacity:.3
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
 padding:2px
}
.fc-basic-view th.fc-day-number,
.fc-basic-view th.fc-week-number {
 padding:0 2px
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
 float:right
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
 float:left
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
 float:left;
 border-radius:0 0 3px
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
 float:right;
 border-radius:0 0 0 3px
}
.fc-basic-view .fc-day-top .fc-week-number {
 min-width:1.5em;
 text-align:center;
 background-color:#f2f2f2;
 color:grey
}
.fc-basic-view td.fc-week-number>* {
 display:inline-block;
 min-width:1.25em
}
.fc-agenda-view .fc-day-grid {
 position:relative;
 z-index:2
}
.fc-agenda-view .fc-day-grid .fc-row {
 min-height:3em
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
 padding-bottom:1em
}
.fc .fc-axis {
 vertical-align:middle;
 padding:0 4px;
 white-space:nowrap
}
.fc-ltr .fc-axis {
 text-align:right
}
.fc-rtl .fc-axis {
 text-align:left
}
.ui-widget td.fc-axis {
 font-weight:400
}
.fc-time-grid,
.fc-time-grid-container {
 position:relative;
 z-index:1
}
.fc-time-grid {
 min-height:100%
}
.fc-time-grid table {
 border:0 hidden transparent
}
.fc-time-grid>.fc-bg {
 z-index:1
}
.fc-time-grid .fc-slats,
.fc-time-grid>hr {
 position:relative;
 z-index:2
}
.fc-time-grid .fc-content-col {
 position:relative
}
.fc-time-grid .fc-content-skeleton {
 position:absolute;
 z-index:3;
 top:0;
 left:0;
 right:0
}
.fc-time-grid .fc-business-container {
 position:relative;
 z-index:1
}
.fc-time-grid .fc-bgevent-container {
 position:relative;
 z-index:2
}
.fc-time-grid .fc-highlight-container {
 z-index:3;
 position:relative
}
.fc-time-grid .fc-event-container {
 position:relative;
 z-index:4
}
.fc-time-grid .fc-now-indicator-line {
 z-index:5
}
.fc-time-grid .fc-helper-container {
 position:relative;
 z-index:6
}
.fc-time-grid .fc-slats td {
 height:1.5em;
 border-bottom:0
}
.fc-time-grid .fc-slats .fc-minor td {
 border-top-style:dotted
}
.fc-time-grid .fc-slats .ui-widget-content {
 background:0 0
}
.fc-time-grid .fc-highlight {
 position:absolute;
 left:0;
 right:0
}
.fc-ltr .fc-time-grid .fc-event-container {
 margin:0 2.5% 0 2px
}
.fc-rtl .fc-time-grid .fc-event-container {
 margin:0 2px 0 2.5%
}
.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
/* position:absolute;
 z-index:1*/
}
.fc-time-grid .fc-bgevent {
 left:0;
 right:0
}
.fc-v-event.fc-not-start {
 border-top-width:0;
 padding-top:1px;
 border-top-left-radius:0;
 border-top-right-radius:0
}
.fc-v-event.fc-not-end {
 border-bottom-width:0;
 padding-bottom:1px;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
.fc-time-grid-event.fc-selected {
 overflow:visible
}
.fc-time-grid-event.fc-selected .fc-bg {
 display:none
}
.fc-time-grid-event .fc-content {
 overflow:hidden
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
 padding:0 1px
}
.fc-time-grid-event .fc-time {
 font-size:.85em;
 white-space:nowrap
}
.fc-time-grid-event.fc-short .fc-content {
 white-space:nowrap
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
 display:inline-block;
 vertical-align:top
}
.fc-time-grid-event.fc-short .fc-time span {
 display:none
}
.fc-time-grid-event.fc-short .fc-time:before {
 content:attr(data-start)
}
.fc-time-grid-event.fc-short .fc-time:after {
 content:"\000A0-\000A0"
}
.fc-time-grid-event.fc-short .fc-title {
 font-size:.85em;
 padding:0
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
 left:0;
 right:0;
 bottom:0;
 height:8px;
 overflow:hidden;
 line-height:8px;
 font-size:11px;
 font-family:monospace;
 text-align:center;
 cursor:s-resize
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
 content:"="
}
.fc-time-grid-event.fc-selected .fc-resizer {
 border-radius:5px;
 border-width:1px;
 width:8px;
 height:8px;
 border-style:solid;
 border-color:inherit;
 background:#fff;
 left:50%;
 margin-left:-5px;
 bottom:-5px
}
.fc-time-grid .fc-now-indicator-line {
 border-top-width:1px;
 left:0;
 right:0
}
.fc-time-grid .fc-now-indicator-arrow {
 margin-top:-5px
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
 left:0;
 border-width:5px 0 5px 6px;
 border-top-color:transparent;
 border-bottom-color:transparent
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
 right:0;
 border-width:5px 6px 5px 0;
 border-top-color:transparent;
 border-bottom-color:transparent
}
.fc-event-dot {
 display:inline-block;
 width:10px;
 height:10px;
 border-radius:5px
}
.fc-rtl .fc-list-view {
 direction:rtl
}
.fc-list-view {
 border-width:1px;
 border-style:solid
}
.fc .fc-list-table {
 table-layout:auto
}
.fc-list-table td {
 border-width:1px 0 0;
 padding:8px 14px
}
.fc-list-table tr:first-child td {
 border-top-width:0
}
.fc-list-heading {
 border-bottom-width:1px
}
.fc-list-heading td {
 font-weight:700
}
.fc-ltr .fc-list-heading-main {
 float:left
}
.fc-ltr .fc-list-heading-alt,
.fc-rtl .fc-list-heading-main {
 float:right
}
.fc-rtl .fc-list-heading-alt {
 float:left
}
.fc-list-item.fc-has-url {
 cursor:pointer
}
.fc-list-item:hover td {
 background-color:#f5f5f5
}
.fc-list-item-marker,
.fc-list-item-time {
 white-space:nowrap;
 width:1px
}
.fc-ltr .fc-list-item-marker {
 padding-right:0
}
.fc-rtl .fc-list-item-marker {
 padding-left:0
}
.fc-list-item-title a {
 text-decoration:none;
 color:inherit
}
.fc-list-item-title a[href]:hover {
 text-decoration:underline
}
.fc-list-empty-wrap2 {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.fc-list-empty-wrap1 {
 width:100%;
 height:100%;
 display:table
}
.fc-list-empty {
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.fc-unthemed .fc-list-empty {
 background-color:#eee
}

/****                       CUSTOM CALENDAR                                      ****/
.calendar-container {
    background: white;
    padding: .25em 1em 1.5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.fc-button.fc-prev-button, .fc-button.fc-next-button {
  outline: none;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
  border: 0px solid transparent; 
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #fff;
    text-decoration: none;
}

.fc-title {
    color: #fff;
}

.fc-button-group a.btn-primary.btn-spinner {
  border: 1px solid #1d84df;
}

a.btn-primary.btn-spinner.fc-state-active,a.btn-primary.btn-spinner.fc-state-active:hover{ 
    color:#1d84df !important;
    background:white !important;
    border: 1px solid #1d84df;
}

.fc-widget-content.fc-past.gris {
    background-color: #eee;
}

.fc-day-top.fc-past.gris .fc-day-number {
    opacity: .75;
}

.fc-event-container.gris .fc-event {
    opacity: .75;
}

.fc-axis.fc-time.fc-widget-content {
    text-align: left;
    padding-left: 5px;
}

.range-group .custom-control label {
    min-width: 65px;
}

.range-group .custom-control label.disabled, .range-group .custom-control .btn-check:checked ~ label.disabled {
  color: #9aa5bb !important;
  background: white !important;
  border-color: #9aa5bb !important;
  opacity: 0.85;
}

.range-group .custom-control.custom-checkbox{
    padding: 0 .25em !important;
}

.range-group.tight .custom-control.custom-checkbox label {
    padding: .25em .578em;
    min-width: 50px !important;
}

.numberOfItems {
    background: #e1ac27;
    max-width: 35px;
    min-width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 25px;
   /* left: 20px;
    top: 0px;*/
    right: -4px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 0 2px;
}
.fixed-navbar .ico-item.mdi{
    display: revert;
}
ul.nav-user li.dropdown a.dropdown-toggle {
    display: revert !important;
}
.numberOfItems-ctn{
    position: relative;
    margin-right: 5px;
}
.numberOfItems.small {
    top: -2px;
    left: 15px;
    width: 10px;
    max-width: 18px;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
}

.notice-list a {
    padding: 14px 15px 14px 17px;
}

.notice-list .function {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #aab2bd;
  position: absolute;
  right: 20px;
  bottom: 11px;
}

/*.notice-list li:last-child {
  border-bottom: none;
}*/

.notice-read-more i{
    margin-left: 5px;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end.fc-draggable.fc-resizable.Edit-Dates {
  border: 1px solid #519ee2;
  height: 35px;
  display: grid;
  align-content: center;
}
.fc-event-hold-slot {
  border: none !important;
  height: revert !important;
}
.fc-content-details {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 40px;
}
.fc-next-month {
  opacity: 1 !important;
}
.fc-day-top .fc-day-number {
  font-weight: bold;
}
.fc-next-month .fc-day-number, .fc-past.gris .fc-day-number {
  font-weight: normal;
}

.fc-day-top {
  position: relative;
}
.fc-delete-icon {
  position: absolute;
  font-size: 12px;
  right: 12px;
  top: 50%;
  color: white !important;
  opacity: .85;
  transform: translate(0,-50%);
  z-index: 10;
}
.fc-lock-icon, .fc-confirm-icon {
    position: absolute;
    font-size: 12px;
    right: 26px;
    top: 50%;
    color: white !important;
    opacity: .85;
    transform: translate(0,-50%);
    z-index: 10;
}
.fc-delete-icon:hover, .fc-lock-icon:hover, .fc-confirm-icon:hover { 
  opacity: 1; 
}
.fc-action-icon {
  position: absolute;
  font-size: 12px;
  right: 12px;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 10;
  word-spacing: -3.5px;
}
.fc-action-icon a {
    color: white;
    opacity: .85;
    margin: 1.5px;
}
.fc-action-icon a:hover { 
  opacity: 1; 
}
.fc-action-icon .dropdown-item {
  word-spacing: normal;
}
.fc-list-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.fc-ban-icon {
  left: calc(100% - 52px);
  transform: translate(0,0);
  position: absolute;
  top: 0px;
}
.list-events {
  position: relative;
  max-width: 50px;
  max-height: 50px;
}
.numberOfEvents {
  position: absolute;
  top: -4px;
  /*right: -8px;*/
  left: 14px;
  font-size: 11px;
}
.event-state {
  height: 10px;
  width: 10px;
  background: white;
  display: inline-block;
  border: 2px solid white;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translate(0,-50%);
}
.event-state-table {
  height: 15px;
  width: 15px;
  display: inline-block;
  border: 2px solid white;
  margin-bottom: -2px;
}

.fc-day.fc-widget-content {
  vertical-align: middle;
  text-align: center;
}

.c-pointer{
    cursor: pointer !important;
}

.c-auto{
    cursor: auto !important;
}

.c-block{
    cursor: not-allowed !important;
}

.fc-details {
    background: white !important;
    position: relative;
    height: 110px;
}

.fc-details .holiday-type {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: .25em;
  border-top: 2px solid #1d84df;
  text-align: center;
}

.fc-delete-icon-holiday{
    position: relative;
    z-index: 100;color: 
    white !important;
}

.fc-text-name{
    max-width: 200px !important;
    display: block;
    max-height: 17px;
    text-overflow: ellipsis ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/** STRIPED BACKGROUND **/
.fc-striped-bg-gris { 
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #ccc 7px, #ccc 14px ) !important; */
    background: #ccc !important; 
}
.fc-striped-bg-blue { 
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #bfd9ff 7px, #bfd9ff 14px ) !important; */
    background: #bfd9ff !important; 
}
.fc-striped-bg-red  { 
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #ffd5d5 7px, #ffd5d5 14px ) !important; */
    background: #ffd5d5 !important; 
}
.fc-striped-bg-green{ 
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #c2ecbe 7px, #c2ecbe 14px ) !important; */
    background: #c2ecbe !important; 
}
.fc-striped-bg-orange{
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #ffdaaa  7px, #ffdaaa  14px ) !important; */
    background: #ffdaaa  !important; 
}
.fc-striped-bg-yellow{
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #ffee93 7px, #ffee93 14px ) !important; */
    background: #ffee93 !important; 
}
.fc-striped-bg-purple{
    /*background: repeating-linear-gradient( 45deg, transparent, transparent 7px, #dfc5ff 7px, #dfc5ff 14px ) !important; */
    background: #dfc5ff !important; 
}

/** LEGEND **/
.legend-key {
  width: 14px;
  height: 14px;
  display: inline-block;
  border: 1px solid #ddd;
}
.fc-legend {
  display: inline-flex;
  padding: .5rem 1rem;
  align-items: center;
}
.legend-text {
  margin-bottom: 0;
  margin-left: .5rem;
}

/** WEEK & DAY EVENTS **/
.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable {
  width: calc(100% - 1.75em);
  height: 30px;
  display: grid;
  align-content: center;
  margin: 0em .45em .45em;
}
.fc-slats td.fc-widget-content {
  height: 40px;
}
/****                         YEAR CALENDAR                                       ****/
.unavailable-day{
    background: white;
    border: none !important;
}

.day-number {
  font-weight: 600;
}
.day-number, .day-name {
  text-align: center;
}

.holiday-color {
  height: 25px;
  text-align: center;
  position: relative;
}

.btn-holiday{
    padding:0;
    display: block;
    background: #e4e7ea;
    width: calc(100% - 2px) !important;
    height: 24px;
    border-radius: 0;
    border: 2px solid #e4e7ea;
}
.btn-holiday.half {
  width: 50% !important;
}
.btn-holiday.quarter {
  width: 25% !important;
}

.holiday-span {
  width: 5px !important;
  height: 24px;
  background: grey;
  margin: 0 2px;
}
.holiday-span.half {
  height: 14px !important;
}
.holiday-span.quarter {
  height: 7px !important;
}

.holiday-container {
  height: 24px;
}

.fc-delete-icon-year-holiday {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 12px;
  /*color: #fff !important;*/
  z-index: 100;
  /*text-shadow: 0 0 2px #6e6e6e;*/
}
/*.fc-delete-icon-year-holiday{
  opacity: 0;
  transition: ease .75s;
}
.holiday-color:hover .fc-delete-icon-year-holiday{
  opacity: 1 !important;
}*/

.one-user .holiday-span {
  width: 100% !important;
  margin: 0;
}
.one-user .holiday-span.half {
  height: 24px !important;
  max-width: 50%;
}
.one-user .holiday-span.quarter {
  height: 24px !important;
  max-width: 25%;
}

/****                        BLOCKED SLOTS                                       ****/
.slots-hold {
  position: absolute;  
  left: 0px;
  width: 5px;
  /*change depends on number of slots and start time*/
  top: 17.39%;
  height: 43.47%;
}
.calendar-container .fc-slats .selected {
  background: #a0caf3;
}
.Toggle-Hold.checked{ background: #CC6868; }
.Toggle-Hold.ui-selecting { background: #DD9A9A !important; }

.range-group.ui-selectable {
  cursor: text !important;
}

/****                        MEETING EVENT                                       ****/



/****                         END CALENDAR                                       ****/

/****                       BUTTON LIKE INPUT                                    ****/
.input-btn-outline{
    background: #ffffff;
    color: #435966;
    border: 2px solid #e4e7ea;
    height: 34px;
    font-size: 12.5px;
} 
/****                       ANIMATED TOGGLE                                      ****/
.animated-toggle.animate {
  transition: .5s ease-in;
  transform: rotate(180deg);
}

.animated-toggle {
  transition: .5s ease-in;
  transform: rotate(0deg);
}

/****                         DIALOG ALERTS                                      ****/
#dialog-errors {
    margin-bottom: -15px;
}
/****                     DIALOG DELETE MULTIPLE                                 ****/
.multiDelete {
  max-height: 50vh;
  overflow: auto;
  padding: 1em .25em;
}
.multiDelete p {
  margin-bottom: 0.75em;
}

/****                      AUTOSIZE TEXTAREA                      ****/

.grow-wrap {
  display: grid;
}
.grow-wrap::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.grow-wrap > textarea {
  height: revert;
  /*resize: none;*/
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  width: 100%;
  padding: 0.5rem;
  font: inherit;
  grid-area: 1 / 1 / 2 / 2;
  min-height: 34px;
}

/****             MULTIPLE ACTION ICON PRODUCT              ****/
.actions_multiple_items {
    /*display: grid;*/
    margin-left: .5rem !important;
    padding-top: .25rem !important;
}
/****                       MOVE ICON                       ****/
.Items {
  position: relative;
  padding: .75em 0 .75em !important;
}
.Items:last-of-type:after {
  border-top: none;
}
.Items:after {
  content: "";
  position: absolute;
  left: 1%;
  bottom: 0;
  height: 5px;
  width: 98%;
  border-top: 1px solid #e5e5e5;
}
.Items .move-icon {
  opacity: 0;
  padding: 3% 3px;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  left: -7px;
  transition: ease .75s;
}
.Items .move-icon:hover{
  opacity: 1;
}

.small-lock {
    font-size: 9px;
}

/****                        DASHBOARD                        ****/
.card-move {
  position: absolute;
  top: .35em;
  left: .35em;
  cursor: all-scroll;
  color: transparent;
}
.card-half {
  min-width: 50%;
}
.card-third {
  min-width: 33.33333%;
}
.card-quart {
  min-width: 25%;
}
.card-remove {
  position: absolute;
  top: 10px;
  right: 12px;
  opacity: 0;
  transition: .5s ease;
}
.card-remove:hover {
  opacity: .7;
}

.sortable-cards .table-responsive {
  min-height: auto !important;
}

/****               SETTINGS                ****/
.classSettingsFormControl .row .form-group {
  padding: 0 15px !important;
}
.classSettingsFormControl .form {
  padding: 0 !important;
}

/****               LIST QUOTATION MODELS                ****/
#quotation-model-table .Selected i{
    background-color: #1d84df !important;
    color: white !important;
}

/****             TASKS DYNAMIQUE CLOCK              ****/

.clock {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #1d84df;
    border-radius:  50%;
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.hour-hand {
    width: 2px;
    height: 4px;
    background:  #1d84df;
    position: absolute;
    top: 3px;
    left: 6px;
    /*! border-radius: 50% 50% 0 0; */
}

.minute-hand {
    width: 2px;
    height: 6px;
    background: #1d84df;
    position: absolute;
    top: 1px;
    left: 6px;
    /*! border-radius: 50% 50% 0 0; */
}

.pin {
    width: 2px;
    height: 2px;
    background: #1d84df;
    border-radius: 10px;
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.hour-hand,
.minute-hand,
.second-hand {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.clock.grey-clock {
  border-color: #6c757d !important;
}
.clock.grey-clock * {
  background-color: #6c757d !important;
}

.clock.border-danger {
  border-color: #dc3545 !important;
}
.clock.border-danger * {
  background-color: #dc3545 !important;
}

/****               MODALS RESPONSIVE                ****/

@media only screen and (max-width: 1375px) {
    .modal {
      padding: 1em !important;
    }
    .modal-dialog, .modal-content {
      width: 100% !important;
    }
}

/****              CALENDAR RESPONSIVE               ****/

/****              CALENDAR RESPONSIVE               ****/

@media only screen and (max-width: 1280px) {
   .calendar-container {
       overflow: auto;
       padding: 0 10px;
    }
    .fc.fc-unthemed.fc-ltr {
        width: 150%;
    }
}
@media only screen and (max-width: 992px) {
    .main-content {
        margin: 0 5px;
    }
    
    #page-wrapper{
        margin-right: 0;
    }
  
     .fc.fc-unthemed.fc-ltr {
        width: 235%;
    }
}
@media only screen and (max-width: 768px) {
   .fc.fc-unthemed.fc-ltr {
        width: 350%;
    }
}
@media only screen and (max-width: 576px) {
   .fc.fc-unthemed.fc-ltr {
        width: 600%;
    }
    .fc .fc-view-container .fc-view{
        width: 100%;
    }
}
/*@media only screen and (max-width: 479px) {
   .fc.fc-unthemed.fc-ltr {
        width: 175%;
    }
}*/


/****  TABLE SELECTION (Contract > Mailbox)  ****/
.Selectable.active{
  background: #1d84df !important;
  color: #fff !important;
}
.Selectable.active i {
  color: #fff !important;
}

/****  APPS MENU  ****/
.app-card {
  line-height: 1.5;
  text-align: center;
  min-width: 80px;
  padding: 1em;
  color: #505458;
  transition: .75s ease;
}
.app-icon {
  font-size: 30px;
  margin-bottom: .25em;
}
.app-title {
  margin: 0;
}
.app-card:hover {
  background: aliceblue;
  color: #222;
/*  font-weight: bold;*/
}

/****  DASHBOARD PAGER  ****/

.dashboard-pager .page-item .pager{
  border-width: 1px 0;
  color: #505458;
}

.dashboard-pager .page-item.active .pager-btn {
  background: #fff;
  border-color: #dee2e6;
  color: #505458;
  font-weight: 700; 
}

.dashboard-pager .pagination .page-link {
 padding:.25rem .5rem;
 font-size:.875rem;
 line-height:1.5;
  border-radius: 0px !important; 
}
/**** Table Pager No Border  ********/
.dashboard-pager.no-border .page-item .pager-btn {
  border: none;
}
.dashboard-pager.no-border .title.pull-left{
  padding-top: .25em !important;
}
/**** End Table Pager No Border  ****/

.nowrap{
    white-space:nowrap !important;
}
.flex-nowrap{
    flex-flow: nowrap !important;
}

/******  emails  **********************************************/
.area-email{
  border-radius: 3px;
  border: 1px solid #ccd1d9;
  color: #495057;
  padding: .25em .5em !important;
}

.badge-custom {
  color: #495057;
  margin-right: .5em;
  background-color: #f5f7fa;
  border: 1.5px solid #ccd1d9;
  font-weight: 500 !important;
}

.badge-custom-danger {
  color: #ff1744;
  margin-right: .5em;
  background-color: #f8d7da;
  border: 1.5px solid #ea4335;
  font-weight: 500 !important;
}

.AutoComplete-Data.badge-email {
  margin-top: 2px;
  margin-bottom: 2px;
}

.AutoComplete-Input {
  min-width:200px !important;
}

/******  flash animation  **********************************************/
.fc-event-flashing {
  border: 1.5px solid #e1ac27 !important;
  box-shadow: 0 0 2px #e1ac27;
  animation-name: Flashing;
  animation-duration: 1s;
}

@keyframes Flashing {
  0%   { box-shadow: 0 0 10px #e1ac27; }
  24%  { box-shadow: 0 0 0px #e1ac27; }
  48%  { box-shadow: 0 0 10px #e1ac27; }
  72%  { box-shadow: 0 0 0px #e1ac27; }
  96%  { box-shadow: 0 0 10px #e1ac27; }
  100% { border-color: none; box-shadow: none; }
}

/******  CALCULATOR  **********************************************/
.caclculator_btn {
  background: #1d84df;
}

.calculator_container {
  border: 2px solid rgb(223, 223, 223)!important;
  box-shadow: rgb(199, 229, 255) 0px 0px 3px !important;
  padding: .75em !important;
  /*left: revert !important;
  right: 5vw !important;
  top: 80px !important;*/
}

.calc_cls_btn_fermer {
  top: -11px !important;
  right: -10px !important;
  color: white;
  background: #1d84df;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 1.4;
  box-shadow: rgb(199, 229, 255) 0px 0px 3px !important;
}

/******  MENU SEPERATOR  **********************************************/
.menu-seperator {
    font-size: 14px;
    overflow: hidden;
    position: relative;
    padding-left: 0 !important;
    white-space: nowrap !important;
    font-weight: 500;
    margin-bottom: 0;
}
.menu-seperator::before
{
    display: inline-block;
    content: "";
    border-top: .1rem solid #ccc;
    width: 1rem;
    margin-right: 0rem;
    transform: translateY(-0.25rem);
}
.menu-seperator::after {
    display: inline-block;
    content: "";
    border-top: .1rem solid #ccc;
    width: 100%;
    margin-left: 0rem;
    transform: translateY(-0.25rem);
}
.hr-seperator{
    margin-top: .5rem !important;
    margin-bottom: 0 !important;
    border-top: .1rem solid #ccc;
}

/****** Pictures Selection *************************************************************************/
.mediaPictures.selected{
  border: 2px solid #1d84df !important;
  box-shadow: 0 0 2px #1d84df;
}

.picture-size {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 12px;
  background: white;
  padding: 0 4px;
  max-width: 90% !important;
  text-align: center;
  width: max-content;
  bottom: -.5em;
}
.picture-error {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 12px;
  background: white;
  padding: 0 4px;
  max-width: 90% !important;
  text-align: center;
  width: max-content;
  top: -.7em;
  color: #dc3545;
}
/****  PAGINATION  ***************************************************************************/
.pagination{
    flex-wrap: wrap;
}
/****  TOOLTIPS  ***************************************************************************/
.tooltip-inner {
    white-space: pre-wrap;
}

/****  COLLAPSE TOGGLE ICON  ***************************************************************************/
[data-toggle="collapse"] .collapse-toggle-icon:before {
  content: "\f068" !important;
}
[data-toggle="collapse"].collapsed .collapse-toggle-icon:before {
  content: "\f067" !important;
}

[data-toggle="collapse"] .collapse-toggle-icon {
  transition: .3s all;
  transform: rotate(0deg);
}
[data-toggle="collapse"].collapsed .collapse-toggle-icon {
  transform: rotate(360deg);
}

/****  form-group-m-0  **********************************************************************************/

.form-group-m-0 .form-group {
  margin: 0 3px 0.5em;
  padding: 0 !important;
}
/* customers-contract/viewcontract_imane_01/12/2022*/
.fixeddiv{
    position: fixed;
    top: 75px;
    left: 260px;
    z-index: 10;
    width: calc(100% - 290px);
    background-color: white;
    padding-top: 12px;
    padding-bottom: 3px;
    box-shadow: 0 2px 3px #eee;
}


 .selectable .ui-selecting {
     background-color: gainsboro;
 }
  .selectable .ui-selected {
      background-color: gainsboro; 
      color: black;
  }
  .selectable .ui-unselecting{
      background-color:white;
      color: black;
  }
  .selectable .ui-unselected{
      background-color:white;
      color: black;
  }
  /* -----fix multipleselect----*/
  .fixmulti{
    margin-right: 32px !important;
   
    margin-top: 170px;
    position: fixed;
}

/***** stacked-cols flex ***********************************************************************************/
.stacked-cols.row .stacked-item{
  height: auto !important;
  flex: 0 0 100%;
}

.stacked-cols.row .stacked-item.half {
  width: 50%;
  flex: 0 0 50%;
}

.stacked-cols.row .stacked-item .card {
  height: calc(100% - .65em);
  background-color: transparent;
  border: none;
}
.stacked-cols.row .stacked-item .card-header {
  border: 1px solid rgba(0,0,0,.125);
}
.stacked-cols.row .stacked-item .card-content {
  height: calc( 100% - 2.5em ) !important;
  height: 100% !important;
}
.stacked-cols.row .stacked-item .card-body {
  height: 100% !important;
  background: white;
  border: 1px solid rgba(0,0,0,.125);
  border-top: none;
  border-radius: 0 0 .25rem .25rem;
}
.stacked-cols.row .stacked-item > div {
  height: 100%;
}

.stacked-cols.row .stacked-item .card-collapse.show {
  min-height: calc(100% - 35px);
}

/**** position absolute centered ************************************************************************/
.position-absolute-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* 
    Created on : 18 janv. 2023, 12:16:28
    Author     : LENOVO
*/
.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 100%;
  margin: 1em auto;
}

.highcharts-credits{
   display:none;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 70%;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

/** floating icon *****************************************************************/
.mini-float-icon {
  position: absolute;
  font-size: 7px;
  top: -4px;
  right: -4px;
  border: 1px solid white;
  color: #00bf4f;
}

/** flip cards *****************************************************************/
.card-flip > div {
    backface-visibility: hidden;
    transition: transform 300ms;
    transition-timing-function: linear;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    margin: 0;
    display: flex;
  }
.card-flip .card-title {
  position: relative;
  text-align: center;
}
.card-flip .card-title::before {
    content: "";
    position: absolute;
    bottom: -1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75px;
    height: 2px;
    background: #fbbc05;
}
.card-flip .list-inline {
    text-align: center;
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
  }

  .card-front {
    transform: rotateY(0deg);
  }

  .card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
  }

  .card-flip:hover .card-front {
    transform: rotateY(-180deg);
  }

  .card-flip:hover .card-back {
    transform: rotateY(0deg);
  }
  .posxx{
    transform: translate(614px,148px) !important;
  }

  /*//////////////// btn style achat /////////////*/
  .btn-spinner2{
    padding: 2px 19px 3px 7px !important;
    margin-top: 2px;
  }
 .Pictures.selected{
      border: 2px solid blue;
  }
 

.alert-container .alert {
  position: relative;
  padding-right: 30px; 
}

.alert-container .alert .close {
   position: absolute;
   top: 0;
   right: 0;
   margin-top: 0; 
   font-size: 1.5rem;
   padding:.3rem .25rem;
 }
  
 .permission-select.active {
  background: #0069d9 !important;
  color: white;
}
.frm-single
{
   margin: auto;
   margin-top: 10%;

}
.maintenance{
    max-width: 400px;
    border: 1px solid #ddd;
    background-color: #e1306c; 
    margin: auto;
    margin-bottom:3vh;
    color: white;
    padding: 8px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}
.first-title{
    display: block
}

.Select2-float   .select2-container {
  height: 31px !important;
  margin-top: 0px !important;
}