/* IMPORTANT TO CAPTURE CONTENT NOT DISPLAYED IN SCREEN */
.html2canvas-container { width: 3000px !important; height: 3000px !important; }
/*********  END   ************/

/*****  FOR VALIDATE  ******/
label.error{
   /* width: 160px;*/
    float: left;margin-left: 5px;margin-top: 4px;    
    font-size: 0.9em;color: red !important;    
}
/****** END  ******/

/**********  MONTH PICKER  ********/
.month-picker-next .ui-button .ui-icon, .month-picker-previous .ui-button .ui-icon {
  margin-top: -0.50em;    margin-left: -0.50em;
}
.month-picker-open-button {    margin-top: 2px;}


/**********  DATATABLE  ********/
table.dataTable thead th{
    text-align: left;
}
.dataTables_filter {
	float: left !important;;    padding-top: 3px !important;;
}
.dataTables_filter input {
	font-size: 1em !important;
}

tr.dataTableGroup,
tr.dataTableGroup:hover {
    background-color: #ddd !important;
    font-weight: bold !important;
}

table.dataTable tbody tr:hover, 
table.dataTable.stripe tbody tr.odd:hover{
    cursor: pointer;
    font-weight: bold;
}
table.dataTable tbody tr.selected,
table.dataTable.display tbody tr.odd.selected{
    /*background-color: #B0BED9;*/
    background-color: var(--as-mitem-current-bkg-color);
    color: white;
}

div.dataTables_length {
  display: none;
}

/**********  AJIELSOFT MONTH PICKER  ********/

.asmonthpicker{width:264px;height:28px;float:left;margin-left: 20px;}
.asmonthpicker .picker{position:relative;float:left;width:130px;margin-top: 3px; margin-right: 1px; margin-left: 1px;padding: 2px 0px;
  border-bottom: 1px solid #016CB2;  color: #016CB2 !important;  background:#fff;}
.asmonthpicker .picker .month{float:left;width:90px;background:url("../../images/down_arrow.gif") no-repeat scroll 80px 8px transparent;padding: 2px;}
.asmonthpicker .picker .month span{font-weight:bold;cursor:pointer;margin-top: 0px;}
.asmonthpicker .picker .month ul{z-index:100;background:#fff;position:absolute;width:98px;box-shadow: 0 2px 2px #AAAAAA;-moz-box-shadow: 0 2px 2px #AAAAAA;
    -webkit-box-shadow: 0 2px 2px #AAAAAA;top:22px;left:6px;}
.asmonthpicker .picker .month ul li{display:block;padding:3px 10px;}
.asmonthpicker .picker .month ul li:hover{background-color:#B2E1FF;cursor:pointer;}
.asmonthpicker .picker .year{float:right;margin-top: 4px;}
.asmonthpicker .picker .year input.label{border:0px;font-weight:bold;width:32px !important; text-align: center;color: #016CB2;}

.asmonthpicker .today, .asmonthpicker .prev, .asmonthpicker .next {float:left;}

.asmonthpicker .as-fa{
  font-size: 2em;    cursor: pointer;  
  padding: 2px 5px 0px 5px; margin: 0px;
}

/**********  PROGRESS BAR  ********/

  .ui-progressbar {
    position: relative;
  }
  .progress-label {
    position: absolute;
    left: 20px;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
  }

.fa, .fab, .fal, .far, .fas, .as-fa {
    color: var(--as-header-btn-color); background: var(--as-header-bkg-color); border: none;
}