﻿

.__mdHeader--logo {
    background-color: #591368 !important;
    background-image: url("https://wtw.avantsalud.es/images/logo-wiilis-new.svg");
}



.__mdHeader {
    background-color: #591368 !important;
}



.__mdLinkItem {
    color: #591368 !important;
}



.__mdLinkItem--left {
    color: #591368 !important;
}



.__mdProfessionalStatus .__mdProfessionalStatus--icon {
    width: 1%;
    height: 66%;
    object-fit: contain;
}

#widgetMeetingDoctors #meetingDoctors .contactList .meetingDoctorsHeader {
    background-color: #591368 !important;
}

#widgetMeetingDoctors #meetingDoctors .roomHeader .meetingDoctorsHeader {
    background-color: #01a8e7;
}

#widgetMeetingDoctors #meetingDoctors .professionalDetail .meetingDoctorsHeader {
    background-color: #01a8e7;
}

#widgetMeetingDoctors #meetingDoctors .meetingDoctorsHeader .logo {
    background-image: url("https://wtw.avantsalud.es/images/logo-wiilis-new.svg");
}


/* RoomHeader*/
#widgetMeetingDoctors #meetingDoctors .roomHeader .professional_name {
    color: #591368 !important;
}

#widgetMeetingDoctors #meetingDoctors .roomHeader .professional_speciality {
    color: #591368 !important;
}

#widgetMeetingDoctors > .fade-in {
    z-index: 99999;
}

#widgetMeetingDoctors {
    z-index: 99999;
}

.__mdWidget--floatingButton {
    bottom: 85px !important;
    right: 30px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    cursor: pointer;
    color: #fff;
    border: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #01a8e7;
    font-size: 22px;
}

/* General */
body {
    font-weight: 300;
    color: #000;
}

.input-group {
    display: block;
}

    .input-group.rounded {
        display: flex;
    }

    .input-group .form-control {
        width: 100%;
    }

/* Colores */
.g-color-blanco {
    color: #FFF !important;
}

.g-color-verde-nectar {
    /*color: #5bac26 !important;*/
    color: #711984 !important;
}

.g-bg-verde-nectar {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
    background-color: rgb(255, 255, 255) !important;
    color: white !important;
    border-top: 5px solid #711984;
    /*border-bottom: 3px solid white;*/
}

.g-bg-naranja-arcelor {
    background-color: #711984 !important;
    color: #FFF !important;
}

.g-bg-gris {
    background-color: #EDEDED !important;
}

.u-heading-v6-1 .u-heading-v6__title::after, .u-heading-v6-1.text-center .u-heading-v6__title::before, .u-heading-v6-1.text-right .u-heading-v6__title::before, .u-heading-v6-2 .u-heading-v6__title::after, .u-heading-v6-2.text-center .u-heading-v6__title::before, .u-heading-v6-2.text-right .u-heading-v6__title::before {
    /*border-color: #5bac26;*/
    border-color: #711984 !important;
}

a:focus, a:hover {
    /*color: #5bac26;*/
    color: #045e9a;
}

.u-btn-orange {
    /*background-color: #f5a623 !important;*/
    background-color: #711984 !important;
}

    .u-btn-orange:hover {
        color: #fff !important;
        background-color: #591368 !important;
        border: 1px solid #591368;
    }

.g-brd-primary {
    border-color: #711984 !important;
}

.g-bg-primary {
    background-color: #711984 !important;
}

.g-bg-primary--hover:hover {
    background-color: #591368 !important;
    color: #FFF !important;
}

.gm-style-iw a {
    color: #711984 !important;
}

.u-slider-v1-2.ui-slider .ui-slider-handle, .u-slider-v1-3.ui-slider .ui-slider-handle {
    border-color: #711984;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    color: #711984 !important;
}

.g-color-primary {
    color: #711984 !important;
}

.form-control:focus, .custom-select:focus {
    border-color: #711984;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    color: #591368;
}

/* Botones */
.u-btn-primary {
    color: #fff;
    /*background-color: #5bac26;*/
    background-color: #711984;
}

    .u-btn-primary:hover, .u-btn-primary.active {
        border-color: #591368;
        background-color: #591368;
    }

.btn-amarillo {
    color: #fff;
    /*background-color: #F5A623;*/
    background-color: #711984;
}

.btn-azul {
    color: #3398DC !important;
    border-color: #3398DC;
}

.btn-amarillo:hover, .btn-amarillo:focus, .btn-amarillo:active {
    /*background-color: #F5A623;
    border: 1px solid #F5A623;*/
    background-color: #591368;
    border: 1px solid #591368;
}

.btn-ancho {
    padding: .5rem 3rem;
}

.btn-max-ancho {
    width: 100% !important;
}

.btn-max-rounded {
    border-radius: .6rem;
}

/* Menú */
.nav-link.g-py-7.g-px-0 {
    color: #5d5d5d !important;
}

.u-header__section--light .hamburger-inner, .u-header__section--light .hamburger-inner::after, .u-header__section--light .hamburger-inner::before {
    background: #711984;
}

@media (max-width: 991px) {
    .navbar > .container, .navbar > .container-fluid {
        display: inline-block;
    }
}



/* Home */
@media (min-width: 577px) {
    .image-slider-mobile {
        display: none;
    }

    .image-logo-mobile {
        display: none;
    }
}

@media (max-width: 576px) {
    .image-slider {
        display: none;
    }

    .image-logo {
        display: none;
    }

    .u-header .navbar .container {
        width: 100%;
    }
}

.u-txt-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.invalid {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    /*color: #ee9393 !important;*/
    color: #e85151 !important;
    font-weight: 400;
}

::selection {
    color: #fff;
    background-color: #591368;
}

/* Cookies */
.cc-cookies {
    text-align: left !important;
    line-height: 2;
    padding-left: 5%;
    position: fixed;
    width: 90%;
    left: 0;
    top: 0;
    padding: 0.5em 5%;
    background: rgba(239, 126, 59, 0.75);
    font-size: 10px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    z-index: 99999;
    color: #282832;
    font-family: Verdana;
}

    .cc-cookies a, .cc-cookies a:hover {
        color: #711984;
        text-decoration: underline;
        width: 50px;
    }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    background: #717171;
    padding: 0.5em 0.75em;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
    line-height: 0.8;
}

/*****************WIZARD***************/

.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

    .wizard-steps li {
        display: table-cell;
        text-align: center;
        width: 1%;
    }

        .wizard-steps li .step {
            border: 5px solid #ced1d6;
            color: ##ED4947;
            font-size: 15px;
            border-radius: 100%;
            background-color: #FFF;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 30px;
            text-align: center;
        }

        .wizard-steps li:before {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            font-size: 0;
            overflow: hidden;
            border-top: 4px solid #CED1D6;
            position: relative;
            top: 21px;
            z-index: 1;
        }

        .wizard-steps li:last-child:before {
            max-width: 50%;
            width: 50%;
        }

        .wizard-steps li:first-child:before {
            max-width: 51%;
            left: 50%;
        }

        .wizard-steps li.active:before,
        .wizard-steps li.complete:before,
        .wizard-steps li.active .step,
        .wizard-steps li.complete .step {
            border-color: #ED4947;
        }

        .wizard-steps li.complete .step {
            cursor: default;
            color: #FFF;
            -webkit-transition: transform ease 0.1s;
            transition: transform ease 0.1s;
        }

            .wizard-steps li.complete .step:before {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                line-height: 30px;
                text-align: center;
                border-radius: 100%;
                content: "\f00c";
                background-color: #FFF;
                z-index: 3;
                font-family: FontAwesome;
                font-size: 17px;
                color: #87ba21;
            }

        .wizard-steps li.complete:hover .step {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            border-color: #80afd4;
        }

        .wizard-steps li.complete:hover:before {
            border-color: #80afd4;
        }

        .wizard-steps li .title {
            display: block;
            margin-top: 4px;
            max-width: 100%;
            color: #949ea7;
            font-size: 14px;
            z-index: 104;
            text-align: center;
            table-layout: fixed;
            word-wrap: break-word;
        }

        .wizard-steps li.complete .title,
        .wizard-steps li.active .title {
            color: #2b3d53;
        }

.step-content {
    position: relative;
}

    .step-content .step-pane {
        display: none;
        min-height: 200px;
        padding: 4px 8px 12px;
    }

    .step-content .active {
        display: block;
    }

.wizard-actions {
    text-align: right;
}

.titulo-step {
    font-size: 16px !important;
    font-weight: bold !important;
}

@media only screen and (max-width: 991px) {
    .wizard-steps li .title {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .wizard-steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-width: 3px;
    }

    .wizard-steps li:before,
    .wizard-steps li:after {
        border-width: 3px;
    }

    .wizard-steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px;
    }

    .wizard-steps li:before {
        top: 16px;
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
        min-height: 150px;
    }
}
/*******************FIN WIZARD****************/
