body {
	margin-bottom: 40px;
	font-size: 1rem;
	font-family: 'Source Sans Pro', sans-serif;
	/*font-family: 'Oswald', sans-serif;*/
}

h2 {
	color: #292929;
	font-family: Montserrat;
	font-weight: 600 !important;
	font-size: 2.3rem;
	margin-bottom: 1rem;
}
h3 {
	color: #292929;
	font-family: Montserrat;
	font-size: 2rem;
}
h4 {
	color: #292929;
	font-family: Montserrat;
	font-size: 1.5rem;
}
h5 {
	color: #292929;
	font-family: Montserrat;
	font-size: 1.3rem;
}
a[href^="#error:"] {
	background: red;
	color: white;
}
.acc {
	background: #C3C3C3;
}
.acc2 {
	background: #F3F3F3;
}

.darker:hover div:first-child{
	background-color: #dedede;
}

a.ra {
	color: #009cdd !important;
}
a.ra:hover {
	color: #0078a9 !important;
	text-decoration: none !important;
}

.datagrid {
	font-size: 0.9rem !important;
}

.datagrid a{
	color: #009cdd;
}
.datagrid a:hover {
	color: #0078a9 !important;
	text-decoration: none !important;
}

.reset-filter {
	color: #ffffff !important;
}

.col-pagination a{
	color: #ffffff !important;
}
.col-pagination a:hover {
	color: #000000 !important;
	text-decoration: none !important;
}


a.nochange {
	color: inherit !important;
	text-decoration: inherit !important;}

.navbarcust {
	box-shadow: 0 3px 12px rgba(0, 0, 0, .06)
}

.nav-link{
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration-style: solid;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.nav-link{
	color: #888888 !important;
}
.nav-link:hover{
	color: #009cdd !important;
}

.dropdown-menu{
	min-width: 60px !important;
}
.dropdown-menu{
	font-size: 0.875rem !important;
	border-width: 0 !important;
	top: 54px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
}

.dropdown-item{
	color: #888888 !important;
}
.dropdown-item:hover{
	background-color: transparent;
	color: #333333 !important;
}

.text82 {
	font-size: 0.82rem !important;
}

.text875 {
	font-size: 0.875rem !important;
}

.docuX {
	font-size: 1.6rem !important;
}

.nav-pills .nav-link {
	background-color: #cccccc !important;
	color: #000000 !important;
	font-size: 1rem !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	width: 100% !important;
	padding-right:35px!important;
	padding-left:35px!important;
	padding-top:13px!important;
	padding-bottom:13px!important;
/*	margin-right: 10px !important;
	margin-left: 10px !important;
*/	border-radius: 0;
	font-weight: bold!important;
}

.nav-link.active {
	Xbackground-color: #6c757d !important;
	color: #ffffff !important;
}


form .required label {
	font-weight: bold;
}
.required input { color: maroon !important; border-top: 3px solid #ffffff !important;}

.form-group { max-width: 900px;}

.custom-select, .form-control{
	font-size: 1rem ;
}

.btn {
	border-radius: 0;
}
.btn-sm {
	border-radius: 0;
}
input.btn-success {
	background-color: #009cdd;
	color: #fff;
	border: 1px solid transparent;
}
input.btn-success:hover {
	background-color: #0078a9;
}
input, select{
	border-radius: 0 !important;
}
.btn-success.disabled, .btn-success:disabled{
	background-color: #5b9bb4;
}


#frm-searchForm .form-group{
	width: 50% !important;
	padding:8px;
}
#frm-searchForm .form-group div{
	width: 100% !important;
}
.sear {
	width: 100% !important;
	padding:10px;
	margin-right: 10px !important;
	height: 50px;
}

.successborder {
	border: 3px solid #009cdd !important;
}
.bgresult{
	background-color: #c3e0e6 !important;
}

:required {
	border: 1px solid #009cdd;
	outline: none;

	content:"*";
}

.ajax th{
	font-weight: normal;
}

.logininput{
	max-width: 80px;
	padding: 4px 8px;
	height: 31px;
	margin: 0 4px;
}
.alert-error {
	background-color: #edcccc;
	font-weight: 400;
	font-color: red;
}

.alert-recu {
	background-color: #009cdd;
	font-weight: 400;
	font-color: black;
}

/*.flash {
	background-color: #f5c6cb;
	font-weight: 500;
}
.info {
	background-color: #bee5eb;
	font-weight: 400;
	font-color: #444444;
}*/
.invalid-feedback {
	font-size: 100%
}

.container {
	max-width: 1480px !important;
/*	padding-left: 40px !important;
	padding-right: 40px !important;*/
}

.datagrid-col-filter-date-range {
	width: 140px !important;
}
.col-realdate{
	width: 150px !important;
}
.datagrid {
	padding: 0 !important;
}
/*FRDG*/
.flash {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: auto;
	line-height: 80px;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	z-index: 3333;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	box-sizing: border-box;
	transform: translateY(-183px)
}

.flash.slide {
	animation-name: flashes;
	animation-duration: 2s;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-direction: normal;
}

@keyframes flashes {
	0%,
	100% {
		transform: translateY(-80px)
	}

	15%,
	85% {
		transform: translateY(0)
	}
}

@-webkit-keyframes flashes {
	0%,
	100% {
		transform: translateY(-80px)
	}

	15%,
	85% {
		transform: translateY(0)
	}
}

/*cardsef*/
.cardh{
	color: #DDDDDD !important;
	border-radius: 0px;
	background: #009cdd;
	box-shadow: 0 30px 30px rgba(0,0,0,.11), 0 10px 30px rgba(0,0,0,.11);
	transition: .2s transform cubic-bezier(.155,1.105,.295,1.12),.2s box-shadow,.2s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
	padding: 18px 36px 18px 36px;
	cursor: pointer;
}

.cardh:hover{
	transform: scale(1.03);
	box-shadow: 0 40px 40px rgba(0,0,0,.15), 0 10px 40px rgba(0,0,0,.13);
	color: #ffffff !important;
	background: #0086be;
}

.cardh h3{
	font-weight: 600;
}

.tlh {
	text-decoration: line-through;
}
.doubleline{
	height: 76px;
}
.doublelinep{
	 height: 48px;
	 margin-bottom: 16px;
 }

.line3 {
	height: 82px!important;
}
/* HOVER STYLES - graph popup*/

.pop-up {
	display: none;
	position: absolute;
/*	width: 90%;*/
	width-max: 1280px;
	padding: 10px;
	background: #fafafa;
	color: #000000;
	border: 1px solid #1a1a1a;
	margin-left: auto;
	margin-right: auto;

}

.tform th, .tform td {
	padding: 1px !important;
	border: 0px !important;
	font-size: 0.9rem !important;
}
.tform tr {
	padding-left: 5px !important;
	padding-right: 2px !important;
}
.tform input {
	border-width: 1px !important;
	border-color: rgba(1, 167, 173, 0.1) !important;
	width: 100%;
	max-width: 110px;
	min-width: 65px;
	padding: 2px !important;
	margin: 2px !important;
}

input.readonly {
	background-color: #eeeeee;
}

.col-linkd {
	font-size: 0.8rem !important;
}
.fa-pencil, .fa-plus {
	color: #ffffff !important;
}