/*FONT*/
/* Open Sans - Regular */
@font-face {
    font-family: 'Open Sans';
    
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}



body{
font-family: 'Open Sans',Calibri;
font-size: 14px;
height:auto;

}


/**************HEADERS**********************/
H1{
font-size:30px;
color: #656464 !important;
font-family: 'Open Sans',Calibri;

}


H2{

font-size:25px;
color: #656464 !important;
font-family: 'Open Sans',Calibri;

}


H3{

font-size:22px;
font-family: "Open Sans";

}


H4{

font-size:19px;

}

p{

font-size:16px;

}

H1.borderbottom, H2.borderbottom, H3.borderbottom, H4.borderbottom{

margin-top: 20px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: solid 1px #cccccc;

}


/**************HEADERS END**********************/


/*************HYPERLINKS BEGIN**************/
a{
color:#008CBA;
text-decoration:none;
}

a:hover, a:focus {
    color: #0078a0;
    cursor:pointer;
	text-decoration:none;
}



/*************HYPERLINKS END**************/

/**************************TABLE STYLES*******************************/
table{

	border-collapse: separate;
	border: none;
	border-radius: 15px;
	overflow: hidden;

}

table tr:nth-child(even){
	 
	  background-color: rgba(22, 127, 146, 0.13);

}





table thead{

background: #7E8083;

}

table thead tr th{
font-weight:bold;
font-size:16px;
text-align: left;
padding-top: 13px;
color: white;
padding-bottom: 13px;
}


table tr td{
font-size:16px;

}


 table thead th:first-child
{
border-top-left-radius: 15px;
border: 1px solid #7E8083;

}

table thead th:last-child{
border-top-right-radius: 15px;
border: 1px solid #7E8083;

} 

table tbody tr:last-child td:first-child{
border-bottom-left-radius: 15px;

}

table tbody tr:last-child td:last-child{
border-bottom-right-radius: 15px;

}




/***************Table end*********/



/***************FORM BEGIN*****************/
 
form{
    outline: none;
    background: rgba(255,255,255,.9);
}

form input[type=text]:hover, form input:focus,form input[type=number]:hover, form input[type=password]:hover, form input[type=file]:hover, form textarea:hover, .form textarea:focus{
 border: 1px solid #8dc9e5 !important;
  
  box-shadow:none !important;
}

form input[type=text], form input[type=file], form input[type=password], form input[type=number], form textarea,  select{
	/* border: 2px solid #CAC7C7; */
	border: 1px solid #9E9E9E;
	box-shadow:none;
	margin-bottom: 30px;
	font-weight: bold;
	border-radius: 5px;
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder,  form select::-webkit-input-placeholder{
	color:#9E9E9E !important;
	font-weight: bold;
}


:-ms-input-placeholder {
  color: #9E9E9E !important; 
  font-weight:bold;
  }


/*******Icons inside form inputs begin******/

/**input text boxes**/
.formicon, .formicon1{
	
	color: #9E9E9E;
	border-left: 2px solid rgba(158, 157, 157, 0.71);
	padding-left:4px;
	font-size:16px;
	cursor:auto;
}

.formicon{
	position:absolute;
	top: 7px;
	right: 16px;
	float: right;
	width: 25px;

}


/**textarea**/
.formicon1{
	position: absolute;
 
    right: 0;
    width: 40px;
    top: 0.5em;
}


/*******Icons inside form inputs end*******/


/**Indication to the inputs when focused--creating a tooltip**/


.input-indication-hovered, .tooltip11:hover span {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	z-index: 2;
	-webkit-transition: all 0.2s ease !important;
	-moz-transition: all 0.2s ease !important;
	-o-transition: all 0.2s ease !important;
	transition: all 0.2s ease !important;
}
 
 
.input-indication{
	background: none repeat scroll 0 0 rgb(165, 216, 236); 
	border: 1px solid #57BBE8;
	font-style:italic;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5em;
	width: 80%;
	top:-1.5em !important;
	border-radius: 5px;
	margin-left: 0;	
	opacity: 0;
	filter: alpha(opacity=0);  	
	position: absolute;
	text-align: center;	
	color: black;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease-in-out;
}
 

/*****Input indications end*******/


/**************NEW INPUT STYLES**********************/

.input-box {
	position: relative;
}
.input-box span{
	position: absolute;
	left: 7px;
	top: 4px;
	cursor: text;
	font-size: 10px;
	opacity: 1;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	color:  #9C9B9B;
	font-weight: bold;
}

.input-box input, .input-box textarea{
	padding-top: 20px;
	border-radius: 5px;

}

.input-box input{
	height: 45px;
}


.input-box input:placeholder-shown::-webkit-input-placeholder,.input-box textarea:placeholder-shown::-webkit-input-placeholder {
	opacity: 0;
}

.input-box input:placeholder-shown::-moz-placeholder, .input-box textarea:placeholder-shown::-moz-placeholder{
	opacity: 0;
}

.input-box input:placeholder-shown:not(:focus) + span, .input-box textarea:placeholder-shown:not(:focus) + span{
	font-size: 14px;
	top: 12px;
	left: 10px;

}


.input-box input:-ms-input-placeholder, .input-box textarea:-ms-input-placeholder{
	color: transparent !important;
}

.input-box input:-ms-input-placeholder:not(:focus) + span, .input-box textarea:-ms-input-placeholder:not(:focus) + span
{
	font-size: 14px;
	top: 10px;
	left: 10px;

}



/** added media queries for mobile view**/
@media only screen and (max-width : 450px) {

.input-box input:placeholder-shown:not(:focus) + span
{
	font-size: 11px !important; 

}
}


/**input text boxes**/

/*******************NEW INPUT ICONS********************************/
.inputicon, .texticon{
	
	color: #9E9E9E;
	border-left: 2px solid rgba(158, 157, 157, 0.71);
	padding-left:6px;
	font-size:16px;
		cursor:auto;
}

.inputicon{
	position:absolute;
	top: 11px;
  right: 4px;
	float: right;
	width: 25px;

}


/**textarea**/
.texticon{
	position: absolute;
    right: 0;
    width: 40px;
    top: 0.5em;
}

/*******************NEW INPUT ICONS END********************************/

/*****************FORM END*******************/

/**************BUTTON STYLES BEGIN**************/
.CssButton, .button, .buttons{
	margin:4px;
	display: inline-block;

    padding: 3px 14px;
    font-size: 17px;
    line-height: 1.8;
    cursor: pointer;
    box-shadow: none;

   	color:white !important;
  
    border: none;
    border-radius: 10px !important;
 
   	background-color: #003767 !important;  
	text-decoration:none;


}

.CssButton:hover, .button:hover, .CssButton:focus, .button:focus, .buttons:hover, .buttons:focus{

    background-color: #015D7B !important;
 	color:white;
 	text-decoration:none;
 
}

.CssButton:focus, .button:focus, .buttons:focus{
  outline: none;
	border:none !important;
}


/** foundation override for disabled button **/
.button[disabled], .button[disabled]:focus, .CssButton[disabled], .CssButton[disabled]:focus,  .button[disabled]:hover, .CssButton[disabled]:hover {
    background: #DFDFDF !important;
    color: #AAAAAA !important;
}


/***************BUTTON STYLES END****************/




/***************DISPLAY TAG(Table)  FOR SORTING BEGINS*****************/

th.sorted {
	
	/* background-color: #949393; */
	background-color: #A5A5A5;
	border:none !important;
	
}


th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	color: white;
	font-size: 14px;
  font-weight: lighter;
}

th.sorted a:hover,th.sortable a:hover{
	text-decoration:none;

}

th.sortable a {
	background-image: url(../images/arrow_off.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 9px;
}

th.sortable.SortUpIcon a {
	background-image: url(../images/cssimages/blue-caret-up.png) !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 9px;
}

th.sortable.SortDownIcon a {
	background-image: url(../images/cssimages/blue-caret-down.png) !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 9px;
}

th.ReportHeader.SortUpIcon {
	background-image: url(../images/cssimages/blue-caret-up.png) !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 9px;
}

th.ReportHeader.SortDownIcon {
	background-image: url(../images/cssimages/blue-caret-down.png) !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 9px;
}

th.order1 a {
	background-image: url(../images/arrow_down.png);
	background-position: right;
	background-repeat: no-repeat;
}

th.order2 a {
	background-image: url(../images/arrow_up.png);
	background-position: right;
	background-repeat: no-repeat;
}



div.exportlinks {
	/* background-color: #eee;
	border: 1px dotted #999; */
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 79%;
	font-size: 0px;/*intentionally hide the text*/
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(../images/excelicon.png);
	display: inline-block;
	min-height: 35px;
	min-width: 40px;
	background-repeat: no-repeat;
	background-size: 80%;
}

span.csv {
	background-image: url(../img/ico_file_csv.png);
}

span.xml {
	background-image: url(../img/ico_file_xml.png);
}

span.pdf {
	background-image: url(../images/dspl_pdficon.png);
	display: inline-block;
	min-height: 40px;
	min-width: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
}

span.rtf {
	background-image: url(../img/ico_file_rtf.png);
}

span.pagebanner {
/* 	background-color: #eee;
	border: 1px dotted #999; */
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
}

span.pagelinks {
/* 	background-color: #eee;
	border: 1px dotted #999; */
	padding: 2px 4px 2px 4px;
	width: 79%;
	display: block;
	border-top: none;
/*  margin-bottom: -5px; */
}


.group-1 {
    font-weight:bold;
    padding-bottom:10px;
    border-top:1px solid black;
}
.group-2 {
    font-style:italic;
    border-top: 1px solid black;

}
.subtotal-sum, .grandtotal-sum {
    font-weight:bold;
    text-align:right;
}
.subtotal-header {
    padding-bottom: 0px;
    border-top: 1px solid white;
}
.subtotal-label, .grandtotal-label {
    border-top: 1px solid white;
    font-weight: bold;
}
.grouped-table tr.even {
    background-color: #fff;
}
.grouped-table tr.odd {
    background-color: #fff;
}
.grandtotal-row {
    border-top: 2px solid black;
}


/***************DISPLAY TAG(Table)  FOR SORTING ENDS*****************/


/********************DOJO Override*******************/

.dijitReset.dijitInputField.dijitArrowButtonInner {
	border: none !important;
}

.dijitReset .dijitReset.dijitInputInner {
	border: none !important;
}

form .dijitInputField input[type=text]:hover, form .dijitInputField input:focus, 
form .dijitInputField input[type=number]:hover, form .dijitInputField input[type=password]:hover, 
form .dijitInputField input[type=file]:hover, form .dijitInputField textarea:hover, .form .dijitInputField textarea:focus {
	border: none !important;

}

.tmic .dijitTextBox: hover {
	border: 1px solid #8dc9e5 !important;
}

.dijitReset .dijitReset.dijitInputInner {
	border: none !important;
}

/***************END of DOJO Override*****************/



/************** Joy Ride Start ****************/

.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
  font-family: 'Open Sans', Calibri !important;
}
.joyride-tip-guide p {
  font-size: 16px !important;
}
.joyride-tip-guide a {
  font-size: 17px !important;
  padding: 3px 14px !important;
}

/************** Joy Ride End ****************/