html,
body {
    height: 100%;
}
body {
    background-color: #f5f5f5;
    padding:0; margin:0;
}

/*
DARK BLUE #273460 
LIGHT GREEN: #5AB187
DARK GREEN: #499B73
color palette: https://coolors.co/5ab187
*/

/* main elements */
a {color:#5AB187;}
a:hover {color:#386e54;}
a.highlight {background-color:#5AB187; color:#fff; padding:2px 6px;}

.btn-link {color:#5AB187;}
.btn-link:hover {color:#386e54;}

.btn-primary {
    color: #fff;
    background-color: #5AB187;
    border-color: #5AB187;
}
.btn-primary:hover {
    color: #fff;
    background-color: #3D8160;
    border-color: #3D8160;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3D8160;
    border-color: #386e54;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #3D8160;
    border-color: #386e54;
    box-shadow: 0 0 0 0.1rem rgb(90 177 135 / 50%);
}
.btn-primary.disabled, .btn-primary:disabled {background-color: #3D8160; border-color: #386e54;}
.btn-primary.disabled:before, .btn-primary:disabled:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f2d3";
    margin-right:5px;
}

.btn-dark {
    color: #fff;
    background-color: #273460;
    border-color: #1E284A;
}

.btn-dark:hover, .btn-dark.focus, .btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #161D36;
    border-color: #1E284A;
}

.btn.focus, .btn:focus, .btn-link.focus, .btn-link:focus {box-shadow:none;}

.alert-primary a {color:#fff; text-decoration:underline;}
.alert-primary {
    color: #fff;
    background-color: #5AB187;
    border-color: #499B73;
}
.alert-primary hr {border-top-color:#499B73;}

button.save-ico:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f0c7";
    margin-right:5px;
    font-weight:900;
    font-size:1rem;
}

/* inputs */
.col-form-label {display: inline-block; margin-bottom: .5rem; padding-top:0; padding-bottom:0;}

.inner-icon-addon { 
    position: relative; 
}
.inner-icon-addon .far,
.inner-icon-addon .fal,
.inner-icon-addon .fas {
    position: absolute;
    padding: 12px 10px;
    left:0;
    font-size:1em;
    color:#dedede;
}
.inner-icon-addon input, .inner-icon-addon select {padding-left:30px;}

.clearinput {
    position: absolute;
    right: 10px;
    width: 24px;
    z-index: 10;
    bottom: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 52px;
}

.clearinput.select {right:20px;}

/* validation */

/* nav bar */
.bg-dark{ background-color: #273460 !important; border-top: 4px solid #5AB187 }
li.divider,
.divider {border-right:2px solid rgba(255,255,255,.5); margin:5px 10px;}

.line-height-1 div[class*='col-'] {line-height:1.2;}

/* pagination links */
ul.pagination {margin-bottom:0;}
.page-link {
    color: #386e54;
}
.page-item.active .page-link {
    background-color: #5AB187;
    border-color: #386e54;
}

#accordionFAQ .btn-link {margin:0; padding:0;}

/* tables */
.table .thead-light th {
    color: #495057;
    background-color: #E4E4E4;
    border-color: #DEDEDE;
}

table td.min,
table th.min {width:1%; border-collapse: inherit;}

table td.min-15,
table th.min-15 {min-width:15%; border-collapse: inherit;}


/* custom checkboxes with checkmarks */
.checkmark-checkbox {border-radius:4px; background:#f5f5f5; margin:5px 0;user-select: none;}
.checkmark-checkbox.nobg {background:transparent;}
.checkmark-checkbox .form-check {padding-left:0;}
.checkmark-checkbox .form-group {margin-bottom:0px;}
.checkmark-checkbox input[type=checkbox] { display:none; }
.checkmark-checkbox input[type=checkbox] + label:before {
    font-family: "Font Awesome 5 Pro";
    display: inline;
    cursor: pointer;
}

.checkmark-checkbox input[type=checkbox] + label:before { content: "\f2d3"; font-size:20px; color:#ccc }
.checkmark-checkbox input[type=checkbox] + label:before { letter-spacing: 10px; }
.checkmark-checkbox input[type=checkbox]:checked + label:before { content: "\f14a"; color:green }
.checkmark-checkbox input[type=checkbox]:checked + label:before { letter-spacing: 10px; }

/* attachment items */
/* .attachments {border-radius:4px; background:#f5f5f5; padding:5px; margin:5px 0;user-select: none;} */
.attachments table {border-radius:4px;}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Select file";
}
.custom-file-input:lang(de)~.custom-file-label::after {
    content: "Datei auswählen";
}

/* equipments items */
.equipments {border-radius:4px; background:#f5f5f5; padding:5px; margin:5px 0;user-select: none;}
.equipments label {font-size:0.95rem;}

/* switch element */
.switch-field {
	display: flex;
	margin-bottom: 0px;
	overflow: hidden;
}
.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
	cursor: pointer;
}
.switch-field input:checked + label {
	background-color: #5AB187;
    color:#fff;
	box-shadow: none;
}
.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.switch-field.single label {
    border-radius:4px;
}


.red-border {border-left: 5px solid #c82333;}
.blue-border {border-left: 5px solid #273460;}
.yellow-border {border-left: 5px solid #e0a800;}
/****** blinking ******/
.blinking_text{
    animation:blinkingText 1.2s infinite;
}
.blinking_background{
    animation:blinkingBackground 1.2s infinite;
}
.blinking_border{
    animation:blinkingBorder 1.2s infinite;
}

@keyframes blinkingText{
    0%{     color: #000;}
    49%{    color: #000;}
    60%{    color: transparent;}
    99%{    color:transparent;}
    100%{   color: #000;}
}
@keyframes blinkingBackground{
    0%{     background: red;}
    49%{    background: red;}
    60%{    background: transparent;}
    99%{    background: transparent;}
    100%{   background: red;}
}
@keyframes blinkingBorder{
    0%{     border-color: #c82333;}
    49%{    border-color: red;}
    60%{    border-color: transparent;}
    99%{    border-color: transparent;}
    100%{   border-color: #c82333;}
}

/* counter-badge */
.badge-primary {background:#5AB187;}
.badge-rounded{
    position:absolute;
    top: -10px;
    right: -10px;
    height:30px; width:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    font-size:16px; padding:0;
    color:#fff;
}

/* styles */
/* make container 90% only on very large screens */
.container-auto {width:auto;}
@media only screen and (min-width : 1600px) { 
    .container-fluid {width:90%;}
}

.required:after {
    content:" *";
    color: red;
}
.required.before:before {
    content:"* ";
    color: red;
}
.required.before:after {content:"";}

body.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
}
body.login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    width: 100%;
    max-width: 490px;
    padding: 15px;
    margin: auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control + .far {
    position: absolute;
    right: 30px;
    padding: 0;
    bottom: 14px;
    cursor: pointer;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    /* margin-bottom: 10px; */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

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

.offer-sidebar{
    position: fixed;
    top: 100px;
    right:0;
    height: calc(100vh - 7rem);
}

.dashboard .fas {font-size:3em; margin-bottom:0.6em;}
.dashboard a {color:inherit; transition: 0.3s;}
.dashboard a:hover {color:#5AB187;}

.trumbowyg-box, .trumbowyg-editor {background:#fff;}

#employer_registration_form .switch-field > div{
    display: flex;
    margin-top: 10px;
    padding-right: 5px;
}

#employer_registration_form .switch-field > div .form-check-label {
    margin-right: 4px;
}

#employer_registration_form .switch-field label:last-of-type {
	border-radius: 4px 4px 4px 4px !important;
}