/*
*   COMPANY: TALENTOOLIO
*   CEO: Oliver Wiescholek
*
*   Commercial Use License. 
*
*   For purposes of this Agreement, Commercial Use means use of a Product in a production environment for Customer’s business purposes. If Customer has downloaded or has otherwise been provided with a Product for Commercial Use, subject to the terms and conditions of this Agreement and *   Customer’s payment of all applicable fees, Company hereby grants Customer, for the license term or license subscription, a limited, nonexclusive, nontransferable, non-assignable (except as otherwise provided in the Agreement), revocable right and license in the Territory to: (a)
*   install and use the Software and Third-Party Software on the Customer’s computer systems/network; (b) install and use the Software and Third-Party Software on the number of physical and virtual machine(s) designated on the Order and located at the physical location(s), if any, 
*   designated in the Order (c) access the Company’s passive Domain Name System database, equal to the number of users and queries designated in the Order, if applicable; and (d) use the Documentation provided in connection with the Products and Third-Party Software for the use and 
*   support of the Products and Third-Party Software (collectively the License). Customer’s use of the Software and Third-Party Software is limited to the number of users (e.g., named users, individuals with unique user identifications) and/or assets (e.g., IP addresses, URL addresses, 
*   and/or devices, with which the Customer may utilize the Software) as set forth in the Order (Permitted Licenses). If Customer wants to use the Products in excess of the Permitted Licenses or at another location, Customer must first obtain the written consent of Company, and pay the 
*   then-current license fee and transfer and/or upgrade charges. Territory means worldwide unless otherwise agreed in the Order (subject always to applicable export restrictions).
*
*/
.ld-text-input {
    background-color:var(--ld-elem-bkg-color) !important;
    color: var(--ld-elem-color) !important;
    border: 1px solid var(--ld-elem-color);
}

lowkdesign-input{position:relative;display:block;margin-top:24px;}
lowkdesign-input input { outline: none; background-color:var(--ld-elem-bkg-color);}
lowkdesign-input label{position:absolute;top:8px;left:12px;display:block;background-color:var(--ld-elem-bkg-color);font-size:18px;padding-left:8px;padding-right:8px;transition:top .15s ease-in-out,font-size .15s ease-in-out;pointer-events:none;color: var(--ld-elem-color);}
lowkdesign-input input:focus+label{position: absolute; top: -12px; left: 12px; display: block; background-color: var(--ld-elem-bkg-color); font-size: 14px; padding-left: 8px; padding-right: 8px;} 
lowkdesign-input input:not(:placeholder-shown)+label{position: absolute; top: -12px; left: 12px; display: block; background-color: var(--ld-elem-bkg-color); font-size: 14px; padding-left: 8px; padding-right: 8px;}

lowkdesign-textarea{position:relative;display:block;margin-top:12px;}
lowkdesign-textarea textarea { outline: none; background-color:var(--ld-elem-bkg-color);}
lowkdesign-textarea label{position:absolute;top:8px;left:12px;display:block;background-color:var(--ld-elem-bkg-color);font-size:18px;padding-left:8px;padding-right:8px;transition:top .15s ease-in-out,font-size .15s ease-in-out;pointer-events:none; color: var(--ld-elem-color) !important;}
lowkdesign-textarea textarea:focus+label{position: absolute; top: -12px; left: 12px; display: block; background-color: var(--ld-elem-bkg-color); font-size: 14px; padding-left: 8px; padding-right: 8px;} 
lowkdesign-textarea textarea:not(:placeholder-shown)+label{position: absolute; top: -12px; left: 12px; display: block; background-color: var(--ld-elem-bkg-color); font-size: 14px; padding-left: 8px; padding-right: 8px;}

#lowkdesign-am-admin-header {
    background-color: #f4f4f4;
    padding-top: 32px; 
    padding-bottom: 24px;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    text-align: center;
}

.lowkdesign-am-header-element {
    padding: 12px;
    padding-left: 24px;
    padding-right: 24px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.05);
    text-align: center;
    display: inline-block;
    border-radius: 8px;
    margin-left: 12px;
}

.lowkdesign-am-header-element p {
    margin: 0;
    font-size: 28px;
    color: #222;
}

.lowkdesign-bubble-tag {
    margin-top: 8px;margin-left: 8px;padding-top: 2px;height: 32px; border-radius: 16px; padding-left: 8px; padding-right:8px; border: 1px solid var(--ld-elem-color); display: inline-block; cursor: pointer;
    color: var(--ld-elem-color);
}

.lowkdesign-bubble-tag:hover {
    border-color: rgba(0,0,0,0.6);
}

.lowkdesign-bubble-tag-selected {
    background-color: var(--ld-primary-bkg-color);
    color: var(--ld-primary-color);
    border: 1px solid var(--ld-primary-bkg-color);
}

.lowkdesign-admin-bubble-tag {
    margin-top: 8px;margin-left: 8px;padding-top: 2px;height: 32px; border-radius: 16px; padding-left: 8px; padding-right:8px; border: 1px solid rgba(0,0,0,0.2); display: inline-block; cursor: pointer;
    color: #222;
}

.lowkdesign-admin-bubble-tag:hover {
    border-color: rgba(0,0,0,0.6);
}

.lowkdesign-admin-bubble-tag-selected {
    background-color: var(--ld-admin-bkg-color);
    color: var(--ld-admin-color);
    border: 1px solid var(--ld-admin-bkg-color);
}

.lowkdesign-paper {
    padding: 24px;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
    margin-top: 24px;
    border-radius: 4px;
    transition: max-height 0.75s ease-in-out;
    background-color: var(--ld-elem-bkg-color);
}

.lowkdesign-paper-header {
    font-size: 22px !important;
    color: rgba(0,0,0,0.5);
    font-weight: 300;
}

.lowkdesign-admin-paper {
    padding: 24px;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
    margin-top: 24px;
    border-radius: 4px;
    transition: max-height 0.75s ease-in-out;
    background-color: #fff;
}

.lowkdesign-admin-paper-header {
    font-size: 22px !important;
    color: rgba(0,0,0,0.5);
    font-weight: 300;
}

.lowkdesign-divider {
    width: 90%;
    margin-top: 8px;
    height: 32px;
    border-top:2px solid rgba(0,0,0,0.2);
}

.lowkdesign-job-card {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.2);
    text-decoration: none;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    background-color: var(--ld-elem-bkg-color);
    position: relative;
    text-decoration: none !important;
}

.lowkdesign-job-card:hover {
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
    filter: brightness(0.8);
}


.lowkdesign-job-card-title {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: var(--ld-elem-color) !important;
}

.lowkdesing-job-card-time {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    margin-top: 24px;
    color: var(--ld-elem-color) !important;
}


.lowkdesign-admin-job-card {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.2);
    text-decoration: none;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    position: relative;
    text-decoration: none !important;
}

.lowkdesign-admin-job-card:hover {
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
    filter: brightness(0.8);
}


.lowkdesign-admin-job-card-title {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #222 !important;
}

.lowkdesing-admin-job-card-time {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    margin-top: 24px;
    color: #222 !important;
}

#lowkdesign-overview-list {
    list-style: none;
}

.lowkdesign-caption {
    font-size: 10px !important;
}

.lowkdesign-body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px;
}

.lowkdesign-subtitle {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-size: 18px;
}

.lowkdesign-color {
    color: var(--ld-color) !important;
}

.lowkdesign-elem-color {
    color: var(--ld-elem-color) !important;
}

.lowkdesign-admin-caption {
    font-size: 10px !important;
    color: #666 !important;
}

.lowkdesign-admin-body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-size: 16px;
    color: #444 !important;
}

.lowkdesign-admin-subtitle {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-size: 18px;
    color: #222 !important;
}

.lowkdesign-positions-info-box {
    background-color: rgba(0,0,0,0.01);
    border: 1px solid var(--ld-elem-bkg-color);
    border-radius: 8px;
    padding: 12px;
}
.form-switch .form-check-input{
    background-repeat: no-repeat;
}

.lowkdesign-overlay-background {
    width: 100vw; 
    height: 400vh; 
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top:0; 
    left:0; 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
}

.lowkdesign-overlay-content {
    padding: 24px; 
    border-radius: 8px; 
    background-color: #fafafa;
    display: block;
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 20vh; 
    margin-bottom: 20vh; 
    width: 650px;
}

.stage-bubble {
    background-color: #c4c4c4;
}

.stage-bubble-selected {
    background-color: var(--ld-primary-bkg-color);
}

.stage-bubble-admin-selected {
    background-color: var(--ld-admin-bkg-color);
}

.form-check-input:checked {
    background-color: var(--ld-primary-bkg-color) !important;
    border-color: var(--ld-primary-bkg-color) !important;
}


.lowkdesign_am_view_selection_button {
    display: inline-block; 
    background-color: transparent; 
    border: 0px; 
    border-bottom: 3px solid rgba(0,0,0,0.5);
    margin-left: 8px;
}

.lowkdesign_am_view_selection_button:hover {
    background-color: rgba(0,0,0,0.05);   
}

.lowkdesign_am_view_selection_button i {
    color: rgba(0,0,0,0.3); margin-left: 12px
}

.lowkdesign_am_view_selection_button a {
    text-decoration: none;
    color: rgba(0,0,0,0.8);
}
.lowkdesign_am_view_selection_button a:hover {
    text-decoration: none;
    color: rgba(0,0,0,0.8);
}

#footer-thankyou {
    display: none;
}

.lowkdesign-section-container {
    position: absolute; top: 0px; transition: left 1.5s ease-in-out; width: 100%; 
}

.lowkdesign-section-header {
    width: 100%;  transition: transform 1s ease-in-out;
}

.lowkdesign-section-content {
    padding: 12px; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 0 12px 0 rgba(0,0,0,0.1); border-radius: 8px; transition: transform 0.5s ease-in-out; margin-left: auto; margin-right: auto;
    background-color: var(--ld-elem-bkg-color);
}

.lowkdesign-admin-section-content {
    padding: 12px; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 0 12px 0 rgba(0,0,0,0.1); border-radius: 8px; transition: transform 0.5s ease-in-out; margin-left: auto; margin-right: auto;
    background-color: #fff;
}

.ldam-job-application-section-header {
    text-align: center;
    font-size: 28px;
}

.lowkdesign-attachments-link {
    color: var(--ld-primary-bkg-color);
}

#lowkdesign-lifeline-table {
    width: 300vw;
}

#lowkdesign-lifeline-table tr { 
    background-color: transparent !important;
}

#lowkdesign-lifeline-table td { 
    background-color: transparent !important;
}

#lowkdesign-lifeline-table th { 
    background-color: transparent !important;
}

.ld-table-data {
    background-color: transparent !important; border:none; color: var(--ld-elem-color);
}

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

    #lowkdesign-lifeline-table {
        width: 100vw !important;
    }
 
    .lowkdesign-section-content {
        padding: 32px;
    }

    .lowkdesign-job-card {
        display: inline-block;
        margin-left: unset;
        margin-right: unset;
        vertical-align: middle;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .lowkdesign-admin-job-card {
        display: inline-block;
        margin-left: unset;
        margin-right: unset;
        vertical-align: middle;
        position: relative;
        height: 100%;
        width: 100%;
    }

}


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

    #lowkdesign-lifeline-table {
        width: 100% !important;
    }
}