body {
	font-size:1.6em;
	font-family: 'Tahoma', sans-serif;
}
iframe {
  border:none;
}

/* Element */
#index {
	min-height:98%;
}
#page-wrapper {
	margin-left:0px;
}

w {
	display:inline-block;
}
bu {
	font-weight:bold;
	text-decoration:underline;
}
.main-logo {
	background:white;
	text-align:center;
	border-radius:90px;
}
div.title-header {
	text-align:center;margin:auto;
	padding:10px;
	margin-top:50px;
	border-top:1px solid 
}
div.title-desc {
	text-align:center;margin:auto;
}
#side-menu {
	font-size:85%;
}
.ibox-title {
	background:#18a689;
	color:white;
}
ul.nav-tabs {
	border-bottom: 2px solid #13bdb8 !important;
	margin-bottom:25px;
}
.tbinput {
	padding:10px;border-bottom:1px solid #999;
}

/* Tab */
.main-tab {
	margin-top:50px;
	/* display:none; */
}
.main-tab.active {
	/* display:block; */
}
.panel-body {
	display:none;
}
.panel-body.active {
	display:block;
}
.main-tab.active {
	display:block;
}
.nav.nav-tabs li {
	background:#eee;
}

/* Widget */
.widget {
	color:#ccc;
	border:1px solid #999;
	cursor:pointer;
}
.widget.navy-bg, .widget.yellow-bg, .widget.lazur-bg, .widget.red-bg {
	color:#fff;
	border:none;
}
.widget .fa-circle {
	display:inline-block;
	color:#f3f3f4;
}
.widget .fa-check {
	display:none;
}
.widget.navy-bg .fa-circle {
	display:none;
}
.widget.navy-bg .fa-check {
	display:inline-block;
}

/* Lang */
div.lang {
	color:white;font-weight:bold;
	position:absolute;right:25px;text-align:right;
	cursor:pointer;
}	
	div.lang div {
		padding: 5px;
		opacity:0.4;
		border:none;border-radius: 5px;
		display: inline-block;
		margin-left: 5px;
		font-weight: normal;
		font-size: 70%;
	}
		div.lang div img.inactive {
			display:block;
		}
		div.lang div img.active {
			display:none;
		}
	div.lang div.active {
		opacity:1;
	}
		div.lang div.active img.inactive {
			display:none;
		}
		div.lang div.active img.active {
			display:block;
		}

/* NAV */
#NavHead {
	background:linear-gradient(
		to right,
		#d71635 0%,
		#8b0015 100%
	);
	box-shadow:0px 5px 15px #666;
}
.nav.navbar-top-links a {
	font-size:100%;
}
.sidebard-panel .feed-element, .media-body, .sidebard-panel p {
	font-size:75%;
}
.dropdown-menu {
	font-size:100%;
	color:white;
}
li.dropdown a:hover, li.dropdown.open a:hover, a.droplist-menu:hover, a.section-menu:hover,
li.dropdown a:active, li.dropdown.open a:active, a.droplist-menu:active, a.section-menu:active,
li.dropdown a:focus, li.dropdown.open a:focus, a.droplist-menu:focus, a.section-menu:focus,
li.dropdown.open a {
	color:black !important;
	background:white;
	border-radius:20px;
}
li.dropdown a.droplist-menu:hover, li.dropdown a.droplist-menu:active {
	color:white !important;
	background:red;
}
li.dropdown a.droplist-menu:hover span.nav-label {
	color:white !important;
}
ul.dropdown-menu {
	border-radius:20px;
}
.navbar-nav a.dropdown-toggle, .navbar-nav a.section-menu, .nav > li > a {
	color:inherit;
}
.nav-label {
	color:black;
}

.navi-pane {
	text-align:center;
}

/* Log in */
input.empid {
	height:75px;
	font-size:120%;
	padding:7px;
}
button.btn-login {
	font-size:130%;
	padding:10px;
}
div.loginscreen {
	font-size:130%;
}


/* Tab inactive color */
.skin-2 .nav > li > a,
.skin-2 .welcome-message {
  color: #a7b1c2;
}
ul.nav-tabs li.active {
	background:#178ab6;
}
.tabs-container .nav-tabs > li.active > a, 
.tabs-container .nav-tabs > li.active > a:hover, 
.tabs-container .nav-tabs > li.active > a:focus {
	background:none;
	color:white;
}

/* Overwrite */
.wrapper-content {
	padding:20px 10px 10px;
}
.select2-container--default .select2-selection--single {
	border:none;
	border-bottom:1px solid #933;
	margin:0 10px;
}
.select2-container .select2-selection--error {
	border-bottom:4px solid #f66 !important;
}
.select2-container .select2-selection--single {
	font-size: 120%;
	height: 45px;
	padding-top: 5px;
}
	.select2-selection__arrow {
		top:10px;
	}

/* Graph */
.ova1-legend {
}
	.ova1-legend div {
		display: inline-block;
		height: 35px;
		width: 35px;
		position: relative;
		left: 40%;
	}
	.ova1-legend span {
		font-size: 90%;
		font-weight: bold;
		position: relative;
		left: 50%;
	}
		.ova1-legend span::after {
			display:block;
			content:'';
			margin-bottom:15px;
		}

.table-center thead tr th, .table-center tbody tr td {
  text-align: center;
  vertical-align: middle;
  /*font-size:calc(90% + 0.05vw);*/
}
.table-bordered thead tr th {
  border:1px solid #009c94 !important;
}
.table-bordered tbody tr td {
  border:1px solid #999 !important;
}
.table-row {
  /*display: table-row;*/
  padding:10px 0;
}
.table caption {
	width:95%;text-align:center;
	color:#004900;font-size:125%;
}
.table-lastrow tbody tr:last-child td {
	border-top:2px solid #999;
	background:#9aa7ba;
	color:black;
}
.table-firstcol tbody tr td:first-child {
	border-right:2px solid #999;
}
.table-firstrow thead th {
	background:#9aa7ba;
	color:black;
}
.table-layout-fixed {
	table-layout:fixed;
}
.table-minus tbody td {
	padding:8px 0 !important;
}
.table-minus tbody td.m {
	background:#c52e2e !important;
	color:white;
}
.table-tooltip thead tr th:hover {
	background:white;border:2px solid #ddd;
}

.hlabel {
  font-weight: bold;
  font-size:90%;
  /*display:table-cell;*/
}

.dlabel {
  font-size:90%;
  /*display:table-cell;*/
}


/******************************
/* Content Page Element */
div.rep-type {
	background:#76a346;
	width:80%;margin:auto;height:60px;
	padding-top:8px;margin-bottom:20px;
	font-size:150%;color:white;
}

h1.graph-caption {
	width:100%;
	text-align:center;font-size:90%;
	margin-top:30px;margin-bottom:15px;
}
.wklymonth {
	text-align:center;
}
.wklymonth button {
	width:120px;
	font-size:120%;
}
	.wklymonth .row {
		border-bottom:1px solid #cfc;
		padding:15px 0;
		margin:10px 0;
	}

/* DataTable */
.dataTable {
	table-layout:Fixed;
}
.dataTable caption {
	width:100%;
	text-align:center;font-size:130%;
	margin-top:50px;
}
.dataTable thead th {
	background:#5fcca6;
	text-align:center;
	color:white;
}
.dataTable tbody tr td {
	text-align:center;
}


/* NPS */
.btn-nps {
	display: inline-block;
	padding: 15px 35px;
	border-radius: 15px;
	cursor: default;
	font-size: 150%;
}
.btn-nps-symbol {
	display: inline-block;
	padding: 5px 25px;
	cursor: default;
	font-size: 200%;
	font-weight:bold;
}
.span-nps-left {
	display:inline-block;
	width:60px;
	font-size:150%;
	margin:0px 20px;
	position:relative;top:-10px;
}
.div-nps-right {
	display:inline-block;
	text-align:center;
}
.span-nps-right {
	display:block;
	width:180px;
	font-size:150%;
	margin:20px 20px;
	position:relative;top:-10px;
}
.btn-nps-chart {
	display: inline-block;
	padding: 5px 25px;
	cursor: default;
	font-size: 300%;
	font-weight:bold;
	position:relative;top:-75px;
}
.table-nps {
}
	.table-nps tr td, .table-nps tr th {
		text-align:center;
		border:1px solid white;
	}

/******************************

/* Shape */

.shape-bg1 {
  border-top: 12px solid #517a00;
}
.shape-bg2 {
  border-top: 12px solid #bfbfbf;
}
.shape-bg3 {
  border-top: 12px solid #7f7f7f;
}

.navbar-fixed-top, .navbar-static-top {
	background:none;
	color:white;
}


/* Goto */
#gototop {
  display:none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
.gototop {
  height: 58px;
  width: 58px;
  display: table-cell;
  background: #1ab394;
  padding: 9px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  font-size: 200%;
}
.gototop:hover {
  color: white;
  background: #1ab394;
}

/* Text Orientation */
.vertical-text {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
  vertical-align: middle !important;
}

/* Footer */
div.footer {
	position:relative;
}

/* Background */
	.ssi-bg {
		background:#ff66cc;
		color:white !important;
	}
	.csi-bg {
		background:#0070c0;
		color:white !important;
	}
	.bg-cus-red {
		background:#e10000 !important;
		color:white !important;
	}
	.bg-cus-yellow {
		background:#b5ae01 !important;
		color:white !important;
	}
	.bg-cus-green {
		background:#008709 !important;
		color:white !important;
	}
	.bg-cus-orange {
		background:#f37120 !important;
		color:white !important;
	}
	.bg-cus-blue {
		background:#4383b2 !important;
		color:white !important;
	}
	.bg-cus-grey {
		background:#acb0b8 !important;
		color:white !important;
	}
	.bg-cus-lightorange {
		background:#fac6a5 !important;
		color:black !important;
	}
	.bg-cus-lightyellow {
		background:#e9e699 !important;
		color:black !important;
	}
	.bg-cus-lightblue {
		background:#a7cce7 !important;
		color:black !important;
	}
	.bg-cus-lightgrey {
		background:#e9e9e9 !important;
		color:black !important;
	}
	.bg-cus-lightprimary {
		background:#d1e6f3 !important;
		color:black !important; 
	}
	.bg-cus-lightinfo {
		background:#bdedee !important;
		color:black !important; 
	}
/* Special Class */
	.bold {
		font-weight:bold !important;
	}
	.underline {
		text-decoration:underline !important;
	}
	.center {
		text-align:center !important;
	}
	.red {
		color:#e10000 !important;
	}
	.yellow {
		color:#e1d803 !important;
	}
	.green {
		color:#008709 !important;
	}
	.2x {
		font-size:200% !important;
	}
	.padding {
		padding:6px !important;
	}
	.padding15 {
		padding:15px !important;
	}
	.padding-tb {
		padding:7px 0px !important;
	}
	.white {
		color:white !important;
	}
	.black {
		color:black !important;
	}
	.padding {
	  padding:10px !important;
	}


@media all and (min-width: 800px) and (max-width: 1380px) {
	body {
		font-size:13px;
	}
}

@media all and (min-width: 200px) and (max-width: 800px) {
	body {
		font-size:11px;
	}
}