/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 oct. 2019, 14:53:26
    Author     : olivier
*/


/*
bleu mon-mandat (maquette) : #34495e 
*/
:root{
    --main-btn-text-color: white;
    --main-btn-text-color-hover: black;
    
    --main-active-btn-color: #ffce63;
    --main-hover-btn-color: #ffc84c;
    --main-default-btn-bg-color: #FFC84C;
    
}
body {
    background: #f1f1f1 !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link{
    background-color : var(--main-active-btn-color) !important;
    
}
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text{
    color:black !important;
}
.btn-brand{
    background-color: var( --main-hover-btn-color) !important;
    border-color: var( --main-hover-btn-color) !important;
}
.btn-primary{
    background-color: var( --main-hover-btn-color) !important;
    border-color: var( --main-hover-btn-color) !important;
}
.dataTables_wrapper .pagination .page-item.active > .page-link{
    background-color: var( --main-hover-btn-color) !important;
}
.btn i {
    padding-right: 0 !important;
}
.kt-nav {
    padding: 0 !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link{
    background-color: var( --main-hover-btn-color) !important;
    color: var(--main-btn-text-color-hover)  !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text{
    color: var(--main-btn-text-color-hover)  !important;
}
.kt-menu__link-text:hover{
    color: var(--main-btn-text-color-hover)  !important;
}
.kt-menu__link:active{
    color:black;
}
#kt_header_menu_wrapper{
    background-color:#34495e !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link{
    background-color:transparent;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text{
    color:white;
}

#kt_header_menu img{
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 4px !important;
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {

    background: var( --main-hover-btn-color) !important;

}
.kt-header .kt-header__bottom {
    height: 58px !important;
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
    height: 30px !important;
    width: 30px !important;
}
.myprofile_default_avatar {
    height:120px;
    width:120px;
    background-color:var( --main-hover-btn-color) !important;
    font-size:3rem;
    font-family:Poppins,sans-serif;
    color :var(--main-btn-text-color) !important;
}

.kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form .form-control {
    height: 29px;
}
.kt-header-menu-wrapper .kt-header-toolbar .kt-quick-search .kt-quick-search__form .input-group {
    height: 30px;
}

.kt-notification .kt-notification__item:after {
    display:none !important;
}
#kt_header_menu img {
    padding: 5px !important;
}
.buttons-columnVisibility {
    color:rgb(121, 135, 161) !important;
    font-weight: 500;
}

.buttons-columnVisibility + .active {
    color:rgb(121, 135, 161) !important;
    font-weight: 900;
}

.buttons-colvis:after {
    display:none !important;
}
.kt-user-card .kt-user-card__avatar .kt-badge {
    font-size: 14px !important;
}
/********* Calendrier *********/
td.day{
    text-align:center !important;
}
.lienType{
    color:#999 !important;
}

 
.calendar-nav .in{
    color:#1b2e4b !important;
}

.highcharts-credits {
    display:none;
}
.content-modal {
    width: 560px;
    margin-left: -280px;
    left: 50%;
    float: left;
    position: relative;
}

#modalCreateEvent.modal {
    overflow-y: scroll;
    position: absolute;
}

#dashboard .kt-container {
    margin:0 !important;
}
.kt-user-card .kt-user-card__avatar .kt-badge, .kt-user-card .kt-user-card__avatar img {
    width: 35px !important;
    height: 35px !important;
}
.kt-user-card {
    padding: 15px !important;
}
.kt-notification .kt-notification__custom {
    padding: 15px !important;
}

/********* Tables *********/

.datatable-list th {
    font-size: 0.9rem !important;
}

.datatable-list th.introduction {
    min-width: 20% !important;
    max-width: 40% !important;
}

.datatable-list td.introduction p {
    font-size: 0.7rem !important;
    font-style: italic !important;
}

.datatable-list th.slug {
    width: 10% !important;
}

.datatable-list td.slug {
    font-size: 0.8rem !important;
    width: 10% !important;
}

.datatable-list th.code {
    width: 8% !important;
}

.datatable-list td.code {
    font-size: 0.8rem !important;
}

.datatable-list td.slug {
    font-style: italic !important;
}

.datatable-list th.extrafield, th.relation {
}

.datatable-list th.select-checkbox {
    width: 2% !important;
}

.datatable-list th.select-checkbox:after, .datatable-list th.select-checkbox:before {
    display:none !important;
}

.datatable-list th.published {
    width: 5% !important;
}

.datatable-list th.actif, th.ordre {
    width: 5% !important;
}

.datatable-list th.actions {
  /*width: 10% !important;*/
}

.datatable-list th.libelle {
    min-width: 20% !important;
}

.datatable-list td.libelle {
    font-weight: 800 !important;
}

.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    border-radius: 4px;
    padding: 0.25rem 1.45rem !important;
}
@media (min-width: 1025px){
    .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
        border-radius: 4px;
        padding: 0.25rem 1.45rem;
        text-align: center;
    }
}
.actions{
    text-align:right;
}
.kt-user-card.kt-user-card--skin-dark .kt-user-card__avatar .kt-badge {
    background-color: var( --main-hover-btn-color) !important;
    border-color: var( --main-hover-btn-color) !important;
    color:#000 !important;
}
.kt-user-card--skin-dark{
    background:#34495e !important;
}
.kt-user-card {
    padding: 12px 15px !important;
}
.kt-badge.kt-badge--success {
    color: #ffffff;
    background: var( --main-hover-btn-color) !important;
}
.custom-checkbox .custom-control-label::before {
    padding: 5px !important;
}
.btn{
    padding: 4px 7px ;
}
.btn-brand {
    padding: 3px 5px;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
    font-size: 11px !important;
}
.select2-container .select2-selection--single {
    height: 30px !important;
    margin-top: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px !important;
}
.btn-primary {
    background-color: #34495e !important;
    border-color: #34495e !important;
}

.tableau {
    border: 1px solid #e2e5ec !important;
    border-radius: 4px;
}

#titleGroupName {
    font-weight: bold;
}
#btnAjouterExterne,#addInterneUser{
    padding: 7px 5px;
    width: 100px;
    margin: 0 auto;
    display: block;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e2e5ec !important;
}
#agenceSelectWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffce63;
    font-weight: bold;
    width: 172px !important;
    background-color: #34495e !important;
    line-height: 17px;
    margin-left: 3px;
}
#agenceSelectWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 3px !important;
        padding-left: 3px;
}
#agenceSelectWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 7px !important;
}
#agenceSelectWrapper .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 2px solid #ffce63 !important;
    border-radius: 6px;
}
#agenceSelectWrapper .select2-container .select2-selection--single {
    height: 38px !important;
    margin-top: 7px;
}
#agenceSelectWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    color: #ffce63;
    font-weight: bold;
}
#agenceSelectWrapper .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    width: 182px !important;
    position: relative;
    vertical-align: middle;
    height: 49px;
}


#appSelectContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffce63;
    font-weight: bold;
    width: 172px !important;
    background-color: #34495e !important;
    line-height: 17px;
    margin-left: 3px;
}
#appSelectContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 3px !important;
        padding-left: 3px;
}
#appSelectContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 7px !important;
}
#appSelectContainer .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 2px solid #ffce63 !important;
    border-radius: 6px;
}
#appSelectContainer .select2-container .select2-selection--single {
    height: 38px !important;
    margin-top: 7px;
}
#appSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    color: #ffce63;
    font-weight: bold;
}
#appSelectContainer .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    width: 182px !important;
    position: relative;
    vertical-align: middle;
    height: 49px;
}



.select2-container .select2-selection--single {
    height: calc(1.5em + 1.3rem + 2px) !important;
    margin-top: 0px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #e2e5ec;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 26px !important;
}
.kt-badge.kt-badge--unified-success {
    color: white;
    background: var( --main-hover-btn-color) !important;
}
#btnAddUser,#btnAddWholeStructure{
    width: 38px;
    height: 38px;
}

.form-check-label {
    margin-left: 5px;
    margin-top: 2px;
}

#tableTitle {
    margin-bottom: 200px !important;
}

.ui-timepicker-container{ 
    z-index:1151 !important; 
}

.height70 {
    min-height: 70px;
}
/*(jb)) fix pour avoir la topbar dans tous les breakpoints*/
.kt-header .kt-header__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      height: 70px;
      background-color: #181824;  }
  /*.kt-header-menu-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;;
    display: flex !important;;
    width: 100% !important;;
    -webkit-box-align: center !important;;
    -ms-flex-align: center !important;;
    align-items: center !important;;
    -webkit-box-pack: justify !important;;
    -ms-flex-pack: justify !important;;
    justify-content: space-between !important;;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(103, 92, 139, 0.05) !important;;
    box-shadow: 0px 0px 20px 0px rgba(103, 92, 139, 0.05); !important; }*/
  
.spc20{
    height:20px;
}
#btn-mon-mandat{
    float: right;
}
@media (min-width:315px) and (max-width:768px){
   /* #kt_reset, .dt-buttons, #actions--dropdowns--button{
        display:none !important;
    }
    .dataTables_filter > label > input{
        width: 150px !important;
    }
    .alert-custom-accueil {
        display: block !important;
    }*/
    
    .wrapperBtnEtatHeure{
        text-align: center;
        margin-top: 15px;
    }
    .arrActionsAuto thead th:not(:first-child) {
        display: none;
    }

    .arrActionsAuto td, .arrActionsAuto th {
        display: block;
    }

    .arrActionsAuto td[data-th]:before  {
        content: attr(data-th);
    }
    .kt-container{
        flex: none !important;
        display: block !important;
    }
    .kt-subheader__toolbar{
        display: block !important;
        float: right !important;
        flex: none;
    }
    #togglePauseLabel {
        padding-left: 55px;
        vertical-align: middle;
        margin-top: 25px !important;
    }
    #conge_formation .kt-portlet__head-toolbar,#groupe_contact_list .kt-portlet__head-toolbar{
        display: block !important;
    }
    #conge_formation .kt-portlet__head-label,#groupe_contact_list .kt-portlet__head-label{
        margin: 15px 0;
    }
    #conge_formation .kt-portlet__head,#groupe_contact_list .kt-portlet__head{
        display: block;
        margin: 20px 0;
    } 
    #conge_formation .btn.btn-brand.btn-elevate,#groupe_contact_list .btn.btn-brand.btn-elevate{
        margin: 11px auto !important;
    }
}

.calendar-sidebar {
    background-color: rgb(124, 181, 236) !important;
}
.calendar-sidebar>.month-list>.calendar-months>li.active-month, .calendar-sidebar>span#sidebarToggler, #eventListToggler, .calendar-sidebar>.month-list>.calendar-months>li:hover {
    background-color: rgb(67, 67, 72) !important;
}
th[colspan="7"]{
    color: rgb(67, 67, 72) !important;
}