/*=================================================
        DEFAULT VALUES:
        Font family         : 
        Gray                : #787878  (Toggle)
        Ebony Clay          : #32353C  (Left Menu Bar)
        Black Russian       : #26282E  (Top bar)
        White               : #ffffff          
        Black               : #000000   
        Mountain Meadow     : #1EA488 (language button)
        White Lilac         : #F3F3F4
        Elm                 : #308E7A
===================================================*/

@font-face {
    font-family: ceflaFont;
    /*src: url("../easymed-fonts/HANDGOTB.TTF"), url("../easymed-fonts/HANDGOTL.TTF"),url("../easymed-fonts/HANDGOTN.TTF");*/
    src: url("../easymed-fonts/Ubuntu-M.ttf"), url("../easymed-fonts/Ubuntu-L.ttf");
}

.font-bold {
    font-weight : 500;
}

body, .login-body {
    font-family: ceflaFont;
    /*font-family:Ubuntu;*/
}

.cefla-logout {
    color: #00A7DB;
    margin-left: 1em;
    margin-right: 1em;
}

.cefla-logout:hover, .cefla-logout:focus, .cefla-logout:active {
    color: #00A7DB;
}

.bg-white {
    background-color: #fff;
    color: #000000;
}

.showback {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 3px 2px #aab2bd;
}

.showback-highlighted {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 4px 4px 6px 4px #BB2929;
}

.showback-warning {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 4px 4px 6px 4px #FC9911;
}


/*=================================================
    TOP BAR
===================================================*/
#cefla-top-bar {

}

.cefla-top-bar-row {
    border-bottom: 8px solid #00A7DB;
}

#cefla-logo-top-bar {
    /*margin: 10px 0 0 0;*/
    margin:0;
    display: inline-block;
}

.cefla-bradcrumb-top-bar {
    margin: 10px 0 0 0;
    padding-left: 0;
    padding-right: 0;
}

/* EasyMed Logo */
a.cefla-logo {
    /*font-size: 20px;*/
    /*color: gray;*/
    margin-left: 15px;
    /*text-transform: lowercase;*/
}

    a.cefla-logo:hover,
    a.cefla-logo:focus {
        text-decoration: none;
        outline: none;
    }

    a.cefla-logo span {
        font-size: 40px;
        color: #DAD8DA;
        font-weight: normal;
    }

/* Menu Toggle */
#cefla-logo-top-bar a:first-child {
    font-size: 20px;
    cursor: pointer;
    color: #787878;
}


#cefla-logo-top-bar a.iconresizemenu {
    font-size: 30px;
    flex-grow: 1;
}

#cefla-logo-top-bar a.imagelogo {
    margin-left: 15px;
    flex-grow: 2;
}

#cefla-logo-top-bar a.imagelogo img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}





/*Breadcrumb */
.cefla-breadcrumb 
{

    list-style: none;
    margin: 10px 0 0 0;
    
    padding-left: 0;
    margin-left: 0;
}

    .cefla-breadcrumb li {
        display: inline-block;
        margin: 0 0 0 0;
        font-size: 20px;
        color: #00A7DB;
    }

        .cefla-breadcrumb li a {
            color: #00A7DB;
            font-weight: 100;
        }

        .cefla-breadcrumb li.active a {
            font-weight: 600;
            color: #DAD8DA;
        }

.cefla-language-top-bar {
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 0;
}

/*language */
.cefla-language-btn {
    padding: 4px 12px;
    margin: 0 0 0 0;
    font-size: 12px;
    min-width: 45px;
}


/* Sezione Notifiche */


.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}

.notify-arrow-green {
    border-color: transparent transparent #4ECDC4;
    border-bottom-color: #4ECDC4 !important;
    border-top-color: #4ECDC4 !important;
}

.notify-arrow-white {
    border-color: transparent transparent #fff;
    border-bottom-color: #fff !important;
    border-top-color: #fff !important;
}

.preview_notifiche > a i {
    font-size: 20px;
    color: #787878;
}

.preview_notifiche .nav .label {
    font-size: 10px;
}

.preview_notifiche .count-info .label {
    line-height: 8px;
    padding: 2px 5px;
    position: absolute;
    right: 2px;
    top: 10px;
}

.preview_notifiche .dropdown-menu li img {
    width: 30px;
    height: 30px;
}

.preview_notifiche .dropdown-menu li.divider {
    margin-top: 0;
}

.preview_notifiche ul.dropdown-messages {
    padding-bottom: 10px;
    padding-top: 10px;
}

    .preview_notifiche ul.dropdown-messages li:first-of-type {
        font-size: 14px;
    }


/*=================================================
    LEFT BAR
===================================================*/
div.profile-element {
    text-align: center;
}

    div.profile-element > a > span > img {
        width: 80px;
        height: 80px;
    }

#cefla-navbar nav {
    height: 100%;
    margin: 0;
    border: 0;
}


.metismenu span {
    font-weight : 500;
}
/*
#cefla-navbar nav,
#cefla-navbar nav ul,
#cefla-navbar nav ul li,
#cefla-navbar nav ul li a {
    background-color: #32353C;
}

#cefla-navbar li.nav-header ul {
    background-color: #F3F3F4;
}

#cefla-navbar li.nav-header li {
    background-color: #F3F3F4;
}

#cefla-navbar li.nav-header li a {
    background-color: #F3F3F4;
    color: #787878;
    font-weight: 700;
}

#cefla-navbar li.nav-header li.divider {
    background-color: #787878;
    font-weight:500;
}

#cefla-navbar li.nav-header span.text-muted {
    color: #DFE4ED;
}
    */
/*=================================================
    BREADCRUMB INSIDE PAGE_WRAPPER
===================================================*/
#cefla-page-breadcrumb {
    margin-top: 10px;
}




/*=================================================
    FOOTER
===================================================*/

.footer {
    border: none;
}

#back-to-top i {
    color: #1EA488;
}

.credits,
.credits a {
    background-color: #fff;
    border-width: 1px;
    border-color: #1EA488;
    border-radius: 0;
    font-size: 14px;
}

.btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    padding: 3px 13px;
    display: none;
}

.btn-back-to-top-round {
    position: fixed;
    bottom: 2px;
    right: 2px;
}

.i-blue {
    color: blue;
}

/*=================================================
    TOASTR
===================================================*/

.toast-success {
    background-color: #0065DB !important;
}


.toast-info {
    background-color: #00A7DB !important;
}

.toast-error {
    background-color: #EA9D86 !important;
}

.toast-warning {
    background-color: #FFBF78 !important;
}


ul.multiselect-container li.active a {
    background-color: #00A7DB;
}


ul.multiselect-container li.active a:hover {
    background-color: #00A7DB;
}