.container {
	max-width: 980px;
	width: 100%;
}

html, body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	margin-bottom: 0px;
}

.admin, .virtual, .login {
	background: rgba(0,109,51,0.90) url('/sites/images/top-bg.jpg') top center fixed no-repeat;
	/*background-color: rgba(0,0,0,0.85);*/
	background-color: rgba(44,109,179,0.90);
	background-size: cover;
	color:#333333 !important;
}

.container.menu-bar {
	background-color: rgba(44,109,179,0.90);
}

.jumbotron {
	margin-top: 10px;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

table td span {
    display: none;
}

table td:hover span {
    display: block;
}

.btn.btn-warning {
    background: #C34541;
}

.blur {
    display: block;
    filter: blur(3px);
    transition: 0.25s ease all;
    cursor: default;
}

.blur:hover {
    filter: none;
}

.information {
    margin: 2em 0;
    background: #FFFFFF url(/sites/images/information-icon.svg) 1em center no-repeat;
    background-size: 4em;
    border: 1px solid #c9c9c9;
    border-radius: 0.32em;
    padding: 2em 2em 2em 6em;
}

.information.small {
    margin: 1em 0;
    background-size: 2em;
    padding: 1em 1em 1em 4em;
    font-size: 0.95em;
}


.category-color-preview {
	width: 24px;
	height: 24px;
}


/* Sizes */

.a_w1 {
    width: 1%;
}

.a_w5 {
    width: 5%;
}

.a_w10 {
    width: 10%;
}

.a_w15 {
    width: 15%;
}

.a_w20 {
    width: 20%;
}

.a_w25 {
    width: 25%;
}

.a_w30 {
    width: 25%;
}

.a_w100 {
	width: 100%;
}

.a_right {
    text-align: right;
}

.file-input .btn,
.file-input .filename {
    display: inline-block;
}

.spacing-top {
    margin-top: 2em;
}

.type-block {
    display: block;
}

.show-on-hover {
    display: none;
}

*:hover>.show-on-hover {
    display: block;
}

.font-code {
    font-family: monospace;
}


.custom-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 11000;
}
.custom-popup > div {
	width: 50%;
	min-width: 300px;
	margin: 25% auto 0 auto;
	padding: 2em;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 0.2em;
	color: #212121;
	text-align: center;
}


/*
  3rd-party trix
*/

.dataTables_filter {
    text-align: right;
}

.bootstrap-select .dropdown-menu>.selected>a:focus {
    color: #222222;
}

.loader {
    background: url(/sites/images/Wedges.svg) center center no-repeat;
    min-width: 200px;
    height: 300px;
}


.form-info {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    font-size: 0.95em;
    font-style: italic;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 0px solid #c9c9c9;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    background: #DCDCDC;
    background: linear-gradient(to bottom, #DCDCDC 0%, #FFFFFF 20%);
}

@media print {
	.drop-down-arrow {
		background: unset;
		height: 0;
		margin: 20px 0 60px 0;
		text-align: center;
	}
	.drop-down-arrow img {
		display: block;
		height: 40px;
		margin: 0 auto;
	}
}

/* body */
body {
	font-size: 13px;
}

/* wp theme */
.top-bar {
	padding: 1em 0;
	background: rgba(44,109,179,1.0);
	color: #FFFFFF;
	font-weight: bold;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 10;
}
.top-bar a {
	color: inherit;
}
.top-bar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-bar ul li {
	display: inline-block;
}
.top-bar .row > div {
	text-align: right;
}
.top-bar .row > div:first-child {
	text-align: left;
}
.top-bar .row > div:first-child ul li:first-child {
	padding-left: 0;
}
.top-bar .row > div ul li {
	border-right: 1px solid #363636;
	padding: 0 1em;
}
.top-bar .row > div ul li:last-child {
	border-right: 0;
	padding-right: 0;
}

.top-bar .search {
	border: 0;
	border-bottom: 1px solid #313131;
	background: transparent;
	color: #FFFFFF;
	font-weight: normal;
	transition: 0.3s ease border;
}
.top-bar .search:focus {
	border-color: #FFFFFF;
}

/*
.menu-bar .logo img {
	width: 100px;
}
*/

article.news {
	clear:both;
	margin:20px;
	padding:20px;
}

.logo {
	display: block;
	width: auto;
	min-width: 160px;
	height: 40px;
}

a.logo {
	text-decoration:none;
}

.logo img {
    float: left;
    margin-top: 26px;
    max-width: 40px;
	vertical-align:top;
}

.logo span {
    margin-top: 0px;
    padding-left: 13px;
    display: block;
	padding-top:33px;
    font-size: 15px;
    font-weight: 500;
    width: auto !important;
    color: #ffffff;
    text-decoration: none;
}

#navbar { padding: 0; }
.ninja-main-navigation {
	float: right;
	margin-top: 1.6em;
	background: transparent;
	color: #FFFFFF;
	background:rgba(255,255,255,0.0);
}
.ninja-main-navigation li a {
	color: inherit;
	color: #ffffff;
	width:100%;
	min-width:100%;
	display:block;
	border-bottom: 0px solid transparent;
	transition: 0.2s ease border;
}
.ninja-main-navigation li.active > a,
.ninja-main-navigation li:hover > a,
.ninja-main-navigation li.open > a {
	/*border-color: #FFB606;*/
	color: #6edaf4;
}
.ninja-main-navigation li {
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	display: block;
}
.nav > li > a {
	width: 100%;
	display: block;
	padding: 10px 10px;
	margin: 0px 0px;
}
.nav > li:last-child > a { margin-right: 0; }
.nav > li > a:hover, .nav > li > a:focus {
	background: unset;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: transparent;
}

.main-header {
	padding-top: 32px;
}

.admin .main-header, .virtual .main-header {
	background: #212121;
	margin-bottom: 20px;
}

.admin h2.page-header, .virtual h2.page-header {
	color: #333333;
}

.admin .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: rgba(255,255,255,0.25);
}

.admin .jumbotron, .virtual .jumbotron {
	background-color: rgba(255,255,255,0.15);
}

.admin .form-info {
	color: #6f6f6f;
}

.login article.news h2 a {
	color: #FFB606;
}

section.news {
	padding: 12px;
	/*background: #FFB606;*/
	/*
	color:#ffffff;
	*/
	margin-bottom: 20px;
}

section.news .entry-content {
	padding: 8px 8px 8px 0px;
}

section.news h5 {
	display:none;
}

.news img {
	max-width: 100%;
}
	
section.news img {
	max-width: 100%;
	margin: 10px 0px 10px 0px;
}

section.news h4, section.news a {
	padding: 0px;
	margin: 0px;
}

section.news h4 a {
	display: block;
	width: 100%;
	padding: 8px;
	color: #295788;
	/*color: rgba(255,255,255,1.00);*/
}

section.news .col-md-3 {
	margin-top: 20px;
}

.admin .bg-dark, .bg-dark {
	margin-top: 20px;
}

.admin form {
	margin-bottom: 20px;
}

.admin button {
	color: #333333;
}

.admin .bg-dark .container, .login .bg-dark .container {
	margin-top: 20px;
	color: #454545;
}

.admin .news h2 a {
	color: #333333;
}

.admin .news, .virtual .news, .login .news {
	margin: 20px auto;
}

.admin .news .entry-content, .virtual .news .entry-content, .login .news .entry-content {
	color: #ffffff !important;
}

.admin .container, .virtual .container, .login .container {
	/*background: rgba(0,0,0,0.65);*/
	background-color: rgba(44,109,179,0.90);
	color:#333333;
}

.entry-content p {
	margin: 12px;
}

.entry-content p a {
	color: #FFB606;
	text-decoration: none;
	padding: 12px;
	display: inline-block;
	/*background: #333333;*/
	background: rgba(0,109,51,0.90);
	width: auto;
	max-width: auto;
	border-radius:5px;
}

.entry-content p a:hover {
	color: #333333;
	background: #FFB606;
}

.admin .container h2 { margin-top: 20px; }

.main-header.full-page {
	height: 100vh;
}

.main-header .main-attraction {
	margin-top: 8%;
}
.main-header .main-attraction h4,
.main-header .main-attraction h3 {
	padding: 10px;
	/*margin: 0.05em 0;*/
	margin: 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: rgba(44,109,179,0.90);
}
.main-header .main-attraction h4 {
	font-size: 1.95em;
}
.main-header .main-attraction h3 {
	font-size: 6.95em;
}
.main-header .main-attraction .button {
	display: inline-block;
	margin-top: 1em;
	background: #FFB606;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1em 2.3em;
	color: inherit;
}
.main-header .main-attraction .button { text-decoration: none; }

.main-header .main-boxes {
	margin: 5% auto 0 auto;
	color: #FFFFFF;
}
.main-header .main-boxes > div > div {
}
.main-header .main-boxes > div > div > div {
	margin: 0 -10px;
	padding: 2em;
	/*background: rgba(0,0,0,0.6);*/
	background: rgba(44,109,179,0.90);
}
.main-header .main-boxes > div > div > div h3 {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
}
.main-header .main-boxes > div > div > div a {
	display: block;
	margin: 1em 0 0 0;
	color: #FFB606;
	text-transform: uppercase;
}

.page-header {
	font-weight: normal;
	text-transform: none;
	border-bottom: unset;
	margin:20px 0px 10px 0px;
}
.page-header::after {
	display: none;
	width: 3.8%;
	min-width: 32px;
	max-width: 50px;
	margin-top: 1em;
	content: ' ';
	border-bottom: 1px solid #414141;
}

article.news {
	margin: 0 0 2em 0;
}
article.news h3 {
	font-size: 72px;
	font-weight: bold;
}
article.news p {
	text-transform: uppercase;
}
article.news .date {
	text-align: center;
	font-weight: bold;
	color: #FFB606;
}
article.news h2 {
	padding-top: 16px;
	margin-top: 0px;
	font-size: 2em;
}
article.news h2 a {
	font-weight: bold;
	color: #212121;
}
article.news .entry-content {
	color: #99A6BF;
}
article.news .cover {
	overflow: hidden;
	padding: 1em 0 0 0;
}
article.news .cover img {
	width: 100%;
}

.article-cover {
	width: 100%;
}

article.news .entry-content {
    color: #676767;
	line-height:24px;
	font-size: 14px;
	padding-top:10px;
}

.news .row {
	background:rgba(255,255,255,0.8);
	padding:20px;
}

.footer {
	/*margin:0;*/
	margin-top: 20px;
	line-height: 160%;
	position:relative;
	height: auto !important;
	/*background: #111111;*/
	background-color: rgba(44,109,179,1.00);
	/*color: #959185;*/
	color: #ffffff;
}

.footer ul {
	margin: 4em 0 0 0;
	padding: 0;
	list-style: none;
}

.dropdown-menu {
	color: #212121;
	background-color: rgba(44,109,179,0.90);
}

body.login {
	background-image: url('/sites/images/top-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.login .main-header {
	/*background: rgba(0,0,0,0.85)*/
	background: rgba(44,109,179,0.90);
}

.login .elearning {
	/*background-color: rgba(0,0,0,0.85);*/
	background: rgba(44,109,179,0.90);
	padding: 20px;
	/*margin-top: 40px;*/
}

.elearning .jumbotron {
	background-color: rgba(255,255,255,0.15);
	color:#eeeeee;
}

.elearning .jumbotron h3 {
	color:#ffcc00;
	margin-bottom:15px;
}
	
.elearning .jumbotron .btn-primary {
    color: #ffffff;
    background-color: #ffcc00;
    border-color: #ffcc00;
	color: #333333;
	width: 100%;
}

.footer li a {
	color: #FFB606;
}

.main-boxes h3 {
	cursor: default;
}

@media screen and (max-width: 1367px) {
	.main-header .main-attraction {
		margin-top: 7%;
	}
	.main-header .main-boxes {
		/*margin-top: 15%;*/
		margin-top: 5%;
	}
	
	.top-bar .row > div {
		text-align: center;
	}
	
	.top-bar input[type="text"] {
		display: none !important;
	}
	
	.top-bar .row > div:first-child {
		text-align: center;
	}
	
	.top-bar .row > div ul li {
		border: none;
	}
	
	footer {
		position: relative !important;
		margin-top: 20px;
	}
	
	.main-header .main-attraction h4 {
		font-size: 1.95em;
	}
	
	.main-header .main-attraction h3 {
		font-size: 3.85em;
	}
	
	.main-boxes .col-sm-12 img {
		margin-bottom: 15px;
	}
	
}

.navbar .navbar-toggle .icon-bar, .navbar .navbar-toggle:hover .icon-bar {
    background-color: #FFB606;
}

/*
.ninja-main-navigation li a, .nav li a, .nav li {
	width: 100%;
}
*/

.main-boxes .col-sm-12 {
	text-align: center;
}

@media screen and (max-width: 997px) {

	.logo {
		margin-top: 20px;
	}
	
	#navbar {
		width: 100% !important;
	}
	
	.navbar-nav {
		width: 100% !important;
		margin: 5px;
		display: block;
	}
	
	.nav, .nav ul, .nav > li, .nav > li > a {
		width: 100% !important;
		padding: 4px 0px;
	}
	
	.collapse.in {
		width: 100% !important;
	}

}
	
@media screen and (max-width: 667px) {
	
	.main-header .main-attraction {
		margin-top: 25px;
	}
	
	.main-header .main-boxes {
		margin-top: 20px;
	}
	
	.main-header .main-attraction h4 {
		font-size: 1.65em;
	}
	
	.main-header .main-attraction h3 {
		font-size: 2.55em;
	}
	
	.logo {
		margin-top: 40px;
	}
	
}

/* Pityu */

.login .bg-dark {
	margin-bottom:20px;
}

.bg-dark {
	/*background: rgba(0,109,51,0.90) url('/sites/images/template/bg_lastest_new.jpg');*/
	background-color: rgba(44,109,179,0.90);
	height: auto;
	width: 100%;
	padding: 30px;
}

.bg-dark .panel h3 {
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
}

.bg-dark .panel {
	border: none;
	opacity: 0.65;
}

.bg-dark .panel:hover {
	opacity: 1.0;
	cursor: default;
}

.bg-dark .panel p {
	height: 180px;
	overflow-y: hidden;
}

.bg-dark .panel .btn-primary {
	background: #FFB606;
	color: #333333;
	text-transform: uppercase;
	border: none;
	text-align: center;
	width: 100%;
}

.bg-dark .panel-heading img {
	width: 100%;
	height: auto;
}

.bg-dark .panel-heading {
	padding: 0px;
	overflow-x: hidden;
}

/* Pityu */