@charset "utf-8";
/* CSS Document */

/* set Controls Height */
input , select, .esys-ckeck{
	height:26px;
}

/* set Controls Text Right Alignment */
.input_currency, .input_number,.input_decimal,.input_time{
	text-align:right;
}

/* set Controls Focus Text Right Alignment */
.input_currency:focus, .input_number:focus, .input_decimal:focus ,.input_time:focus{	
	text-align:right;
}

.btn{
	line-height:1;
}

.input_lable{
	background:none;	
	border:hidden;
	color:#000;
	font-weight:bold;	
	cursor:default;
}

.input_heading{
	border:hidden;
	color:#00F;
	background:none;	
	font-weight: normal;
	cursor:default;
}

/* set Controls Defaults */
.input_text, .input_datalist ,.input_currency, .input_number,.input_decimal, .input_pass, .input_time,.select_text{
	width: 100%;
    border : 1px solid #06C;
    color : #000000;
    background-color : #FFF;
    padding : 3px;
    font-weight : normal;  
}

/* set Controls Focus */
.input_text:focus, .input_datalist:focus, .input_currency:focus, .input_number:focus, .input_pass:focus,.input_decimal:focus,.input_time:focus ,.select_text:focus {		
    color: #495057;
    background-color: #fff;
    border: 1px solid #0033FF;
	box-shadow: 0px 1px 10px #03F;
	border-radius: .15rem;
	opacity: 0.9;
}

/*.input[readonly="readonly"]{
	border : 1px solid #06C;     
    color : #FFA8B7;
    background-color : #ECFBFD;
    padding : 3px;
    font-family : Arial;
	cursor:default;
}*/

.input_Display{	
	width: 100%;
	border : 1px solid #06C;  	   
    color : #FFA8B7;
    background-color: #c9e1fb;
    padding : 3px;
    font-weight:normal ;
	cursor:default;
}

.input_Display_Change{
	border : 1px solid #06C;     
    color : #000;
    background-color : #ECFBFD;
    padding : 3px;	
    font-weight:normal ;
	cursor:default;
}

.input_Display:hover,input_Display_Change:hover{   
	cursor:default;
}

.gdate {
	width : 100%;
    border : none;
    height : 15px;
    font-family : arial;
    font-size : 12px;
    background-color : transparent;    
    text-align : center;
}

.input_date,.dob {
	width : 100%;
	text-align:right;
    border : 1px solid #06C;
    color : #000;
    background-color :#ECFBFD;
    padding : 3px;
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;    
}

.label_cancelled{
	text-align:center;
	font-size:1.5rem;
	font-weight:bold;
	background-color:#F00;
	color:#FFF;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px;	
}

.label_cancelled label{
	padding:0;
	margin:0;
}

.shift-type{
	padding-top:10px;
}

.shift-type label{
	width:100%;
	background-color:#333;
	color:#FFF;
	text-align:center;
}

.tb_head_th{
	border: 0.25px solid #FFF;
}

/*Reports List ------------------*/

.esys-report-list{
	width:100%;
	display: block;	
}

.list-main{
	position:relative;
	display:block;
	width:100%;
	background-color:#0080C0;
	color:#FFF;
	padding-left:0.5em;
	cursor:default;
	border-bottom:#FFF thin solid;
}
.list-main span{
	width:100%;
}

.list-main:hover{
	background-color:#06C;
	color:#FFF;	
	text-decoration:none;
}

.list-Item{   
    padding: .1rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.list-Item:hover{ 
	background-color:#BCECFC;
}

.list-Item a{
	margin-left:1em;
}

.list-Item a:hover{	
	cursor:default;
	font-weight:800;
}

/*------------------------------ */

ul#tabs { 
	list-style-type: none; 
	margin: 0 0 0 0; 
	padding: 0 0 0.3em 0; 
}

ul#tabs li { 
	display: inline;	
}

ul#tabs li a {

	 color: #036; 
	 background-color: #dedbde; 
	 border: 1px solid #c9c3ba; 
	 border-bottom: none; 
	 padding: 0.5em; 
	 text-decoration: none; 
	 font-weight:bold; 
}

ul#tabs li a:hover { 
	background-color: #f1f0ee;
	font-weight:normal; 
}

ul#tabs li a.selected { 
	color: #006; 
	background-color: #f1f0ee; 
	font-weight: bold; 
	padding: 0.7em 0.3em 0.38em 0.3em; 
}

div.tabContent { 
	border: 1px solid #c9c3ba; 
	padding: 0.5em; 
	background-color: #f1f0ee; 
}

div.tabContent.hide { 
	display: none; 
}

/*
*
* ==========================================
* 	Image / File UP LOAD
* ==========================================
*
*/
.img_preview_frame_id_front{
	height:300px; 
	width:201px;  
	border:solid medium #999; 
	padding:5px; margin:auto;
}

.img_preview_frame_id_back{
	height:201px; 
	width:300px;  
	border:solid medium #999; 
	padding:5px; margin:auto;
}


.img_preview_frame{
	height:130px; 
	width:110px;  
	border:solid medium #999; 
	padding:5px; margin:auto;
}

.img_preview_back{
	height:auto;
	width:100%; 
	background-color:#CCC; 
	color:#FFF;margin:auto;
	text-align:center;
}

.img_preview_back img{
	height:100%; 
	background-color:#CCC;
}

#img_files {  
  margin-top:5px;
}

.esys-preview{
	transition: 0.3s;
}

.esys-preview:hover{	
	-moz-box-shadow : 0px 0px 15px #039;
	-webkit-box-shadow : 0px 0px 15px #039;
	box-shadow : 0px 0px 15px #039;
}

.esys-preview-pdf{
	transition: 0.3s;
}

.esys-preview-pdf:hover{	
	-moz-box-shadow : 0px 0px 15px #039;
	-webkit-box-shadow : 0px 0px 15px #039;
	box-shadow : 0px 0px 15px #039;
}

/*
*
* ==========================================
* 	Image / File UP LOAD
* ==========================================
*
*/