#addMisurazione{
    cursor: pointer;
}

.uk-table select{
    padding-left: 0px;
    padding-right: 0px;
}

#addMisurazione:hover{
    color: darkcyan;
}

#deleteMisurazione{
    cursor: pointer;
    color: chocolate;
}

#deleteMisurazione:hover{
    color: brown;
}

#query-container .uk-grid-divider{
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-active{
    background-color: aliceblue;
    font-weight: bold;
}

.google-visualization-tooltip { 
    width: 300px;
}

#noJavascript label{
    color: black;
    font-weight: 900; 
}

.range-selector{
    width: 45px !important
}

h3{
    cursor: pointer;
}

h6{
    cursor: pointer;
    font-size: inherit !important;
}

.perc-label{
    font-size: 14px;
    margin-left: 2%;
}

.query-table th,td{
    text-align: center;
}

.query-table th:not(:last-child), .last{
    border-right: solid 1px #ddd;
}

.uk-panel-box-primary label{
    color: black;
}

.operatore{
    background: #F0F4FF !important
}

.form-label{
    width: 26%;
}

.form-icon{
    position: absolute !important;
    top: 14px !important;
}

.form-item{
    margin-left: 9%;
    width: 130px;
    vertical-align: top;
}

.query-top{
    height: 40px;
    margin-top: -20px;
}

.query-top-header{
    margin-top: 7px;
}

.white-header{
    color: white;
}

.query-top-active{
    background-color: lightseagreen;
    height: 100%;
    pointer-events: none;
    cursor: default;
    background: -webkit-linear-gradient(top, lightseagreen, white) !important;
    background: -o-linear-gradient(bottom, lightseagreen, white) !important;
    background: -moz-linear-gradient(bottom, lightseagreen, white) !important;
    background-image: linear-gradient(to bottom, lightseagreen 0%, white 100%) !important;
}

.query-top-back{
    background-color: #BFC6C6;
    height: 100%;
    cursor: cursor;
    background: -webkit-linear-gradient(bottom, #BFC6C6, white);
    background: -o-linear-gradient(top, #BFC6C6, white) ;
    background: -moz-linear-gradient(top, #BFC6C6, white) ;
    background-image: linear-gradient(to top, #BFC6C6 0%, white 100%) ;
}

.query-top-back:hover{
    background-color: #C1E5E5;
    height: 100%;
    cursor: cursor;
    background: -webkit-linear-gradient(bottom, #C1E5E5, white) !important;
    background: -o-linear-gradient(top, #C1E5E5, white) !important;
    background: -moz-linear-gradient(top, #C1E5E5, white) !important;
    background-image: linear-gradient(to top, #C1E5E5 0%, white 100%) !important;
}

#query-container .form-item{
    margin-left: 0;
    width: 92px;
    vertical-align: top;
}

#query-container .form-label{
    width: 150px;
}

.form-admin{
    margin-left: 10%;
    width: 160px;
    vertical-align: top;
}
/*
.leftbar-active{
    border: 2px solid #ddd;
    border-right-color: transparent;
    border-right-width: 0px;
    border-right: 0px solid white;
    z-index: 1;
}*/

.leftbar-active{
    border: 2px solid #ddd !important;
    border-right-color: transparent !important;
    border-right-width: 0px !important;
    margin-right: -1px !important;
    background: -webkit-linear-gradient(left, azure, white) !important;
    background: -o-linear-gradient(right, azure, white) !important;
    background: -moz-linear-gradient(right, azure, white) !important;
    background-image: linear-gradient(to right, azure 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    height: 42px;
}

.leftbar-popolabile{
    background: -webkit-linear-gradient(left, red, white) !important;
    background: -o-linear-gradient(right, red, white) !important;
    background: -moz-linear-gradient(right, red, white) !important;
    background-image: linear-gradient(to right, red 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    color: black !important;
    height: 42px;
}

.leftbar-popolata{
    background: -webkit-linear-gradient(left, yellow, white) !important;
    background: -o-linear-gradient(right, yellow, white) !important;
    background: -moz-linear-gradient(right, yellow, white) !important;
    background-image: linear-gradient(to right, yellow 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    color: black !important;
    height: 42px;
}

.leftbar-done{
    background: -webkit-linear-gradient(left, green, white) !important;
    background: -o-linear-gradient(right, green, white) !important;
    background: -moz-linear-gradient(right, green, white) !important;
    background-image: linear-gradient(to right, green 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    color: black !important;
    height: 42px;
}

.rightbar-active{
    border: 2px solid #ddd !important;
    border-left-color: transparent !important;
    border-left-width: 0px !important;
    margin-left: -1px !important;
    background: -webkit-linear-gradient(right, azure, white) !important;
    background: -o-linear-gradient(left, azure, white) !important;
    background: -moz-linear-gradient(left, azure, white) !important;
    background-image: linear-gradient(to left, azure 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    height: 42px;
}

.rightbar-popolabile{
    background: -webkit-linear-gradient(right, red, white) !important;
    background: -o-linear-gradient(left, red, white) !important;
    background: -moz-linear-gradient(left, red, white) !important;
    background-image: linear-gradient(to left, red 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    color: black !important;
    height: 42px;
    margin-left: 1px !important;
}

.rightbar-popolata{
    background: -webkit-linear-gradient(right, yellow, white) !important;
    background: -o-linear-gradient(left, yellow, white) !important;
    background: -moz-linear-gradient(left, yellow, white) !important;
    background-image: linear-gradient(to left, yellow 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    color: black !important;
    height: 42px;
    margin-left: 1px !important;
}

.rightbar-done{
    background: -webkit-linear-gradient(right, green, white) !important;
    background: -o-linear-gradient(left, green, white) !important;
    background: -moz-linear-gradient(left, green, white) !important;
    background-image: linear-gradient(to left, green 0%, white 100%) !important;
    font-weight: bold;
    text-shadow: none !important;
    color: black !important;
    height: 42px;
    margin-left: 2px !important;
}

.leftbar-ul{
    border-right: 0px solid white !important;
    z-index: 1 !important;
}

.custom-disabled{
    background-color: lavender !important;
}

input:disabled
{
    background-color: white !important; 
}

select:disabled
{
    background-color: white !important; 
}

textarea:disabled
{
    background-color: white !important;  
}

.button-header {
    float: right;
    -moz-box-shadow:inset 2px 1px 7px 2px #a6cf83;
    -webkit-box-shadow:inset 2px 1px 7px 2px #a6cf83;
    box-shadow:inset 2px 1px 7px 2px #a6cf83;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8ec70a), color-stop(1, #6c8a25) );
    background:-moz-linear-gradient( center top, #8ec70a 5%, #6c8a25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ec70a', endColorstr='#6c8a25');
    background-color:#8ec70a;
    -webkit-border-top-left-radius:18px;
    -moz-border-radius-topleft:18px;
    border-top-left-radius:18px;
    -webkit-border-top-right-radius:18px;
    -moz-border-radius-topright:18px;
    border-top-right-radius:18px;
    -webkit-border-bottom-right-radius:18px;
    -moz-border-radius-bottomright:18px;
    border-bottom-right-radius:18px;
    -webkit-border-bottom-left-radius:18px;
    -moz-border-radius-bottomleft:18px;
    border-bottom-left-radius:18px;
    text-indent:0px;
    border:1px solid #89d407;
    display:inline-block;
    color:#ffffff !important;
    font-family:Arial Black;
    font-size:12px;
    font-style:normal;
    height:25px;
    line-height:25px;
    width:60px;
    text-decoration:none !important;
    text-align:center;
    text-shadow:1px 0px 2px #689324;
}
.button-header:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6c8a25), color-stop(1, #8ec70a) );
    background:-moz-linear-gradient( center top, #6c8a25 5%, #8ec70a 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c8a25', endColorstr='#8ec70a');
    background-color:#6c8a25;
}.button-header:active {
    position:relative;
    top:1px;
}

@media screen and (max-width: 1160px) {
    .button-validate {
        float: left;
        -moz-box-shadow: inset 2px 1px 7px 2px #CF8383;
        -webkit-box-shadow: inset 2px 1px 7px 2px #CF8383;
        box-shadow: inset 2px 1px 7px 2px #CF8383;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9A0F0F), color-stop(1, #FF0000) );
        background: -moz-linear-gradient( center top, #9A0F0F 5%, #FF0000 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A0F0F', endColorstr='#FF0000');
        background-color: #C70A0A;
        -webkit-border-top-left-radius: 18px;
        -moz-border-radius-topleft: 18px;
        border-top-left-radius: 18px;
        -webkit-border-top-right-radius: 18px;
        -moz-border-radius-topright: 18px;
        border-top-right-radius: 18px;
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px;
        -webkit-border-bottom-left-radius: 18px;
        -moz-border-radius-bottomleft: 18px;
        border-bottom-left-radius: 18px;
        text-indent: 0px;
        border: 1px solid #D40707;
        display: inline-block;
        color: #ffffff !important;
        font-family: Arial Black;
        font-size: 12px;
        font-style: normal;
        height: 25px;
        line-height: 25px;
        width: 60px;
        height: 35px;
        padding-top: 4px;
        text-decoration: none !important;
        text-align: center;
        text-shadow: 1px 0px 2px #932424;
        margin-top: 31px;
    }

    .button-validate:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #9A0F0F) );
        background:-moz-linear-gradient( center top, #FF0000 5%, #9A0F0F 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#9A0F0F');
        background-color:#6c8a25;
    }.button-validate:active {
        position:relative;
        top:1px;
    }
}

@media screen and (min-width: 1160px) {
    .button-validate {
        float: left;
        -moz-box-shadow: inset 2px 1px 7px 2px #CF8383;
        -webkit-box-shadow: inset 2px 1px 7px 2px #CF8383;
        box-shadow: inset 2px 1px 7px 2px #CF8383;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9A0F0F), color-stop(1, #FF0000) );
        background: -moz-linear-gradient( center top, #9A0F0F 5%, #FF0000 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A0F0F', endColorstr='#FF0000');
        background-color: #C70A0A;
        -webkit-border-top-left-radius: 18px;
        -moz-border-radius-topleft: 18px;
        border-top-left-radius: 18px;
        -webkit-border-top-right-radius: 18px;
        -moz-border-radius-topright: 18px;
        border-top-right-radius: 18px;
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px;
        -webkit-border-bottom-left-radius: 18px;
        -moz-border-radius-bottomleft: 18px;
        border-bottom-left-radius: 18px;
        text-indent: 0px;
        border: 1px solid #D40707;
        display: inline-block;
        color: #ffffff !important;
        font-family: Arial Black;
        font-size: 12px;
        font-style: normal;
        height: fit-content!important;
        line-height: 25px;
        height: 35px;
        padding-top: 4px;
        text-decoration: none !important;
        text-align: center;
        text-shadow: 1px 0px 2px #932424;
        margin-top: 31px;
        padding-left: 4px;
        padding-right: 4px;
        width: 115%;
    }

    .button-validate:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #9A0F0F) );
        background:-moz-linear-gradient( center top, #FF0000 5%, #9A0F0F 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#9A0F0F');
        background-color:#6c8a25;
    }.button-validate:active {
        position:relative;
        top:1px;
    }
}

.button-validate-small {
    margin-left: 6px;
    float: right;
    -moz-box-shadow: inset 2px 1px 7px 2px #CF8383;
    -webkit-box-shadow: inset 2px 1px 7px 2px #CF8383;
    box-shadow: inset 2px 1px 7px 2px #CF8383;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9A0F0F), color-stop(1, #FF0000) );
    background: -moz-linear-gradient( center top, #9A0F0F 5%, #FF0000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A0F0F', endColorstr='#FF0000');
    background-color: #C70A0A;
    -webkit-border-top-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
    border-top-left-radius: 18px;
    -webkit-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
    border-top-right-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    border-bottom-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-bottom-left-radius: 18px;
    text-indent: 0px;
    border: 1px solid #D40707;
    display: inline-block;
    color: #ffffff !important;
    font-family: Arial Black;
    font-size: 12px;
    font-style: normal;
    height: 25px;
    line-height: 25px;
    width: 26px;
    height: 25px;
    text-decoration: none !important;
    text-align: center;
    text-shadow: 1px 0px 2px #932424;
}

.button-validate-small:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #9A0F0F) );
    background:-moz-linear-gradient( center top, #FF0000 5%, #9A0F0F 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#9A0F0F');
    background-color:#6c8a25;
}.button-validate-small:active {
    position:relative;
    top:1px;
}

.inner-button-validate{
    float: right;
    margin-top: 0;
    height: 20px!important;
    font-size: xx-small;
    width: 17%;
    padding-top: 0;
}

.inner-validate{
    position: relative;
    top: -2px;
}

.label-validated{
    color: green!important;
}

#loginForm label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 0;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat; 
}

#checkMarcatori label.error{
    color: white;  
    margin-left: 5px;    
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat; 
}

#nuovoCentro label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 35%;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat; 
}

#nuovoUtente label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 36%;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat; 
}

#loginForm input.error{
    border-color:#dc8d99!important;
    background:#fff7f8!important;
    color:#c91032!important
}

label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 35%;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat;
}


.uk-width-1-2 label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 70px;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat;
}

.uk-form-icon label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 0px;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat;
}

input.error{
    border-color:#dc8d99!important;
    background:#fff7f8!important;
    color:#c91032!important
}

select.error{
    border-color:#dc8d99!important;
    background:#fff7f8!important;
    color:#c91032!important
}

textarea.error{
    border-color:#dc8d99!important;
    background:#fff7f8!important;
    color:#c91032!important
}

#ulteriori_terapieDiv label.error{
    color: #f33;  
    padding: 0;  
    margin: 2px 0 0 0;  
    padding-left: 18px;  
    background-image: url('../img/error.png');  
    background-position: 0 0;  
    background-repeat: no-repeat;
}

.selectbox {
    background: #ffffff;
    color: #333333;
    padding: 8px;
    line-height: 18px;
    cursor: pointer;
}

.inset-inner{
    border-style: inset;
    padding: 2%; 
    width: 400px;
    margin-top: 3%;
}

.custom-sidenav {
    height: 100%;
    width: 25%;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    transition: 0.5s;
    padding-top: 60px;
    display: none;
}

.sidenav-open {
    display: block;
}

.custom-circle {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: red;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}

.custom-sidenav a{
    font-size: small;
}

.query-panel {
    margin-top: 10px;
}

.custom-sidenav h4{
    font-size: medium;
    color: white!important;
    margin-bottom: 0px!important;
}

.top-bar {
    background-color: #2d7091;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 4px;
    padding-left: 15px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.custom-ban{
    color: white;
    float: right;
    margin-top: 2px;
    margin-right: 6px;
}

.custom-square{
    color: white;
    float: right;
    margin-right: 7px;
    margin-top: 2px;
}

.queryList .uk-panel-badge{
    float: right;
    margin: 8px;
    margin-right: 55px;
    top: 0;
    right: 0;
}

.queryList .top-bar-title:hover{
    background-color: #6b93a7;
    padding-left: 5px;
    margin-left: -5px;
    border-radius: 10px;
    width: 40%;
    cursor: pointer;
}

.top-bar-title{
    width: 40%;
}

#query-header {
    height: 80px;
}

.queryList {
    height: calc(100% - 80px);
    overflow-y: auto;
}

.query-header .uk-active{
    font-weight: bold;
}

.query-header .uk-panel-badge{
    top: 18px;
    right: 75%;
    width: 20%;
    cursor: pointer;
    padding: 3px;
}

.query-header h3{
    cursor: default;
}

#newQueryClose{
    top: 5px;
    right: 5px;
    position: absolute;
    color: white;
    width: 10%;
}

#newQuery .top-bar{
    background-color: #bcbcbc;
}

#newQuery{
    margin-bottom: 15px;
}

#creaIcon{
    float: left;
    margin-top: -1.5px;
    margin-right: 6px;
}

#creaBadge{
    text-align: left;
}

.top-bar a{
    color: white;
    text-decoration: none;
    width: 40%;
}

.queryArgument{
    -webkit-animation-name: queryBlinck; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: queryBlinck;
    animation-duration: 3s;
    animation-iteration-count: 2;
    background: #fffceb!important; 
    color: #e28327; 
    border-color: rgba(226,131,39,.3);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes queryBlinck {
    
    50%     {background: #fffceb; color: #e28327; border-color: rgba(226,131,39,.3);}
    100%  {background-color:#fafafa; color: #444; border-color: #ddd;}

}

/* Standard syntax */
@keyframes queryBlinck {
    50%     {background: #fffceb; color: #e28327; border-color: rgba(226,131,39,.3);}
    100%  {background-color:#fafafa; color: #444; border-color: #ddd;}
}

.custom-circle-query{
    color: red;
    position: absolute;
    top: 1px;
    left: 2px;
}

.custom-check-query{
    color: greenyellow;
    position: absolute;
    top: 1px;
    left: 2px;
}

#unreadQueriesModal th{
    text-align: center;
}

#unreadQueriesModal td{
    cursor: pointer;
}

.resQueryButton{
    margin-top: 10px;
    margin-bottom: 5px;
}

.rispostaQuery textarea{
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}

#querylistClosed .queryResponseButton{
    display: none;
}

.custom-ban2{
    color: white;
    float: right;
    margin-top: -8px;
    margin-right: 0px;
}

.uk-tab-right .uk-active{
    margin-left: -1.5px;
}

.dateTimeQuery{
    float: right;
    margin-top: 10px;
    font-size: x-small;
}

.top-bar-ni{
    background: #91602d;
}

.query-panel-ni{
    background: antiquewhite;
}

[class*=uk-icon-]{
    line-height: 16px;
}

.uk-table th, .uk-table td {
    padding-left: 2px;
    padding-right: 2px;
    line-height: 12px;
    font-size: 9px;
    vertical-align: middle!important;
}

.modal .uk-table th, .modal .uk-table td {
    padding-left: 0px;
    padding-right: 0px;
    line-height: inherit;
    font-size: inherit;
}

.tableDelete {
    min-width: 30px;
    width: 5%;
}

.uk-table{
    table-layout: fixed;
}

input[type=hidden] + .error{
    margin-left: 0px;
}