p {
	margin-bottom: 10px;
}


#header,
#topMain { /* force header color */
	background: #1167a1 !important;
}

.main-icon {
	margin-right: 0px !important;
}

.tasys-textarea {
	height: 200px;
}

.click-row {
	cursor: pointer !important;
}

.form-group .col-sm-8,
.form-group .col-sm-4,
.form-group .radio
 {
	padding-left: 0px !important;
 }

 .form-group .radio
 {
	padding-right: 25px !important;
 }

.form-group .icheckbox_square-green,
.form-group .iradio_square-green
{
	margin-left: 0px !important;
}

.form-group .text-danger
 {
	font-weight: bold;
 }

.form-group {
	margin-top: 0px;
	margin-bottom: 0px;
}

.leer-20 {
	height: 20px;
}

.leer-30 {
	height: 30px;
}

.singlerow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}	

.singlerowborder {
	border-right: #888 1px solid;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}	

.panel-heading {
    padding: 15px 15px;
}
	
/*----------------------------------------------------------------------------------*/
/* Header Logo und Searchbar */
/*----------------------------------------------------------------------------------*/

#header .logo {
	display:inline-block;
	height:55px;
	width:100%;
	max-width:170px;
	line-height:55px;
	margin-top:2px;
	padding-left:10px;
	border-left:rgba(0,0,0,0.2) 1px solid;
}

#header form.search {
	display: none;                              /* Suche deaktiviert im Header */
	margin:0;
	padding:0;
}
#header form.search>input {
	color:#fff;
	height:55px;
	line-height:55px;
	padding:0;
	border:0;
	margin:0;
	background:transparent;
	-webkit-box-shadow:none !important;
	   -moz-box-shadow:none !important;
			box-shadow:none !important;
}

/*----------------------------------------------------------------------------------*/
/* Progressbar */
/*----------------------------------------------------------------------------------*/

#progress-pbo {
	display: none;
    width:100%;
    height:30px;
    overflow:hidden;
    background: #dfdfdf;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #cccccc;
}

#progress-pbi {
	display: none;
    width:0%;
    height:30px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    background: rgb(38,85,139); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(38,85,139,1) 0%, rgba(58,139,194,1) 25%, rgba(75,184,240,1) 50%, rgba(58,139,194,1) 75%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(38,85,139,1) 0%,rgba(58,139,194,1) 25%,rgba(75,184,240,1) 50%,rgba(58,139,194,1) 75%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(38,85,139,1) 0%,rgba(58,139,194,1) 25%,rgba(75,184,240,1) 50%,rgba(58,139,194,1) 75%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26558b', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */
}

#progress-pbt {
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    left: 20px;
    position: relative;
    top: -28px;
}

/*----------------------------------------------------------------------------------*/
/* Data Tables */
/*----------------------------------------------------------------------------------*/

div.dataTables_info {
	padding-top: 14px !important;
}

.tabletitle {
	float: left;
	font-size: 1.4em;
  }

.zrow:hover {
	background-color: #d9edf7;
	cursor: pointer;
}

.zrowtd {
	padding-top: 6px !important;
	padding-bottom: 0px !important;
}

.zrowth {
	padding-top: 0px !important;
	padding-bottom: 4px !important;
}

.float-right {float:right;}
.float-left {float:left;}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.8;
}

table.dataTable thead .sorting:after {
  opacity: 0.5;
  content: "\e150";
  font-size: 1.5rem;
}

table.dataTable thead .sorting_asc:after {
  content: "\e155";
  color: #ee7600;
  font-size: 1.5rem;
}

table.dataTable thead .sorting_desc:after {
  content: "\e156";
  color: #ee7600;
  font-size: 1.5rem;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}

.zellip {
    white-space: nowrap !important;
    width: 400px !important;                   
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/*
table.dataTable td {
	padding-top: 8px !important;
	padding-bottom: 2px !important;
}
*/

/*----------------------------------------------------------------------------------*/
/* Form Input */
/*----------------------------------------------------------------------------------*/

.tasys-input,
.input-sm  {
	text-transform: none;
	height: 32px !important;  
	line-height: 1.5em !important;
	border: #b3b3b3 1px solid;
	border-radius: 0.25em;
	color: #104e8b;
	font-size: 1em;
	font-weight: 500;
	padding: 5px 5px 5px 5px;
	margin: 0px !important;
	background-clip: padding-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease
}

.tasys-input:focus,
.input-sm:focus {
	border: #80bdff 1px solid;
	background-color: #ffffe6;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}


.has-success .form-control,
.has-success .form-control:focus {
	border: #b3b3b3 1px solid;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.help-block {
	font-size: 0.9em;
	font-weight: 500;
}

.has-error p.text-danger {
	margin-bottom:0px;
}


/*----------------------------------------------------------------------------------*/
/* Checkboxes */
/*----------------------------------------------------------------------------------*/

label {
	position: relative;
	cursor: pointer;
	color: #888888; /* #474747 */
	font-size: 16px;
	bottom: 2px;
	margin: 0;
	padding: 0;
}

input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 18px !important;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #2980b9;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
/*	content: "\f0c8";     */
	color: #ddd;
}

/*Radio box*/

input[type="radio"] + .label-text:before{
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 18px !important;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: #8e44ad;
	animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{
	content: "\f204";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 18px !important;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
	content: "\f205";
	color: #16a085;
	animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
	content: "\f204";
	color: #ccc;
}


@keyframes effect {
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

/*----------------------------------------------------------------------------------*/
/* Ajax Modal Dialog-Forms */
/*----------------------------------------------------------------------------------*/

.modal-backdrop {
    opacity: 0.6 !important;
}

/*----------------------------------------------------------------------------------*/
/* Custom Javascript Alert Box */
/*----------------------------------------------------------------------------------*/

#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:400px;
	margin-top:250px;
	border:1px solid #999;
	border-radius: 5px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: bold;
	background-color:#1167a1;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:10px 0 10px 15px;
}

#alertBox h1:before {
	font-family: FontAwesome;
	font-size: 18px;
	color:lightgoldenrodyellow;
	content: "\f12a";
	padding-right: 10px;
}

#alertBox div.abox {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:25px;
}

#alertBox h2 {
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
}

#alertBox p {
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:25px auto;
	padding:7px;
	border:0 none;
	width:100px;
	font:1em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#5cb85c;
	border-color: #4cae4c;
	border-radius: 3px;
	text-decoration:none;
}

#alertBox #closeBtn:hover {
	background-color:#3a863a;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------*/
/* Buttons */
/*----------------------------------------------------------------------------------*/

.btn-tasys-header {
	text-transform: none;
	height: 32px !important;
	border: #ddd 1px solid;
	color: #1167a1;
	font-weight: 600;
	padding: 5px 10px 5px 10px;
	margin: 0px !important;
}

.btn-tasys-header-date {
	text-transform: none;
	height: 32px !important;
	border: #ddd 1px solid;
	color: #fff;
	background-color: #4d4d4d;
	font-weight: 600;
	padding: 5px 10px 5px 10px;
	margin: 0px !important;
}

.btn-tasys-header-date:hover {
	cursor: pointer;
}


.text-tasys-header {
	text-transform: none;
	height: 32px !important;
	border: none;
	color: #1167a1;
	font-weight: 600;
	padding: 0px 10px 5px 10px;
	margin: 0px !important;
}

.btn-tasys-header1 {
	text-transform: none;
	height: 32px !important;
	border: #ddd 1px solid;
	font-weight: 600;
	padding: 5px 10px 5px 10px;
	margin: 0px !important;
}

.btn-px-100 {width:100px;}
.btn-px-110 {width:110px;}
.btn-px-120 {width:120px;}
.btn-px-130 {width:130px;}
.btn-px-140 {width:140px;}
.btn-px-150 {width:150px;}
.btn-px-160 {width:160px;}
.btn-px-170 {width:170px;}
.btn-px-180 {width:180px;}
.btn-px-190 {width:190px;}
.btn-px-200 {width:200px;}
.btn-px-250 {width:250px;}
.btn-px-300 {width:300px;}

/*----------------------------------------------------------------------------------*/
/* Generelle ?berschriften */
/*----------------------------------------------------------------------------------*/

.tasys-h0 {
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: capitalize;
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: #eee;
}

.tasys-h1 {
  font-size: 1.7em;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #004E88;
}

.tasys-h2 {
  font-size: 1.6m;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #004E88;
}

.tasys-h3 {
  font-size: 1.5m;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #004E88;
}

.tasys-h4 {
  font-size: 1.4m;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #004E88;
}

.tasys-h5 {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #004E88;
}

.tasys-h6 {
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #004E88;
}



.bg-odd {
	background-color: #ffffff !important;
}

.bg-odd:hover {
	background-color: #d9edf7 !important;
}

.bg-even {
	background-color: #f6f6f6 !important;
}

.bg-even:hover {
	background-color: #d9edf7 !important; 
}

.tasys-row-hover {
	cursor: pointer;
}


.tooltip {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5em;
}

.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.tooltip-inner { 
	color: #fff; 
	background-color: #4d4d4d;
    border-radius: 20px;
}

.tooltip-arrow {
	border-top-color:#4d4d4d !important;
}



.fa-color-1 {
	color: #1167a1;
	opacity: 0.7;
}

.fa-color-0 {
	color: #aaa;
	opacity: 0.5;
}


/*----------------------------------------------------------------------------------*/
/* Links in Dunkelblau und MouseOver in Rot */
/*----------------------------------------------------------------------------------*/

a {color: #0C4973; text-decoration: none;}
a:hover {color: red;}



/*----------------------------------------------------------------------------------*/
/* Pie-Charts */
/*----------------------------------------------------------------------------------*/

ul.easypiecharts li span.stat-title {
	color: #555;
	text-transform: uppercase;
	text-align: right;
	font-weight: 600;
	font-size: 14px;
	position: absolute;
	top: 40px;
	right: 15px;
}
 */
 
ul.easypiecharts li span.stat-title {
	color: #555;
	text-align: right;
	font-weight: 600;
	font-size: 14px;
}

.easyPieChart .percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: 1em !important;
	color: #1167a1;
}

.easyPieChart .percent {
	margin-top: -12px;
	font-size: 1.3em;
	font-weight:bold;
	color: #1167a1;
}


/*----------------------------------------------------------------------------------*/
/* Section Middle */
/*----------------------------------------------------------------------------------*/

#middle {
  margin-left: 260px;
}

.padding-tasys {
	padding: 20px 35px 20px 35px;  /* +15 in <div class="content"> wegen <div class="row"> */
}

/*----------------------------------------------------------------------------------*/
/* Men? links */
/*----------------------------------------------------------------------------------*/

#aside,
#asidebg {
	width: 260px;
}

#aside nav>ul.nav.nav-list {
	margin-bottom:20px;
}

#aside nav ul li a {
	border-bottom:rgba(0,0,0,0.2) 1px solid; 
	border-top:rgba(255,255,255,0.2) 1px solid;
	padding:10px 10px !important;
	color:#d3dada;
	font-size:14px;
	line-height:14px;
	display:block;
	height:33px;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap;
}

#aside nav h3 {
	font-size:12px;
	line-height:12px;
	font-weight:700;
	margin:0 10px 6px 15px;
	text-transform:uppercase;
	color:#a4afb5;
}

#aside nav ul li a .label {
	margin-top: 0px;
	padding: 3px 6px;
	border:0;
}

#aside nav ul li > a i.fa-menu-arrow:before {
	content: "\f078";
}

#aside nav a i.pull-right {
	padding-left:5px;
	font-size:16px;
	width:24px;
	font-weight:500;
	color:#a4afb5;
}

#aside nav a i.main-icon {
	font-size:18px;
	margin-top: -14px;
}

/*----------------------------------------------------------------------------------*/
/* MINIFIED ASIDE */
/*----------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) {

	body.min #aside nav ul li a {
		border-top:rgba(255,255,255,0.2) 1px solid;
		border-bottom:rgba(0,0,0,0.2) 1px solid; 
	}

	body.min #aside nav  {
		border-top:rgba(255,255,255,0.1) 1px solid;
		border-bottom:rgba(0,0,0,0.1) 1px solid; 
	}

	body.min #aside #asidebg {
		top:94px;
	}

	body.min #header {
		margin-left:-50px;
	}

	body.min #header>nav {
		padding-left:7px;
	}

	body.min #aside,
	body.min #aside #asidebg,
	body.min #aside .logo {
		width:50px;
	}

	body.min .min-hide,
	body.min #aside .logo,
	body.min #showHideAside,
	body.min #aside ul.nav>li>a i.fa.pull-right,
	body.min #aside ul.nav>li>a span {
		display:none !important;
	}

	body.min #aside nav ul li a {
		overflow:visible;
	}

	body.min #aside nav.ajaxNav h3 {
		text-indent:-99999px;
	}

	body.min #wrapper {
		margin-left:0px;
		padding-left:50px;
	}

	body.min #aside ul.nav>li:hover:before {
		right: 0;
		top: 50%;
		content: " ";
		width: 0;
		height: 0;
		position: absolute;
		border: solid transparent;
		border-color: rgba(0, 0, 0, 0);
		border-right-color: #1167a1;
		border-width: 6px;
		margin-top: -6px;
		z-index:100;
	}

	/* do not keep menu open on min */
	body.min #aside>nav li>ul {
		display:none !important;
	}

	/* menu hover */
	body.min #aside ul.nav>li:hover>a span  {
		display:block !important;
		position:absolute;
		background-color:#1167a1;
		width:200px; height:40px;
		top:-1px; left:50px; 
		line-height:40px;
		padding-left:20px;
	}

	body.min #aside ul.nav>li:hover>a span.label {
	display:none !important;
	}

	body.min #aside ul.nav>li:hover>ul {
		display:block;
		position:absolute;
		background-color:#1167a1;
		width:200px; left:50px;
		top:40px;
	}
	body.min #aside ul.nav>li>ul li,
	body.min #aside ul.nav li.menu-open {
		background-color:#1167a1 !important;
	}
	body.min #aside nav ul li ul {
		display:none;
	}
	body.min #aside nav ul li:hover>ul {
		display:block !important;
	}
	body.min #aside nav ul li ul li {
		padding-left:10px;
	}
	body.min #aside nav ul li ul li ul li {
		padding-left:50px;
	}
	body.min #aside nav ul li ul > li {
		border-left:rgba(255,255,255,0.2) 1px solid;
		border-right:rgba(0,0,0,0.2) 1px solid; 
		padding-left:0px;
	}
	body.min #aside nav ul li ul > li:before {
		display:none;
	}
}
	
/*----------------------------------------------------------------------------------*/
/*	 Quick Positioning and Styling  */
/*----------------------------------------------------------------------------------*/

/* font size */
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-30 { font-size: 30px !important; }
.fs-35 { font-size: 35px !important; }
.fs-40 { font-size: 40px !important; }
.fs-45 { font-size: 45px !important; }
.fs-50 { font-size: 50px !important; }
.fs-55 { font-size: 55px !important; }
.fs-60 { font-size: 60px !important; }
.fs-65 { font-size: 65px !important; }
.fs-70 { font-size: 70px !important; }
.fs-75 { font-size: 75px !important; }
.fs-80 { font-size: 80px !important; }
.fs-90 { font-size: 90px !important; }
.fs-100 { font-size: 100px !important; }
.fs-120 { font-size: 120px !important; }
.fs-130 { font-size: 130px !important; }
.fs-140 { font-size: 140px !important; }
.fs-150 { font-size: 150px !important; }
.fs-200 { font-size: 200px !important; }

/* font weight */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }

/* margins */
.mb-0   { margin-bottom:0px !important;   }
.mb-1   { margin-bottom:1px !important;   }
.mb-2   { margin-bottom:2px !important;   }
.mb-3   { margin-bottom:3px !important;   }
.mb-4   { margin-bottom:4px !important;   }
.mb-5   { margin-bottom:5px !important;   }
.mb-6   { margin-bottom:6px !important;   }
.mb-7   { margin-bottom:7px !important;   }
.mb-8   { margin-bottom:8px !important;   }
.mb-9   { margin-bottom:9px !important;   }
.mb-10  { margin-bottom:10px !important;  }
.mb-12  { margin-bottom:12px !important;  }
.mb-15  { margin-bottom:15px !important;  }
.mb-18  { margin-bottom:18px !important;  }
.mb-20  { margin-bottom:20px !important;  }
.mb-25  { margin-bottom:20px !important;  }
.mb-30  { margin-bottom:30px !important;  }
.mb-35  { margin-bottom:35px !important;  }
.mb-40  { margin-bottom:40px !important;  }
.mb-45  { margin-bottom:45px !important;  }
.mb-50  { margin-bottom:50px !important;  }
.mb-60  { margin-bottom:60px !important;  }
.mb-70  { margin-bottom:70px !important;  }
.mb-80  { margin-bottom:80px !important;  }
.mb-90  { margin-bottom:90px !important;  }
.mb-100 { margin-bottom:100px !important; }
.mb-110 { margin-bottom:110px !important; }
.mb-120 { margin-bottom:120px !important; }
.mb-130 { margin-bottom:130px !important; }
.mb-140 { margin-bottom:140px !important; }
.mb-150 { margin-bottom:150px !important; }
.mb-200 { margin-bottom:200px !important; }

.mt-0   { margin-top:0px !important;   }
.mt-1   { margin-top:1px !important;   }
.mt-2   { margin-top:2px !important;   }
.mt-3   { margin-top:3px !important;   }
.mt-4   { margin-top:4px !important;   }
.mt-5   { margin-top:5px !important;   }
.mt-6   { margin-top:6px !important;   }
.mt-7   { margin-top:7px !important;   }
.mt-8   { margin-top:8px !important;   }
.mt-9   { margin-top:9px !important;   }
.mt-10  { margin-top:10px !important;  }
.mt-12  { margin-top:12px !important;  }
.mt-15  { margin-top:15px !important;  }
.mt-18  { margin-top:18px !important;  }
.mt-20  { margin-top:20px !important;  }
.mt-25  { margin-top:20px !important;  }
.mt-30  { margin-top:30px !important;  }
.mt-35  { margin-top:35px !important;  }
.mt-40  { margin-top:40px !important;  }
.mt-45  { margin-top:45px !important;  }
.mt-50  { margin-top:50px !important;  }
.mt-60  { margin-top:60px !important;  }
.mt-70  { margin-top:70px !important;  }
.mt-80  { margin-top:80px !important;  }
.mt-90  { margin-top:90px !important;  }
.mt-100 { margin-top:100px !important; }
.mt-110 { margin-top:110px !important; }
.mt-120 { margin-top:120px !important; }
.mt-130 { margin-top:130px !important; }
.mt-140 { margin-top:140px !important; }
.mt-150 { margin-top:150px !important; }
.mt-200 { margin-top:200px !important; }

.ml-0   { margin-left:0px !important;   }
.ml-1   { margin-left:1px !important;   }
.ml-2   { margin-left:2px !important;   }
.ml-3   { margin-left:3px !important;   }
.ml-4   { margin-left:4px !important;   }
.ml-5   { margin-left:5px !important;   }
.ml-6   { margin-left:6px !important;   }
.ml-7   { margin-left:7px !important;   }
.ml-8   { margin-left:8px !important;   }
.ml-9   { margin-left:9px !important;   }
.ml-10  { margin-left:10px !important;  }
.ml-12  { margin-left:12px !important;  }
.ml-15  { margin-left:15px !important;  }
.ml-18  { margin-left:18px !important;  }
.ml-20  { margin-left:20px !important;  }
.ml-25  { margin-left:20px !important;  }
.ml-30  { margin-left:30px !important;  }
.ml-35  { margin-left:35px !important;  }
.ml-40  { margin-left:40px !important;  }
.ml-45  { margin-left:45px !important;  }
.ml-50  { margin-left:50px !important;  }
.ml-60  { margin-left:60px !important;  }
.ml-70  { margin-left:70px !important;  }
.ml-80  { margin-left:80px !important;  }
.ml-90  { margin-left:90px !important;  }
.ml-100 { margin-left:100px !important; }
.ml-110 { margin-left:110px !important; }
.ml-120 { margin-left:120px !important; }
.ml-130 { margin-left:130px !important; }
.ml-140 { margin-left:140px !important; }
.ml-150 { margin-left:150px !important; }
.ml-200 { margin-left:200px !important; }

.mr-0   { margin-right:0px !important;   }
.mr-1   { margin-right:1px !important;   }
.mr-2   { margin-right:2px !important;   }
.mr-3   { margin-right:3px !important;   }
.mr-4   { margin-right:4px !important;   }
.mr-5   { margin-right:5px !important;   }
.mr-6   { margin-right:6px !important;   }
.mr-7   { margin-right:7px !important;   }
.mr-8   { margin-right:8px !important;   }
.mr-9   { margin-right:9px !important;   }
.mr-10  { margin-right:10px !important;  }
.mr-12  { margin-right:12px !important;  }
.mr-15  { margin-right:15px !important;  }
.mr-18  { margin-right:18px !important;  }
.mr-20  { margin-right:20px !important;  }
.mr-25  { margin-right:20px !important;  }
.mr-30  { margin-right:30px !important;  }
.mr-35  { margin-right:35px !important;  }
.mr-40  { margin-right:40px !important;  }
.mr-45  { margin-right:45px !important;  }
.mr-50  { margin-right:50px !important;  }
.mr-60  { margin-right:60px !important;  }
.mr-70  { margin-right:70px !important;  }
.mr-80  { margin-right:80px !important;  }
.mr-90  { margin-right:90px !important;  }
.mr-100 { margin-right:100px !important; }
.mr-110 { margin-right:110px !important; }
.mr-120 { margin-right:120px !important; }
.mr-130 { margin-right:130px !important; }
.mr-140 { margin-right:140px !important; }
.mr-150 { margin-right:150px !important; }
.mr-200 { margin-right:200px !important; }

.m-0   { margin:0px !important;   }
.m-1   { margin:1px !important;   }
.m-2   { margin:2px !important;   }
.m-3   { margin:3px !important;   }
.m-4   { margin:4px !important;   }
.m-5   { margin:5px !important;   }
.m-6   { margin:6px !important;   }
.m-7   { margin:7px !important;   }
.m-8   { margin:8px !important;   }
.m-9   { margin:9px !important;   }
.m-10  { margin:10px !important;  }
.m-12  { margin:12px !important;  }
.m-15  { margin:15px !important;  }
.m-18  { margin:18px !important;  }
.m-20  { margin:20px !important;  }
.m-25  { margin:20px !important;  }
.m-30  { margin:30px !important;  }
.m-35  { margin:35px !important;  }
.m-40  { margin:40px !important;  }
.m-45  { margin:45px !important;  }
.m-50  { margin:50px !important;  }
.m-60  { margin:60px !important;  }
.m-70  { margin:70px !important;  }
.m-80  { margin:80px !important;  }
.m-90  { margin:90px !important;  }
.m-100 { margin:100px !important; }
.m-110 { margin:110px !important; }
.m-120 { margin:120px !important; }
.m-130 { margin:130px !important; }
.m-140 { margin:140px !important; }
.m-150 { margin:150px !important; }
.m-200 { margin:200px !important; }


/* paddings */
.pb-0   { padding-bottom:0px !important;   }
.pb-1   { padding-bottom:1px !important;   }
.pb-2   { padding-bottom:2px !important;   }
.pb-3   { padding-bottom:3px !important;   }
.pb-4   { padding-bottom:4px !important;   }
.pb-5   { padding-bottom:5px !important;   }
.pb-6   { padding-bottom:6px !important;   }
.pb-7   { padding-bottom:7px !important;   }
.pb-8   { padding-bottom:8px !important;   }
.pb-9   { padding-bottom:9px !important;   }
.pb-10  { padding-bottom:10px !important;  }
.pb-12  { padding-bottom:12px !important;  }
.pb-15  { padding-bottom:15px !important;  }
.pb-18  { padding-bottom:18px !important;  }
.pb-20  { padding-bottom:20px !important;  }
.pb-25  { padding-bottom:20px !important;  }
.pb-30  { padding-bottom:30px !important;  }
.pb-35  { padding-bottom:35px !important;  }
.pb-40  { padding-bottom:40px !important;  }
.pb-45  { padding-bottom:45px !important;  }
.pb-50  { padding-bottom:50px !important;  }
.pb-60  { padding-bottom:60px !important;  }
.pb-70  { padding-bottom:70px !important;  }
.pb-80  { padding-bottom:80px !important;  }
.pb-90  { padding-bottom:90px !important;  }
.pb-100 { padding-bottom:100px !important; }
.pb-110 { padding-bottom:110px !important; }
.pb-120 { padding-bottom:120px !important; }
.pb-130 { padding-bottom:130px !important; }
.pb-140 { padding-bottom:140px !important; }
.pb-150 { padding-bottom:150px !important; }
.pb-200 { padding-bottom:200px !important; }

.pt-0   { padding-top:0px !important;   }
.pt-1   { padding-top:1px !important;   }
.pt-2   { padding-top:2px !important;   }
.pt-3   { padding-top:3px !important;   }
.pt-4   { padding-top:4px !important;   }
.pt-5   { padding-top:5px !important;   }
.pt-6   { padding-top:6px !important;   }
.pt-7   { padding-top:7px !important;   }
.pt-8   { padding-top:8px !important;   }
.pt-9   { padding-top:9px !important;   }
.pt-10  { padding-top:10px !important;  }
.pt-12  { padding-top:12px !important;  }
.pt-15  { padding-top:15px !important;  }
.pt-18  { padding-top:18px !important;  }
.pt-20  { padding-top:20px !important;  }
.pt-25  { padding-top:20px !important;  }
.pt-30  { padding-top:30px !important;  }
.pt-35  { padding-top:35px !important;  }
.pt-40  { padding-top:40px !important;  }
.pt-45  { padding-top:45px !important;  }
.pt-50  { padding-top:50px !important;  }
.pt-60  { padding-top:60px !important;  }
.pt-70  { padding-top:70px !important;  }
.pt-80  { padding-top:80px !important;  }
.pt-90  { padding-top:90px !important;  }
.pt-100 { padding-top:100px !important; }
.pt-110 { padding-top:110px !important; }
.pt-120 { padding-top:120px !important; }
.pt-130 { padding-top:130px !important; }
.pt-140 { padding-top:140px !important; }
.pt-150 { padding-top:150px !important; }
.pt-200 { padding-top:200px !important; }

.pl-0   { padding-left:0px !important;   }
.pl-1   { padding-left:1px !important;   }
.pl-2   { padding-left:2px !important;   }
.pl-3   { padding-left:3px !important;   }
.pl-4   { padding-left:4px !important;   }
.pl-5   { padding-left:5px !important;   }
.pl-6   { padding-left:6px !important;   }
.pl-7   { padding-left:7px !important;   }
.pl-8   { padding-left:8px !important;   }
.pl-9   { padding-left:9px !important;   }
.pl-10  { padding-left:10px !important;  }
.pl-12  { padding-left:12px !important;  }
.pl-15  { padding-left:15px !important;  }
.pl-18  { padding-left:18px !important;  }
.pl-20  { padding-left:20px !important;  }
.pl-25  { padding-left:20px !important;  }
.pl-30  { padding-left:30px !important;  }
.pl-35  { padding-left:35px !important;  }
.pl-40  { padding-left:40px !important;  }
.pl-45  { padding-left:45px !important;  }
.pl-50  { padding-left:50px !important;  }
.pl-60  { padding-left:60px !important;  }
.pl-70  { padding-left:70px !important;  }
.pl-80  { padding-left:80px !important;  }
.pl-90  { padding-left:90px !important;  }
.pl-100 { padding-left:100px !important; }
.pl-110 { padding-left:110px !important; }
.pl-120 { padding-left:120px !important; }
.pl-130 { padding-left:130px !important; }
.pl-140 { padding-left:140px !important; }
.pl-150 { padding-left:150px !important; }
.pl-200 { padding-left:200px !important; }

.pr-0   { padding-right:0px !important;   }
.pr-1   { padding-right:1px !important;   }
.pr-2   { padding-right:2px !important;   }
.pr-3   { padding-right:3px !important;   }
.pr-4   { padding-right:4px !important;   }
.pr-5   { padding-right:5px !important;   }
.pr-6   { padding-right:6px !important;   }
.pr-7   { padding-right:7px !important;   }
.pr-8   { padding-right:8px !important;   }
.pr-9   { padding-right:9px !important;   }
.pr-10  { padding-right:10px !important;  }
.pr-12  { padding-right:12px !important;  }
.pr-15  { padding-right:15px !important;  }
.pr-18  { padding-right:18px !important;  }
.pr-20  { padding-right:20px !important;  }
.pr-25  { padding-right:20px !important;  }
.pr-30  { padding-right:30px !important;  }
.pr-35  { padding-right:35px !important;  }
.pr-40  { padding-right:40px !important;  }
.pr-45  { padding-right:45px !important;  }
.pr-50  { padding-right:50px !important;  }
.pr-60  { padding-right:60px !important;  }
.pr-70  { padding-right:70px !important;  }
.pr-80  { padding-right:80px !important;  }
.pr-90  { padding-right:90px !important;  }
.pr-100 { padding-right:100px !important; }
.pr-110 { padding-right:110px !important; }
.pr-120 { padding-right:120px !important; }
.pr-130 { padding-right:130px !important; }
.pr-140 { padding-right:140px !important; }
.pr-150 { padding-right:150px !important; }
.pr-200 { padding-right:200px !important; }

.p-0   { padding:0px !important;   }
.p-1   { padding:1px !important;   }
.p-2   { padding:2px !important;   }
.p-3   { padding:3px !important;   }
.p-4   { padding:4px !important;   }
.p-5   { padding:5px !important;   }
.p-6   { padding:6px !important;   }
.p-7   { padding:7px !important;   }
.p-8   { padding:8px !important;   }
.p-9   { padding:9px !important;   }
.p-10  { padding:10px !important;  }
.p-12  { padding:12px !important;  }
.p-15  { padding:15px !important;  }
.p-18  { padding:18px !important;  }
.p-20  { padding:20px !important;  }
.p-25  { padding:20px !important;  }
.p-30  { padding:30px !important;  }
.p-35  { padding:35px !important;  }
.p-40  { padding:40px !important;  }
.p-45  { padding:45px !important;  }
.p-50  { padding:50px !important;  }
.p-60  { padding:60px !important;  }
.p-70  { padding:70px !important;  }
.p-80  { padding:80px !important;  }
.p-90  { padding:90px !important;  }
.p-100 { padding:100px !important; }
.p-110 { padding:110px !important; }
.p-120 { padding:120px !important; }
.p-130 { padding:130px !important; }
.p-140 { padding:140px !important; }
.p-150 { padding:150px !important; }
.p-200 { padding:200px !important; }

.p-badge {
	vertical-align: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------*/
/* borders */
/*----------------------------------------------------------------------------------*/

.b-0    { border: 0 !important;  }
.bb-0   { border-bottom: 0 !important;  }
.bt-0   { border-top: 0 !important;     }
.bl-0   { border-left: 0 !important;    }
.br-0   { border-right: 0 !important;   }

.bw-0   { border-width: 0px !important; }
.bw-1   { border-width: 1px !important; }
.bw-2   { border-width: 2px !important; }
.bw-3   { border-width: 3px !important; }
.bw-4   { border-width: 4px !important; }
.bw-5   { border-width: 5px !important; }
.bw-10  { border-width: 10px !important; }

.btw-0   { border-top-width: 0px !important; }
.btw-1   { border-top-width: 1px !important; }
.btw-2   { border-top-width: 2px !important; }
.btw-3   { border-top-width: 3px !important; }
.btw-4   { border-top-width: 4px !important; }
.btw-5   { border-top-width: 5px !important; }
.btw-10  { border-top-width: 10px !important; }

.bbw-0   { border-bottom-width: 0px !important; }
.bbw-1   { border-bottom-width: 1px !important; }
.bbw-2   { border-bottom-width: 2px !important; }
.bbw-3   { border-bottom-width: 3px !important; }
.bbw-4   { border-bottom-width: 4px !important; }
.bbw-5   { border-bottom-width: 5px !important; }
.bbw-10  { border-bottom-width: 10px !important; }

.blw-0   { border-left-width: 0px !important; }
.blw-1   { border-left-width: 1px !important; }
.blw-2   { border-left-width: 2px !important; }
.blw-3   { border-left-width: 3px !important; }
.blw-4   { border-left-width: 4px !important; }
.blw-5   { border-left-width: 5px !important; }
.blw-10  { border-left-width: 10px !important; }

.brw-0   { border-right-width: 0px !important; }
.brw-1   { border-right-width: 1px !important; }
.brw-2   { border-right-width: 2px !important; }
.brw-3   { border-right-width: 3px !important; }
.brw-4   { border-right-width: 4px !important; }
.brw-5   { border-right-width: 5px !important; }
.brw-10  { border-right-width: 10px !important; }


/*----------------------------------------------------------------------------------*/
/* width */
/*----------------------------------------------------------------------------------*/
.w-10         { width:10px !important; }
.w-15         { width:15px !important; }
.w-16         { width:16px !important; }
.w-18         { width:18px !important; }
.w-20         { width:20px !important; }
.w-25         { width:25px !important; }
.w-30         { width:30px !important; }
.w-40         { width:40px !important; }
.w-50         { width:50px !important; }
.w-60         { width:60px !important; }
.w-70         { width:70px !important; }
.w-80         { width:80px !important; }
.w-90         { width:90px !important; }
.w-100        { width:100px !important; }
.w-110        { width:110px !important; }
.w-120        { width:120px !important; }
.w-130        { width:130px !important; }
.w-140        { width:140px !important; }
.w-150        { width:150px !important; }
.w-160        { width:160px !important; }
.w-170        { width:170px !important; }
.w-180        { width:180px !important; }
.w-190        { width:190px !important; }
.w-200        { width:200px !important; }
.w-250        { width:250px !important; }
.w-300        { width:300px !important; }
.w-350        { width:350px !important; }
.w-400        { width:400px !important; }
.w-450        { width:450px !important; }
.w-500        { width:500px !important; }
.w-550        { width:550px !important; }
.w-600        { width:600px !important; }
.w-650        { width:650px !important; }
.w-700        { width:700px !important; }
.w-750        { width:750px !important; }
.w-800        { width:800px !important; }


/*----------------------------------------------------------------------------------*/
/* width percent */
/*----------------------------------------------------------------------------------*/
.w-100p       { width: 100% !important; }
.w-99p        { width: 99% !important;  }
.w-98p        { width: 98% !important;  }
.w-97p        { width: 97% !important;  }
.w-96p        { width: 96% !important;  }
.w-95p        { width: 95% !important;  }
.w-75p        { width: 75% !important;  }
.w-50p        { width: 50% !important;  }
.w-33p        { width: 33% !important;  }
.w-25p        { width: 25% !important;  }
.w-20p        { width: 20% !important;  }
.w-10p        { width: 10% !important;  }


/*----------------------------------------------------------------------------------*/
/* height */
/*----------------------------------------------------------------------------------*/
.h-1         { height:1px !important; }
.h-2         { height:2px !important; }
.h-3         { height:3px !important; }
.h-4         { height:4px !important; }
.h-5         { height:5px !important; }
.h-6         { height:6px !important; }
.h-7         { height:7px !important; }
.h-8         { height:8px !important; }
.h-9         { height:9px !important; }
.h-10         { height:10px !important; }
.h-15         { height:15px !important; }
.h-20         { height:20px !important; }
.h-25         { height:25px !important; }
.h-30         { height:30px !important; }
.h-35         { height:35px !important; }
.h-40         { height:40px !important; }
.h-45         { height:45px !important; }
.h-50         { height:50px !important; }
.h-60         { height:60px !important; }
.h-70         { height:70px !important; }
.h-80         { height:80px !important; }
.h-90         { height:90px !important; }
.h-100        { height:100px !important; }
.h-110        { height:110px !important; }
.h-120        { height:120px !important; }
.h-130        { height:130px !important; }
.h-140        { height:140px !important; }
.h-150        { height:150px !important; }
.h-200        { height:200px !important; }
.h-250        { height:250px !important; }
.h-300        { height:300px !important; }
.h-350        { height:350px !important; }
.h-400        { height:400px !important; }
.h-450        { height:450px !important; }
.h-500        { height:500px !important; }
.h-550        { height:550px !important; }
.h-600        { height:600px !important; }
.h-650        { height:650px !important; }
.h-700        { height:700px !important; }
.h-750        { height:750px !important; }
.h-800        { height:800px !important; }


/*----------------------------------------------------------------------------------*/
/* height percent */
/*----------------------------------------------------------------------------------*/
.h-100p       { height: 100vh !important; }
.h-95p        { height: 95vh !important;  }
.h-90p        { height: 90vh !important;  }
.h-85p        { height: 85vh !important;  }
.h-80p        { height: 80vh !important;  }
.h-75p        { height: 75vh !important;  }
.h-70p        { height: 70vh !important;  }
.h-65p        { height: 65vh !important;  }
.h-60p        { height: 60vh !important;  }
.h-55p        { height: 55vh !important;  }
.h-52p        { height: 52vh !important;  }
.h-50p        { height: 50vh !important;  }
.h-45p        { height: 45vh !important;  }
.h-40p        { height: 40vh !important;  }
.h-35p        { height: 35vh !important;  }
.h-30p        { height: 30vh !important;  }
.h-25p        { height: 25vh !important;  }
.h-20p        { height: 20vh !important;  }
.h-15p        { height: 15vh !important;  }
.h-10p        { height: 10vh !important;  }

/*----------------------------------------------------------------------------------*/
/* border radius */
/*----------------------------------------------------------------------------------*/

.rad-3 {
  -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
}
.rad-4 {
  -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
}
.rad-6 {
  -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
}
.rad-8 {
  -webkit-border-radius: 8px !important;
        border-radius: 8px !important;
}
.rad-10 {
  -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
}

.rad-0 {
  -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
}
.rad-tl-0 { /* radius top left */
  -webkit-border-top-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
}
.rad-tr-0 { /* radius top right */
  -webkit-border-top-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
}
.rad-bl-0 { /* radius bottom left */
  -webkit-border-bottom-left-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
}
.rad-br-0 { /* radius bottom right */
  -webkit-border-bottom-right-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
}


/*----------------------------------------------------------------------------------*/
/* Mobile */
/*----------------------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
	.block-xs { display: block !important; float: none !important; }
	.pl-xs-0 { padding-left: 0 !important;    }
	.pr-xs-0 { padding-right: 0 !important;   }
	.pt-xs-0 { padding-top: 0 !important;     }
	.pb-xs-0 { padding-bottom: 0 !important;  }
	.p-xs-0  { padding: 0 !important;         }
	.ml-xs-0 { margin-left: 0 !important;    }
	.mr-xs-0 { margin-right: 0 !important;   }
	.mt-xs-0 { margin-top: 0 !important;     }
	.mb-xs-0 { margin-bottom: 0 !important;  }
	.m-xs-0  { margin: 0 !important;         }
	.rad-xs-0  {
	  -webkit-border-radius: 0 !important;
	        border-radius: 0 !important;
	}
}

.row-fluid {
    overflow: auto;
    white-space: nowrap;
}

.row-fluid .col-lg-3 {
    display: inline-block;
    float: none;
}