﻿/* ===================================================================== */
/* ====================== STILI GESTIONE CHIAMATE ====================== */
/* ===================================================================== */
/* *** AdminLTE2 *** */

/*.toolbar .navbar-brand,
.toolbarmini .navbar-brand {
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    padding: 10px 15px;
}*/

.navbar.toolbar {
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: 0;
}

.navbar.toolbar.fixed {
    top: 15px;
    left: 0;
    right: 15px;
    position: fixed;
    margin-left: 50px;
    z-index: 1100;}


.navbar.toolbarmini {  
    border: 1px solid #ddd;
    margin-bottom: -1px;
    z-index: 1;
    min-height: 36px;
}

.toolbarmini .navbar-brand {
    font-size: 15px;    
    height: 36px;
    line-height: 20px;
    padding: 8px;}

.toolbarmini .navbar-nav > li > a {
    padding-bottom: 8px;
    padding-top: 8px;
}

/* *** *** */
.clear { clear: both; }

.messaggioatempo
{   
    /*text-align: center;*/
    font-size: 18px;
    /*background-color: #FFFF66;*/
    box-shadow: 5px 5px 5px #555;
    /*border-radius: 10px;*/
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -45%;
    z-index: 1001;
    width: 90%;
    height: auto;
    /*line-height: 80px;*/
    opacity: 0;}

.messaggioerrore
{   
    font-size: 18px;
    box-shadow: 5px 5px 5px #555;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -45%;
    z-index: 1000;
    width: 90%;
    height: auto;}

div.small {
    width:300px; margin: 0 auto; padding:10px; }
div.medium {
    width:50%; margin: 0 auto; padding:10px; }
div.large {
    width:80%; margin: 0 auto; padding:10px; }
div.shadow {
    box-shadow: 0px 5px 10px 0px /* 5px 5px 10px 2px */ #CCC;
    -webkit-box-shadow: 0px 5px 10px 0px /* 5px 5px 10px 2px */ #CCC; 
    -moz-box-shadow: 0px 5px 10px 0px /* 5px 5px 10px 2px */ #CCC; 
    /*background-color: #DAEF92;  verde chiaro */} 

.help  {
    cursor: help; 
    font-size: 1.1em; 
    font-weight: bold; 
    padding: 0 2px;}

@media(min-width:768px) {
    .messaggioatempo
    {   
        margin-left: -300px;
        width: 600px;
    }

    .messaggioerrore
    {
        top: 50px;
        width: 600px;
        margin-left: -300px;
    }
}


/* *** Styles for validation helpers *** */
.field-validation-error {
    color: #ff0000; }

.alert .field-validation-error {
    color: inherit; }

.field-validation-valid {
    display: none; }

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee; }

input[type="checkbox"].input-validation-error {
    border: 0 none; }

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000; }

.alert-danger .validation-summary-errors { color: #FFF;}

.validation-summary-valid {
    display: none; }


/* ****************************************************** */
/* ************************** VARI ********************** */

.rowdelete { text-decoration: line-through;}


/* ******* FORM ****** */
.form-group { font-size: 12px; margin-bottom: 10px;}
.form-group label { margin-bottom: 0px;}

/* *** Table ***/
.table-responsive { min-height: 300px;}

/* *** Data Table ***/
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, 
table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 15px !important;
}

.grid-header > select {
    width: 50px;
}

.bg-lightred {
    background-color: #fce6d4 !important;
}

option[disabled="disabled"]{
    background-color: #DDD;
}