@charset "UTF-8";

html 					{   -ms-overflow-style: scrollbar; /* forces scrollbar to stay on-screen */
						}
						
body 					{ background: #fff; } /*#ced4db; #BACCDA; */

#logo                   { margin: 0; }

#logo img               { max-height: 100px; margin-left: 20px; }

#wrap 					{ margin: 0 auto; position: relative; } /* width: 990px;  */

#main-menu 				{ 	
							background 		: rgb(83, 112, 163); /* rgb(226, 174, 0); #0D8F5A; */
							padding 		: 0 0 0 20px;
						}

#main-menu ul			{ 	list-style-type	: none; 
							padding 		: 0; 
							margin 			: 0;
							padding-bottom: 20px;
						}

#main-menu li			{ 	
							float 			: left;
							margin  		: 0;
						}


#main-menu li a 		{
						 	display 			: block; 
							margin 				: 0;
							font-size 			: 16px; 
							color 				: #eee; /*#BACCDA;*/
							text-decoration 	: none; 
							height 				: 31px;
							padding 			: 12px 20px 30px 0;
							font-family 		: 'Nunito', sans-serif;
						}

#main-menu li.active a,
#main-menu li a:hover	{ 	color: #000; text-decoration: none; }

#container 				{  background: #fff; }

#content 				{ 
							padding : 30px;
							min-height: 500px;
						}

#content a 				{ color: #36457D; }
#content img 			{ max-width: 100%; }

#wrap > footer 			{ padding: 10px 0;}

td 						{ vertical-align: top; }
img 					{ border: 0; }

div.clear 				{ clear: both; margin: 0; padding: 0; }
br.clear 				{ clear: both; }

tr.header,
td.header				{ background-color: #5370a3; color: white; vertical-align: bottom; } /* #731F3A */
tr.header a,
td.header a				{ color: white; }			

.table > thead > tr > th		{ vertical-align: bottom; background-color: #5370a3; color: #fff; } /* #294B64;  */
.table > thead > tr > th a		{ vertical-align: bottom; background-color: #5370a3; color: #fff !important; text-decoration: underline; } /* #294B64;  */

.reg					{ background-color: white; }
.alt					{ background-color: #efefef; }

.no-bold 				{ font-weight: normal; }

.datepicker				{ z-index:1151; }

.dynamic-width			{ width: auto; }
.inline-block			{ display: inline-block; }

.xtwitter-typeahead 		{ display: block !important; }
.xtt-dropdown-menu 		{ background: #fff; }

td .fa-check { color: #008000; }

.table thead { background-color: #fff; }

h1 { margin-bottom: 0; font-size: 24px; }

button>* {
	pointer-events: none;
}

.datepicker .input-group-addon {
	cursor: pointer;
}

.dropdown-menu { z-index: 100001 !important;}
.redactor_dropdown { z-index: 100001 !important;}

.modal-xl {
  width: 1200px;
}

.underline { text-decoration: underline; }

.no-padding { padding: 0; }

.sticky { position : sticky; top : 0px; }
.sticky-bottom { position : sticky; bottom : 0px; }

.hide { display: none; }

::file-selector-button { 

	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

::file-selector-button:hover,
::file-selector-button:focus,
::file-selector-button.focus {
  color: #333;
  text-decoration: none;
}

::file-selector-button:focus,
::file-selector-button.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
  }

  ::file-selector-button:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
  }
  
@media screen and (max-width: 400px) {

    #logo img       { max-width: 100%; }

	#wrap 			{ width: 100%; }

	#content 		{ width: auto !important; padding: 10px !important; float: none; }
}