@charset "UTF-8"; /*! 
 * Pluxee Cuzdan UI Framework
 * @author : Oğuzhan Nalbant
 * 2023 
 */

@font-face {
    font-family: 'tt travels medium';
    src: url('../font/tt travels medium.otf') format('opentype');
}

body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    font-family: tt travels medium;
}

/*.plx-btn {
    cursor: pointer;
    margin: 10px;
    outline: 0;
    border: 0;
    padding: 7px 20px;
    -webkit-box-shadow: 0 0 0 1px #2b3792;
    box-shadow: 0 0 0 1px #2b3792;
    border-radius: .25rem;
    background: #fff;
    font-size: .75rem;
    font-weight: 600;
    color: #2b3792
}*/

.pluxee-wallet-home {
    display: block;
    max-width: 350px;
    margin: 30px auto;
    position: relative
}

    .pluxee-wallet-home .pluxee-logo {
        text-align: center
    }

        .pluxee-wallet-home .pluxee-logo img {
            width: 200px
        }

    .pluxee-wallet-home .wallet-login-form {
        margin: 30px auto
    }

        .pluxee-wallet-home .wallet-login-form form label {
            font-weight: 500;
            font-size: .9rem
        }

        .pluxee-wallet-home .wallet-login-form form input {
            font-size: 16px
        }

            .pluxee-wallet-home .wallet-login-form form .plx-btn, .pluxee-wallet-home .wallet-login-form form button, .pluxee-wallet-home .wallet-login-form form input[type=submit] {
                margin: 20px auto;
                display: block;
                font-weight: 400;
                font-size: 1rem;
                padding: 12px 25px;
                width: 100%;
                text-align: center;
                border-radius: 0
            }

        .pluxee-wallet-home .wallet-login-form form .valid-error {
            margin: 10px 0;
            color: #CA3037;
            font-size: .85rem;
            font-weight: 500
        }

/* PLUXEE BUTTONS */

.plx-btn-primary {
    background-color: #00EB5E;
    border: solid 3px #221C46;
    text-align: center;
    cursor: pointer;
    font-weight: bold !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

    .plx-btn-primary:hover {
        background-color: #C7FCCA;
        border: solid 3px #221C46;
        text-align: center;
        cursor: pointer;
        -webkit-box-shadow: 4px 4px 1px 1px rgba(34,28,70,0.2);
        box-shadow: 4px 4px 1px 1px rgba(34,28,70,0.2);
    }

    .plx-btn-primary:focus {
        background-color: #00330e;
        border: solid 3px #221C46;
        text-align: center;
        cursor: pointer;
        color: #fff;
    }

.plx-btn-primary-text {
    font-weight: bold !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: -0.8px !important;
    line-height: 150% !important;
    vertical-align: top !important;
    color: #221C46 !important;
}

.plx-btn-yellow {
    background-color: #ffe77d !important;
}

    .plx-btn-yellow:hover {
        background-color: #ffe77d6e !important;
    }

.plx-btn-blue {
    background-color: #2b3792 !important;
    color: #fff;
}

    .plx-btn-blue:hover {
        background-color: #0114539e !important;
    }

.plx-btn-green {
    background-color: #00EB5E !important;
}

    .plx-btn-green:hover {
        background-color: #C7FCCA !important;
    }

.plx-btn-primary {
    background-color: #00EB5E;
    border: solid 3px #221C46;
    text-align: center;
    cursor: pointer;
}

.plx-btn-primary {
    background-color: #00EB5E;
    border: solid 3px #221C46;
    text-align: center;
    cursor: pointer;
}

.plx-form-label {
    pointer-events: none;
}

    .plx-form-label:hover {
        color: purple !important;
    }

/* PLUXEE INPUTS */
.plx-form-group .plx-form-control {
    text-align: left;
    padding: 12px;
    border: solid 1px #D1CFD7;
    display: block;
    width: 93%;
    height: 18px;
    color: #2A295C;
    line-height: 18px;
}

    .plx-form-group .plx-form-control:hover {
        border: solid 1px #526CF8;
        background-color: #def3fb;
    }

    .plx-form-group .plx-form-control:focus {
        border: solid 3px #1B51DC !important;
        /*color: #1B51DC;*/
        /*border-inline: solid 3px #1B51DC;*/ /* outline border */
        width: 93%;
        height: 14px;
        padding-left: 10px;
        background-color: #fff;
    }

.plx-form-group .plx-input-label {
    font-size: 14px;
    letter-spacing: -0.7px;
    line-height: 146%;
    text-align: left;
    font-weight: 600;
    font-family: url('../font/tt travels demibold.otf');
    color: #221C46;
    vertical-align: central;
}

.plx-form-control-error {
    background-color: #fcf1ee !important;
    border: solid 1px #f44336 !important;
}
/*.plx-form-group .plx-input-label:hover {
        color: #1B51DC;
    }

    .plx-form-group .plx-input-label:focus {
        color: #1B51DC;
    }*/
/* Fonts */
.plx-primary-text {
}

/* margins */
.plx-margin-bottom-4 {
    margin-bottom: 4px;
}

/* colors */
.plx-primary-color {
    color: #221C46;
}

.plx-secondary-color {
    color: #00EB5E;
}

.plx-tertiary-color {
    color: #17CCF9;
}

.plx-quaternary-color {
    color: #FFDC37;
}

.plx-quinary-color {
    color: #FF7375;
}
/* Validation Label */

.field-validation-error {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: -0.6px;
    text-align: left;
    color: #b30000 !important;
}


.general-error {
    margin: 10px 0;
    color: #CA3037;
    font-size: .85rem;
    font-weight: 600;
}

.wallet-sms-check .info-text {
    font-size: .9rem;
    font-weight: 500;
    margin: 20px 0;
    display: block;
    color: #2b2b2b
}