/*
body {
    font-family: 'lucida grande' ,tahoma,verdana,arial,sans-serif;
    font-size: 10px;
}h
*/

.masterContentPanel{
    padding: 0 10px 30px 10px;
}

.header {
    /*background-color: #296ca3 !important;
    background-image: linear-gradient(to bottom,#296ca3 0,#205785 100%) !important;*/
}

.bg-badge {
    border-radius: 0.25rem;
    padding-left: 3px;
    padding-right: 3px;
}

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark {
    color: white;
}

.bg-light {
    color: #343a40;
}


.normal {
    font-size: 15px;
    line-height: 1.5;
    font-weight: normal;
}

.normalBold, .normalBig {
    font-size: 15px;
    line-height: 1.5;
    font-weight: bold;
}

.normalError {
    font-size: 15px;
    color: #dc3545;
}

.footer{
	font-weight : normal;
	font-size : 12px;
	color : #666666;
	text-decoration : none;
}

.form-group {
    margin-bottom: 3px !important;
    /*display: table;*/
}

.form-control {
    display: inline;
    padding-right: 5px !important;
    font-size: 15px;
    line-height: 1.5;
}

.form-control-checkbox {
    padding: 8px 10px 8px 8px !important;
}


.form-control-right {
    padding-right: 10px !important;
    text-align: right;
}

.form-control-center {
    padding: 0 !important;
    text-align: center;
}

.form-control-bold {
    font-weight: bold;
}

.form-control-uppercase {
    text-transform: uppercase;
}

.input-group {
    width: auto !important;
}

.mod-header {
    background: url(../../common/image/line.png) repeat-x scroll 0 12px;
    background-color: #ffffff;
}

.mod-header span, .mod-header strong {
    background-color: #ffffff;
    padding-right: 5px;

}

.no-auto-fill {
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
}

.no-auto-fill0 {
    display: none;
    margin-left: 0;
    margin-right: 0;
}

.btn {
    margin-bottom: 2px;
    margin-top: 2px;
}

.btn-right-search {
    height: 2.2rem;
    margin-top: 0;
    padding-top: 8px;
    padding-right: 5px;			    
}

.btn-only-icon {
    padding-right: 5px;
}

.btn-sm {
    font-size: 0.875rem !important;
    padding-bottom: 2px;
    padding-top: 2px;
}

.btn-sm-only-icon {
    padding-right: 1px;
}

.btn-group-prepend-icon {
    margin-top: 0 !important;
    padding-right: 5px !important;
    font-size: 0.875rem !important;
    padding-top: 6px !important;
    margin-bottom: 0 !important;
    border-color: #ced4da !important;
}

.btn-check {
    height: 38px;
}         

.btn-icon-right::before {
    float: right;
    padding-left: 7px;
    padding-right: 0 !important;
    padding-top: 1px;
}         



a:link{
    /*font-size: medium ;*/
    /*font-family: Verdana,sans-serif;*/
    font-size: 15px !important;
    line-height: 1.5 !important;
}   

a.link:hover
{
	font-size: 15px !important;
	color : #007bff !important;
	text-decoration : underline;
    background-color: transparent !important;
	background-repeat:no-repeat;
    cursor:pointer !important;
}
a.inline:hover
{
	font-size : 15px !important;
	color : green !important;
	text-decoration : underline;
	background-repeat:no-repeat;
    cursor:pointer !important;
}
a.link:link,a.link:active
{
	font-size : 15px !important;
	text-decoration : underline;
	color : #000000;
	background-repeat:no-repeat;
}

A.link:visited,
a.inlineButtonPdf:visited,
a.inlineButtonMail:visited,
a.inlineButtonPrint:visited,
a.inline:visited
{
	font-size : 10px;
	color : #000000;
	text-decoration : underline;
	background-repeat:no-repeat;
}

a.inlineButtonPdf
{
	padding: 3px 5px 3px 25px !important; 
	background-image:url(../../common/image/pdf_mini_icon.gif);
	background-repeat:no-repeat;
} 

a.inlineButtonMail
{
	/*padding: 3px 5px 3px 25px !important; */
	/*background-image:url(../../common/image/mail_mini_icon.png);*/
	background-repeat:no-repeat;
} 

a.inlineButtonPrint
{
	padding: 3px 5px 3px 25px !important; 
	background-image:url(../../common/image/print_mini_icon.png);
	background-repeat:no-repeat;
}


    A.link-none, A.link-none:visited {
    text-decoration: none;
    color: #000000 !important;
    font-size: 15px;
}

    A.link-none:hover {
        color: #007bff !important;
        text-decoration: underline;
        cursor: pointer !important;
    }

    A.link-none:active {
        text-decoration: none;
        color: #007bff !important;
    }


A.link-primary  {
	text-decoration : none;
	color : #007bff !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}
A.link-primary:hover{
	font-size : 15px;
	color : #17a2b8 !important;	
	text-decoration : underline;
    cursor:pointer !important;
}
A.link-primary:link,A.link-primary:active{
	font-size : 15px;
	text-decoration : none;
	color : #007bff !important;
}
A.link-primary:visited{
	font-size : 15px;
	color : #007bff !important;
	text-decoration : none;
}

A.link-small, A.link-small:visited  {
	text-decoration : underline;
	color : #007bff !important;
    font-size: 12px !important;
}
A.link-small-secondary, A.link-small-secondary:visited  {
    text-decoration : underline;
    color : #6c757d !important;
    font-size: 12px !important;
}
A.link-small:hover,A.link-small-secondary:hover{
	font-size : 12px;
	color : #17a2b8 !important;	
	text-decoration : underline;
    cursor:pointer !important;
}
A.link-small:link,A.link-small:active,
A.link-small-secondary:link,A.link-small-secondary:active{
	font-size : 12px;
	text-decoration : none;
	color : #007bff !important;
}



A.linkFilter  {
	text-decoration : none;
	color : #000000;
}
A.linkFilter:hover{
	font-size : 10px;
	color : #666666;	
	text-decoration : underline;
    cursor:pointer !important;
}
A.linkFilter:link,A.linkFilter:active{
	font-size : 10px;
	text-decoration : none;
	color : #000000;
}
A.linkFilter:visited{
	font-size : 10px;
	color : #000000;
	text-decoration : none;
}

.table-flat {
    border: 0 solid !important;
}

.table-flat th, .table-flat td {
    border-top: 0 solid !important;
    padding: 0 5px 0 0 !important;
}

.table-flat tr:hover {
    /*color: #212529;*/
    background-color: transparent !important;
}



th, td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}


.x-panel-body-noborder {
    overflow: hidden !important;
}


.alert-link:link{
	font-size : medium;
}
.alert-link:hover{
	font-size : medium;
}
.alert-link:visited{
	font-size : medium;
}


.autocomplete {
    /*background-image: url(../../common/image/pencil.png);
    background-position: right center;
    background-repeat: no-repeat;*/
}

.autocomplete-icon{
    position: absolute;
    right: 10px;
    top: calc(50% - 0.5em); /* Keep icon in center of input, regardless of the input height */
}
autocomplete{
    padding-left: 17px;
}
.autocomplete-wrapper{
    position: relative;
}    



.calendar {
    /*background-image: url(../../common/image/calendar.png);
    background-position: right center;
    background-repeat: no-repeat;*/
}

.calendar-icon{
    position: absolute;
    right: 10px;
    top: calc(50% - 0.5em); /* Keep icon in center of input, regardless of the input height */
}
calendar{
    padding-left: 17px;
}
.calendar-wrapper{
    position: relative;
}    


.radio-inline label {
    font-weight: normal !important;
    margin-right: 25px;
}

input[type=radio] + label {
    font-weight: normal !important;
    margin-left: 8px !important;
}

.field-radio input[type=radio] + label{
    margin-left: 0 !important;
    padding-right: 8px !important;
    min-width: 80px !important;
}


input[type=checkbox] + label {
    font-weight: normal !important;
    margin-left: 8px !important;
}

.funkyradio input[type=checkbox] + label {
    margin-left: 0 !important;
}


.field-right {
    text-align: right;
    padding-right: 12px !important;
}

.field-left {
    text-align: left;
}

.field-center {
    text-align: center;
}

.field-group label {
    float: left;
    padding: 5px 0 0 0;
    /*position: relative;*/
    text-align: left;        
    word-wrap: break-word;
    font-weight: normal;
}

.field-group .value {
    padding: 5px 0 0 0;
    display: inline-block;
}

.field-group .checkboxlist {
    padding: 5px 0 0 0;
    display: inline-block;
}

.field-group .checkboxlist label {
    padding: 0 5px 0 0;
}

.control-label-value {
    margin-top: 5px;
    display: inline-block;    
}

.iconFieldError {        
    position: static;
    display: inline-block;
    margin-left: -19px;
    width: 36px;
}

.field-950 {
    width: 950px;
    max-width: 950px;
}

.field-900 {
    width: 900px;
    max-width: 900px;
}

.field-850 {
    width: 850px;
    max-width: 850px;
}

.field-800 {
    width: 800px;
    max-width: 800px;
}

.field-750 {
    width: 750px;
    max-width: 750px;
}

.field-700 {
    width: 700px;
    max-width: 700px;
}

.field-650 {
    width: 650px;
    max-width: 650px;
}

.field-600 {
    width: 600px;
    max-width: 600px;
}

.field-550 {
    width: 550px;
    max-width: 550px;
}

.field-500 {
    width: 500px;
    max-width: 500px;
}

.field-450 {
    width: 450px;
    max-width: 450px;
}

.field-400 {
    width: 400px;
    max-width: 400px;
}

.field-350 {
    width: 350px;
    max-width: 350px;
}

.field-300 {
    width: 300px;
    max-width: 300px;
}

.field-250 {
    width: 250px;
    max-width: 250px;
}

.field-200 {
    width: 200px;
    max-width: 200px;
}

.field-150 {
    width: 150px;
    max-width: 150px;
}

.field-100 {
    width: 100px;
    max-width: 100px;
}

.field-75 {
    width: 75px;
    max-width: 75px;
}

.field-50 {
    width: 50px;
    max-width: 50px;
}

.field-hidden {
    width: 0;
    height: 0;
    display: none;

}

.field-radio{
    margin-right: 5px;
}

.field-radio label{
    line-height: 34px !important;
    margin-left: 0 !important;
}

.field-toggle-continer {
    padding: 0 0 0 0;        
}

.field-toggle-continer .toggle {
    width: 100% !important;        
}

.field-toggle-continer .btn {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

.toggle-on, 
.toggle-off {
    text-align: center !important;
    margin: 0 !important;
}


.dec {
    color: #6c757d;
    font-size: 10px;
}

.inline {
    display: inline-block !important;
}

.back-header {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ui-datepicker-title select {
    color: black !important;
    font-weight: normal !important;
    font: 400 13.3333px Arial !important;
}

.dropdown .dropdown-toggle {
    padding-top: 5px !important;
    padding-bottom: 7px !important;
}

.dropdown-menu input[type=checkbox] {
    /*margin-left: 8px;*/
}

.dropdown-menu input[type=checkbox] + label {
    font-size: 15px;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
}

.dropdown-menu-item {
    text-align: left;
    white-space: nowrap;
    width: 100%;
    font-size: 15px !important;
    line-height: 1.0 !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.header>.nav a:link{
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.header>.navbar-nav>li>a {
    color: #ffffff !important;
    padding-top: 7px !important;
    padding-bottom: 5px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.header>.nav>li>a {
    padding-right: 8px !important;
    padding-left: 8px !important;

    padding-top: 18px !important;
    margin-top: -5px;
    height: 32px;
    margin-bottom: 0;

}

.header>.nav>li>a:focus, 
.header>.nav>li>a:hover {
    /*color: #f0f0f0 !important;
    background-color: #0067b8 !important;
    background-image: linear-gradient(to bottom,#0067b8 0,#003e6f 100%) !important;*/
    color: #343a40 !important;
    background-color: #ffc107 !important;
    background-image: linear-gradient(to bottom,#ffc107 0,#0000 100%) !important;  
    border-radius: 0 !important;  
}

.header>.navbar-default 
.header>.navbar-nav>.active>a, 
.header>.navbar-default .navbar-nav>.open>a {
    /*box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    background-color: #0067b8 !important;
    background-image: linear-gradient(to bottom,#0067b8 0,#7cb1da 100%) !important;*/
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    background-color: #ffc107 !important;
    background-image: linear-gradient(to bottom,#ffc107 0,#ffc107 100%) !important;
    border-radius: 0 !important;
}

.header>.nav 
.header>.open>a, 
.header>.nav 
.header>.open>a:focus, 
.header>.nav .open>a:hover {
    /*background-color: #0067b8 !important;
    background-image: linear-gradient(to bottom,#0067b8 0,#003e6f 100%) !important;
    border-color: #337ab7;*/
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    background-color: #ffc107 !important;
    background-image: linear-gradient(to bottom,#ffc107 0,#ffc107 100%) !important;
    border-radius: 0 !important;
}

.nav-tabs {
    margin-top: 20px !important;
    margin-left: 5px !important;

    /* TAB SCROLL RESPONSIVE */
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.nav-tabs > li {
    /* TAB SCROLL RESPONSIVE */
    float: none !important;
    display: inline-block !important;
}      

.nav-tabs > li > a {
    margin-right: 0 !important;
}

.nav-tabs .nav-link.active {
    border-bottom: solid 4px #0069d9;
}

.panel-body {
    margin-top: 5px;
    margin-bottom: 5px;    
}

.panel-heading {
    margin-bottom: 3px !important;    
}

panel panel-default {
    margin-top: 2px;    
}

.list-group-item,
.panel {
    /*font-size: medium ;*/
    /*font-family: Verdana,sans-serif;*/
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.panel-toolbar {
    margin-bottom: 10px;
    margin-top: 5px;
}

.panel-heading {
    font-size: 2rem;
    margin-bottom: .4rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    min-height: 30px;
}


.panel-heading-toolbar-right {
    float: right; 
    position: relative; 
    top: -40px; 
    right: 10px;
    display: inline-block;
    height: 0;
}

.panel-grid {
    /*overflow-x:auto; /*responsive no sticky */
    margin: 15px 5px 10px 5px;
}


.msg-grid {
    width: 95%;
    margin: 20px;
    text-align: center;
    color: #6c757d !important;
}

.dataGrid {
    font-size: 15px;
}

.dataGrid td {
    white-space: nowrap;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dataGridFooter {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight:normal !important;
}

.table-header {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    border-top: 0 !important;
    font-weight: bold;
}

.table-header td {
    border-top: 0 !important;
}

.table-header:hover,
.table-header td:hover,
.table-header tr:hover,
.table-header tbody tr:hover {
    background-color: white !important;
}

.table-header > .table-primary:hover, .table-header > .table-primary td:hover, .table-header > .table-primary tr:hover, .table-header > .table-primary tbody tr:hover {        
    background-color: #b8daff !important;
}

.table-header > .table-success:hover, .table-header > .table-success td:hover, .table-header > .table-success tr:hover, .table-header > .table-success tbody tr:hover {        
    background-color: #c3e6cb !important;
}

.table-header > .table-danger:hover, .table-header > .table-danger td:hover, .table-header > .table-danger tr:hover, .table-header > .table-danger tbody tr:hover {        
    background-color: #f5c6cb !important;
}

.table-header > .table-info:hover, .table-header > .table-info td:hover, .table-header > .table-info tr:hover, .table-header > .table-info tbody tr:hover {        
    background-color: #bee5eb !important;
}

.table-header > .table-warning:hover, .table-header > .table-warning td:hover, .table-header > .table-warning tr:hover, .table-header > .table-warning tbody tr:hover {        
    background-color: #ffeeba !important;
}

.table-header > .table-secondary:hover, .table-header > .table-secondary td:hover, .table-header > .table-secondary tr:hover, .table-header > .table-secondary tbody tr:hover {        
    background-color: #d6d8db !important;
}

.table-header > .table-dark:hover, .table-header > .table-dark td:hover, .table-header > .table-dark tr:hover, .table-header > .table-dark tbody tr:hover {        
    background-color: #c6c8ca !important;
}

.table-row {
    color: #AAAAAA;
    width: 35px;
    padding-left: 5px;
    text-align: left;
}

.table-header a {
    font-size: 15px !important;
    font-weight: 700;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.table-paginator td {
    border-top: 0 !important;
    margin-top: 0!important;
    padding-top: 0 !important;
}
.table-paginator td:hover {
    background-color: white !important;
}

.table-caption td {
    white-space: normal;
}

.col-white-space { white-space: normal !important; }

.col-width-20 { min-width: 20px; }
.col-width-30 { min-width: 30px; }
.col-width-40 { min-width: 40px; }
.col-width-50 { min-width: 50px; }
.col-width-60 { min-width: 60px; }
.col-width-70 { min-width: 70px; }
.col-width-80 { min-width: 80px; }        
.col-width-90 { min-width: 90px; }  
.col-width-100 { min-width: 100px; }
.col-width-110 { min-width: 110px; }
.col-width-120 { min-width: 120px; }
.col-width-125 { min-width: 125px; }
.col-width-130 { min-width: 130px; }
.col-width-140 { min-width: 140px; }
.col-width-150 { min-width: 150px; }
.col-width-160 { min-width: 160px; }
.col-width-170 { min-width: 170px; }
.col-width-180 { min-width: 180px; }
.col-width-190 { min-width: 190px; }
.col-width-200 { min-width: 200px; }
.col-width-225 { min-width: 225px; }
.col-width-250 { min-width: 250px; }
.col-width-275 { min-width: 275px; }
.col-width-300 { min-width: 300px; }
.col-width-325 { min-width: 325px; }
.col-width-350 { min-width: 350px; }

/* ********************* */

.table-responsive {
    /* responsive disable sticky */
    width: 97vw;
}

/* sticky element */
.sticky-top,
.table-striped tbody tr:nth-of-type(odd) > .sticky-top {
    /*position: sticky;
    top: 0;
    width: 100%;*/
    z-index: 100;
    background-color: white !important;
    box-shadow: inset 0 -2px 0 #dee2e6;
}

.table-responsive .sticky-top {
    top: 0 !important;
}

.sticky-top:hover {
    background-color: white !important;
}

.header-sticky + .content {
    /*padding-top: 102px;*/     
}

.table-hover tbody tr:hover, .table-sticky-column:hover {
    background-color: rgb(190 229 235 / 65%) !important;
    color: black !important;
}

.table-hover-no tbody tr:hover {
    background-color: transparent !important;
}

.table-header tr:hover {
    background-color: white !important;
    color: black !important;
}

.table-header .grid-header-white-space {
    white-space: normal !important;
}

.table-header td a {
    color: black !important;
}

.table-header td, .table-footer td,
.table-header .grid-header, .table-header .grid-header td, .grid-header,
.table-header .grid-header-sort, .table-header .grid-header-sort td, .grid-header-sort,
.table-header .grid-header-sort-down, .table-header .grid-header-sort-down td, .grid-header-sort-down,
.table-header .grid-header-sort-up, .table-header .grid-header-sort-up td, .grid-header-sort-up {
    background-color: white !important;
    color: black !important;
}

.table-header .table-sticky-column {
    background-color: rgb(242 242 242) !important;
    color: black !important;
}

.table-header-primary,
.table-header-primary td,
.table-header-primary td:hover,
.table-header-primary tr,
.table-header-primary tr:hover,
.table-header-primary .table-sticky-column{
    background-color: #007bff !important;
    color: #ffffff !important;
}

.table-header-success,
.table-header-success td,
.table-header-success td:hover,
.table-header-success tr,
.table-header-success tr:hover,
.table-header-success .table-sticky-column{
    background-color: #28a745 !important;
    color: #ffffff !important;
}

.table-header-info,
.table-header-info td,
.table-header-info td:hover,
.table-header-info tr,
.table-header-info tr:hover,
.table-header-info .table-sticky-column{
    background-color: #17a2b8 !important;
    color: #ffffff !important;
}

.table-header-warning,
.table-header-warning td,
.table-header-warning td:hover,
.table-header-warning tr,
.table-header-warning tr:hover,
.table-header-warning .table-sticky-column{
    background-color: #ffc107 !important;
    color: #000000 !important;
}

.table-header-danger,
.table-header-danger td,
.table-header-danger td:hover,
.table-header-danger tr,
.table-header-danger tr:hover,
.table-header-danger .table-sticky-column{
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.table-header-secondary,
.table-header-secondary td,
.table-header-secondary td:hover,
.table-header-secondary tr,
.table-header-secondary tr:hover,
.table-header-secondary .table-sticky-column{
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.table-header-dark ,
.table-header-dark  td,
.table-header-dark  td:hover,
.table-header-dark  tr,
.table-header-dark  tr:hover,
.table-header-dark  .table-sticky-column{
    background-color: #343a40 !important;
    color: #ffffff !important;
}

.table-header > .table-sticky-column a:link {
    background-color: transparent !important;
}

.grid-header-sort a, .grid-header-sort-down a, .grid-header-sort-up a { background-color: white !important; color: #000000 !important; }
.grid-header-sort a:link, .grid-header-sort a:visited,
.grid-header-sort-down a:link, .grid-header-sort-down a:visited,
.grid-header-sort-up a:link, .grid-header-sort-up a:visited { background-color: white !important; color: #000000 !important; }
.grid-header-sort a:hover, .grid-header-sort-down a:hover, .grid-header-sort-up a:hover { background-color: white !important; color: #000000 !important; }




/* ********************* */


.ui-datepicker {
    z-index: 200 !important;
}


.grid-header-sort {
        
}
.grid-header-sort-up.glyphicon, .grid-header-sort-down.glyphicon {
    top: -1px !important;
    display: block;
}

.grid-header-sort-up.glyphicon.glyphicon-triangle-top:before {
    content: none;
}
.grid-header-sort-up.glyphicon.glyphicon-triangle-top:after {
    content: "\e253";
    margin-left: 5px;    
}
.grid-header-sort-down.glyphicon.glyphicon-triangle-bottom:before {
    content: none;
}
.grid-header-sort-down.glyphicon.glyphicon-triangle-bottom:after {
    content: "\e252";
    margin-left: 5px;
}

.grid-header-caption {
    height: 23px;
}

.grid-header-caption-first {
    position: absolute;
    margin-top: -3px;
    background-color: #dcdcdc;
    /*width: 100%;*/
    height: 23px;
    text-align: left;
    padding-left: 10px;
    margin-left: -12px;
}


.pagination {
    margin: 6px 0 !important
}

.pagination-counter {
    padding-top: 6px;
    display: inline-block;
}

.page-item>span {
    line-height: 1.5 !important;
}

    

/* DROPDOWN MENU */
.dropdown>a {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-menu>.dropdown {
    padding-right: 10px;    
}

.navbar-nav .dropdown-menu {
    margin-top: 0px;
}

.navbar-nav .dropdown-menu {
    /*margin-top: -6px;*/
    border-top: 4px solid rgb(255, 193, 7) !important;
}

.navbar-nav .dropdown-menu-lang {
    border-top: 0px !important;
    top: 6px !important;
}

.dropdown-menu > li > a {
    display: inline-block;    
}       

.dropdown-menu > .dropdown > .btn {
    width: 90%;
    text-align: left; 
}  

.dropdown>.dropdown-toggle {
    padding-top: 5px;
}

.panel-body>btn {
    min-height: 37px;
}

.btn-group>.dropdown-toggle {
    min-height: 37.5px;
}

.dropdown-menu>.dropdown:hover, 
.dropdown-menu>.dropdown-submenu:hover {
    background-color: #cccccc;
    /* IE10 */
    background-image: -ms-linear-gradient(top right, #FFFFFF 0%, #ffc107 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #ffc107 100%);
    /* Opera */
    background-image: -o-linear-gradient(top right, #FFFFFF 0%, #ffc107 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #ffc107));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #ffc107 100%);
    /* Regola standard */
    background-image: linear-gradient(to top right, #FFFFFF 0%, #ffc107 100%);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-toggle {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-submenu>.dropdown-menu {
    position: absolute;
    top: 0;
    padding: 0;
    left: 100%;    
    /*margin-top: -6px;*/
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
        
/* IMMAGINI */
.fa, 
.fas {
    font-family: Verdana,sans-serif;
    font-weight: normal;
}

.fa:before, 
.fas:before {
    padding-right: 6px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 2px;
}

.btn-fa-inline {
    padding-right: 2px;
    padding-left: 6px;
}

/*  COLORI FONT DI DEFAULT */

.font-green {
    color: #419641;
}

.font-red {
    color: #dc2c27;
}

.font-blue {
    color: #337ab7;
}


/*
    STYLE RADIO E CHACKBOX
*/
.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.3em;
  text-indent: 3.25em;
  padding: 0;
    margin: 0;
  font-weight: normal !important;
  /*margin-top: 2em;*/
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2713';
  text-indent: .9em;
  color: #C2C2C2;  
}

.funkyradio input[type="radio"]:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:not(:checked) ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  /*color: #777;*/
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2713';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #f8f9fa;
}

.funkyradio-light input[type="radio"]:checked ~ label:before,
.funkyradio-light input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #f8f9fa;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #0069d9;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #28a745;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #dc3545;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #ffc107;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #17a2b8;
}

.funkyradio-secondary input[type="radio"]:checked ~ label:before,
.funkyradio-secondary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #6c757d;
}

.funkyradio-dark input[type="radio"]:checked ~ label:before,
.funkyradio-dark input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #343a40;
}


    .table-striped tr:nth-of-type(odd) > .table-primary {
        background-color: #8db9e8 !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-success {
        background-color: #a1d2ac !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-danger {
        background-color: #f1959f !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-info {
        background-color: #8dccd6 !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-warning {
        background-color: #ead8a0 !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-active {
        background-color: #bfbdbd !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-secondary {
        background-color: #bfbdbd !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-light {
        background-color: #e8e8e8 !important;
    }

    .table-striped tr:nth-of-type(odd) > .table-dark {
        background-color: #a4a4a5 !important;
    }

    .table-outline-primary {
        border-left: 2px solid #007bff !important;
        border-right: 2px solid #007bff !important;
        vertical-align: middle;
    }

    .table-outline-secondary {
        border-left: 2px solid #6c757d !important;
        border-right: 2px solid #6c757d !important;
        vertical-align: middle;
    }

    .table-outline-success {
        border-left: 2px solid #28a745 !important;
        border-right: 2px solid #28a745 !important;
        vertical-align: middle;
    }

    .table-outline-info {
        border-left: 2px solid #17a2b8 !important;
        border-right: 2px solid #17a2b8 !important;
        vertical-align: middle !important;
    }

    .table-outline-warning {
        border-left: 2px solid #ffc107 !important;
        border-right: 2px solid #ffc107 !important;
        vertical-align: middle;
    }

    .table-outline-danger {
        border-left: 2px solid #dc3545 !important;
        border-right: 2px solid #dc3545 !important;
        vertical-align: middle;
    }

    .table-outline-dark {
        border-left: 2px solid #343a40 !important;
        border-right: 2px solid #343a40 !important;
        vertical-align: middle;
    }


    .badge-outline-primary {
        color: #007bff;
        border-color: #007bff;
        border: solid 1px;
    }

    .badge-outline-secondary {
        color: #6c757d;
        border-color: #6c757d;
        border: solid 1px;
    }

    .badge-outline-success {
        color: #28a745;
        border-color: #28a745;
        border: solid 1px;
    }

    .badge-outline-info {
        color: #17a2b8;
        border-color: #17a2b8;
        border: solid 1px;
    }

    .badge-outline-warning {
        color: #ffc107;
        border-color: #ffc107;
        border: solid 1px;
    }

    .badge-outline-danger {
        color: #dc3545;
        border-color: #dc3545;
        border: solid 1px;
    }

    .badge-outline-dark {
        color: #343a40;
        border-color: #343a40;
        border: solid 1px;
    }


/*
    FILTRI DI RICERCA
*/

.filterBlockCont {
    display: inline-block;
}   

.filterBlock {
    display: inline-block;
    padding: 2px 5px 2px 5px; 
    vertical-align: middle;
    /*float: left; 
    width: 100%;*/
}    

.filterBlock-br {
    display: block;
    padding: 2px 5px 2px 5px; 
    vertical-align: middle;
    /*float: left; 
    width: 100%;*/
}   

.filterLabel {
    /*float: left;*/
}
.filterValue {
    /*float: right;*/
    min-height: 36.5px;
}

.filterCurrency {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    border-radius: 10px 10px;
    text-align: center;
    font-weight: bold;
}

.filterCurrency .fa-info-circle {
    font-size: 14px;
    display: inline-block;
    float: right;
    margin-top: 4px;
}

/*
    PANNELLI
*/

.page-cards {
    background-color: #f0f0f0;
    margin: 0;
    padding: 10px;
    box-shadow: inset 0px 5px 3px #dedede;
}

.card-label {    
    min-height: 45px;
    vertical-align: top;
    padding-top: 14px !important;
}
.card-value {
    min-width: 300px;
    height: 45px;
    min-height: 45px;
}

.card-header {
    padding: .75rem 1.25rem !important  ;
}

.card .card-label{
    padding: .75rem 1.25rem !important  ;
}

.card-body {
    background-color: #fff;
}	


/*
    DROP DOWN MENU MULTI FIELD
*/
.ddl-multi-value {
    display: none;
}
.ddl-multi-field {
}

.ddl-multi-field label.checkbox {
    padding: 3px 20px 3px 10px !important;
}

.ddl-multi-field input[type=checkbox] {
    position: static !important;
    margin-right: 5px !important;
}

.ddl-multi-field a:hover {
    font-size: 16px;
}

.ddl-multi-field .form-control {
    height: 36px !important;
}

.ddl-multi-field .btn{
    display: block;
    width: 100%;
    height: 36.5px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /*font-family: Verdana,sans-serif;
    font-weight: normal;*/
}

.multiselect-native-select .multiselect {
    margin: 0;
}

/* AUTOCOMPLETE */

#tat_table {
    border: solid 2px #ffffff;
    box-shadow: 5px 5px 3px #007bff;
    box-rounded: 5px 0px 5px 0px;
}

#tat_table tr {
    /*color: #004085 !important;*/
    /*background-color: transparent;*/
    border-bottom: 1px solid #999999;
}

#tat_table td {
    padding-left: 5px !important;
}

.search-row-main {
    color: #FFFFFF !important;
}

.search-row-detail {
    color: #a6f9b9 !important
}

.search-row-sub {
    color: #ffc107 !important;
}

