/* Général */
a {
    color: var(--cyan);
}
a:hover {
    color: var(--dark-cyan);
}

/*Couleurs*/
/* Notes :
blue = info
red = danger
green = success
yellow = warning
purple = primary
gray-dark = dark
gray = secondary */
:root {
    --gray-dark: #343a40;
    --blue: #0005ff;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --red: #f62d51;
    --yellow: #ffbc34;
    --green: #28d7a8;
    --dark-green: #22b088;
    --teal: #20c997;
    --white: #fff;
    --gray: #6c757d;
    --primary: #7460ee;
    --secondary: #6c757d;
    --success: #30c85f;
    --info: #0005ff;
    --warning: #ffbc34;
    --danger: #f62d51;
    --light: #f8f9fa;
    --dark: #343a40;
    --cyan: #00e1e0;
    --dark-cyan: #00c2c1;
    --orange: #ff7b31;
    --purple: #7460ee;
}

/*ScrollBar*/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #eee;
}
::-webkit-scrollbar-thumb {
    background: #aaa;
}
::-webkit-scrollbar-thumb:hover {
    background: #777;
}

/*Top Header */
.topbar .nav-toggler, .topbar .topbartoggler {
    color:#555;
}

/* Boutons */
a.btn-ajout:hover{
    background-color: var(--dark-green) !important;
}
.btn-choix-formule:hover{
    background-color: #dae0e5 !important;
    cursor:pointer;
}
.toggle-handle.btn-default{
    background:#fff;
}
.btn.btn-cyan:hover{
    background-color: var(--dark-cyan) !important;
    border-color: var(--dark-cyan) !important;
}

/* Tableaux */
.table-list a{
    color:#3e5569;
}
.table-list a:hover {
    color:var(--cyan);
}

/* Fiche client - menu onglets */
.page-item.active .page-link {
    background-color:var(--cyan);
    border-color:var(--cyan);
}
.table-list tbody{
    border-bottom:1px solid #DEE2E6;
}
.nav-tabs .nav-link.active{
    background:var(--cyan);
    color:#fff;
}
.nav-tabs .nav-link{
    color:var(--cyan);
}

/* DataTables */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    font-family: 'Material Design Icons';
    font-size: 20px;
    right:30px;
}
table.dataTable thead .sorting_desc:after {
    content : "\f4bd";
    opacity: 0.8;
}
table.dataTable thead .sorting_asc:after {
    content : "\f4bc";
    opacity: 0.8;
}
table.dataTable thead .sorting:after {
    content : "\f4ba";
    opacity: 0.4;
}
.dataTables_wrapper .row{
    padding:10px 0;
}
div.dataTables_wrapper div.dataTables_filter{
    display:block;
    float:right;
}
.table-responsive .row{
    width:100%;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: var(--cyan);
    border-color: #006288;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: var(--cyan);
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: var(--cyan);
    background-color: #eee;
    border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: var(--cyan);
    border-color: var(--cyan);
    cursor: default
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
tr.even, tr:nth-child(even){
    background-color:#f7f7f7;
}
.table-list tbody tr:hover{
    background-color: rgba(251, 140, 0, 0.2);
}
.form-inline label{
    display:block;
    float:left;
}
button.dt-button{
    color: #fff;
    background-color: var(--green);
    border: 1px solid var(--green) !important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    float: right;
    cursor: pointer;
}
button.dt-button:hover{
    color: #fff;
    background-color: var(--dark-green);
    border: 1px solid var(--dark-green);
}

/*Form */
.form-control:focus{
    box-shadow: 0 0 0 0.1rem rgba(79, 195, 247, 0.25);
}
.custom-radio .custom-control-input:checked~.custom-control-label::before{
    background-color:var(--cyan);
}
.wizard-content .wizard>.actions>ul>li>a:focus, .wizard-content .wizard>.actions>ul>li>a:hover{
    background-color:var(--dark-cyan);
}
.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus, .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover{
    background-color:#ccc;
}

/*Détail intervention*/
.type_detail_intervention i{
    font-size:150px;
}

/*Liste formules*/
.modif-formule i{
    color:#3e5569;
}
.modif-formule:hover{
    background-color:#eee;
}
.modif-formule:hover i{
    color: #233341;
}
.modif-formule:hover .text-success{
    color: var(--dark-green) !important;
}

/*Support - Liste discussions */
.row.message-support .card{
    height:700px;
    overflow:hidden;
}
.row.message-support .card .message-support-detail{
    overflow-y:scroll;
}
.row.message-support .mailbox .message-center {
    height: 500px;
}

/*Bootstrap Old for DateTimePicker*/
.input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon span{
    padding-top:2px;
}
.wizard-content .wizard>.content, .wizard-content .wizard{
    overflow: initial !important;
}
.wizard > .content > .body .bootstrap-datetimepicker-widget .list-unstyled{
    list-style:none !important;
}
.bootstrap-datetimepicker-widget thead tr{
    background-color:initial;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    min-width:280px;
    width:auto;
    padding:0;
}
.glyphicon.glyphicon-chevron-right:after{
    content:">";
}
.glyphicon.glyphicon-chevron-left:after{
    content:"<";
}
.bootstrap-datetimepicker-widget table th {
    line-height:30px;
}

/*Détail facture*/
a.lien-facture:hover i{
    color:var(--cyan) !important;
}