/* GLOBAL STYLE */

/* contient toutes les couleurs */

:root {
    --pcs-primary-color: #3559f7;
    --pcs-primary-color-hover: #172dd3;
    --pcs-primary-color-focus: rgb(53, 89, 247, 50%);
    --pcs-primary-color-light: rgb(53, 89, 247, 10%);
    --pcs-primary-color-active: #0fc2b0;
    --pcs-success-color: #34eaad;
    --pcs-success-color-focus: rgb(52, 234, 173, 50%);
    --pcs-danger-color: #E94560;
    --pcs-danger-color-focus: rgb(233, 69, 96, 50%);
    --pcs-secondary-color: #03145b;
    --pcs-secondary-color-focus: rgb(50, 43, 58, 50%);
    --pcs-light-color: #f6f6f6;
    --pcs-default-hover-bg: #f0f0f0;

    --pcs-topnav-bg: transparent linear-gradient(180deg, #1E98CC 0%, #0FC2B0 100%) 0% 0% no-repeat padding-box;
    --pcs-header-text-color: #ffffff;
    --pcs-dropdown-infos-bg: #ffffff;
    --pcs-dropdown-infos-text-color: #03145b;

    --pcs-bg-menu: #ffffff;

    --pcs-font-family: Montserrat;
}

.text-primary {color:#3559f7!important;}
a.text-primary:focus, a.text-primary:hover {color: #3559f7!important;}

.bg-primary {background-color: #3559f7!important; color: #ffffff;}
.btn-primary{
    background-color: #3559f7!important;
    color: #ffffff !important;
    border-color: #3559f7;}
.btn-primary:hover {
    background-color: #172dd3!important;
    color: #ffffff!important;
    border-color: #172dd3;}
.btn-primary.focus, .btn-primary:focus {background-color: #3559f7;}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #3559f7!important;
    color: #ffffff !important;
    border-color: #3559f7;}
.badge-primary {
    color: #ffffff;
    background-color: #3559f7;}

.btn-outline-primary {
    background-color: unset!important;
    color:#3559f7!important;
    border-color: #3559f7;}
.btn-outline-primary:hover {
    background-color: #f0f0f0!important;
    color:#172dd3!important;
    border-color: #172dd3;}
.btn-outline-primary.focus, .btn-outline-primary:focus {background-color: unset;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    background-color: unset!important;
    color:#3559f7!important;
    border-color: #3559f7;}

.btn-primary.focus, .btn-primary:focus,
.btn-outline-primary.focus, .btn-outline-primary:focus {
    border-color: #3559f7;
    box-shadow: 0 0 0 0.2rem rgb(53, 89, 247, 50%);}

.text-secondary { color:#03145b!important;}
a.text-secondary:focus, a.text-secondary:hover {color: #03145b!important;}

.bg-secondary { background-color: #03145b!important; color: #ffffff;}
.btn-secondary, .btn-outline-secondary:hover {
    background-color: #03145b!important;
    color: #ffffff;
    border-color: #03145b;}
.btn-secondary:hover, .btn-outline-secondary {
    background-color: unset!important;
    color:#03145b!important;
    border-color:#03145b;}
.btn-secondary.focus, .btn-secondary:focus,
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    border-color: #03145b;
    box-shadow: 0 0 0 0.2rem rgb(50, 43, 58, 50%);}
.btn-secondary.focus, .btn-secondary:focus {background-color: #03145b;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {background-color: unset;}
.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #03145b!important;
    color: #ffffff !important;
    border-color: #03145b;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    background-color: unset!important;
    color:#03145b!important;
    border-color: #03145b;}
.badge-secondary {
    color: #ffffff;
    background-color: #03145b;}

.text-danger {color:#E94560!important;}
a.text-danger:focus, a.text-danger:hover {color: #E94560!important;}

.bg-danger, .btn-danger {background-color: #E94560!important; color: #ffffff;}
.btn-danger {border-color: #E94560;}
.btn-danger:hover {
    background-color: unset!important;
    color:#E94560!important;
    border-color:#E94560;}
.btn-danger.focus, .btn-danger:focus {
    background-color: #E94560;
    border-color: #E94560;
    box-shadow: 0 0 0 0.2rem rgb(233, 69, 96, 50%);}
.badge-danger {
    color: #ffffff;
    background-color: #E94560;}

.text-success {color:#34eaad!important;}
a.text-success:focus, a.text-success:hover {color: #34eaad!important;}

.bg-success, .btn-success {background-color: #34eaad!important; color: #ffffff;}
.btn-success {border-color: #34eaad;}
.btn-success:hover {
    background-color: unset!important;
    color:#34eaad!important;
    border-color:#34eaad;}
.btn-success.focus, .btn-success:focus {
    background-color: #34eaad;
    border-color: #34eaad;
    box-shadow: 0 0 0 0.2rem rgb(52, 234, 173, 50%);}
.badge-success {
    color: #ffffff;
    background-color: #34eaad;}

.btn-outline-white {
    background-color: unset!important;
    color:#ffffff!important;
    border-color: #ffffff;}
.btn-outline-white:hover {
    background-color: #ffffff!important;
    color:#03145b!important;
    border-color: #03145b;}
.btn-outline-white.focus, .btn-outline-white:focus {background-color: unset;}
.btn-outline-white.disabled, .btn-outline-white:disabled {
    background-color: unset!important;
    color:#ffffff!important;
    border-color: #ffffff;}

.btn-default, .btn-default:focus {
    color:#3559f7;
    border-color: rgba(255, 255, 255, 0)}
.btn-default:hover {color:#3559f7!important; background-color: #f0f0f0;}
.btn-default.focus, .btn-default:focus {box-shadow: 0 0 0 0.2rem rgb(53, 89, 247, 50%);}

.btn-logout {
    background-color: unset!important;
    color:#3559f7!important;
    border-color: #3559f7;}
.btn-logout:hover {
    background-color: #3559f7!important;
    color: #ffffff !important;
    border-color: #3559f7;}
.btn-logout.focus, .btn-logout:focus {background-color: #3559f7;}
.btn-logout.disabled, .btn-logout:disabled {
    background-color: unset!important;
    color:#03145b!important;
    border-color: #03145b;}

.bg-light {background-color: #f6f6f6!important; color: #03145b!important;}
.bg-dark-light {background-color: #f0f0f0!important; color: #03145b!important;}

.hover-border-success, .hover-border-danger {border: 2px solid rgba(255, 255, 255, 0); cursor: pointer;}
.hover-border-success:hover, .hover-border-success.selected {border-color: #34eaad; color:#34eaad!important;}
.hover-border-danger:hover, .hover-border-danger.selected {border-color: #E94560; color: #E94560!important;}

.border-quote-primary {border-left: solid 4px #3559f7;}
.border-quote-danger {border-left: solid 4px #E94560;}
.border-quote-success {border-left: solid 4px #34eaad;}
.border-quote-warning {border-left: solid 4px #e7af60;}
.border-quote-secondary {border-left: solid 4px #03145b;}

/* VARIATIONS COLOR */
/* global.css */
    .custom-close {color: #3559f7;}

/* CUSTOM CONTROLS */
    .custom-control-input:checked~.custom-control-label::before {
        border-color: #34eaad;
        background-color: #34eaad;
    }
    .daterangepicker td.in-range {background-color: rgb(53, 89, 247, 10%)!important;}
    .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #3559f7!important;}

    /* CUSTOM DATEPICKER */
    /* utils/monthpicker/element.ctp */
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active:hover:hover,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active.disabled:hover:hover,
    .datepicker table tr td span.active:active,
    .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active.disabled:active,
    .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active.active,
    .datepicker table tr td span.active:hover.active,
    .datepicker table tr td span.active.disabled.active,
    .datepicker table tr td span.active.disabled:hover.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active:hover.disabled,
    .datepicker table tr td span.active.disabled.disabled,
    .datepicker table tr td span.active.disabled:hover.disabled,
    .datepicker table tr td span.active[disabled],
    .datepicker table tr td span.active:hover[disabled],
    .datepicker table tr td span.active.disabled[disabled],
    .datepicker table tr td span.active.disabled:hover[disabled] {
        background-color: #3559f7!important;
        background-image: none!important;
        filter: none!important;
        border-color: rgba(255, 255, 255, 0)!important;}

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        cursor: not-allowed!important;
        text-decoration: line-through!important;}

    a.a-no-style {
        color: #03145b;
        text-decoration: none;}

/* layout.css */
    body {
        font-family: Montserrat;
        color: #03145b;}

    #AsideContainer {background-color: #ffffff;}
        .menu-logo {background-color: #ffffff;}

    .menu-nav-item.active {border-left-color: #0fc2b0;}
    .menu-nav-item.active, .menu-nav-item:hover {color: #0fc2b0;}
    .menu-nav-item.active .menu-nav-link {background-color: #f6f6f6;}

    #MainContainer {background: #f6f6f6;}
        #HeaderContainer {
            color: #ffffff;
            background: transparent linear-gradient(180deg, #1E98CC 0%, #0FC2B0 100%) 0% 0% no-repeat padding-box;}

            .dropdown-infos {
                background: #ffffff;
                color: #03145b;}
            .dropdown-notifications-item:hover {
                border-left-color: #3559f7;
                background-color: #f6f6f6;}
            .dropdown-infos .dropdown-infos-item:hover {
                background: unset;
                border-left-color: #03145b;}

    #FooterContainer {background-color: #322B3A;}

/* custom-form.css */
    .custom-form-input,
    .custom-form-input+.select2.select2-container {
        border:none;
        border-bottom: 2px solid #34eaad;}

    .custom-form-input-grey,
    .custom-form-input-grey+.select2.select2-container {border: none;}
    
    .custom-form-group-grey.has-error .custom-form-input-grey {border-bottom: 2px solid #E94560;}

/* ficoba.css */
    .form-group-ficoba.active .custom-form-label-ficoba,
    .form-group-ficoba.done .custom-form-input-ficoba {
        border-color: #1F7A5B;
        color: #1F7A5B;}
    .form-group-ficoba.done .custom-form-input-ficoba {
        border-color: #34CC99;
        background-color: #70e8c0;}
    .form-group-ficoba.active.has-error .custom-form-label-ficoba,
    .form-group-ficoba.done.has-error .custom-form-input-ficoba {
        border-color: #E94560;
        color: #E94560;}
    .form-group-ficoba.done.has-error .custom-form-input-ficoba {
        border-color: #ff90a3;
        background-color: #ffc9d2;}
        .ficoba-options-list-item:hover {
            font-weight: 600;
            color: #1F7A5B}

/* breadcrumb.css */
    .breadcrumb-step.active {color: #34eaad;}
    .breadcrumb-step-line {border-bottom: 3px solid #03145b;}
    .breadcrumb-step-line.active {border-bottom-color: #34eaad;}
    .breadcrumb-step.breadcrumb-step-danger.active {color: #E94560;}
    .breadcrumb-step-line-danger.pre-active {border-image: linear-gradient(to right, #E94560 50%, #03145b 50%) 100% 1;}
    .breadcrumb-step-line-danger.active {
        border-image: unset;
        border-bottom-color: #E94560;}

/* custom-table.css */
    tr.disputes-tr {
        background-color: #03145b;
        color: #ffffff;}
        tr.disputes-tr .link-icon {
            background-color: #03145b;
            border: 2px solid #ffffff;
            color: #ffffff;}
        tr.disputes-tr .link-icon.hover-danger:hover, tr.first-tr .link-icon.hover-danger.selected {
            border-color: #E94560;
            color: #E94560;}
    tr.second-tr.toremove-hover {background-color: rgb(53, 89, 247, 50%);}

/* all.ctp */
    .page-item > a {color: #3559f7;}
    .page-item.active a {background-color: #3559f7;}

/* modal-credentials.ctp */
    .credentials-success input {border-color: #34eaad !important; color: #34eaad;}
    .credentials-fail input {border-color: #E94560 !important; color: #E94560;}

/* modal-success.ctp */
    .newaccount-login-span {color: #03145b; font-weight: 600;}

/* grid.ctp */
    .grid-digit-input:not(:placeholder-shown) {border: 2px solid #34eaad !important;}
    .form-group.has-error .grid-digit-input {border-color: #E94560 !important;}