:root {
    --orange: #f49400;
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}
body {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    background-color: #f8f8f8;
    font-size: 15px;
    letter-spacing: 0.45px;

}

a {
    text-decoration: none;
    color: inherit;
}

#main_wrapper{
   background-color: white;
   min-height: 100%;
   padding: 40px;
}

.input_feld{
    border: none;
}
input.empty{
    border: 1px solid #d90707
}

.load{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

body.loading .load{
    overflow: hidden;
    display: block;
}

.content {
    margin-top: 70px;
    padding: 0 50px 70px 50px;
}
.content_inner{
    background-color:white;
    padding: 10px;
    border-radius: 3px;
    box-shadow: -2px -2px 10px #c3c3c3;
}
   

/* styling für header logo leiste */

#header_buttons .tabs{
    float: left;
    padding: 15px;
    
    }

.tabs span {
    margin:0 20px;
}

#header_buttons .settings{
    float: right;
    padding: 15px;
    width:fit-content;
    }

    .settings span {
    float: left;
    margin: 0 20px;
}

#header_buttons span{
    font-weight: 600;
    font-size: 16px;
}

div#header_buttons > span{
    margin-right:15px
}

#header{
    background-color: white;
    height: 50px;
}
#header .sj_logo{
    float: left;
}
.nav_link{
    padding: 0 5px 5px 5px;
}
.nav_link.active{
    color: #01632F;
    border-bottom: 3px solid;

}

.abmelden_button {
    width: fit-content;
    float: right;
    padding: 0 5px;
    cursor: pointer;
}
/* styling für top such leiste */

/* login seite */

#centrist {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#complete_wrapper {
background-color: white;
}

#anmelde_wrapper {
   position: absolute;
   left: 33%;
   top: 22%;
}

#pw_email_wrapper {
    position: absolute;
    left: 39%;
    top: 22%;
 }

 #email_versand{
    position:absolute;
    left: 20%;
    top: 22%;
 }
 .email_versand{
    position:absolute;
    left: 20%;
    top: 22%;
    min-width: 300px;
 }
 #pw_email_wrapper .txt_head{
color: black;
 }
.txt_head{
    color: #01632F;
    text-align: left;
    margin-left: 105px;
    margin-bottom: 5px;
}
#anmelde_head {
    font-size: 42px;
    font-weight: bold;
    color: #01632F;
    text-align: center;
}
div#anmelde_fenster {
    background-color: white;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 20px;
    width: auto;
}

#anmelde_fenster > div {
    margin-top: 20px;
    text-align: center;
}
.anmelde_boxen{
    background-color: white;
    height: 20px;
    width: 310px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #01632F;
}
#anmelde_btn {
    background-color: #01632F;
    color: white;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    width: 330px;
    /* margin: auto; */
    height: auto;
}

#pwvergessen_link{
    /* float: right; */
    color: #01632F;
    width:150px;
    white-space: nowrap;
    text-decoration: underline;
    /* text-align: right; */
    cursor: pointer;
    margin-top: 15px;
    margin-left: 365px;
}

/* Settings */

.content.settings_content, .content.uebersicht_content {
    margin-top: 70px;
    padding: 0 150px 70px 150px;
 
}
.ad_daten span {
    width: 117px;
    display: inline-block;
}

.ad_daten {
    margin: 5px 0px;
}

#anlegen_btn,#speichern_btn,#connect_login_btn{
    background-color: #01632F;
    color: white;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    width: 330px;
    /* margin: auto; */
    height: auto;
}

.login_name {
    float: left;
    margin-right: 25px;
    min-width: 300px;
}
.login_loeschen {
    float: left;
    padding: 2px 10px;
    border: 1px solid;
    cursor: pointer;
}

.nutzer_liste {
    padding: 10px 0px;
}
.login_name_fett{
    font-weight: 600;
}

span.aktueller_user {
    font-size: 12px;
    color: #71b971;
}
/* filter btns */
.filter_checkbox {
    width: 15px;
    height: 15px;
    border: 1px solid;
    float: left;
    margin-right: 5px;
    border-radius: 10px;
}

.filter_checkbox.active {
    background-color: #01632F;
}
span.filter_btn {
    float: left;
    margin-right: 10px;
}
.filter_leiste {
    height: 35px;
}
/* pagination */
.pagination {
    float: right;
}
.pagination {
    display: inline-block;
  }
  
.pagination span {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
cursor: pointer;
}

.pagination span.active {
background-color: #01632F;
color: white;
}

.pagination span:hover:not(.active) {background-color: #ddd;}

/* pagination ende */


div.filter_btn {
    cursor: pointer;
    font-weight: bold;
}

/* detail page */
button.index_connect_btn {
    border: 0px solid #254b67;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, rgb(244, 148, 0)), color-stop(0.90, rgb(244, 132, 0)));
    width: 175px;
    height: 40px;
	border-radius: 4px;
	box-shadow: 2px 1px 2px 0px rgba(29, 30, 28, 0.35);
}

b {
    font-weight: 600;
}

#post_job_btn:disabled, #delete_job_btn:disabled{
   cursor: unset; 
   filter: opacity(0.4);
}
span.index_connect_text {
    font-size: 20px;
    color: white;
    /* text-shadow: -1px 1px 0px rgba(29, 30, 28, 0.18); */
    line-height: 14px;
}

.content_inner.content_inner_right {
    float: right;
    width: 40%;
}

.content_inner.content_inner_left {
    float: left;
    width: 55%;
}
/* account details */

.index_iframe.account_iframe {
    float: left;
    width: 100%;
    margin-top: 40px;
}

div#ad_login_div {
    width: 55%;
    margin: auto;
}

.account_iframe iframe{
    height: 590px;
    border: none;;
}

.firmen_info span{
    font-weight: 600;
}
.firmen_info , .account_jobs_info{
    margin: 10px;
}

.account_jobs_info span.account_jobs_bezeichnung{
    font-weight: 600;
}

.account_jobs_user{
    font-size: 11px;
}
.account_jobs_herkunft{
    font-size: 11px;
}
.account_jobs_herkunft.intern{
    color: #01632F;
}
div#job_uebertragen {
    background-color: white;
    border: 1px solid #01632F;
    z-index: 1000;
    position: absolute;
    margin-left: 25%;
    padding: 10px;
    box-shadow: -2px -2px 10px #c3c3c3;
}

.dialog_title {
    float: left;
    margin-right: 20px;
    font-size: 20px;
}
.close_dialog {
    float: right;
    border: 1px solid;
    height: 20px;
    width: 20px;
    cursor: pointer;
    text-align: center;
}
/* accounts table */

table.accounts_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 25px
}
.accounts_table th {
    text-align: left;
    padding: 10px;
}
.accounts_table tr{
    height:65px
}
.accounts_table td{
    padding:10px
}

.accounts_table tr:not(.header_row) {
    background-color:#dadada8f
}
.accounts_table tr:hover:not(.header_row){
    background-color:#01632fb3;
    color:white;
}

a.account_link:hover {
    text-decoration: underline;
}
a.account_link {
    font-weight: 600;
}
/* .accounts_table tr:nth-child(even) {
    background-color:lightgray;
} */

/* jobs table */

table.jobs_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 25px
}
.jobs_table th {
    text-align: left;
    padding: 10px;
}
.jobs_table tr{
    height:65px
}
.jobs_table td{
    padding:10px
}

.jobs_table tr:not(.header_row) {
    background-color:#dadada8f
}
.jobs_table tr:hover:not(.header_row){
    background-color:#01632fb3;
    color:white;
}

a.job_link:hover {
    text-decoration: underline;
}
a.job_link {
    font-weight: 600;
}
/* applicants table */

table.applicants_table {
    width: 100%;
    border-collapse: collapse;
    /* border-spacing: 0 15px */
}

.applicants_table th {
    text-align: left;
    padding: 10px;
}

a.applicant_link:hover {
    text-decoration: underline;
}
a.applicant_link {
    font-weight: 600;
}

.applicants_table tr{
    height:45px;
    border-bottom: 1px solid;
}

.applicants_table tr:hover:not(.header_row){
    background-color:#01632fb3;
    color:white;
}
/* applicant detail */

.applicant_iframe iframe{
    height: 590px;
    border: none;;
}

#applicant-details {
    display:flex;
}

#applicant-details > * {
    flex-grow: 1;
}

#applicant-details table {
    text-align: left;
    width: 100%;
}

#applicant-details table td, th {
    padding: 5px;
}

#applicant-details button {
    padding: 5px;
    margin: 5px 5px 5px 0;   
}

.index-button {
    color: rgb(244, 148, 0);
}

/* synch data page */
span.verarbeitet_0{
    color: white;
    background-color: #d90707;
    padding: 3px;
    width:80%;
    display: block;
}

span.verarbeitet_1{
    color: white;
    background-color: #71b971;
    cursor: pointer;
    padding: 3px;
    width: 80%;
    display: block;
}


span.event_btn_span {
    background-color: #71b971;
    border: 1px solid;
    cursor: pointer;
    padding: 2px 10px;
    width: 65%;
    display: block;
}

div.event_btn.geholt .event_btn_span{
    cursor: unset;
    background-color: #71b9713b;
}

table.synch_table {
    width: 100%;
    border-collapse: collapse;
}

.synch_table th {
    text-align: left;
    padding: 10px;
}

tr.event_row td {
    padding: 5px;
}

span.login_daten_setzen_hinweis {
    font-size: 20px;
    color: #d90707;
}

.login_daten_setzen_hinweis a {
    text-decoration:underline
}

.event_nachholen {
    cursor: pointer;
}
/* startseite */

.synch_data_link {
    color:white;
    margin-top: 20px;
    width: fit-content;
    padding: 10px 16px;
    border: 0px solid #254b67;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, rgb(244, 148, 0)), color-stop(0.90, rgb(244, 132, 0)));
    border-radius: 4px;
    box-shadow: 2px 1px 2px 0px rgba(29, 30, 28, 0.35);
    cursor: pointer;
	font-size: 15px;
    line-height: 14px;
    font-weight: 600;
}


span.status_num {
    font-weight: bold;
}

.display-none {
    display: none;
}

button {
    cursor: pointer;
}