body, .PagDef, .DataWebControlStyle {
    font-family: Arial !important;
    font-size: 12px !important;
    color: #303030!important;
    overflow-x: hidden;
}

.DataWebControlStyle {
    padding:10px;
    width:98%;
    margin:10px;
    border:0;
}
.RowStyle td, .AlternatingRowStyle td, .DataWebControlStyle tr, .DataWebControlStyle td {
    padding:4px;
    border: 1px solid #ccc;
}
.HeaderStyle th {
    background-color:#cedfef;
    color:#336699 !important;
    border: 1px solid #ccc !important;
}
    .HeaderStyle th a {
        color:#336699 !important;
    }
.PaginationGridClass {
    background-color:#efefef;
}
    .PaginationGridClass td table tbody tr td {
        border:0;
    }
    .PaginationGridClass td table tbody tr td a {
        text-decoration:underline;
        font-weight:bold;
        color:#336699;
    }

    /*table.PagDef td {
        background-color: #deebef;
        border-collapse: collapse;        
    }


.head {
    font-weight: bold;
    background-color: #ACD1E9 !important;
    text-align: center !important;
}*/

table.PagDef {
    border-collapse: collapse;
}

table.PagDef tr:nth-child(odd) {
    background-color: white !important;
}

table.PagDef tr:nth-child(even) {
    background-color: rgba(240,240,240, 0.6) !important;
}

.PagHead a:hover {
    text-decoration: underline;
}

.helpDeskBtn {
    background-color: #999999 !important;
    color: white !important;
    border-radius: 0 !important;
    border: 0;
    height: 30px !important;
}

.btnContainer {
    border: 0 !important;
    margin-bottom: 10px !important;
    width: 180px;
    justify-content: space-between;
    vertical-align: middle;
    display: flex !important;
    align-items: center;
    line-height: 30px;
}

.val {
    color: #242424 !important;
}

/*input:not([type=submit]), 
input:not([type=button]),
input:not([type="radio"]),
input:not([type=check]),
 textarea, select, option {
    margin: 4px;
    width: 100%;
    font-family: sans-serif;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: 1px solid gainsboro;
    padding: 6px;
    transition: box-shadow 0.3s ease 0s, border 0.3s ease 0s;
    border-bottom: solid 2px #c9c9c9;
    font-size: 12px;
}
    input:not([type=submit]):focus,
    input:not([type=submit]).focus,
    textarea:focus, select:focus, option:focus {
        border-bottom: solid 2px #969696;
        outline: none;
    }

input[type=submit], input[type=button] {
    width: 80px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}*/

select, option, textarea {
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    border: none;
}
select, option {
    min-width:50px;
}
textarea {
    max-width: 500px;
}

.ButNavigazione, .ButFunzione, .butNavigazione2, .ButFunzione2, .butFunzione2, .btnAction {
    border-radius: 0 !important;
    moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    height: 30px;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: bold !important;
    background-color: #4482BF;
    border: 0 !important;
}

.ButFunzione2, .butFunzione2 {
    background-color: #4482BF !important;
}

.clear {
    border: 0;
    margin: 0;
    padding: 0;
}

.headerPanel {
    margin: 10px 0;
    padding: 0;
    border: 0;
    
}

.btnAction {
    background-color: #fff;
    border: 1px solid orangered !important;
    color: orangered !important;
    cursor: pointer;
    padding: 10px;
    width: 90px;
    text-align: center;
    border-radius: 6px;
    moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    height: auto;
}


.err, table.PagHead td span.err, table.PagDef td span.err {
    font-size: 12px;
    color: #bf0000 !important;
}

.ok, table.PagHead td span.ok, table.PagDef td span.ok {
    font-size: 12px;
    color: green !important;
}

.warn, table.PagHead td span.warn, table.PagDef td span.warn {
    font-size: 12px;
    color: orange !important;
}

.TitoloMenu {
    padding: 10px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-family: Arial !important;
    border-radius: 6px;
    moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-color: #C3D9FF !important;
    background-color: #fff !important;
    color: #356AA0 !important;
    cursor: pointer !important;
    letter-spacing: 0 !important;
    height: auto !important;
    width: 350px !important;
}

.TitoloMenuDisab {
    padding: 10px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-family: Arial !important;
    border-radius: 6px;
    moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-color: #ccc !important;
    background-color: #efefef !important;
    color: gray !important;
    cursor: pointer !important;
    letter-spacing: 0 !important;
    height: auto !important;
    width: 350px !important;
}
/*
.FrozenStudy
{
    color: #e58863;
}*/
.iconToolbar {
    float: left;
    padding: 4px;
    border-right: 1px solid #fff; /*border-right:1px solid #858585;*/
    width: 24px !important;
    height: 24px !important;
}

.iconToolbarNoBorder {
    border: 0;
}

.divToolbar {
    float: right; /*background-color:#656565;*/ /*background-color:#fff;*/
    padding: 10px;
    border-radius: 10px;
    margin: 4px;
}

/*table.PagHead td, table.PagHead td {
    border: 1px solid #ccc !important;
    border-radius: 4px;
}*/

    table.PagHead td span, table.PagHead td span, td.labelHead, .DataWebControlStyle {
        color: #303030 !important;
    }

body, .UserId {
    color: #303030 !important;
}

#sdvCheckAll {
    float: right;
    text-align: right;
    margin-right: 10px;
}

#sdvStatus {
    width: 80%;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
    padding: 10px;
}

.notifier {
    z-index: 100;
    margin: 0;
    padding: 8px 8px;
    border: 1px solid #666666;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
}

#top {
    width: 100%;
    position: fixed;
    background-color: White;
    top: 0;
    left: 0;
    text-align: left;
}

#Middle {
    width: 100%;
}

@media screen {
    .DisplayMode {
        display: inline;
    }

    .PrintMode {
        display: none;
    }
}

@media print {
    .DisplayMode {
        display: none;
    }

    .PrintMode {
        display: inline;
    }
}

.divAlert {
    display: none;
    float: right;
    font-weight: bold;
    color: Red;
    height: 20px;
}

.ui-progressbar {
    position: relative;
}

.progressBarLabel {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
}
/* ALERT BOXES */

.alert-box {
    padding: 8px 35px 8px 14px;
    margin: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover {
        color: #000000;
        text-decoration: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        cursor: pointer;
    }

.alert-box .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}

.GrayBordred {
    font-size: 12pt;
    background-color: #aaaaaa;
    border-style: solid;
    border-width: 2px;
}

.GrayBordredBigCentered {
    font-size: 24pt;
    background-color: #aaaaaa;
    border-style: solid;
    border-width: 2px;
    text-align: center;
}
span.UserId,span.err {
    font-weight:normal !important;
}
table.PagDef td.Head , table.PagDef td.Label{
    color:#303030  !important
}


.UserId, .Label, table.PagDef td.Label{
    color:#303030  !important
}
.Label, table.PagDef td.Label{
    font-weight:bold;
}
    .Label b {
        font-weight:bold;
    }
.AlternatingRowStyle {
    background-color: #e7eff7;
}
.txMaxLen {
    max-width:300px!important;
}

table.PagDef td.section_title 
{
    font-weight: bold;
    color: #006699;
    BACKGROUND-COLOR: #cedfef;
}

.txtReadOnly {
    background-color: #E6E6E6;
    color: #303030 !important;
    cursor: default;
}
/*classe per annullare classe tooltip di boostrap con cui si va in conflitto. Non rimuovere*/
.tooltip {
    position: relative !important;
    display: inline !important;
    opacity: 1 !important;
    margin-bottom:6px;
}
.tooltipnb {
    position: relative !important;
    display: inline !important;
    opacity: 1 !important;
    margin-bottom: 6px;
}
#tooltipnb {
    position: absolute;
    border: 1px solid #ff0000;
    background: #facfcf;
    padding: 2px 5px;
    color: #000000;
    max-width: 200px;
    display: none;
}

#tooltip {
    position: absolute;
    border: 1px solid #FF0000;
    background: #FFDDAA;
    padding: 2px 5px;
    color: #000000;
    max-width: 200px;
    display: none;
}

.responsive-history-icon {
    vertical-align: middle;
    cursor: pointer;
}

@media (min-width: 1281px) {
    .responsive-history-icon {
        width: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .responsive-history-icon {
        width: 12px;
    }

    body, .PagDef, .DataWebControlStyle {
        font-family: Arial !important;
        font-size: 10px !important;
        color: #303030 !important;
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    .responsive-history-icon {
        width: 12px;
    }

    body, .PagDef, .DataWebControlStyle {
        font-family: Arial !important;
        font-size: 10px !important;
        color: #303030 !important;
        overflow-x: hidden;
    }
}