﻿
.fnotfBody {
    line-height: 18px;
}

.docText {
    font-size: 14px;
    text-transform: lowercase;
}

.bgoModalv2Normal {
    background: #0e3658;
}

    .bgoModalv2Normal .form-control {
        color: #fff;
        font-weight: bolder;
        background-color: #194871;
        border-radius: 1rem;
        border: 0px;
    }

    .bgoModalv2Normal:focus {
        background-color: #194871;
        color: #fff;
    }

.bgoModalv2Classy {
    background: #ffd255;
}

    .bgoModalv2Classy .form-control {
        font-weight: bolder;
        background-color: #ffe59b;
        border-radius: 1rem;
        border: 0px;
    }

    .bgoModalv2Classy:focus {
        background-color: #ffe59b;
    }

.bgoModalv2Medium {
    background: #186165;
}

    .bgoModalv2Medium .form-control {
        color: #fff;
        font-weight: bolder;
        background-color: #33a4aa;
        border-radius: 1rem;
        border: 0px;
    }

    .bgoModalv2Medium:focus {
        background-color: #33a4aa;
        color: #fff;
    }

.oModalv2 {
    color: #fff;
    position: fixed;
    margin: auto;
    inset: 0;
    display: none;
    z-index: 9901;
    border-radius: 14px;
    bottom: 0;
    left: 0;
    padding: 25px 25px 25px 25px;
}

    .oModalv2 .form-control:disabled, .oModalv2 .form-control[readonly] {
        background-color: #0e3658;
        opacity: 1;
        color: #547ea1;
    }


.modalv2Text {
    border: 1px #3c729f solid;
    background: #0e3658;
    color: #fff;
    font-size: 14px;
    border-radius: 14px;
    margin-bottom: 15px;
}

.modalv2TextH {
    height: 90px;
}

.modalv2Icon i {
    font-size: 19px;
}

@media (min-width: 415px) and (max-width: 550px) {
    .oModal, .oModalv2 {
        width: 70%;
    }
}

@media (min-width: 551px) and (max-width: 650px) {
    .oModal, .oModalv2 {
        width: 65%;
    }
}

@media (min-width: 651px) and (max-width: 750px) {
    .oModal, .oModalv2 {
        width: 60%;
    }
}

@media (min-width: 751px) and (max-width: 850px) {
    .oModal, .oModalv2 {
        width: 50%;
    }
}

@media (min-width: 851px) {
    .oModal, .oModalv2 {
        width: 30%;
    }
}

.strength-strong, .error-message {
    color: #ffc107 !important;
    font-size: 14px;
    text-transform: lowercase;
}

.fnotfTitle {
    font-weight: bolder;
    color: #767676;
    font-size: 16px;
}

@media (max-width: 575px) {
    .hideOnSmall {
        display: none;
    }
}

.fnotfInfo {
    position: absolute;
    margin-top: 6%;
    font-size: 15px;
    font-weight: bolder;
}

.fnotfIcon {
    position: absolute;
    margin-top: 30%;
    left: auto;
    bottom: auto;
    right: auto;
}

    .fnotfIcon i {
        font-size: 22px;
    }

/*.successNotfIcon { color:#ccf393;}
.failureNotfIcon { color:#f39393;}*/


.successNotfLBorder {
    border-left: 12px #ccf393 solid;
}

.failureNotfLBorder {
    border-left: 12px #f39393 solid;
}

.successAppNotf {
    background: #deffe6;
    color: #157e2f;
    font-weight: bolder;
    box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}

    .successAppNotf i {
        color: #157e2f;
    }

.failureAppNotf {
    background: #ffe3e3;
    color: #a03434;
    font-weight: bolder;
    box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}

    .failureAppNotf i {
        color: #a03434;
    }

.appWideNotification {
    position: fixed;
    bottom: 20px;
    display: none;
    z-index: 9960;
    left: 20px;
    padding: 15px 10px 20px 15px;
    font-weight: bolder;
    width: 250px;
    height: 75px;
    border-radius: 17px;
    /*border-top: 1px solid #ebeaeb;
    border-right: 1px solid #ebeaeb;
    border-bottom: 1px solid #ebeaeb;
    box-shadow: 0 0 2rem rgb(0 0 0 / 10%);*/
}
