/* GLOBAL */

#rdv_diag_erp_inner {
    visibility: hidden;
}

#rdv_diag_erp {
    font-family: "Open Sans", sans-serif!important;
    line-height: normal;
    font-size: 14px;
}

#rdv_diag_erp .btn {
    text-transform: none!important;
    box-shadow: none;
    font-weight: normal!important;
}

#rdv_diag_erp .title {
    text-transform: none!important;
}


/* PERSONNALISED */

#rdv_diag_erp_inner select{
    height: auto;
    padding: 6px;
}
.loader_rdv_diag .info_screen_rdv_diag {
    background-color: #1b985e    ;
}

.info_screen_rdv_diag {
    min-height: 240px;
    display: flex;
    border: 5px solid white;
    border-radius: 4px;
    background-position: right;
    background-repeat: no-repeat;
}

.info_screen_rdv_diag>.first {
    background: #F0F0F0;
    font-size: 5em;
    display: flex;
    text-align: center;
    flex: 1;
    border-right: 10px solid white;
}

.info_screen_rdv_diag>.first div {
    margin: auto;
}

.info_screen_rdv_diag>.second {
    color: white;
    flex: 2;
    font-size: 2em;
    margin: auto;
}

.info_screen_rdv_diag>.second h2 {
    padding: 0 15px;
}

.loader {
    top: 50%;
    position: absolute;
    left: 50%;
    border: 16px solid #404040;
    border-radius: 50%;
    margin: auto;
    width: 25px;
    height: 25px;
    /*animation: spin 2s linear infinite;*/
    -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
    animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

body .rdvdiag_boutons_top {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -5px;
    color: #fff;
    position: relative!important;
}

.rdvdiag_boutons_top a {
    background-color: #1b985e    !important;
    border-color: #1b985e    !important;
}

.rdvdiag_boutons_top a.active {
    color: #1b985e    ;
    z-index: 1;
}

@keyframes forceBlue {
    from {
        background-color: #1b985e    ;
    }
    to {
        background-color: #1b985e    ;
    }
}

#rdv_diag_erp_inner div.btn.btn-primary.active {
    background-color: #1b985e    !important;
    border-color: #1b985e    !important;
    animation: 1s linear infinite forceBlue;
}

#rdv_diag_erp_inner label.lbl_checkbox input[type="checkbox"]:checked+label {
    color: #1b985e    !important;
}

#rdv_diag_erp_inner .lbl_checkbox input[type="checkbox"]:checked+label+.ico_diag {
    background-color: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_jour_agenda input[type=radio]:checked+label {
    background: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_jour_agenda input[type=radio]:not(:checked)+label:hover {
    color: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_heure_agenda input[type=radio]:checked+label {
    border-color: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_heure_agenda input[type=radio]:checked+label .bas_tarif {
    background-color: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_heure_agenda input[type=radio]:checked+label .heure_sta_fin {
    color: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_heure_agenda:hover input[type=radio]:not(:checked)+label .heure_sta_fin {
    color: #1b985e    ;
}

#rdv_diag_erp_inner .lbl_heure_agenda:hover input[type=radio]:not(:checked)+label .bas_tarif {
    background-color: #1b985e    ;
}

#rdv_diag_erp_inner .custom-select-trigger {
    background: #1b985e    ;
}

#rdv_diag_erp_inner .text_ressort {
    color: #1b985e    ;
}

#rdv_diag_erp_inner input:checked+label .top_heure {
    border-color: #1b985e    ;
}

#rdv_diag_erp_inner .center {
    float: none;
}

#rdv_diag_erp_inner ul li {
    left: 0;
}

#rdv_diag_erp_inner .panel-heading.panel-toggler.active {
    background-color: #1b985e    ;
}
#rdv_diag_erp_inner .panel-heading.panel-toggler.active label {
   color: #fff    ;
}
#ui-datepicker-div.ui-datepicker{
    z-index:9999!important;
}
#rdv_diag_erp_inner b.text_couleur {
    color: #1b985e    !important;
}

#rdv_diag_erp_inner {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}

.rdvdiag_boutons_top.hidden+#rdv_diag_erp_inner {
    margin-top: 10px;
}

#rdv_diag_erp_inner .div_autocomplete {
    margin-top: 0!important;
}

@media only screen and (max-width: 980px) {
    #rdv_diag_erp_inner {
        margin: 0px -5px;
    }
    .rdvdiag_boutons_top {
        margin: 10px -20px 0 -20px;
    }
    #contenu {
        max-width: -webkit-fill-available;
        width: -webkit-fill-available;
        max-width: -moz-available;
        width: -moz-available;
    }
}

.content {
    z-index: 9;
}

.info_screen_rdv_diag {
    background-color: #1b985e    ;
}


/* PRE COMMANDE ERP */

.dark-bg {
    background-color: #9D1315;
}

.bg_light.steping:before {
    content: '';
    position: relative;
    height: 60px;
    border: 5px solid #1b985e    !important;
    width: calc(100% + 30px);
    display: block;
    top: -25px;
    bottom: 50px;
    margin-bottom: -70px;
    z-index: -50;
}

.bg_light {
    border-radius: 0!important;
    text-transform: uppercase!important;
    height: 50px;
    background-color: #333!important;
}

#stepHead ul li a {
    text-decoration: none;
    color: #333;
}

.container {
    text-align: left;
}

#rdv_diag_erp #label_global_errors .alert-danger {
    background-color: rgba(124, 0, 0, .2);
    font-weight: bold;
    text-align: center;
}

#rdv_diag_erp .panel-body {
    /*font-family: Montserrat;*/
    font-size: 13px;
    /*font-weight: 700;*/
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
    text-transform: uppercase;
    background-color: #fff;
    box-shadow: inset 0 0 0 10px #fff, inset 0 0 0 11px #ac161c, 0 1px 59px rgba(0, 26, 51, .2);
}

#rdv_diag_erp_inner input.center ::-webkit-input-placeholder {
    font-size: 20px;
    color: #1b985e    !important;
}

#rdv_diag_erp_inner input.center ::-moz-placeholder {
    font-size: 20px;
    color: #1b985e    !important;
}

#rdv_diag_erp_inner input.center :-ms-input-placeholder {
    font-size: 20px;
    color: #1b985e    !important;
}

#rdv_diag_erp_inner input.center ::placeholder {
    font-size: 20px;
    color: #1b985e    !important;
}

#rdv_diag_erp_inner input[type="text"].center {
    color: #1b985e    !important;
    font-size: 18px!important;
    padding: 0!important;
}

#precommande_erp h1,
#precommande_erp h2 {
    margin-bottom: 30px!important;
}

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999999999999999;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}


/* The Close Button */

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover {
    cursor: pointer;
}

#rdv_diag_erp_inner h1 {
    text-align: center;
}

#rdv_diag_erp_inner {
    position: relative;
}

#rdv_diag_erp_inner .ico_diag i {
    margin: 0px!important;
}

#rdv_diag_erp_inner .ico_diag i.fa {
    margin: 2px!important;
}

#rdv_diag_erp_inner .steps .active.current .step {
    border-color: #1b985e    !important;
}

#rdv_diag_erp_inner #precommande_erp_header .current .step {
    background-color: #1b985e    !important;
}


/* DEBUT - POSITIONNEMENT ET INTEGRATION SPECIFIQUE DE PAM */

.diagrdv-head {
    background: url(/images/bg-diagsolo.jpg) 50% no-repeat;
    background-size: cover;
}

#rdv_diag_erp {
    position: relative;
    /*bottom: 118px;*/
    margin-top: 100px;
    margin-bottom: 140px;
    border-radius: 9px;
}

.rdvdiag_boutons_top a.active {
    z-index: 2;
}

.diagrdv-head .title-page {
    margin-bottom: 28px;
}

#rdv_diag_erp .rdvdiag_boutons_top a.active {
    padding: 15px 20px;
}

#rdv_diag_erp .rdvdiag_boutons_top a:not(.active) {
    top: 7px;
    padding: 10px 15px;
}

#rdv_diag_erp .rdvdiag_boutons_top a span {
    line-height: 1.2;
}

#rdv_diag_erp_inner .steps .step {
    padding: 5px 10px 5px 12px;
}

#rdv_diag_erp_inner .modal-header {
    background: #F0F0F0;
    text-align: center;
}

#rdv_diag_erp_inner .modal-header h4 {
    font-weight: 600;
    font-size: 20px;
}

#rdv_diag_erp .title h4 {
    text-align: center;
    text-transform: uppercase !important;
}

#rdv_diag_erp_inner .modal-body {
    padding: 15px 26px;
    text-align: justify;
}

#rdv_diag_erp .modal-footer small {
    padding: 10px 15px 12px 15px;
    font-style: italic;
    border: solid 1px;
    cursor: pointer;
}

#rdv_diag_erp #rdv_diag_erp_inner .modal-footer {
    padding-top: 35px;
}

@media (max-width: 767px) {
    #rdv_diag_erp_inner div.steps div label.title {
        padding: 5px 10px;
    }
}


/* FIN - POSITIONNEMENT ET INTEGRATION SPECIFIQUE DE PAM */

#rdv_diag_erp_inner .modal-content {
    z-index: 1040;
}

#rdv_diag_erp_inner .modal-dialog {
    position: initial;
}

#rdv_diag_erp_inner .zone_termites_propositions:not(.pending):before {
    color: #1b985e!important;
}

#rdv_diag_erp_inner .div_autocomplete ul li a:hover {
    background: #1b985e!important;
}


/* Override pour IE 11*/

#rdv_diag_erp_inner .steps .active.current {
    color: #1b985e    !important;
}

@keyframes forceBlueBorderColor {
    from {
        border-color: #1b985e    ;
    }
    to {
        border-color: #1b985e    ;
    }
}

#rdv_diag_erp_inner .steps .active.current label.step {
    border-color: #1b985e    !important;
    animation: 1s linear infinite forceBlueBorderColor;
}

#rdv_diag_erp_inner .lbl_checkbox input[type='checkbox']:checked+label+label.ico_diag {
    background: #1b985e!important;
}

@keyframes forceBlueColor {
    from {
        color: #1b985e    ;
    }
    to {
        color: #1b985e    ;
    }
}

#rdv_diag_erp_inner .lbl_checkbox input[type='checkbox']:checked+label.btn {
    color: #1b985e    !important;
    animation: 1s linear infinite forceBlueColor;
}

.no_date_selected {
    border: none;
}

#select_jour_rdv {
    height: 96%!important;
}

a.btn.btn-danger.active {
    color: #1b985e     !important;
}

#rdv_diag_erp_inner {
    -moz-box-shadow: 5px 1px 10px 0px #bdbdbd;
    -webkit-box-shadow: 5px 1px 10px 0px #bdbdbd;
    -o-box-shadow: 5px 1px 10px 0px #bdbdbd;
    box-shadow: 5px 1px 10px 0px #bdbdbd;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#bdbdbd, Direction=NaN, Strength=10);
}