﻿.jitp-lock-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
    cursor: no-drop;
    text-align: center;
}

.jitp-lock-panel {
    position: absolute;
    width: 40%;
    max-width: 400px;
    top: 50%;
    left: 50%;
    /*margin-top: -130px;*/
    /*margin-left: -180px;*/
    transform: translate(-50%, -50%);
    cursor: auto;
}

#jitp-lock-logout {
    display: block;
    padding-top: 8px;
}

.jitp-lock-panel .jitp-countdown-holder {
    font-weight: bold;
}

.jitp-lock-panel .panel-footer {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.jitp-lock-jqpanel {
    background-color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-family: lato, serif;
    position: relative;
    color: #333;
    border-radius: 10px;
}

    .jitp-lock-jqpanel header {
        background: #ED2553;
        padding: 15px 20px;
        color: white;
        font-size: 1.5em;
        font-weight: 600;
        border-radius: 10px 10px 0 0;
    }

    .jitp-lock-jqpanel #jitp-lock-pass {
        font-size: 1em;
    }


    .jitp-lock-jqpanel button {
        margin-top: 20px;
        margin-bottom: 5px;
        left: 50%;
        font-family: inherit;
        color: white;
        background: #FF3838;
        outline: none;
        border: none;
        padding: 5px 15px;
        font-size: 1.3em;
        font-weight: 400;
        border-radius: 3px;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.4);
        cursor: pointer;
        transition: all 0.15s ease-in-out;
    }

    .jitp-lock-jqpanel #jitp-lock-logout {
        padding-bottom: 8px;
    }

    .jitp-lock-jqpanel footer {
        background: #ED2553;
        padding: 8px 20px;
        color: white;
        border-radius: 0 0 10px 10px;
    }
