/* global settings */
/*@import url('https://fonts.googleapis.com/css?family=Glegoo|Open+Sans:400,700');*/

/* glegoo-regular - latin */
@font-face {
    font-display: swap; 
    font-family: 'Glegoo';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/glegoo-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* glegoo-700 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Glegoo';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/glegoo-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-regular - latin */
  @font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }




html, body {
    height: 100%;
    min-height:100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
body {color: #222; padding-top: 0px}
iframe[name=google_conversion_frame] {display: none !important;}

/* new version styles */
h1,h2,h3,h4,h5,h6{font-family: 'Glegoo', serif;color: #50736d;padding-bottom: 15px;}
.labor-checker-result h1, .labor-checker-result h2, .labor-checker-result h3, .labor-checker-result h4, .labor-checker-result h5 {margin: .5rem 0; padding:0}
.wrapper-full {min-height:100vh;}
.center-container {
    display: table;
    width: 100%;
}
.center-body {
    display: table-cell;
    vertical-align: middle;
}
.center-fh {height: 100vh}

.ajax-button {cursor:pointer;}
.ajax-button:hover, .ajax-button:focus {color:green;}//#bad80a}
.button-list {list-style:none; margin:15px 0px;padding:0px;}
.button-list li {padding:0 15px 0 0; display:inline-block; margin:0;}
.button-list li:last-child {padding:0px}
.control-label {margin-top:1px;}
.elf-toggler.navbar-toggler, .elf-toggler.navbar-toggler:focus, *:focus{
    border-color: transparent;
    outline-color: transparent;
    outline:none!important;
}
.hidden, .hide {display:none}
.cleanlist {margin: 0;padding: 0;list-style: none !important;}

.elf-toggler.collapsed .navbar-toggler-icon {
  transition: all 0.5s ease;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(186,216,10, 0.9)' stroke-width='8' stroke-linecap='round' stroke-miterlimit='20' d='M4 14h55M4 28h55M4 42h55'/%3E%3C/svg%3E");
}
.elf-toggler .navbar-toggler-icon:hover, .elf-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(22,22,22, 0.9)' stroke-width='8' stroke-linecap='round' stroke-miterlimit='20' d='M1 7h60M1 25h60M1 42h60'/%3E%3C/svg%3E");
}

.form-group {width:100%; margin-bottom:0}
form .form-group {margin-bottom: 1rem}
#selected-branchen {margin-top: -15px; margin-bottom:15px;}
.selected-branchen {background:#ffffef; padding: 10px 15px; font-size: 12px; }

@media (min-width: 768px) {
    #main-col-left {}
    #main-col-center {border-left: 1px solid #ddd; border-right: 1px solid #ddd;padding-bottom: 60px}
    #main-col-right {}
}

.icon-header {cursor:pointer;}
.main-cols {min-width:35px;}
.main-cols.boom{min-width:300px}
#main-col-left {padding-left: 0;}
#main-col-right, #main-col-left, #main-col-center{overflow-x:hidden;}
#main-col-center {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#main-col-right {}
.main-cols {
    height:100vH;
}
.no-col {margin-left: 15px}
.control-label .tooltip-marker:after,
.custom-control-description .tooltip-marker:after {content:"\f129";font-family:"FontAwesome";padding-left:15px;}


#main-container {min-height:100vh; background-color: #edf1f0}
//#main-row h2 {font-size: 18px;}
.main-navbar {min-height: 55px; background-color:#fff;}
.info-message-wrapper {background-color: #fff;min-height:25px; position:relative; display:none;}
.info-message {}
#clear-info-message{position:absolute; top:0px; left:5px;color:#666;font-size:400;}

.bg-faded {	background-color: #ffffff;}
.logo-image {float: left;}
.header-title {float: right;font-family: glegoo; color: #50736d;}



/* /new version styles*/

#static-content-wrapper {padding-top: 125px;}
/*
.wrapper-full { min-height: 100%; position:relative; }
.wrapper-half {min-height: 50%; }
.center-div     {margin: 0 auto;}
.spacer-div     {position:relative; display:block;margin:0;padding:0;}
.spacer-div.spacer-10 {height: 10px;}
.spacer-div.spacer-20 {height: 20px;}
.spacer-div.spacer-50 {height: 50px;}

.row.row-pad-10 {padding-top: 10px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px;}
.row.row-pad-20 {padding-top: 20px; padding-bottom: 20px; margin-top: 10px; margin-bottom: 10px;}
.row.row-pad-30 {padding-top: 30px; padding-bottom: 30px; margin-top: 15px; margin-bottom: 15px;}
*/

/* Sidebar styles*/


.login-wrapper,
#login.section,
#login.section .content-box-wrapper  {height: 100%;min-height: 100%;}



.bg-h{background-color: rgba(255,255,255,0.7);}
.bg-f{background-color: #fff;}

/* footer styles*/
.footer-wrapper {color: #fff; padding:15px;  }
footer {background: #343434; color:#fff;min-height: 50px; padding:0px;}
footer a, footer a:hover {text-decoration: none; }
footer ul {list-style: none; padding-top:15px}
footer li {padding:0;}
footer li a, footer p { font-size: 14px;}
footer li a:before {content:"\f105 ";font-family:"FontAwesome";padding-right:5px;}

.footer a, footer a {
  	color: #ffffff;;
}
.footer a:hover .footer a:focus, footer a:hover, footer a:focus {
  	color: #bad80a; text-decoration:none;
}

/* content styles */
.content-box-wrapper {padding-top: 0px; padding-bottom:20px;}
.page-header         {margin-top: 60px;}

.content-box {padding:15px}
.steps > a {text-decoration: none;font-weight: bold;}
.steps .inner-wrapper       {margin: 5px 20px; padding: 30px; background-color: #4A4A4A; color: #fff; text-align: center; font-size: 20px; font-weight: bold;}
.steps .inner-wrapper:hover {background-color: #646464; border-color: #4A4A4A;}
.steps .inner-wrapper i     {color: #38CE46;}
.steps .inner-wrapper a     {color: #fff; text-decoration:none;}

.steps .inner-wrapper.megabutton       {background-color: #4cae4c; font-size: 24px;}
.steps .inner-wrapper.megabutton:hover {background-color: #5cb85c; border-color:#4cae4c; color: #222;}
.steps .inner-wrapper.megabutton i     {color: #fff;}
.megabutton.down  {background-color: transparent; border-color: transparent;}

.downbutton {background-color: #fff;}

.btn-clover {
    color: #fff;
    background-color: #bad80a;
    border-color: #bad80a;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.2px;
    font-feature-settings: "liga" 1;
    font-family: 'Glegoo';
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-clover:hover, .btn-clover:focus, .btn-clover.focus, .btn-clover:active, .btn-clover.active {
    background-color: #fff;
    border-color: #bad80a;
    color: #bad80a !important;
}
.btn-clover.btn-sm {font-size: 14px;text-transform: none;}
button,
button:active,
button:focus,
button:hover,
.btn,
.btn:active,
.btn:focus,
.btn:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-clover-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    font-feature-settings: "liga" 1;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-clover-danger:hover, .btn-clover-danger:focus, .btn-clover-danger.focus, .btn-clover-danger:active, .btn-clover-danger.active {
    background-color: #fff;
    border-color: #d9534f;
    color: #d9534f !important;
}

//.c-box {display: none;}
.c-toggle {cursor: pointer;}
/* Media Queries */

@media only screen and (max-width:480px){
    .eb-master-header {padding: 15px;}
    h1 {font-size:26px;}
    h2 {font-size:24px;}
    h3 {font-size:22px;}
    h4 {font-size:20px;}
}

@media only screen and (max-width:768px){
    .eb-master-header {margin-top: 150px;}
}

@media only screen and (max-width:1024px){
    .eb-master-header {margin-top: 175px;}
}


/*forms*/

.form-message{margin-top: 20px;}

#address-form .changed {color:red; font-weight: bold;}


/* to-design styles*/


.jumbotron {
	background-color: transparent;
	text-align: center;
}

.custom-control {
	border-bottom: 1px solid #ffffff !important;
	padding-bottom: 5px !important;
	display: block;
	-o-transition:.3s;
    	-ms-transition:.3s;
    	-moz-transition:.3s;
    	-webkit-transition:.3s;
   	transition:.3s;
	margin: 0;
	padding-top:6px;
	padding-bottom: 6px;
}
.custom-control:hover {
	background-color: #ffffff;
}
.custom-control-indicator {
	background-color: #b9c7c5;
	margin-top:6px;
    left: .22rem;
}
.custom-control-input:checked ~ .custom-control-indicator {
	background-color: #50736d !important

}

.custom-radio .custom-control-label::before {

    border-color: #000
    border-radius: 50%;
}

/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #bad80a;  /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    border-radius: 50%;
}
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #bad80a;
}
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(186, 216, 10, 0.5);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #bad80a;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #bad80a;
}
.input-group-addon .fa.fa-asterisk {color:#555; font-size:0.6rem; font-weight:400}