/*
	wirn
	CoCreative CCJ/CCI build with Bootstrap v3+ Author: baseClass
	Template.

	font-family: 'Cantora One', sans-serif; - for body all
	font-family: 'Righteous', cursive; - for buttons
	font-family: 'Baloo Thambi 2', cursive; - inbox page
*/

.navbar-nav li:hover > ul.dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 101% !important; margin-top: -6px !important;display: none !important;}
.dropdown-submenu:hover > .dropdown-menu { display: block !important; }
.dropdown-menu .divider { background-color: #e5e5e5 !important; margin: 0;}


.table-custom { /*table-layout: fixed;*/}
.table-custom tr th { text-align: left; }
.table-custom tr td { text-align: left; }
.table-custom > thead > tr > th.nth7 { width: 350px; }
.inline-custom { text-align: left; padding: 10px 0; }
.inline-custom .control-label { line-height: 2; padding-right: 10px; }
.inline-custom .form-group { padding: 0 30px 15px 0; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item{ display:inline-block; width:100%; padding:0; margin:0; text-align:left; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item{ background:none; border:none; border-radius:0; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item .form-check{ display:inline-block; width:100%; height:auto; margin:0; padding:0; text-align:left; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item .form-check{ background:none; border:none; border-radius:0; padding:0; margin:0; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item .form-check .form-check-input{ padding:0; margin:0 8px 0 10px; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item .form-check .form-check-label{ font-weight:normal; padding:0; margin:0; line-height:2.3; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item:hover{ background:#f8f8f8;}
.no-pad-left { padding-left: 0; padding-bottom: 15px; }
.tnr { color: #121212; }
.no-top { margin-top: 0; }

.pagesize-panel, .paging-panel{ display:inline-block; width:100%; height:auto;}
.pagesize-panel { background: none; padding: 0px; color: #525252; }
.records-count {
	color: #121212;
	background-color: #FFFFFF;
	border-radius: 0px;
	border-color: transparent;
	padding: 3px 15px;
	margin: 0px 7px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.10em;
	float: right;
	width: auto;
}
.pageprevious { float: left; }
/*.pageno { float: left; width: 110px; }*/
.pageno { float: left; width: 200px; }
/*.pagenext { float: right; }*/
.pagenext {float: left;}
.paging-panel { background: none; padding: 5px 0; overflow: hidden; }
.pageprevious a { margin-right: 5px; }
.pageprevious a.first { background: #fff; padding: 4px 8px; box-shadow: 0 2px 0 #ccc; color: #333; }
.pageprevious a.previous { background: #1fb5ad; padding: 4px 8px; box-shadow: 0 2px 0 #1fb5ad; color: #fff; }
.pagenext a { margin-left: 5px; }
.pagenext a.next { background: #1fb5ad; padding: 4px 8px; box-shadow: 0 2px 0 #1fb5ad; color: #fff; }
.pagenext a.last { background: #fff; padding: 4px 8px; box-shadow: 0 2px 0 #ccc; color: #333; }
.pageno select { width: 50px; }
.no-record-found { background: #cb2903; color: #fff; text-align: center; font-size: 14px; padding: 5px 10px; width: 100%; line-height: 3; display: inline-block; }
.pagesiz-ddl { float: left; width: 50%; margin-top: 4px; text-align:left; }
.pageprevious a.disable { background: #c1c1c1; cursor: not-allowed; box-shadow: none; color: #929292; padding: 6px 12px; }
.pagenext a.disable { background: #c1c1c1; cursor: not-allowed; box-shadow: none; color: #929292; padding: 6px 12px; }
.pagesize-panel { background: #e1e1e1; color: #848484; padding: 0px 0px; border-radius: 5px; }
.paging-panel { background: #e1e1e1; color: #121212; padding: 15px 20px; border-radius: 5px; }
.pagesize-panel select, 
.paging-panel select { color: #474747; padding: 0px 7px; font-size: 13px; font-weight: 400; }
.pagesize-panel select, 
.paging-panel select { color: #474747; padding: 0px 7px; font-size: 13px; font-weight: 400; }
.inline-custom .form-group .multiselect-native-select .multiselect-container .multiselect-option.dropdown-item { background: none; border: none; border-radius: 0; padding: 0; margin: 0; width: 250px;}

/* wirn - custom VIDEO page styles */
.video-embed{ display:inline-block; width:100%; height:auto; padding:10px; margin:0 0 20px 0;}
.thumbnails{ display:inline-block; width:100%; height:auto; padding:10px;}
.thumbnails a.thumbnail{ display:inline-block; width:31.993333%/*23.993333%*/; float:left; margin:0 5px 10px 0;}
.fixH{ height:465px; overflow-x:hidden; overflow-y:auto;}
.img-media{ width:130px; height:130px;}
.thumbnails .media .media-left, 
.thumbnails .media .media-right, 
.thumbnails .media .media-body{ display:inline-block; vertical-align:top; width:auto;}
.thumbnails .media .media-right{ float:right; padding-right:20px;}
.thumbnails .media .media-left{ width:130px; height:130px; }
.thumbnails .media .media-left a{ display:block; }
.thumbnails .media .media-left a img{ width:120px; height:120px; }
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus { background-color: #0b435a; border-color: #083548; color:#FFFFFF; }
nav .dropdown-menu > li > a { color: #083548;}
/*.hidden-on-desktop{ display:block;}
.hidden-on-phone{ display:none;}*/
.img-pos {position:absolute;margin:auto;z-index:12;left:auto;bottom:auto;top:8px;right:-111px;}
.img-pos1 {position:absolute;margin:auto;z-index:12;left:125px;bottom:auto;top:-90px;right:auto;}
.img-pos2 {position:absolute;margin:auto;z-index:12;left:50px;bottom:auto;top:-100px;right:auto;}
.big-font {font-size:16px !important; font-weight:bold !important; }
.img-small {max-width:50%;}
.modal-pictr .modal-body img{margin:0 auto;}
/*.modal-pictr .modal-dialog { max-width: 100%; width: auto !important; display: inline-block;}*/
/*.modal.modal-pictr {z-index: -1;display: flex !important;justify-content: center;align-items: center;}
.modal-open .modal.modal-pictr {z-index: 1050;}*/

/*.table-responsive>.fixed-column { position: absolute; display: inline-block; width: auto; border-right: 1px solid #ddd;}
@media(min-width:768px) {
    .table-responsive>.fixed-column { display: none;}
}*/

.gap-top{ height:75px;}
.form-inline fieldset{ display: inline-block; margin-bottom: 0; vertical-align: middle;}
.form-inline fieldset{ border:1px solid #929292; border-radius:4px; padding:15px; margin:5px 0;}
.loading {
	position: fixed;
	display: none;
	z-index: 1031;
	height: 2em;
	width: 10em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	.loading:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
	}

.highlight {
	background-color: fuchsia;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3-4 */
	border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
	padding: 1px 4px;
	margin: 0 -4px;
}

/* Slideshow container */
.slideshow-container {
	/*max-width: 1000px;*/
	position: relative;
	margin: auto;
	text-align: left;
	margin-bottom: -15px;
}
/* Next & previous buttons */
.prevSlide, .nextSlide {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white !important;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	background-color: rgba(0,0,0,0.8);
}
.prevSlide{
	left:0;
}
/* Position the "next button" to the right */
.nextSlide {
	right: 0;
	border-radius: 3px 0 0 3px;
}

	/* On hover, add a black background color with a little bit see-through */
	.prevSlide:hover, .nextSlide:hover {
		background-color: lightslategray;
	}
/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 200px) {
	.prevSlide, .nextSlide, .text {
		font-size: 11px
	}
}

.fadein {
	position: relative;
	width: auto;
	height: 332px;
}

	.fadein img {
		position: absolute;
		left: 0;
		top: 0;
	}

.form-control {
	height: 40px;
	box-shadow: none;
	color: #969fa4;
}

	.form-control:focus {
		border-color: #5cb85c;
	}

.form-control, .btn {
	border-radius: 3px;
}

.exemplar-form {
	width: 450px;
	margin: 0 auto;
	padding: 30px 0;
	font-size: 15px;
}

	.exemplar-form h2 {
		color: #636363;
		margin: 0 0 15px;
		position: relative;
		text-align: center;
	}		

		.exemplar-form h2:before {
			left: 0;
		}

		.exemplar-form h2:after {
			right: 0;
		}

	.exemplar-form .hint-text {
		color: #999;
		margin-bottom: 30px;
		text-align: center;
	}

	.exemplar-form form {
		color: #999;
		border-radius: 3px;
		margin-bottom: 15px;
		background: #f2f3f7;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		padding: 30px;
	}

	.exemplar-form .form-group {
		margin-bottom: 20px;
	}

	.exemplar-form input[type="checkbox"] {
		margin-top: 3px;
	}

	.exemplar-form .btn {
		font-size: 16px;
		font-weight: bold;
		min-width: 140px;
		outline: none !important;
	}

	.exemplar-form .row div:first-child {
		padding-right: 10px;
	}

	.exemplar-form .row div:last-child {
		padding-left: 10px;
	}

	.exemplar-form a {
		color: #fff;
		text-decoration: underline;
	}

		.exemplar-form a:hover {
			text-decoration: none;
		}

	.exemplar-form form a {
		color: #5cb85c;
		text-decoration: none;
	}

		.exemplar-form form a:hover {
			text-decoration: underline;
		}


.back-to-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: none;
	background: aliceblue;
	border-color: lightslategray;
}

/*Used form home page slider 1*/
.col-container {
	display: table;
	width: 100%;
}

.col {
	display: table-cell;
	padding: 16px;
}

@media only screen and (max-width: 600px) {
	.col {
		display: block;
		width: 100%;
	}
}