@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);@charset "UTF-8";

body {
	background-image : url("/_tmpl/images/background-light.png");
	background-color : #FFF;
}
.container {
	min-height : 100%;
}





/*
@media (min-width: 576px) {
	.fw-sm-bold { font-weight : bold; }
	.text-sm-right { text-align : right; }
}
@media (min-width: 768px) {
	.fw-md-bold { font-weight : bold; }
	.text-md-right { text-align : right; }
}
@media (min-width: 992px) {
	.fw-lg-bold { font-weight : bold; }
	.text-lg-right { text-align : right; }
}
@media (min-width: 1200px) {
	.fw-xl-bold { font-weight : bold; }
	.text-xl-right { text-align : right; }
}
*/














@media (max-width: 575.98px) { /* xs */
	.fw-xs-bold { font-weight : bold; }
	.text-xs-right { text-align : right; }
	body { zoom : 0.75; }
	header { zoom : 0.75; }
}
@media (min-width: 576px) and (max-width: 767.98px) { /* sm */
	.fw-sm-bold { font-weight : bold; }
	.text-sm-right { text-align : right; }
	body { zoom : 0.85; }
	header { zoom : 0.75; }
}
@media (min-width: 768px) and (max-width: 991.98px) { /* md */
	.fw-md-bold { font-weight : bold; }
	.text-md-right { text-align : right; }
	header { zoom : 0.85; }
}
@media (min-width: 992px) { /* lg+ */
	.fw-lg-bold { font-weight : bold; }
	.text-lg-right { text-align : right; }

}




/* Class : table-intorows */
@media only screen and (max-width: 1199px) {
	.table-intorows table {
		border: 1px solid #ccc;
		width: 100%;
	}
	/* hide the header */
	.table-intorows table > thead {
		display: none;
	}
	/* turn cells into rows */
	.table-intorows table > tbody > tr > td {
		display: block;
		clear: both;
		border: 0;
	}
	/* split "rows" with border */
	.table-intorows table > tbody > tr:not(:first-child) > td:first-child {
		border-top: 1px solid #ccc;
	}
	.table-intorows table > tbody > tr > td[data-title]:before {
		content: attr(data-title);
		float: left;
		min-width: 125px;
		padding-right: 5px;
		text-decoration: underline;
		text-align : left;
	}
	.table-intorows table > tbody > tr > td {
		text-align : left;
	}
}
@media only screen and (max-width: 576px) {
	.table-intorows table > tbody > tr > td[data-title]:before {
		float: none;
		display: block;
		min-width: auto;
	}
}












.maxwidth-25 { max-width : 25px; }
.maxwidth-50 { max-width : 50px; }
.maxwidth-75 { max-width : 75px; }
.maxwidth-100 { max-width : 100px; }
.maxwidth-125 { max-width : 125px; }
.maxwidth-150 { max-width : 150px; }
.maxwidth-175 { max-width : 175px; }
.maxwidth-200 { max-width : 200px; }
.maxwidth-225 { max-width : 225px; }
.maxwidth-250 { max-width : 250px; }
.maxwidth-275 { max-width : 275px; }
.maxwidth-300 { max-width : 300px; }
.maxwidth-325 { max-width : 325px; }
.maxwidth-350 { max-width : 350px; }
.maxwidth-375 { max-width : 375px; }
.maxwidth-400 { max-width : 400px; }
.maxwidth-425 { max-width : 425px; }
.maxwidth-450 { max-width : 450px; }
.maxwidth-475 { max-width : 475px; }
.maxwidth-500 { max-width : 500px; }
.maxwidth-525 { max-width : 525px; }
.maxwidth-550 { max-width : 550px; }
.maxwidth-575 { max-width : 575px; }
.maxwidth-600 { max-width : 600px; }
.maxwidth-625 { max-width : 625px; }
.maxwidth-650 { max-width : 650px; }
.maxwidth-675 { max-width : 675px; }
.maxwidth-700 { max-width : 700px; }
.maxwidth-725 { max-width : 725px; }
.maxwidth-750 { max-width : 750px; }
.maxwidth-775 { max-width : 775px; }
.maxwidth-800 { max-width : 800px; }
.maxwidth-825 { max-width : 825px; }
.maxwidth-850 { max-width : 850px; }
.maxwidth-875 { max-width : 875px; }
.maxwidth-900 { max-width : 900px; }
.maxwidth-925 { max-width : 925px; }
.maxwidth-950 { max-width : 950px; }
.maxwidth-975 { max-width : 975px; }
.maxwidth-1000 { max-width : 1000px; }
.maxwidth-1025 { max-width : 1025px; }
.maxwidth-1050 { max-width : 1050px; }
.maxwidth-1075 { max-width : 1075px; }
.maxwidth-1100 { max-width : 1100px; }
.maxwidth-1125 { max-width : 1125px; }
.maxwidth-1150 { max-width : 1150px; }
.maxwidth-1175 { max-width : 1175px; }
.maxwidth-1200 { max-width : 1200px; }
.maxwidth-1225 { max-width : 1225px; }
.maxwidth-1250 { max-width : 1250px; }
.maxwidth-1275 { max-width : 1275px; }
.maxwidth-1300 { max-width : 1300px; }
.maxwidth-1325 { max-width : 1325px; }
.maxwidth-1350 { max-width : 1350px; }
.maxwidth-1375 { max-width : 1375px; }
.maxwidth-1400 { max-width : 1400px; }
.maxwidth-1425 { max-width : 1425px; }
.maxwidth-1450 { max-width : 1450px; }
.maxwidth-1475 { max-width : 1475px; }
.maxwidth-1500 { max-width : 1500px; }

.text-right { text-align : right; }

.float-input-label {
	display:block;
	position:relative
}
.float-input-label label {
	position : relative;
	top : -3.8em;
	left : 8px;
	background-color : #FFF;
	padding : 0 6px 0 2px;
	margin : 0;
	cursor : text;
	font-size : 75%;
	z-index : 3;
	line-height : 1;
	color : #333;
}
.float-input-label label::after {
	content : " ";
	display : block;
	position : absolute;
	/* background : #fff; */
	/* height : 2px; */
	top : 50%;
	left : -.2em;
	right : -.2em;
	z-index : -1
}

.float-input-nolabel {
	background: transparent !important;
}

.form-control:focus,
.form-select:focus {
	border-color: #999;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 0, 0, 0.3);
}





body { line-height:1; }
.nav-link {
	padding : 0 100px;
	line-height : 40px;
}












.ribbon-box {
  position: relative;
}
.ribbon-box .ribbon {
  position: relative;
  clear: both;
  padding: 5px 12px;
  margin-bottom: 15px;
  -webkit-box-shadow: 2px 5px 10px rgba(71, 77, 86, 0.15);
  box-shadow: 2px 5px 10px rgba(71, 77, 86, 0.15);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.ribbon-box .ribbon:before {
  content: " ";
  border-style: solid;
  border-width: 10px;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  margin-bottom: -10px;
  z-index: -1;
}
.ribbon-box .ribbon.float-start {
  margin-left: -30px;
  border-radius: 0 3px 3px 0;
}
.ribbon-box .ribbon.float-end {
  margin-right: -30px;
  border-radius: 3px 0 0 3px;
}
.ribbon-box .ribbon.float-end:before {
  right: 0;
}
.ribbon-box .ribbon.float-center span {
  margin: 0 auto 20px auto;
}
.ribbon-box .ribbon-content {
  clear: both;
}
.ribbon-box .ribbon-primary {
  background: #3688fc;
}
.ribbon-box .ribbon-primary:before {
  border-color: #1d79fc transparent transparent;
}
.ribbon-box .ribbon-secondary {
  background: #919ca7;
}
.ribbon-box .ribbon-secondary:before {
  border-color: #838f9c transparent transparent;
}
.ribbon-box .ribbon-success {
  background: #42d29d;
}
.ribbon-box .ribbon-success:before {
  border-color: #30ca92 transparent transparent;
}
.ribbon-box .ribbon-info {
  background: #44badc;
}
.ribbon-box .ribbon-info:before {
  border-color: #2fb2d8 transparent transparent;
}
.ribbon-box .ribbon-warning {
  background: #f9bc0d;
}
.ribbon-box .ribbon-warning:before {
  border-color: #e7ad06 transparent transparent;
}
.ribbon-box .ribbon-danger {
  background: #fa6767;
}
.ribbon-box .ribbon-danger:before {
  border-color: #f94e4e transparent transparent;
}
.ribbon-box .ribbon-light {
  background: #eef2f7;
}
.ribbon-box .ribbon-light:before {
  border-color: #dde5ef transparent transparent;
}
.ribbon-box .ribbon-dark {
  background: #474d56;
}
.ribbon-box .ribbon-dark:before {
  border-color: #3b4048 transparent transparent;
}
.ribbon-box .ribbon-two {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon-box .ribbon-two span {
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100px;
  display: block;
  -webkit-box-shadow: 0 0 8px 0 rgba(71, 77, 86, 0.08),
    0 1px 0 0 rgba(71, 77, 86, 0.03);
  box-shadow: 0 0 8px 0 rgba(71, 77, 86, 0.08), 0 1px 0 0 rgba(71, 77, 86, 0.03);
  position: absolute;
  top: 19px;
  left: -21px;
  font-weight: 600;
}
.ribbon-box .ribbon-two span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon-box .ribbon-two span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon-box .ribbon-two-primary span {
  background: #3688fc;
}
.ribbon-box .ribbon-two-primary span:before {
  border-left: 3px solid #1d79fc;
  border-top: 3px solid #1d79fc;
}
.ribbon-box .ribbon-two-primary span:after {
  border-right: 3px solid #1d79fc;
  border-top: 3px solid #1d79fc;
}
.ribbon-box .ribbon-two-secondary span {
  background: #919ca7;
}
.ribbon-box .ribbon-two-secondary span:before {
  border-left: 3px solid #838f9c;
  border-top: 3px solid #838f9c;
}
.ribbon-box .ribbon-two-secondary span:after {
  border-right: 3px solid #838f9c;
  border-top: 3px solid #838f9c;
}
.ribbon-box .ribbon-two-success span {
  background: #42d29d;
}
.ribbon-box .ribbon-two-success span:before {
  border-left: 3px solid #30ca92;
  border-top: 3px solid #30ca92;
}
.ribbon-box .ribbon-two-success span:after {
  border-right: 3px solid #30ca92;
  border-top: 3px solid #30ca92;
}
.ribbon-box .ribbon-two-info span {
  background: #44badc;
}
.ribbon-box .ribbon-two-info span:before {
  border-left: 3px solid #2fb2d8;
  border-top: 3px solid #2fb2d8;
}
.ribbon-box .ribbon-two-info span:after {
  border-right: 3px solid #2fb2d8;
  border-top: 3px solid #2fb2d8;
}
.ribbon-box .ribbon-two-warning span {
  background: #f9bc0d;
}
.ribbon-box .ribbon-two-warning span:before {
  border-left: 3px solid #e7ad06;
  border-top: 3px solid #e7ad06;
}
.ribbon-box .ribbon-two-warning span:after {
  border-right: 3px solid #e7ad06;
  border-top: 3px solid #e7ad06;
}
.ribbon-box .ribbon-two-danger span {
  background: #fa6767;
}
.ribbon-box .ribbon-two-danger span:before {
  border-left: 3px solid #f94e4e;
  border-top: 3px solid #f94e4e;
}
.ribbon-box .ribbon-two-danger span:after {
  border-right: 3px solid #f94e4e;
  border-top: 3px solid #f94e4e;
}
.ribbon-box .ribbon-two-light span {
  background: #eef2f7;
}
.ribbon-box .ribbon-two-light span:before {
  border-left: 3px solid #dde5ef;
  border-top: 3px solid #dde5ef;
}
.ribbon-box .ribbon-two-light span:after {
  border-right: 3px solid #dde5ef;
  border-top: 3px solid #dde5ef;
}
.ribbon-box .ribbon-two-dark span {
  background: #474d56;
}
.ribbon-box .ribbon-two-dark span:before {
  border-left: 3px solid #3b4048;
  border-top: 3px solid #3b4048;
}
.ribbon-box .ribbon-two-dark span:after {
  border-right: 3px solid #3b4048;
  border-top: 3px solid #3b4048;
}




.progress-bar-vertical {
	min-height: 100px;
	display: flex;
	align-items: flex-end;
	margin-right: 20px;
	float: left;
}

.progress-bar-vertical .progress-bar {
	width: 100%;
	height: 0;
	-webkit-transition: height 0.6s ease;
	-o-transition: height 0.6s ease;
	transition: height 0.6s ease;
}