table.dataTable{
	font-size:13px!important;
}

.hiddenButtonExport{
    display: none;
}


.ShowButtonExport{
    display: block;
}
/* 0000002: Tâches-Boutons en haut */
.container-state{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
}

.container-state>div{
    width: 100px;
    padding: 5px;
}



#from-select-state{
    display: none;
}


@media only screen and (max-width: 480px) {
    #from-select-state{
        display: block;
    }
    .container-state>div{
        display: none;
    }
}



.container-email{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
}

.container-email>div{
    /* width: 100px; */
    padding: 5px;
}


.bg-login-image{
    /* background:url("../img/connexion-alor.png"); */
    /* background:url("../img/Sunda/bg-login-image.png */
    background-position:center  !important;
    background-size:cover  !important
}



.hideEl{
    display: none !important;
}
.showEl{
    display: block !important;
    color: whitesmoke;
}


#pills-tab-main  {
  color: #fff;
  background-color: #4e73df !important;
  padding:5px;
  border-radius: 5px;
}
#pills-tab-main a {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
  }

#pills-tab-main .nav-link.active,
.nav-pills .show > .nav-link {
  color: grey;
  background-color: #fff !important;
}

.title-parametre {
    font-size: 1rem
}
.subdescription {
    font-size: 0.7rem;

}

.container-sendinblue{
 display: flex;
 flex-wrap: wrap;

}
.container-sendinblue div{
    padding-top: 5px;
    padding-bottom: 5px;

}
.container-sendinblue div:nth-child(2){

margin-left: 30px;

}
@media (min-width: 768px) {
.sidebar.toggled .nav-item .collapse .submenu {
    left: calc(11rem + 1.5rem / 2) !important;
  }
}



.select2-results__group{
    background-color: #36b9cc;
    color: #fff
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: yellowgreen;
    color: white;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    max-height: 100px;
    overflow: auto  !important;
}


/* HIDDEN LISTE DIFFUSSION ON OPTION SELECT2  IN COMPOSE MAIL IF NOT USE LIST DIFFUSION */
.select2-results__options .select2-results__option[aria-disabled=true] {
    display: none;
 }




.span-state{
    padding:5px;
    min-width: 70px;
}
.task-done{
    color: #fff;
    background-color:#546e7a
}

.task-overdue{
    color: #fff;
    background-color: #e74a3b
}

.task-today{
    color: #fff;
    background-color:#1cc88a
}

.task-inprogress{
    color: #fff;
    background-color:#36b9cc
}


.btn-task-done {
    color: #fff;
    background-color: #546e7a;
    border-color: #546e7a;
}


.btn-task-overdue {
    color: #fff;
    background-color: #e74a3b;
    border-color: #e74a3b;
}


.btn-task-today {
    color: #fff;
    background-color: #1cc88a;
    border-color: #1cc88a;
}



.btn-task-inprogress {
    color: #fff;
    background-color: #36b9cc;
    border-color: #36b9cc;
}

.btn-task-inprogress:hover,.btn-task-today:hover,.btn-task-overdue:hover,.btn-task-done:hover {
    color: #fff;
    background-color: #78909c;
    border-color: #78909c;
}




.dt-button.red {
    color: red !important;
}

.dt-button.orange {
    color: orange;
}

.dt-button.green {
    color: green;
}




table.dataTable tbody tr.selected>*{
    box-shadow:inset 0 0 0 9999px rgb(160 162 171 / 90%) !important;
}

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}






.config>.sub-menu::after{

    content: '\f107';
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 0;
    color: grey;

}

.config>.sub-menu[data-toggle=collapse].collapsed::after{
    content: '\f105' !important;
}

.config>.sub-menu[data-toggle=collapse]::after{
    content: '\f107' !important;
}



/* REFONTE DIFFUSION */
.filter-andSeperator,.filter-OrSeperator{
    width: 100%;
    overflow: hidden;
}

.andText,.OrText{
    font-size: 1rem;
}
.filter-andSeperator:after,.filter-OrSeperator::after {
    background-color:grey;
    content: "";
    display: inline-block;
    height: 1px;
    left: .5em;
    margin-right: -50%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}



.box-filter-template{
    border:1px solid grey;
    margin-top:5px;
    position: relative;
}

.btn-delete-block{
    position: absolute;
    right: 0;
    top: 0;
}


.btn-transfer{
    font-size: 2rem;
    width: 50px;
}

.grouped{
    background-color: #b4b4b4;
    color: #fff;
}


.selected td {
    background-color: black !important; /* Add !important to make sure override datables base styles */
 }

 #modal-body-filter{
    min-height: 200px;
 }


 #table-filtre tr>td,#table-selection tr>td {
    font-size: 11px !important;
 }



 /* STATUS SUSCRIBER */
 .account-unsuscriber{
    color: #fff;
    background-color: #e74a3b
}

.account-suscriber{
    color: #fff;
    background-color:#1cc88a
}
.row-disabled {
    background-color: rgba(236, 240, 241, 0.5);
    pointer-events: none;
    width: 100%;
 }



 /* Outbox */
 .message-court{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
 }

.destinataire-court{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}




.custom-control-label{
    font-size: 1rem;
}

.text-ld{
    font-size: 0.9rem;
}

.container-email-body{
    height: 65vh;
    overflow: scroll;
}

.select2-container--default .select2-selection--multiple{
    height: 40px;
}

.form-objet{
    height: 40px;
}

.pj-container{
    background-color: rgb(255, 255, 255);
    display: flex;
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto;
}

.item-pj{

    background-color: gainsboro;
    margin: 5px;
    padding: 2px 10px;
    text-wrap: nowrap;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 5px
}

.pj-name{
    margin: 0;
    color: #546e7a;
    font-size: 0.9rem;
    text-decoration: none
}


.message-container .note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    min-height: 220px;
}