@charset "utf-8";
/* CSS custom Document by re-active srl -  www.re-active.it*/
.btn-primary {
	background-color: rgba(0,0,0,0.5) !important;
	border-color: rgba(0,0,0,0.5) !important;
}
.bg-primary {
	background-color: rgba(0,0,0,0.5)!important;
}

.navbar-dark .navbar-nav .nav-link {
	color: #c2af71;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}
.navbar-dark .navbar-brand {
	color: #c2af71 !important;
}
.nav-link svg {
	color: #c2af71 !important;
	padding-right: .5em;
}

/*.navbar {
  margin-bottom: 20px;
}*/

.statino-screen main {
	margin: 0 auto;
}

.jumbotron {
    padding: 0.5rem;
}


@media (min-width: 576px) {
.jumbotron {
    padding: 1rem;
}
	}
/*-------------- GENERAL ------------*/

/*.align-items-center {
	align-items: center;
}*/

/*.align-items-between {
justify-content: space-between;
}*/

button {
	font-size: 100%;
	font-family: inherit;
	border: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.btn-icon_inline {
	display: flex;
	justify-content: center;
	align-items: center;
}

.full-width {
	width: 100%;
}

.full-width a {
	width: 100%;
}

.text_box {
	border: 1px solid #ccc;
	text-align: justify;
	padding: 0.5em;
}
.text_box p {
	font-size: 0.9em;
	line-height: 1.1em;
}
/*-------------- HEADER ------------*/

.navbar {
    padding: 0 1rem;
}

/*.navbar-nav {
justify-content: space-between;
}*/

.navbar-brand {
	font-size: 2em;
}

.feather {
  margin-right: 4px;
  color: #999;
}

nav-link.active {
  color: #007bff;
}

.nav-link {
	display: flex;
	align-items: center;
}

.nav-link:hover .feather,
.nav-link.active .feather {
  color: inherit;
}

.nav-link svg  {
	color: rgba(255,255,255,.5);
	padding-right: 0.5em;
}

.nav-link:hover svg{
    color: rgba(255,255,255,1);
}

.nav-link .icon  {
	width: 24px;	
	height: 24px;
}

/*-------------- INPUT COMPONENTS ------------*/
.custom-control-label::before {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
}

label {
	font-size: 0.8em;
	margin-bottom: .1rem;
}

.ghost_label {
	display: none;
}

.checkbox_fix-width {
	width: 10px;
}

.select_input .form-control {
    width: 52px !important;
}

.form-control {
    padding: .15rem .35rem;
}

.input_date input {
	padding: 6px;
    border-radius: 4px;
	}
/*-------------- TABELLE ------------*/

.table td, .table th {
    vertical-align: middle; 
	flex-direction: row;
	line-height: 1em;
	justify-content: flex-start;
}

.table thead th {
    vertical-align: middle;
	text-align: left;
}

.table .form-group {
    margin-bottom: 0;
}

.table-filter label {
	font-weight: 600;
}

.td-icon {
	width: 50px;
}

.td-input_inline {
	justify-content: space-between;
    display: flex;
    width: 120px;
    align-items: center;
	}

.td-input_inline span {
	font-weight: 700;
	padding: 0 0.1em;
	}
/*-------------- ICON Sprite ------------*/


svg {
  color: #000;
}

.liga {
  width: 80%;
  width: calc(100% - 2.5em);
}
.talign-right {
  text-align: right;
}
.talign-center {
  text-align: center;
}
.bgc1 {
  background: #f1f1f1;
}
.fgc0 {
  color: #000;
}
.fgc1 {
  color: #999;
}
/*p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.mvm {
  margin-top: .75em;
  margin-bottom: .75em;
}
.mtn {
  margin-top: 0;
}
.mtl, .mal {
  margin-top: 1.5em;
}
.mbl, .mal {
  margin-bottom: 1.5em;
}
.mal, .mhl {
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.mhmm {
  margin-left: 1em;
  margin-right: 1em;
}
.ptl {
  padding-top: 1.5em;
}
.pbs, .pvs {
  padding-bottom: .25em;
}
.pvs, .pts {
  padding-top: .25em;
}
.unit {
  float: left;
}
.unitRight {
  float: right;
}
.size1of2 {
  width: 50%;
}
.size1of1 {
  width: 100%;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.hidden-true {
  display: none;
}
.textbox0 {
  width: 3em;
  background: #f1f1f1;
  padding: .25em .5em;
  line-height: 1.5;
  height: 1.5em;
}*/
.fs0 {
  font-size: 16px;
}
.fs1 {
  font-size: 32px;
}
.name {
  font-size: 1em;
  margin-left: 1em;
	/*white-space: nowrap;*/
}



.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.icon-users {
  width: 1.125em;
}

.icon_on_right {
margin-left: 0.5em;
}

.icon {
  width: 16px;
  height: 16px;
}

.icon-account-login {
  fill: #f00;
}


table .icon-cross {
  fill: #f00;
}

table .primary {
  fill: #007bff;
}

table .success {
  fill: #28a745;

}

table .alert {
  fill: #e33545;
}

table .disable {
  fill: #ccc;
}

table .warning {
  fill: #d39e00;
}

table button .icon {
	border: 2px solid;
	padding: 0.1em;
	width: 28px;
  	height: 28px;
	}

/*table button .icon.icon-mail {
	border: 2px solid;
	padding: 0.1em;
	width: 32px;
  	height: 32px;
	}*/

table button .icon.warning {
  fill: #d39e00;
	border-color:#d39e00 !important;
	}

table button .icon.warning:hover {
	border-color: #e0a800;
	fill:  #e0a800;
		}

table button .icon.success {
	border-color: #28a745;
	}

table button .icon.success:hover {
	border-color: #1e7e34;
	fill:  #1e7e34;
		}

table button .icon.primary {
	border-color: #007bff;
	}

table button .icon.primary:hover {
	border-color: #0069d9;
	fill:  #0069d9;
		}

table button .alert {
	border-color:  #e33545;
	margin-bottom: 0;
	}

table button .icon.alert:hover {
	border-color: #bd2130;
	fill:  #bd2130;
		}

.alternative_check {
	display: none;
		}