/* Style sheet for ETAS Screens */

/* Styles used in input form and response pages. */
.header {
    font-family: Verdana, Arial, sans-serif;
    background: #CCCCCC;
    color: #800000; 
    font-size: 100%;
    font-weight: bold;
}
.label { 
    background: #7EADFF; 
    color: navy;
    text-align: right; 
    font-family: Arial, Verdana, sans-serif;    
    font-size: 90%
}
.labelcenter { 
    background: #7EADFF; 
    color: navy;
    text-align: center; 
    font-family: Arial, Verdana, sans-serif;    
    font-size: 90%;
}
.data { 
   /* background: #f2f2f2;
    color: #ec2528; */
    font-family: Arial, Verdana, sans-serif; 
    font-size: 80%;
    padding-left: 7px;
    padding-top: 5px;
    border:1px solid #21293c;
}
.data a{ 
    /*color: #ec2528;
    font-weight: bold;*/ 
    font-family: Arial, Verdana, sans-serif; 
    font-style: italic;
    /*color: #e92b2b;*/
}
.arabdata { 
    /*background: #B5C8FF;*/
    /*color: navy; */
    font-family: Arial, Verdana, sans-serif;
    border: 1px solid #21293c;
}
.datacenter { 
    /*background: #f2f2f2;*/
    /*color: #ec2528;  */
    text-align: left; 
    font-family: Arial, Verdana, sans-serif; 
    font-size: 80%;
    padding-left: 5px;
    padding-top: 5px;
    border:1px solid #21293c;
}
.dataright { 
   /* background: #f2f2f2;
    color: #ec2528; */
    text-align: left; 
    font-family: Arial, Verdana, sans-serif; 
    font-size: 80%;
    padding-left: 5px;
    padding-top: 5px;
    border:1px solid #21293c;
}
.instruct {
    background: white; 
    font-family: Arial, Verdana, sans-serif; 
    color: #000066; 
    font-size: 80%
}
.arabinstruct {
    background: white; 
    font-family: Verdana, sans-serif; 
    color: #000066; 
    font-size: 120%;
 }
.instructemph {
    background: white; 
    font-family: Arial, Verdana, sans-serif; 
    color: #000066; 
    font-size: 12pt;
    font-weight: bold
}
.greet {
    font-family: Arial, Verdana, sans-serif; 
    color: #1602CA;
    font-weight: bold;
    font-size: large
}

.warning { 
    color: red; background: white; 
    font-weight: bold
}

.mainresult {
    background: white; 
    font-family: Arial, Verdana, sans-serif; 
    color: #000066; 
    font-size: 80%;
    font-weight: bold
}
.response { 
    background: #B5C8FF; 
    color: navy;
    font-family: Arial, Verdana, sans-serif;    
    font-size: 90%
}
.refno { 
    background: #B5C8FF; 
    color: navy;
    font-family: Arial, Verdana, sans-serif;    
    font-weight: bold;
    font-size: 110%
}
.validation {
    background: white; 
    color: navy;
    font-family: Arial, Verdana, sans-serif;    
    font-size: 90%
}

/* Styles used in help window */
.helpBack {
    color:black;
  margin-left: 10px;
  margin-right: 10px;
  border-style: dotted;
  border-width: 1px;
  border-radius:5px;
    font-size: 13px;
    font-family: Arial;
    white-space: initial;
  background-color:lightyellow;
  padding: 10px;
  line-height: 21px;     
}
.helpHead {
    font-family: Arial, Verdana, sans-serif; 
    text-align: left ;
    background: #21293c;    
    color: #fff;
    padding: 5px 8px; 
    font-size: 15px;
}
.helpText {
    font-family: Arial, Verdana, sans-serif; 
    color: #000;
}
.helpBack input{
    border-radius: 5px;
    background-color: #ea2b2b;
    border: 2px;
    font-size: 15px;
    padding: 7px 15px;
    color: #fff;
}

/* Styles used in jsp page top */
.bannersmallfill {
    background: #7F9FCD
}

/* Styles used in policy statement pages. */
.polnormal {  
    font-family: Arial, Verdana, sans-serif; 
    font-size: 10pt; font-style: normal; 
    line-height: normal; font-weight: normal; font-variant: normal; 
    text-transform: none; color: #000000
}
.polbold {
    font-family: Arial, Verdana, sans-serif; 
    font-size: 10pt; font-style: normal; 
    line-height: normal; font-weight: bold; font-variant: normal; 
    text-transform: none; color: #000000
}
.polemph {
    font-family: Arial, Verdana, sans-serif; 
    font-size: 10pt; font-style: normal; 
    line-height: normal; font-weight: bold; font-variant: normal;
    font-style: italic; 
    text-transform: none; color: #000000
}
@media print {
  .hideForPrint {
    display: none;
  }
}
.error {
color: #D8000C;
/**background-color: #FFBABA;*/
}

.fixwiddth{width:100px; word-wrap: break-word;}

.deleteButton {
	background-color:#e4685d;
	-moz-border-radius:26px;
	-webkit-border-radius:26px;
	border-radius:26px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:0px 4px;
	text-decoration:none;
}
.deleteButton:hover {
	background-color:#eb675e;
}
.deleteButton:active {
	position:relative;
	top:1px;
}
.borderBlueDiv{
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
	border: 1px blue solid;
}
.loading{
display:none;
position:fixed;
top:201;
left:604; 
width:100%;
height:100vh;
pointer-events:none;
}
.overlay{
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
cursor: pointer;	
}

.margquee-position {
  padding-top: 8px;
  width: 86%;
    float: right;
}
.print-link a{
    color: #e92b2b;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ff0000 !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25) !important;
}