input, textarea, select {
    font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#000000;
	
}

td, th {
	padding:2px;
	
}
table , td{
 vertical-align: middle;
}
.mainW{
	background-color:#70A3CC;
}

.textWhite {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-decoration:none;
}
.textWhite A{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
}
.textWhite A:hover{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:underline;
}
.textBottom {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
}
.textBottom A {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
}
.textBottom A:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:underline;
}
.topNav {
	font-family: Verdana,Arial,;
	font-size: 16px;
	color:#17A2C8;
	text-decoration:none;
}
.topNav A {
	font-family: Verdana,Arial,;
	font-size: 16px;
	color:#17A2C8;
	text-decoration:none;
}
.topNav A:hover {
	font-family: Verdana,Arial,;
	font-size: 16px;
	color:#337ab7;
	text-decoration:none;
}
.subhead-color{
background:#039DC8;
color:#FFFFFF;
}
.error {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#FF0000;
}
.error A{
	font-size: 12px;
	color:#FF0000;
	text-decoration:none
}
.error A:hover{
	text-decoration:underline
}
.required {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#FF0000;
}
.required A{
	font-size: 12px;
	color:#FF0000;
	text-decoration:none
}
.required A:hover{
	text-decoration:underline
}
.main-text-search{
color:#737373;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.h1 {
	font-family: 'Open Sans', sans-serif;
	color:#50647C;
	font-size: 20px;
	text-decoration:none;
	padding:15px;
	font-weight:bold;
}
.h2 {
	font-family: 'Open Sans', sans-serif;
	color:#817C6E;
	border-bottom: solid 1px #817C6E;
	font-size: 16px;
	text-decoration:none;
		font-weight:bold;

}
.h2 A {
	font-family: 'Open Sans', sans-serif;
	color:#FF8400;
	font-size: 16px;
	text-decoration:none;
}
.h2 A:hover {
	font-family: 'Open Sans', sans-serif;
	color:#70A3CC;
	font-size: 16px;
	text-decoration:none;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	color:#817C6E;
	font-size:14px;
	text-decoration:none;
	font-weight:500;
}

.content A {
	font-family: 'Open Sans', sans-serif;
	color:#484444;
	font-size: 12px;
	text-decoration:none;
}
.content A:hover {
	font-family: 'Open Sans', sans-serif;
	color:#FF3300;
	font-size: 12px;
	text-decoration:underline;
}
.contentBG{
	background-color:#f9f9f9;
	font-family:'Open Sans', sans-serif;
	border-radius:5px;
	
	font-size: 12px;
	color:#000000;
}
/*
.rowContent {
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	background-color:#f9f9f9 !important;
	font-size: 12px;
	text-decoration:none;
	padding:5px;
	border-bottom: solid 1px #DCDCDC;
}
.rowContent A {
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
.rowContent A:hover {
	font-family: 'Open Sans', sans-serif;
	color:#428bca;
	font-size: 12px;
	text-decoration:underline;
}*/
.rowFlightContent {
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	background-color:#FF9900; !important;
	font-size: 12px;
	text-decoration:none;
	padding:5px;
	border-bottom: solid 1px #DCDCDC;
}
.rowFlightContent A {
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	text-decoration:none;
}
.rowFlightContent A:hover {
	font-family: 'Open Sans', sans-serif;
	color:#f9f9f9;
	font-size: 12px;
	text-decoration:underline;
}
.rowEmpLogsContent {
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	background-color:#FFCC00; !important;
	font-size: 12px;
	text-decoration:none;
	padding:5px;
	border-bottom: solid 1px #DCDCDC;
}
.rowEmpLogsContent A {
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
.rowEmpLogsContent A:hover {
	font-family: 'Open Sans', sans-serif;
	color:#f9f9f9;
	font-size: 12px;
	text-decoration:underline;
}

.rowContentNoColor {
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	text-decoration:none;
	padding:5px;
	border-bottom: solid 1px #DCDCDC;
}
.rowContentNoColor A {
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	text-decoration:none;
}
.rowContentNoColor A:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration:underline;
}

.button {
	display:inline-block;
	background-color:#039DC8;
	border-color:#039DC8;
	padding:6px 12px;
	color:#FFFFFF;	
	border: 1px solid #039DC8;
    border-radius: 24px;
	font-size:12px;
	font-weight:900px;
	vertical-align:middle
	text-align:center;
	margin-bottom:0;
	line-height:1.42857143;
	margin-right:3px;	
	cursor:pointer;
	font-weight:600;
	}
.button:hover{
color:#FFFFFF;
background-color:#19B6E1;border: 1px solid #19B6E1;
}
.link-head{
color:#737373;
font-size:14px;
font-weight:600;
}
.well{
background-color: #e6f7ff;

}
/*
.btn-impo{
background-color:#193959;
color:#FFFFFF;
border:1px solid #193959;
border-radius:4px;
padding:10px 20px;
}
.btn-impo:hover{
color:#193959;
background-color:#F4F4F4;
}
*/
.btn-go{
border:1px solid #039DC8;
border-radius:4px;
background:#FFFFFF;
color:#039DC8;
font-weight:600;
  box-shadow: 5px 5px 6px #66CCFF;

}
.btn-edit{
background:#039DC8;
color:#FFFFFF;
}
.btn-edit:hover,.btn-edit:focus{
border:1px solid #039DC8;
border-radius:4px;
background:#FFFFFF;
color:#039DC8;
font-weight:600;
  box-shadow: 5px 5px 6px #66CCFF;
}
.btn-search,.btn-search:visited,.btn-search:focus{
background:#039DC8;
border-radius:24px;
color:#FFFFFF;
padding:5px 20px;
}
.btn-search:hover {
background:#FFFFFF;
color:#039DC8;
border:1px solid #039DC8;
font-weight:600;
 box-shadow: 5px 5px 6px #66CCFF;
}
.btn-reset,.btn-cancel{
background:#FFFFFF;
border-radius:24px;
color:#039DC8;
padding-top:4px;
font-weight:600;
border:1px solid #039DC8;
}
.btn-reset:hover,.btn-cancel:hover,.btn-cancel:focus,.btn-reset:focus{
background:#039DC8;
color:#FFFFFF;
border:1px solid #039DC8;
 box-shadow: 5px 5px 6px #66CCFF;
}

/*add button*/
.btn-button,.btn-button:focus{
background:#66CCFF;
border-radius:30px;
color:#FFFFFF;
padding:5px 20px;
}
.btn-button span {
  cursor: pointer;
    
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.btn-button:hover{
color:#FFFFFF;
font-size:14px;
}
.btn-button span:after {
content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.btn-button:hover span {
  padding-right: 25px;
}

.btn-button:hover span:after {
  opacity: 1;
  right: 0;
}
.btn-org-list,.btn-org-list:active{
background:#039DC8;
color:#FFFFFF;
border-radius:20px;
width:170px;
}
.btn-org-list:hover,.btn-org-list:focus{
background:#FFFFFF;
color:#039DC8;
border-radius:20px;
border-color:#039DC8;
font-weight:700;
}
.dropbtn{
border:1px solid #039DC8;
border-radius:4px;
background:#FFFFFF;
color:#039DC8;
font-weight:700;
box-shadow: 5px 5px 6px #66CCFF;
height:30px;
}
.bulkcolor{
font-weight:bold;font-size:16px;text-align:justify;background-color:#19B6E1;padding:5px;margin-top:5px;border-radius:5px;color:#FFFFFF;
}
.bulkdownloadbtn{
background-color:#19B6E1;padding:6px;color:white;border-radius:5px;text-align:center;

}
.allotheadcolor{
background-color:#19B6E1;color:#FFFFFF;font-size:14px;padding:10px;
}
.btn-allotmnt{
background:#039DC8;
color:#FFFFFF;
font-weight:600;
}
.btn-allotmnt:hover,.btn-allotmnt:visited,.btn-allotmnt:focus{
background:#19B6E1;
color:#FFFFFF;
font-weight:600;
}
.fa-mandatory{
font-size:12px;color:#FF0000;
}
td a,td a:hover,td a:focus{
color:#039DC8;
}
/*add button*/

.h3 {
	font-family: 'Open Sans', sans-serif;
	background-color:#66CCFF;
	padding:5px;
	font-weight:bold;
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
/* Checkbox START*/


/*table*/
.head-color{
background:#66CCFF;

}
.head-color1{
background:#19B6E1;
color:#FFFFFF;
}
.head-color a,.head-color a:hover{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}
.color1:hover{
background:#cceeff;
font-weight:600;
}
/*table*/
.checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
  }
.checkbox label:after 
 {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr
 {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

 .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon
 {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox label input[type="checkbox"]
 {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon
{
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon
 {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr
{
    opacity: .5;
}
/* Checkbox END*/

.h3 A {
	color:#000000;
	text-decoration:none;
}
.h3 A:hover {
	color:#000000;
	text-decoration:none;
}
.dayh3 {
	font-family: 'Open Sans', sans-serif;
	background-color:#000000;
	padding:12px;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 12px;
	text-decoration:none;
	border:1px #000000;
}
.dayh3 A {
	color:#FFFFFF;
	text-decoration:none;
}
.dayh3 A:hover {
	color:#6D7073;
	text-decoration:none;
}
.flighth3 {
	font-family: 'Open Sans', sans-serif;
	background-color:#FF3333;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 14px;
	text-decoration:none;
}
.flighth3 A {
	color:#FFFFFF;
	text-decoration:none;
}
.flighth3 A:hover {
	color:#6D7073;
	text-decoration:none;
}
.empLogsh3 {
	font-family: 'Open Sans', sans-serif;
	background-color:#FF9900;
	padding:5px;
	font-weight:bold;
	color:#000000;
	font-size: 14px;
	text-decoration:none;
}
.empLogsh3 A {
	color:#000000;
	text-decoration:none;
}
.empLogsh3 A:hover {
	color:#000000;
	text-decoration:none;
}

.mouseOverRow {
	background-color:#f1f1f1;
	/*cursor:	pointer;*/
}
.checkedRow {
	background-color:rgba(3, 157, 200,0.6);color:#FFFFFF;
}
.lineSeperator {
	color:#B4B4B4;
	width:100%;
	height:1px;
}
/* status Styles*/
.active{
	color:green;
}
.inactive{
	color:#000000;
}
.resigned{
	color:red;
}
.new{
	color:blue;
}
/* Attendence Legends */
.incomplete{
	color:#CE7B00;
}
.sunday{
	color:#5BADFF;
}
.holiday{
	color:#B96F00;
}
.custommarkin{
	color:#FF99FF;
}
.highlightLink {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight:bold;
}
.highlightLink A{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration:none;
}
.highlightLink A:hover{
	text-decoration:underline;
}
.small {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
}
.smallBlack {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
}
.scrolltext {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: FFFFFF; 
	font-weight: bold;
}
.medium {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 9px;
	color: B86773;
	font-weight: bold;
	text-decoration:none
}
.medium:hover {
	color: FFFFFF;
}
.mediumWhite {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 9px;
	color: FFFFFF;
	font-weight: bold;
	text-decoration:none
}
.normal {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color:#000000;
	font-size: 10px;
}
.pagelink {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 9px;
	color: 000000;
	font-weight: bold;
	text-decoration:none
}
.pagelink:hover {
	color: FF0000;
}
.mediumBlack {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color: 000000;
	font-weight: bold;
}
.big {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: FFFFFF
}

.leftNode {
	font-family: 'Open Sans', sans-serif;
	color:#484444;
	font-size: 12px;
	text-decoration:none;
	border-left:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
.rightNode {
	font-family: 'Open Sans', sans-serif;
	color:#484444;
	font-size: 12px;
	text-decoration:none;
	border-right:solid 1px #000000;
	border-top:solid 1px #000000;
}
.topNode {
	font-family: 'Open Sans', sans-serif;
	color:#484444;
	font-size: 12px;
	text-decoration:none;
	border-left:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;	
}

.allotedBox {
	background-color:#19B6E1; color:#FFFFFF; font-size:14px;padding:10px;margin:1px;
}

.letter-title {
	padding:20px;background-color:#66CCFF;border-radius:5px;
}