.receptionBtn.green-bg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0;
    height: 65px
}

    .receptionBtn.green-bg > a {
        position: relative;
        display: block;
        background: #68b309;
        color: #fff;
        border: 1px solid #5fa505;
        height: 65px;
        line-height: 1.1;
        text-align: center;
        flex: 1 1 auto;
        white-space: nowrap;
        transition: all .2s
    }

        .receptionBtn.green-bg > a .dscr {
            color: #ffe500
        }

        .receptionBtn.green-bg > a.disable {
            background: gray;
            border-color: #737373;
            opacity: .7;
            box-shadow: 0 0 5px 0 gray !important
        }

            .receptionBtn.green-bg > a.disable .lightGreen {
                color: white
            }

        .receptionBtn.green-bg > a:not(.disable) {
            cursor: pointer
        }

            .receptionBtn.green-bg > a:not(.disable):hover {
                background: #5a9b08;
                border-color: #518c04
            }

            .receptionBtn.green-bg > a:not(.disable):active {
                box-shadow: none !important
            }

    .receptionBtn.green-bg.slot-0 {
        display: none !important
    }

    .receptionBtn.green-bg.slot-1 > a {
        margin: 0 1em;
        border-radius: 1em;
        box-shadow: 0 2px 5px 0 #385c0f
    }

        .receptionBtn.green-bg.slot-1 > a:not(.disable):hover {
            height: 53.95px;
            margin: 0;
            box-shadow: 0 0 3px 0 #385c0f
        }

    .receptionBtn.green-bg:not(.slot-1) > a:not(.disable):hover {
        flex: 1.5 1 auto;
        height: 53.95px
    }

    .receptionBtn.green-bg:not(.slot-1) > a:first-child {
        margin-left: 0;
        margin-right: 1em;
        border-radius: 0 1em 1em 0;
        box-shadow: 1px 2px 5px 0 #385c0f
    }

        .receptionBtn.green-bg:not(.slot-1) > a:first-child:not(.disable):hover {
            margin-right: 0;
            box-shadow: 3px 0 3px 0 #385c0f
        }

    .receptionBtn.green-bg:not(.slot-1) > a:last-child {
        margin-left: 1em;
        border-radius: 1em 0 0 1em;
        box-shadow: -1px 2px 5px 0 #385c0f
    }

        .receptionBtn.green-bg:not(.slot-1) > a:last-child:not(.disable):hover {
            margin-left: 0;
            box-shadow: -3px 0 3px 0 #385c0f
        }

    .receptionBtn.green-bg:not(.slot-1).slot-3 > a:nth-child(2) {
        box-shadow: 0 2px 5px 0 #385c0f
    }

        .receptionBtn.green-bg:not(.slot-1).slot-3 > a:nth-child(2):not(.disable):hover {
            box-shadow: 0 0 3px 0 #385c0f
        }

    .receptionBtn.green-bg:not(.slot-1).slot-4 > a:nth-child(2) {
        box-shadow: 0 2px 5px 0 #385c0f
    }

        .receptionBtn.green-bg:not(.slot-1).slot-4 > a:nth-child(2):not(.disable):hover {
            box-shadow: 0 0 3px 0 #385c0f
        }

    .receptionBtn.green-bg:not(.slot-1).slot-4 > a:nth-child(3) {
        box-shadow: 0 2px 5px 0 #385c0f
    }

        .receptionBtn.green-bg:not(.slot-1).slot-4 > a:nth-child(3):not(.disable):hover {
            box-shadow: 0 0 3px 0 #385c0f
        }

@media only screen and (max-width: 599px) {
    .receptionBtn.green-bg:not(.slot-1) {
        flex-wrap: wrap;
        flex-direction: column
    }

        .receptionBtn.green-bg:not(.slot-1) > a {
            width: 100%;
            margin: 0 !important
        }

            .receptionBtn.green-bg:not(.slot-1) > a:first-child {
                border-radius: 1em 1em 0 0;
                box-shadow: 0 -2px 5px 0 #385c0f
            }

            .receptionBtn.green-bg:not(.slot-1) > a:last-child {
                border-radius: 0 0 1em 1em;
                box-shadow: 0 2px 5px 0 #385c0f
            }

            .receptionBtn.green-bg:not(.slot-1) > a:not(.disable):hover {
                margin: 0 !important;
                box-shadow: none !important
            }

    .receptionBtn.green-bg.slot-2 {
        height: 130px
    }

    .receptionBtn.green-bg.slot-3 {
        height: 195px
    }

    .receptionBtn.green-bg.slot-4 {
        height: 260px
    }
}

.receptionBtn.warm-bg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0;
    height: 65px
}

    .receptionBtn.warm-bg > a {
        position: relative;
        display: block;
        background: #ffde9f;
        color: #68b309;
        border: 1px solid #fdd893;
        height: 65px;
        line-height: 1.1;
        text-align: center;
        flex: 1 1 auto;
        white-space: nowrap;
        transition: all .2s
    }

        .receptionBtn.warm-bg > a .dscr {
            color: #ffe500
        }

        .receptionBtn.warm-bg > a.disable {
            background: gray;
            border-color: #737373;
            opacity: .7;
            box-shadow: 0 0 5px 0 gray !important
        }

            .receptionBtn.warm-bg > a.disable .lightGreen {
                color: white
            }

        .receptionBtn.warm-bg > a:not(.disable) {
            cursor: pointer
        }

            .receptionBtn.warm-bg > a:not(.disable):hover {
                background: #ffd586;
                border-color: #fdcf7a
            }

            .receptionBtn.warm-bg > a:not(.disable):active {
                box-shadow: none !important
            }

    .receptionBtn.warm-bg.slot-0 {
        display: none !important
    }

    .receptionBtn.warm-bg.slot-1 > a {
        margin: 0 1em;
        border-radius: 1em;
        box-shadow: 0 2px 5px 0 #f3c56f
    }

        .receptionBtn.warm-bg.slot-1 > a:not(.disable):hover {
            height: 53.95px;
            margin: 0;
            box-shadow: 0 0 3px 0 #f3c56f
        }

    .receptionBtn.warm-bg:not(.slot-1) > a:not(.disable):hover {
        flex: 1.5 1 auto;
        height: 53.95px
    }

    .receptionBtn.warm-bg:not(.slot-1) > a:first-child {
        margin-left: -1px;
        margin-right: 1em;
        border-radius: 0 1em 1em 0;
        box-shadow: 1px 2px 5px 0 #f3c56f
    }

        .receptionBtn.warm-bg:not(.slot-1) > a:first-child:not(.disable):hover {
            margin-right: 0;
            box-shadow: 3px 0 3px 0 #f3c56f
        }

    .receptionBtn.warm-bg:not(.slot-1) > a:last-child {
        margin-left: 1em;
        border-radius: 1em 0 0 1em;
        box-shadow: -1px 2px 5px 0 #f3c56f
    }

        .receptionBtn.warm-bg:not(.slot-1) > a:last-child:not(.disable):hover {
            margin-left: 0;
            box-shadow: -3px 0 3px 0 #f3c56f
        }

    .receptionBtn.warm-bg:not(.slot-1).slot-3 > a:nth-child(2) {
        box-shadow: 0 2px 5px 0 #f3c56f
    }

        .receptionBtn.warm-bg:not(.slot-1).slot-3 > a:nth-child(2):not(.disable):hover {
            box-shadow: 0 0 3px 0 #f3c56f
        }

    .receptionBtn.warm-bg:not(.slot-1).slot-4 > a:nth-child(2) {
        box-shadow: 0 2px 5px 0 #f3c56f
    }

        .receptionBtn.warm-bg:not(.slot-1).slot-4 > a:nth-child(2):not(.disable):hover {
            box-shadow: 0 0 3px 0 #f3c56f
        }

    .receptionBtn.warm-bg:not(.slot-1).slot-4 > a:nth-child(3) {
        box-shadow: 0 2px 5px 0 #f3c56f
    }

        .receptionBtn.warm-bg:not(.slot-1).slot-4 > a:nth-child(3):not(.disable):hover {
            box-shadow: 0 0 3px 0 #f3c56f
        }

@media only screen and (max-width: 599px) {
    .receptionBtn.warm-bg:not(.slot-1) {
        flex-wrap: wrap;
        flex-direction: column
    }

        .receptionBtn.warm-bg:not(.slot-1) > a {
            width: 100%;
            margin: 0 !important
        }

            .receptionBtn.warm-bg:not(.slot-1) > a:first-child {
                border-radius: 1em 1em 0 0;
                box-shadow: 0 -2px 5px 0 #f3c56f
            }

            .receptionBtn.warm-bg:not(.slot-1) > a:last-child {
                border-radius: 0 0 1em 1em;
                box-shadow: 0 2px 5px 0 #f3c56f
            }

            .receptionBtn.warm-bg:not(.slot-1) > a:not(.disable):hover {
                margin: 0 !important;
                box-shadow: none !important
            }

    .receptionBtn.warm-bg.slot-2 {
        height: 130px
    }

    .receptionBtn.warm-bg.slot-3 {
        height: 195px
    }

    .receptionBtn.warm-bg.slot-4 {
        height: 260px
    }
}

.genderSelect {
    margin: 1em 0
}

    .genderSelect > span {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #d29f06;
        padding: 0.6em 1.8em !important;
        font-weight: bold;
        background: rgba(210,159,6,0.18);
        color: #700d2f;
        cursor: pointer
    }

        .genderSelect > span:first-child {
            border-radius: 0 1em 1em 0
        }

        .genderSelect > span:last-child {
            border-radius: 1em 0 0 1em;
            border-right-width: 0
        }

        .genderSelect > span img {
            width: 35px;
            margin-left: 0.8em
        }

        .genderSelect > span:hover {
            background: rgba(210,159,6,0.4)
        }

.doctorIntroBack {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .5;
    overflow: hidden;
    direction: ltr
}

    .doctorIntroBack img {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        width: 100%
    }

@media only screen and (max-width: 599px) {
    .doctorIntroBack {
        height: 100vh
    }

        .doctorIntroBack img {
            height: 100%;
            width: initial;
            max-width: none
        }
}

.docProfileHeader .verified {
    width: 20px;
    vertical-align: middle;
    margin-left: 3px
}

.docProfileHeader .profile-avatar {
    margin: 0 auto
}

.docProfileHeader h1 {
    margin: 0 0
}

.docProfileHeader .titleCont {
    max-width: 470px
}

@media only screen and (max-width: 599px) {
    .docProfileHeader .titleCont {
        padding: 0 5px !important
    }
}

.docProfileHeader .trapezius > svg {
    margin: 0
}

.docProfileHeader.trWhite .trapezius > svg {
    fill: rgba(237,237,237,0.5)
}

.docProfileHeader.trWhite .trapezius > ng-transclude, .docProfileHeader.trWhite .trapezius > div {
    background: rgba(237,237,237,0.5)
}

@media only screen and (max-width: 599px) {
    .docProfileHeader.warmBgOnXS.trWhite .trapezius > svg {
        fill: rgba(237,207,131,0.5)
    }

    .docProfileHeader.warmBgOnXS.trWhite .trapezius > ng-transclude, .docProfileHeader.warmBgOnXS.trWhite .trapezius > div {
        background: rgba(237,207,131,0.5)
    }

    .docProfileHeader .profile-avatar {
        margin: -5em auto -1em;
        width: 12em;
        height: 12em
    }

    .docProfileHeader h1 {
        margin: .8em 0 0
    }

    .docProfileHeader .titleCont {
        line-height: 1.5em
    }
}

.clinicGallery {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

    .clinicGallery .imgCont {
        position: relative;
        border: 1px solid #9E9E9E;
        border-radius: 40px;
        padding: 4px;
        margin-bottom: .5em;
        margin: 0.5em;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1)
    }

        .clinicGallery .imgCont div {
            position: relative;
            display: block;
            width: 150px;
            height: 150px;
            overflow: hidden;
            border-radius: 10px;
            background: #ffffff;
            border: 1px solid #eee;
            -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
        }

@media only screen and (max-width: 599px) {
    .clinicGallery .imgCont div {
        width: 100px;
        height: 100px
    }
}

.clinicGallery .imgCont:hover img {
    opacity: .7
}

.weekDaysContainer {
    text-align: center;
    background: #f9f6f3;
    border-radius: 1em;
    color: #C35300;
    max-width: 750px;
    margin: 0 auto
}

    .weekDaysContainer > div {
        position: relative;
        width: 100px;
        padding: 8px 0
    }

        .weekDaysContainer > div span {
            font-weight: bold
        }

        .weekDaysContainer > div p {
            margin: 0;
            font-size: .9em;
            direction: ltr
        }

.profileShortcuts {
    margin-bottom: -1em
}

    .profileShortcuts ul {
        font-size: 1rem;
        list-style: none;
        padding: 0
    }

        .profileShortcuts ul > li {
            font-size: .9em;
            position: relative;
            display: inline-block;
            width: 5.4em;
            white-space: nowrap;
            text-align: center;
            margin: 1em;
            cursor: context-menu;
            height: 10.6em;
            vertical-align: bottom
        }

            .profileShortcuts ul > li i {
                position: relative;
                display: block;
                width: 2.34783em;
                height: 2.34783em;
                border-radius: 50%;
                background: rgba(255,255,255,0.28);
                font-size: 2.3em;
                color: #a51042;
                line-height: 2.34783em;
                cursor: pointer;
                border: 1px solid #f9c86c
            }

                .profileShortcuts ul > li i:after {
                    content: '';
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    border: .15em solid white;
                    position: absolute;
                    display: block;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%) scale(1.25);
                    opacity: .6
                }

            .profileShortcuts ul > li span {
                font-weight: bold;
                position: relative;
                display: block;
                margin-top: 3em;
                color: #595959
            }

                .profileShortcuts ul > li span:before {
                    content: '';
                    position: absolute;
                    display: block;
                    left: 50%;
                    transform: translateX(-50%);
                    top: -1.9em;
                    height: 2em;
                    width: 1px;
                    border-left: 2px dotted rgba(89,89,89,0.57)
                }

            .profileShortcuts ul > li.brown i {
                color: #ea9738;
                background: rgba(255,255,255,0.5);
                border: 1px solid #ffdd61
            }

                .profileShortcuts ul > li.brown i:after {
                    border-color: #cd6300
                }

            .profileShortcuts ul > li.brown span {
                color: #e69130
            }

                .profileShortcuts ul > li.brown span:before {
                    border-color: #cc8f4f
                }

            .profileShortcuts ul > li.green i {
                color: #418602;
                background: rgba(135,197,19,0.3);
                border-color: transparent
            }

                .profileShortcuts ul > li.green i:after {
                    border-color: #60c508;
                    opacity: 0.7
                }

            .profileShortcuts ul > li.green span {
                color: #558a24
            }

                .profileShortcuts ul > li.green span:before {
                    border-color: #558a24
                }

            .profileShortcuts ul > li, .profileShortcuts ul > li span, .profileShortcuts ul > li i, .profileShortcuts ul > li i:after, .profileShortcuts ul > li span:before {
                transition: all .7s cubic-bezier(0.680, -0.550, 0.265, 1.550)
            }

                .profileShortcuts ul > li:hover {
                    padding-top: 1em
                }

                    .profileShortcuts ul > li:hover, .profileShortcuts ul > li:hover span, .profileShortcuts ul > li:hover i, .profileShortcuts ul > li:hover i:after, .profileShortcuts ul > li:hover span:before {
                        transition: all .3s cubic-bezier(0.680, -0.550, 0.265, 1.550)
                    }

                        .profileShortcuts ul > li:hover i {
                            border-color: transparent !important
                        }

                            .profileShortcuts ul > li:hover i:after {
                                border-width: 3px;
                                border-radius: 40%;
                                position: absolute;
                                display: block;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%) scale(.8) rotate(20deg)
                            }

                        .profileShortcuts ul > li:hover span {
                            margin-top: 2em
                        }

                            .profileShortcuts ul > li:hover span:before {
                                height: 1em;
                                top: -.9em
                            }

@media only screen and (min-width: 600px) {
    .profileShortcuts ul .xs-max {
        display: none
    }
}

@media only screen and (max-width: 599px) {
    .profileShortcuts ul {
        font-size: .5rem
    }

        .profileShortcuts ul > li i {
            width: 1.54286em;
            height: 1.54286em;
            font-size: 3.5em;
            line-height: 1.54286em
        }

            .profileShortcuts ul > li i:after {
                border-width: .1em
            }

        .profileShortcuts ul .xs-max {
            font-size: 1.8em;
            margin-top: 1.8em
        }

            .profileShortcuts ul .xs-max:before {
                height: 1em;
                top: -1em
            }

        .profileShortcuts ul .sm-min {
            display: none
        }
}

.profileShortcuts.outline_silver ul > li i {
    border-color: #d1d1d0
}

.doctorWebsite {
    height: 28px;
    line-height: 23px;
    background: white;
    border-radius: 2em;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 0 0.5em;
    display: inline-block;
    margin-right: .2em;
    font-weight: 500;
    color: #bfbfbf
}

    .doctorWebsite i {
        color: #00BCD4
    }

#bioCont .gradientCover {
    position: absolute;
    display: none;
    width: 100%;
    height: 200px;
    left: 0;
    bottom: 0;
    border-radius: 0.2em;
    background-image: linear-gradient(to top, #fff7db 24%,rgba(255,255,255,0.001) 100%)
}

#bioCont .showMoreBtn {
    min-width: 10em
}

#bioCont.limit .doctorBio {
    max-height: 500px;
    overflow: hidden
}

#bioCont.limit .gradientCover {
    display: block
}

#bioCont.limit .showMoreBtn {
    position: absolute;
    bottom: 1.4em;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1
}

.doctorBio.fr-view img {
    height: auto !important
}

.onlineReception {
    background: white
}

    .onlineReception .days {
        position: relative;
        display: table;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap
    }

        .onlineReception .days > div {
            position: relative;
            display: inline-block;
            min-width: 180px;
            padding: 1em;
            background: #f7ebe3;
            color: #C35300;
            border-radius: 1em;
            margin: 0.3em;
            text-align: center;
            vertical-align: top
        }

            .onlineReception .days > div .dayRemain {
                color: #9E9E9E;
                line-height: 1;
                margin-bottom: 1em
            }

.doctorsMapList .iconCont {
    border: 2px solid white;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    border-radius: 50%
}

.doctorsMapList .icon {
    position: relative;
    display: block;
    font-size: .7em;
    color: #ffffff;
    background: #e8e7e7;
    border-radius: 50%;
    width: 6.5em;
    height: 6.5em;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

    .doctorsMapList .icon > i, .doctorsMapList .icon > img {
        font-size: 8.2em;
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        background: white;
        color: #ffc107;
        max-width: none;
        transform: translateX(-50%)
    }

.doctorsMapList .content {
    margin: 0;
    line-height: 1.7;
    text-align: center;
    padding: 0 .5em;
    text-align: right
}

    .doctorsMapList .content .username {
        font-family: sans-serif;
        direction: ltr
    }

    .doctorsMapList .content .name {
        font-weight: bold;
        color: #C35300;
        margin: 0;
        font-size: 1em;
        display: inline-block;
        position: relative;
        width: 100%
    }

    .doctorsMapList .content .tools {
        display: block;
        margin-top: .6em;
        font-size: 0.8em;
        color: #8e837a
    }

        .doctorsMapList .content .tools a {
            opacity: .6;
            cursor: pointer;
            transition: all .3s
        }

            .doctorsMapList .content .tools a:hover {
                opacity: 1
            }

            .doctorsMapList .content .tools a:not(:first-child) {
                margin-right: 1em
            }

.doctorsList {
    padding: 1.5em;
    text-align: center;
    margin-top: 50px
}

    .doctorsList .pickTime {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: auto;
        border-radius: 1em;
        line-height: 1.1;
        padding: 0.6em .5em;
        font-size: 0.6em;
        margin-top: 0.4em
    }

        .doctorsList .pickTime i {
            position: relative;
            font-size: 2.4em
        }

        .doctorsList .pickTime[disabled="disabled"] i:after {
            content: '/';
            position: absolute;
            display: block;
            top: -.2em;
            right: 0;
            left: 0;
            color: #bdbcbc;
            font-size: 1.1em
        }

@media only screen and (max-width: 599px) {
    .doctorsList .pickTime {
        font-size: .4em;
        margin: .1em .2em 0
    }

        .doctorsList .pickTime i {
            font-size: 1.7em
        }

            .doctorsList .pickTime i:after {
                top: -.2em !important
            }

        .doctorsList .pickTime br {
            display: none
        }
}

.doctorsList .box {
    background: #f9f6f3;
    border-radius: 2em;
    padding: 0.3em .8em 0.7em 0.8em !important;
    min-height: 50px;
    width: 100% !important;
    margin: 0.3em auto;
    transition: all .5s
}

    .doctorsList .box .icon2 {
        color: #ffc107;
        background: white;
        border-radius: 50%;
        width: 5em;
        height: 5em;
        text-align: center;
        overflow: hidden;
        border: 2px solid white;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
        transition: all 1s
    }

        .doctorsList .box .icon2 i {
            font-size: 3.5em;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1)
        }

    .doctorsList .box .icon {
        position: relative;
        display: block;
        font-size: .7em;
        color: #ffffff;
        background: #e8e7e7;
        border-radius: 50%;
        width: 9em;
        height: 9em;
        margin: 0 auto;
        margin-top: -2.3em;
        text-align: center;
        overflow: hidden;
        border: 2px solid white;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)
    }

        .doctorsList .box .icon > i, .doctorsList .box .icon > img {
            font-size: 11.2em;
            position: absolute;
            display: block;
            top: 0;
            left: 50%;
            background: white;
            color: #ffc107;
            max-width: none;
            transform: translateX(-50%)
        }

    .doctorsList .box .visitTypes > span {
        font-size: 1em;
        font-weight: bold;
        margin-left: 1em;
        white-space: nowrap;
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

@media only screen and (max-width: 599px) {
    .doctorsList .box .visitTypes > span {
        margin-left: .8em;
        letter-spacing: -1px
    }
}

.doctorsList .box .content {
    margin: 0;
    line-height: 1.7;
    text-align: center;
    padding: 0 .5em
}

    .doctorsList .box .content .username {
        font-family: sans-serif;
        direction: ltr
    }

    .doctorsList .box .content .pinIcon {
        color: #9e1647
    }

    .doctorsList .box .content .verified {
        width: 18px;
        vertical-align: middle;
        margin-left: 2px
    }

    .doctorsList .box .content .name {
        font-weight: bold;
        color: #C35300;
        margin: 0;
        font-size: 1em;
        display: inline-block;
        position: relative;
        width: 100%;
        padding-left: 1.5em;
        text-align: right
    }

    .doctorsList .box .content .tools {
        display: block;
        margin-top: .6em;
        font-size: 0.8em;
        color: #8e837a;
        text-align: right
    }

        .doctorsList .box .content .tools a {
            opacity: .6;
            cursor: pointer;
            transition: all .3s
        }

            .doctorsList .box .content .tools a:hover {
                opacity: 1
            }

            .doctorsList .box .content .tools a:not(:first-child) {
                margin-right: 1em
            }

.doctorsList .box.warm {
    background: rgba(255,255,255,0.65);
    border: 1px solid #ebdba1
}

    .doctorsList .box.warm > .content .name {
        color: #e91e63
    }

    .doctorsList .box.warm > .content .tools {
        color: #795548
    }

    .doctorsList .box.warm .icon {
        border: 1px solid #ebdba1
    }

.doctorsList .box:hover {
    background: rgba(255,252,237,0.62)
}

    .doctorsList .box:hover .icon {
        box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.2)
    }

    .doctorsList .box:hover.warm {
        background: #ffeeb1
    }

.doctorsList.quickPickDoc {
    padding: 0;
    margin-top: .8em
}

    .doctorsList.quickPickDoc > div {
        width: 100%;
        margin: .6em 0
    }

        .doctorsList.quickPickDoc > div .box {
            padding: .2em !important;
            margin: 0;
            border-radius: 3em 5em 10em 3em
        }

            .doctorsList.quickPickDoc > div .box.warm {
                background: rgba(255,238,177,0.65);
                border: 1px solid #ebdba1
            }

            .doctorsList.quickPickDoc > div .box > .content {
                margin-top: 0.1em;
                line-height: 1.1;
                padding: 0 .5em 0 0
            }

            .doctorsList.quickPickDoc > div .box .icon {
                margin-top: -3.2em
            }

.doctorsList.relatedDocs {
    margin: 0
}

    .doctorsList.relatedDocs:not(.swiper-container) {
        background: rgba(255,255,255,0.51);
        border: 1px dashed #fefef8;
        overflow: auto;
        width: 100%;
        position: relative;
        display: block
    }

    .doctorsList.relatedDocs.swiper-container .swiper-slide {
        padding: 2.5em 0 1.5em
    }

    .doctorsList.relatedDocs .publicDoctorShortcuts {
        width: 190px
    }

        .doctorsList.relatedDocs .publicDoctorShortcuts h2 {
            color: #987316
        }

        .doctorsList.relatedDocs .publicDoctorShortcuts .fIcons a {
            display: block;
            margin: 5px 0
        }

    .doctorsList.relatedDocs .scrollCont {
        position: relative;
        display: table;
        width: auto;
        white-space: nowrap;
        margin: 0;
        padding: 1.8em .5em 0.5em
    }

        .doctorsList.relatedDocs .scrollCont > * {
            position: relative;
            display: inline-block;
            width: 205px;
            margin: 0 0.2em;
            white-space: normal
        }

    .doctorsList.relatedDocs .box {
        font-size: .9em;
        background: rgba(234,226,188,0.4);
        padding: .2em !important;
        border-radius: 5em
    }

        .doctorsList.relatedDocs .box .icon {
            font-size: 1em;
            box-shadow: none;
            -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
        }

            .doctorsList.relatedDocs .box .icon > i {
                color: #04aabf
            }

        .doctorsList.relatedDocs .box .icon-cont {
            transition: all .5s;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
            border-radius: 50%;
            font-size: .7em;
            width: 9em;
            margin: 0 auto
        }

        .doctorsList.relatedDocs .box > .content {
            margin-top: 0
        }

            .doctorsList.relatedDocs .box > .content .name {
                text-align: center;
                padding-left: 0
            }

            .doctorsList.relatedDocs .box > .content .tools {
                color: #795548;
                font-size: 0.9em
            }

            .doctorsList.relatedDocs .box > .content .tools-cont {
                min-height: 130px
            }

        .doctorsList.relatedDocs .box:hover {
            background: rgba(255,252,237,0.62)
        }

            .doctorsList.relatedDocs .box:hover .icon-cont {
                box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.2)
            }

.doctorsList:not(.relatedDocs):not(.quickPickDoc) > * {
    position: relative;
    display: inline-block;
    margin: 0.5em 0;
    width: 100%
}

.doctorsList:not(.relatedDocs):not(.quickPickDoc) .box.warm {
    border-width: 0
}

.doctorsList:not(.relatedDocs):not(.quickPickDoc) .box .content .tools a {
    opacity: 1;
    cursor: pointer;
    transition: all .3s;
    color: #167f9e;
    font-size: 1.1em
}

    .doctorsList:not(.relatedDocs):not(.quickPickDoc) .box .content .tools a:hover {
        color: #136d88
    }

@media only screen and (max-width: 599px) {
    .doctorsList:not(.relatedDocs):not(.quickPickDoc) {
        padding: .5em;
        margin: 1em auto
    }

        .doctorsList:not(.relatedDocs):not(.quickPickDoc) > div {
            margin: 0;
            width: 100%
        }

        .doctorsList:not(.relatedDocs):not(.quickPickDoc) .box {
            border-radius: 1em;
            padding: 0.2em !important;
            margin-top: 1em
        }

            .doctorsList:not(.relatedDocs):not(.quickPickDoc) .box .icon {
                width: 7em;
                height: 7em;
                margin: 0;
                margin-top: -1.6em
            }

                .doctorsList:not(.relatedDocs):not(.quickPickDoc) .box .icon > i, .doctorsList:not(.relatedDocs):not(.quickPickDoc) .box .icon > img {
                    font-size: 14.2em
                }
}

.publicDoctorShortcuts {
    width: 100%;
    transition: all .3s
}

    .publicDoctorShortcuts h2 {
        color: #d2b66f;
        font-size: 1.1em;
        font-weight: normal;
        text-align: center;
        margin: 0;
        letter-spacing: -1px;
        position: relative;
        overflow: hidden
    }

        .publicDoctorShortcuts h2 span {
            position: relative;
            padding: 0 .5em
        }

            .publicDoctorShortcuts h2 span:before, .publicDoctorShortcuts h2 span:after {
                content: '';
                position: absolute;
                display: block;
                width: 145px;
                height: 2px;
                background: #ceb26c;
                top: 57%
            }

            .publicDoctorShortcuts h2 span:before {
                right: -145px;
                border-radius: 0 100% 100% 0
            }

            .publicDoctorShortcuts h2 span:after {
                left: -145px;
                border-radius: 100% 0 0 100%
            }

@media only screen and (max-width: 599px) {
    .publicDoctorShortcuts h2 {
        margin-bottom: 0.5em
    }

        .publicDoctorShortcuts h2 span:before {
            right: auto;
            left: 50%;
            top: 91%
        }

        .publicDoctorShortcuts h2 span:after {
            left: auto;
            right: 50%;
            top: 91%
        }
}

.publicDoctorShortcuts .fIcons {
    text-align: center;
    color: #9e9e9e;
    font-size: 0.9em;
    white-space: normal
}

    .publicDoctorShortcuts .fIcons a {
        position: relative;
        display: inline-block;
        padding: 0 .25em;
        white-space: nowrap;
        transition: all .3s
    }

        .publicDoctorShortcuts .fIcons a:hover {
            color: #858585
        }

            .publicDoctorShortcuts .fIcons a:hover span {
                transform: translateX(-10px) rotate(-12deg)
            }

@media only screen and (max-width: 599px) {
    .publicDoctorShortcuts .fIcons a {
        text-align: right
    }
}

.publicDoctorShortcuts .fIcons span {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: white;
    border: 1px solid #00BCD4;
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.3);
    border-radius: 50%;
    margin: 2px;
    vertical-align: middle;
    text-align: center;
    transition: all .3s
}

.publicDoctorShortcuts .fIcons i {
    color: #00BCD4;
    margin-top: -1px;
    font-size: 0.9em;
    position: relative;
    display: block;
    line-height: 29px
}

.newsContainer.publicDoctorNews {
    position: relative;
    padding: 0;
    padding-bottom: 1.3em;
    margin-top: 2em;
    overflow: initial;
    background: rgba(237,207,131,0.68);
    border: 0 dashed white;
    border-width: 1px 0
}

    .newsContainer.publicDoctorNews:before {
        position: absolute;
        display: block;
        top: 100px;
        width: 100%;
        height: calc(100% - 90px);
        background: #edcf83;
        border-radius: 0;
        border: 0 dashed white;
        border-width: 1px 0;
        z-index: -1
    }

    .newsContainer.publicDoctorNews .effect2:before, .newsContainer.publicDoctorNews .effect2:after {
        box-shadow: 0 15px 10px #795548
    }

    .newsContainer.publicDoctorNews.isEmpty {
        min-height: 0
    }

        .newsContainer.publicDoctorNews.isEmpty:before {
            top: 0;
            height: 100%
        }

    .newsContainer.publicDoctorNews .mt-speedDial {
        display: none
    }

    .newsContainer.publicDoctorNews .md-button {
        min-height: 0;
        height: 31px;
        line-height: 29px
    }

    .newsContainer.publicDoctorNews .publicDoctorShortcuts {
        max-width: 570px;
        margin: 2em auto 1em
    }

        .newsContainer.publicDoctorNews .publicDoctorShortcuts h2 {
            color: #987316
        }

        .newsContainer.publicDoctorNews .publicDoctorShortcuts nav {
            color: #610707
        }

            .newsContainer.publicDoctorNews .publicDoctorShortcuts nav span {
                border-color: #e91e63
            }

            .newsContainer.publicDoctorNews .publicDoctorShortcuts nav i {
                color: #e91e63
            }

.pricePolicyBox {
    position: relative;
    background: #fff3d8;
    color: #094c82;
    margin: 0 1em 0;
    padding: 0 1.8em;
    font-size: .9em;
    line-height: 1.5;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .3s
}

    .pricePolicyBox .notice {
        color: #795548;
        line-height: 1.4;
        padding: 1em 0.3em
    }

    .pricePolicyBox.active {
        margin: 1em 1em 1em;
        padding: 1.8em;
        opacity: 1;
        max-height: 2000px
    }

@media only screen and (max-width: 599px) {
    .pricePolicyBox.active {
        margin: 1.5em 0em .2em;
        padding: 1.2em
    }

        .pricePolicyBox.active:after {
            width: calc(100% - 20px);
            height: calc(100% - 20px);
            top: 10px;
            left: 10px
        }
}

.pricePolicyBox:after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    top: 18px;
    left: 18px;
    border: 3px double #e6ca5c
}

.appTypeBlocks.asBox {
    border: 1px solid #c3c3c3;
    border-radius: 0.9em;
    padding: 0.3em .3em 0.6em;
    margin: 0.4em 0.4em 0.3em;
    background: #fffef8;
    box-shadow: 0 2px 5px 0 #f1e9ca
}

.appTypeBlocks .header {
    background: #f9efc7;
    border-radius: 0.7em;
    text-align: center;
    margin-bottom: .7em;
    font-size: 0.8em
}

.appTypeBlocks > div {
    position: relative;
    background: #f1f1f1;
    color: #636363;
    border: 1px solid #e6ca5c;
    border-radius: 1em;
    padding: .2em .6em;
    margin: .2em;
    height: 3.3em;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s
}

    .appTypeBlocks > div.appTypeUnit {
        min-width: 7em;
        flex-direction: column
    }

        .appTypeBlocks > div.appTypeUnit.minWidth {
            min-width: 0
        }

            .appTypeBlocks > div.appTypeUnit.minWidth.itemsCount-1, .appTypeBlocks > div.appTypeUnit.minWidth.itemsCount-2 {
                min-width: 100px
            }

    .appTypeBlocks > div.docUnit {
        min-width: 8em;
        border-radius: 1em 50% 50% 1em;
        justify-content: flex-start;
        padding-right: 0
    }

    .appTypeBlocks > div .typePrice {
        margin-top: .1em
    }

    .appTypeBlocks > div .icon {
        width: 5em;
        height: 5em;
        margin: 0 -.1em 0 .9em;
        opacity: .6
    }

        .appTypeBlocks > div .icon img {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

    .appTypeBlocks > div i.material-icons {
        margin-left: .3em
    }

    .appTypeBlocks > div i.isSelected {
        position: absolute;
        display: none;
        top: -.3em;
        left: -.3em;
        margin: 0;
        color: #4caf50;
        border-radius: 50%;
        background: white;
        font-size: 1.3em
    }

    .appTypeBlocks > div:hover {
        box-shadow: 0 1px 5px 0 #e6bf82
    }

    .appTypeBlocks > div.active {
        background: #e6ca5c;
        color: #ffffff;
        border: 1px solid #ffffff;
        box-shadow: 0 1px 5px 0 #e6bf82
    }

        .appTypeBlocks > div.active .icon {
            opacity: 1
        }

            .appTypeBlocks > div.active .icon img {
                -webkit-filter: none;
                filter: none
            }

        .appTypeBlocks > div.active i.isSelected {
            display: block
        }

.docPageBodyCont {
    display: block;
}

    .docPageBodyCont .box {
        width: calc(100% - 2em);
        min-height: 100px;
        margin: 30px auto;
        padding: 1em
    }

@media only screen and (max-width: 959px) {
    .docPageBodyCont {
        width: 100%
    }
}

#quickBookAppCont {
    position: absolute;
    display: block;
    width: 366px;
    right: calc(100% - 366px);
    top: -1em;
    padding: 1em 0 1em 1em;
    z-index: 5
}

    #quickBookAppCont .backdrop {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.4);
        z-index: 1;
        opacity: 1;
        transition: all 1s
    }

        #quickBookAppCont .backdrop.ng-hide {
            opacity: 0
        }

@media only screen and (max-width: 959px) {
    #quickBookAppCont {
        position: relative;
        width: 100%;
        top: initial;
        right: initial;
        padding: 1em .5em
    }
}

#quickBookAppCont #quickBookApp {
    position: relative;
    display: block;
    background-image: url(/content/images/patterns/9.png);
    background-size: 100px;
    background-color: #e6ca5c;
    width: 100%;
    min-height: 300px;
    border-radius: 1em;
    padding: .5em;
    font-size: 0.9rem;
    border: 1px solid white;
    box-shadow: 0 1px 5px 0 #e6bf82;
    z-index: 2
}

    #quickBookAppCont #quickBookApp .title {
        position: relative;
        color: #676767
    }

        #quickBookAppCont #quickBookApp .title i {
            color: #536879;
            transform: rotate(-90deg)
        }

    #quickBookAppCont #quickBookApp select {
        position: relative;
        background: #f1f1f1;
        color: #636363;
        border: 1px solid #e6ca5c;
        border-radius: 1em;
        padding: 0 .6em;
        margin: 0 0.7em 0.5em;
        height: 2.7em;
        line-height: 2.3em;
        width: calc(100% - 1.4em);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
        background-repeat: no-repeat, repeat !important;
        background-position: left .7em top 50%, 0 0 !important;
        background-size: .65em auto, 100% !important
    }

    #quickBookAppCont #quickBookApp .appTypeBlocks {
        font-size: .8em
    }

        #quickBookAppCont #quickBookApp .appTypeBlocks > div.active {
            background: #68b309
        }

        #quickBookAppCont #quickBookApp .appTypeBlocks > div span > i {
            margin-left: 0.1em
        }

        #quickBookAppCont #quickBookApp .appTypeBlocks > div i.isSelected {
            color: #9E9E9E
        }

    #quickBookAppCont #quickBookApp .iconColor {
        color: #074e86
    }

    #quickBookAppCont #quickBookApp .txtColor {
        color: #636363
    }

.discountCont .beforeDis {
    position: relative
}

.discountCont .afterDis {
    display: none
}

.discountCont.discountActive .beforeDis {
    color: #9f9f9f !important;
    font-weight: normal
}

    .discountCont.discountActive .beforeDis:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #ed1c24;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-10deg)
    }

.discountCont.discountActive .afterDis {
    position: relative;
    color: #00b300 !important;
    display: inline-block;
    vertical-align: middle
}

.appBoxTimeSheet {
    position: relative;
    background: rgba(255,255,255,0.25);
    border-radius: 1em;
    padding: .5em 0;
    margin-top: 0.9em
}

    .appBoxTimeSheet.quickTicketing {
        background: white;
        padding: 1em .9em
    }

        .appBoxTimeSheet.quickTicketing textarea {
            margin-bottom: .3em
        }

    .appBoxTimeSheet.appTypeDscr {
        margin: 0 0.8em 1em;
        padding: .2em 0.6em
    }

    .appBoxTimeSheet.orcpTitle {
        margin: 0 0 1em;
        font-size: 1.4em;
        line-height: 2;
        letter-spacing: -1px;
        color: #074e86
    }

        .appBoxTimeSheet.orcpTitle i {
            color: #536879;
            margin-left: .1em
        }

    .appBoxTimeSheet .notifText {
        position: relative;
        display: block;
        padding: .5em 1em 1.1em;
        line-height: 1.2;
        color: #696867
    }

    .appBoxTimeSheet .boxContent > div {
        position: relative;
        padding: .4em
    }

        .appBoxTimeSheet .boxContent > div .dayName {
            line-height: 1.2;
            margin-bottom: 0.7em;
            text-align: center
        }

            .appBoxTimeSheet .boxContent > div .dayName.isHoliday {
                color: #f44336
            }

        .appBoxTimeSheet .boxContent > div .time {
            background: white;
            padding: 0 0.4em;
            width: 97px;
            text-align: center;
            margin: 0.2em 0;
            white-space: nowrap;
            border-radius: 0.4em;
            cursor: pointer
        }

            .appBoxTimeSheet .boxContent > div .time:hover {
                background: #c7ff7f
            }

    .appBoxTimeSheet .navigation {
        padding: 0 !important;
        font-size: 1.6em;
        color: #68b309;
        cursor: pointer
    }

        .appBoxTimeSheet .navigation.disable {
            opacity: .5;
            color: #9e9e9e;
            cursor: context-menu
        }

    .appBoxTimeSheet .openBigCalendar {
        background: rgba(0,0,0,0.1);
        margin: 0 .5em .5em;
        border-radius: 0.7em
    }

        .appBoxTimeSheet .openBigCalendar button {
            height: 40px;
            color: #776418;
            width: 100%;
            margin: 0
        }

.txt-or {
    position: relative;
    display: block;
    margin: 1.4em 0.4em 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #f7ecdc;
    color: #795548;
    border-radius: 50%;
    text-align: center
}

@media only screen and (max-width: 599px) {
    .txt-or {
        margin: 0;
        position: absolute;
        right: -5px;
        top: 5px
    }

        .txt-or + input, .txt-or + md-select {
            margin-right: 25px;
            margin-bottom: -1.5em;
            width: calc(100% - 25px)
        }
}

.doctorSearchBox {
    padding: .5em;
    min-height: 0;
    margin: 0 auto
}