/*------------------------------------------------
	Blue TEMPLATE: 
	
	Base:			 	rgb(111,170,158);
	Highlight:	rgb(160,210,200);
	borders: 		rgb(38,83,74);
	win HL:			rgb(219,238,233);
	btn hl : rgb(141, 174, 164);
	rgb(113,154,141)


-------------------------------------------------*/

:root {
		--base: rgb(111,170,158);
		--base-dark: rgb(113,154,141);
		--base-highlight: rgb(160,210,199);
		--base-borders: rgb(82,121,109);
		--highlight: rgb(190,210,206);
}

#content [class^="col-"], [class*=" col-"], #artifact [class^="col-"], [class*=" col-"] {
		padding: 0;
		padding-right: 4px;
}

* {
		outline: 0 none;
}


/* base set */
.theme-background, #header .theme-background {
		background-color: rgb(111,170,158);
}

.theme-background-dark {
		background-color: rgb(113,154,141);
}

.theme-background-highlight {
		background-color: rgb(160,210,200);
}

.theme-background-lightest {
		background-color: rgb(129, 212, 250);
}

.theme-border {
		border: 1px solid rgb(111,170,158);
}

.theme-border-dark {
		border: 1px solid rgb(38,83,74);
}

.theme-border-color {
		border-color: rgb(111,170,158);
		border-style: solid;
}

.theme-border-color-dark {
		border-color: rgb(38,83,74);
		border-style: solid;
}

.theme-color {
		color: rgb(111,170,158);
}

.theme-color-highlight {
		color: rgb(160,210,200);
}


.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a.active,
.nav > li > a:focus,
a.theme-hover:hover,
a.theme-hover:active,
a.theme-hover:focus,
a.theme-hover.active {
		background-color: rgb(160,210,200);
}




#preloader .pre-content .loader {
		border-color: rgba(111,170,158, 0.75) rgba(111,170,158, 0.75) rgba(200, 200, 200, 0.25) rgba(200, 200, 200, 0.25);
}

.modal-header h3 {
		opacity: 1;
}

#search-submit,
.btn.theme-btn {
		background-color: rgb(111,170,158);
		outline-color: rgb(160,210,200);
		text-shadow: 0 -1px 0 rgba(38,83,74,.4);
		font-weight: 700;
}

		.btn.theme-btn .fa {
				color: rgb(255,255,255);
				text-shadow: 0 0 2px rgba(0,0,0,.6);
		}

		#search-submit:hover .fa,
		#search-submit:focus .fa,
		#search-submit:active .fa,
		.btn.theme-btn:hover .fa,
		.btn.theme-btn:focus .fa,
		.btn.theme-btn:active .fa {
				color: rgb(255,255,255);
				text-shadow: 0 0 2px rgba(0,0,0,.6);
		}


		.btn.theme-btn:hover,
		.btn.theme-btn:focus,
		.btn.theme-btn:active,
		.btn.theme-btn.active,
		.btn.theme-btn.active:focus {
				background-color: rgb(141,210,199);
				box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
				color: rgb(255,255,255);
				text-shadow: none;
		}

.btn-secondary.theme-btn {
		border: 2px solid rgb(111,170,158);
		color: rgb(111,170,158);
		background-color: rgb(255,255,255);
		-webkit-appearance: none;
		padding: .5em .6em;
}

		.btn-secondary.theme-btn .fa {
				background-color: rgba(0,0,0,0);
				color: rgb(111,170,158);
				text-shadow: none;
		}

		.btn-secondary.theme-btn:hover,
		.btn-secondary.theme-btn:focus,
		.btn.-secondary.theme-btn:active,
		.btn-secondary.theme-btn.active,
		.btn-secondary.theme-btn.active:focus {
				background-color: rgb(111,170,158);
		}


.btn-inverse.theme-btn {
		background-color: rgb(38,83,74);
		border-color: rgba(38,83,74,.2);
		color: #FFF;
}

.btn-light.theme-btn {
		background-color: rgb(129, 212, 250);
		border-color: rgba(38,83,74,.2);
		color: #FFF;
		text-shadow: none;
}

		.btn-light.theme-btn .fa {
				color: rgb(1, 87, 155);
				text-shadow: none;
		}


.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.active:focus {
		box-shadow: none;
		background-color: rgba(111,170,158,1);
		border-color: rgba(38,83,74,1);
		color: rgba(38,83,74,1);
}

.form-horizontal .controls .btn.theme-btn-action:active,
.form-horizontal .controls .btn.theme-btn-action:focus {
		background-color: rgba(38,83,74,1);
}

.dropdown-menu .divider {
		background-color: #E5E5E5;
}


textarea:focus,
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus,
.select2-container-active > .select2-choice {
		border-color: rgb(111,170,158);
}

/* uneditable */
textarea[disabled], textarea[readonly], select[readonly], select[disabled] input[disabled], input[readonly], .uneditable-input {
}

		input[readonly] + .btn {
				border: 1px dashed;
				background-color: rgb(220,220,220);
		}

				input[readonly] + .btn.view-file {
						background-color: rgb(110, 122, 137);
						border: 0;
				}

.checkbox.disabled::before,
.radio.disabled::before {
		box-shadow: none;
		border: 1px dashed;
}

.checkbox.disabled,
.radio.disabled {
}

.select2-drop-active {
		border: 1px solid rgb(111,170,158);
}

.select2-container .select2-choice .select2-arrow {
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
}

		.select2-container .select2-choice .select2-arrow b {
				background: 0;
				color: #fff;
		}

				.select2-container .select2-choice .select2-arrow b:after {
						color: #fff;
				}


.select2-results .select2-highlighted {
		background: rgba(111,170,158,1);
}



.checkbox.checked::before,
.radio.checked::before {
		background: rgb(111,170,158);
}

#header .nav .dropdown-menu li p,
#header .nav .dropdown-menu li a,
#header .nav .dropdown-wrapper li p,
#header .nav .dropdown-wrapper li a,
#header .nav .dropdown-menu li a:not(.btn) {
color: white;
		border-bottom: 1px solid rgba(100, 100, 100, 0.22);
		background-color: rgb(141, 174, 164);
		
}

		#header .nav .dropdown-menu li a .author {
				color: rgb(111,170,158);
		}

		#header .nav .dropdown-menu > li > a:hover,
		#header .nav .dropdown-menu > li > a:focus,
		#header .nav .dropdown-submenu:hover > a,
		#header .nav .dropdown-submenu:focus > a,
		#header .nav .dropdown-wrapper li a:hover,
		#header .nav .dropdown-wrapper li a:focus,
		#header .nav .dropdown-menu > li > a:hover {
				background-image: none;
				color: white;
				text-decoration: none;
				filter: none;
				background-color: rgb(113,154,141);
		}

.drop-down-wrapper ul > li:last-child a {
		border-bottom: none;
}

#header .nav .dropdown-menu li .dropdown-menu-title {
		color: #fff;
}



.todo-list li a {
		background: white;
		border-bottom: 1px solid #E4E6EB;
		color: #333333;
}

.todo-list li .todo-actions:hover,
.todo-list li .todo-actions:focus {
		text-decoration: none;
		background-color: #F4F6F9 !important;
}

.todo-list li .todo-actions i {
		color: #C7CBD5;
}

.todo li a {
		border-bottom: 1px solid #E4E6EB;
		color: #333333;
}

.todo li .todo-actions:hover,
.todo li .todo-actions:focus {
		text-decoration: none;
		background-color: #F4F6F9 !important;
}

.todo li .todo-actions i {
		color: #C7CBD5;
}



#side-menu {
		background: #fff;
}


		#side-menu .navigation-toggler {
				background-color: rgb(38,83,74);
		}


ul.main-navigation-menu > li:not(.active):hover > a {
		background: rgb(111,170,158);
		color: #fff;
}

ul.main-navigation-menu > li:hover > a i {
		color: #fff;
}

.navigation-small .main-navigation-menu > li:hover > .sub-menu {
		box-shadow: 2px 2px 3px 0 rgba(0,0,0,.2);
}

.navigation-small.sidemenu-right .main-navigation-menu > li:hover > .sub-menu {
		box-shadow: -2px 2px 3px 0 rgba(0,0,0,.2);
}

.navigation-small .main-navigation-menu > li:hover > .sub-menu > li {
		background: #FFF;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ccc;
}

ul.main-navigation-menu .menu-icon > i {
		color: rgb(111,170,158);
}

ul.main-navigation-menu > li.open > a,
ul.main-navigation-menu > li:hover a {
}

.no-touch.navigation-bar ul.main-navigation-menu > li:hover > a {
		background: rgba(200,200,200,1);
}

.no-touch ul.main-navigation-menu li:hover .sub-menu > li a .title {
		font-weight: 400;
}

ul.main-navigation-menu .sub-menu > li.open > a,
ul.main-navigation-menu .sub-menu > li.active > a,
.no-touch ul.main-navigation-menu .sub-menu > li > a:hover {
		color: #666;
		background: rgba(200,200,200,.4);
}

ul.main-navigation-menu li.active > a {
		background: rgb(111,170,158);
		color: #fff;
}

		ul.main-navigation-menu li.active > a i {
				color: #fff;
		}

ul.main-navigation-menu > li.active > a:after {
		border-left: 0 solid rgb(111,170,158);
		color: rgb(111,170,158);
		text-shadow: 2px 6px 4px rgba(0,0,0,.1);
}

ul.main-navigation-menu .sub-menu .has-sub:after {
		color: #ddd;
		background: #efefef;
		text-align: center;
}

.navigation-small ul.main-navigation-menu > li:hover,
.navigation-small ul.main-navigation-menu > li.hover {
		background: rgba(200,200,200,.9);
}

		.navigation-small ul.main-navigation-menu > li:hover > ul.sub-menu,
		.navigation-small ul.main-navigation-menu > li.hover > ul.sub-menu {
				background: rgba(255,255,255,.9);
		}



#content .group-box[data-shownlabel="Y"],
#artifact .group-box[data-shownlabel="Y"] {
		border-top: 1px solid rgb(111,170,158);
}

		#content .group-box[data-shownlabel="Y"]:before,
		#artifact .group-box[data-shownlabel="Y"]:before {
				color: rgb(111,170,158);
		}

#content .group-box-menu,
#artifact .group-box-menu {
		background: rgba(200,200,200,.9);
		border-bottom: 1px solid #aaa;
		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
}

		#content .group-box-menu li a:hover,
		#content .group-box-menu li.active a,
		#artifact .group-box-menu li a:hover,
		#artifact .group-box-menu li.active a {
				background-color: rgb(160,210,200);
				text-shadow: 0 -1px 0 rgba(0,0,0,.3);
				color: #fff;
		}

/* OVERLAYBOX INLOGGEN */
.overlay-box-header {
		background-color: transparent;
}

.overlay-box-body .input-block-level .fa {
		color: rgb(106,244,118);
}

.overlay-box-body .btn {
		background-color: rgb(106,244,118);
}


.control-group .input-prepend input {
		border: 1px solid #ddd;
}

.control-group .input-prepend .add-on {
		background-color: #EEE;
		border: 1px solid #CCC;
}


/* theme text color */
.dataTable th label {
		color: rgb(111,170,158);
		font-weight: 700;
}

/* theme background color */
.label-theme,
.badge-theme,
.widget-content[data-content-type="list"] .list-items li.active,
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
		background-color: rgb(111,170,158);
		color: rgb(255,255,255);
}


/* highlight */
.sel-val:hover,
.sel-val:focus,
tr[data-id]:hover,
tr[data-id]:focus,
tr[data-id]:focus td, tr[data-id]:hover td,
tr[data-id].highlight td {
		background: rgb(79, 200, 250);
}


/* borders or dark */
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
		border-color: rgb(38,83,74);
}

.widget-content[data-content-type="table"] .table thead th {
		border-bottom: 1px solid rgb(38,83,74);
}


#cart-side-menu {
		border-left: 4px solid rgb(38,83,74);
}



.re .route-item .number.theme-color {
		color: rgb(111,170,158);
}


/*------------------------------------------------
	Blue TEMPLATE: 
	
		Base:			 	rgb(111,170,158);
	Highlight:	rgb(160,210,200);
	borders: 		rgb(38,83,74);
	win HL:			rgb(219,238,233);
	
-------------------------------------------------*/