/*
 * #00546B scurissimo
 * #6288b9 
 * #6b88ae 
 * #9ab8de chiarissimo
 #052E64
 */ 
body {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10px;
    /* color: #333333; */
    color: #838282;
    /* background-color: #97abc2; scuro */
    /* background-color: #e5eaf0;grigio chiaro  */
    background-color: #f8f8f8;
}
.bg-white {
    background-color: #ffffff !important;
}
.bg-blu {
    background-color: #97abc2 !important;
}
.bg-atlamo {
    color: #fff;
    /* background-color: #f8f8f8; */ 
    /* background-color: #00546B; // scuro */
    /* background-color: #6b88ae; // sfondo ricerca / menu */
    /* background-color: #9cb9df; // title */
    /* background-color: #aac3e6; // subtitle */
    /* background-color: #e5eaf0; // form chiaro */    
}
.bg-logo {
	background-image: url('/dwwe/framework/app/webroot/img/logo-bg-atlanticmoon.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	background-position: right;
}
/*
 * sfondo in base al tipo di documento
 * clienti => green
 * fornitori => violet
 * interni => blue
 *  web => grey
 */ 
body.green_01 {
    background-color: #e5f0ea;
}
body.green_02 {
    background-color: #afe0c6;
    background-color: #e5f0ea;
}
body.green_03  {
    background-color: #c7ffe1;
    background-color: #e5f0ea;
}
body.grey_01  {
    background-color: #eaeaea;
}
body.grey_02  {
    background-color: #e0e0e0;
    background-color: #eaeaea;
}
body.grey_03  {
    background-color: #ffffff;
    background-color: #eaeaea;
}
body.violet_01  {
    background-color: #eae5f0;
}
body.violet_02  {
    background-color: #c6afe0;
    background-color: #eae5f0;
}
body.violet_03  {
    background-color: #e1c7ff;
    background-color: #eae5f0;
}
body.blue_01  {
    background-color: #e5eaf0;
}
body.blue_02 {
    background-color: #afc6e0;
    background-color: #e5eaf0;
}
body.blue_03 {
    background-color: #c7e1ff;
    background-color: #e5eaf0;
}
a:visited {
    color:#000000;
}
.container-atlamo {
   margin: 0px;
   padding: 0px;
   /* background-color: #e5eaf0; */
   /* background-color: #f8f8f8; */
   height: 100%;
   display: block;
}

.header {
    color: #fff;
    background-color: #00546B;
    padding: 8px  8px 8px 12px;
    height: 35px;
}
.header h1 {
    font-size: 16px;
    /* margin: 3px 0 3px 0; */
}
.sub-title h3 {
    font-size: 13px;
    margin-top: 5px;
    /* margin-bottom: 5px; */
    /* background-color: #6288b9; */
    background-color: #00546B;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    height: auto;
    min-height: 25px !important;
}
.sub-title h3 a {
    text-decoration: none;
    margin-left: 20px;
    font-weight: normal;
}
.sub-title h3 a:hover,
.sub-title h3 a i:hover,
.sub-title h3 a:visited,
.sub-title h3 a i:visited  {
    color: #e4e4e4 !important;
}

.content {
    margin: 0px;
}

.content_data_row {
    margin: 5px; /* margine al form */
}

.content_data_row.required {
    margin-top: 25px;
}
.panel {
	/*
	 * ovveride bootstrap
	 *	border: 1px solid transparent;
	 *  border-radius: 4px;
	 *  box-shadow: 0 1px 2px rgba(0,0,0,.05);
	 */
	 border: none;
	 box-shadow: none;
}
.panel-default {
    background-color: #fff;
}
/* non e' piu' utilizzato
.panel-heading-content {
    border-top: 1px solid #9ab8de;
    border-left: 1px solid #6288b9;
    border-bottom: 1px solid #6288b9;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;        
}
*/
.panel-body-content {
    padding: 0px;
}
.footer {

}
/*
 * grid end
 */

tr {
    vertical-align: text-bottom;
}

/*
 * kernel filter
 */
.row-filter-header > td {
    border-bottom: 1px solid #00546B;    
}
.filter-header {
    color: #333333;
    font-size: 12px !important;
    line-height: 1.6;   
}
table.table-filter > tbody > tr > td {
    padding: 2px;
    font-size: 12px !important;
    line-height: 1.6;
}

/*
 * kernel search results
 */
th.alnL {
    text-align: center;
    vertical-align: middle;
}

table.table-results {
    margin-top: 5px;
    background-color: #fff;
    border-collapse: separate;
    border-spacing: 2px;
}
table.table-results > tbody > tr > th, 
table.table-results > thead > tr > th  {
    /* padding: 5px 10px; */
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4;
    color: #fff;
    background-color: #a9a9a9;
    border: 1px solid #a9a9a9;
    padding: 2px 4px 2px 4px;
}
table.table-results > tbody > tr > td {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1.4;
}
.even {
    color: #333;
    background: #e4e4e4 !important;
}
.odd {
    color: #333;
    background: #fff !important;
} 
.td-stati {
    /* colonna con gli stati */
    min-width:150px;
}
tr.tr-green th {
    background-color: #a9a9a9 !important; /* grigio */
    color: #FFF !important;
    /*
    background-color: #25c16f !important; // verde
    background-color: #fcfcfc !important;
    color: #000 !important;
    border: 1px solid #00546b !important;
    */    
}
/* totali */
.evidenza-totali {
    color: #00546B !important; /* blu */
    font-weight: bold !important;
}
.evidenza-grigio {
    background-color: #e4e4e4 !important; /* grigio */
    color: #00546B !important; /* blu */
    font-weight: bold;
    border: 2px #00546B solid ;
}
/*
 * kernel tabs
 */
.menu_mask > ul > li {
    float: left;
    margin: 0;
    padding: 3px 10px;
    font-size: 10px;
    /* font-weight: bold; */
    color: #838282;
    /* background-color: #ddd; */
    border-right: 1px solid #838282;
    border-bottom: none;
    /* border-radius: 5px 5px 0 0; */
    cursor: pointer;
}

/*
 * kernel edit
 */
.tab_content table > tbody > tr > td {
    font-size: 12px !important;
    line-height: 1.6;
    vertical-align: middle;
}

/*
 * fields form
 */
.search-note {
    font-style: italic;
    font-size:9px;
}
.search-note::after {
    content: "(; = separatore)";
}

/*
 * campi readonly
 */
.writeField, .writeFieldTextArea, .writeFieldTextArea2, input.disabled {
    background-color: #f2f1f1 !important;
}
input.float-left {
    float: left
}

input[type="text"]:focus, select:focus, textarea:focus {
    border: 1px solid #6288b9;
}
input[type=text], input[type=password], select, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    z-index: 2;
    padding: 1px 1px 1px 5px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    /* -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;
}
input[type="text"].error, select.error {
    margin:0 0 1px;
}

input[name="txtUserTag"] {
    width: 89% !important;
    max-width: 89% !important;
    min-width: 89% !important;
} 

.table-filter input[type=text], .table-filter select, .table-filter textarea {
    background-color: #f8f8f8;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}
.table-filter input[type=text]:hover, .table-filter select:hover, .table-filter textarea:hover,
.table-filter input[type=text]:focus, .table-filter select:focus, .table-filter textarea:focus {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
}
.table-filter select {
    width: 50px;
    min-width: 50px;
}


/*
 * custom checkboxes 
 *
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}  
*/

input[type=checkbox]:not(#chkTogleAll):not(#ChekBoxList):not(.chk) { display: none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  font-weight: 900;
  font-size: 14px;
  color: #00546B;  
}

input[type=checkbox]:not(.chk) + label:before { content: "\f204"; font-size:20px; } /* \f205  \f096 unchecked icon */
input[type=checkbox]:not(.chk) + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:not(.chk):checked + label:before { content: "\f205"; font-size:20px; } /* \f046 checked icon */
input[type=checkbox]:not(.chk):checked + label:before { letter-spacing: 5px; } /* allow space for check mark */


/*
 * ico 
 */
.fas.fa-calendar-alt, .fas.fa-bars, .fas.fa-window-close, 
.fas.fa-code-branch, .far.fa-lightbulb {
    font-size: 12px;
    color: #00546B;
    margin-left: 5px;
    cursor: pointer;
}
.fas.fa-calendar-alt:hover, .fas.fa-bars:hover, .fas.fa-window-close:hover, 
.fas.fa-code-branch:hover, , .far.fa-lightbulb:hover {
    color: #fff;
    opacity: 1;
}


/*
 * btns
 */  
.btn, .button:not([type="text"]), .buttonIES, .butLarge, .stampaBTN {
    display: inline-block;
    margin: 0 0 0 5px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*
    white-space: nowrap;
    white-space: break-spaces;
    */
    text-decoration: none;
} 
.btn:hover, .btn:hover i,
.btn:focus, .btn:focus i {
  text-decoration: none;
  color: #fff;
}
.btn-primary, .button, .buttonIES,
.butLarge, .stampaBTN {
    color: #fff;
    background-color: #a9a9a9;
} 
.btn-primary:hover, .button:hover, .buttonIES:hover,
.butLarge:hover, .stampaBTN:hover,
.btn-primary:focus, .button:focus, .buttonIES:focus,
.butLarge:focus, .stampaBTN:focus {
  color: #fff;
  background-color: #00546B;  
  border-color: #e4e4e4;
}
.btn-primary:active, .button:active, .buttonIES:active,
.butLarge:active, .stampaBTN:active {
  color: #fff !important;
  background-color: #00546B !important;  
  border-color: #e4e4e4 !important;
}
.button--, .buttonIES-- {
    padding: 6px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-url: none;
    background-color: #6288b9;
    border: 1px solid #6288b9;
    border-radius:5px;
    cursor: pointer;
}

.button i {
    margin-right:5px;
}

.button--:focus {
    outline: none;
}

.button--:hover {
    color: #6288b9;
    background-color: #fff;
}
input.butLarge:hover,
input.butLarge:focus {
  color: #fff;
  background-color: #00546B;  
  border-color: #204d74;
}
.button-link {
    background: none;
    border: none;
    width: 55px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    color: #00546B;
    font-size: 12px;
    text-decoration: underline;
}

/*
 * alert
 */
#flashMessage, .flashMessage {
    color: #838282;
    /*background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;    
    */
    margin: 10px 0 10px 0;
}

.success {
    margin: 1rem;
    color: #856404;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: .25rem;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    font-size: 12px;
    display: block;
}
.error {
    margin: 1rem;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: .25rem;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    font-size: 12px;
    display: block;
}
.text-white {
    color: #fff;
}
.btn-headers:hover,
.btn-headers:focus {
    color: #fff !important;
}
/* 
 * ui datepicker 
 */
.ui-datepicker-month, .ui-datepicker-year {
    min-width: auto;
}

/*
 * delay
 */
#PleaseWaitDiv
{
    width:98%;
    overflow:hidden;
    padding: 5px 15px;
}
#PleaseWaitDiv span
{
    width:15%;
    float:left;
}
#PleaseWaitDiv img
{
    width:85%;
    height:10px;
    float:left;
}
/*
 * grid
 */
tr.grid_violet {
    background-image: none;
    background-color: #fff3cd;
}

.cursor-pointer {
    cursor: pointer;
}

/*
 * override php cursor: stom 
 */
.container_12, .container_16 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}








#pdfReport {}
#pdfReport .pdfReportClose {
    text-align: right;
}
#pdfReport .pdfReportClose button {
    width: 45px;
    text-align: center;
    padding: 1px;
}#pdfReport .pdfReportClose button::before {
    content: "Chiudi";
}

/*
 * override
 */
.showTabs div.content {
    min-height: 500px;
    padding-top: 52px;
    padding-right: 10px;
    background-color: #f8f8f8;
}
.showTabs div.content.no-menu {
    padding-top: 10px;
}
.showTabs div#MenuDiv {
    width: 99%;
    position: absolute;
    top: 68px;
    left: 5px;
} 

/*
 * menu
*/
ul.new_document_menu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
ul.new_document_menu li {
    margin-top: 0;
    margin-bottom: 0;
}
li.btn.disabled {
    display: none !important;
}
ul.new_document_menu li.separator {
    display: inline !important;
    border: 1px solid #00546B;
    width: 1px;
    display: table;
    float: left;
    height: 40px;
    line-height: 1;
    padding: 0px;
    margin: 0 0 0 5px;
}
ul.new_document_menu li.btn {
    display: inline;
    float: left;
    background-color: #e4e4e4;
    text-align: center;
    height: 40px;
    border-radius: 0px;
    border: 1px solid #e4e4e4;
}
ul.new_document_menu li.btn a, 
ul.new_document_menu li.btn a i {
    color: #00546B;    
}
ul.new_document_menu li.btn a:hover, 
ul.new_document_menu li.btn a:focus {
    color: #fff;
    background-color: #00546B;    
}
ul.new_document_menu li.btn a span {
    display: block;
}

ul.new_document_menu li.btn-disabled {
    opacity: 0.5;
}
ul.new_document_menu li.btn-disabled a {
    opacity: 0.5;
    cursor: default;
}

.box-tag {
    /* background-color: #fff;
    box-shadow: 5px 5px 2px #dedede;
    padding: 10px;
    text-align: center;*/
}

/*
 * per tabindex
 */
div:focus, li:focus, a:focus, input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


/*
 * ovveride ui-modal 
 */
.intelliTip.ui-dialog {
    background-color: #fff  !important;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.intelliTip.ui-widget-content, .intelliTip .ui-widget-content {
    border: none  !important;
    background: none !important;
    background-color: #fff  !important;
    color: #838282 !important;  
}
.intelliTip .ui-widget-header {
    background: none !important;
    background-color: #00546B !important;
}
.intelliTip button {
    border: none !important;
    background: none !important;
    color: #fff !important;
    background-color: #a9a9a9 !important;
}
.intelliTip button:hover, .intelliTip button:active {
    border: none !important;
    background: none !important;
    color: #fff !important;
    background-color: #00546B !important;  
    border-color: #e4e4e4 !important;
}

/*
 * ovveride calendar 
 */
.ui-datepicker {
    width: 22.7em;
    width: 26.7em;
}
.ui-widget-header{
    background: none;
    background-color:#00546b;
    border:1px solid #00546b !important;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker td span, .ui-datepicker td a {
    width: 3.2em;
    text-align: center;
}
.ui-datepicker th {
    padding: .7em 1px;
}
.ui-datepicker select {
    padding: 2px;
    font-size: 1em!important;
    background-color: #fff;
    border: 1px solid #cfcfcf;
}
.calendar {
    float: left;
    margin: 0;
}
.calendar.error {
    border: 1px solid #d8000c
}
.col-graph-seach {
    margin-bottom: 5px;
}
.graph-search {
    height: 32px;
    font-size: 14px;
} 
.bootstrap-autocomplete.dropdown-menu {
    width: auto !important;
}