/*************************************************************************
 * Definizione schemi-colori applicabili agli elementi base della pagina *
 *************************************************************************/

/**
	HEADER (NAVBAR)
*/
.custom-css.md-skin .navbar-fixed-top, .md-skin .navbar-static-top {
    box-shadow: none !important;
    border-bottom: none !important;
    background: rgb(2,119,234);
    background: linear-gradient(180deg, rgba(2,119,234,1) 0%, rgba(19,132,244,0.8519608527004552) 100%);
}

/**
	PULSANTI SU HEADER
*/
.custom-css .navbar.navbar-fixed-top span > a,
nav > div > ul > li > a,
nav > div > ul > li > div > a {
    color: #FFF !important;
}

.custom-css .navbar a:hover {
    opacity: 0.6;
}

/**
	MENÙ (NAVBAR METISMENU)
*/

/* Box contenente il logo */
.custom-css .nav-header {
    background: #fff !important;
}

.custom-css #navbarmenu {
    box-shadow: none;
}

.custom-css .nav.nav-second-level ul {
    background-color: transparent;
}

.custom-css ul.nav.nav-third-level {
    background-color: rgb(174, 179, 195);
}

/* Box lista elementi menù */
.custom-css .slimScrollDiv #side-menu {
    background-color: #e4e4e4;
}

.custom-css .nav.metismenu > li.active,
.custom-css .nav.metismenu > li.active:hover {
    border: 2px solid #f15a29;
    background: #f7941e !important; 
    border-right: none;
    border-left: none;
}

    .custom-css .nav.metismenu > li.active a,
    .custom-css .nav.metismenu > li.active a:hover {
        font-size: 1.25rem;
        font-weight: 500;
    }

    /* Menu di 3. livello */
    .custom-css .nav.metismenu > li.active ul li.active,
    .custom-css .nav.metismenu > li.activeul li.active:hover {
        border-top: 1px solid #00467a !important;
        border-bottom: 20px solid #00467a !important;
        background: #0277ea !important;
        border-right: none;
        border-left: none;
    }

        .custom-css .nav.metismenu > li.active ul li.active a,
        .custom-css .nav.metismenu > li.active ul li.active a:hover {
            font-size: 1.25rem;
            font-weight: 500;
        }

#side-menu > li > ul li.active {
    border-bottom: 1px solid #00345a !important;
    padding-bottom: 0px;
}

/* Colore testo del padre del sotto menù espanso  */
.custom-css .nav.metismenu li.active a:hover {
    color: #fff;
}

/* Colore testo elementi menù espanso  */
.custom-css .nav.metismenu > li.active a,
.custom-css .nav.metismenu > li.active a:hover {
    color: #fff;
}

/* Colore testo elementi menù  */
.custom-css #side-menu > li > a {
    color: #0277ea;
    font-weight: 600;
}

.custom-css #side-menu > li.active > a {
    color: #fff;
    font-weight: 700;
}

/* Barra sinistra contenente il menù  */
.custom-css .sidebar-collapse {
    background-color: rgb(255, 255, 255);
}

/* Colore sfondo del padre del sotto menù espanso, che contiene il link alla pagina in visualizzazione  */
.custom-css .nav.metismenu > li.active > a,
.custom-css .nav.metismenu > li.active > a:hover {
    background-color: rgba(208, 133, 43, 0.75);
}

/* 3. livello, selezione */
.custom-css .nav.metismenu > li.active ul li.active > a,
.custom-css .nav.metismenu > li.active ul li.active > a:hover {
    /*background-color: #58585a;*/
    padding-top: 4px !important;
    padding-bottom: 10px !important;
}

.custom-css .nav.metismenu > li a:hover {
    text-decoration: underline;
}

/* Colore testo del link alla pagina in visualizzazione  */
.custom-css .nav.metismenu > li.active ul li.active a {
    color: #fff;
}

#side-menu > li > ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}

/*  On hover colore testo del link del menù espanso */
.custom-css .nav.metismenu > li > a:focus, .md-skin .navbar-static-side .nav > li > ul a:hover {
    color: #337AB7;
}

/* Stile voce di menù selezionata */
#side-menu .sref-active {
   background: #238BF1;
   /*background: linear-gradient(180deg, rgba(2,119,234,1) 0%, rgba(26,180,240,1) 100%);*/
}

    #side-menu .sref-active a {
        color: #fff !important; 
        font-weight: 600;
    }

#breadcrumb {
    text-transform: uppercase;
}

/**
	LOGIN
*/
#login-page:before {
    content: " ";
    background: rgba(31, 31, 31, 0.6);
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}

#login-page {
    background: url("../img/login-background.jpg?t=ku4aojqh") repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: inherit;
}

#boxlogin {
    background-color: #f2f2f2;
    border: 1px solid #f15a29;
    padding: 20px;
    border-radius: 55px;
    box-shadow: 0 8px 40px 0 rgba(206, 198, 198, 0.2), 0 4px 20px 0 rgba(206, 198, 198, 0.5);
}

    #boxlogin .logo-name,
    #boxlogin h3 {
        color: #666;
        padding: 0 0 12px;
    }

    #boxlogin h3 {
        font-size: 15px;
        font-weight: 300;
    }

    #boxlogin .input-group .fa {
        color: #000;
    }

/**
	BREADCRUMB
*/
.custom-css .pageheader {
    padding-top: 16.5px;
}

.custom-css .page-heading {
    box-shadow: none !important;
}

/**
	BOX contenuti
*/
.custom-css .ibox {
    box-shadow: none !important;
}

.gray-bg {
    background-color: #f2f2f2;
}

/**
	FOOTER
*/
.custom-css .footer {
    border-top: none !important;
}

/**
	LOADING SPINNER
*/
.sk-spinner .sk-bounce1 {
    background-color: #0277ea !important;
}

.sk-spinner .sk-bounce2 {
    background-color: #1ab4f0 !important;
}

.sk-spinner .sk-bounce3 {
    background-color: #0277ea !important;
}

/**
	VALIDATION
*/
.k-widget.k-tooltip-validation {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
    color: red;
}

.k-icon.k-i-warning {
    display: none;
}

.row-component {
    background-color: #fff;
    border: 1px solid #DEDCDA;
    padding: 6px 0;
    margin-bottom: 5px;
    border-radius: 2px;
}

.row-component-disabled {
    background-color: #F2F2F2;
    border: 1px solid #DEDCDA;
    padding: 6px 0;
    margin-bottom: 5px;
    border-radius: 2px;
}

/**

	BOTTONI
*/

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:visited {
    /*
    background-color: #0277ea !important;
    border-color: #1ab4f0 !important;
        */
    background-color: #f7941e !important;
    border-color: #ff9a21 !important;
}

    .btn-primary:hover {
        opacity: 0.8;
    }

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
        /*background-color: #044d91 !important;
        border-color: #0277ea !important;*/

        background-color: #a86618 !important;
        border-color: #c7791e !important;
    }

.btn-danger {
    background-color: rgba(255, 0, 25, 1);
    border-color: rgba(255, 0, 25, 1);
}

.btn-special, .btn-special:active, .btn-special:focus, .btn-special:hover, .btn-special:visited {
    background-color: #bd0aa1 !important;
    border-color: #a2196f !important;
    color: white;
}

    .btn-special:hover {
        opacity: 0.8;
    }

    .btn-special.disabled, .btn-special.disabled:hover, .btn-special.disabled:focus, .btn-special.disabled:active, .btn-special.disabled.active, .btn-special[disabled], .btn-special[disabled]:hover, .btn-special[disabled]:focus, .btn-special[disabled]:active, .btn-special.active[disabled], fieldset[disabled] .btn-special, fieldset[disabled] .btn-special:hover, fieldset[disabled] .btn-special:focus, fieldset[disabled] .btn-special:active, fieldset[disabled] .btn-special.active {
        background-color: #bd0aa1;
        border-color: #a2196f;
    }

.btn-green,
.btn-green:active,
.btn-green:focus,
.btn-green:hover,
.btn-green:visited {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    color: white;
}

    .btn-green:hover {
        opacity: 0.8;
    }

    .btn-green.disabled, .btn-primary.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-special[disabled]:active, .btn-special.active[disabled], fieldset[disabled] .btn-green, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-green .badge {
        color: #5cb85c;
        background-color: #fff
    }

#downloadExcel {
    background-color: green !important;
    border-color: #006400 !important;
}

/**
	LAYOUT
*/
.nav-header {
    padding: 13px;
}

.navbar-search-wrapper .input-group-addon {
    border-radius: 0 5px 5px 0 !important;
    border-width: 1px 0 0 1px !important;
}

.navbar-search-box .search-box {
    border-radius: 5px 0 0 5px !important;
}

.input-group-addon {
    padding: 6px 10px;
}

.navbar-right {
    margin-right: -5px;
}

.md-skin .navbar-top-links li a {
    padding: 12px;
}

.md-skin .navbar-top-links .dropdown-menu li a {
    padding: 8px 10px;
}

.dropdown-menu .divider {
    margin: 0;
}

.footer {
    padding: 15px 20px 15px 20px;
}

.text-green {
    color: forestgreen;
}

.footerLink {
    color: #238BF1;
    text-decoration: none;
    font-size: 1.25rem;
}
.footerLink:focus, .footerLink:hover {
    color: #14A7EF;
}

/**
	KENDO
*/

/* Nasconde il bottone X per pulire i filtri */
.k-filter-row .k-dropdown-operator, .k-filtercell > span > .k-button {
    display: none;
}

/**
	TAB PANEL
*/

.md-skin .nav > li.active {
    background: white;
}

.tab-content .tab-pane {
    padding: 0px !important;
    background-color: white;
    padding-top: 15px !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#rightbar .tab-content .tab-pane {
    background-color: #1D2833;
    padding-top: 15px !important;
    border: 0;
}