:root {
    /*--fc-non-business-color: #e8e7e7;*/
    --fc-non-business-color: var(--bs-gray-100);
}

.menu-toggler {
    padding: 0 15px !important;
}

body {
    font-family: "Montserrat", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.widget-reminder .widget-reminder-time {
    width: 7rem;
}

.secondary-menu-bar {
    margin-left: 240px;
}

.overflow-e {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown-menu.dd-notification {
    min-width: 320px
}

    .dropdown-menu.dd-notification .dd-notification-item {
        padding: 5px 10px;
        text-decoration: none;
        color: #212837;
        border-top: 1px solid #dae0ec;
        border-bottom: 1px solid #dae0ec;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .dropdown-menu.dd-notification .dd-notification-item:hover {
            background: #f0f2f6
        }

        .dropdown-menu.dd-notification .dd-notification-item .dd-notification-icon {
            width: 70px;
            font-size: 12px;
            text-align: right;
            margin: 0 auto auto auto;
            padding: 2px;
            font-weight: 600;
        }

            .dropdown-menu.dd-notification .dd-notification-item .dd-notification-icon + .dd-notification-info {
                padding-left: 5px
            }

        .dropdown-menu.dd-notification .dd-notification-item .dd-notification-arrow {
            color: #c9d2e3
        }

        .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info .title + .time {
                margin-top: 5px;
            }

            .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info .time {
                font-size: 12px;
                color: #869ac0
            }

            .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info + .dd-notification-arrow {
                padding-left: 10px
            }

        .dropdown-menu.dd-notification .dd-notification-item + .dd-notification-item {
            margin-top: -1px
        }

        .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info .title {
            width: 550px;
        }

            .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info .title tr td:first-child {
                width: 100px;
            }

            .dropdown-menu.dd-notification .dd-notification-item .dd-notification-info .title tr td:last-child {
                max-width: 450px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.dropdown-menu td:first-child {
    font-weight: 600;
}

.dropdown-menu .dd-n-link {
    text-decoration: none !important;
    color: inherit;
    font-size: 13px;
}

.notification-list .time {
    text-align: right;
    font-size: .75rem;
    font-weight: 600;
    padding: 3px;
}

.notification-list .content {
    text-decoration: none !important;
    color: inherit;
}

.notification-list dd {
    margin-bottom: 0.1rem;
}

.app-list-wrapper {
    max-height: 600px;
    overflow-y: scroll;
}

.app-list {
    /*margin-top: 3em;*/
    color: #1a252f;
}

    .app-list .appointment {
        width: 100%;
        display: block;
        min-height: 60px;
        background-color: var(--bs-gray-300);
        border-color: var(--bs-primary);
        border-style: solid;
        border-width: 1px 1px 1px 15px;
        padding-top: -1rem;
        /*border-radius: 5px;*/
    }
    /*.app-list .appointment:before {
            content: 'amb';
            position: relative;
            transform: rotate(-90deg);
            color:white;
            left:-5px;
            top:10px;
        }*/

    .app-list .appointment-domicilio {
        width: 100%;
        display: block;
        min-height: 60px;
        background-color: var(--bs-gray-200);
        border-color: var(--bs-info);
        border-style: solid;
        border-width: 1px 1px 1px 15px;
        /*border-radius: 5px;*/
    }
    /*.app-list .appointment-domicilio:before {
                content: 'dom';
                position: absolute;
                transform: rotate(-90deg);
                color:white;
                left: -5px;
                top: 10px;
            }*/


    .app-list .spacer-disp {
        /*width: 100%;*/
        display: block;
        /*background: repeating-linear-gradient(45deg, var(--bs-gray-200), var(--bs-gray-200) 9px, var(--bs-gray-300) 11px, var(--bs-gray-300) 19px);*/
        /*background-color: var(--bs-gray-100);*/
        border-top: 2px solid var(--bs-gray-600);
        border-bottom: 2px solid var(--bs-gray-600);
        min-height: 40px;
        height: calc(var(--dur)*1px);
        font-size: .80em;
        line-height: .9em;
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .app-list .spacer {
        /*width: 100%;*/
        display: block;
        background: repeating-linear-gradient(45deg, var(--bs-gray-100), var(--bs-gray-100) 10px, var(--bs-gray-300) 10px, var(--bs-gray-300) 20px);
        /*background-color: var(--bs-gray-400);*/
        min-height: 40px;
        height: calc(var(--dur)*1px);
        font-size: .80em;
        line-height: .9em;
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

.login .login-content-wide {
    max-width: 30rem;
    margin: 0 auto;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.blur {
    filter: blur(4px);
}

.message-text {
    /*            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
*/
    white-space: normal !important;
    width: 600px;
}

.dd-n-msg {
    max-width: 350px;
}