body {
    min-width: 320px;
    font-family: Karla, sans-serif;
    background: #e4e5e8;
    font-weight: 400;
    overflow-x: hidden;
    height: 100vh;
}

    /*body::after {
        content: "XS";
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 9999999;
    }*/

b, strong {
    font-weight: 600;
}

ol.alpha {
    list-style-type: lower-alpha;
}

.monica-home-main-container {
    padding-bottom: 20px;
}

.monica-content-container {
    padding: 24px 12px;
    background: #fff;
    position: relative;
}

    .monica-content-container::after {
        content: "";
        bottom: -100vh;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        position: absolute;
    }

.monica-wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.monica-content-wrapper {
    flex: 1 0 auto;
    overflow-y: hidden;
}

.monica-header {
    position: relative;
    /*min-height: 150px;*/
    background: #fff;
    text-align: center;
    border-bottom: 8px solid #0066cc;
}

    .monica-header h1 {
        padding: 0;
        margin: 0;
    }

.monica-infobar > * {
    display: inline-block;
    padding: 0 10px;
}

.monica-infobar span {
    color: #004085;
}

.monica-infobar a {
    font-weight: bold;
    color: #004085;
}

    .monica-infobar a:hover {
        color: #0076f6;
        text-decoration: none;
    }

.monica-logo {
    height: 60px;
    width: 164px;
    max-width: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 50%;
    margin-left: -82px;
}

.monica-navbar {
    background: #0066cc;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 0.9em;
}

    .monica-navbar .navbar-nav .nav-link {
        color: rgba(255,255,255,.75);
        font-weight: 600;
    }

        .monica-navbar .navbar-nav .nav-link:hover {
            color: rgba(255,255,255,.95);
        }

    .monica-navbar .navbar-collapse {
        margin-left: -16px;
        margin-right: -16px;
    }

    .monica-navbar .navbar-toggler {
        z-index: 200;
    }

    .monica-navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(0,64,133)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .monica-navbar::before {
        position: absolute;
        z-index: 100;
        content: "";
        left: 0;
        width: 100%;
        top: 0;
        height: 56px;
        background: #fff;
    }




.monica-info-nav {
    background: #003063;
}

.monica-footer {
    color: #fff;
    background: #00264D;
    font-size: 0.8em;
    flex-shrink: 0;
}

.monica-footer-legal ul li {
    /*display: inline-block;*/
    list-style-type: none;
}

/*.monica-footer-legal ul li + li {
            margin-left: 1rem;
        }*/

.monica-footer a,
.monica-footer a:hover {
    color: #fff;
}

.monica-footer-logo {
    width: 100%;
    max-width: 30vw;
    min-width: 124px;
    height: 80px;
}

.monica-footer-logo {
    font-size: 12px;
}

    .monica-footer-logo ul {
        list-style-type: none;
    }

    .monica-footer-logo a,
    .monica-footer-logo a:hover,
    .monica-footer-logo a:focus {
        color: #fff;
    }

.monica-adsp-logo {
    max-width: 100%;
}
.cookie_policy_table_header {
    border: solid 2px;
    text-align: center
}

.cookie_policy_table_row {
    border: solid 1px;
    text-align: center
}
.cookie_policy_table_row_left {
    border: solid 1px;
    text-align: left;
    font-size:0.75rem
}
@media (max-width: 991px) {
    .navbar-collapse .container {
        max-width: 100%;
    }

    .navbar-nav .dropdown-menu {
        background-color: rgba(0,48,99, .5);
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
        padding: 6px 0;
        border: 0;
        font-size: 1em;
    }

    .navbar-nav .dropdown-divider {
        border-color: rgba(255,255,255, .25);
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        color: rgba(255,255,255,.75);
        font-weight: 600;
        border-radius: 0;
        text-align: center;
    }

        .navbar-nav .dropdown-menu .dropdown-item:hover {
            background: none;
            color: #fff;
        }
    /*
                #003063
            */
}

/*@media (min-width: 576px) {
    body::after {
        content: "SM";
    }
}*/

/*@media (min-width: 725px) {
    body::after {
        content: "MD";
    }
}*/

@media (min-width: 992px) {
    /*body::after {
        content: "LG";
    }*/

    body {
        padding-top: 72px;
    }

    .monica-content-container {
        padding: 24px 20px;
    }


    .monica-navbar .container::before {
        position: absolute;
        content: "";
        top: 0px;
        bottom: -12px;
        right: 100%;
        margin-right: -300px;
        background: #fff;
        width: 100vw;
    }

    .monica-navbar::before {
        display: none;
    }

    /*.monica-content-wrapper {
                min-height: 90vh;
            }*/

    .monica-header {
        text-align: left;
        border: 0;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 800;
    }

        .monica-header .container {
            position: relative;
        }

    .monica-logo {
        top: 6px;
        left: 16px;
        width: 300px;
        height: 72px;
        margin-left: -16px;
        /*transition: height .5s;*/
    }

    .scrolled .monica-logo {
        height: 60px;
    }

    .monica-infobar {
        margin-left: 300px;
        text-align: left;
        padding-left: 0;
        line-height: 36px;
        /*transition: line-height .5s;*/
    }

    .scrolled .monica-infobar {
        line-height: 60px;
    }

    .monica-navbar {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

        /*.monica-navbar .navbar-nav {
                    margin-left: -15px;
                    margin-right: -15px;
                }*/

        /*.monica-navbar .nav-item {
            line-height: 2.5;
            transition: line-height .5s;
        }*/

        /*.scrolled .monica-navbar .nav-item {
                line-height: 1.25
            }*/

        .monica-navbar .navbar-collapse .container {
            padding-left: 316px;
            padding-right: 16px;
        }


    .monica-footer > .row > div + div::before {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 1px;
        top: 8px;
        bottom: 8px;
        left: 0px;
    }

    .section-head h1 {
        text-align: left;
    }

        .section-head h1 a {
            color: #333;
        }

        .section-head h1 i {
            font-size: 12px;
        }
}

/*@media (min-width: 1200px) {
    body::after {
        content: "XL";
    }
}*/


@media (min-width: 992px) and (max-height: 719px) {
    .monica-navbar .container::before {
        bottom: 0;
    }

    .monica-logo {
        top: 0;
    }
}

/*###################################### HOMEPAGE #########################################*/

.monica-home-main {
    padding: 15px;
    height: 200px;
    position: relative;
}

.monica-home-main-container {
    min-height: 30vh;
    position: relative;
    padding: 20px 30px 0;
    z-index: 2;
    background-color: rgba(255,255,255,.9);
    border-top: 2px solid #0076f6;
}

    .monica-home-main-container h1 {
        font-weight: bold;
    }


/*ICON*/
/*
        BLU SCURO #0d2050
            #0b1c48

        ROSSO #e30613
            #b5040f

        CIANO #56c5ec

        AZZURRO #508eb2

        GRIGIO CHIARO #c9cbd2

        GIALLO-VERDE #cdcf00

        TURCHESE #366f73
        */
/*.monica-pie-menu-container {
    margin: 5vh auto;
    max-width: 80vh;
    width: 80%;
    min-width: 10vw;
}*/
.monica-pie-menu {
    width: 100%;
    border-radius: 50%;
    padding-bottom: 100%;
    position: relative;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 50% 50%;
    -o-transform: rotate(-45deg);
    -o-transform-origin: 50% 50%;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 50% 50%;
    transform: rotate(-45deg);
    transform-origin: 50% 50%;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

    .monica-pie-menu .monica-pie-menu-center {
        position: absolute;
        width: 25%;
        height: 25%;
        top: 50%;
        left: 50%;
        margin-top: -12.5%;
        margin-left: -12.5%;
        border-radius: 50%;
        z-index: 10000;
        transform: rotate(45deg);
        cursor: pointer;
        overflow: hidden;
        background: #fff;
        padding: 6px;
    }

.monica-pie-menu-item {
    position: absolute;
    width: 50%;
    height: 50%;
    transition: transform 0.5s,opacity 0.5s;
    cursor: pointer;
}



.monica-pie-menu.hover .monica-pie-menu-item,
.monica-pie-menu.active .monica-pie-menu-item {
    opacity: 0.5;
}

.monica-pie-menu .monica-pie-menu-item.hover,
.monica-pie-menu .monica-pie-menu-item.active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.monica-pie-menu-item-amministrazioni {
    border-top-left-radius: 100%;
    background: #306367;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.monica-pie-menu-item-passeggeri {
    left: 50%;
    border-top-right-radius: 100%;
    background: #0B1C48;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.monica-pie-menu-item-operatori {
    top: 50%;
    border-bottom-left-radius: 100%;
    background: #4F8DB1;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.monica-pie-menu-item-altro {
    left: 50%;
    top: 50%;
    border-bottom-right-radius: 100%;
    background: #E30613;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.monica-section-icon {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 50%;
    left: 50%;
    margin-top: -30%;
    margin-left: -30%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 50% 50%;
    -o-transform: rotate(45deg);
    -o-transform-origin: 50% 50%;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 50% 50%;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
}

.monica-pie-menu-item-amministrazioni .monica-section-icon {
    -webkit-transform: rotate(45deg) translateX(20%);
    -moz-transform: rotate(45deg) translateX(20%);
    -o-transform: rotate(45deg) translateX(20%);
    -ms-transform: rotate(45deg) translateX(20%);
    transform: rotate(45deg) translateX(20%);
}

.monica-pie-menu-item-passeggeri .monica-section-icon {
    -webkit-transform: rotate(45deg) translateY(20%);
    -moz-transform: rotate(45deg) translateY(20%);
    -o-transform: rotate(45deg) translateY(20%);
    -ms-transform: rotate(45deg) translateY(20%);
    transform: rotate(45deg) translateY(20%);
}

.monica-pie-menu-item-operatori .monica-section-icon {
    -webkit-transform: rotate(45deg) translateY(-20%);
    -moz-transform: rotate(45deg) translateY(-20%);
    -o-transform: rotate(45deg) translateY(-20%);
    -ms-transform: rotate(45deg) translateY(-20%);
    transform: rotate(45deg) translateY(-20%);
}

.monica-pie-menu-item-altro .monica-section-icon {
    -webkit-transform: rotate(45deg) translateX(-20%);
    -moz-transform: rotate(45deg) translateX(-20%);
    -o-transform: rotate(45deg) translateX(-20%);
    -ms-transform: rotate(45deg) translateX(-20%);
    transform: rotate(45deg) translateX(-20%);
}

.monica-section-icon path {
    fill: #fff;
}



.monica-pie-box-item {
    background-color: #fff;
    display: none;
    padding: 24px;
    position: relative;
    border: 2px solid #000;
    border-radius: 16px;
}

    .monica-pie-box-item p {
        text-indent: 0.5em;
    }

/*.monica-pie-box-item::before {
            height: 24px;
            width: 24px;
            position: absolute;
            left: -30px;
            top: 0;
            content: '';
            opacity: 0.5;
            border-bottom-right-radius: 100%;
        }*/

/*######################################PAGINE##########################################*/

.monica-pie-box {
    display: none;
}

.monica-pie-box-modal {
    position: fixed;
    top: 30px;
    left: 30px;
    right: 30px;
    /*display: block;*/
    z-index: 9999999;
}

.monica-pie-box .close {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
}

.monica-pie-box-modal .close {
    display: block;
}

.monica-visible-modal {
    display: none;
}

.monica-pie-box-modal .monica-visible-modal {
    display: block;
}

.monica-visible-modal .monica-pie-box-item {
    border-width: 4px;
}

.monica-pie-box-modal-overlay {
    content: "";
    background-color: #000;
    opacity: 0.4;
    z-index: 9999998;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    cursor: pointer;
    pointer-events: all;
}

#descMonica {
    border-color: #0066cc;
}

#descAmministrazioni {
    border-color: #306367;
}

#descPasseggeri {
    border-color: #0B1C48;
}

#descOperatori {
    border-color: #4F8DB1;
}

#descAltro {
    border-color: #E30613;
}

.monica-pie-box-visible-show {
    display: block;
}

.monica-home-aside {
    padding-bottom: 150px;
}

.monica-home-app {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

/*.monica-app-android {
}*/


@media (min-width: 992px) {
    .monica-pie-menu-container {
        width: 100%;
    }

    .monica-pie-box {
        padding-left: 2em;
        display: block;
    }

    .monica-pie-box-item {
        margin-top: 36px;
    }
}

.monica-page-content {
    padding: 0 0 16px;
}

.section-head h1 {
    font-size: 1.1em;
    padding: 0 18px;
    margin: 0 18px;
    border-bottom: 3px solid #0066cc;
    text-transform: uppercase;
    font-weight: normal;
}


.monica-link-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.monica-link-card {
    display: block;
    max-width: 100%;
    padding-top: 10px;
    width: 256px;
    position: relative;
    margin: 20px;
}

.modal .monica-link-card {
    width: 192px;
}

    .monica-link-card:hover {
        text-decoration: none;
    }

.monica-link-card[target=_blank]::before {
    top: 6px;
    right: 6px;
    position: absolute;
    content: "\f08e";
    font: normal normal normal 30px/1 FontAwesome;
    z-index: 1;
    color: rgba(0,0,0,0.5);
}

.monica-link-card::before {
    top: 6px;
    right: 6px;
    position: absolute;
    font: normal normal normal 30px/1 FontAwesome;
    z-index: 1;
    color: rgba(0,0,0,0.5);
}

.monica-link-card[target=_blank]::before {
    content: "\f08e";
}

.monica-link-card[data-toggle=modal]::before {
    content: "\f150";
}

.monica-link-card.wip .monica-link-card-picture,
.monica-link-card.wip .monica-link-card-text,
.monica-link-card.wip::before,
.monica-link-card-submenu .wip {
    opacity: 0.5;
    cursor: default;
}

.monica-link-card.wip::after {
    content: "";
    background: url("../Risorse/Icon/wip.svg") center center no-repeat;
    background-size: contain;
    position: absolute;
    height: 20%;
    width: 20%;
    bottom: 80px;
    right: 6px;
}

.monica-link-card-submenu .wip::after {
    content: "";
    background: url("../Risorse/Icon/wip.svg") center center no-repeat;
    background-size: contain;
    height: 25px;
    width: 25px;
    margin-bottom: -6.25px;
    display: inline-block;
}

.guest .wip {
    display: none;
}

.monica-link-card-picture {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*outline: 1px #ececec solid;*/
}

.monica-link-card-text {
    background: #0066cc;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    height: 80px;
    /*width: 66.67%;*/
    padding: 4px 8px;
}



.monica-link-card-text span {
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    line-height: 1;
}

.modal-content .monica-link-card-text span {
    font-size: 18px;
}

.monica-sezione-passeggeri .monica-link-card-text {
    background: #0b1c48;
}

.monica-sezione-passeggeri .section-head h1 {
    border-color: #0b1c48;
}

.monica-sezione-operatori .monica-link-card-text {
    background: #4F8DB1;
}

.monica-sezione-operatori .section-head h1 {
    border-color: #4F8DB1;
}

.monica-sezione-monitoraggio .monica-link-card-text {
    background: #306367;
}

.monica-sezione-monitoraggio .section-head h1 {
    border-color: #306367;
}

.monica-sezione-informazioni .monica-link-card-text {
    background: #E30613;
}


.monica-link-card-submenu {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 35%;
    display: none;
}

    .monica-link-card-submenu.active {
        display: block;
    }

.monica-sezione-informazioni .section-head h1 {
    border-color: #E30613;
}

.monica-onboard-app {
    margin-top: 60px;
    width: 100%;
}

.monica-app-android {
    margin-left: -8px;
}

/*.monica-sezione-operatori .monica-link-card-text {
            background: #4F8DB1;
        }

        .monica-sezione-informazioni .monica-link-card-text {
            background: #0B1C48;
        }

        .monica-sezione-passeggeri .monica-link-card-text {
            background: #0B1C48;
        }
        
        #descMonica {
            border-color: #0066cc;
        }

        #descAmministrazioni {
            border-color: #306367;
        }

        #descPasseggeri {
            border-color: #0B1C48;
        }

        #descOperatori {
            border-color: #4F8DB1;
        }

        #descAltro {
            border-color: #E30613;
        */
@media (max-width: 319.98px) {
}

@media (min-width: 576px) and (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {
}


.monica-home-content-container {
    padding: 20px 0;
}

@media (min-width: 992px) and (max-height: 719.98px) {
    .monica-page-content,
    .monica-home-content-container {
        padding-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .monica-page-content {
        padding-top: 20px;
    }

}


@media (min-width: 992px) and (max-width: 1199.98px) and (max-height: 719.98px) {

    .section-head {
        padding-top: 36px;
    }
}






.monica-home-slider-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.monica-home-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.monica-home-summaries a:hover {
    text-decoration: none;
}

.monica-home-summary.monica-home-summary-default,
.monica-home-summary.show {
    display: inline;
}

.monica-home-summary,
.monica-home-summary.hide {
    display: none;
}

/*.monica-home-pie-overlay {
    opacity: 0;
}*/
.monica-home-pie-overlay {
    display: none;
}

    .monica-home-pie-overlay circle {
        fill: rgba(255,255,255,0.8);
    }

.monica-home-summary-footer rect {
    fill: #fff;
}


@media (max-width: 991px) {
    .monica-home-slider-container {
        padding-bottom: 100%;
    }

    /*.monica-home-slider {
        transform-origin: 100% 50%;
        transition: .25s all linear;
        transform: scale(1);
    }

        .monica-home-slider.show-summary {
            transform: scale(1.2);
        }*/


    .monica-home-slider {
        width: 177.7778%;
        transition: .25s left linear;
    }

        .monica-home-slider.show-summary {
            left: -77.7778%;
        }

    .monica-home-summary.monica-home-summary-default {
        display: none;
    }

        /*.monica-home-slider.show-summary .monica-home-pie-overlay {
        opacity: 1;
    }*/


        .monica-home-summary.show,
        .monica-home-summary.monica-home-summary-default.show {
            display: inline;
        }
}



.monica-home-pie-plate,
.monica-home-pie-icon {
    fill: #fff;
}

.monica-home-summary-head text {
    font-size: 48px;
    text-transform: uppercase;
}

.monica-home-summary-head rect {
    fill: #fff;
}



.head-border {
    stroke-width: 5px;
}

#summaryHome .head-border {
    stroke: #0066cc;
}

#summaryHome .monica-home-summary-body rect {
    fill: #0066cc;
}

#summaryPasseggeri .head-border {
    stroke: #0b1c48;
}

#summaryPasseggeri .monica-home-summary-head-icon,
#summaryPasseggeri .monica-home-summary-body rect {
    fill: #0b1c48;
}

#summaryInformazioni .head-border {
    stroke: #e30613;
}

#summaryInformazioni .monica-home-summary-head-icon,
#summaryInformazioni .monica-home-summary-body rect {
    fill: #e30613;
}

#summaryMonitoraggio .head-border {
    stroke: #306367;
}

#summaryMonitoraggio .monica-home-summary-head-icon,
#summaryMonitoraggio .monica-home-summary-body rect {
    fill: #306367;
}

#summaryOperatori .head-border {
    stroke: #4f8db1;
}

#summaryOperatori .monica-home-summary-head-icon,
#summaryOperatori .monica-home-summary-body rect {
    fill: #4f8db1;
}

.monica-home-summary-body text {
    fill: #fff;
    font-size: 32px;
}

.monica-home-pie-item {
    transform-origin: 544px 544px;
    transition: 0.25s transform ease-in-out;
}

    .monica-home-pie-item.active,
    .monica-home-pie-item:hover {
        transform: scale(1.1);
    }

    .monica-home-pie-item text {
        font-size: 40px;
        text-align: center;
        text-anchor: middle;
        font-weight: 400;
        fill: #fff;
    }

    .monica-home-pie-item:hover {
        text-decoration: none;
    }

.monica-pie-menu-container {
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 56.25%;
    height: 100%;
    padding: 20px;
    z-index: 200;
}



/*.monica-pie-menu-container::after {
        position: absolute;
        top: -10%;
        right: -10%;
        height: 120%;
        width: 120%;
        background: #fff;
        content: "";
        border-radius: 50%;
        z-index: -1;
    }*/

.monica-descriptions-container {
    position: absolute;
    top: 0;
    left: 56.25%;
    right: 0;
    height: 100%;
    z-index: 100;
    background: #fff;
}

.monica-description-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 20%;
    width: 100%;
    display: table;
    padding-top: 2%;
    padding-bottom: 2%;
}

    .monica-description-header svg {
        position: absolute;
        left: 0;
        top: 20%;
        height: 60%;
    }

    .monica-description-header h3 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 20%;
        font-size: 1.5em;
        border-top: 0.2em solid #0066cc;
        border-bottom: 0.2em solid #0066cc;
        text-transform: uppercase;
    }

.monica-description-body {
    position: absolute;
    top: 20%;
    left: 0;
    height: 63%;
    width: 100%;
    background: #0066cc;
    color: #fff;
    display: table;
    padding: 5% 5% 5% 15%;
    overflow: hidden
}

    .monica-description-body p {
        display: table-cell;
        vertical-align: middle;
    }

.monica-description-footer {
    position: absolute;
    top: 83%;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
}

@media (max-width: 991px) {
    .dropdown-item:focus {
        background: none;
    }
}


@media (min-width: 992px) {

    .monica-navbar.navbar-expand-lg .dropdown-menu {
        max-height: 60vh;
        overflow-y: auto;
    }

    .monica-navbar .dropdown-menu .dropdown-menu.show {
        position: relative;
        border-width: 1px 0;
        border-radius: 0;
        background-color: rgba(0,0,0,.02);
        margin-top: 0;
    }

    .monica-navbar .dropdown-menu .dropdown-toggle {
        padding-right: 2.5em;
    }

        .monica-navbar .dropdown-menu .dropdown-toggle::after {
            float: right;
            margin-top: 0.5em;
            margin-right: -20px;
        }

    .monica-navbar .dropdown-menu .dropdown-menu.show .dropdown-item {
        border-radius: 0;
        border: 0;
    }


    .monica-navbar .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 2rem;
    }


    .monica-navbar .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 2.5rem;
    }


    .monica-navbar .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 3rem;
    }

    .monica-navbar .dropdown-menu .dropdown-item:hover {
        background-color: rgb(225,240,255);
    }

    .monica-navbar .dropdown-menu .dropdown-item:active {
        background-color: rgb(0,123,255);
    }

    .monica-navbar .dropdown-menu .dropdown-item.active:hover,
    .monica-navbar .dropdown-menu .dropdown-item.active:focus {
        color: #fff;
        background-color: rgb(32,145,255);
    }
}

@media (min-width: 992px) and (max-height: 480px) {
    .monica-header {
        position: absolute;
    }

    .monica-navbar.navbar-expand-lg .dropdown-menu {
        max-height: none;
        overflow-y: visible;
    }
}

.monica-user-panel {
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1000;
}

    .monica-user-panel i {
        font-size: 2em;
    }

@media (min-width: 992px) {

    .monica-user-panel {
        top: 0;
    }

        .monica-user-panel i {
            font-size: 1em;
        }
}

.monica-video-player {
    display: block;
    position: relative;
}

    .monica-video-player:hover {
        text-transform: none;
    }

    .monica-video-player::before {
        position: absolute;
        font-family: FontAwesome;
        content: "\f04b";
        line-height: 60px;
        vertical-align: middle;
        text-align: center;
        font-size: 60px;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top: -30px;
        color: rgba(255,255,255,0.5);
    }

    .monica-video-player.monica-video-player-active::before {
        content: none;
    }