/* Error de minimización. Devolviendo el contenido no minimizado.
(1315,1): run-time error CSS1019: Unexpected token, found '@import'
(1315,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,800&display=swap')'
(1316,1): run-time error CSS1019: Unexpected token, found '@import'
(1316,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700,0,900,1,400&display=swap')'
(1433,37): run-time error CSS1046: Expect comma, found '150'
(1433,45): run-time error CSS1046: Expect comma, found '/'
(1618,47): run-time error CSS1046: Expect comma, found '0'
(1618,51): run-time error CSS1046: Expect comma, found '/'
(1887,42): run-time error CSS1046: Expect comma, found '0'
(1887,46): run-time error CSS1046: Expect comma, found '/'
(2169,38): run-time error CSS1046: Expect comma, found '0'
(2169,42): run-time error CSS1046: Expect comma, found '/'
(2499,54): run-time error CSS1046: Expect comma, found '0'
(2499,58): run-time error CSS1046: Expect comma, found '/'
(2563,46): run-time error CSS1046: Expect comma, found '0'
(2563,50): run-time error CSS1046: Expect comma, found '/'
(2958,38): run-time error CSS1046: Expect comma, found '0'
(2958,42): run-time error CSS1046: Expect comma, found '/'
(2970,38): run-time error CSS1046: Expect comma, found '0'
(2970,42): run-time error CSS1046: Expect comma, found '/'
(2987,38): run-time error CSS1046: Expect comma, found '0'
(2987,42): run-time error CSS1046: Expect comma, found '/'
(3017,38): run-time error CSS1046: Expect comma, found '0'
(3017,42): run-time error CSS1046: Expect comma, found '/'
(3029,38): run-time error CSS1046: Expect comma, found '0'
(3029,42): run-time error CSS1046: Expect comma, found '/'
(4419,38): run-time error CSS1046: Expect comma, found '150'
(4419,46): run-time error CSS1046: Expect comma, found '/'
(4504,56): run-time error CSS1046: Expect comma, found '0'
(4504,60): run-time error CSS1046: Expect comma, found '/'
(5043,42): run-time error CSS1046: Expect comma, found '0'
(5043,46): run-time error CSS1046: Expect comma, found '/'
(6034,38): run-time error CSS1046: Expect comma, found '20'
(6034,44): run-time error CSS1046: Expect comma, found '/'
(6720,37): run-time error CSS1046: Expect comma, found '150'
(6720,45): run-time error CSS1046: Expect comma, found '/'
(7090,41): run-time error CSS1046: Expect comma, found '200'
(7090,49): run-time error CSS1046: Expect comma, found '/'
(7204,35): run-time error CSS1046: Expect comma, found '0'
(7204,39): run-time error CSS1046: Expect comma, found '/'
(7270,42): run-time error CSS1046: Expect comma, found '0'
(7270,46): run-time error CSS1046: Expect comma, found '/'
(7281,42): run-time error CSS1046: Expect comma, found '0'
(7281,46): run-time error CSS1046: Expect comma, found '/'
(7293,42): run-time error CSS1046: Expect comma, found '0'
(7293,46): run-time error CSS1046: Expect comma, found '/'
(7305,42): run-time error CSS1046: Expect comma, found '0'
(7305,46): run-time error CSS1046: Expect comma, found '/'
(8310,42): run-time error CSS1046: Expect comma, found '0'
(8310,46): run-time error CSS1046: Expect comma, found '/'
(9689,42): run-time error CSS1046: Expect comma, found '0'
(9689,46): run-time error CSS1046: Expect comma, found '/'
(9730,40): run-time error CSS1046: Expect comma, found '0'
(9730,44): run-time error CSS1046: Expect comma, found '/'
(12292,38): run-time error CSS1046: Expect comma, found '20'
(12292,44): run-time error CSS1046: Expect comma, found '/'
(12300,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12314,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12324,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12387,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12473,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(12614,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(12616,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-bg-color'
(12618,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-border-color'
(12622,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(12624,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-hover-bg-color'
(12626,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-hover-border-color'
(12630,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(12632,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-bg-color'
(12634,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-border-color'
(12642,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(12644,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-active-bg-color'
(12646,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-active-border-color'
(12749,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(12805,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(12856,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-non-business-color'
(12860,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-bg-event-color'
(12862,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-bg-event-opacity'
(12867,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(12872,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-highlight-color'
(12877,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(12921,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(12923,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-border-width'
(12925,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(12927,18): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(12931,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(12969,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-selected-overlay-color'
(12987,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(12989,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-bg-color'
(12994,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-text-color'
(13039,15): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(13045,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(13051,20): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(13057,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(13062,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(13067,20): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(13091,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(13093,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(13097,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(13102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13122,40): run-time error CSS1034: Expected closing parenthesis, found ','
(13122,40): run-time error CSS1042: Expected function, found ','
(13122,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(13123,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-today-bg-color'
(13123,65): run-time error CSS1034: Expected closing parenthesis, found ','
(13123,65): run-time error CSS1042: Expected function, found ','
(13123,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(13249,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(13251,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-text-color'
(13286,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(13325,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(13325,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(13327,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(13345,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(13347,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-bg-color'
(13353,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-text-color'
(13423,20): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(13430,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(13435,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(13447,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(13452,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(13457,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(13545,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-today-bg-color'
(13634,36): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(13639,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(13651,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(13663,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(13669,15): run-time error CSS1039: Token not allowed after unary operator: '-fc-more-link-text-color'
(13671,20): run-time error CSS1039: Token not allowed after unary operator: '-fc-more-link-bg-color'
(13697,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-now-indicator-color'
(13711,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-now-indicator-color'
(13732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13737,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(13746,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(13773,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(13796,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(13814,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-hover-bg-color'
(13832,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(13832,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(13834,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
 */
/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

    .jconfirm .jconfirm-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

        .jconfirm .jconfirm-bg.jconfirm-bg-h {
            opacity: 0 !important
        }

    .jconfirm .jconfirm-scrollpane {
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-perspective-origin: center;
        perspective-origin: center;
        display: table;
        width: 100%;
        height: 100%
    }

    .jconfirm .jconfirm-row {
        display: table-row;
        width: 100%
    }

    .jconfirm .jconfirm-cell {
        display: table-cell;
        vertical-align: middle
    }

    .jconfirm .jconfirm-holder {
        max-height: 100%;
        padding: 50px 0
    }

    .jconfirm .jconfirm-box-container {
        -webkit-transition: -webkit-transform;
        transition: -webkit-transform;
        transition: transform;
        transition: transform,-webkit-transform
    }

        .jconfirm .jconfirm-box-container.jconfirm-no-transition {
            -webkit-transition: none !important;
            transition: none !important
        }

    .jconfirm .jconfirm-box {
        background: #fff;
        border-radius: 4px;
        position: relative;
        outline: 0;
        padding: 15px 15px 0;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }

@-webkit-keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

    .jconfirm .jconfirm-box.loading:before {
        content: '';
        position: absolute;
        left: 0;
        background: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 10px;
        z-index: 1
    }

    .jconfirm .jconfirm-box.loading:after {
        opacity: .6;
        content: '';
        height: 30px;
        width: 30px;
        border: solid 3px transparent;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        border-radius: 50%;
        -webkit-animation: jconfirm-spin 1s infinite linear;
        animation: jconfirm-spin 1s infinite linear;
        border-bottom-color: #1e90ff;
        top: 50%;
        margin-top: -15px;
        z-index: 2
    }

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1
}

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
        display: none
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
        opacity: 1
    }

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

    .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
        cursor: move
    }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        font-size: inherit;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
            vertical-align: middle
        }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
            display: none
        }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: inherit;
        font-family: inherit;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
            display: none
        }

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

    .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
        overflow-y: hidden
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
        width: 3px
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
        background: rgba(0,0,0,.1)
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 3px
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
        overflow: auto
    }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
            max-width: 100%;
            height: auto
        }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
            display: none
        }

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

    .jconfirm .jconfirm-box .jconfirm-buttons > button {
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px;
        min-height: 1em;
        -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        -webkit-tap-highlight-color: transparent;
        border: none;
        background-image: none
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
            background-color: #3498db;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
                background-color: #2980b9;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
            background-color: #2ecc71;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
                background-color: #27ae60;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
            background-color: #e74c3c;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
                background-color: #c0392b;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
            background-color: #f1c40f;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
                background-color: #f39c12;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
            background-color: #ecf0f1;
            color: #000;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background-color: #bdc3c7;
                color: #000
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
            background-color: #9b59b6;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
                background-color: #8e44ad;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
            background-color: #34495e;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
                background-color: #2c3e50;
                color: #fff
            }

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

    .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
        left: 5px;
        right: auto
    }

.jconfirm.jconfirm-light .jconfirm-bg, .jconfirm.jconfirm-white .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-light .jconfirm-box, .jconfirm.jconfirm-white .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    border-radius: 5px;
    text-align: center;
}

    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        text-shadow: none
    }

        .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default {
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #333
        }

            .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background: #ddd
            }

.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: #2f4f4f;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    background: #444;
    border-radius: 5px;
    color: #fff
}

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
        float: right
    }

        .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
            border: none;
            background-image: none;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none;
            -webkit-transition: background .1s;
            transition: background .1s;
            color: #fff
        }

            .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #fff;
                background: 0 0
            }

                .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #666
                }

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: glow .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@-webkit-keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

    .jconfirm .jconfirm-box {
        opacity: 1;
        -webkit-transition-property: all;
        transition-property: all
    }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-scalex, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            opacity: 0
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotate {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
            -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
            -webkit-transform: rotatey(90deg);
            transform: rotatey(90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
            -webkit-transform: rotatey(-90deg);
            transform: rotatey(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scaley {
            -webkit-transform: scaley(1.5);
            transform: scaley(1.5);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            -webkit-transform: scalex(1.5);
            transform: scalex(1.5);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-top {
            -webkit-transform: translate(0,-100px);
            transform: translate(0,-100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-left {
            -webkit-transform: translate(-100px,0);
            transform: translate(-100px,0)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-right {
            -webkit-transform: translate(100px,0);
            transform: translate(100px,0)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom {
            -webkit-transform: translate(0,100px);
            transform: translate(0,100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scale {
            -webkit-transform: scale(.5);
            transform: scale(.5)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-none {
            visibility: hidden
        }

    .jconfirm.jconfirm-supervan .jconfirm-bg {
        background-color: rgba(54,70,93,.95)
    }

    .jconfirm.jconfirm-supervan .jconfirm-box {
        background-color: transparent
    }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
            text-align: center;
            color: #fff;
            font-size: 28px;
            font-weight: 400
        }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
                padding-bottom: 25px
            }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                margin-right: 8px;
                margin-left: 0
            }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
            text-align: center;
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
                font-size: 16px;
                border-radius: 2px;
                background: #303f53;
                text-shadow: none;
                border: none;
                color: #fff;
                padding: 10px;
                min-width: 100px
            }

    .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-material .jconfirm-bg {
        background-color: rgba(0,0,0,.67)
    }

    .jconfirm.jconfirm-material .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        padding: 30px 25px 10px 25px
    }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 22px;
            font-weight: 700
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
            text-align: right
        }

            .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
                text-transform: uppercase;
                font-weight: 500
            }

    .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-bg {
        background-color: rgba(0,0,0,.21)
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
        border: solid 1px rgba(0,0,0,.4);
        padding: 15px 0 0
    }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 22px;
            font-weight: 700;
            padding-left: 15px;
            padding-right: 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
            color: rgba(0,0,0,.87);
            padding: 0 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
            text-align: right;
            padding: 10px;
            margin: -5px 0 0;
            border-top: solid 1px #ddd;
            overflow: hidden;
            border-radius: 0 0 4px 4px
        }

            .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
                font-weight: 500
            }

    .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-modern .jconfirm-bg {
        background-color: #708090;
        opacity: .6
    }

    .jconfirm.jconfirm-modern .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        padding: 30px 30px 15px
    }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87);
            top: 15px;
            right: 15px
        }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 10px
        }

            .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition: transform .5s;
                transition: transform .5s,-webkit-transform .5s;
                -webkit-transform: scale(0);
                transform: scale(0);
                display: block;
                margin-right: 0;
                margin-left: 0;
                margin-bottom: 10px;
                font-size: 69px;
                color: #aaa
            }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
            text-align: center;
            font-size: 15px;
            color: #777;
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
                font-weight: 700;
                text-transform: uppercase;
                -webkit-transition: background .1s;
                transition: background .1s;
                padding: 10px 20px
            }

                .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
                    margin-left: 4px
                }

    .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

/*!
 * Datepicker v1.0.7
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 * 
 * Date: 2019-02-19T12:18:01.828Z
 */

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1
}

    .datepicker-container::after, .datepicker-container::before {
        border: 5px solid transparent;
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #39f
}

    .datepicker-top-left::after, .datepicker-top-left::before, .datepicker-top-right::after, .datepicker-top-right::before {
        border-top: 0;
        left: 10px;
        top: -5px
    }

    .datepicker-top-left::before, .datepicker-top-right::before {
        border-bottom-color: #39f
    }

    .datepicker-top-left::after, .datepicker-top-right::after {
        border-bottom-color: #fff;
        top: -4px
    }

.datepicker-bottom-left, .datepicker-bottom-right {
    border-bottom-color: #39f
}

    .datepicker-bottom-left::after, .datepicker-bottom-left::before, .datepicker-bottom-right::after, .datepicker-bottom-right::before {
        border-bottom: 0;
        bottom: -5px;
        left: 10px
    }

    .datepicker-bottom-left::before, .datepicker-bottom-right::before {
        border-top-color: #39f
    }

    .datepicker-bottom-left::after, .datepicker-bottom-right::after {
        border-top-color: #fff;
        bottom: -4px
    }

    .datepicker-bottom-right::after, .datepicker-bottom-right::before, .datepicker-top-right::after, .datepicker-top-right::before {
        left: auto;
        right: 10px
    }

.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%
}

    .datepicker-panel > ul::after, .datepicker-panel > ul::before {
        content: " ";
        display: table
    }

    .datepicker-panel > ul::after {
        clear: both
    }

    .datepicker-panel > ul > li {
        background-color: #fff;
        cursor: pointer;
        float: left;
        height: 30px;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 30px
    }

        .datepicker-panel > ul > li:hover {
            background-color: #e5f2ff
        }

        .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
            color: #999
        }

        .datepicker-panel > ul > li.highlighted {
            background-color: #e5f2ff
        }

            .datepicker-panel > ul > li.highlighted:hover {
                background-color: #cce5ff
            }

        .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
            color: #39f
        }

        .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
            background-color: #fff;
            color: #ccc;
            cursor: default
        }

            .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
                background-color: #e5f2ff
            }

        .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] {
            font-size: 18px
        }

        .datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] {
            width: 150px
        }

    .datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li {
        height: 52.5px;
        line-height: 52.5px;
        width: 52.5px
    }

    .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
        background-color: #fff;
        cursor: default
    }

.datepicker-hide {
    display: none
}

/* This CSS file just define some default styles and loaders */
/* You don't need to include it if you're working with your custom overlay loader element */

.loading-overlay {
    display: table;
    opacity: 0.7;
    z-index: 99999999 !important;
}

.loading-overlay-content {
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    z-index: 99999999 !important;
}

.loading-overlay.loading-theme-light {
    background-color: #fff;
    color: #000;
}

.loading-overlay.loading-theme-dark {
    background-color: #000;
    color: #fff;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700,0,900,1,400&display=swap');

input#fileupload {
    display: none;
}

Div.campo.contrato15 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

* {
    padding: 0;
    border: 0;
    border-width: 0;
    line-height: 1.1;
    list-style: none;
    text-decoration: none;
    outline-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
}

div.body-content {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 100px);
    padding-top: 100px;
}

/************************************************Header********************************************/
div.hookHeader {
    position: fixed;
    display: flex;
    width: calc(100% - 40px);
    font-size: 14px;
    top: 0;
    padding: 2.5px 20px;
    background: #5A5A5A;
    border-bottom: 2px solid #2D6997;
    justify-content: space-between;
    color: #FFFFFF;
    font-weight: 600;
    transition: .5s;
    z-index: 10;
}

    div.hookHeader div.hookContacCont {
        position: relative;
        display: flex;
        align-items: center;
    }

        div.hookHeader div.hookContacCont div.hookContItem {
            position: relative;
            display: flex;
            align-items: center;
            margin: 0 5px;
            font-weight: 600;
        }

            div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
                position: relative;
                display: flex;
                width: 21px;
                height: 21px;
                font-size: 12px;
                margin-right: 5px;
                justify-content: center;
                align-items: center;
                background: #36A0D2;
                border: 2px solid #FFFFFF;
                border-radius: 50%;
            }

            div.hookHeader div.hookContacCont div.hookContItem span a {
                color: #FFFFFF;
            }

            div.hookHeader div.hookContacCont div.hookContItem:nth-child(2) div.hookIcon {
                transform: rotate( 115deg);
            }

    div.hookHeader div.hookContacRedes {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 22px;
    }

        div.hookHeader div.hookContacRedes div.hookRedItem {
            position: relative;
            display: block;
            margin-left: 5px;
        }

            div.hookHeader div.hookContacRedes div.hookRedItem:nth-child(1) a {
                color: #1877F2;
            }

            div.hookHeader div.hookContacRedes div.hookRedItem:nth-child(2) a {
                background: linear-gradient(315deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

header.header {
    position: fixed;
    display: flex;
    top: 30px;
    height: 80px;
    padding: 10px 10px;
    width: 99%;
    background: #FFFFFF;
    justify-content: space-between;
    box-shadow: 0px 5px 5px rgb(150 150 150 / 50%);
    z-index: 5;
}

    header.header div.headIcon {
        position: relative;
        display: block;
        height: 100%;
        cursor: pointer;
        margin: 0px 5px;
        z-index: 3;
    }

        header.header div.headIcon img {
            height: 4em;
            width: auto;
            object-fit: contain;
            margin-top: 10px;
        }

    header.header div.headMenuIng {
        position: relative;
        display: flex;
        top: 0;
        left: 0;
        width: 60%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

        header.header div.headMenuIng div.btnMen {
            position: relative;
            display: flex;
            justify-content: center;
            width: 85%;
            margin: 0px auto;
            text-align: center;
        }

            header.header div.headMenuIng div.btnMen span {
                font-weight: 800;
            }

        header.header div.headMenuIng div.btnIng {
            position: relative;
            display: flex;
            margin: 0 2.5px;
            align-items: center;
            padding: 5px 0px;
            height: 2.6em;
            font-size: 15px;
            width: 12em;
            font-weight: 600;
            color: #FFFFFF;
            background: #000000;
            cursor: pointer;
            transition: .5s;
        }

            header.header div.headMenuIng div.btnIng:hover {
                background: #1FB1CB;
                transition: .5s;
            }

        header.header div.headMenuIng div.btnHome {
            position: relative;
            display: flex;
            padding: 5px;
            align-items: center;
            margin: 0px 2px;
            height: 2.1em;
            width: 2.1em;
            border: 2px solid #000000;
            cursor: pointer;
        }

            header.header div.headMenuIng div.btnHome img {
                height: 100%;
            }

            header.header div.headMenuIng div.btnHome span {
                font-size: 1.9em;
                margin: 0px auto;
            }

        header.header div.headMenuIng div.btnHamb {
            position: relative;
            display: flex;
            padding: 5px;
            align-items: center;
            margin: 0px 2px;
            height: 2.1em;
            width: 2.1em;
            border: 2px solid #000000;
            cursor: pointer;
        }

            header.header div.headMenuIng div.btnHamb span {
                font-size: 1.9em;
                margin: 0px auto;
            }

    /*header.header div.headMenuIng div.btnHamb > span {
                position: relative;
                display: block;
                content: '';
                width: 30px;
                height: 5px;
                background: #000000;
            }*/

    /*header.header div.headMenuIng div.btnHamb > span:before {
                    position: absolute;
                    display: block;
                    content: '';
                    width: 30px;
                    height: 5px;
                    background: #000000;
                    bottom: 10px;
                }

                header.header div.headMenuIng div.btnHamb > span:after {
                    position: absolute;
                    display: block;
                    content: '';
                    width: 30px;
                    height: 5px;
                    background: #000000;
                    top: 10px;
                }*/

    header.header div.headUserPanel {
        position: relative;
        display: flex;
        padding: 5px 10px;
        border: 2px solid #36B4E5;
        border-radius: 40px;
        align-items: center;
        cursor: pointer;
    }

        header.header div.headUserPanel div.headUsIcon {
            position: relative;
            display: flex;
            width: 35px;
            height: 35px;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            background: #3CB4E5;
            color: #FFFFFF;
            border-radius: 50%;
        }

        header.header div.headUserPanel div.headUsTxt {
            position: relative;
            display: block;
            color: #3CB4E5;
            font-weight: 600;
            margin: 0 10px;
        }

            header.header div.headUserPanel div.headUsTxt span {
                position: relative;
                display: block;
            }

        header.header div.headUserPanel div.headUsMenu {
            position: absolute;
            display: block;
            top: 60px;
            width: 100%;
            height: 0;
            padding-right: 10px;
            overflow: hidden;
            transition: .5s;
        }

            header.header div.headUserPanel div.headUsMenu div.headUsItem {
                position: relative;
                display: block;
                margin: 5px 0;
                padding: 5px 10px;
                background: #3CB4E5;
                box-shadow: 3px 3px 3px rgb(0 0 0 / 50%);
                color: #FFFFFF;
                border-radius: 20px;
            }

    header.header div.infoHeaderMovil {
        display: none;
    }

    header.header div.headIcon div.respMenu {
        display: none;
    }

div.hidMenuDesk {
    position: absolute;
    display: block;
    width: 260px;
    top: 60px;
    left: -115px;
    height: 0;
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    transition: .5s;
}

    div.hidMenuDesk div.hidDeskItem {
        position: relative;
        display: flex;
        padding: 5px 10px;
        margin-bottom: 5px;
        background: #DFDDDF;
        border-radius: 10px;
        color: #000000;
        font-weight: 600;
    }

        div.hidMenuDesk div.hidDeskItem span {
            margin-left: 9px !important;
        }

        div.hidMenuDesk div.hidDeskItem:hover {
            background: #1FB1CB;
            color: #FFFFFF;
        }

        div.hidMenuDesk div.hidDeskItem span {
            font-size: 1em !important;
        }

div.menIcon {
    position: relative;
    display: flex;
    width: 20px;
    justify-content: center;
}

.hidMenuDeskCont {
    margin: 5px 10px;
}

div.hidMenuUser {
    position: absolute;
    display: block;
    width: 260px;
    top: 67px;
    left: -46px;
    height: 0;
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    transition: .5s;
}

    div.hidMenuUser div.hidDeskItem {
        position: relative;
        display: flex;
        padding: 5px 10px;
        margin-bottom: 5px;
        background: #DFDDDF;
        border-radius: 10px;
        color: #000000;
        font-weight: 600;
    }

        div.hidMenuUser div.hidDeskItem span {
            margin-left: 10px;
        }

        div.hidMenuUser div.hidDeskItem:hover {
            background: #1FB1CB;
            color: #FFFFFF;
        }

.hidMenuUsuCont {
    margin: 5px 10px;
}

div.hidMenu {
    display: none;
}

/************************************************Footer********************************************/

footer.footer {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    background: #222222;
    transition: .5s;
    z-index: 15;
}

    footer.footer div.footerCont {
        position: relative;
        display: flex;
        width: 90%;
        margin: 10px auto;
    }

        footer.footer div.footerCont div.footerPart {
            position: relative;
            display: block;
            width: 50%;
            margin: 0 10px;
        }

            footer.footer div.footerCont div.footerPart div.footerTitle {
                position: relative;
                display: block;
                margin: 20px 0 10px;
                text-align: center;
                text-transform: uppercase;
                padding: 10px 0;
                font-size: 26px;
                color: #FFFFFF;
                background: linear-gradient(90deg, rgba(238,121,32,0) 10%, rgba(238,121,32,1) 50%, rgba(238,121,32,0) 90%);
            }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap {
                position: relative;
                display: block;
                width: 60%;
                margin: 10px auto;
            }

                footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem {
                    position: relative;
                    display: block;
                    padding: 5px 10px;
                    margin: 5px 0;
                    cursor: pointer;
                }

                    footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                        color: #FFFFFF;
                        margin: 10px auto;
                        position: relative;
                        color: #717579;
                        font-weight: 500;
                        cursor: pointer;
                        font-size: 15px;
                        transition: .3s;
                    }

                        footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span:hover {
                            color: #FFFFFF;
                            transition: .3s;
                        }

    footer.footer div.footerBottom {
        position: relative;
        display: block;
        padding: 5px 20px;
        background: #111111;
        color: #FFFFFF;
    }

    footer.footer div.footerBtn {
        position: relative;
        display: flex;
        justify-content: center;
    }

        footer.footer div.footerBtn div.footerBtnCl {
            position: absolute;
            display: flex;
            padding: 5px 10px 0px;
            top: -27px;
            font-size: 20px;
            background: #444444;
            color: #FFFFFF;
            border-radius: 100px 100px 0 0;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: .5s;
            z-index: 4;
        }

            footer.footer div.footerBtn div.footerBtnCl span {
                transform: rotate(0deg);
                transition: .5s;
            }

    footer.footer.activo div.footerBtn div.footerBtnCl {
        top: 0px;
        color: #444444;
        background: #FFFFFF;
        border-radius: 0 0 100px 100px;
        padding: 0px 10px 5px;
        transition: .5s;
    }

        footer.footer.activo div.footerBtn div.footerBtnCl span {
            transform: rotate(180deg);
            transition: .5s;
        }

/********************************************Pop Ingreso-Registro**************************************/

div.popBlue {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.5);
    z-index: 22;
}

    div.popBlue.popRegistro,
    div.popBlue.popTrabNos,
    div.popBlue.Pqr,
    div.popBlue.olvidocontr,
    div.popBlue.contrProf,
    div.popBlue.popPagMem,
    div.popBlue.popObMem,
    div.popBlue.popAgCita {
        display: none;
        z-index: 30;
    }

        div.popBlue.contrProf div.popBlueCont {
            background: #DDDDDD;
        }

    div.popBlue.popLogin {
        display: none;
        justify-content: flex-start;
        align-items: flex-end;
        z-index: 30;
    }

        div.popBlue.popLogin div.popBlueCont {
            width: 30%;
        }

    div.popBlue div.popBlueCont {
        position: relative;
        display: block;
        width: 40%;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 44%);
    }

        div.popBlue div.popBlueCont.popRegist {
            background: #EDF3F6;
        }

    div.popBlue.popLogin div.popBlueCont {
        left: 650px;
        bottom: 330px;
    }

    div.popBlue div.popBlueCont div.popTitle {
        position: relative;
        display: flex;
        margin-bottom: 10px;
        justify-content: center;
    }

        div.popBlue div.popBlueCont div.popTitle label {
            position: relative;
            display: block;
            padding: 10px 0;
            width: 60%;
            color: #000000;
            font-size: 1.5em;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
            border-radius: 10px;
        }

    div.popBlue div.popBlueCont div.popInText {
        position: relative;
        display: block;
        margin: 0 10px;
        color: #FFFFFF;
        text-align: justify;
    }

    div.popBlue div.popBlueCont div.popCampo {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    div.popBlue div.popRow div.popCampo div.popCampoF {
        position: relative;
        display: flex;
        margin: 10px 0px;
        width: 100%;
    }

        div.popBlue div.popRow div.popCampo div.popCampoF select.inputField {
            margin: 0px 5px;
        }

    div.popBlue div.popBlueCont div.popCampo label {
        margin-left: 5px;
    }

    div.popBlue div.popBlueCont div.popCampo.dif {
        width: calc(49% - 1px);
        display: inline-block;
        position: relative;
        margin: auto 4px;
        margin-bottom: 10px;
    }

        div.popBlue div.popBlueCont div.popCampo.dif div {
            width: 100%;
            margin: 10px auto;
            color: #FFFFFF;
        }

    div.popBlue div.popBlueCont div.popCampo.difCampPqr {
        width: calc(100% - 5px);
    }

    div.popBlue div.popBlueCont div.popCampo.UNI {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

        div.popBlue div.popBlueCont div.popCampo.UNI div {
            width: 100%;
            margin: 10px auto;
            color: #FFFFFF;
        }

    div.popBlue div.popBlueCont div.cloPop {
        position: absolute;
        display: flex;
        width: 25px;
        height: 25px;
        top: 10px;
        right: 10px;
        justify-content: center;
        align-items: center;
        color: #1FB1CB;
        border: 2px solid #1FB1CB;
        border-radius: 50%;
        cursor: pointer;
    }

    div.popBlue div.popBlueCont div.popBtnIn {
        position: relative;
        display: block;
    }

        div.popBlue div.popBlueCont div.popBtnIn span.btnWide {
            position: relative;
            display: block;
            width: 50%;
            cursor: pointer;
            margin: auto;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
            color: #FFFFFF;
            background: #1FB1CB;
            padding: 10px 0;
            border-radius: 5px;
        }

            div.popBlue div.popBlueCont div.popBtnIn span.btnWide.btnOrgn {
                background: #1FB1CB;
                color: #FFFFFF;
            }

        div.popBlue div.popBlueCont div.popBtnIn span.txtOlvido {
            position: relative;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 20px;
            color: #000000;
            cursor: pointer;
            font-weight: 600;
        }

        div.popBlue div.popBlueCont div.popBtnIn span.estil {
            position: relative;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 20px;
            color: #1FB1CB;
            cursor: pointer;
            font-weight: 600;
        }

    div.popBlue div.popRow {
        position: relative;
        display: flex;
        margin: 10px 0;
        align-items: center;
        color: #000000;
    }

        div.popBlue div.popRow input.inputField {
            margin: 0px 2px;
        }

        div.popBlue div.popRow div.popCampo {
            margin-bottom: 0;
            margin: 0 5px;
            width: 50%;
        }

        div.popBlue div.popRow input.inCheck {
            position: relative;
            display: block;
            margin-right: 5px;
            margin-left: 10px;
        }

        div.popBlue div.popRow label a {
            color: #1FB1CB;
            font-weight: 600;
        }

    div.popBlue div.popBlueCont div.popContPag {
        position: relative;
        display: block;
    }

        div.popBlue div.popBlueCont div.popContPag > span {
            position: relative;
            display: block;
            margin: 10px 0;
            color: #FFFFFF;
        }

        div.popBlue div.popBlueCont div.popContPag div.campo {
            position: relative;
            display: block;
            margin: 10px 0;
        }

            div.popBlue div.popBlueCont div.popContPag div.campo label {
                position: relative;
                display: block;
                margin-bottom: 5px;
                color: #FFFFFF;
            }

        div.popBlue div.popBlueCont div.popContPag div.campoFlex {
            position: relative;
            display: flex;
            justify-content: center;
        }

            div.popBlue div.popBlueCont div.popContPag div.campoFlex a {
                position: absolute;
                right: 0;
                font-size: 30px;
            }

                div.popBlue div.popBlueCont div.popContPag div.campoFlex a span {
                    padding: 5px 10px;
                }

    div.popBlue div.popBlueCont div.popPagMemCl,
    div.popBlue div.popBlueCont div.popObMemCl,
    div.popAgCita div.popAgCls {
        position: absolute;
        display: flex;
        width: 25px;
        height: 25px;
        justify-content: center;
        align-items: center;
        top: 10px;
        right: 10px;
        border: 2px solid #1FB1CB;
        color: #1FB1CB;
        border-radius: 50%;
        cursor: pointer;
    }

.popIngreso {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.5);
    z-index: 22;
}

    .popIngreso .nvoPopup {
        background: #FFFFFF;
    }

.popUsuProf {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.5);
    z-index: 22;
}

.nvoPopup {
    position: relative;
    display: block;
    width: 27em;
    padding: 20px;
    background: #DDDDDD;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 44%);
}

    .nvoPopup .popCont .popTittle {
        position: relative;
        display: block;
        margin: 15px auto;
        text-align: center;
    }

        .nvoPopup .popCont .popTittle label {
            font-size: 1.5em;
            font-weight: 600;
        }

        .nvoPopup .popCont .popTittle span {
            font-size: 2.3em;
            font-weight: 600;
        }

    .nvoPopup .popCont .logIngreso {
        position: relative;
        display: block;
        margin: 10px auto;
    }

        .nvoPopup .popCont .logIngreso .nvoPopTxt {
            font-size: 1.5em;
            font-weight: 600;
            text-align: center;
            margin-bottom: 30px;
        }

        .nvoPopup .popCont .logIngreso .campo {
            margin: 10px auto;
            font-weight: bold;
        }

            .nvoPopup .popCont .logIngreso .campo label {
                margin-left: 5px;
            }

.ingraBttn {
    position: relative;
    display: flex;
    justify-content: center;
    background: #1FB1CB;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: bold;
    padding: 5px 0px;
    font-size: 1.8em;
    margin: 10px auto;
    cursor: pointer;
}

.crearUsu {
    position: relative;
    display: flex;
    justify-content: center;
    color: #1FB1CB;
    border-radius: 4px;
    font-weight: bold;
    padding: 5px 0px;
    font-size: 1.8em;
    margin: 10px auto;
}

    .crearUsu span {
        cursor: pointer;
    }

.helpBttn {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    padding: 5px 0px;
    font-size: 1em;
    margin: 10px auto;
    font-weight: 600;
}

    .helpBttn span {
        cursor: pointer;
    }

.clseBttn {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    padding: 5px 0px;
    font-size: 1em;
    margin: 10px auto;
    font-weight: 600;
}

    .clseBttn span {
        cursor: pointer;
    }

div.popAgCita div.popAgTitle {
    position: relative;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

div.popAgCita div.popAgTxt {
    position: relative;
    display: block;
    text-align: center;
}

    div.popAgCita div.popAgTxt a {
        font-weight: 600;
    }

span.servClWin {
    position: absolute;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 10px;
    background: #DD5145;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 4;
}

div.popPagos {
    display: none;
    color: #FFFFFF;
}

    div.popPagos div.rowCampo {
        position: relative;
        display: block;
        margin: 10px 0;
    }

        div.popPagos div.rowCampo label {
            position: relative;
            display: block;
            margin-bottom: 5px;
        }

        div.popPagos div.rowCampo div.campo {
            position: relative;
            display: block;
            width: 100%;
        }

        div.popPagos div.rowCampo div.campoFlex {
            position: relative;
            display: flex;
            margin: 0 10px;
        }

            div.popPagos div.rowCampo div.campoFlex label {
                margin: 0;
                margin-left: 5px;
            }

    div.popPagos div.rowCampo {
        position: relative;
        display: flex;
        margin: 10px 0;
        justify-content: center;
    }

div.radioHold {
    position: relative;
    display: flex;
    justify-content: center;
}

    div.radioHold div.campo {
        position: relative;
        margin: 0 10px;
    }

/************************************************Index********************************************/
div.indexPan {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: calc(100vh - 100px);
    overflow: hidden;
}

    div.indexPan div.indexPanUnit {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        right: 0%;
        overflow: hidden;
        transition: .5s;
    }

        div.indexPan div.indexPanUnit div.idxImgBack {
            position: relative;
            display: flex;
            width: 100%;
            height: 100%;
            margin-bottom: 200px;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack {
                position: absolute;
                display: flex;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                justify-content: center;
                align-items: flex-end;
                overflow: hidden;
                z-index: 1;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
                    position: relative;
                    display: flex;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.tablet {
                    display: none;
                }

                div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.mobil {
                    display: none;
                }

            div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
                position: absolute;
                display: block;
                height: 90%;
                top: -20px;
                right: 5%;
                z-index: 3;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack img {
                    height: 100%;
                    width: auto;
                    object-fit: contain;
                    object-position: center;
                }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
                position: relative;
                display: flex;
                height: 51%;
                top: 40px;
                left: 518px;
                align-items: flex-end;
                text-align: center;
                margin: auto;
                z-index: 2;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro .bannText .txtUp {
                    font-size: 3.4em;
                    font-weight: 600;
                    color: #EC7A00;
                    border-bottom: 5px solid #B5B5B5;
                    margin-bottom: 15px;
                }

                div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro .bannText .txtMddl {
                    color: #3BB7D3;
                }

                    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro .bannText .txtMddl span {
                        font-size: 3.4em;
                        font-weight: 600;
                    }

                    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro .bannText .txtMddl label {
                        font-size: 5.8em;
                        font-weight: 600;
                    }

                div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro .bannText .txtBttm {
                    background-color: #6EB0D7;
                    color: #FFFFFF;
                    font-size: 1.6em;
                    padding: 10px 0px;
                }

        div.indexPan div.indexPanUnit div.slidDots {
            position: absolute;
            display: flex;
            width: 100%;
            height: 30px;
            bottom: 29%;
            justify-content: center;
            z-index: 4;
        }

            div.indexPan div.indexPanUnit div.slidDots div.selBann {
                position: relative;
                display: flex;
                margin: 0px 5px;
            }

                div.indexPan div.indexPanUnit div.slidDots div.selBann span {
                    position: relative;
                    display: block;
                    content: '';
                    width: 25px;
                    margin: 0px 3px;
                    height: 25px;
                    background: #FFFFFF;
                    border-radius: 50%;
                    cursor: pointer;
                    transition: .5s;
                    box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
                }

                    div.indexPan div.indexPanUnit div.slidDots div.selBann span:hover {
                        background: #BEBDBE;
                    }

                    div.indexPan div.indexPanUnit div.slidDots div.selBann span.activo {
                        background: #BEBDBE;
                    }

/*div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
                    padding: 20px 40px;
                    border: 3px solid #ED7422;
                }*/

/*div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
                position: absolute;
                display: block;
                width: 70%;
                bottom: 150px;
                text-align: center;
                font-size: 25px;
                font-weight: 600;
                color: #FFFFFF;
                margin: auto;
                z-index: 3;
            }*/

.bannImg img {
    height: 410px;
}

div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo.divDpto {
    display: none;
}

div.indexPan div.indexPanUnit div.idxBoxesOpc {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    align-items: flex-end;
}

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
            position: relative;
            display: block;
            width: calc(20% - 90px);
            margin: 30px 20px;
            height: 153px;
            padding: 10px 20px;
            border: 5px;
            cursor: pointer;
            background: #DFDDDF;
            box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit.promBox {
                display: flex;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit:hover {
                background: #BEBDBE;
                transition: .5s;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                position: relative;
                display: flex;
                justify-content: space-around;
                align-items: center;
                margin-top: 15px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn.other {
                    margin-right: 5px;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn.telefono {
                    height: 75%;
                    margin-top: 0;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
                    position: relative;
                    display: flex;
                    width: 100%;
                    justify-content: center;
                    height: 100%;
                    /* margin-top: 10px; */
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon a img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                    position: relative;
                    display: flex;
                    width: 70px;
                    height: 69px;
                    justify-content: center;
                    align-items: center;
                    /*left: 37px;*/
                    font-size: 42px;
                    border-radius: 50%;
                    color: #36B4E5;
                    z-index: 3;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
                        left: 46px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont img {
                        height: 100%;
                        width: 100%;
                        object-fit: contain;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
                        height: 90px;
                        /*left: 13px;*/
                        bottom: 8px;
                    }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                    position: relative;
                    display: block;
                    padding: 5px 10px;
                    font-size: 22px;
                    right: 15%;
                    font-weight: 700;
                    text-align: center;
                    background: #22A8E0;
                    border-radius: 6px;
                    color: #FFFFFF;
                    transition: .5s;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont {
                    position: relative;
                    display: flex;
                    width: 85%;
                    height: 100%;
                    bottom: -27px;
                    justify-content: center;
                    align-items: center;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont span {
                        position: relative;
                        display: block;
                        padding: 10px 20px;
                        border-radius: 20px;
                        cursor: pointer;
                    }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont span img {
                            height: 85px;
                            width: auto;
                            object-fit: contain;
                        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                position: relative;
                display: block;
                text-align: center;
                font-size: 24px;
                font-weight: 700;
                color: #000000;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
                    height: 55%;
                    top: 30px;
                    /*left: 31px;*/
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText img {
                        height: 100%;
                        width: 100%;
                        object-fit: contain;
                    }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan span {
                    font-size: 1em;
                    font-weight: 800;
                }

                /*div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText div.upperText span {
                            font-size: 1.8em;
                        }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText div.bttmText span {
                            font-size: 0.9em;
                        }*/

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan label {
                    font-style: italic;
                    font-weight: 100;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.agendSpan {
                    text-align: end;
                    width: 90%;
                    top: 21px;
                }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                font-size: 26px;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
                font-size: 2em;
                padding-left: 30px;
                right: 19px;
            }

div.indexPan div.indexPanUnit div.secBusc {
    position: relative;
    display: inline-block;
    width: calc(70% - 5px);
    height: 100%;
    vertical-align: top;
    overflow: auto;
}


    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
        position: relative;
        display: block;
        width: 100%;
        padding-bottom: 15px;
        margin-top: 5px;
        background: #E5E5E5;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest {
            position: relative;
            display: block;
            padding-top: 25px;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest > span {
                position: relative;
                display: block;
                padding: 5px 10px;
                padding-left: 40px;
                text-transform: uppercase;
                background: #36B4E6;
                color: #FFFFFF;
                font-weight: 600;
                font-size: 1.3rem;
                width: 40%;
            }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
            position: relative;
            display: flex;
            color: #3CB4E5;
            width: 93%;
            align-items: center;
            justify-content: space-between;
            font-size: 1.9em;
            font-weight: 600;
            padding: 20px 40px;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle div.secBuscInput {
                width: 36%;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle div.secBuscInput div.campo {
                    width: 95%;
                }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
            position: relative;
            display: block;
            width: 90%;
            padding: 0 40px;
            padding-bottom: 30px;
            font-size: 1.2em;
            font-weight: 600;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput {
            position: relative;
            display: flex;
            padding: 0 40px;
            margin: 25px 0px;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
                position: relative;
                display: block;
                width: 25%;
                margin: auto 5px;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo div.campo {
                    display: flex;
                    width: 100%;
                    margin: 5px auto;
                    align-items: center;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo div.campo label {
                        margin-left: 5px;
                    }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo label {
                    font-size: 1.1em;
                    font-weight: 600;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 10px;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder.bttnSrch {
                    display: none;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
                    position: relative;
                    display: block;
                    padding: 10px 30px;
                    font-size: 18px;
                    font-weight: 600;
                    background: #ED7422;
                    color: #FFFFFF;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: .5s;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem:hover {
                        background: #FA9149;
                        transition: .5s;
                    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.filtrSearch {
            position: relative;
            display: none;
            width: 100%;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.iconMedic {
            position: relative;
            display: flex;
            background: #ED7422;
            font-size: 28px;
            height: 40px;
            width: 40px;
            padding: 0px 5px;
            justify-content: center;
            align-items: center;
            color: #FFFFFF;
            border-radius: 5px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest {
        position: relative;
        display: block;
        width: 100%;
        height: 60%;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
            position: relative;
            display: flex;
            padding: 25px;
            align-items: center;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes {
                position: relative;
                display: flex;
                width: 40px;
                height: 40px;
                justify-content: center;
                align-items: center;
                font-size: 32px;
                background: #36B4E5;
                color: #FFFFFF;
                border-radius: 5px;
                margin-right: 10px;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes.alter {
                    background: #DF7131;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label {
                position: relative;
                display: block;
                font-size: 26px;
                font-weight: 600;
                color: #36B4E5;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label.alter {
                    color: #DF7131;
                }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
            position: relative;
            display: block;
            margin: 20px;
            border: 2px solid #D7D7D7;
            border-radius: 10px;
            padding: 30px 0;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold.other {
                display: none;
            }

div.secPromos {
    position: relative;
    display: inline-block;
    width: calc(30%);
    height: 100%;
    vertical-align: top;
    margin-top: 30px;
}

.directPop {
    position: fixed;
    display: none;
    top: 751px;
    left: 390px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
    z-index: 5;
}

.nalTelPop {
    position: fixed;
    display: none;
    top: 742px;
    left: 796px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px 35px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
    z-index: 5;
}

    .nalTelPop .popBtnns {
        width: 80%;
        margin: 0px auto;
    }

.registerPop {
    position: fixed;
    display: none;
    top: 761px;
    left: 1380px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
    z-index: 5;
}

.popText {
    position: relative;
    display: flex;
    font-size: 1.7em;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #D4D4D4;
}

.txtPhone {
    position: relative;
    display: flex;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #000000;
    margin: 15px 0px;
}

.bgButtons {
    position: relative;
    display: flex;
    height: 70px;
    width: 100%;
    margin-top: 25px;
    background: #DFDDDF;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 30%);
    border-radius: 7px;
}

.bgButtons {
    position: relative;
    display: flex;
    height: 70px;
    width: 100%;
    padding-right: 5px;
    margin-top: 15px;
    background: #DFDDDF;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 30%);
    border-radius: 7px;
    cursor: pointer;
    transition: .5s;
}

    .bgButtons:hover {
        background: #BEBDBE;
    }

    .bgButtons a {
        position: relative;
        display: flex;
        height: 70px;
        width: 100%;
    }

    .bgButtons .bttnImg {
        position: relative;
        display: flex;
        width: 60px;
        padding: 10px;
        border-right: 1px solid #D1CFD1;
        margin-right: 10px;
    }

        .bgButtons .bttnImg.btnWhte {
            position: absolute;
            opacity: 0;
            top: 0px;
            left: 0px;
        }

        .bgButtons .bttnImg img {
            height: 100%;
            margin: 0px auto;
        }

    .bgButtons .buttonTxt {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 1.7em;
        font-weight: bold;
        width: 50%;
        justify-content: center;
        color: #000000;
    }

div.secPromTarj {
    position: relative;
    display: flex;
    margin: 20px 40px;
    height: calc(60% - 80px);
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

div.promosBann {
    position: relative;
    display: -webkit-inline-box;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    top: 0px;
    width: calc(100% - 1px);
}

div.slideProm,
div.otherSlider {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    transition: .5s;
    right: 0%;
}

    div.slideProm div.subSlideProm,
    div.otherSlider div.subSlideProm {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

        div.slideProm div.subSlideProm img,
        div.otherSlider div.subSlideProm img {
            width: 100%;
            height: 100%;
        }

div.secPromTarj div.secPromTitle {
    position: relative;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ED7422;
}

div.secPromTarj div.secPromTxt {
    position: relative;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #3CB4E5;
}

div.secPromTarj div.secPromImg {
    position: relative;
    display: flex;
    width: 100%;
    height: 230px;
}

    div.secPromTarj div.secPromImg img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

div.secPromTarj div.secPromBtn {
    position: relative;
    display: block;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border: 2px solid;
    color: #ED7422;
    background: #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
}

div.sliderCont {
    position: relative;
    display: -webkit-inline-box;
    vertical-align: top;
    overflow: hidden;
    height: 70%;
    width: calc(100% - 1px);
    margin-top: 31px;
}

div.sliderImg {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    transition: .5s;
    right: 0%;
}

    div.sliderImg div.imgeCont {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

        div.sliderImg div.imgeCont img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

.rightBttn {
    position: fixed;
    display: none;
    top: 336px;
    z-index: 15;
    right: 63px;
    padding: 5px;
    cursor: pointer;
}

    .rightBttn span {
        font-size: 51px;
        opacity: 0.3;
    }

.leftBttn {
    position: fixed;
    display: none;
    top: 336px;
    z-index: 15;
    right: 478px;
    padding: 5px;
    cursor: pointer;
}

    .leftBttn span {
        font-size: 51px;
        opacity: 0.3;
    }

div.tinySlider {
    position: relative;
    display: -webkit-inline-box;
    vertical-align: top;
    overflow: hidden;
    height: 77%;
    top: 0px;
    width: calc(100% - 1px);
}

div.imgesSlid {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    transition: .5s;
    right: 0%;
}

    div.imgesSlid div.imgeCont {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

        div.imgesSlid div.imgeCont img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

div.secPromDrog {
    position: relative;
    display: flex;
    margin: 20px 40px;
    height: calc(40% - 60px);
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    overflow: hidden;
}

    div.secPromDrog a {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

        div.secPromDrog a img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }

div.popPromos {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.8);
    z-index: 18;
}

    div.popPromos div.popPromoItem {
        position: relative;
        display: flex;
        width: 28%;
        height: 35%;
        justify-content: center;
        align-items: center;
        margin: 0 10px;
    }

        div.popPromos div.popPromoItem a {
            position: relative;
            display: flex;
            width: 100%;
            height: 100%;
        }

            div.popPromos div.popPromoItem a img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
            }

    div.popPromos div.clPromoPop {
        position: absolute;
        display: flex;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        border: 5px solid #FFFFFF;
        color: #FFFFFF;
        font-size: 30px;
        border-radius: 50%;
        cursor: pointer;
    }

/*******************************************Preguntas Frecuentes**************************************/
.vertCont {
    position: relative;
    display: block;
    height: 100%;
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.frstCont {
    position: relative;
    display: flex;
    width: 100%;
    height: 290px;
    background: #E4B72A;
    padding: 30px 0px;
}

.divTttl {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .divTttl label {
        font-size: 6em;
        font-weight: 800;
        color: #FFFFFF;
        margin-left: 150px;
        margin-top: 20px;
    }

.imgFondo {
    position: relative;
    display: flex;
    height: 100%;
    right: 120px;
}

    .imgFondo img {
        height: 100%;
    }

.scndCont {
    position: relative;
    display: flex;
    width: 100%;
    height: 830px;
    padding-top: 40px;
    justify-content: end;
    background: #EFF0F2;
}

.preguntCont {
    position: absolute;
    display: block;
    width: 40%;
    margin: 10px 40px;
    left: 220px;
    top: 80px;
}

.infoCont .pregunta {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #D1D1D3;
    color: #000000;
    font-size: 1.8em;
    font-weight: 800;
    border-bottom: 3px solid #1FA4BE;
    cursor: pointer;
}

    .infoCont .pregunta span:nth-child(1) {
        margin-left: 10px;
    }

    .infoCont .pregunta span:nth-child(2) {
        color: #0C8086;
    }

.respuesta {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 0px;
    overflow: auto;
    transition: .5s;
}

    .respuesta .resCont {
        position: relative;
        display: block;
        height: 100%;
    }

        .respuesta .resCont .resHeight {
            position: relative;
            display: block;
            height: auto;
            width: 70%;
            padding: 10px;
            font-size: 1.5em;
            max-height: 440px;
            font-weight: 600;
            color: #0C8086;
            margin-left: 20px;
            overflow: auto;
        }

            .respuesta .resCont .resHeight .questAnsw {
                margin: 5px auto;
            }

.firstSpan {
    padding: 10px 5px;
    background: #D1D1D3;
    border: 3px solid #1FA4BE;
    cursor: pointer;
}

.scndSpan {
    height: 0px;
    overflow: hidden;
    transition: .5s;
}

.spanHeight {
    margin: 10px 0px;
}

.questAnsw label {
    font-weight: 900;
}

.trcroCont {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 220px;
    background: #F5BA42;
}

.textInfo {
    position: relative;
    display: block;
    text-align: center;
    margin-left: 440px;
    margin-top: 20px;
    font-weight: 700;
    color: #FFFFFF;
}

    .textInfo label:nth-child(1) {
        font-size: 4em;
    }

    .textInfo label:nth-child(2) {
        font-size: 2.5em;
    }

    .textInfo span {
        font-size: 2.6em;
        font-weight: 900;
        color: #000000;
    }

/*******************************************Beneficios con membresia**************************************/

.firstCont {
    position: relative;
    display: flex;
    height: 660px;
    background-image: url(../img/MemberFondo.jpg);
}

    .firstCont .imgItem:nth-child(1) {
        position: absolute;
        display: flex;
        top: 61px;
        left: 220px;
    }

    .firstCont .imgItem:nth-child(2) {
        position: absolute;
        display: flex;
        top: 60px;
        left: 970px;
    }

.secondCont {
    position: relative;
    display: flex;
    height: 284px;
    background: #F9BD43;
}

    .secondCont .textInfo {
        position: absolute;
        display: block;
        text-align: center;
        margin-top: 35px;
        font-weight: 700;
        margin-left: 0px;
        left: 460px;
        color: #FFFFFF;
    }

        .secondCont .textInfo span {
            font-size: 4em;
            font-weight: 900;
            color: #000000;
        }

    .secondCont .imgFondo {
        position: absolute;
        display: flex;
        height: 100%;
        right: 200px;
    }

.thirdCont {
    position: relative;
    display: flex;
    height: 250px;
    background: #7AB3D9;
}

    .thirdCont .imgFondo {
        position: absolute;
        display: flex;
        height: 219%;
        top: -116px;
        left: 0px;
    }

    .thirdCont .bannText {
        position: absolute;
        display: block;
        font-size: 2em;
        color: #FFFFFF;
        font-weight: 800;
        text-align: center;
        left: 640px;
        margin-top: 25px;
    }

        .thirdCont .bannText label:nth-child(1) {
            position: relative;
            display: block;
            font-size: 2em;
            margin-bottom: 30px;
        }

.fourthCont {
    position: relative;
    display: flex;
    height: 860px;
    width: 100%;
}

    .fourthCont .imgFondo {
        position: relative;
        display: flex;
        height: 100%;
        right: 0px;
    }

        .fourthCont .imgFondo img {
            height: 100%;
            width: 100%;
        }

    .fourthCont .drogLogo {
        position: absolute;
        display: flex;
        height: 160px;
        top: 50px;
        left: 80px;
    }

    .fourthCont .drogTxt {
        position: absolute;
        display: flex;
        height: 410px;
        top: 370px;
        left: 90px;
    }

.fithcont {
    position: relative;
    display: flex;
    height: 240px;
    background: #32AB46;
}

    .fithcont .imgFondo {
        position: absolute;
        display: flex;
        height: 226%;
        top: -146px;
        left: -100px;
    }

    .fithcont .bannText {
        position: absolute;
        display: block;
        text-align: center;
        color: #FFFFFF;
        font-size: 2em;
        font-weight: 800;
        left: 25%;
        top: 50px;
    }

        .fithcont .bannText label:nth-child(1) {
            position: relative;
            display: block;
            font-size: 1.7em;
            margin-bottom: 15px;
        }

.sixthCont {
    position: relative;
    display: flex;
    height: 880px;
    background-image: url(../img/fondoBono2.jpg);
}

    .sixthCont .imgItem {
        position: absolute;
        display: flex;
    }

        .sixthCont .imgItem:nth-child(1) {
            top: 119px;
            left: 160px;
        }

        .sixthCont .imgItem:nth-child(2) {
            left: 770px;
            top: 50px;
        }

        .sixthCont .imgItem:nth-child(3) {
            left: 1200px;
            top: 49px;
        }

        .sixthCont .imgItem:nth-child(4) {
            top: 620px;
            left: 880px;
        }

.seventhCont {
    position: relative;
    display: flex;
    height: 200px;
    background: #9F9E9E;
}

    .seventhCont .imgFondo {
        position: absolute;
        display: flex;
        height: 219%;
        left: 0px;
        top: -93px;
    }

    .seventhCont .bannText {
        position: absolute;
        display: block;
        text-align: center;
        color: #FFFFFF;
        font-size: 2em;
        font-weight: 900;
        left: 40%;
        margin-top: 30px;
    }

        .seventhCont .bannText label:nth-child(1) {
            display: block;
            margin-bottom: 15px;
            font-size: 1.7em;
        }

.eightCont {
    position: relative;
    display: flex;
    height: 690px;
    background: #32AB46;
}

    .eightCont .imgFondo {
        position: absolute;
        display: flex;
        top: -80px;
        height: 123%;
        right: -118px;
    }

    .eightCont .imgItem {
        position: absolute;
        display: flex;
        height: 240px;
        top: 350px;
        left: 120px;
    }

    .eightCont .bannText {
        position: absolute;
        display: block;
        font-size: 3em;
        font-weight: 800;
        color: #FFFFFF;
        left: 125px;
        top: 60px;
    }

.ninthCont {
    position: relative;
    display: flex;
    height: 250px;
    background: #E46A23;
}

    .ninthCont .imgFondo {
        position: absolute;
        display: flex;
        height: 164%;
        left: -1px;
    }

    .ninthCont .bannText {
        position: absolute;
        display: block;
        text-align: center;
        color: #FFFFFF;
        font-size: 2em;
        font-weight: 800;
        left: 35%;
        margin-top: 55px;
    }

        .ninthCont .bannText label:nth-child(1) {
            display: block;
            margin-bottom: 15px;
            font-size: 1.6em;
        }

.tenthCont {
    position: relative;
    display: flex;
    height: auto;
    background: #FF8900;
}

    .tenthCont .imgFondo {
        position: relative;
        display: flex;
    }

    .tenthCont .bannText {
        position: absolute;
        display: block;
        text-align: center;
        font-size: 4em;
        color: #FFFFFF;
        font-weight: 900;
        top: 100px;
        height: 100%;
        left: 960px;
    }

        .tenthCont .bannText label:nth-child(1) {
            display: block;
            margin-bottom: 20px;
        }

        .tenthCont .bannText label:nth-child(2) {
            display: block;
            font-size: 1.7em;
            margin-bottom: 40px;
        }

        .tenthCont .bannText label:nth-child(3) {
            font-size: 1.4em;
        }

        .tenthCont .bannText span {
            color: #008047;
            padding: 0px 20px;
            background: #FFE400;
            border-radius: 10%;
            cursor: pointer;
        }

/*******************************************Profesional de la salud**************************************/
.prmeCont {
    position: relative;
    display: flex;
    height: 845px;
}

    .prmeCont .imgItem {
        position: relative;
        display: flex;
        height: 100%;
        width: 100%;
    }

        .prmeCont .imgItem img {
            height: 100%;
            width: 100%;
        }

    .prmeCont .publictext {
        position: absolute;
        display: block;
        color: #707070;
        font-weight: 900;
        width: 100%;
    }

        .prmeCont .publictext label:nth-child(1) {
            position: absolute;
            top: 180px;
            font-size: 6em;
            color: #1FA4BE;
            left: 210px;
        }

        .prmeCont .publictext label:nth-child(2) {
            position: absolute;
            font-size: 2em;
            top: 320px;
            left: 210px;
        }

        .prmeCont .publictext label:nth-child(3) {
            position: absolute;
            font-size: 2em;
            top: 500px;
            left: 250px;
        }

        .prmeCont .publictext label:nth-child(4) {
            position: absolute;
            font-size: 4em;
            top: 541px;
            left: 244px;
        }

.horSlideCont {
    position: relative;
    display: -webkit-inline-box;
    vertical-align: top;
    height: 880px;
    top: 0px;
    width: calc(100% - 1px);
    overflow-x: hidden;
    overflow-y: hidden;
}

    .horSlideCont .horPubl {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        transition: .5s;
        right: 0%;
    }

        .horSlideCont .horPubl .contentPrimr {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
        }

            .horSlideCont .horPubl .contentPrimr .imgFondo {
                position: relative;
                display: flex;
                right: 0px;
                height: auto;
            }

            .horSlideCont .horPubl .contentPrimr .imgItem {
                position: absolute;
                display: flex;
                height: 23%;
                bottom: 8%;
                right: 30%;
            }

                .horSlideCont .horPubl .contentPrimr .imgItem img {
                    height: 100%;
                    margin: 0px 20px;
                }

                .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
                    height: 50%;
                    top: 0%;
                    right: 6%;
                }

            .horSlideCont .horPubl .contentPrimr .horLine {
                position: relative;
                display: block;
                top: -630px;
                width: 50%;
                margin: auto;
            }

                .horSlideCont .horPubl .contentPrimr .horLine span {
                    background: #DA7622;
                    height: 15px;
                    border-radius: 50px;
                }

            .horSlideCont .horPubl .contentPrimr .publictext {
                position: absolute;
                display: block;
                top: 530px;
                color: #1FADC7;
                font-size: 3em;
                font-weight: 700;
                left: 530px;
                background: #F7D2D6;
            }

        .horSlideCont .horPubl .contentScnd {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
        }

            .horSlideCont .horPubl .contentScnd .imgFondo {
                position: relative;
                display: flex;
                right: 0%;
                height: 100%;
            }

            .horSlideCont .horPubl .contentScnd .imgItem {
                position: absolute;
                display: block;
                height: 85%;
                bottom: 10%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentScnd .imgItem img {
                    height: 100%;
                }

            .horSlideCont .horPubl .contentScnd .imgTxt {
                position: absolute;
                display: block;
                font-size: 1.5em;
                font-weight: 600;
                color: #707070;
                text-align: center;
                bottom: 10%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentScnd .imgTxt label:nth-child(2) {
                    font-size: 2em;
                }

            .horSlideCont .horPubl .contentScnd .imgLogo {
                position: absolute;
                display: block;
                height: 13%;
                bottom: 83%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentScnd .imgLogo img {
                    height: 100%;
                }

        .horSlideCont .horPubl .contentThrd {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            background: #D3BCA3;
        }

            .horSlideCont .horPubl .contentThrd .imgFondo {
                position: relative;
                display: flex;
                height: 100%;
                right: 0px;
            }

            .horSlideCont .horPubl .contentThrd .imgLogo {
                position: absolute;
                display: block;
                height: 13%;
                bottom: 83%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentThrd .imgLogo img {
                    height: 100%;
                }

            .horSlideCont .horPubl .contentThrd .imgItem {
                position: absolute;
                display: block;
                height: 80%;
                bottom: 10%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentThrd .imgItem img {
                    height: 100%;
                }

        .horSlideCont .horPubl .contentFrth {
            position: relative;
            display: block;
            width: 1790px;
            height: 100%;
            background: #FFFFFF;
        }

            .horSlideCont .horPubl .contentFrth .imgFondo {
                position: relative;
                display: flex;
                height: 100%;
                right: 0px;
            }

            .horSlideCont .horPubl .contentFrth .imgLogo {
                position: absolute;
                display: block;
                height: 13%;
                bottom: 83%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentFrth .imgLogo img {
                    height: 100%;
                }

            .horSlideCont .horPubl .contentFrth .imgItem {
                position: absolute;
                display: block;
                height: 85%;
                bottom: 10%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentFrth .imgItem img {
                    height: 100%;
                }

            .horSlideCont .horPubl .contentFrth .imgTxt {
                position: absolute;
                display: block;
                font-size: 1.5em;
                font-weight: 600;
                color: #707070;
                text-align: center;
                bottom: 10%;
                right: 5%;
            }

                .horSlideCont .horPubl .contentFrth .imgTxt label:nth-child(2) {
                    font-size: 2em;
                }

        .horSlideCont .horPubl .contentFt {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            background: #92D2F4;
        }

            .horSlideCont .horPubl .contentFt .imgFondo {
                position: relative;
                display: flex;
                height: 100%;
                right: 0px;
            }

            .horSlideCont .horPubl .contentFt .imgLogo {
                position: absolute;
                display: block;
                height: 15%;
                bottom: 60%;
                right: 27%;
            }

                .horSlideCont .horPubl .contentFt .imgLogo img {
                    height: 100%;
                }

            .horSlideCont .horPubl .contentFt .imgTxt {
                position: absolute;
                display: block;
                font-size: 3em;
                font-weight: 800;
                color: #0C8086;
                text-align: center;
                bottom: 29%;
                right: 18%;
            }

                .horSlideCont .horPubl .contentFt .imgTxt label:nth-child(2) {
                    font-size: 1.5em;
                    margin-bottom: 30px;
                    display: block;
                }

                .horSlideCont .horPubl .contentFt .imgTxt label:nth-child(3) {
                    font-size: 1.5em;
                }

                .horSlideCont .horPubl .contentFt .imgTxt span {
                    font-size: 1.3em;
                    padding: 0px 25px;
                    color: #FFFFFF;
                    background: #0C8086;
                    border-radius: 8px;
                }

/*Registro Usuario*/

.imgeFondo {
    position: relative;
    display: flex;
    width: 100%;
}

    .imgeFondo img {
        height: 100%;
        width: 100%;
    }

.formSect {
    position: absolute;
    display: flex;
    top: 16em;
    width: 100%;
    justify-content: center;
}

.registroForm {
    position: relative;
    display: block;
    width: 40%;
    padding: 20px;
    background: #EDF3F6;
    border-radius: 10px;
}

    .registroForm .popTitle label {
        position: relative;
        display: block;
        padding: 10px 0;
        width: 100%;
        color: #000000;
        font-size: 1.5em;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        border-radius: 10px;
    }

    .registroForm .popRow {
        position: relative;
        display: flex;
        margin: 10px 0;
        align-items: center;
        color: #000000;
    }

        .registroForm .popRow .popCampo {
            position: relative;
            display: block;
            margin: 0 5px;
            width: 50%;
        }

    .registroForm .popBtnIn {
        position: relative;
        display: block;
        width: 30%;
        cursor: pointer;
        margin: 10px auto;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #1FB1CB;
        padding: 10px 0;
        border-radius: 5px;
        transition: .5s;
    }

.popBtnIn:hover {
    opacity: 0.7;
}

.imgPort {
    position: relative;
    display: block;
    width: 100%;
    margin: 40px auto;
}

.portCont {
    position: relative;
    display: inline-flex;
    width: 40%;
    height: 68px;
    padding: 16px;
    margin: 10px;
    cursor: pointer;
}

    .portCont img {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .portCont.activo {
        border: 5px solid #989695;
        border-radius: 5px;
        margin: 5px;
    }

.formCont {
    position: relative;
    display: block;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
}

    .formCont .formUnit {
        position: relative;
        display: block;
        width: 100%;
        right: 0%;
        transition: .5s;
    }

.formFlex {
    position: relative;
    display: -webkit-box;
    overflow: hidden;
}

.imgHolder {
    position: relative;
    display: flex;
    width: 24%;
    margin: 40px auto;
    border-radius: 50%;
    justify-content: center;
    border: 5px solid #797B7C;
    overflow: hidden;
}

    .imgHolder img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        overflow: hidden;
        background-image: url(../img/logos/UsuerPredeter.jpg);
        background-size: contain;
    }

label.popBtnIn {
    background: #F59E31 !important;
}

.textRegis {
    position: absolute;
    display: block;
    top: 7em;
    width: 100%;
    text-align: center;
    font-weight: 800;
    margin: 0px auto;
}

    .textRegis label {
        font-size: 2.1em;
        display: block;
        margin-bottom: 25px;
    }

    .textRegis span {
        font-size: 3.7em;
        color: #1FA4BE;
    }

.regisDescrip {
    position: absolute;
    display: block;
    top: 17em;
    text-align: center;
    font-size: 3em;
    font-weight: 800;
    width: 100%;
    color: #1FA4BE;
    margin: 0px auto;
}

.sunemDrescrip {
    position: relative;
    display: flex;
    width: 100%;
    border-top: 1px solid #E7E7E7;
    padding: 15px 0px;
    height: 500px;
}

    .sunemDrescrip .itemImage {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
    }

        .sunemDrescrip .itemImage img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    .sunemDrescrip .textoSunem {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        margin: 0px 10px;
    }


        .sunemDrescrip .textoSunem .txtCont {
            font-weight: 700;
            font-size: 1.7em;
            width: 65%;
        }

            .sunemDrescrip .textoSunem .txtCont label {
                font-weight: 800;
            }

/*******************************************Item Busqueda Medica**************************************/
div.itemBuscMed {
    position: relative;
    display: inline-flex;
    width: calc(50% - 107px);
    border: 2px solid #D9D9D9;
    padding: 10px 30px;
    margin: 10px 20px;
    font-size: 0;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(150 150 150 / 50%);
}

    div.itemBuscMed div {
        font-size: 16px;
    }

        div.itemBuscMed div.itemBuscImg {
            position: relative;
            display: block;
        }

            div.itemBuscMed div.itemBuscImg div.buscImgHold {
                position: relative;
                display: flex;
                height: 170px;
                width: 150px;
                border-radius: 10px;
            }

                div.itemBuscMed div.itemBuscImg div.buscImgHold img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }

            div.itemBuscMed div.itemBuscImg div.buscBtnExtra {
                position: relative;
                display: block;
                margin-top: 10px;
            }

                div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
                    position: relative;
                    display: block;
                    padding: 10px;
                    background: #37B8D4;
                    color: #FFFFFF;
                    text-align: center;
                    cursor: pointer;
                    font-size: 20px;
                    font-weight: 600;
                    border-radius: 10px;
                    transition: .5s;
                }

                    div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra:hover {
                        background: #67d8f1;
                        transition: .5s;
                    }

        div.itemBuscMed div.itemBuscTxt {
            position: relative;
            display: block;
            padding: 10px 0;
            margin-left: 20px;
            width: 90%;
        }

            div.itemBuscMed div.itemBuscTxt div.servTipo {
                position: absolute;
                display: flex;
                z-index: 1;
                width: 100%;
                justify-content: end;
                left: 37px;
                top: 0px;
            }

                div.itemBuscMed div.itemBuscTxt div.servTipo.other {
                    top: -55px;
                }

                div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ {
                    position: relative;
                    display: flex;
                    height: 31px;
                    justify-content: end;
                    margin: 5px auto;
                }

                    div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ img {
                        height: 100%;
                        width: 100%;
                        object-fit: contain;
                        box-shadow: 3px 3px 10px rgb(0 0 0 / 70%);
                    }

            div.itemBuscMed div.itemBuscTxt div.itemTxtTitle {
                position: relative;
                display: block;
                margin-bottom: 10px;
                top: 45px;
            }

                div.itemBuscMed div.itemBuscTxt div.itemTxtTitle.other {
                    top: 0px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                    position: relative;
                    display: block;
                    font-size: 1.1em;
                    font-weight: 600;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                    position: relative;
                    display: block;
                    font-size: 1.3em;
                    font-weight: 600;
                }

            div.itemBuscMed div.itemBuscTxt div.itemTxtCargo {
                position: relative;
                display: flex;
                text-overflow: ellipsis;
                overflow: hidden;
                align-items: center;
            }

                div.itemBuscMed div.itemBuscTxt div.itemTxtCargo img.imgLocSunem {
                    width: auto;
                    height: 30px;
                    margin-right: 5px;
                    object-fit: contain;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtCargo.itmTxtMap {
                    cursor: pointer;
                    transition: .5s;
                }

                    div.itemBuscMed div.itemBuscTxt div.itemTxtCargo.itmTxtMap:hover {
                        background: rgba(60,180,229,.2);
                        transition: .5s;
                    }

            div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
                position: relative;
                display: block;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 10px;
                width: 100%;
                top: 70px;
            }

            div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                position: relative;
                display: block;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 10px;
                top: 85px;
                width: 100%;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo {
                position: relative;
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }

            div.itemBuscMed div.itemBuscTxt div.itexBttnServ {
                position: relative;
                display: flex;
                width: 100%;
                height: 34px;
            }

                div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servIcon {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    height: 100%;
                    width: 33%;
                    transition: .5s;
                    cursor: pointer;
                }

                    div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servIcon:hover {
                        opacity: 0.7;
                    }

                    div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servIcon img {
                        height: 100%;
                        width: 100%;
                        object-fit: contain;
                    }

                div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servBttn {
                    position: relative;
                    display: block;
                    width: 38%;
                    margin: 0px 4px;
                }

                    div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servBttn div.bttnNorm {
                        position: absolute;
                        display: block;
                        height: 100%;
                    }

                        div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servBttn div.bttnNorm img {
                            height: 100%;
                            width: 100%;
                            object-fit: contain;
                        }

                    div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servBttn div.bttnHov {
                        position: absolute;
                        display: block;
                        height: 100%;
                        transition: .5s;
                        opacity: 0;
                    }

                        div.itemBuscMed div.itemBuscTxt div.itexBttnServ div.servBttn div.bttnHov img {
                            height: 100%;
                            width: 100%;
                            object-fit: contain;
                        }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli,
            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert {
                position: relative;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
            }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                    color: #EB6D17;
                    font-size: 18px;
                    font-weight: 600;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                    color: #37B9D4;
                    font-size: 26px;
                    font-weight: 600;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert img {
                    height: 20px;
                    width: auto;
                    object-fit: contain;
                }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo span.sepItBusc {
                position: relative;
                display: block;
                content: '';
                width: 100%;
                height: 2px;
                background: #D4D4D4;
                margin: 5px 0;
            }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnAgDet {
            display: none;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo {
            display: none;
        }

    div.itemBuscMed.itemPromo div.itemBuscTxt div.itemPrecioPromo {
        display: block;
        top: 30px;
    }

    div.itemBuscMed.itemPromo div.itemBuscImg div.buscBtnExtra span.btnAgDet {
        display: block;
    }

    div.itemBuscMed.itemPromo div.itemBuscTxt div.itexTxtCargo {
        display: none;
    }

    div.itemBuscMed.itemPromo div.itemBuscImg div.buscBtnExtra span.btnAgEx {
        display: none;
    }

    div.itemBuscMed.itemServHolder {
        width: calc(100% - 67px);
        margin: 10px;
        padding: 10px 20px;
    }

        div.itemBuscMed.itemServHolder div.itemBuscTxt div.itexTxtCargo {
            position: relative;
            bottom: 0;
            font-size: 20px;
        }

        div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtTitle span {
            font-size: 18px;
        }

        div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtDesc {
            font-size: 14px;
            margin-top: 5px;
        }

        div.itemBuscMed.itemServHolder div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 18px;
        }

.tstPlant div.itemBuscMed.itemServHolder,
.srvPlant div.itemBuscMed.itemServHolder {
    width: calc(50% - 67px);
    margin: 10px;
    padding: 10px 20px;
}

.srvPlant div.resulBusPromos {
    position: relative;
    display: flex;
    justify-content: center;
    width: calc(92% - 80px);
    height: 100%;
    top: 0;
    left: 0;
}

/*******************************************Nuevo Resultado Profesional**************************************/
div.resulBusNew {
    position: relative;
    display: block;
    width: 100%;
}

div.itemBuscMed.itemPromo div.itemBuscTxt div.itemTxtTitle {
    top: 0px;
}

div.resulBusNew div.resulBusOpcns {
    position: relative;
    display: inline-block;
    width: calc(70% - 5px);
    font-size: 0;
    vertical-align: top;
}

    div.resulBusNew div.resulBusOpcns div.resulResults {
        margin-top: 70px;
    }

    div.resulBusNew div.resulBusOpcns div {
        font-size: 16px;
    }

div.itemBuscMed div.itemBuscTxt div.itemTxtMedicProm {
    font-size: 14px;
    font-weight: 800;
}

div.resulBusNew div.resulBusOpcns div.resulTerms {
    position: fixed;
    display: block;
    padding: 10px;
    padding-top: 85px;
    width: 68%;
    background: #E5E5E5;
    z-index: 2;
}

    div.resulBusNew div.resulBusOpcns div.resulTerms div.filtrTxt {
        position: relative;
        display: block;
        font-size: 1.9em !important;
        font-weight: 800;
        color: #3CB4E5;
        margin-bottom: 20px;
    }

    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic {
        position: relative;
        display: flex;
        align-items: center;
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
            position: relative;
            display: block;
            width: 33%;
            margin: 0 5px;
        }

        div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
            position: relative;
            display: block;
            width: 20%;
            padding: 10px 20px;
            background: #EB6D17;
            border-radius: 10px;
            color: #FFFFFF;
            font-weight: 600;
            cursor: pointer;
            text-align: center;
            transition: .5s;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
                width: 40%;
            }

        div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resMedicIcon {
            position: relative;
            display: flex;
            font-size: 30px;
            color: #FFFFFF;
            background: #EB6D17;
            width: 50px;
            height: 40px;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
        }

div.resulBusNew div.resulBusOpcns div.resulTitle {
    position: relative;
    display: flex;
    margin: 10px 35px;
    align-items: center;
    padding-top: 140px;
}

    div.resulBusNew div.resulBusOpcns div.resulTitle span {
        position: relative;
        display: flex;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        background: #37B8D4;
        color: #FFFFFF;
        border-radius: 5px;
    }

    div.resulBusNew div.resulBusOpcns div.resulTitle label {
        position: relative;
        display: block;
        margin-left: 10px;
        font-size: 24px;
        font-weight: 600;
        color: #37B8D4;
    }

div.resulBusNew div.resulBusOpcns div.barrResul {
    position: relative;
    display: block;
    margin: 0 10px;
}

div.resulBusNew div.resulBusPromos div.servLista {
    position: relative;
    display: block;
    width: 95%;
    max-height: 520px;
    margin: auto;
    overflow: auto;
    margin-top: 5px;
    border-top: 2px solid #D4D4D4;
}

    div.resulBusNew div.resulBusPromos div.servLista div.servListItem {
        position: relative;
        display: block;
        padding: 10px 20px;
        cursor: pointer;
        transition: .5s;
    }

        div.resulBusNew div.resulBusPromos div.servLista div.servListItem:hover {
            background: rgba(55,184,212,.5);
            transition: .5s;
        }

        div.resulBusNew div.resulBusPromos div.servLista div.servListItem span {
            position: relative;
            display: block;
            font-size: 18px;
            font-weight: 600;
        }

        div.resulBusNew div.resulBusPromos div.servLista div.servListItem ~ div.servListItem {
            border-top: 2px solid #D4D4D4;
        }

div.resulBusNew div.resulBusPromos {
    position: fixed;
    display: none;
    width: calc(30% - 80px);
    height: calc(100vh - 170px);
    font-size: 0;
    vertical-align: top;
    margin: 20px;
    padding: 20px;
    padding-bottom: 5px;
    border: 2px solid #D4D4D4;
    border-radius: 20px;
    background: #FFFFFF;
    z-index: 3;
}

    div.resulBusNew div.resulBusPromos div.busPromoImg {
        position: relative;
        display: flex;
        width: 100%;
        height: 55%;
    }

        div.resulBusNew div.resulBusPromos div.busPromoImg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

    div.resulBusNew div.resulBusPromos div.promoBtn {
        position: relative;
        display: block;
        text-align: center;
        margin: 20px 0 20px;
        padding: 10px 0;
        font-size: 18px;
        font-weight: 600;
        color: #EC7421;
        border: 2px solid #EC7421;
        border-radius: 10px;
        cursor: pointer;
    }

    div.resulBusNew div.resulBusPromos div.membClubOfert {
        position: relative;
        display: flex;
        width: 100%;
        height: 200px;
    }

        div.resulBusNew div.resulBusPromos div.membClubOfert img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
        }

    div.resulBusNew div.resulBusPromos.resPromShow {
        padding: 10px;
        width: calc(30% - 60px);
    }

        div.resulBusNew div.resulBusPromos.resPromShow div.secPromTarj {
            margin: 0;
            height: calc(100% - 10px);
        }

            div.resulBusNew div.resulBusPromos.resPromShow div.secPromTarj div.secPromTarjOcc {
                width: 100%;
                height: 100%;
                justify-content: center;
            }

div.resulBusPromos {
    position: fixed;
    display: none;
    width: calc(30% - 80px);
    height: calc(100vh - 170px);
    font-size: 0;
    margin: 20px;
    padding: 20px;
    padding-bottom: 5px;
    border: 2px solid #D4D4D4;
    border-radius: 20px;
    background: #FFFFFF;
    z-index: 3;
    top: 11%;
    left: 70%;
}

    div.resulBusPromos div.servLista {
        position: relative;
        display: block;
        width: 95%;
        max-height: 355px;
        margin: auto;
        overflow: auto;
        margin-top: 5px;
        border-top: 2px solid #D4D4D4;
    }

        div.resulBusPromos div.servLista div.servListItem {
            position: relative;
            display: block;
            padding: 10px 20px;
            cursor: pointer;
            transition: .5s;
        }

            div.resulBusPromos div.servLista div.servListItem:hover {
                background: rgba(55,184,212,.5);
                transition: .5s;
            }

.atencLine {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

    .atencLine .squareCont {
        position: relative;
        display: flex;
        width: 65%;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 10px 10px 18px rgb(0 0 0 / 60%);
        margin: 35px auto;
    }

        .atencLine .squareCont .orangeCont {
            position: relative;
            display: flex;
            background: #DF7131;
            width: 90%;
            justify-content: center;
            align-items: center;
        }

            .atencLine .squareCont .orangeCont .infoPhoneCont {
                position: relative;
                display: block;
                text-align: center;
            }

                .atencLine .squareCont .orangeCont .infoPhoneCont .upperText {
                    position: relative;
                    display: block;
                    margin: 15px auto;
                }

                    .atencLine .squareCont .orangeCont .infoPhoneCont .upperText label {
                        color: #FFFFFF;
                        font-size: 1.1em;
                        font-weight: 600;
                    }

                .atencLine .squareCont .orangeCont .infoPhoneCont .phneNumber {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    width: 100%;
                    height: 60px;
                }

                    .atencLine .squareCont .orangeCont .infoPhoneCont .phneNumber img {
                        height: 100%;
                        object-fit: contain;
                    }

                .atencLine .squareCont .orangeCont .infoPhoneCont .downerText {
                    position: relative;
                    display: block;
                    margin: 15px auto;
                }

                    .atencLine .squareCont .orangeCont .infoPhoneCont .downerText label {
                        color: #FFFFFF;
                        font-size: 1.1em;
                        font-weight: 600;
                    }

        .atencLine .squareCont .girlImgCont {
            position: relative;
            display: flex;
            z-index: 2;
            width: 10%;
        }

            .atencLine .squareCont .girlImgCont img {
                height: 100%;
                object-fit: contain;
            }

div.resulBusPromos div.servLista div.servListItem span {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

span.alphaSelecServ {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
}

div.resulBusPromos div {
    font-size: 16px;
}

    div.resulBusPromos div.secPromTarj,
    div.resulBusPromos div.secPromDrog {
        padding: 0 !important;
        margin: 20px 0;
    }

        div.resulBusPromos div.secPromTarj div.secPromTarjOcc {
            position: relative;
            display: flex;
            width: 90%;
            height: 90%;
        }

            div.resulBusPromos div.secPromTarj div.secPromTarjOcc img.imgOcc {
                height: 100%;
                width: 100%;
                object-fit: contain;
            }

    div.resulBusPromos div.secPromDrog {
        height: calc(40% - -20px);
        border: 0;
    }

span.clOpPromo,
span.clOpPromoMovil {
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    background: red;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 5;
}

div.popMapa {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 10;
}

    div.popMapa div.popMapaCont {
        position: relative;
        display: flex;
        padding: 20px;
        background: #FFFFFF;
        width: 60%;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
    }

        div.popMapa div.popMapaCont div.popMapaIfrHolder {
            position: relative;
            display: block;
            width: 80%;
            height: 450px;
            margin: 10px auto;
        }

            div.popMapa div.popMapaCont div.popMapaIfrHolder iframe {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
            }

        div.popMapa div.popMapaCont div.clPopMapa {
            position: absolute;
            display: flex;
            right: 10px;
            top: 10px;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            background: #EA4335;
            color: #FFFFFF;
            cursor: pointer;
        }

/*******************************************Resultado Profesional**************************************/
div.buscDivCont {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

    div.buscDivCont div.buscFormCont {
        position: fixed;
        display: inline-block;
        width: 35%;
        vertical-align: top;
        z-index: 2;
    }

        div.buscDivCont div.buscFormCont div.busFormTitle {
            position: relative;
            display: block;
            text-align: center;
            margin: 20px 0;
            font-size: 32px;
            font-weight: 600;
            color: #36A4D6;
        }

        div.buscDivCont div.buscFormCont div.buscFormCampo {
            position: relative;
            display: block;
            width: 80%;
            margin: 10px auto;
        }

        div.buscDivCont div.buscFormCont div.buscFormBtn {
            position: relative;
            display: block;
            width: 88%;
            margin: 10px auto;
            text-align: center;
        }

div.btonco {
    width: 27%;
    display: inline-block;
}

div.campProf {
    width: 64%;
    display: inline-block;
}

div.buscDivCont div.buscFormCont div.propContainer {
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    margin-top: 20px;
}

    div.buscDivCont div.buscFormCont div.propContainer img {
        width: 100%;
        height: 240px;
        object-fit: contain;
    }

div.buscDivCont div.resulFormCont {
    position: relative;
    display: inline-block;
    width: calc(65% - 5px);
    vertical-align: top;
    padding-left: 35%;
}

div.profItemRes {
    position: relative;
    display: inline-block;
    margin: 10px;
    width: calc(50% - 23px);
    vertical-align: top;
    background: #E6E6E6;
}

    div.profItemRes div.profFoto {
        position: relative;
        display: flex;
        width: 100%;
        height: 90px;
        justify-content: center;
        align-items: center;
        padding: 10px 0 0;
    }

        div.profItemRes div.profFoto div.profFotoCont {
            position: relative;
            display: flex;
            width: 90px;
            height: 90px;
            justify-content: center;
            border-radius: 50%;
            overflow: hidden;
            background: #FFFFFF;
        }

            div.profItemRes div.profFoto div.profFotoCont img {
                height: 100%;
                width: auto;
            }

    div.profItemRes div.profInfo {
        position: relative;
        display: block;
        margin: 10px 0;
    }

        div.profItemRes div.profInfo div.profNombre {
            position: relative;
            display: block;
            text-align: center;
        }

        div.profItemRes div.profInfo div.profNombre {
            position: relative;
            display: block;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #36A4D6;
        }

        div.profItemRes div.profInfo div.profProfesion {
            position: relative;
            display: block;
            text-align: center;
            font-size: 14px;
            margin-bottom: 5px;
        }

        div.profItemRes div.profInfo div.profDesc {
            position: relative;
            display: block;
            margin: 0 20px;
            font-size: 12px;
            max-height: 40px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        div.profItemRes div.profInfo div.profDireccion {
            position: relative;
            display: block;
            font-size: 14px;
            text-align: center;
            margin: 10px 40px;
        }

            div.profItemRes div.profInfo div.profDireccion span {
                position: relative;
                display: block;
                text-align: center;
                font-size: 13px;
                font-weight: 600;
                color: #222222;
            }

                div.profItemRes div.profInfo div.profDireccion span.otServ {
                    background: #EE7920;
                    color: #FFFFFF;
                    cursor: pointer;
                    font-weight: 500;
                    width: 40%;
                    margin: 5px auto;
                    padding: 5px 10px;
                    border-radius: 10px;
                }

            div.profItemRes div.profInfo div.profDireccion div.profArchOt {
                position: relative;
                display: block;
            }

    div.profItemRes div.profServList {
        position: relative;
        display: none;
    }

        div.profItemRes div.profServList div.profSListCont {
            position: relative;
            display: block;
            max-height: 200px;
            overflow: auto;
            padding: 10px 0;
            width: 90%;
            margin: auto;
        }

            div.profItemRes div.profServList div.profSListCont div.servItem {
                position: relative;
                display: flex;
                padding: 5px 20px;
                border-bottom: 2px solid #FFFFFF;
                justify-content: space-between;
                cursor: pointer;
                transition: .5s;
            }

                div.profItemRes div.profServList div.profSListCont div.servItem span.iconArrow {
                    color: #EE7920;
                }

        div.profItemRes div.profServList div.profSBack {
            position: relative;
            display: flex;
        }

            div.profItemRes div.profServList div.profSBack span.basicServ {
                background: #EE7920;
                color: #FFFFFF;
                cursor: pointer;
                font-size: 13px;
                font-weight: 500;
                width: 40%;
                text-align: center;
                margin: 5px auto;
                padding: 5px 10px;
                border-radius: 10px;
            }

    div.profItemRes div.profSTItle {
        position: relative;
        display: block;
        text-align: center;
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: 600;
        color: #36BAD6;
    }

    div.profItemRes div.profBtnConsul {
        position: relative;
        display: flex;
        background: #BBBBBB;
        margin: 10px 0;
        padding: 0 10px;
        align-items: flex-end;
    }

        div.profItemRes div.profBtnConsul div.btnHolderCon {
            position: relative;
            display: block;
            margin: 5px 10px;
            width: 50%;
            text-align: center;
            color: #FFFFFF;
        }

            div.profItemRes div.profBtnConsul div.btnHolderCon label {
                position: relative;
                display: block;
                font-size: 14px;
                margin-bottom: 5px;
                text-align: left;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon span {
                position: relative;
                display: block;
                padding: 5px 10px;
                margin: auto;
                border: 3px solid;
                font-weight: 600;
                cursor: pointer;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon.btnHCBlue span {
                border-color: #36BAD6;
                background: #36BAD6;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon.btnHCOrng span {
                border-color: #EE7920;
                background: #EE7920;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon.btnHCOrng label {
                color: #EE7920;
            }

    div.profItemRes div.profBtnSolicCita {
        position: relative;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

        div.profItemRes div.profBtnSolicCita label {
            position: relative;
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
        }

        div.profItemRes div.profBtnSolicCita div.pagCit {
            position: relative;
            display: block;
            margin: 10px 20px;
            padding: 5px 0;
            font-size: 18px;
            box-shadow: 5px 5px 5px rgba(0,0,0,.5);
            cursor: pointer;
            color: #FFFFFF;
        }

            div.profItemRes div.profBtnSolicCita div.pagCit.citCall {
                background: #36BAD6;
            }

                div.profItemRes div.profBtnSolicCita div.pagCit.citCall a {
                    text-decoration: none;
                    color: #FFFFFF;
                }

            div.profItemRes div.profBtnSolicCita div.pagCit.citOn {
                background: #3698D6;
            }

div.popServBusc {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 20;
}

    div.popServBusc div.popServBuscCont {
        position: relative;
        display: block;
        width: 40%;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
    }

        div.popServBusc div.popServBuscCont div.popSTitle {
            position: relative;
            display: block;
            text-align: center;
            margin-bottom: 20px;
            font-size: 24px;
        }

            div.popServBusc div.popServBuscCont div.popSTitle span {
                position: relative;
                display: block;
                font-size: 18px;
            }

        div.popServBusc div.popServBuscCont div.popSVal {
            position: relative;
            display: flex;
            align-items: center;
        }

            div.popServBusc div.popServBuscCont div.popSVal div.popValBtn {
                position: relative;
                display: block;
                width: 50%;
                margin: 10px 0;
                text-align: center;
            }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn label {
                    position: relative;
                    display: block;
                    text-align: center;
                    font-size: 14px;
                    margin-bottom: 5px;
                }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn span.btnVal {
                    position: relative;
                    display: block;
                    padding: 10px 20px;
                    width: min-content;
                    margin: auto;
                    color: #FFFFFF;
                    border-radius: 10px;
                }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn:nth-child(1) span.btnVal {
                    background: #36A3D5;
                }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn:nth-child(2) span.btnVal {
                    background: #ED7920;
                }

        div.popServBusc div.popServBuscCont div.popSClose {
            position: absolute;
            display: flex;
            right: 10px;
            top: 10px;
            width: 25px;
            height: 25px;
            color: #FFFFFF;
            background: #ED7920;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            cursor: pointer;
        }

        div.popServBusc div.popServBuscCont div.popSCita {
            position: relative;
            display: block;
            text-align: center;
            margin-top: 10px;
        }

            div.popServBusc div.popServBuscCont div.popSCita label {
                position: relative;
                display: block;
                margin-bottom: 5px;
            }

            div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn {
                position: relative;
                display: block;
                width: 80%;
                margin: 10px auto;
                padding: 7px 0;
                text-transform: uppercase;
                font-size: 18px;
                cursor: pointer;
                box-shadow: 5px 5px 10px rgba(0,0,0,.5);
                transition: .5s;
            }

                div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn:nth-child(2) {
                    background: #36BAD6;
                }

                div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn:nth-child(3) {
                    background: #3698D6;
                }

                div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn span {
                    color: #FFFFFF;
                }

/************************************************Solicitar Cita*******************************************/
div.solicCitaOfert {
    position: relative;
    display: block;
    width: 90%;
    margin: 10px auto;
}

    div.solicCitaOfert div.solicInfo {
        position: relative;
        display: block;
        width: 80%;
        margin: auto;
        margin-bottom: 20px;
        text-align: center;
    }

        div.solicCitaOfert div.solicInfo label {
            position: relative;
            display: block;
            font-size: 26px;
            font-weight: 600;
            margin: 20px 0 10px;
        }

        div.solicCitaOfert div.solicInfo span {
            position: relative;
            display: block;
            text-align: justify;
        }

    div.solicCitaOfert div.solicForm {
        position: relative;
        display: block;
        width: 80%;
        margin: auto;
    }

        div.solicCitaOfert div.solicForm div.solicMedio {
            position: relative;
            display: inline-block;
            width: calc(50% - 3px);
        }

            div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn {
                position: relative;
                display: block;
                width: 60%;
                margin: auto;
                text-align: center;
                opacity: 1;
                transition: .5s;
            }

                div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn span.clickBtnSolic {
                    position: relative;
                    display: block;
                    padding: 10px;
                    text-transform: uppercase;
                    cursor: pointer;
                    color: #FFFFFF;
                    border-radius: 30px;
                    z-index: 1;
                    transition: .5s;
                }

                div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn.solOfert span.clickBtnSolic {
                    background: #EE7920;
                    transition: .5s;
                }

                    div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn.solOfert span.clickBtnSolic:hover {
                        background: #ee9653;
                        transition: .5s;
                    }

                div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn.solPart span.clickBtnSolic {
                    background: #009DE1;
                    transition: .5s;
                }

                    div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn.solPart span.clickBtnSolic:hover {
                        background: #59b9e3;
                        transition: .5s;
                    }

                div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn div.prCitaBtn {
                    position: relative;
                    display: block;
                    padding: 10px 5px;
                    padding-top: 20px;
                    top: -15px;
                    background: #DBDADA;
                    border-radius: 0 0 20px 20px;
                    font-weight: 600;
                }

                    div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn div.prCitaBtn label {
                        position: relative;
                        display: block;
                        font-size: 12px;
                        text-transform: uppercase;
                    }

    div.solicCitaOfert div.formHolder {
        position: relative;
        display: block;
        width: 60%;
        margin: auto;
    }

        div.solicCitaOfert div.formHolder form.formHideCont {
            position: relative;
            display: block;
            height: 0px;
            overflow: hidden;
            transition: .5s;
        }

            div.solicCitaOfert div.formHolder form.formHideCont div.campo {
                position: relative;
                display: block;
                margin: 10px 0;
            }

                div.solicCitaOfert div.formHolder form.formHideCont div.campo label {
                    position: relative;
                    display: block;
                    margin-bottom: 5px;
                }

            div.solicCitaOfert div.formHolder form.formHideCont div.fSolicBtnHolder {
                position: relative;
                display: flex;
                justify-content: center;
            }

                div.solicCitaOfert div.formHolder form.formHideCont div.fSolicBtnHolder button {
                    position: relative;
                    display: block;
                    margin: 0 10px;
                }

            div.solicCitaOfert div.formHolder form.formHideCont div.cardChecker {
                position: relative;
                display: block;
            }

                div.solicCitaOfert div.formHolder form.formHideCont div.cardChecker div.cardChkInput {
                    position: relative;
                    display: flex;
                    align-items: center;
                }

                    div.solicCitaOfert div.formHolder form.formHideCont div.cardChecker div.cardChkInput div.campo {
                        width: 50%;
                        margin: 10px;
                        margin-top: 0;
                    }

            div.solicCitaOfert div.formHolder form.formHideCont div.campoCheck {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 10px;
            }

                div.solicCitaOfert div.formHolder form.formHideCont div.campoCheck input {
                    position: relative;
                    display: block;
                    margin-right: 5px;
                }

div.popGenCodigo {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 10;
}

    div.popGenCodigo div.popGenCodigoCont {
        position: relative;
        display: block;
        width: 50%;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        max-height: 90%;
        overflow: auto;
    }

        div.popGenCodigo div.popGenCodigoCont div.popGenCodTitle {
            position: relative;
            display: block;
            text-align: center;
            margin-bottom: 10px;
            font-size: 20px;
        }

        div.popGenCodigo div.popGenCodigoCont div.codGenSpc {
            position: relative;
            display: block;
            text-align: center;
            margin: 10px 0;
        }

            div.popGenCodigo div.popGenCodigoCont div.codGenSpc span {
                position: relative;
                display: block;
                font-size: 36px;
                font-weight: 600;
                margin: 10px 0;
            }

        div.popGenCodigo div.popGenCodigoCont div.codGenBtn {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 10px 0;
        }

            div.popGenCodigo div.popGenCodigoCont div.codGenBtn button {
                position: relative;
                display: block;
                margin: 0 10px;
            }

        div.popGenCodigo div.popGenCodigoCont div.campCorr {
            position: relative;
            display: none;
            margin-top: 10px;
        }

            div.popGenCodigo div.popGenCodigoCont div.campCorr label {
                position: relative;
                display: block;
                margin-bottom: 5px;
            }

        div.popGenCodigo div.popGenCodigoCont div.btnClPopCode {
            position: absolute;
            display: flex;
            top: 10px;
            right: 10px;
            width: 30px;
            height: 30px;
            justify-content: center;
            align-items: center;
            background: #EE7920;
            color: #FFFFFF;
            cursor: pointer;
            border-radius: 50%;
        }
/****popdiv***/
div.contex {
    width: calc(90% - 1px);
    text-align: justify !important;
    margin: auto;
}

div.userd {
    width: calc(100% - 1px );
    margin: auto;
    text-align: left;
    display: block;
    position: relative;
}

div.urs {
    width: calc(100% - 1px );
    display: block;
    margin: auto;
    text-align: center;
}

div.doc {
    width: calc(100% - 1px );
    display: block;
    margin: auto;
    text-align: center;
}

div.popGenCodigo div.popGenCodigoCont div.codGenSpc span.base {
    position: relative;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0;
    font-weight: 100;
    width: 73%;
    text-align: left;
}

div.popGenCodigo div.popGenCodigoCont div.codGenSpc label.uss {
    position: relative;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0;
    font-weight: 100;
    width: 15%;
    text-align: left;
}

div.cos {
    width: calc(100% - 1px);
    margin: auto;
    text-align: center;
}

    div.cos label.uss {
        width: 28% !important;
    }

    div.cos span.base {
        width: 61% !important;
    }

div.adv {
    width: calc(100% - 1px);
    margin: 20px auto;
    display: block;
    position: relative;
}

    div.adv p {
        width: calc(100% - 1px );
        margin: auto;
        text-align: justify;
        font-size: 15px;
    }

    div.adv label.tituladv {
        font-weight: 700;
    }
/************************************************Other*******************************************/
input.inputField,
select.inputField,
textarea.inputField {
    position: relative;
    display: block;
    width: calc(100% - 24px);
    padding: 10px;
    border: 1px solid #a5a5a5;
    border-radius: 10px;
    background: #EDF3F6;
    box-shadow: 0 5px 8px 0px rgb(10 20 30 / 18%);
}

select.inputField {
    width: 96.5%;
}

input.inputField {
    padding: 12px 10px;
}

input.inputBlue,
select.inputBlue,
textarea.inputBlue {
    position: relative;
    display: block;
    width: calc(100% - 24px);
    background: #FFFFFF;
    color: #000000;
    padding: 10px;
    border: 2px solid #000000;
    border-radius: 10px;
}

    textarea.inputBlue, input.inputBlue::placeholder {
        color: #000000;
        text-transform: uppercase;
    }

select.inputBlue {
    width: 100%;
}

input.inputHome,
select.inputHome,
textarea.inputHome {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ED7422;
    border-radius: 10px;
}

input.error,
select.error,
textarea.error {
    border: 2px solid #EB3941;
}

button.btnGeneral,
input.btnGeneral,
span.btnGeneral {
    position: relative;
    display: block;
    padding: 10px;
    border-radius: 10px;
    margin: 0 10px;
    cursor: pointer;
    transition: .5s;
}

    button.btnGeneral.naranja {
        background: #EE7920;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.naranja:hover {
            background: #ee914a;
            transition: .5s;
        }

    input.btnGeneral.naranja {
        background: #EE7920;
        color: #FFFFFF;
        transition: .5s;
    }

        input.btnGeneral.naranja:hover {
            background: #ee914a;
            transition: .5s;
        }

    button.btnGeneral.azul {
        background: #228AE7;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.azul:hover {
            background: #61a9ea;
            transition: .5s;
        }

    button.btnGeneral.rojo {
        background: #DD5246;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.rojo:hover {
            background: #ea766b;
            transition: .5s;
        }

    button.btnGeneral.payU {
        background: #BAD000;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.payU:hover {
            background: #c0cf3a;
            transition: .5s;
        }

    button.btnGeneral.azHist {
        background: #487AA8;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.azHist:hover {
            background: #2b5984;
            transition: .5s;
        }

    span.btnGeneral.whats {
        background: #25D366;
        color: #FFFFFF;
        transition: .5s;
    }

        span.btnGeneral.whats:hover {
            background: #128C7E;
            transition: .5s;
        }

table.tableSunemedic {
    position: relative;
    display: block;
    width: 100%;
}

    table.tableSunemedic thead {
        position: relative;
        display: block;
        color: #FFFFFF;
        background: linear-gradient(90deg, rgba(45,182,207,1) 0%, rgba(224,155,38,1) 100%);
        padding: 10px 0;
    }

        table.tableSunemedic thead tr {
            position: relative;
            display: flex;
            width: 100%;
            text-align: center;
        }

            table.tableSunemedic thead tr td {
                width: 25%;
            }

    table.tableSunemedic tbody {
        position: relative;
        display: block;
        width: 100%;
    }

        table.tableSunemedic tbody tr {
            position: relative;
            display: flex;
            width: 100%;
            padding: 5px 0;
            text-align: center;
            align-items: center;
        }

            table.tableSunemedic tbody tr:nth-child(2n) {
                background: #F0F0F0;
            }

            table.tableSunemedic tbody tr td {
                width: 25%;
            }

td.btnTbHolder {
    POSITION: relative;
    display: flex;
    justify-content: center;
}

div.citasPend div.tableCitas table tr td.hidCita div.hidCitaCont div.citaExtra div.citaExtraInfo div.citaExtaInfHid table.tblPers tr > td {
    width: 24%;
}

label.error {
    display: none !important;
}

div.tittlePago {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 24px;
    text-transform: uppercase;
}

div.nitForm {
    position: relative;
    display: block;
    width: 100%;
    margin: 20px 15px;
}

    div.nitForm div.campoHolder div.campo {
        position: relative;
        display: block;
        width: 35%;
        margin: 20px auto;
    }

div.descrpForm div.campoHolder div.campo {
    position: relative;
    display: block;
    width: 50%;
    margin: 15px auto;
}

div.emprDescrip {
    position: relative;
    display: none;
    width: 100%;
}

div.nitForm div.btnSelect {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

div.descrpForm {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 70px;
}

    div.descrpForm div.btnSelect {
        position: relative;
        display: flex;
        justify-content: center;
        margin: 10px;
        margin-left: 40px;
    }

div.planPagos {
    position: relative;
    display: none;
    width: 100%;
    justify-content: center;
}

    div.planPagos.mostrar {
        display: flex;
    }

div.planes {
    position: relative;
    display: flex;
    width: 25%;
    justify-content: center;
    margin: auto 25px;
}

div.planCont {
    position: relative;
    display: block;
    width: 100%;
    height: 433px;
    padding: 15px 25px;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: rgba(238, 121, 32);
    transition: .5s;
}

/*div.planCont:hover {
        background-color: rgba(238, 121, 32,0.8);
    }*/

div.planTtl {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 15px;
    height: 10%;
    font-weight: 800;
    padding-bottom: 10px;
}

div.planDescrip {
    position: relative;
    display: flex;
    width: 100%;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 25px;
    text-align: center;
}

div.planPrecio {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
    border-bottom: 1px solid;
}

.planDescrCont {
    position: relative;
    display: block;
    width: 100%;
    margin: 25px 0px;
    height: 59%;
    overflow: auto;
}

.planBttns {
    position: relative;
    display: block;
    width: 100%;
}

.planBoton {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 10px 15px;
    width: 85%;
    margin: 10px 0px;
    border: 3px solid;
    border-radius: 6px;
    transition: .5s;
    cursor: pointer;
}

    .planBoton.grande {
        display: block;
    }

    .planBoton:hover {
        background-color: #EE8C42;
    }

    .planBoton span {
        font-size: 0.9em;
        font-weight: 600;
        text-align: center;
    }

div.popPlanes {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 10;
}

    div.popPlanes div.clsPopBttn {
        position: fixed;
        display: flex;
        bottom: 71%;
        left: 67%;
    }

        div.popPlanes div.clsPopBttn span {
            font-size: 1.5em;
            cursor: pointer;
        }

    div.popPlanes div.popPlanesCont {
        position: relative;
        display: flex;
        width: 80%;
        justify-content: center;
    }

        div.popPlanes div.popPlanesCont div.planes {
            position: relative;
            display: flex;
            width: 20%;
            justify-content: center;
            margin: auto 8px;
        }

            div.popPlanes div.popPlanesCont div.planes div.planCont {
                position: relative;
                display: block;
                width: 80%;
                height: 359px;
                padding: 15px 25px;
                border-radius: 5px;
                color: #FFFFFF;
                cursor: pointer;
                background-color: rgba(238, 121, 32);
                transition: .5s;
            }

                div.popPlanes div.popPlanesCont div.planes div.planCont:hover {
                    background-color: #F89448;
                }

div.popPagarPlan {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 10;
}

    div.popPagarPlan div.popPagarPlanCont {
        position: relative;
        display: block;
        padding: 20px;
        width: 40%;
        background: #FFFFFF;
        border-radius: 20px;
    }

        div.popPagarPlan div.popPagarPlanCont div.popCuotTtl {
            position: relative;
            display: flex;
            text-align: center;
            justify-content: center;
            font-size: 24px;
        }

        div.popPagarPlan div.popPagarPlanCont div.clsPopBttn {
            position: relative;
            display: flex;
            background-color: #F30000;
            left: 333px;
            top: -14px;
            color: #FFFFFF;
            font-size: 21px;
            padding: 7px;
            border-radius: 50%;
            width: 22px;
            justify-content: center;
            cursor: pointer;
        }

        div.popPagarPlan div.popPagarPlanCont div.popCuotform {
            position: relative;
            display: block;
            width: 100%;
        }

            div.popPagarPlan div.popPagarPlanCont div.popCuotform div.selecNumCuot {
                position: relative;
                display: block;
                width: 50%;
                margin: 40px 0px 40px 92px;
            }

            div.popPagarPlan div.popPagarPlanCont div.popCuotform div.cuotValForm {
                position: relative;
                display: block;
                width: 80%;
                margin: 0px auto;
            }

                div.popPagarPlan div.popPagarPlanCont div.popCuotform div.cuotValForm div.prmraCuot {
                    position: relative;
                    display: none;
                }

                div.popPagarPlan div.popPagarPlanCont div.popCuotform div.cuotValForm div.sgndaCuot {
                    position: relative;
                    display: none;
                }

                div.popPagarPlan div.popPagarPlanCont div.popCuotform div.cuotValForm div.trcraCuot {
                    position: relative;
                    display: none;
                }

                div.popPagarPlan div.popPagarPlanCont div.popCuotform div.cuotValForm div.btnPopCuotas {
                    position: relative;
                    display: none;
                    justify-content: center;
                }

.cuotValForm .rowCampo.rC2 {
    position: relative;
    display: flex;
    width: 100%;
}

    .cuotValForm .rowCampo.rC2 .campo {
        width: 50%;
        margin: 10px 15px;
    }

.cuotValForm .rowCampo.rC1 {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

    .cuotValForm .rowCampo.rC1 .campo {
        width: 100%;
        margin: 20px 15px;
    }

div.horLine span {
    position: relative;
    display: block;
    content: '';
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, rgba(45,182,207,1) 0%, rgba(224,155,38,1) 80%);
    margin-top: 15px;
}

.popCuotTbl {
    position: relative;
    display: none;
    width: 89%;
    margin: 13px 36px;
}

.planInfo {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 15px;
    margin-top:-19px;
}

    .planInfo .planInfoCont {
        margin: 0px 5px;
    }

        .planInfo .planInfoCont label {
            font-size: 1.4em;
            font-weight: 600;
        }

.cuotPlanTbl {
    position: relative;
    display: block;
    margin: 30px 0;
    max-height: 300px;
    overflow: auto;
}

    .cuotPlanTbl table.tableSunemedic thead tr td,
    .cuotPlanTbl table.tableSunemedic tbody tr td {
        position: relative;
        display: block;
        text-align: center;
        width: 25%;
    }

.valRest {
    position: relative;
    display: flex;
    margin: 35px 0px;
    justify-content: center;
}

    .valRest .valorAPagar label {
        font-size: 1.5em;
    }

.corfmContrt {
    position: relative;
    display: flex;
    justify-content: center;
}

.expFecha {
    position: relative;
    display: none;
    width: 100%;
    margin: 15px;
}

    .expFecha .campo {
        width: 45%;
        margin: 0px 10px;
    }

.contrtBttns {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}
/*****************************Paginacion*************************************/
div .paginacion {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    z-index: 3;
}

    div.paginacion ul.paginas {
        position: relative;
        display: inline-flex;
        padding: 5px 20px;
    }

        div.paginacion ul.paginas li.numPagina {
            position: relative;
            display: block;
            padding: 5px 8px;
            cursor: pointer;
            color: rgba(100,100,100,.9);
            font-size: 14px;
            border: solid 1px rgba(200,200,200,.9);
            border-radius: 5px;
            transition: .4s;
        }

        div.paginacion ul.paginas label {
            position: relative;
            display: flex;
            padding: 5px 3px;
        }

        div.paginacion ul.paginas li.numPagina:hover {
            background: rgba(200,200,200,.9);
            transition: .4s;
        }

        div.paginacion ul.paginas li.pagActual {
            position: relative;
            display: block;
            padding: 5px 8px;
            margin: 0 5px;
            font-size: 14px;
            border-radius: 5px;
            border: solid 1px #000000;
            box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5);
        }

            div.paginacion ul.paginas li.pagActual input {
                position: relative;
                display: block;
                color: #000000;
                width: 30px;
                text-align: center;
            }

div.wspButton {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 10px;
    bottom: 10px;
    width: 80px;
    height: 80px;
    background: #25d366;
    border-radius: 50%;
    box-shadow: 5px 5px 5px rgb(150 150 150 / 50%);
    cursor: pointer;
    transition: .5s;
    z-index: 14;
}

    div.wspButton span {
        position: relative;
        display: block;
        font-size: 61px;
        color: #FFFFFF;
    }

/*div.wspButton:hover {
        right: 22px;
        bottom: 22px;
        box-shadow: 7px 7px 5px rgba(150,150,150,.5);
        transition: .5s;
    }*/
/**olvido contra**/
div.clsd {
    width: calc(91% - 1px);
    margin: 8px auto;
    display: block;
    position: relative;
}

    div.clsd label {
        margin-left: 5px;
    }

div.popBlue div.popBlueCont div.popBtnIn.tamañp {
    width: 32%;
    margin: auto;
    text-align: center;
    display: block;
}

div.popBlue.olvidocontr div.popBlueCont {
    width: 40% !important;
}

div.clsd div {
    color: #FFFFFF;
    margin: 7px auto;
}
/*contenedor */
div.fromocl {
    width: calc(80% - 1px);
    margin: auto;
    text-align: center;
    display: block;
}

div.OCULTO {
    display: none;
}

div.radiosb {
    width: calc(50% - 1px );
    margin: 20px auto;
    position: relative;
}

div.conmt {
    width: calc(20% - 1px);
    display: inline-block;
    margin: auto;
}

div.tmnco {
    width: calc(20% - 1px);
    display: inline-block;
    margin: auto;
}

div.CONTEfrom {
    width: calc(70% - 1px);
    margin: 10px auto;
}

div.cintenfech {
    width: calc(70% - 1px);
    margin: 15px auto;
    display: block;
    text-align: left;
}

    div.cintenfech div {
        width: 100%;
        margin: 10px auto;
    }

div.contetilu {
    width: calc(70% - 1px);
    margin: 15px auto;
    font-weight: 600;
}

div.conteninf {
    width: calc(66% - 1px);
    margin: auto;
    text-align: justify;
}

    div.conteninf div {
        width: 100%;
        margin: 10px auto;
    }

div.clabtonn {
    width: calc(24% - 1px);
    position: relative;
    margin: auto;
    display: inline-block;
    text-align: center;
}

    div.clabtonn.ocul {
        display: none;
    }

    div.clabtonn button.btnGeneral.azul {
        margin: auto;
    }

div.clabton {
    width: calc(20% - 1px);
    position: relative;
    display: block;
    margin: 10px auto;
    padding: 5px 0;
    font-size: 18px;
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    cursor: pointer;
    color: #FFFFFF;
    background: #36BAD6;
}

    div.clabton:hover {
        background: #61a9ea;
        transition: .5s;
    }

span.btnGeneral.azul a {
    text-decoration: none;
    color: #FFFFFF;
}

div.tly label {
    font-weight: 600;
    font-size: 18px;
}

ul.footerSitecontac {
    position: relative;
    display: block;
    width: 60%;
    margin: 10px auto;
}

    ul.footerSitecontac li.footerSiteItem label {
        color: #FFFFFF;
        display: block;
        margin: 10px auto;
        width: 100%;
    }

span.nume {
    margin: 10px auto;
    position: relative;
    color: #717579;
    text-transform: lowercase;
    font-weight: 500;
    cursor: pointer;
    font-size: 15px;
    transition: .3s;
}

    span.nume:hover {
        color: #FFFFFF;
        transition: .3s;
    }

div.contenimlog {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
}

    div.contenimlog img {
        display: block;
        position: relative;
        height: 100%;
        width: 70%;
        padding: 20px 0;
    }

div.contnred {
    display: inline-flex;
    position: relative;
    justify-content: center;
    width: 100%;
}

div.itenmRES {
    display: inline-flex;
    position: relative;
    width: calc(15%);
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font-size: 30px;
    padding: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    color: #717579;
    transition: .4s;
}

    div.itenmRES a {
        color: #717579;
        transition: .4s;
    }

    div.itenmRES:hover a {
        color: #FFFFFF;
        transition: .4s;
    }

    div.itenmRES.face:hover {
        color: #FFFFFF;
        background: #3B5998;
        transition: .4s;
    }

    div.itenmRES.whatsa:hover {
        color: #FFFFFF;
        background: #25D366;
        transition: .4s;
    }

    div.itenmRES.insta:hover {
        color: #FFFFFF;
        background: linear-gradient(135deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%);
        transition: .4s;
    }

.contnCert {
    position: relative;
    display: flex;
    justify-content: center;
    height: 55%;
    align-items: center;
}

div.valiOcul {
    display: none;
}

div.popBlue div.popRow div.popCampo div {
    margin: auto;
    width: 57%;
    justify-content: center;
}

div.popBlue div.popRow div.popCampo label {
    padding: 13px 0;
    FONT-SIZE: 14px;
    margin-left: 5px;
}

div.labd {
    width: calc(80% - 1px);
    margin: auto;
    text-align: center;
    color: #000000;
}

div.clas.rardio {
    width: calc(80% - 1px);
    text-align: center;
    margin: 20px auto;
    display: none;
}

div.r1, div.r2 {
    width: calc(36% - 1px);
    display: inline-block;
    margin: 20px auto;
    color: #000000;
}

div.rad1 {
    display: none;
}

div.rad2 {
    display: none;
}

/*Cuentas*/

.docCuentas {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

    .docCuentas .campoHolder {
        width: 63%;
    }

        .docCuentas .campoHolder .campo {
            position: relative;
            display: block;
            margin-left: 25px;
        }

.fechasFiltr .rawForm {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 25px 15px;
    width: 100%;
}

    .fechasFiltr .rawForm .campo {
        width: 30%;
        margin: 0px 10px;
    }

.rawCenter .campo {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 15px;
}

.citasTable {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 20px 0px;
}

    .citasTable table.tableSunemedic thead tr td {
        width: 20%;
    }

    .citasTable table.tableSunemedic tbody tr td {
        width: 20%;
    }

.tblesTtles {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

.vlrsTotal {
    position: relative;
    display: block;
    width: 40%;
    margin: 15px 20px;
    z-index: 1;
    box-shadow: 3px 5px 9px 9px rgb(200 200 200 / 62%);
    border-radius: 10px;
}

    .vlrsTotal .rowCampo {
        position: relative;
        margin: 2px 0px;
        display: flex;
    }

        .vlrsTotal .rowCampo .campo {
            margin: 0px 0px;
            width: 50%;
            padding: 10px 10px;
        }

            .vlrsTotal .rowCampo .campo.colorBack {
                background: linear-gradient(90deg, rgba(45,182,207,1) 0%, rgba(224,155,38,1) 100%);
                color: #FFFFFF;
                font-weight: 600;
            }

.concilBttn {
    position: relative;
    display: flex;
    width: 40%;
    justify-content: center;
    align-items: center;
    margin: 15px 20px;
}

/*******************************************Publicidad*************************************/
.tituloVista .creProfTitle {
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 20px;
}

.publiciCont {
    position: relative;
    display: flex;
    width: 100%;
}

.newPublic {
    position: relative;
    display: block;
    width: 65%;
    margin: 15px 20px;
}

    .newPublic .titleImg {
        position: relative;
        display: block;
        width: 70%;
        margin: 0px auto;
    }

        .newPublic .titleImg .rowCampo.rC1 {
            margin: 10px 0px;
        }

.imageContainer .formSubirFoto .prevFoto .realFoto {
    position: relative;
    display: inline-grid;
    margin: 0px auto;
    width: 100%;
}

    .imageContainer .formSubirFoto .prevFoto .realFoto img {
        margin: 0px auto;
        width: 100%;
        max-height: 340px;
    }

.prevFoto .tapaderaFoto {
    position: relative;
    display: flex;
    top: 0;
    width: 100%;
    height: 320px;
    background: #A1A1A1;
    color: #FFFFFF;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
}

.prevFoto .frontImg {
    position: relative;
    display: flex;
    top: 0;
    width: 100%;
    height: 320px;
    background: #A1A1A1;
    color: #FFFFFF;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
}

.imageContainer .formSubirFoto .btnSub label {
    position: relative;
    display: block;
    width: 35%;
    padding: 15px;
    text-align: center;
    background: #EE7920;
    cursor: pointer;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
    color: #FFFFFF;
    margin: 20px auto;
}

.imgInfo {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 10px auto;
    font-weight: 600;
}

.uploadedImgs {
    position: relative;
    display: block;
    justify-content: center;
    width: 30%;
    overflow: auto;
    max-height: 30.5em;
    margin-top: 30px;
}

.imgenExp {
    position: relative;
    display: flex;
    height: 90px;
    margin: 10px 0px;
    padding: 5px;
}

.imgSquare img {
    height: 100%;
}

.descripImg {
    position: relative;
    display: block;
    margin: 5px;
    width: 100%;
    overflow: hidden;
}

    .descripImg .imgTxt {
        position: relative;
        display: flex;
        text-align: initial;
        margin: 10px 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/*******************************************Responsive 1920px*************************************/

@media screen and (max-width:1920px) {
    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        position: relative;
        display: block;
        width: calc(25% - 90px);
        margin: 30px 20px;
        height: 153px;
        padding: 10px 20px;
        border: 5px;
        cursor: pointer;
        background: #DFDDDF;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
    }

    .directPop {
        position: fixed;
        display: none;
        top: 531px;
        left: 80px;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
        z-index: 5;
    }

    .nalTelPop {
        position: fixed;
        display: none;
        top: 531px;
        left: 496px;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 25px 35px;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
        z-index: 5;
    }

    .registerPop {
        position: fixed;
        display: none;
        top: 531px;
        left: 1050px;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
        z-index: 5;
    }
}

/*******************************************Responsive 1600px*************************************/
@media screen and (max-width:1600px) {
    /*******************************************Index*************************************/
    div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
        left: 0%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        margin: 30px 20px;
        width: calc(27% - 90px);
        height: 138px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle div.secBuscInput {
        width: 42%;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
        width: 30%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
        font-size: 18px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
        width: 60px;
        height: 60px;
        font-size: 35px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont span img {
        height: 65px;
    }

    /*div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
            width: 160px;
            font-size: 22px;
            padding: 15px 0;
        }*/

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
        height: 75px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
        bottom: 100px;
        width: 75%;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        font-size: 45px;
        width: 60%;
    }

    div.secPromTarj {
        height: calc(60% - 50px);
    }

        div.secPromTarj div.secPromImg {
            height: 140px;
            margin: 10px 0;
        }

        div.secPromTarj div.secPromBtn {
            font-size: 16px;
        }

        div.secPromTarj div.secPromTitle {
            font-size: 20px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
        margin: 20px 20px;
        padding: 10px 0;
    }

    div.sliderCont {
        height: 67%;
    }

    .bannImg img {
        height: 350px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan span {
        font-size: 1.2em;
    }

    div.indexPan div.indexPanUnit div.slidDots {
        bottom: 31%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
        font-size: 1.7em;
        padding-left: 30px;
        right: 19px;
        top: 10px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
        height: 48%;
        top: 37px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
        left: 40px;
        top: 12px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
        left: 5px;
    }

    .directPop {
        top: 451px;
        left: 30px;
    }

    .nalTelPop {
        top: 435px;
        left: 380px;
    }

    .registerPop {
        top: 455px;
        left: 860px;
    }

    div.resulBusPromos {
        top: 15%;
    }

        div.resulBusPromos div.servLista {
            max-height: 227px;
        }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.agendSpan {
        top: 25px;
    }

   /* div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
        height: 61px;
    }*/
    /*****************************************Item Busqueda Medico*************************************/
    div.itemBuscMed {
        margin: 10px 20px;
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 130px;
        }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 18px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
            font-size: 20px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
            font-size: 14px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
            font-size: 22px;
        }

    .atencLine .squareCont {
        width: 75%;
    }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusPromos div.membClubOfert {
        height: 140px;
    }

    div.resulBusNew div.resulBusPromos div.promoBtn {
        font-size: 16px;
    }

    div.resulBusPromos div.secPromTarj {
        margin: 10px 0;
    }

    div.secPromTarj div.secPromTxt {
        font-size: 16px;
    }

    div.popPagarPlan div.popPagarPlanCont {
        position: relative;
        display: block;
        padding: 20px;
        max-height: 700px;
        width: 47%;
        background: #FFFFFF;
        border-radius: 20px;
    }

        div.popPagarPlan div.popPagarPlanCont div.popCuotform {
            position: relative;
            display: block;
            width: 100%;
            overflow: auto;
            max-height: 650px;
        }

    div.planes {
        width: 30%;
        margin: auto 20px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
        font-size: 12px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexBttnServ {
        height: 28px;
    }

    div.itemBuscMed div.itemBuscTxt div.servTipo.other {
        top: -60px;
    }

    /********************************Preguntas Frecuentes*************************************/
    .textInfo {
        margin-left: 340px;
    }
    /********************************Beneficios*************************************/
    .firstCont .imgItem:nth-child(1) {
        left: 130px;
    }

    .firstCont .imgItem:nth-child(2) {
        left: 750px;
    }

    .secondCont .textInfo {
        left: 340px;
    }

    .secondCont .imgFondo {
        right: 40px;
    }

    .thirdCont .bannText {
        left: 500px;
    }

    .fourthCont .drogLogo {
        height: 130px;
    }

    .fourthCont .drogTxt {
        height: 320px;
    }

    .fithcont .bannText {
        left: 23%;
    }

    .sixthCont .imgItem:nth-child(1) {
        top: 292px;
        left: 99px;
        height: 590px;
    }

    .sixthCont .imgItem:nth-child(2) {
        left: 770px;
        top: 50px;
        height: 330px;
    }

    .sixthCont .imgItem:nth-child(3) {
        left: 1030px;
        top: 110px;
        height: 410px;
    }

    .sixthCont .imgItem:nth-child(4) {
        top: 580px;
        left: 760px;
        height: 210px;
    }

    .seventhCont .bannText {
        left: 38%;
    }

    .tenthCont .bannText {
        left: 740px;
    }
    /*Profesional de la salud*/

    .horSlideCont {
        height: 700px;
    }

        .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
            height: 48%;
            top: 5%;
            left: 15%;
        }

        .horSlideCont .horPubl .contentPrimr .horLine {
            top: -700px;
        }

        .horSlideCont .horPubl .contentPrimr .publictext {
            top: 410px;
            left: 395px;
        }

        .horSlideCont .horPubl .contentScnd .imgLogo {
            bottom: 75%;
        }

        .horSlideCont .horPubl .contentScnd .imgItem {
            bottom: 9%;
            height: 79%;
        }

        .horSlideCont .horPubl .contentThrd .imgItem {
            bottom: 10%;
            height: 75%;
        }

        .horSlideCont .horPubl .contentFrth .imgItem {
            bottom: 9%;
            height: 79%;
        }

        .horSlideCont .horPubl .contentFt .imgLogo {
            bottom: 65%;
            right: 30%;
        }

    /*Registrar Usuario*/

    .textRegis {
        top: 5em;
    }

    .formSect {
        top: 14em;
    }

    .regisUsuario {
        height: 1021px;
    }

    .regisDescrip {
        top: 16em;
    }

    div.cofrs {
        width: 90%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont {
        bottom: -20px;
    }

    .imgHolder {
        width: 28%;
    }
}

/*******************************************Responsive 1504px*************************************/
@media screen and (max-width:1504px) {
    header.header {
        height: 50px;
    }

        header.header div.headIcon img {
            height: 3em;
            margin-top: 3px;
        }

        header.header div.headMenuIng div.btnIng {
            font-size: 0.7em;
        }

        header.header div.headMenuIng div.btnHome {
            height: 1.5em;
            width: 1.5em;
        }

        header.header div.headMenuIng div.btnHamb {
            height: 1.5em;
            width: 1.5em;
        }

            header.header div.headMenuIng div.btnHamb span {
                font-size: 1.5em;
            }

        header.header div.headMenuIng div.btnIng {
            height: 2.5em;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest {
        padding-top: 0px;
    }

    div.sliderCont {
        height: 70%;
        margin-top: 0px;
    }

    div.indexPan div.indexPanUnit div.slidDots {
        top: 412px;
    }

    .bannImg img {
        height: 260px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        height: 131px;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
            left: 26px;
        }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        width: 69%;
    }

    .directPop {
        top: 311px;
        left: 320px;
    }

    .txtPhone {
        font-size: 1.1em;
    }

    .bgButtons .buttonTxt {
        font-size: 1.3em;
    }

    .bgButtons {
        height: 59px;
    }

    .popText {
        font-size: 1.3em;
    }

    .directPop {
        top: 331px;
        left: 320px;
    }

    .nalTelPop {
        top: 328px;
        left: 690px;
    }

        .nalTelPop .popBtnns {
            width: 75%;
        }

    /*Registro Usuario*/
}

/*******************************************Responsive 1370px*************************************/
@media screen and (max-width:1440px) {
    div.popPagarPlan div.popPagarPlanCont div.popCuotform div.selecNumCuot {
        margin: 40px 0px 40px 0px;
    }


    div.popPagarPlan div.popPagarPlanCont div.clsPopBttn {
        left: 244px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
        font-size: 1.4em;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle div.secBuscInput {
            width: 45%;
        }

    .bgButtons {
        height: 65px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn.other {
        margin-right: 10px;
    }

    .registerPop {
        top: 355px;
        left: 790px;
    }

    div.popPagarPlan div.popPagarPlanCont {
        max-height: 680px;
    }

        div.popPagarPlan div.popPagarPlanCont div.popCuotform {
            max-height: 600px;
        }

    .vlrsTotal {
        width: 43%;
    }

    .concilBttn {
        width: 43%;
    }

    .citasTable {
        overflow: auto;
    }

        .citasTable table.tableSunemedic thead {
            width: 1180px;
        }

        .citasTable table.tableSunemedic tbody {
            width: 1180px;
        }

    div.itemBuscMed div.itemBuscTxt {
        padding: 5px 0;
    }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            font-size: 14px;
        }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
        font-size: 0.9em;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        top: 60px;
        left: 478px;
    }

    .bannImg img {
        height: 330px;
    }

    .registroForm {
        width: 50%;
    }

    div.indexPan div.indexPanUnit div.slidDots {
        top: 430px;
    }

    .nalTelPop {
        top: 358px;
        left: 360px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
        height: 42%;
        top: 37px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
        left: 14px;
    }

    .directPop {
        top: 369px;
        left: 40px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
        margin-top: 0px;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest {
            padding-top: 0px;
        }

    .atencLine .squareCont {
        width: 85%;
    }

    div.resulBusPromos {
        top: 11%;
    }

        div.resulBusPromos div.servLista {
            max-height: 193px;
        }

    div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ {
        height: 28px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtTitle {
        top: 55px;
    }

    /*div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
        height: 54px;
    }*/

    /*********************************Preguntas Frecuentes***************************************/
    .preguntCont {
        left: 130px;
    }

    .textInfo {
        margin-left: 260px;
    }

        .textInfo label:nth-child(1) {
            font-size: 3.8em;
        }

        .textInfo label:nth-child(2) {
            font-size: 2.3em;
        }
    /**/
    .vertCont {
        margin-top: 0px;
    }

    .firstCont .imgItem:nth-child(1) {
        left: 50px;
    }

    .firstCont .imgItem:nth-child(2) {
        left: 670px;
        height: 430px;
        top: 110px;
    }

    .textInfo label:nth-child(2) {
        font-size: 2.1em;
    }

    .textInfo label:nth-child(1) {
        font-size: 3.5em;
    }

    .thirdCont .bannText {
        left: 470px;
    }

    .fithcont .bannText {
        left: 20%;
    }

    .sixthCont .imgItem:nth-child(1) {
        left: 39px;
    }

    .sixthCont {
        height: 680px;
    }

        .sixthCont .imgItem:nth-child(1) {
            top: 94px;
            left: 8px;
        }

        .sixthCont .imgItem:nth-child(3) {
            left: 900px;
            top: 110px;
            height: 410px;
        }

        .sixthCont .imgItem:nth-child(4) {
            top: 490px;
            left: 760px;
            height: 170px;
        }

    .tenthCont .bannText {
        left: 700px;
    }

    /*Profesional de Salud*/
    .prmeCont {
        height: 675px;
    }

        .prmeCont .publictext label:nth-child(1) {
            top: 120px;
            font-size: 5em;
            left: 100px;
        }

        .prmeCont .publictext label:nth-child(2) {
            top: 280px;
            left: 100px;
        }

        .prmeCont .publictext label:nth-child(3) {
            top: 480px;
            left: 100px;
        }

        .prmeCont .publictext label:nth-child(4) {
            top: 520px;
            left: 94px;
        }

    .horSlideCont {
        height: 670px;
    }

        .horSlideCont .horPubl .contentPrimr .horLine {
            top: -730px;
            width: 60%;
        }

        .horSlideCont .horPubl .contentPrimr .publictext {
            top: 400px;
            left: 320px;
        }

        .horSlideCont .horPubl .contentPrimr .imgItem {
            bottom: 5%;
            right: 27%;
        }

        .horSlideCont .horPubl .contentScnd .imgItem {
            height: 85%;
        }

        .horSlideCont .horPubl .contentThrd .imgItem {
            bottom: 10%;
            height: 80%;
            right: 2%;
        }

        .horSlideCont .horPubl .contentFrth .imgItem {
            height: 85%;
        }

    /*Registro Usuario*/

    .textRegis {
        top: 3em;
    }

    .formSect {
        top: 12em;
    }

    .regisDescrip {
        top: 15.5em;
    }

    .imgHolder {
        width: 24%;
    }
}

/*******************************************Responsive 1370px*************************************/
@media screen and (max-width:1370px) {
    /*******************************************Index*************************************/
    header.header {
        height: 60px;
    }

        header.header div.headIcon img {
            height: 3.3em;
        }

    div.indexPan div.indexPanUnit div.idxImgBack {
        height: calc(100% - 11px);
        margin-bottom: 130px;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
            left: 0%;
        }

    div.indexPan div.indexPanUnit div.slidDots {
        top: 350px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        margin: 20px 10px;
        width: calc(25% - 70px);
        height: 120px;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
            font-size: 16px;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan span {
                font-size: 1.2em;
            }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
            height: 65px;
            bottom: 0px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
            font-size: 1.3em;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
            width: 50px;
            height: 50px;
            font-size: 32px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
            font-size: 1.1em;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
            left: 3px;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
                left: 31px;
            }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
            font-size: 1.1em;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont span img {
            height: 55px;
        }

    div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
        height: 95%;
        right: 3%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.agendSpan {
        top: 20px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
        font-size: 20px;
        bottom: 120px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
        padding: 20px 30px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
        width: calc(100% - 60px);
        padding: 0 30px;
        padding-bottom: 15px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput {
        padding: 0 30px;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder {
            margin: 0;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
            margin: 0 3px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
            padding: 10px 10px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
        padding: 10px 30px;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes {
            width: 35px;
            height: 35px;
            font-size: 26px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label {
            font-size: 22px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
        margin: 10px 30px;
        padding: 10px 0;
    }

    div.secPromTarj div.secPromTxt {
        font-size: 14px;
    }

    div.secPromTarj div.secPromImg {
        height: 100px;
        margin: 10px 0;
    }

    div.secPromTarj div.secPromTitle {
        font-size: 16px;
    }

    div.secPromTarj div.secPromBtn {
        font-size: 14px;
    }

    div.secPromTarj {
        margin: 20px;
        height: calc(60% - 30px);
    }

    div.secPromDrog {
        margin: 20px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        font-size: 36px;
        width: 90%;
        top: 42px;
        left: 508px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
        bottom: 70px;
        width: 65%;
        font-size: 20px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
        height: 105%;
    }

    .directPop {
        top: 264px;
        left: 40px;
    }

    .nalTelPop {
        top: 261px;
        left: 331px;
    }

    .registerPop {
        top: 270px;
        left: 720px;
    }

    .popText {
        font-size: 1.3em;
    }

    .txtPhone {
        font-size: 1.2em;
    }

    .bgButtons {
        height: 60px;
    }

        .bgButtons .buttonTxt {
            font-size: 1.4em;
        }

    .bannImg img {
        height: 270px;
    }

    div.wspButton {
        width: 70px;
        height: 70px;
    }

        div.wspButton span {
            font-size: 49px;
        }

    div.sliderCont {
        height: 70%;
        margin-top: 11px;
    }

    .nvoPopup {
        position: relative;
        display: block;
        width: 23em;
        padding: 20px;
        background: #DDDDDD;
        border-radius: 10px;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 44%);
    }

        .nvoPopup .popCont .popTittle span {
            font-size: 1.8em;
        }

        .nvoPopup .popCont .popTittle label {
            font-size: 1.3em;
        }

    .ingraBttn {
        font-size: 1.5em;
    }

    .atencLine .squareCont .orangeCont .infoPhoneCont .upperText label {
        font-size: 0.9em;
    }

    .atencLine .squareCont .orangeCont .infoPhoneCont .downerText label {
        font-size: 0.9em;
    }

    .atencLine .squareCont .orangeCont .infoPhoneCont .phneNumber {
        height: 50px;
    }

    div.resulBusPromos {
        top: 15%;
    }

        div.resulBusPromos div.servLista {
            max-height: 156px;
        }

    div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ {
        height: 26px;
    }

    /*div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
        height: 50px;
    }*/

    div.resulBusPromos div.servLista div.servListItem span {
        font-size: 15px;
    }

    /*****************************************Item Busqueda Medico*************************************/
    div.itemBuscMed {
        width: calc(50% - 107px);
        padding: 10px 30px;
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 115px;
        }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            font-size: 12px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
            font-size: 18px;
        }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
        font-size: 14px;
    }

    div.resulBusNew div.resulBusPromos div.promoBtn {
        margin: 10px 0;
        font-size: 14px;
    }

    div.resulBusNew div.resulBusPromos {
        width: calc(30% - 70px);
        height: calc(100vh - 170px);
    }

        div.resulBusNew div.resulBusPromos div.membClubOfert {
            height: 100px;
        }

    div.resulBusPromos div.secPromTarj,
    div.resulBusPromos div.secPromDrog {
        margin: 10px 0;
    }

    div.resulBusPromos div.secPromDrog {
        height: calc(40% - 0px);
    }

    div.itemBuscMed.itemServHolder {
        margin: 0;
        margin-bottom: 10px;
        width: calc(100% - 47px);
    }

        div.itemBuscMed.itemServHolder div.itemBuscTxt {
            margin-left: 10px;
            max-width: 180px;
        }

            div.itemBuscMed.itemServHolder div.itemBuscTxt div.itexTxtCargo {
                font-size: 20px;
            }

            div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtTitle span {
                font-size: 14px;
            }

    div.resulBusNew div.resulBusPromos div.servLista {
        max-height: 110px;
        object-fit: contain;
    }

    div.resulBusPromos div {
        font-size: 10px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtMedicProm {
        font-size: 14px;
    }

    div.planCont {
        padding: 15px 18px;
    }

    div.popPagarPlan div.popPagarPlanCont {
        /*max-height: 520px;*/
        max-height: 600px;
    }

        div.popPagarPlan div.popPagarPlanCont div.clsPopBttn {
            left: 215px;
        }

        div.popPagarPlan div.popPagarPlanCont div.popCuotform {
            max-height: 460px;
        }

    div.popPlanes div.clsPopBttn {
        bottom: 81%;
        left: 72%;
    }

    div.popPlanes div.popPlanesCont div.planes {
        width: 27%;
    }

        div.popPlanes div.popPlanesCont div.planes div.planCont {
            width: 77%;
        }

    .docCuentas .campoHolder .campo {
        margin-left: 20px;
    }

    .citasTable {
        overflow: auto;
    }

        .citasTable table.tableSunemedic thead {
            width: 1093px;
        }

        .citasTable table.tableSunemedic tbody {
            width: 1093px;
        }

    .vlrsTotal {
        width: 45%;
        margin: 15px 10px;
    }

    .concilBttn {
        width: 45%;
        margin: 15px 10px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
        font-weight: 600;
        font-size: 12px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
        margin-top: 10px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtDesc {
        height: 48px;
        max-height: 80px;
        overflow-y: scroll;
    }

    div.itemBuscMed.itemServHolder div.itemBuscImg div.buscBtnExtra span.btnExtra {
        font-size: 11px;
    }

    div.resulBusNew div.resulBusPromos div.servLista div.servListItem span {
        font-size: 15px;
    }

    /*****************************************Preguntas Frecuentes*************************************/
    .vertCont {
        margin-top: 0px;
    }

    .preguntCont {
        left: 110px;
        top: 40px;
    }

    .textInfo {
        margin-left: 280px;
        margin-top: 30px;
    }

        .textInfo label:nth-child(1) {
            font-size: 3em;
        }

        .textInfo label:nth-child(2) {
            font-size: 1.8em;
        }

    .respuesta .resCont .resHeight {
        width: 92%;
    }

    /*****************************************Membresia Beneficios*************************************/

    .firstCont {
        height: 534px;
    }

        .firstCont .imgItem:nth-child(1) {
            top: 54px;
            height: 90%;
        }

        .firstCont .imgItem:nth-child(2) {
            left: 710px;
            height: 70%;
        }

    .secondCont {
        height: 224px;
    }

        .secondCont .textInfo {
            margin-top: 25px;
            left: 340px;
        }

            .secondCont.textInfo label:nth-child(1) {
                font-size: 2.5em;
            }

            .secondCont .textInfo span {
                font-size: 3.5em;
            }

        .secondCont .imgFondo {
            right: 90px;
        }

    .thirdCont {
        height: 200px;
    }

        .thirdCont .imgFondo {
            top: -93px;
        }

        .thirdCont .bannText {
            font-size: 1.5em;
            left: 442px;
        }

    .fourthCont {
        height: 577px;
    }

        .fourthCont .drogLogo {
            height: 110px;
        }

        .fourthCont .drogTxt {
            height: 270px;
            top: 250px;
        }

    .fithcont {
        height: 210px;
    }

        .fithcont .imgFondo {
            height: 226%;
            top: -128px;
            left: -86px;
        }

        .fithcont .bannText {
            font-size: 1.5em;
        }

    .sixthCont {
        height: 550px;
    }

        .sixthCont .imgItem:nth-child(1) {
            height: 85%;
            top: 83px;
        }

        .sixthCont .imgItem:nth-child(2) {
            left: 660px;
            top: 10px;
            height: 50%;
        }

        .sixthCont .imgItem:nth-child(3) {
            left: 870px;
            top: 8px;
            height: 70%;
        }

        .sixthCont .imgItem:nth-child(4) {
            top: 370px;
            left: 760px;
            height: 30%;
        }

    .seventhCont .bannText {
        font-size: 1.5em;
        margin-top: 50px;
    }

    .eightCont {
        height: 523px;
    }

        .eightCont .imgFondo {
            top: -60px;
            height: 125%;
            right: -94px;
        }

        .eightCont .bannText {
            font-size: 2.5em;
        }

        .eightCont .imgItem {
            height: 180px;
            top: 270px;
            left: 120px;
        }

    .tenthCont .bannText {
        font-size: 3em;
        top: 170px;
        left: 690px;
    }

    /*******************************************Publicidad*************************************/
    .imageContainer .formSubirFoto .prevFoto .realFoto img {
        max-height: 240px;
    }

    .uploadedImgs {
        width: 30%;
        margin-top: 0px;
    }

    .imgSquare {
        position: relative;
        display: flex;
        width: 80%;
    }

    .imgenExp {
        height: 85px;
    }

    .imgSquare img {
        width: 100%;
    }

    /*Profesional de salud*/

    .prmeCont {
        height: 550px;
    }

        .prmeCont .publictext label:nth-child(1) {
            top: 110px;
            font-size: 4em;
        }

        .prmeCont .publictext label:nth-child(2) {
            top: 239px;
            left: 100px;
            font-size: 1.8em;
        }

        .prmeCont .publictext label:nth-child(3) {
            top: 400px;
        }

        .prmeCont .publictext label:nth-child(4) {
            top: 435px;
            left: 94px;
        }

    .horSlideCont {
        height: 540px;
    }

        .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
            left: 34px;
            top: -80px;
            height: 411px;
        }

        .horSlideCont .horPubl .contentPrimr .publictext {
            top: 321px;
            left: 275px;
        }

        .horSlideCont .horPubl .contentPrimr .horLine {
            top: -790px;
        }

        .horSlideCont .horPubl .contentPrimr .imgItem {
            bottom: 5%;
            right: 30%;
        }

        .horSlideCont .horPubl .contentScnd .imgItem {
            bottom: 5%;
            height: 90%;
            right: 10%;
        }

        .horSlideCont .horPubl .contentThrd .imgItem {
            bottom: 10%;
            height: 80%;
        }

        .horSlideCont .horPubl .contentFrth .imgItem {
            bottom: 10%;
            height: 85%;
            right: 5%;
        }

        .horSlideCont .horPubl .contentFt .imgLogo {
            bottom: 73%;
            right: 34%;
        }

    /*Registro Usuario*/

    .imgHolder {
        width: 26%;
    }
}

/*******************************************Responsive 1024px*************************************/
@media screen and (max-width:1024px) {
    div.body-content {
        height: calc(100% - 80px);
        padding-top: 80px;
    }

    /****************************************Header*************************************/
    div.hookHeader {
        width: calc(100% - 20px);
        padding: 2.5px 10px;
    }

        div.hookHeader div.hookContacCont {
            font-size: 12px;
        }

        div.hookHeader div.hookContacRedes {
            font-size: 20px;
        }

        div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
            width: 18px;
            height: 18px;
            border: 2px solid #FFFFFF;
            font-size: 10px;
        }

    header.header {
        height: 65px;
        padding: 5px 10px;
        width: calc(100% - 20px);
    }

        header.header div.headMenuIng div.btnIng {
            font-size: 12px;
        }

        header.header div.headMenuIng div.btnHamb {
            padding: 6px 4px;
        }

            header.header div.headMenuIng div.btnHamb > span:before {
                height: 3px;
                bottom: 7px;
            }

            header.header div.headMenuIng div.btnHamb > span:after {
                height: 3px;
                top: 7px;
            }

        header.header div.headUserPanel div.headUsMenu {
            top: 45px;
            right: -10px;
        }

    /****************************************Index*************************************/
    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn.other {
        margin-right: 0px;
    }

    div.indexPan {
        height: calc(100vh - 80px);
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
            padding: 20px;
            margin: 20px 10px;
            width: calc(28% - 91px);
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                font-size: 17px;
                bottom: 15px;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                margin-top: 0px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                    width: 40px;
                    height: 52px;
                    font-size: 26px;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
                    font-size: 1.1em;
                    right: 30px;
                    top: 0;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                    font-size: 14px;
                    left: -22px;
                    padding: 10px;
                }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
            font-size: 36px;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
                padding: 10px 30px;
            }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
            font-size: 16px;
            bottom: 110px;
            width: 70%;
        }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
            height: 90%;
            right: -5%;
            top: -10px;
        }

        div.indexPan div.indexPanUnit div.secBusc {
            width: calc(65% - 5px);
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest {
                padding-top: 0px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
                display: block;
                padding: 10px 20px;
                font-size: 18px;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle div.secBuscInput {
                    margin: 0px auto;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
                width: calc(100% - 60px);
                padding: 5px 20px;
                padding-top: 0;
                font-size: 14px;
                font-weight: 500;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput {
                display: block;
                padding: 0 10px;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
                    margin: 5px auto;
                    width: 50%;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.iconMedic {
                display: none;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
                padding: 10px;
                padding-bottom: 0;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes {
                    width: 25px;
                    height: 25px;
                    font-size: 18px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label {
                    font-size: 18px;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
                margin: 10px;
                padding: 0;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
                    display: flex;
                    width: calc(91% - 65px);
                    margin: 10px auto;
                    padding: 10px 20px;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
                        width: 120px;
                        height: 143px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                        font-size: 22px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                        font-size: 16px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                        font-size: 16px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                        font-size: 11px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                        font-size: 16px;
                    }

        div.indexPan div.indexPanUnit div.secPromos {
            width: calc(35%);
        }

    div.itemBuscMed div.itemBuscTxt div.servTipo {
        left: 28px;
    }

    div.secPromTarj div.secPromTxt {
        font-size: 14px;
    }

    div.secPromTarj div.secPromBtn {
        font-size: 14px;
    }

    div.itemBuscMed {
        display: flex;
        width: calc(100% - 107px);
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 140px;
            height: 175px;
        }

    div.popPromos div.popPromoItem {
        margin: 50px auto;
        width: 45%;
        height: 25%;
    }

    div.indexPan div.indexPanUnit div.slidDots {
        top: 437px;
    }

    .directPop {
        top: 364px;
        left: 6px;
    }

    .nalTelPop {
        top: 359px;
        left: 203px;
    }

    .registerPop {
        top: 368px;
        left: 530px;
    }

    .txtPhone {
        font-size: 1.1em;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
        height: 60px;
        bottom: 0px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
        height: 55px;
        bottom: 0px;
        left: 5px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
        height: 35%;
        top: 41px;
        left: 18px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.agendSpan {
        top: 0px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
        left: 1px;
        height: 55px;
        top: 0px;
    }

    .atencLine .squareCont {
        width: 95%;
    }

        .atencLine .squareCont .girlImgCont {
            height: 175px;
        }

        .atencLine .squareCont .orangeCont .infoPhoneCont .upperText label {
            font-size: 0.8em;
        }

        .atencLine .squareCont .orangeCont .infoPhoneCont .phneNumber {
            height: 45px;
        }

        .atencLine .squareCont .orangeCont .infoPhoneCont .downerText label {
            font-size: 0.8em;
        }

    div.resulBusPromos {
        width: calc(45% - 80px);
        top: 11%;
        left: 56%;
    }

        div.resulBusPromos div.servLista {
            max-height: 326px;
        }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusOpcns {
        width: calc(60% - 5px);
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms {
            width: 58%;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resMedicIcon {
                display: none;
            }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                margin: 0 3px;
            }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                width: unset;
                padding: 10px;
            }

    div.resulBusNew div.resulBusPromos {
        width: calc(40% - 60px);
    }

        div.resulBusNew div.resulBusPromos div.promoBtn {
            font-size: 14px;
        }

        div.resulBusNew div.resulBusPromos div.servLista {
            max-height: 350px;
        }

    div.itemBuscMed.itemServHolder div.itemBuscImg div.buscImgHold {
        width: 100px;
        height: 120px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscImg div.buscBtnExtra span.btnExtra {
        font-size: 14px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itexTxtCargo {
        font-size: 18px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtTitle span {
        font-size: 14px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtDesc {
        font-size: 12px;
    }

    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
        font-size: 12px;
        width: 30%;
        display: inline-block;
    }

    div.popMapa div.popMapaCont div.popMapaIfrHolder {
        width: 90%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont {
        bottom: -40px;
    }

    /****************************************Footer*************************************/
    footer.footer div.footerCont {
        width: 100%;
    }

        footer.footer div.footerCont div.footerPart {
            margin: 0;
        }

            footer.footer div.footerCont div.footerPart div.footerTitle {
                font-size: 20px;
                margin: 30px 0 10px;
            }

    ul.footerSitecontac {
        width: 70%;
    }

        ul.footerSitecontac li.footerSiteItem label {
            margin: 5px auto;
        }

    div.contenimlog img {
        width: 90%;
    }

    div.popPagarPlan div.popPagarPlanCont {
        width: 63%;
    }

    div.planes {
        width: 30%;
        margin: auto 12px;
    }

    div.planCont {
        height: 473px;
    }

    .tblesTtles {
        display: block;
    }

    .vlrsTotal {
        width: 60%;
        margin: 15px auto;
    }

    .concilBttn {
        width: 60%;
        margin: 15px auto;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
        margin-top: 25px;
    }

    /*******************************Preguntas Frecuentes*************************************/
    .scndCont .imgFondo {
        height: 80%;
        top: 189px;
        right: 0px;
    }

    .infoCont .pregunta {
        font-size: 1.3em;
    }

    .respuesta .resCont .resHeight {
        font-size: 1.3em;
    }

    .preguntCont {
        left: 30px;
        top: 80px;
    }

    .divTttl .imgFondo {
        height: 80%;
        right: 168px;
    }

    .textInfo {
        margin-left: 150px;
    }

    /*Beneficios*/
    .firstCont .imgItem:nth-child(2) {
        left: 440px;
        top: 90px;
    }

    .secondCont .imgFondo {
        right: 0px;
    }

    .secondCont .textInfo {
        left: 111px;
    }

    .thirdCont .bannText {
        left: 322px;
    }

    .sixthCont .imgItem:nth-child(2) {
        left: 490px;
    }

    .sixthCont .imgItem:nth-child(3) {
        left: 651px;
        top: 49px;
        height: 55%;
    }

    .sixthCont .imgItem:nth-child(4) {
        top: 330px;
        left: 470px;
    }

    .tenthCont {
        height: 539px;
    }

        .tenthCont .bannText {
            top: 110px;
            left: 480px;
        }

    /*Profesional de Salud*/

    .prmeCont {
        height: 670px;
    }

        .prmeCont .publictext label:nth-child(1) {
            top: 110px;
            font-size: 4em;
            left: 30px;
        }

        .prmeCont .publictext label:nth-child(2) {
            top: 239px;
            left: 35px;
            font-size: 1.5em;
        }

        .prmeCont .publictext label:nth-child(3) {
            left: 35px;
        }

        .prmeCont .publictext label:nth-child(4) {
            top: 435px;
            left: 25px;
        }

    .horSlideCont {
        height: 670px;
    }

        .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
            left: -66px;
            top: -30px;
            height: 361px;
        }

        .horSlideCont .horPubl .contentPrimr .horLine {
            top: -850px;
            width: 70%;
        }

        .horSlideCont .horPubl .contentPrimr .publictext {
            top: 305px;
            left: 100px;
        }

        .horSlideCont .horPubl .contentPrimr .horLine {
            top: -800px;
            width: 70%;
        }

        .horSlideCont .horPubl .contentPrimr .imgItem {
            top: 385px;
            left: 230px;
        }

        .horSlideCont .horPubl .contentThrd .imgLogo {
            right: 5%;
        }

        .horSlideCont .horPubl .contentThrd .imgItem {
            bottom: 15%;
            height: 72%;
        }

        .horSlideCont .horPubl .contentFt .imgTxt {
            font-size: 2.5em;
            bottom: 32%;
            right: 4%;
        }

        .horSlideCont .horPubl .contentFt .imgLogo {
            bottom: 67%;
            right: 19%;
        }

    div.popBlue div.popBlueCont.popRegist {
        width: 60%;
    }

    /*Registro Usuario*/

    .registroForm {
        width: 60%;
    }

    .regisDescrip {
        font-size: 2.5em;
        top: 18.5em;
    }

    .sunemDrescrip .textoSunem .txtCont {
        font-size: 1.3em;
    }

    .sunemDrescrip {
        height: 416px;
    }

    .imgHolder {
        width: 29%;
    }

    div.resulBusNew div.resulBusPromos.resPromShow {
        width: calc(45% - 60px);
    }
}

/*******************************************Responsive 768px*************************************/
@media screen and (max-width:768px) {
    header.header {
        z-index: 16;
        top: 0px;
    }

    footer.footer {
        z-index: 16;
    }

    div.sliderCont {
        height: 100%;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack {
        display: none;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.tablet {
            display: flex;
        }

    div.hookHeader div.hookContacCont {
        font-size: 14px;
    }

    div.hookHeader div.hookContacRedes {
        display: none;
    }

    header.header div.headIcon:nth-child(3) {
        display: none;
    }

    header.header div.headMenuIng {
        position: relative;
        justify-content: flex-end;
    }

        header.header div.headMenuIng div.btnIng {
            display: none;
        }

    .bannImg img {
        height: 270px;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
            top: -8px;
            left: 258px;
            align-items: center;
        }

    div.indexPan div.indexPanUnit div.slidDots {
        top: 90%;
    }

    div.indexPan div.indexPanUnit div.idxImgBack {
        height: 100%;
        margin: 0;
    }

            div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
                display: none;
            }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.tablet img {
            object-fit: fill;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc {
            position: relative;
            display: none;
            width: 100%;
            height: auto;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont {
                display: block;
                bottom: -20px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
                    margin: auto;
                    margin-bottom: 30px;
                    width: 60%;
                    height: 183px;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
                        left: 26px;
                        top: 2px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                        font-size: 26px;
                        width: 100%;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                        width: 65%;
                        justify-content: center;
                        margin-top: 30px;
                    }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn.other {
                            width: 45%;
                        }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                            position: absolute;
                            display: block;
                            left: 61%;
                            bottom: 10%;
                            padding: 15px 10px;
                            width: 160px;
                            font-size: 1.4em;
                        }

                            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont span.nume {
                                font-size: 18px;
                            }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit:nth-child(4) div.idxBoxSpan {
                        margin: auto;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit:nth-child(4) div.idxBoxBtn {
                        margin: auto;
                        margin-top: 20px;
                    }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit:nth-child(4) div.idxBoxBtn div.imgCont span img {
                            height: 50px;
                        }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                        width: 81px;
                        height: 70px;
                        left: -9px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
                        height: 54%;
                        top: 37px;
                        left: 7px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
                        height: 95px;
                        bottom: 18px;
                        left: 3px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
                        font-size: 1.5em;
                        padding: 15px 10px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
                        left: 14px;
                        top: -4px;
                        height: 65px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.agendSpan {
                        text-align: center;
                        width: 100%;
                    }

    .popText {
        font-size: 1.8em;
    }

    .bgButtons {
        height: 88px;
    }

        .bgButtons .buttonTxt {
            font-size: 1.7em;
        }

    div.secPromos {
        width: 100%;
    }

    .directPop {
        position: absolute;
        top: 0px;
        left: 210px;
    }

    .nalTelPop {
        position: absolute;
        top: 240px;
        left: 210px;
    }

    .registerPop {
        position: absolute;
        top: 470px;
        left: 260px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont span img {
        height: 85px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont {
        bottom: -30px;
        left: 90px;
    }

    div.hidMenuDesk {
        top: 85px;
        left: -670px;
        width: 700px;
    }

    div.menIcon {
        width: 70px;
        margin-right: 15px;
    }

        div.menIcon i {
            font-size: 2.5em;
        }

    header.header div.headMenuIng div.btnHamb span {
        font-size: 2em !important;
    }

    header.header div.headMenuIng div.btnHome {
        height: 2.5em;
        width: 2.5em;
        border: 5px solid #000000;
    }

    header.header div.headMenuIng div.btnHamb {
        height: 2.5em;
        width: 2.5em;
        border: 4px solid #000000;
    }

    header.header div.headUserPanel {
        display: none;
    }

    div.hidMenu {
        position: absolute;
        display: block;
        width: 510px;
        right: -594px;
        top: 74px;
        background: #FFFFFF;
        padding: 25px;
        color: #FFFFFF;
        transition: .5s;
    }

    div.wspButton {
        bottom: 20px;
        right: 17px;
        z-index: 15;
    }

    div.hidMenu.activo {
        right: 10px;
        transition: .5s;
        box-shadow: 10px 10px 10px rgb(0 0 0 / 40%);
    }

    div.resulBusPromos {
        width: calc(86% - 80px);
        top: 11%;
        left: 6%;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt {
        margin-left: 10px;
        max-width: 350px;
    }

    div.resulBusPromos div {
        font-size: 17px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtDesc {
        font-size: 17px;
    }

    .resulBusPromos {
        display: none !important;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
        height: 80px;
        left: 86px;
    }

    div.hidMenu div.hidMenuItem {
        position: relative;
        display: flex;
        align-items: center;
        padding: 5px;
        margin: 10px 0;
        color: #000000;
        font-size: 12px;
        font-weight: 500;
        border-radius: 5px;
        box-shadow: 6px 5px 10px rgb(0 0 0 / 35%);
        background: #D2D0D2;
    }

        div.hidMenu div.hidMenuItem:hover {
            background: #FFFFFF;
            color: #36B4E5;
            transition: .5s;
        }

        div.hidMenu div.hidMenuItem div.hidItemIcon {
            position: relative;
            display: flex;
            width: 50px;
            height: 30px;
            justify-content: center;
            align-items: center;
            color: #1FA4BE;
            margin-right: 5px;
        }

        div.hidMenu div.hidMenuItem div.hidItemTxt {
            font-size: 18px;
        }

    div.hidMenu span.sepMenu {
        position: relative;
        display: block;
        content: '';
        width: 90%;
        height: 3px;
        margin: 10px auto;
        border-radius: 20px;
        background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
    }

    div.hidMenu div.hidUsuPart {
        position: relative;
        display: block;
    }

        div.hidMenu div.hidUsuPart div.hidUsuIcon {
            position: relative;
            display: inline-flex;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            color: #36B4E5;
            background: #FFFFFF;
        }

        div.hidMenu div.hidUsuPart div.hidUsuTxt {
            position: relative;
            display: inline-block;
            margin-left: 10px;
            width: 78%;
            vertical-align: top;
        }

            div.hidMenu div.hidUsuPart div.hidUsuTxt span {
                position: relative;
                display: block;
                font-size: 18px;
            }

    div.popBlue div.popBlueCont {
        width: 70%;
    }

    div.popBlue.popLogin div.popBlueCont {
        width: 50%;
        left: 40px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
        padding: 10px 30px;
        font-size: 30px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
        font-size: 16px;
        bottom: 100px;
        width: 90%;
    }

    /******************************************Footer*************************************/
    footer.footer div.footerCont {
        display: block;
        padding-top: 10px;
    }

        footer.footer div.footerCont div.footerPart {
            margin: auto;
            width: 80%;
            font-size: 20px;
        }

            footer.footer div.footerCont div.footerPart div.footerTitle {
                margin: 0 0 10px;
            }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                font-size: 20px;
            }

    /******************************************Index*************************************/
    div.indexPan div.indexPanUnit div.secBusc {
        display: block;
        width: 100%;
    }

    div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ {
        height: 42px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
        padding-bottom: 10px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
        display: flex;
        width: 85%;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
            font-size: 30px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
            font-size: 24px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 160px;
            height: 180px;
        }

    div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
        font-weight: 600;
        font-size: 18px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexBttnServ {
        height: 45px;
    }

    div.indexPan div.indexPanUnit div.secPromos {
        width: 100%;
        display: block;
        height: 58%;
    }

    div.secPromTarj {
        height: unset;
        width: 80%;
        margin: auto;
    }

    div.secPromDrog {
        margin: auto;
        width: 80%;
    }

    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo {
        position: relative;
    }

    div.itemBuscMed div.imgPromoCel {
        position: absolute;
        display: none;
        top: 140px;
        width: calc(100% - 30px);
        height: 500px;
        justify-content: center;
    }

        div.itemBuscMed div.imgPromoCel img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    /*****************************************Resul Busqueda*************************************/
    div.itemBuscMed div.itemBuscTxt div.itemTxtMedicProm {
        font-size: 18px;
        margin-bottom: 10px;
    }

    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
        display: inline-block;
    }

    div.resulBusNew div.resulBusPromos {
        display: none;
    }

    div.resulBusNew div.resulBusOpcns {
        width: 100%;
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms {
            width: calc(100% - 20px);
        }

    div.itemBuscMed div.itemBuscImg div.buscImgHold {
        width: 160px;
        height: 205px;
    }

    div.itemBuscMed div.itemBuscTxt div.servTipo.other {
        left: 41px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
        font-size: 22px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
        font-size: 24px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
        font-size: 18px;
    }

    iv.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
        font-size: 26px;
    }

    span.nume {
        font-size: 18px;
    }

    div.itemBuscMed div.servContainer div.servLista div.servListItem {
        position: relative;
        display: block;
        padding: 10px;
        margin: 5px 0;
        font-size: 20px;
        font-weight: 600;
    }

        div.itemBuscMed div.servContainer div.servLista div.servListItem ~ div.servListItem {
            border-top: 2px solid #D9D9D9;
        }

        div.itemBuscMed div.servContainer div.servLista div.servListItem:hover {
            background: rgba(55,184,212,.5);
        }

    span.clOpPromo {
        right: 10px;
        top: 135px;
    }

    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
        position: relative;
        display: inline-block;
        width: calc(33% - 7px);
        margin: 10px 3px;
    }

    div.popMapa div.popMapaCont {
        width: 80%;
    }

    div.popPagarPlan div.popPagarPlanCont {
        width: 85%;
    }

    div.planPagos.mostrar {
        display: block;
    }

    div.planes {
        width: 85%;
        margin: 10px auto;
    }

    .planCaract span {
        font-size: 1.3em;
    }

    .planBoton {
        margin: 10px auto;
    }

        .planBoton span {
            font-size: 1.1em;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
        margin: 10px;
        padding: 0;
    }

    /******************************Preguntas Frecuentes*********************************/
    .divTttl label {
        margin-left: 30px;
    }

    .divTttl .imgFondo {
        right: 81px;
    }

    .scndCont .imgFondo {
        display: none;
    }

    .preguntCont {
        width: 70%;
        left: 70px;
    }

    .infoCont .pregunta {
        font-size: 1.7em;
    }

    .respuesta .resCont .resHeight {
        font-size: 1.5em;
    }

    .trcroCont .imgFondo {
        display: none;
    }

    .textInfo {
        margin-top: 50px;
        margin: 30px auto;
    }
    /*beneficios*/

    .firstCont .imgItem:nth-child(1) {
        top: 111px;
        height: 80%;
        left: 0px;
    }

    .firstCont .imgItem:nth-child(2) {
        left: 300px;
        top: 130px;
        height: 56%;
    }

    .secondCont .imgFondo {
        display: none;
    }

    .secondCont .textInfo {
        margin-top: 25px;
        left: 61px;
    }

    .thirdCont .bannText {
        left: 162px;
    }

    .fithcont {
        height: 150px;
    }

        .fithcont .imgFondo {
            height: 226%;
            top: -91px;
            left: -86px;
        }

        .fithcont .bannText {
            font-size: 1.3em;
            left: 29%;
            top: 30px;
        }

    .sixthCont {
        height: 490px;
    }

        .sixthCont .imgItem:nth-child(2) {
            left: 270px;
        }

        .sixthCont .imgItem:nth-child(3) {
            left: 451px;
            top: 49px;
        }

        .sixthCont .imgItem:nth-child(4) {
            left: 350px;
        }

    .seventhCont .bannText {
        left: 48%;
    }

    .eightCont {
        height: 423px;
    }

        .eightCont .imgFondo {
            top: -49px;
        }

        .eightCont .bannText {
            font-size: 1.9em;
            left: 25px;
            top: 30px;
        }

        .eightCont .imgItem {
            height: 150px;
            top: 220px;
            left: 20px;
        }

    .tenthCont {
        height: 430px;
    }

        .tenthCont .bannText {
            top: 70px;
            left: 250px;
        }

    /*Profesional de Salud*/

    .prmeCont .imgItem img {
        height: 100%;
        width: 130%;
    }

    .prmeCont .publictext label:nth-child(2) {
        top: 239px;
        left: 35px;
        font-size: 1.8em;
    }

    .prmeCont .publictext label:nth-child(4) {
        top: 476px;
    }

    .prmeCont .publictext label:nth-child(3) {
        top: 440px;
    }

    .horSlideCont {
        height: 910px;
    }

        .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
            left: -276px;
            top: -39px;
            height: 401px;
        }

        .horSlideCont .horPubl .contentPrimr .horLine {
            top: -740px;
            width: 90%;
        }

        .horSlideCont .horPubl .contentPrimr .publictext {
            top: 380px;
            left: 10px;
            font-size: 2.7em;
        }

        .horSlideCont .horPubl .contentPrimr .imgItem {
            top: 455px;
            left: 100px;
            height: 17%;
        }

        .horSlideCont .horPubl .contentScnd .imgItem {
            height: 75%;
            bottom: 15%;
            background: rgba(255,255,255,0.5);
            padding: 10px;
            border-radius: 19px;
        }

        .horSlideCont .horPubl .contentThrd .imgItem {
            background: rgba(255,255,255,0.5);
            border-radius: 19px;
            padding-left: 15px;
            bottom: 20%;
            height: 65%;
            right: 6%;
        }

        .horSlideCont .horPubl .contentFrth .imgItem {
            background: rgba(255,255,255,0.5);
            border-radius: 19px;
            padding: 10px;
            bottom: 15%;
            height: 75%;
            right: 40%;
        }

        .horSlideCont .horPubl .contentFt .imgLogo {
            top: 240px;
            left: 360px;
            height: 150px;
        }

        .horSlideCont .horPubl .contentFt {
            width: 770px;
            overflow: hidden;
        }

            .horSlideCont .horPubl .contentFt .imgTxt {
                font-size: 3em;
                bottom: 32%;
                right: 15%;
                background: rgba(255,255,255,0.5);
                border-radius: 19px;
                padding: 10px;
            }

            .horSlideCont .horPubl .contentFt .imgLogo {
                height: 150px;
                bottom: 60%;
                right: 35%;
            }

    /*Registro Usuario*/


    .registroForm {
        width: 80%;
    }

    .regisDescrip {
        font-size: 2em;
        top: 26em;
    }

    .sunemDrescrip .textoSunem .txtCont {
        font-size: 1.1em;
    }

    .sunemDrescrip {
        height: 230px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtCargo.itmTxtMap {
        top: 100px;
    }

    div.body-content {
        padding-top: 74px;
        height: auto;
    }

    table.tableSunemedic {
        width: 1000px;
    }

    div.nitForm div.campoHolder div.campo {
        width: 75%;
    }

    div.descrpForm div.campoHolder div.campo {
        width: 70%;
    }

    div.autProf div.autTable {
        overflow: auto;
    }

    .previewVid video {
        width: 100%;
    }

    div.buscPers div.buscPersInput {
        width: 90%;
    }

    div.buscPers div.tableHolder {
        width: 90%;
        overflow: auto;
    }

    .tbleCont {
        position: relative;
        display: block;
        width: 100%;
        overflow: auto;
    }
}

/*******************************************Responsive 425px*************************************/
@media screen and (max-width:425px) {
    div.indexPan div.indexPanUnit div.idxBoxesOpc {
        height: 110vh;
    }

    div.body-content {
        padding-top: 74px;
        height: auto;
    }

    /*******************************************Layout***************************************/
    div.hookHeader {
        z-index: 16;
    }

    div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ {
        height: 20px;
    }

    div.hookHeader div.hookContacCont {
        font-size: 8px;
    }

        div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
            width: 14px;
            height: 14px;
            font-size: 8px;
        }

    header.header {
        top: 25px;
        height: 60px;
        padding: 5px 10px;
        width: calc(100% - 20px);
        z-index: 16;
    }

    /*div.indexPan div.indexPanUnit div.secBusc div.secBuscDest {
        height: 500px;
        overflow: auto;
    }*/

    div.hidMenu {
        width: 330px;
    }

        div.hidMenu.activo {
            right: 0px;
        }

    div.hidMenu {
        padding: 15px;
    }

    /*******************************************Index***************************************/

    /*div.indexPan {
        height: auto;
    }*/

    div.sliderCont {
        height: 100%;
        margin-top: 11px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack {
        height: auto;
        margin: 0;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.tablet {
            display: none;
        }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.mobil {
            display: flex;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack.mobil img {
                object-fit: fill;
            }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
            font-size: 8.5px;
            bottom: 70px;
            width: 100%;
        }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
            font-size: 16px;
        }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        padding: 10px;
        width: 85%;
        margin-bottom: 10px;
        height: 142px;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
            font-size: 14px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
            margin-top: 10px;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                width: 60px;
                height: 65px;
                font-size: 26px;
                left: -59px;
                bottom: 5px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
                    height: 80px;
                    width: 70px;
                    bottom: 11px;
                    left: 10px;
                }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
            height: 50%;
            top: 37px;
            left: -4px;
        }

    div.indexPan div.indexPanUnit div.slidDots div.selBann span {
        width: 20px;
        height: 20px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont {
        display: block;
        bottom: -30px;
    }

    div.indexPan div.indexPanUnit div.slidDots {
        top: 90%;
        z-index: 3;
    }

    .directPop {
        left: 50px;
        width: 70%;
    }

    .nalTelPop {
        top: 80px;
        left: 40px;
    }

    div.itemBuscMed div.itemBuscTxt div.servTipo {
        left: 50px;
    }

    .registerPop {
        top: 340px;
        left: 90px;
    }

    header.header div.headMenuIng div.btnHome {
        height: 2em;
        width: 2em;
        border: 3px solid #000000;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
        height: 65px;
        left: 0;
    }

    header.header div.headMenuIng div.btnHamb {
        height: 2em;
        width: 2em;
        border: 2px solid #000000;
    }

    div.hidMenuDesk {
        left: -370px;
        width: 400px;
        top: 60px;
    }

    div.menIcon {
        width: 50px;
        margin-right: 0;
    }

        div.menIcon i {
            font-size: 1.5em;
        }

    header.header div.headMenuIng div.btnHamb span {
        font-size: 2.2em !important;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
        left: -67px;
        top: -8px;
        height: 60px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtCargo {
        bottom: 25px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
        left: 175px;
        bottom: 20%;
        padding: 10px 5px;
        font-size: 1.5em;
        width: 90px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont {
        bottom: 0;
        top: 20px;
        left: 10px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest > span {
        width: 75%;
    }


    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
        font-size: 23px;
        padding: 10px 20px 5px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
        font-size: 18px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
        width: 75%;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo select {
            padding: 5px 10px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
        display: flex;
        width: calc(100% - 67px);
        padding: 5px 20px;
        height: 200px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
        padding: 5px 10px;
        padding-bottom: 0;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
        width: 96px;
        height: 131px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtTitle {
        top: 32px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
        top: 30px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
        top: 30px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
        font-size: 10px;
        padding: 5px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
        font-size: 1.1em;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
        font-size: 14px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
        font-size: 14px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
        font-size: 13px;
    }

    div.indexPan div.indexPanUnit div.secPromos {
        display: none;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
        font-size: 14px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
        font-size: 14px;
        margin: 0px auto !important;
        text-align: center;
        width: 90%;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan span {
            font-size: 1.6em;
        }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
        width: 95%;
        top: 10px;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
            font-size: 1.5em;
            padding: 10px 10px;
            height: 25px;
            width: 180px;
            left: 112px;
        }

    div.hidMenu div.hidMenuItem div.hidItemTxt {
        font-size: 0.7em;
        font-weight: bold;
    }

    div.hidMenu div.hidUsuPart div.hidUsuTxt {
        font-size: 0.8em;
        font-weight: bold;
    }

    div.hidMenu div.hidUsuPart {
        margin-bottom: 15px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
        font-weight: 600;
        font-size: 14px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexBttnServ {
        height: 18px;
    }

    div.popPromos div.popPromoItem {
        margin: 40px auto;
        width: 62%;
        height: 24%;
    }

    div.popPromos div.clPromoPop {
        width: 30px;
        height: 30px;
        font-size: 22px;
        top: 10px;
        right: 10px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        justify-content: center;
        bottom: 30px;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
            font-size: 16px;
        }

    .atencLine .squareCont .girlImgCont {
        display: none;
    }

    .atencLine .squareCont .orangeCont .infoPhoneCont .upperText {
        width: 62%;
    }

    .atencLine .squareCont .orangeCont {
        width: 100%;
    }

    div.resulBusPromos {
        width: calc(98% - 80px);
        left: 0%;
    }

    .atencLine .squareCont .orangeCont .infoPhoneCont .phneNumber {
        height: 35px;
    }

    /*******************************************Footer***************************************/
    footer.footer div.footerCont div.footerPart div.footerTitle {
        font-size: 18px;
    }

    footer.footer div.footerCont div.footerPart {
        font-size: 14px;
    }

        footer.footer div.footerCont div.footerPart ul.footerSiteMap {
            width: 80%;
        }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                font-size: 14px;
            }

    /*****************************************Resul Busqueda***************************************/
    div.resulBusNew div.resulBusOpcns div.resulTerms {
        width: calc(100% - 20px);
        top: 76px;
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic {
            display: block;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                width: 80%;
                margin: 5px auto;
            }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                width: 60%;
                margin: auto;
            }

                div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
                    width: 70%;
                }

    div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ img {
        box-shadow: none;
    }

    div.itemBuscMed {
        padding: 10px;
        width: calc(100% - 67px);
        height: min-content;
        max-height: max-content;
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 90px;
            height: 160px;
        }

        div.itemBuscMed div.itemBuscTxt div.servTipo.other {
            top: -50px;
            left: 61px;
        }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 10px;
            padding: 5px;
            width: calc(100% - 20px);
        }

        div.itemBuscMed div.servContainer div.servLista div.servListItem {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo span {
            position: relative;
            display: block;
            margin: 5px 0;
        }

        div.itemBuscMed div.itemBuscTxt {
            margin-left: 10px;
            width: 60%;
            padding: 0;
        }

            div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                font-size: 14px;
            }

            div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                font-size: 14px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                font-size: 11px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                font-size: 18px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert img {
                height: 14px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemTxtCargo img {
                width: 20px;
                height: auto;
                object-fit: contain;
                margin-right: 5px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemTxtCargo span {
                font-size: 12px;
            }

    div.resulBusNew div.resulBusOpcns div.resulTitle {
        padding-top: 0;
    }

        div.resulBusNew div.resulBusOpcns div.resulTitle label {
            font-size: 20px;
            margin-bottom: 5px;
        }

        div.resulBusNew div.resulBusOpcns div.resulTitle span {
            width: 30px;
            height: 30px;
            font-size: 22px;
        }

    div.resulBusNew div.resulBusOpcns div.resulTerms {
        position: relative;
        top: unset;
    }

    div.resulBusNew div.resulBusOpcns div.resulTitle {
        padding-top: 0;
        display: block;
        margin: 10px;
    }

        div.resulBusNew div.resulBusOpcns div.resulTitle > span {
            display: none;
        }

    div.itemBuscMed div.itemBuscTxt div.itemTxtDesc {
        font-size: 10px;
    }

    div.popServBusc div.popServBuscCont {
        width: 90%;
    }

    div.popMapa {
        z-index: 16;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtMedicProm {
        font-size: 10px;
        margin-bottom: 5px;
    }
    /******************************************Solicitar Cita Ofertshop************************************/
    div.solicCitaOfert div.solicInfo {
        width: 90%;
    }

    div.solicCitaOfert div.solicForm div.solicMedio {
        display: block;
        width: 100%;
    }

        div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn {
            width: 90%;
        }

    div.solicCitaOfert div.formHolder {
        width: 80%;
    }

    div.indSlider div.slidItem div.medicBtn div.medicBtnCont div.mBtnContHold span.btnIndxSld.rBBlue {
        display: none;
    }

    .jconfirm.jconfirm-light .jconfirm-box {
        width: 80% !important;
    }

    div.planCont {
        height: 554px;
    }

    .vlrsTotal {
        width: 90%;
    }

    /******************************Preguntas frecuentes********************************/
    .divTttl label {
        font-size: 3.5em;
    }

    .divTttl .imgFondo {
        right: 0px;
        height: 60%;
    }

    .preguntCont {
        width: 85%;
        left: 0px;
    }

    .textInfo label:nth-child(1) {
        font-size: 2em;
    }

    .textInfo label:nth-child(2) {
        font-size: 1.1em;
    }

    .textInfo span {
        font-size: 2.1em;
    }

    /*Beneficios*/

    .firstCont {
        height: 435px;
    }

        .firstCont .imgItem img {
            height: 100%;
            width: 100%;
        }

        .firstCont .imgItem:nth-child(1) {
            display: none;
        }

        .firstCont .imgItem:nth-child(2) {
            left: 10px;
            top: 99px;
            height: 52%;
            width: 332px;
            margin-left: 20px;
        }

    .secondCont {
        height: 224px;
        padding: 10px;
    }

        .secondCont .textInfo {
            margin-top: 25px;
            left: 19px;
        }

    .thirdCont .imgFondo {
        display: none;
    }

    .thirdCont .bannText {
        left: 10px;
    }

    .fourthCont {
        height: 347px;
    }

        .fourthCont .drogLogo {
            height: 50px;
            top: 30px;
            left: 0px;
            width: 190px;
            margin-left: 20px;
        }

            .fourthCont .drogLogo img {
                height: 100%;
                width: 100%;
            }

        .fourthCont .drogTxt {
            height: 140px;
            top: 150px;
            left: 0px;
            width: 310px;
            margin-left: 20px;
        }

            .fourthCont .drogTxt img {
                height: 100%;
                width: 100%;
            }

    .fithcont .imgFondo {
        display: none;
    }

    .fithcont .bannText {
        left: 0%;
        top: 11px;
    }

    .sixthCont .imgItem:nth-child(1) {
        display: none;
    }

    .sixthCont .imgItem:nth-child(2) {
        left: 0px;
        height: 45%;
        margin-left: 10px;
    }

    .sixthCont .imgItem:nth-child(3) {
        left: 0px;
        top: 49px;
        margin-left: 90px;
        height: 50%;
    }

    .sixthCont .imgItem:nth-child(4) {
        left: 0px;
        width: 320px;
        margin-left: 15px;
    }

    .sixthCont .imgItem img {
        height: 100%;
        width: 100%;
    }

    .seventhCont .imgFondo {
        display: none;
    }

    .seventhCont .bannText {
        left: 12%;
    }

    .eightCont {
        height: 315px;
    }

        .eightCont .imgFondo {
            top: -35px;
        }

        .eightCont .bannText {
            font-size: 1.2em;
        }

        .eightCont .imgItem {
            height: 100px;
            top: 159px;
        }

    .ninthCont {
        height: 180px;
    }

        .ninthCont .imgFondo {
            display: none;
        }

        .ninthCont .bannText {
            font-size: 1.5em;
            left: 5%;
            margin-top: 45px;
        }

    .tenthCont {
        height: 320px;
    }

        .tenthCont .imgFondo {
            display: none;
        }

        .tenthCont .bannText {
            top: 40px;
            left: 38px;
            font-size: 2.5em;
        }

            .tenthCont .bannText label:nth-child(2) {
                display: block;
                font-size: 1.2em;
                margin-bottom: 40px;
            }

    /*Profesional de Salud*/
    .prmeCont .imgItem img {
        height: 100%;
        width: 230%;
    }

    .prmeCont {
        height: 710px;
    }

        .prmeCont .publictext label:nth-child(3) {
            left: 25px;
            top: 525px;
        }

        .prmeCont .publictext label:nth-child(4) {
            top: 606px;
            font-size: 3.1em;
            left: 24px;
        }

    .horSlideCont {
        height: 680px;
        overflow: auto;
    }

        .horSlideCont .horPubl {
            height: 673px;
            overflow: hidden;
        }

            .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
                height: 301px;
            }

            .horSlideCont .horPubl .contentPrimr .horLine {
                top: -840px;
                width: 90%;
            }

            .horSlideCont .horPubl .contentPrimr .publictext {
                top: 280px;
                left: 7px;
                font-size: 1.5em;
            }

            .horSlideCont .horPubl .contentPrimr .imgItem {
                top: 354px;
                left: 0px;
                height: 95px;
            }

            .horSlideCont .horPubl .contentScnd .imgItem {
                height: 63%;
                bottom: 20%;
                right: 5%;
            }

            .horSlideCont .horPubl .contentThrd .imgItem {
                height: 53%;
                bottom: 27%;
                right: 2%;
            }

            .horSlideCont .horPubl .contentFrth .imgItem {
                bottom: 20%;
                height: 63%;
                right: 52%;
            }

            .horSlideCont .horPubl .contentFt .imgLogo {
                top: 160px;
                left: 169px;
                height: 100px;
            }

            .horSlideCont .horPubl .contentFt .imgTxt {
                font-size: 1.9em;
                bottom: 34%;
                right: 9%;
            }

            .horSlideCont .horPubl .contentFt {
                width: 470px;
            }

    div.popBlue.olvidocontr div.popBlueCont {
        width: 85% !important;
    }

    div.popBlue div.popBlueCont div.popBtnIn.tamañp {
        width: 60%;
    }

    div.popBlue div.popRow div.popCampo div.popCampoF {
        display: block;
    }

        div.popBlue div.popRow div.popCampo div.popCampoF select.inputField {
            margin: 5px 5px;
        }

    /*Registro Usuarios*/

    .textRegis span {
        font-size: 2.3em;
    }

    .textRegis label {
        font-size: 1.8em;
    }

    .registroForm {
        width: 100%;
    }

    .regisDescrip {
        font-size: 1.4em;
        top: 41em;
        width: 100%;
    }

    .sunemDrescrip {
        display: block;
        height: auto;
    }

        .sunemDrescrip .itemImage {
            width: 60%;
            margin: 0px auto;
        }

        .sunemDrescrip .textoSunem {
            width: 100%;
            margin: 15px 10px;
        }

    .portCont {
        display: flex;
        width: 90%;
    }

    .imgHolder {
        width: 46%;
    }

    div.creAsesor div.creAsCont div.creAsRow {
        display: block;
    }

        div.creAsesor div.creAsCont div.creAsRow div.campo {
            width: 90%;
        }

    div.cambContraAdmin {
        width: 90%;
    }

    div.reportRend div.reportRendInfo {
        display: block;
    }

        div.reportRend div.reportRendInfo div.campo {
            width: 90%;
        }

    .fechasFiltr .rawForm {
        display: block;
    }

        .fechasFiltr .rawForm .campo {
            width: 90%;
        }

    .publiciCont {
        width: 100%;
    }

    .newPublic {
        width: 85%;
    }

    .publiciCont {
        display: block;
    }

    .uploadedImgs {
        display: flex;
        width: 90%;
        justify-content: flex-start;
    }

    div.segCita div.segCitaTabl {
        width: 80%;
    }

    div.autProf div.autBusc div.autCampRadios {
        display: block;
    }

    div.autProf div.autBusc.asesorCuentas {
        width: 90%;
    }

    div.autProf div.autBusc div.autCampRadios div.campoFlex {
        width: 100%;
    }

    tbody#tblinfopendlegalizar tr td {
        width: 12.5%;
    }

    @supports (-webkit-touch-callout: none) {
        div.indexPan div.indexPanUnit div.idxBoxesOpc {
            height: 110vh;
        }

        div.body-content {
            padding-top: 74px;
            height: 890vh;
        }
        /*******************************************Layout***************************************/
        div.hookHeader {
            z-index: 16;
        }

        div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ {
            height: 20px;
        }

        div.hookHeader div.hookContacCont {
            font-size: 8px;
        }

            div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
                width: 14px;
                height: 14px;
                font-size: 8px;
            }

        header.header {
            top: 25px;
            height: 60px;
            padding: 5px 10px;
            width: calc(100% - 20px);
            z-index: 16;
        }
        /*div.indexPan div.indexPanUnit div.secBusc div.secBuscDest {
        height: 500px;
        overflow: auto;
    }*/

        div.hidMenu {
            width: 330px;
        }

            div.hidMenu.activo {
                right: 0px;
            }

        div.hidMenu {
            padding: 15px;
        }
        /*******************************************Index***************************************/

        div.indexPan {
            height: auto;
        }

        div.sliderCont {
            height: 35%;
            margin-top: 11px;
        }

        div.indexPan div.indexPanUnit div.idxImgBack {
            height: auto;
            margin: 0;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
                font-size: 8.5px;
                bottom: 70px;
                width: 100%;
            }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
                font-size: 16px;
            }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
            padding: 10px;
            width: 85%;
            margin-bottom: 10px;
            height: 142px;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                font-size: 14px;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                margin-top: 10px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                    width: 60px;
                    height: 65px;
                    font-size: 26px;
                    left: -59px;
                    bottom: 5px;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.promIcon {
                        height: 80px;
                        width: 70px;
                        bottom: 11px;
                        left: 10px;
                    }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan.promText {
                height: 50%;
                top: 37px;
                left: -4px;
            }

        div.indexPan div.indexPanUnit div.slidDots div.selBann span {
            width: 20px;
            height: 20px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont {
            display: block;
            bottom: -30px;
        }

        div.indexPan div.indexPanUnit div.slidDots {
            top: 290px;
            z-index: 3;
        }

        .directPop {
            left: 50px;
            width: 70%;
        }

        .nalTelPop {
            top: 80px;
            left: 40px;
        }

        div.itemBuscMed div.itemBuscTxt div.servTipo {
            left: 50px;
        }

        .registerPop {
            top: 340px;
            left: 90px;
        }

        header.header div.headMenuIng div.btnHome {
            height: 2em;
            width: 2em;
            border: 3px solid #000000;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.telIcon {
            height: 65px;
            left: 0;
        }

        header.header div.headMenuIng div.btnHamb {
            height: 2em;
            width: 2em;
            border: 2px solid #000000;
        }

        div.hidMenuDesk {
            left: -370px;
            width: 400px;
            top: 60px;
        }

        div.menIcon {
            width: 50px;
            margin-right: 0;
        }

            div.menIcon i {
                font-size: 1.5em;
            }

        header.header div.headMenuIng div.btnHamb span {
            font-size: 2.2em !important;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont.telIcon {
            left: -67px;
            top: -8px;
            height: 60px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtCargo {
            bottom: 25px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
            left: 175px;
            bottom: 20%;
            padding: 10px 5px;
            font-size: 1.5em;
            width: 90px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.imgCont {
            bottom: 0;
            top: 20px;
            left: 10px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.contVirtPest > span {
            width: 75%;
        }


        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
            font-size: 23px;
            padding: 10px 20px 5px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
            font-size: 18px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
            width: 75%;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo select {
                padding: 5px 10px;
            }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
            display: flex;
            width: calc(100% - 67px);
            padding: 5px 20px;
            height: 200px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
            padding: 5px 10px;
            padding-bottom: 0;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 96px;
            height: 131px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle {
            top: 45px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
            top: 50px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            top: 53px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 10px;
            padding: 5px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
            font-size: 1.1em;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
            font-size: 14px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            font-size: 14px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
            font-size: 13px;
        }

        div.indexPan div.indexPanUnit div.secPromos {
            display: none;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
            font-size: 14px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
            font-size: 14px;
            margin: 0px auto !important;
            text-align: center;
            width: 90%;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan span {
                font-size: 1.6em;
            }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
            width: 95%;
            top: 10px;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn .btnCont.btnTel {
                font-size: 1.5em;
                padding: 10px 10px;
                height: 25px;
                width: 180px;
                left: 112px;
            }

        div.hidMenu div.hidMenuItem div.hidItemTxt {
            font-size: 0.7em;
            font-weight: bold;
        }

        div.hidMenu div.hidUsuPart div.hidUsuTxt {
            font-size: 0.8em;
            font-weight: bold;
        }

        div.hidMenu div.hidUsuPart {
            margin-bottom: 15px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtUniversidad {
            font-weight: 600;
            font-size: 14px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexBttnServ {
            height: 18px;
        }

        div.popPromos div.popPromoItem {
            margin: 40px auto;
            width: 62%;
            height: 24%;
        }

        div.popPromos div.clPromoPop {
            width: 30px;
            height: 30px;
            font-size: 22px;
            top: 10px;
            right: 10px;
        }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
            justify-content: center;
            bottom: 30px;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
                font-size: 16px;
            }

        .atencLine .squareCont .girlImgCont {
            height: 198px;
            right: 35px;
        }

        .atencLine .squareCont .orangeCont .infoPhoneCont .upperText {
            width: 62%;
        }

        div.resulBusPromos {
            width: calc(98% - 80px);
            left: 0%;
        }

        .atencLine .squareCont .orangeCont .infoPhoneCont .phneNumber {
            height: 35px;
        }

        .atencLine .squareCont .orangeCont .infoPhoneCont {
            left: 33px;
        }
        /*******************************************Footer***************************************/
        footer.footer div.footerCont div.footerPart div.footerTitle {
            font-size: 18px;
        }

        footer.footer div.footerCont div.footerPart {
            font-size: 14px;
        }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap {
                width: 80%;
            }

                footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                    font-size: 14px;
                }
        /*****************************************Resul Busqueda***************************************/
        div.resulBusNew div.resulBusOpcns div.resulTerms {
            width: calc(100% - 20px);
            top: 76px;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic {
                display: block;
            }

                div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                    width: 80%;
                    margin: 5px auto;
                }

                div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                    width: 60%;
                    margin: auto;
                }

                    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
                        width: 70%;
                    }

        div.itemBuscMed div.itemBuscTxt div.servTipo div div.typeServ img {
            box-shadow: none;
        }

        div.itemBuscMed {
            padding: 10px;
            width: calc(100% - 67px);
            height: min-content;
            max-height: max-content;
        }

            div.itemBuscMed div.itemBuscImg div.buscImgHold {
                width: 90px;
                height: 160px;
            }

            div.itemBuscMed div.itemBuscTxt div.servTipo.other {
                top: -50px;
                left: 61px;
            }

            div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
                font-size: 10px;
                padding: 5px;
                width: calc(100% - 20px);
            }

            div.itemBuscMed div.servContainer div.servLista div.servListItem {
                font-size: 16px;
            }

            div.itemBuscMed div.itemBuscTxt div.itexTxtCargo span {
                position: relative;
                display: block;
                margin: 5px 0;
            }

            div.itemBuscMed div.itemBuscTxt {
                margin-left: 10px;
                width: 60%;
                padding: 0;
            }

                div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                    font-size: 14px;
                }

                div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                    font-size: 14px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                    font-size: 11px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                    font-size: 18px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert img {
                    height: 14px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtCargo img {
                    width: 20px;
                    height: auto;
                    object-fit: contain;
                    margin-right: 5px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtCargo span {
                    font-size: 12px;
                }

        div.resulBusNew div.resulBusOpcns div.resulTitle {
            padding-top: 0;
        }

            div.resulBusNew div.resulBusOpcns div.resulTitle label {
                font-size: 20px;
                margin-bottom: 5px;
            }

            div.resulBusNew div.resulBusOpcns div.resulTitle span {
                width: 30px;
                height: 30px;
                font-size: 22px;
            }

        div.resulBusNew div.resulBusOpcns div.resulTerms {
            position: relative;
            top: unset;
        }

        div.resulBusNew div.resulBusOpcns div.resulTitle {
            padding-top: 0;
            display: block;
            margin: 10px;
        }

            div.resulBusNew div.resulBusOpcns div.resulTitle > span {
                display: none;
            }

        div.itemBuscMed div.itemBuscTxt div.itemTxtDesc {
            font-size: 10px;
        }

        div.popServBusc div.popServBuscCont {
            width: 90%;
        }

        div.popMapa {
            z-index: 16;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtMedicProm {
            font-size: 10px;
            margin-bottom: 5px;
        }
        /******************************************Solicitar Cita Ofertshop************************************/
        div.solicCitaOfert div.solicInfo {
            width: 90%;
        }

        div.solicCitaOfert div.solicForm div.solicMedio {
            display: block;
            width: 100%;
        }

            div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn {
                width: 90%;
            }

        div.solicCitaOfert div.formHolder {
            width: 80%;
        }

        div.indSlider div.slidItem div.medicBtn div.medicBtnCont div.mBtnContHold span.btnIndxSld.rBBlue {
            display: none;
        }

        .jconfirm.jconfirm-light .jconfirm-box {
            width: 80% !important;
        }

        div.planCont {
            height: 554px;
        }

        .vlrsTotal {
            width: 90%;
        }
        /******************************Preguntas frecuentes********************************/
        .divTttl label {
            font-size: 3.5em;
        }

        .divTttl .imgFondo {
            right: 0px;
            height: 60%;
        }

        .preguntCont {
            width: 85%;
            left: 0px;
        }

        .textInfo label:nth-child(1) {
            font-size: 2em;
        }

        .textInfo label:nth-child(2) {
            font-size: 1.1em;
        }

        .textInfo span {
            font-size: 2.1em;
        }
        /*Beneficios*/

        .firstCont {
            height: 435px;
        }

            .firstCont .imgItem img {
                height: 100%;
                width: 100%;
            }

            .firstCont .imgItem:nth-child(1) {
                display: none;
            }

            .firstCont .imgItem:nth-child(2) {
                left: 10px;
                top: 99px;
                height: 52%;
                width: 332px;
                margin-left: 20px;
            }

        .secondCont {
            height: 224px;
            padding: 10px;
        }

            .secondCont .textInfo {
                margin-top: 25px;
                left: 19px;
            }

        .thirdCont .imgFondo {
            display: none;
        }

        .thirdCont .bannText {
            left: 10px;
        }

        .fourthCont {
            height: 347px;
        }

            .fourthCont .drogLogo {
                height: 50px;
                top: 30px;
                left: 0px;
                width: 190px;
                margin-left: 20px;
            }

                .fourthCont .drogLogo img {
                    height: 100%;
                    width: 100%;
                }

            .fourthCont .drogTxt {
                height: 140px;
                top: 150px;
                left: 0px;
                width: 310px;
                margin-left: 20px;
            }

                .fourthCont .drogTxt img {
                    height: 100%;
                    width: 100%;
                }

        .fithcont .imgFondo {
            display: none;
        }

        .fithcont .bannText {
            left: 0%;
            top: 11px;
        }

        .sixthCont .imgItem:nth-child(1) {
            display: none;
        }

        .sixthCont .imgItem:nth-child(2) {
            left: 0px;
            height: 45%;
            margin-left: 10px;
        }

        .sixthCont .imgItem:nth-child(3) {
            left: 0px;
            top: 49px;
            margin-left: 90px;
            height: 50%;
        }

        .sixthCont .imgItem:nth-child(4) {
            left: 0px;
            width: 320px;
            margin-left: 15px;
        }

        .sixthCont .imgItem img {
            height: 100%;
            width: 100%;
        }

        .seventhCont .imgFondo {
            display: none;
        }

        .seventhCont .bannText {
            left: 12%;
        }

        .eightCont {
            height: 315px;
        }

            .eightCont .imgFondo {
                top: -35px;
            }

            .eightCont .bannText {
                font-size: 1.2em;
            }

            .eightCont .imgItem {
                height: 100px;
                top: 159px;
            }

        .ninthCont {
            height: 180px;
        }

            .ninthCont .imgFondo {
                display: none;
            }

            .ninthCont .bannText {
                font-size: 1.5em;
                left: 5%;
                margin-top: 45px;
            }

        .tenthCont {
            height: 320px;
        }

            .tenthCont .imgFondo {
                display: none;
            }

            .tenthCont .bannText {
                top: 40px;
                left: 38px;
                font-size: 2.5em;
            }

                .tenthCont .bannText label:nth-child(2) {
                    display: block;
                    font-size: 1.2em;
                    margin-bottom: 40px;
                }
        /*Profesional de Salud*/
        .prmeCont .imgItem img {
            height: 100%;
            width: 230%;
        }

        .prmeCont {
            height: 710px;
        }

            .prmeCont .publictext label:nth-child(3) {
                left: 25px;
                top: 525px;
            }

            .prmeCont .publictext label:nth-child(4) {
                top: 606px;
                font-size: 3.1em;
                left: 24px;
            }

        .horSlideCont {
            height: 680px;
            overflow: auto;
        }

            .horSlideCont .horPubl {
                height: 673px;
                overflow: hidden;
            }

                .horSlideCont .horPubl .contentPrimr .imgItem:nth-child(2) {
                    height: 301px;
                }

                .horSlideCont .horPubl .contentPrimr .horLine {
                    top: -840px;
                    width: 90%;
                }

                .horSlideCont .horPubl .contentPrimr .publictext {
                    top: 280px;
                    left: 7px;
                    font-size: 1.5em;
                }

                .horSlideCont .horPubl .contentPrimr .imgItem {
                    top: 354px;
                    left: 0px;
                    height: 95px;
                }

                .horSlideCont .horPubl .contentScnd .imgItem {
                    height: 63%;
                    bottom: 20%;
                    right: 5%;
                }

                .horSlideCont .horPubl .contentThrd .imgItem {
                    height: 53%;
                    bottom: 27%;
                    right: 2%;
                }

                .horSlideCont .horPubl .contentFrth .imgItem {
                    bottom: 20%;
                    height: 63%;
                    right: 52%;
                }

                .horSlideCont .horPubl .contentFt .imgLogo {
                    top: 160px;
                    left: 169px;
                    height: 100px;
                }

                .horSlideCont .horPubl .contentFt .imgTxt {
                    font-size: 1.9em;
                    bottom: 34%;
                    right: 9%;
                }

                .horSlideCont .horPubl .contentFt {
                    width: 470px;
                }

        div.popBlue.olvidocontr div.popBlueCont {
            width: 85% !important;
        }

        div.popBlue div.popBlueCont div.popBtnIn.tamañp {
            width: 60%;
        }

        div.popBlue div.popRow div.popCampo div.popCampoF {
            display: block;
        }

            div.popBlue div.popRow div.popCampo div.popCampoF select.inputField {
                margin: 5px 5px;
            }
        /*Registro Usuarios*/

        .textRegis span {
            font-size: 2.3em;
        }

        .textRegis label {
            font-size: 1.8em;
        }

        .registroForm {
            width: 100%;
        }

        .regisDescrip {
            font-size: 1.4em;
            top: 41em;
            width: 100%;
        }

        .sunemDrescrip {
            display: block;
            height: auto;
        }

            .sunemDrescrip .itemImage {
                width: 60%;
                margin: 0px auto;
            }

            .sunemDrescrip .textoSunem {
                width: 100%;
                margin: 15px 10px;
            }

        .portCont {
            display: flex;
            width: 90%;
        }

        .imgHolder {
            width: 46%;
        }
    }
}

/*******************************************Responsive 375px*************************************/
@media screen and (max-width:375px) {
    .firstCont .imgItem:nth-child(2) {
        height: 53%;
    }

    .secondCont .textInfo {
        margin-top: 0px;
        left: 10px;
    }

        .secondCont .textInfo span {
            font-size: 2.5em;
        }

    .fourthCont .drogTxt {
        height: 130px;
        left: 10px;
    }

    .sixthCont .imgItem:nth-child(3) {
        height: 45%;
    }

    .sixthCont .imgItem:nth-child(4) {
        height: 25%;
    }

    .seventhCont .bannText {
        left: 5%;
    }

    .ninthCont .bannText {
        font-size: 1.3em;
    }

    .tenthCont .bannText {
        left: 15px;
    }
}

/*************************************************Firefox*******************************************/
@-moz-document url-prefix() {
    /*************************************************Firefox*******************************************/
    div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
        left: 0%;
    }
}

input.inputField2,
select.inputField2,
textarea.inputField2 {
    position: relative;
    width: calc(50% - 24px);
    padding: 10px;
    border: 1px solid #a5a5a5;
    border-radius: 10px;
    background: #EDF3F6;
    box-shadow: 0 5px 8px 0px rgb(10 20 30 / 18%);
}

.campo-horizontal {
    display: flex;
    justify-content: space-between;
}

@keyframes highLBtn {
    0% {
        box-shadow: 0px 0px 0px rgba(224,155,38,1);
    }

    50% {
        box-shadow: 0px 0px 50px rgba(224,155,38,1);
    }

    100% {
        box-shadow: 0px 0px 0px rgba(224,155,38,1);
    }
}

@keyframes rotIconSp {
    0% {
        transform: rotate( 0deg );
    }

    100% {
        transform: rotate( 360deg );
    }
}

@keyframes rotIconSpInv {
    0% {
        transform: rotate( 0deg );
    }

    100% {
        transform: rotate( -360deg );
    }
}
div.loadBlock {
    position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(200,200,200,.5);
    transition: .5s;
    z-index: 9999999999;
}

    div.loadBlock span.loadBlockIcon {
        position: relative;
        display: flex;
        content: "";
        width: 200px;
        height: 200px;
        padding: 50px;
        margin: auto;
        border-radius: 50%;
        background: rgba(0,0,0,.2);
        justify-content: center;
        align-items: center;
        animation: loadSpin 2s linear infinite;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
    }

        div.loadBlock span.loadBlockIcon span.inBoxSpin {
            position: absolute;
            display: block;
            content: '';
            top: 0;
            width: 100%;
            height: 50%;
            background: linear-gradient(90deg, rgba(18,73,138,0) 25%, rgba(18,73,138,1) 75%);
            border-radius: 40px;
        }

    div.loadBlock label {
        position: relative;
        display: block;
        margin-top: 30px;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
    }

/***************************************Animation****************************************/
@keyframes loadSpin {
    0% {
        transform: rotate( 0deg );
    }

    100% {
        transform: rotate( 360deg );
    }
}

/***************************************Responsive****************************************/
@media screen and (max-width:1370px) {
    div.loadBlock span.loadBlockIcon {
        width: 160px;
        height: 160px;
        padding: 30px;
    }
}

@media screen and (max-width:425px) {
    div.loadBlock span.loadBlockIcon {
        width: 140px;
        height: 140px;
        padding: 20px;
    }
}

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}
.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected {

  /* dimmer effect */

}
.fc-event-selected:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }


:root {
  --fc-daygrid-event-dot-width: 8px;
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(143, 223, 130, 0.5);
    background-color: var(--fc-today-bg-color, rgb(143, 223, 130, 0.5));
    opacity: 0.6;
}
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
  }
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }


/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }
.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }
.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }
.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }
.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }
.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }
.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}
.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }
.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}
.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }
.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
  }
.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    }
.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }
.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
.fc {

  /* bg */

}
.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }
.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}
.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }
.fc {

  /* now indicator */

}
.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
.fc-timegrid-event-harness {
  position: absolute /* top/left/right/bottom will all be set by JS */
}
.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
  }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px;
}
.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px /* give some space from bottom */
}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }
.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }
.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }
.fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}
.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }
.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }
.fc {

  /* line */

}
.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }
.fc {

  /* arrow */

}
.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }


:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
.fc {

  /* message when no events */

}
.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically aligns fc-list-empty-inner */
  }
.fc .fc-list-empty-cushion {
    margin: 5em 0;
  }
.fc {

  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
  }
.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
      position: sticky;
      top: 0;
      background: #fff;
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }
.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
  }
.fc .fc-list-table td,
  .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }
.fc {


  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
    }
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
  }
.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }
.fc {

  /* shrink certain cols */

}
.fc .fc-list-event-graphic,
  .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }
.fc {

  /* reset <a> styling */

}
.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }
.fc {

  /* underline link when hovering over any part of row */

}
.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }



  .fc-theme-bootstrap a:not([href]) {
    color: inherit; /* natural color for navlinks */
  }