/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


::selection {
    background: #378DCF;
}

a {
    color: #378DCF;
}

#footer {
    color: #378DCF;
}
#footer a {
    color: #cfcfcf;
}

form, label {
    margin-bottom: 0;
    color: #036FC3;
    font-size: 21px;
    text-transform: none;
}

.form-control:active, .form-control:focus {
    border-color: #378DCF;
    color: #378DCF
}
.form-control {
    border-color: #378DCF;
    color: #378DCF;
    font-size: 24px;
}

.form-control.mini {
    font-size: 15px;
}

.nascosto {
    display: none
}

.logo {
    min-height: 200px;
}

h1 {
    color: #036FC3;
    font-size: 80px;
    font-weight: normal;
}
h2 {
    color: #036FC3;
    font-size: 43px;
    font-weight: normal;
    margin: 0
}

#page-title {
    padding: 60px 0 0;
    background-color: #F6F6F6;
}

    #page-title h1 {
        color: #036FC3;
        font-size: 80px;
        font-weight: normal;
    }

    

table.checkListBox td {
    margin-right: 20px;
    display: inline-block;
}

.checkListBox label {
    margin-left: 10px;
    font-weight: 600
}

#optAziende label {
    margin-right: 15px;
    margin-left: 2px;
}

.menu-link > div {
    color: #036FC3;
    font-weight: normal;
    font-size: 1.25rem;
    display: inline-block;
}

.sub-menu-container .menu-link div, .sub-menu-container .menu-item > .menu-link {
    color: #036FC3;
    font-weight: normal;
    font-size: 0.75rem
}

.sub-menu-container .menu-item:hover > .menu-link, .menu-container .menu-item:hover > .menu-link {
    color: #036FC3;
}

/*.menu-container > .menu-item > ul > li.menu-item.current {
    background-color: #666
}*/

.menu-container > .menu-item > ul > li.menu-item.current a div {
    color: #036FC3;
    font-weight: bold;
    /*padding-left: 20px;*/
}


.dataTables_wrapper .row {
    margin: 0;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    color: #FFF !important;
    background-color: #036FC3 !important;
    border-color: #036FC3 !important;
    font-weight: bold
}

.btn-link, .page-link, .page-link:hover, .page-link:focus {
    color: #036FC3;
}

.content-wrap {
    padding: 40px 0 20px 0;
}

.admin input[type="image"], .admin #dgVisualizza img {
    max-width: 25px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    margin-top: 5px;
}

.currency, .decimal, .number, .percent {
    text-align: right
}

.abbassa10 {
    padding-top: 10px
}

.abbassa60 {
    padding-top: 60px
}

.form-group.rosso * {
    color: #f00;
}
.form-group.rosso span {
    color: #fff !important;
    background-color:#f00;
    padding:5px
}
.btn-color {
    color: #fff;
    background-color: #036FC3;
    border-color: #036FC3;
    text-transform: uppercase;
}

    .btn-color:hover {
        color: #fff;
        background-color: #5ab5fb;
        border-color: #5ab5fb;
    }

    .btn-check:focus + .btn-color, .btn-color:focus {
        color: #fff;
        background-color: #5ab5fb;
        border-color: #5ab5fb;
        box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
    }

    .btn-check:checked + .btn-color, .btn-check:active + .btn-color, .btn-color:active, .btn-color.active, .show > .btn-color.dropdown-toggle {
        color: #fff;
        background-color: #5ab5fb;
        border-color: #5ab5fb;
    }

        .btn-check:checked + .btn-color:focus, .btn-check:active + .btn-color:focus, .btn-color:active:focus, .btn-color.active:focus, .show > .btn-color.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
        }

    .btn-color:disabled, .btn-color.disabled {
        color: #fff;
        background-color: #036FC3;
        border-color: #036FC3;
    }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-color, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-color {
    background: #036FC3;
    color: #fff;
}

label.header {
    display: block;
    background-color: #036FC3;
    color: #ffffff;
    padding: 10px;
}

.occhio {
    background-image: url('/admin/img/occhio.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}

.occhiogrigio {
    background-image: url('/admin/img/occhiogrigio.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}

.tipoPassword {
    position: relative
}

    /*.tipoPassword input {
        padding-right: 40px;
    }*/

    .tipoPassword .occhio, .tipoPassword .occhiogrigio {
        position: absolute;
        right: 10px;
        width: 50px;
        height: 45px;
        bottom: 3px;
        cursor: pointer;
    }

label.obbligatorio::after {
    content: '*';
    margin-left: 4px;
}

.table {
    border-bottom: 1px solid #036FC3;
    border-left: 1px solid #036FC3;
}

    .table tr.rigaTabella {
        color: #036FC3;
        background-color: #fff;
    }

    .table tr.rigaAlternativa {
        color: #036FC3;
        background-color: #ededed;
    }
        

        .table tr.rigaAlternativa > td, tr.rigaTabella > td {
            border-right: 1px solid #036FC3;
            border-bottom: none;
            text-align: center
        }

    .table tr.testataTabella > th {
        background-color: #036FC3;
        border-bottom: 2px solid #94C2E5;
        border-right: 1px solid #fff;
        color: #fff;
        padding: 20px 30px;
        text-align: center;
    }

    .table tr.testataTabella a {
        color: #fff;
        text-transform: uppercase
    }

        .table tr.testataTabella a:hover {
            color: #ffffff90
        }

    .table tr.paginazione {
        border-top: 1px solid #036FC3;
        border-right: 1px solid #036FC3;
    }
    .table tr.paginazione > td {
        background-color: #fff;
    }

        .table tr.paginazione > td > table {
            margin: 0
        }

            .table tr.paginazione > td > table span {
                padding: 5px 10px;
                background-color: transparent;
                line-height: 15px;
                font-size: 21px;
                border: 1px solid rgba(3, 111, 195, 0.5);
                color: #036FC3
            }

            .table tr.paginazione > td > table a {
                border: 1px solid #036FC3;
                padding: 5px 10px;
                line-height: 15px;
                font-size: 21px;
                color: #036FC3
            }

                .table tr.paginazione > td > table a:hover {
                    background-color: #036FC3;
                    color: #fff
                }

    .table th.SortedAscendingHeaderStyle, th.SortedDescendingHeaderStyle {
        position: relative;
        /*padding-left: 20px;*/
    }

.SortedAscendingHeaderStyle::after, .SortedDescendingHeaderStyle::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 3px;
    width: 20px;
    height: 100%;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.SortedDescendingHeaderStyle::after {
    background-image: url("/admin/img/ordinaGiu.png");
}

.SortedAscendingHeaderStyle::after {
    background-image: url("/admin/img/ordinaSu.png");
}

.msgSuccesso {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #036FC3;
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
}

@media (min-width: 992px) {
    .logout {
        position: fixed;
        bottom: 40px;
        max-width:Calc(100% - 40px)
    }
        .logout a.menu-link {
            padding-left:30px !important;
            background-position: left center;
            background-repeat:no-repeat;
            background-size: contain;
            background-image:url('/admin/img/logout.png')
        }


    .side-header .on-click .menu-item .sub-menu-trigger {
        font-size: 17px;
        color: #036FC3;
    }

    .side-header #header-wrap > .container {
        width: 100%;
        padding: 0 15px;
    }

    .side-header #header-wrap {
        padding-right: 20px;
    }

    .sub-menu-container.open {
        display: block !important;
        height: auto !important;
    }

        .sub-menu-container.open + button.sub-menu-trigger.icon-chevron-right {
            transform: rotate(90deg);
        }
}