/* ---------------------------- PAGE DE CONNEXION --------------------------- */

.login-page em {
    font-size: 21px;
}

.login-page h1 {
    font-size: 29px;
    font-weight: normal;
    color: #fff;
}

.login-page hr {
    width: 160px;
    background: #fff;
    height: 1px;
}

.login-page {
    background: url("../images/connexion/jpv_connexion.jpg") no-repeat;
    background-size: cover;
    height: 100vh;
}

.login-page-content {
    position: relative;
    width: 900px;
    height: 450px;
    background: linear-gradient( 180deg, rgba(132, 192, 238, 0.75) 0%, rgba(52, 138, 203, 0.75) 100%);
    border-radius: 0px 0px 30px 0px;
}

.login-left-section {
    position: absolute;
    left: 0;
    top: -25px;
    background: url("../images/connexion/jpv_fond-connexion.jpg") no-repeat;
    background-size: cover;
    width: 55%;
    height: 500px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
    z-index: 1;
}


/* -------------------------------- MAIN LOGO ------------------------------- */

.header-left-logo {
    height: 80%;
    width: 25%;
    background: url("../images/global/jpv_logo.png") no-repeat center;
    background-size: contain;
}

.home-page-content {
    background: url("../images/accueil/home_bkg_packobseques.jpg") no-repeat bottom;
    background-size: cover;
    overflow: hidden;
}

.total-capital {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    font-weight: 500;
    font-size: 20px;
    opacity: 90%;
}

.total-capital span {
    font-weight: 700;
}

.color-jpv-light-blue {
    color: #2C4594;
}

.color-jpv-blue {
    color: #1e5385;
}

.header-left-text {
    border-left: 2px solid #2C4594;
}

.header-right-top {
    background: url("../images/global/AdobeStock_84448630-2.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.custom-btn-blue-bkg {
    background: #1e5385;
}

.results_border_color {
    border-color: #1E5385;
}

.row_gestion_nb_assure>div.col-2 {
    border-bottom: 1px solid #e9ecef;
}

/* Gardant la couleur bleue */

.custom-btn-base.custom-btn-white-tt-bkg:hover,
.custom-btn-base.custom-btn-white-bkg:hover,
button.custom-btn-choice:hover {
    color: #1e5385;
}

.custom-btn-white-bkg {
    background: #fff;
    color: #1e5385;
}

.custom-btn-white-tt-bkg {
    background: url("../images/global/texture-w-btn.jpg");
    color: #1e5385;
}


/* -------------------------- THEME BOUTTON GLOBAL -------------------------- */

.btn-blue-jpv,
a.introjs-button {
    background-color: #1E5385;
    color: #fff;
    text-shadow: none;
}

a.nav-link.custom-nav-link.active {
    background-color: #1e5385;
    color: #fff;
}

.custom-nav-link.active .benef-del-icon:after {
    background: url("../images/tarification/benef_del_bl.png") no-repeat;
    background-size: contain;
}


/* ------------------------- SIMULATION MENU GAUCHE ------------------------- */

.left-nav-sel-steps {
    background: url("../images/tarification/fond_steps_packobseques.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.left-nav-list-item-nb>a span.left-nav-numb {
    border: 1.5px solid #fff;
    color: #fff;
    background-color: #1E5385;
}

.left-nav-list-item-nb>a.left-nav-active span.left-nav-numb {
    border: 1.5px solid #1E5385;
    color: #1E5385;
    background-color: #fff;
}

.left-nav-list-item-dot>a span.left-nav-dot {
    background-color: #1E5385;
    border: 1.2px solid #fff;
}

.left-nav-list-item-dot>a.left-nav-active span.left-nav-dot {
    background-color: #fff;
    border: 1.2px solid #1E5385;
}

.left-nav-list a {
    color: #A8D5FF;
}


/* ------------------------------ GAMIFICATION ------------------------------ */

.style-percentage-total {
    background-color: #2181c0;
}

.style-user-score {
    background-color: #a8d5ff;
    color: #2181c0;
}

.style-user-score:before {
    background: url("../images/tarification/stats.png") no-repeat center;
    background-size: contain;
}


/* ---------------------- TARIF EN COURS / PROP EMISES ---------------------- */

.left-nav-search {
    background: url("../images/tarification_en_cours/fond-recherche.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

#nb_element {
    color: #a8d5ff;
}


/* --------------------------------- BOUTONS -------------------------------- */


/* Icône bouton HP : Changer mot de passe */

.custom-btn-hp-8:after {
    background: url("../images/accueil/icones/changer-mdp.png") no-repeat;
}


/* Icône bouton HP : Documents */

.custom-btn-hp-10:after {
    background: url("../images/accueil/icones/documents.png") no-repeat;
}


/* Icône bouton HP : Dupliquer une tarification */

.custom-btn-hp-9:after {
    background: url("../images/accueil/icones/dupli-tarif.png") no-repeat;
}


/* Icône bouton HP : Propositions émises */

.custom-btn-hp-3:after {
    background: url("../images/accueil/icones/prop-emises.png") no-repeat;
}


/* Icône bouton search : Tarification en cours */

.custom-btn-green-search:after {
    background: url("../images/tarification_en_cours/rechercher.png") no-repeat;
}


/* Icône bouton HP : Tarifications en cours */

.custom-btn-hp-2:after {
    background: url("../images/accueil/icones/tarif-en-cours.png") no-repeat;
}

.custom-select {
    background: #fff url("../images/global/select.png") no-repeat;
    background-size: contain;
    background-position: right;
}

.pagination button.next {
    background: url("../images/tarification_en_cours/btn-next.png") no-repeat;
}

.pagination button.prev {
    background: url("../images/tarification_en_cours/btn-prev.png") no-repeat;
}

.custom-btn-vide:after {
    background: url("../images/tarification_en_cours/btn-vider.png") no-repeat;
}

.custom-btn-vide-high:after {
    background: url("../images/tarification_en_cours/btn-vider-high.png") no-repeat;
}

.custom-btn-dark-blue-bkg {
    background: #21384e;
}

.custom-btn-back-home:after {
    background: url("../images/tarification_en_cours/back.png") no-repeat;
}

.custom-btn-blue-tt-bkg {
    background: url("../images/global/texture-b-btn.jpg");
}

.custom-btn-green-search:after {
    background: url("../images/tarification_en_cours/rechercher.png") no-repeat;
}

.custom-btn-next:after {
    background: url("../images/tarification_en_cours/next.png") no-repeat;
}

.custom-btn-previous:after {
    background: url("../images/tarification_en_cours/previous.png") no-repeat;
}

.custom-btn-blue-next:after {
    background: url("../images/global/blue-arrow-next.png") no-repeat;
}


/* -------------------------------- TABLEAUX -------------------------------- */

.custom-docs-table .table-head {
    background: #1e5385;
}

.custom-tarif-table .table-head {
    background: #1e5385;
}

.selected-border-left-right {
    border-left: #17436b 2px solid !important;
    border-right: #17436b 2px solid !important;
    background-color: #fff4db;
}

.selected-border-top {
    border-top: #17436b 2px solid !important;
}

.selected-border-header {
    border-left: #17436b 2px solid !important;
    border-right: #17436b 2px solid !important;
    border-top: #17436b 2px solid !important;
}

.overlay .page-preloader-spin {
    border-top-color: #1e5385;
}

.overlay .page-preloader-spin:before {
    border-top-color: #2181c0;
}

.overlay .page-preloader-spin:after {
    border-top-color: #366f95;
}

/* Checkboxes - radios */

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    opacity: 1;
    background-color: #3596c0;
    border-radius: 3px;
}

/*selectPosRadioLine3 {*/
/*    background:*/
/*            -moz-linear-gradient(top, rgba(141, 198, 63, 0.67) 0%, rgba(141, 198, 63, 1) 32.81%,*/
/*            rgba(105, 150, 41, 1) 100%), -webkit-linear-gradient(top, rgba(141, 198, 63, 0.67) 0%,*/
/*            rgba(141, 198, 63, 1) 32.81%, rgba(105, 150, 41, 1) 100%), linear-gradient(to bottom,*/
/*            rgba(141, 198, 63, 0.67) 0%, rgba(141, 198, 63, 1) 32.81%, rgba(105, 150, 41, 1) 100%);*/
/*    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ab8dc63f', endColorstr='#699629', GradientType=0);*/
/*}*/

.txt_message {
    color: #fff;
}

/* SIGNATURE */

fieldset.fsign1,
fieldset.fsign2,
fieldset.fsign4 {
    -webkit-box-shadow: 5px 3px 22px -2px #265982;
    box-shadow: 5px 3px 22px -2px #265982;
}

fieldset.fsign3 {
    border-radius: 16px;
    -webkit-box-shadow: 5px 3px 22px -2px rgb(146, 146, 146);
    box-shadow: 5px 3px 22px -2px rgb(146, 146, 146);
    border: none !important;
}

.elec {
    background: linear-gradient(90deg, rgb(17, 52, 82) 0%, rgba(38,87,128,1) 30%, rgba(38,87,128,1) 70%, rgba(17, 52, 82) 100%);
}

.paper {
    background: linear-gradient(90deg, rgba(38,87,128,1) 0%, rgba(52,110,158,1) 30%, rgba(52,110,158,1) 70%, rgba(38,87,128,1) 100%);
}

.list-sign {
    background: linear-gradient(90deg, rgb(102, 102, 102) 0%, rgb(141, 141, 141) 30%, rgb(141, 141, 141) 70%, rgba(102, 102, 102) 100%);
}

.tarif-title-sign {
    color: #265982;
}

.pieces-just {
    -webkit-box-shadow: 5px 3px 22px -2px #265982;
    box-shadow: 5px 3px 22px -2px #265982;
}

.redAlert {
    border: solid 2px rgb(179, 36, 36) !important;
}

.btn-sign {
    background-color: #3c7baf;
    color: white;
}

.btn-signed {
    background-color: #28a745;
    color: white;
}

/* ADMIN */

.labelAff,
.labelAff label {
    color: #2C4594;
}

.btnColorBlue {
    color: #2C4594;
}

.sectionBorder {
    box-shadow: 0 8px 8px -4px #8c9dd3;
}

.main-left-title {
    border-bottom: 1px solid rgb(111, 149, 207);
}

.modal-maj > .body-maj{
    border: 4px solid #1a4786;
}

.copyright {
    color: #fff;
}

/* Gestion des services */
.div-service.active img,
.div-service.active .text h4,
.div-service.active .text p {
    opacity: 50%;
}

.div-service:hover .text p ,
.div-service:hover .text h4 {
    opacity: 1;
}

.insured-separator {
    border-left: 1px solid #3c7baf;
}