@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/centurygothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Global Font Override - Century Gothic for all non-input elements */
body,
div,
span,
p,
label,
a,
td,
th,
tr,
table,
strong,
em,
li,
ul,
ol,
dl,
dt,
dd {
    font-family: 'Century Gothic', Arial, sans-serif;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Century Gothic', Arial, sans-serif;
}

body {
	letter-spacing: 2px !important;
}
p {
	padding-left: 5px !important;
}

a {
	text-decoration: none;
}

.requireddata {
	border: 3px dotted red !important;
}
.dvhdr1 {
	background: #CCCCCC;
	font-size: 9px;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 2px;
	width: 400px;
}
.dvbdy1 
{ 
	background:#FFFFFF; 
	font-size:10px; 
	border-left:1px solid #000000; 
	border-right:1px solid #000000; 
	border-bottom:1px solid #000000; 
	padding:2px; 
	width:400px; 
}
.ajax__calendar_body 
{
	border:1px solid silver;
}
 .ajax__calendar_header 
 {  
	height:20px;  
	color:red; 
	font-size:small;
	font-weight:bold;
	padding: 0 !important;

}
.ajax__calendar_body tr td {
	padding: 0 !important;
	margin: 0 !important;
}

 /*
	 ######################################### NEW STYLES START HERE ####################################################
*/
input[type=submit]:disabled {
	color: grey !important;
	font-weight: bold;
	cursor: not-allowed;
}

select:disabled {
	color: grey !important;
	font-weight: bold!important;
	cursor: not-allowed!important;
}
input[type=text]:disabled {
	color: grey !important;
	font-weight: bold!important;
	cursor: not-allowed!important;
}
a:disabled {
	color: grey !important;
	font-weight: bold!important;
	cursor: not-allowed!important;
}
textarea:disabled {
	color: grey !important;
	font-weight: bold!important;
	cursor: not-allowed!important;
}
/*input[type=button], input[type=submit], input[type=reset] {
	background-color: #ff7930;
	border: none;
	color: #000;
	padding: 15px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	font-weight: bold;
	font-family: Tahoma;
}
*/
 
 
  label{
	  font-size:12px;
	  font-weight:bold!important;
  }
/*input[type=text], [type=password] {
    padding: 10px;*/
/*    border: 1px solid #ff7930;*/
    /*border-collapse: collapse;
    font-family: verdana !important;
    padding-left: 10px;
    border-radius: 5px;
}*/
select {
	padding: 10px;
	font-weight: bold;
	border: 1px solid #dc3122;
	border-left: 15px solid #dc3122;
	min-width: 150px;
}
option {
	text-transform: uppercase;
}
textarea {
	font-weight: bold;
	padding: 5px 10px 5px;
	border: 1px solid #ff7930;
	font-size: 100%;
	letter-spacing: 3px !important;
	border-radius: 5px;
}


  
input[type=checkbox]{
	padding:4px;    
	border-style:dashed!important;
}
input[type=text]:focus {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	transition: all 200ms ease-out;
}


 .dates {
	 min-width: 300px !important;
 }
.documents {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 5px;
	font-size: .8em;
	border: #ff7930;
	width: 98%;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}
	.documents tr th, .analysts tbody tr td {
		background: #d93025;
		text-align: left;
		padding: 8px;
		margin: 5px;
		font-size: 12px !important;
		color: #fff;
	}
		.documents tr th:first-child {
			border: solid 0px #ff7930;
			border-radius: 8px 0 0 0;
		}
		.documents tr th:last-child {
			border: solid 0px #ff7930;
			border-radius: 0 8px 0 0;
		}

	.documents th a {
		color: #000 !important;
		margin: 5px;
		text-decoration: none;
	}
	.documents tr td {
		text-align: left;
		border-top: dotted 1px #ff7930;
		border-left:0!important;
		border-right:0!important;
		border-bottom: solid 1px #F0F2C2;
		color: #000000;
		padding: 5px;
		font-size:12px!important;
	}
	/*.documents tr:hover td {
		text-align: left;
		color: #000000 !important;
		padding: 10px;
		cursor: pointer;
		background: #cccccc !important;
		background: linear-gradient(to bottom, #cccccc, #ffffff) !important;
		padding: 10px;
		font-size: 12px!important;
	}*/
   
	/*.documents tr:nth-child(odd) {
		background-color: #f8f8ff;
	}*/
	.documents tr:last-child td table tr {
		background-color: #fff!important;
	}
	
	.documents a:visited {
		text-decoration: none;
	}
	/*.documents input[type=text]{
		padding:1px!important;
		border-radius:2px!important;

	}*/
.page-container {
border: solid 4px #FAFAEC;
	padding:15px;
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;    
	min-height:600px;
}
.page-container2 {
border: solid 4px #f8f8ff;
	padding:15px;
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;    
}
.link-buttons {
	background-color: #428bca;
	border: none;
	color: white;
	padding: 5px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
}
   
.document-pager {
	padding: 0 !important;
	
}
	.document-pager span {
		font-size: 100%;
		color: green;
	}
	.document-pager td {
		border: 0!important;
		cursor: default;
		text-decoration: none;
	}

		.document-pager td a {
			display: block;
			color: #fff;
			text-decoration: none;
		}

fieldset {
	border-top: solid 1px #428bca;
	border-radius: 10px;
	padding: 15px;
}

.toolbar div a {
	height: 20px;
	padding-top: 5px;
	vertical-align: middle;
}





.responsive-container{
	overflow-x:auto;
} 
.tabel-with-no-borders td{
	padding:0 !important;
}
select.ui-datepicker-month{
	  min-width:30px!important;
	  border-radius:0!important;
	  padding:4px!important;
}
select.ui-datepicker-year {
	min-width: 20px !important;
	border-radius: 0 !important;
	padding: 4px !important;
}
.selectedRow {
	color: #fff!important;
	text-transform: uppercase!important;
	font-weight: bold !important;
	  background-color:#428bca!important;
	  background: linear-gradient(to top, #f0e68c, #ffffff) !important;
	/*background-color: #f0e68c!important;*/
}

.documents table tr:last-child td:last-child {
	border: 0;
	border-radius: 0 0 8px 0;
	/*padding: 15px !important;*/
}
.documents table tr:last-child td:first-child {
	border: 0;
	border-radius: 0 8px 0 8px;
	/*padding: 15px !important;*/
}
.document-pager table tr:last-child td {
	background: linear-gradient(to top, #f0e68c, #ffffff)!important;
	border: 0;
	padding: 15px !important;
	border-radius: 8px 8px 0 8px;
  
	
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform:skew(20deg);
}



.documents table tr:last-child{
	background-color:transparent!important;
}.documents table tr:last-child:hover{
	background-color:transparent!important;
}
.document-pager table tr:last-child td:hover {
	background: linear-gradient(to top, #f0e68c, #ffffff)!important;
	border: 0;
	padding: 15px !important;
	border-radius: 0 8px 0 8px;

	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg); 
	transform:skew(20deg);
}

.documents table tr td a {
	font-size: 12px;
	font-weight: bold;
	color: darkblue;
}

.documents table tr td span {
	font-size: 12px;
	font-weight: bold;
	color: brown;
}

.assessment-question
{
	color:#000;
	text-space-collapse:collapse;
	font-size:100%;

}
#navigation ul li {
	border-radius: 6px 0 6px 0 !important;

}

#navigation ul li a{
	border-radius : 6px  0 6px 0!important;
	color:white;
	padding:10px!important;
}
#navigation .asubmenu{
		background: linear-gradient(to right, #428bca, #ffffff);
		color:#000;
}
#navigation .asubmenu:hover{
		color:orangered;
		font-weight:bold;
		font-size:12px!important;
		background: linear-gradient(to left, #428bca, #ffffff);
}
#navigation .aheading{
		background: linear-gradient(to bottom, #428bca, #ffffff);
		color:#000;
}
#navigation .aheading:hover{
		background: linear-gradient(to top, #428bca, #ffffff);
		color:red!important;
		font-weight:bold;
		font-size:12px!important;
}