.theme-duotone {
	--fa-secondary-opacity: 1.0;
	--fa-primary-color: #817e7b;
	--fa-secondary-color: #aca9a6;
}

.bold {
	color:#000;
}

.searchbox {
	width:250px !important;
}
.navtop-apptitle {
	color:#fff;
	font-size:26px;
	padding-left:10px;
	letter-spacing: 4px;
	font-family: 'Raleway';
}

.szurke {
	background-color: #92989a;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4c4c4+0,92989a+100 */
background: rgb(196,196,196); /* Old browsers */
background: -moz-linear-gradient(top, rgba(129,126,123,1) 0%, rgba(172,169,166,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(129,126,123,1) 0%,rgba(172,169,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(129,126,123,1) 0%,rgba(172,169,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#817e7b', endColorstr='#aca9a6',GradientType=0 ); /* IE6-9 */
}

@font-face {
  font-family: 'Trenda';
  src: url("/3rdparties/vendors/fonts/Trenda-Semibold.woff2") format("woff2"), url("/3rdparties/vendors/fonts/Trenda-Semibold.woff") format("woff"), url("/3rdparties/vendors/fonts/Trenda-Semibold.ttf") format("truetype"), url("/3rdparties/vendors/fonts/Trenda-Semibold.svg#Trenda-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Trenda';
  src: url("/3rdparties/vendors/fonts/Trenda-Bold.woff2") format("woff2"), url("/3rdparties/vendors/fonts/Trenda-Bold.woff") format("woff"), url("/3rdparties/vendors/fonts/Trenda-Bold.ttf") format("truetype"), url("/3rdparties/vendors/fonts/Trenda-Bold.svg#Trenda-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Trenda';
  src: url("/3rdparties/vendors/fonts/Trenda-Regular.woff2") format("woff2"), url("/3rdparties/vendors/fonts/Trenda-Regular.woff") format("woff"), url("/3rdparties/vendors/fonts/Trenda-Regular.ttf") format("truetype"), url("/3rdparties/vendors/fonts/Trenda-Regular.svg#Trenda-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Trenda';
  src: url("/3rdparties/vendors/fonts/Trenda-Light.woff2") format("woff2"), url("/3rdparties/vendors/fonts/Trenda-Light.woff") format("woff"), url("/3rdparties/vendors/fonts/Trenda-Light.ttf") format("truetype"), url("/3rdparties/vendors/fonts/Trenda-Light.svg#Trenda-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Corbel';
  src: url("/3rdparties/fonts/Corbel Bold.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

.zsebinput {
	padding:2px !important;
	height:20px;
	font-size:12px;
}

body {
  font-family: 'Raleway', sans-serif;
}


.toplogo {
	background-image: none;
	background-size:cover;
	display:flex;
}

.logo {
	background-image: none;

	margin-bottom: 20px;
}

.nav-link, .navbar-brand, .nav-item {
	font-size:16px;
	color:#fff;
}

.nav-link:hover, .navbar-brand:hover {
	color:#ddd;
}

.navbar {
	padding:4px 4px;
	background-color:#54a3d4;
}

.navbar-nav {
	margin-left:0px;
}
.navbar-brand {
	margin-right:4px;
	color:#fff;
}

.nav-form a {
	color:#000;
}
.btn {
	margin-bottom:2px;
}
.border-strong {
	border-left-width: 4px !important;
}

.kbtext {
	font-size:40px;
	height:60px;
	  color: #66A2D0 !important;
}
.moduleheader {
	background-color: #444 !important;
}
.moduleheader a  {
	color:#ddd;
}
.upper-head {
	background-color: #54a3d4 !important;
}
.upper-head2 {
	background-color: #226d9b;
	height:38px;
	background-image:url('blue-abstract-background.jpg');
	
}

.btn-white { 
  color: #66A2D0; 
  background-color: #FFFFFF; 
  border-color: #66A2D0; 
} 


.topheader {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#275db7+0,4872b5+100 */
	background: -moz-linear-gradient(top, #275db7 0%, #4872b5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #275db7 0%,#4872b5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #275db7 0%,#4872b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275db7', endColorstr='#4872b5',GradientType=0 ); /* IE6-9 */
//	background-image: url("/images/infosense-splash.jpg?id=2");
	background-size:cover;
	background-position: center center;	
}

.sectionheader {
	font-size:16px !important;
	border-bottom:1px solid #000;
	width:100%;
	font-weight: bold;
	text-align: left;
}

.splash {
	//background-image: url("/images/infosense-splash.jpg?id=2");
	background-size:cover;
	background-repeat: no-repeat;
}
.splash2 {
	//background-image: url("/images/splash2.jpg?id=2");
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.topheader h2 {
	color:#fff;
}

.setlanguage {
  
  background-color:transparent;
  background-repeat:no-repeat;
  background-position: right 10px top 15px;
  background-size: 16px 16px;
  color:white;
  padding:6px;
  width:auto;
  font-family:arial,tahoma;
  font-size:10px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-appearance: none;
  border:none;
  outline:0;
  -webkit-transition:0.3s ease all;
	   -moz-transition:0.3s ease all;
	    -ms-transition:0.3s ease all;
	     -o-transition:0.3s ease all;
	        transition:0.3s ease all;

}

.kh-header, .kh-header a {
	color:#fff;
	text-decoration: none;
}

.border-strong {
	box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

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

Project : CSS Checkbox Switch
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
Version : 1.0
Release Dtae : 15 November, 2017

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


.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: -2px;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}