/*
2.4.2 - 20/08/2019
*/




i { /*cursor: pointer;*/ vertical-align: middle; }

.sogi-bold { font-weight: bold !important; }
.sogi-center { text-align: center !important; }
.sogi-left { text-align: left !important; }
.sogi-right { text-align: right !important; }
.sogi-pointer { cursor: pointer; }
.sogi-all-scroll { cursor: all-scroll; }
.sogi-underline { text-decoration: underline !important; }
.sogi-italic { font-style: italic; }
.sogi-uppercase { text-transform: uppercase; }

.sogi-xxs { font-size: 6px !important; }
.sogi-xs { font-size: 10px !important; }
.sogi-s { font-size: 12px !important; }
.sogi-sm { font-size: 14px !important; }
.sogi-m { font-size: 16px !important; }
.sogi-l { font-size: 20px !important;  }
.sogi-xl { font-size: 24px !important; }
.sogi-xxl { font-size: 30px !important; }

.sogi-3xl {
    font-size: 1.7em;
}

.sogi-4xl {
    font-size: 1.9em;
}

.sogi-muted { color: #99abb4 !important; }
.sogi-primary { color: #007bff !important; }
.sogi-secondary { color: #6f5499 !important; }
.sogi-success { color: #28a745 !important; }
.sogi-info { color: #26c6da !important; }
.sogi-warning { color: #ffb22b !important; }
.sogi-danger { color: #fc4b6c !important; }
.sogi-white { color: #FFFFFF !important; }

.sogi-bg-active { background-color: #ffffff !important; }
.sogi-bg-success { background-color: rgba(89, 197, 148, 0.40)/*#DFF0D8*/ !important; }
.sogi-bg-warning { background-color: rgba(255, 133, 27, 0.40)/*#FCF8E3*/ !important; }
.sogi-bg-danger { background-color: rgba(221, 75, 57, 0.40)/*#F2DEDE*/ !important; }
.sogi-bg-info { background-color: rgba(86, 213, 245, 0.40)/*#D9EDF7*/ !important; }
.sogi-bg-muted { background-color: #F6F6F6 !important; }
.sogi-bg-secondary { background-color: rgba(96, 92, 168, 0.40)/*#E0D5F0*/ !important; }

.sogi-bg-active-light { background-color: #ffffff !important; }
.sogi-bg-success-light { background-color: #F4F8F3 !important; }
.sogi-bg-warning-light { background-color: #F9F8F1 !important; }
.sogi-bg-danger-light { background-color: #F9F4F4 !important; }
.sogi-bg-info-light { background-color: #F4F8FB !important; }
.sogi-bg-muted-light { background-color: #FEFEFE !important; }
.sogi-bg-secondary-light { background-color: #F3F0F7 !important; }

.sogi-button-active-dark { background-color: #fff !important; border: #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 2px; }
.sogi-button-primary-dark { background-color: #337ab7 !important; border: #2e6da4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 2px; }
.sogi-button-success-dark { background-color: #5cb85c !important; border: #4cae4c; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 2px; }
.sogi-button-info-dark { background-color: #5bc0de !important; border: #46b8da; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 2px; }
.sogi-button-warning-dark { background-color: #f0ad4e !important; border: #eea236; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 2px; }
.sogi-button-danger-dark { background-color: #d9534f !important; border: #d43f3a; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 2px; }

/*
.sogi-box-active { background-color: #ffffff !important; border: 1px #E8E6E6 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-success { background-color: rgba(89, 197, 148, 0.40) !important; border: 1px #97CC98 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-warning { background-color: rgba(255, 133, 27, 0.40) !important; border: 1px #EBCD8D solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-danger { background-color: rgba(221, 75, 57, 0.40) !important; border: 1px #E89897 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-info { background-color: rgba(86, 213, 245, 0.40) !important; border: 1px #94BFD4 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-muted { background-color: #F6F6F6 !important; border: 1px #D1D1D1 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-secondary { background-color: rgba(96, 92, 168, 0.40) !important; border: 1px #C9B8E6 solid; margin-left: auto; margin-right: auto; padding: 10px;}
*/

.sogi-box-active { color: #818182; background-color: #fefefe; border-color: #fdfdfe; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-muted { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-secondary { color: #721c57; background-color: #f8d7f6; border-color: #f5c6ec; margin-left: auto; margin-right: auto; padding: 10px;}

.sogi-box-active-border { border: 1px #E8E6E6 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-success-border { border: 1px #97CC98 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-warning-border { border: 1px #EBCD8D solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-danger-border { border: 1px #E89897 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-info-border { border: 1px #94BFD4 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-muted-border { border: 1px #D1D1D1 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-secondary-border { border: 1px #C9B8E6 solid; margin-left: auto; margin-right: auto; padding: 10px;}

.sogi-box-active-border-top { border-top: 3px #E8E6E6 solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-success-border-top { border-top: 3px #97CC98 solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-left: auto;  margin-right: auto; padding: 10px;}
.sogi-box-warning-border-top { border-top: 3px #EBCD8D solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; padding: 10px;}
.sogi-box-danger-border-top { border-top: 3px #E89897 solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; padding: 10px;}
.sogi-box-info-border-top { border-top: 3px #94BFD4 solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; padding: 10px;}
.sogi-box-muted-border-top { border-top: 3px #D1D1D1 solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; padding: 10px;}
.sogi-box-secondary-border-top { border-top: 3px #C9B8E6 solid; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; padding: 10px;}

.sogi-box-active-light { background-color: #ffffff !important; border: 1px #E8E6E6 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-success-light { background-color: #F4F8F3 !important; border: 1px #97CC98 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-warning-light { background-color: #F9F8F1 !important; border: 1px #EBCD8D solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-danger-light { background-color: #F9F4F4 !important; border: 1px #E89897 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-info-light { background-color: #F4F8FB !important; border: 1px #94BFD4 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-muted-light { background-color: #FEFEFE !important; border: 1px #D1D1D1 solid; margin-left: auto; margin-right: auto; padding: 10px;}
.sogi-box-secondary-light { background-color: #F3F0F7 !important; border: 1px #C9B8E6 solid; margin-left: auto; margin-right: auto; padding: 10px;}

.sogi-text-color-maroon-dark { color: #ca195a; }

.sogi-box-round { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 6px 10px;}

.sogi-box-header { width: 100%; }

.sogi-box-content { width: 100%; }

.sogi-box-center {
    margin-left: auto !important; margin-right: auto !important;
}

.sogi-box-shadow { 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

/*background-muted #e9ecef*/
table.muted { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.muted th { background-color: #f2f4f8 !important; padding: 3px; border: 1px #e6e6e6 solid; color: #333333; /*word-break: break-all !important;*/ }
table.muted td { border: 1px #e6e6e6 solid; /*vertical-align: middle !important;*/ /*word-break: break-all !important;*/}

table.muted-hover { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.muted-hover tr:hover, table.muted-hover .hover { background-color: rgba(242,244,248,0.70) !important; padding: 3px !important; }
table.muted-hover th { background-color: #f2f4f8 !important; padding: 3px; border: 1px #e6e6e6 solid; color: #333333;}
table.muted-hover td { border: 1px #e6e6e6 solid; /*vertical-align: middle !important;*/ }
table.muted-hover-success { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.muted-hover-success tr:hover, table.muted-hover-success .hover { background-color: #f2f4f8 !important; padding: 3px !important; }
table.muted-hover-success th { background-color: #f2f4f8 !important; padding: 3px; border: 1px #e6e6e6 solid; }
table.muted-hover-success td { border: 1px #e6e6e6 solid; /*vertical-align: middle !important;*/ }
td.muted { background-color: #f2f4f8 !important; }
tr.muted { background-color: #f2f4f8 !important; }
tr.muted-dark { background-color: #d2d6de !important; }

table.success { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.success th { background-color: #DFF0D8 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.success td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.success-hover { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.success-hover tr:hover { background-color: #F4F8F3 !important; padding: 3px; }
table.success-hover th { background-color: #DFF0D8 !important; padding: 3px !important; border: 1px #eeeff0 solid; }
table.success-hover td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.success-hover-dark { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.success-hover-dark tr:hover { background-color: #DFF0D8 !important; padding: 3px; }
table.success-hover-dark th { background-color: #DFF0D8 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.success-hover-dark td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

tr.success { background-color: #DFF0D8 !important; }
td.success { background-color: #DFF0D8 !important; }

table.warning { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.warning th { background-color: #FCF8E3 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.warning td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.warning-hover { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.warning-hover tr:hover { background-color: #FCF8E3 !important; padding: 3px; }
table.warning-hover th { background-color: #FCF6E3 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.warning-hover td { border: 1px #eeeff0 solid; vertical-align: middle !important; }
tr.warning { background-color: #FCF6E3 !important; }
td.warning { background-color: #FCF6E3 !important; }

table.info { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.info th { background-color: #D9EDF7 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.info td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.info-hover { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.info-hover tr:hover { background-color: #F4F8FB !important; padding: 3px; }
table.info-hover th { background-color: #D9EDF7 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.info-hover td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.info-hover-dark { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.info-hover-dark tr:hover { background-color: #D9EDF7 !important; padding: 3px; }
table.info-hover-dark th { background-color: #D9EDF7 !important; padding: 3px; border: 1px #eeeff0 solid; }
table.info-hover-dark td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

tr.info { background-color: #d1ecf1 !important; }
td.info { background-color: #d1ecf1 !important; }

td.teal { background-color: #7fdede !important; }

table.danger { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.danger th { background-color: #F2DEDE !important; padding: 3px; border: 1px #eeeff0 solid; }
table.danger td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.danger-hover { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.danger-hover tr:hover { background-color: #F9F4F4 !important; padding: 3px; }
table.danger-hover th { background-color: #F2DEDE !important; padding: 3px; border: 1px #eeeff0 solid; }
table.danger-hover td { border: 1px #eeeff0 solid; vertical-align: middle !important; }
tr.danger { background-color: #FCE3E3 !important; }
td.danger { background-color: #FCE3E3 !important; }

table.secondary { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.secondary th { background-color: #F5E3FC !important; padding: 3px; border: 1px #eeeff0 solid; }
table.secondary td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.secondary-hover { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-left: auto !important; margin-right: auto !important;}
table.secondary-hover tr:hover { background-color: #F3F0F7 !important; padding: 3px; }
table.secondary-hover th { background-color: #F5E3FC !important; padding: 3px; border: 1px #eeeff0 solid; }
table.secondary-hover td { border: 1px #eeeff0 solid; vertical-align: middle !important; }

table.moreBorder th { border: 2px #eeeff0 solid !important; }
table.moreBorder td { border: 2px #eeeff0 solid !important;}

select, input:not(.formLogin), textarea { border: 1px solid #C9C9C9 !important; }

.sogi-postmetadataheader {
    margin-bottom: 7px !important;
}

input[type="search"] {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-transform:none;
}

a.sogi-button { text-transform: uppercase !important; font-weight: bold !important; }

input[type="button"]:hover, input[type="submit"]:hover { background-color: #EBEBEB !important; }

input[type="button"], input[type="submit"] {
    background-color: #F2F2F2 !important; 
    padding: 0px 10px; 
    margin: 0px; 
    border: 1px solid #CCC; 
    cursor: pointer; 
    height: 24px !important; width: auto; border-radius: 3px; 
    text-transform: uppercase; font-size: 13px !important; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    font-size: 11px !important;
    font-weight: 500 !important;
}

.sogi-button {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    font-size: 11px !important;
    font-weight: 500 !important;
}



.forPdf{ display: none;}

.table-sogi {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    font-size: 13px !important;
}

.table-m th,
.table-m td {
    padding: 5px !important;
    line-height: 1.5 !important;
}

.table-sogi th,
.table-sogi td {
    padding: 5px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}

.table-sogi-condensed th,
.table-sogi-condensed td {
    padding: 2px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}

.table-sogi thead th {
    /*vertical-align: bottom;*/
    border-bottom: 2px solid #eceeef;
}

.table-sogi tbody + tbody {
    border-top: 2px solid #eceeef;
}

.table-sogi th.table-sogi-default, .table-sogi thead tr.table-sogi-default {
    background-color: #f5f5f5;
}

.table-sogi-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-sogi-stripedAlt tbody tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}

.table-sogi-bordered {
    border: 1px solid #eceeef;
}

.table-sogi-bordered th,
.table-sogi-bordered td {
    border: 1px solid #eceeef;
}

.table-sogi-bordered thead th,
.table-sogi-bordered thead td {
    border-bottom-width: 2px;
}

.table-sogi-hover tbody tr:hover {
    background-color: #f1f1f1;
}

.table-sogi tbody tr.table-sogi-danger,
.table-sogi tbody td.table-sogi-danger
{
    background-color: #f2dede; 
}

.cell-danger {
    background-color: #F2807D !important;
}

.cell-danger-light {
    background-color: #f2dede !important;
}

.cell-info {
    background-color: #9EDFFF !important;
}

.cell-info-light {
    background-color: #D9EDF7 !important;
}

.cell-success {
    background-color: #DFF0D8 !important;
}

.cell-success-light {
    background-color: #F4F8F3 !important;
}

.dataTable td, .dataTable th {
    border: none;
}

/*.sogi-vmenublockheader{padding: 5px 0 !important;}*/

#contentjqxgrid {
    z-index: 50 !important;
}

.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.panel-default { border-color: #ddd; }

@media screen and (min-width : 1551px) { .sogi-sheet { width: 1450px; } }
@media screen and (min-width : 1441px) and (max-width: 1550px) { .sogi-sheet { width: 85% !important; } }    
@media screen and (min-width : 1367px) and (max-width: 1440px) { .sogi-sheet { width: 92%; } }  
@media screen and (min-width : 1301px) and (max-width: 1366px) { .sogi-sheet { width: 95%; } }
@media screen and (min-width : 1201px) and (max-width: 1300px) { .sogi-sheet { width: 100%; } }
@media screen and (min-width : 1101px) and (max-width: 1200px) { .sogi-sheet { width: 100%; } }
@media screen and (min-width : 1025px) and (max-width: 1100px) { .sogi-sheet { width: 100%; } }
@media screen and (max-width: 1024px) { .sogi-sheet { width: 100%; } } 

.sogi-pager > a {
    margin-top: 3px;
}

.ui_tpicker_time_input {
    width: 47px !important; 
}

.ui-timepicker-select {
    width: 50px !important; 
}
 
p.rotateTextVertical {
    color: #000000;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin: 0px 0px 0px 10px !important;
    text-align: left;
    font-weight: normal !important;
    font-size: 12px;
    max-height: 175px;
}

p.rotateTextVerticalTh {
    color: #000000;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin: 0px 0px 0px 10px !important;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    max-height: 175px;
}

p.rotateTextVerticalSenzaMargini {
    color: #000000;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin: 0px 0px 0px 0px !important;
    text-align: left;
    font-weight: normal !important;
    font-size: 12px;
    max-height: 175px;
}

p.maxHeight {
    max-height: 175px;
}


/*Dropdown right - https://www.w3schools.com/howto/howto_js_dropdown.asp*/
a.dropbtn {
    /*background-color: #4CAF50;*/
    color: white !important;
    padding: 4px 10px;
    font-size: 11px !important;
    border: none;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 22px !important;
    height: 22px !important;
    font-style: normal !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 21px;
    right: 0;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    /*font-weight: bold;*/
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

table.dataTable.hover tbody tr:hover {
    background-color: #f1f1f1 !important;
}

/*******Fine accessibilit�*****/
.box-accessibilita {
    /*background: #ffffff;*/
    border: 1px #000000 solid;
    padding: 2px 4px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.desaturazione {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(1) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
}

/*******Fine accessibilit�*****/

p.opz, div.opz {
    margin-top: 13px !important;
    margin-bottom: 20px !important;
}

div.modulo p {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

p.salva, div.salva {
    margin-top: 25px !important;
    margin-bottom: 35px !important;
}




.padding-top-bootstrap {
    padding-top: 7px;
}

.margin-m {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.sogiDisabled {
    cursor: no-drop;
}

.divOpzioni {
    margin-top: 11px !important;
}

/*btn-app-outline*/
.btn-app-outline {
    border-radius   : 8px;
    position        : relative;
    padding         : 10px 5px;
    margin          : 0 6px 13px 6px;
    min-width       : 80px;
    height          : 73px !important;
    text-align      : center;
    color           : #000;
    border          : 1px solid #ddd;
    /*background-color: #f4f4f4;*/
    font-size       : 12px;
}

.btn-app-outline > .far, .btn-app-outline > .fad, .btn-app-outline > .fab {
    font-size       : 25px !important;
    margin-bottom   : 7px;
    display         : block;
}

.btn-app-outline > .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 14px !important;
    font-weight: 400;
}

/***primary-light***/
.bg-primary-light {
    background-color: #80b5d3;
}

.btn-app-border-primary-light {
    border-top: 4px solid #80b5d3;
    border-bottom: 4px solid #80b5d3;
}

.btn-app-border-primary-light:hover {
    -webkit-box-shadow: #80b5d3 0px 0px 4px;
    -moz-box-shadow: #80b5d3 0px 0px 4px;
    box-shadow: #80b5d3 0px 0px 4px;
}

/***primary-normal***/
.bg-primary-normal, td.bg-primary-normal {
    background-color: #3c8dbc !important;
}

.btn-app-border-primary-normal {
    border-top: 4px solid #3c8dbc;
    border-bottom: 4px solid #3c8dbc;
}

.btn-app-border-primary-normal:hover {
    -webkit-box-shadow: #3c8dbc 0px 0px 4px;
    -moz-box-shadow: #3c8dbc 0px 0px 4px;
    box-shadow: #3c8dbc 0px 0px 4px;
}

/***primary-dark***/
.bg-primary-dark {
    background-color: #357ca5;
}

.btn-app-border-primary-dark {
    border-top: 4px solid #357ca5;
    border-bottom: 4px solid #357ca5;
}

.btn-app-border-primary-dark:hover {
    -webkit-box-shadow: #357ca5 0px 0px 4px;
    -moz-box-shadow: #357ca5 0px 0px 4px;
    box-shadow: #357ca5 0px 0px 4px;
}



/***navy-light***/
.bg-navy-light {
    background-color: #596d82;
}

.btn-app-border-navy-light {
    border-top: 4px solid #596d82;
    border-bottom: 4px solid #596d82;
}

.btn-app-border-navy-light:hover {
    -webkit-box-shadow: #596d82 0px 0px 4px;
    -moz-box-shadow: #596d82 0px 0px 4px;
    box-shadow: #596d82 0px 0px 4px;
}

/***navy-normal***/
.bg-navy-normal {
    background-color: #295583;
}

.btn-app-border-navy-normal {
    border-top: 4px solid #295583;
    border-bottom: 4px solid #295583;
}

.btn-app-border-navy-normal:hover {
    -webkit-box-shadow: #295583 0px 0px 4px;
    -moz-box-shadow: #295583 0px 0px 4px;
    box-shadow: #295583 0px 0px 4px;
}

/***navy-dark***/
.bg-navy-dark {
    background-color: #001a35;
}

.btn-app-border-navy-dark {
    border-top: 4px solid #001a35;
    border-bottom: 4px solid #001a35;
}

.btn-app-border-navy-dark:hover {
    -webkit-box-shadow: #001a35 0px 0px 4px;
    -moz-box-shadow: #001a35 0px 0px 4px;
    box-shadow: #001a35 0px 0px 4px;
}



/***info-light***/
.bg-info-light {
    background-color: #59d6f5;
}

.btn-app-border-info-light {
    border-top: 4px solid #59d6f5;
    border-bottom: 4px solid #59d6f5;
}

.btn-app-border-info-light:hover {
    -webkit-box-shadow: #59d6f5 0px 0px 4px;
    -moz-box-shadow: #59d6f5 0px 0px 4px;
    box-shadow: #59d6f5 0px 0px 4px;
}

/***info-normal***/
.bg-info-normal, td.bg-info-normal {
    background-color: #00c0ef !important;
}

.btn-app-border-info-normal {
    border-top: 4px solid #00c0ef;
    border-bottom: 4px solid #00c0ef;
}

.btn-app-border-info-normal:hover {
    -webkit-box-shadow: #00c0ef 0px 0px 4px;
    -moz-box-shadow: #00c0ef 0px 0px 4px;
    box-shadow: #00c0ef 0px 0px 4px;
}

/***info-dark***/
.bg-info-dark {
    background-color: #00a7d0;
}

.btn-app-border-info-dark {
    border-top: 4px solid #00a7d0;
    border-bottom: 4px solid #00a7d0;
}

.btn-app-border-info-dark:hover {
    -webkit-box-shadow: #00a7d0 0px 0px 4px;
    -moz-box-shadow: #00a7d0 0px 0px 4px;
    box-shadow: #00a7d0 0px 0px 4px;
}



/***teal-light***/
.bg-teal-light {
    background-color: #7edede;
}

.btn-app-border-teal-light {
    border-top: 4px solid #7edede;
    border-bottom: 4px solid #7edede;
}

.btn-app-border-teal-light:hover {
    -webkit-box-shadow: #7edede 0px 0px 4px;
    -moz-box-shadow: #7edede 0px 0px 4px;
    box-shadow: #7edede 0px 0px 4px;
}

/***teal-normal***/
.bg-teal-normal, td.bg-teal-normal {
    background-color: #39cccc !important;
}

.btn-app-border-teal-normal {
    border-top: 4px solid #39cccc;
    border-bottom: 4px solid #39cccc;
}

.btn-app-border-teal-normal:hover {
    -webkit-box-shadow: #39cccc 0px 0px 4px;
    -moz-box-shadow: #39cccc 0px 0px 4px;
    box-shadow: #39cccc 0px 0px 4px;
}

/***teal-dark***/
.bg-teal-dark, td.bg-teal-dark {
    background-color: #30bbbb;
}

.btn-app-border-teal-dark {
    border-top: 4px solid #30bbbb;
    border-bottom: 4px solid #30bbbb;
}

.btn-app-border-teal-dark:hover {
    -webkit-box-shadow: #30bbbb 0px 0px 4px;
    -moz-box-shadow: #30bbbb 0px 0px 4px;
    box-shadow: #30bbbb 0px 0px 4px;
}



/***success-light***/
.bg-success-light, td.bg-success-light {
    background-color: #59c594 !important;
}

.btn-app-border-success-light {
    border-top: 4px solid #59c594;
    border-bottom: 34px solid #59c594;
}

.btn-app-border-success-light:hover {
    -webkit-box-shadow: #59c594 0px 0px 4px;
    -moz-box-shadow: #59c594 0px 0px 4px;
    box-shadow: #59c594 0px 0px 4px;
}

/***success-normal***/
.bg-success-normal {
    background-color: #00a65a;
}

.btn-app-border-success-normal {
    border-top: 4px solid #00a65a;
    border-bottom: 4px solid #00a65a;
}

.btn-app-border-success-normal:hover {
    -webkit-box-shadow: #00a65a 0px 0px 4px;
    -moz-box-shadow: #00a65a 0px 0px 4px;
    box-shadow: #00a65a 0px 0px 4px;
}

/***success-dark***/
.bg-success-dark {
    background-color: #008d4c;
}

.btn-app-border-success-dark {
    border-top: 4px solid #008d4c;
    border-bottom: 4px solid #008d4c;
}

.btn-app-border-success-dark:hover {
    -webkit-box-shadow: #008d4c 0px 0px 4px;
    -moz-box-shadow: #008d4c 0px 0px 4px;
    box-shadow: #008d4c 0px 0px 4px;
}



/***purple-light***/
.bg-purple-light {
    background-color: #9895c6;
}

.btn-app-border-purple-light {
    border-top: 4px solid #9895c6;
    border-bottom: 4px solid #9895c6;
}

.btn-app-border-purple-light:hover {
    -webkit-box-shadow: #9895c6 0px 0px 4px;
    -moz-box-shadow: #9895c6 0px 0px 4px;
    box-shadow: #9895c6 0px 0px 4px;
}

/***purple-normal***/
.bg-purple-normal, td.bg-purple-normal {
    background-color: #605ca8 !important;
}

.btn-app-border-purple-normal {
    border-top: 4px solid #605ca8;
    border-bottom: 4px solid #605ca8;
}

.btn-app-border-purple-normal:hover {
    -webkit-box-shadow: #605ca8 0px 0px 4px;
    -moz-box-shadow: #605ca8 0px 0px 4px;
    box-shadow: #605ca8 0px 0px 4px;
}

/***purple-dark***/
.bg-purple-dark {
    background-color: #555299;
}

.btn-app-border-purple-dark {
    border-top: 4px solid #555299;
    border-bottom: 4px solid #555299;
}

.btn-app-border-purple-dark:hover {
    -webkit-box-shadow: #555299 0px 0px 4px;
    -moz-box-shadow: #555299 0px 0px 4px;
    box-shadow: #555299 0px 0px 4px;
}



/***warning-light***/
.bg-warning-light {
    background-color: #f7bf65;
}

.btn-app-border-warning-light {
    border-top: 4px solid #f7bf65;
    border-bottom: 4px solid #f7bf65;
}

.btn-app-border-warning-light:hover {
    -webkit-box-shadow: #f7bf65 0px 0px 4px;
    -moz-box-shadow: #f7bf65 0px 0px 4px;
    box-shadow: #f7bf65 0px 0px 4px;
}

/***warning-normal***/
.bg-warning-normal {
    background-color: #f39c12;
}

.btn-app-border-warning-normal {
    border-top: 4px solid #f39c12;
    border-bottom: 4px solid #f39c12;
}

.btn-app-border-warning-normal:hover {
    -webkit-box-shadow: #f39c12 0px 0px 4px;
    -moz-box-shadow: #f39c12 0px 0px 4px;
    box-shadow: #f39c12 0px 0px 4px;
}

/***warning-dark***/
.bg-warning-dark {
    background-color: #db8b0b;
}

.btn-app-border-warning-dark {
    border-top: 4px solid #db8b0b;
    border-bottom: 4px solid #db8b0b;
}

.btn-app-border-warning-dark:hover {
    -webkit-box-shadow: #db8b0b 0px 0px 4px;
    -moz-box-shadow: #db8b0b 0px 0px 4px;
    box-shadow: #db8b0b 0px 0px 4px;
}



/***maroon-light***/
.bg-maroon-light {
    background-color: #e66b98;
}

.btn-app-border-maroon-light {
    border-top: 4px solid #e66b98;
    border-bottom: 4px solid #e66b98;
}

.btn-app-border-maroon-light:hover {
    -webkit-box-shadow: #e66b98 0px 0px 4px;
    -moz-box-shadow: #e66b98 0px 0px 4px;
    box-shadow: #e66b98 0px 0px 4px;
}

/***maroon-normal***/
.bg-maroon-normal {
    background-color: #d81b60;
}

.btn-app-border-maroon-normal {
    border-top: 4px solid #d81b60;
    border-bottom: 4px solid #d81b60;
}

.btn-app-border-maroon-normal:hover {
    -webkit-box-shadow: #d81b60 0px 0px 4px;
    -moz-box-shadow: #d81b60 0px 0px 4px;
    box-shadow: #d81b60 0px 0px 4px;
}

/***maroon-dark***/
.bg-maroon-dark {
    background-color: #ca195a;
}

.btn-app-border-maroon-dark {
    border-top: 4px solid #ca195a;
    border-bottom: 4px solid #ca195a;
}

.btn-app-border-maroon-dark:hover {
    -webkit-box-shadow: #ca195a 0px 0px 4px;
    -moz-box-shadow: #ca195a 0px 0px 4px;
    box-shadow: #ca195a 0px 0px 4px;
}



/***danger-light***/
.bg-danger-light {
    background-color: #e98a7e;
}

.btn-app-border-danger-light {
    border-top: 4px solid #e98a7e;
    border-bottom: 4px solid #e98a7e;
}

.btn-app-border-danger-light:hover {
    -webkit-box-shadow: #e98a7e 0px 0px 4px;
    -moz-box-shadow: #e98a7e 0px 0px 4px;
    box-shadow: #e98a7e 0px 0px 4px;
}

/***danger-normal***/
.bg-danger-normal, td.bg-danger-normal {
    background-color: #dd4b39 !important;
}

.btn-app-border-danger-normal {
    border-top: 4px solid #dd4b39;
    border-bottom: 4px solid #dd4b39;
}

.btn-app-border-danger-normal:hover {
    -webkit-box-shadow: #dd4b39 0px 0px 4px;
    -moz-box-shadow: #dd4b39 0px 0px 4px;
    box-shadow: #dd4b39 0px 0px 4px;
}

/***danger-dark***/
.bg-danger-dark {
    background-color: #d33724;
}

.btn-app-border-danger-dark {
    border-top: 4px solid #d33724;
    border-bottom: 4px solid #d33724;
}

.btn-app-border-danger-dark:hover {
    -webkit-box-shadow: #d33724 0px 0px 4px;
    -moz-box-shadow: #d33724 0px 0px 4px;
    box-shadow: #d33724 0px 0px 4px;
}



/***orange-light***/
.bg-orange-light {
    background-color: #ffb06b;
}

.btn-app-border-orange-light {
    border-top: 4px solid #ffb06b;
    border-bottom: 4px solid #ffb06b;
}

.btn-app-border-orange-light:hover {
    -webkit-box-shadow: #ffb06b 0px 0px 4px;
    -moz-box-shadow: #ffb06b 0px 0px 4px;
    box-shadow: #ffb06b 0px 0px 4px;
}

/***orange-normal***/
.bg-orange-normal, td.bg-orange-normal {
    background-color: #ffb06b !important;
}

.btn-app-border-orange-normal {
    border-top: 4px solid #ffb06b;
    border-bottom: 4px solid #ffb06b;
}

.btn-app-border-orange-normal:hover {
    -webkit-box-shadow: #ffb06b 0px 0px 4px;
    -moz-box-shadow: #ffb06b 0px 0px 4px;
    box-shadow: #ffb06b 0px 0px 4px;
}

/***orange-dark***/
.bg-orange-dark {
    background-color: #ffcc9f;
}

.btn-app-border-orange-dark {
    border-top: 4px solid #ffcc9f;
    border-bottom: 4px solid #ffcc9f;
}

.btn-app-border-orange-dark:hover {
    -webkit-box-shadow: #ffcc9f 0px 0px 4px;
    -moz-box-shadow: #ffcc9f 0px 0px 4px;
    box-shadow: #ffcc9f 0px 0px 4px;
}




/**REGISTRO SERALE**/

.text-blue-primary-registri_serale {
    color: #0d47a1 !important;
}

.border-blue-primary-registri_serale {
    border-color: #0d47a1 !important;
}

.text-blue-light-registri_serale {
    color: #5472d3 !important;
}

.border-blue-light-registri_serale {
    border-color: #5472d3 !important;
}


.text-blue-dark-registri_serale {
    color: #002171 !important;
}

.border-blue-dark-registri_serale {
    border-color: #002171 !important;
}

.btn-blue-light-registri_serale {
    border-top		: 3px solid #5472d3;
}

.btn-blue-light-registri_serale:hover {
    -webkit-box-shadow	: #5472d3 0px 0px 4px;
    -moz-box-shadow     : #5472d3 0px 0px 4px;
    box-shadow		: #5472d3 0px 0px 4px;
}

.bg-blue-light-registri_serale {
    background-color    : #5472d3;
    color               : #ffffff;
}

.btn-blue-dark-registri_serale {
    border-top		: 3px solid #002171;
    /*border-bottom	: 4px solid #003c8f;*/
}

.btn-blue-dark-registri_serale:hover {
    -webkit-box-shadow	: #002171 0px 0px 4px;
    -moz-box-shadow     : #002171 0px 0px 4px;
    box-shadow		: #002171 0px 0px 4px;
}

.bg-blue-dark-registri_serale {
    background-color    : #002171;
    color               : #ffffff;
}


/**REGISTRO**/

.text-blue-primary-registri {
    color: #2962ff !important;
}

.border-blue-primary-registri {
    border-color: #2962ff !important;
}

.text-blue-dark-registri {
    color: #0039cb !important;
}

.border-blue-dark-registri {
    border-color: #0039cb !important;
}

.text-blue-light-registri {
    color: #768fff !important;
}

.border-blue-light-registri {
    border-color: #768fff !important;
}

.btn-blue-light-registri {
    border-top		: 3px solid #768fff;
}

.btn-blue-light-registri:hover {
    -webkit-box-shadow	: #768fff 0px 0px 4px;
    -moz-box-shadow     : #768fff 0px 0px 4px;
    box-shadow		: #768fff 0px 0px 4px;
}

.bg-blue-light-registri {
    background-color    : #768fff;
    color               : #ffffff;
}

.btn-blue-dark-registri {
    border-top		: 3px solid #0039cb;
}

.btn-blue-dark-registri:hover {
    -webkit-box-shadow	: #0039cb 0px 0px 4px;
    -moz-box-shadow     : #0039cb 0px 0px 4px;
    box-shadow		: #0039cb 0px 0px 4px;
}

.bg-blue-dark-registri {
    background-color    : #0039cb;
    color               : #ffffff;
}

/***PROTOMAIL***/

.text-primary-protomail {
    color: #00acc1 !important;
}

.border-primary-protomail {
    border-color: #00acc1 !important;
}

.text-dark-protomail {
    color: #007c91 !important;
}

.border-dark-protomail {
    border-color: #007c91 !important;
}

.text-light-protomail {
    color: #5ddef4 !important;
}

.border-light-protomail {
    border-color: #5ddef4 !important;
}

.btn-light-protomail {
    border-top		: 3px solid #5ddef4;
}

.btn-light-protomail:hover {
    -webkit-box-shadow	: #5ddef4 0px 0px 4px;
    -moz-box-shadow     : #5ddef4 0px 0px 4px;
    box-shadow		: #5ddef4 0px 0px 4px;
}

.bg-light-protomail {
    background-color    : #5ddef4;
    color               : #ffffff;
}

.btn-dark-protomail {
    border-top		: 3px solid #007c91;
}

.btn-dark-protomail:hover {
    -webkit-box-shadow	: #007c91 0px 0px 4px;
    -moz-box-shadow     : #007c91 0px 0px 4px;
    box-shadow		: #007c91 0px 0px 4px;
}

.bg-dark-protomail {
    background-color    : #007c91;
    color               : #ffffff;
}