.AppOnline {
    background-color: #F7E017;
    box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001f, 0 2px 4px -1px #0000004d;
    padding-right: 6pt;
    padding-left: 6pt;
}

.container__image {
    margin-right: 4pt;
    float: left;
}

.image_g {
    height: 48px;
    align-self: center;
}

.image_a {
    max-height: 42px;
    align-self: center;
}

.container__text {
    display: contents;
}

.text-shadow {
    text-shadow: 2px 1px #000000;
}

.custom-small {
    font-size: 80%;
    font-weight: 400;
}

.fadein {
    animation: fadein 1.5s linear;
}


.bg-whiteblue {
    background-color: #f7faff !important;
}

.rounded-top-left {
    border-top-left-radius: 1rem !important;
}

.rounded-top-right {
    border-top-right-radius: 1rem !important;
}

.rounded-bottom-left {
    border-bottom-left-radius: 1rem !important;
}

.rounded-bottom-right {
    border-bottom-right-radius: 1rem !important;
}

.custom-card {
    border-radius: 1rem !important;
}

.border-radius-smaller {
    border-radius: 1rem !important;
}

body {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    -webkit-print-color-adjust: exact;
    font-size: 0.95rem;
    margin-bottom: 0 !important;
}

/*.bg-circle {
    background: linear-gradient(100deg, #2b2e5e, #0053a1) !important;
}*/

.custom-box-shadow {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

.LoginBG {
    background: none;
    box-shadow: none;
    border: none;
}


@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.skin-blue .bg-circle {
    background: linear-gradient(100deg, #2b2e5e, #0053a1) !important;
    border: 2pt #f8fbff solid;
}




/*.skin-blue .socialmedia, .instagram, .facebook, .x-twitter, .linkedin, .youtube, .threats {*/
/*.skin-blue .socialmedia {
    fill: #fff;
}*/

.skin-blue .guestmsg {
    color: #fff !important;
}

    .skin-blue .guestmsg .fa-circle {
        color: #585858 !important;
    }


.skin-blue .btn-primary:not([href]), .skin-blue .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled), .skin-blue .btn-primary:not(label.btn), .skin-blue .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled) {
    background-color: #0053A1;
    border-color: #0053A1;
}

.skin-blue .wrimagecard-topimage p, .skin-blue .payment-option p {
    color: #000 !important;
}

.skin-dark .LoginBG {
    /*background: #2b2b2b !important;*/
    /*box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #ffffff1f, 0 2px 4px 0px #ffffff4d;*/
    background: #000 !important;
    box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001f, 0 2px 4px -1px #0000004d;
    /*box-shadow: 0 4px 5px 0 #0053a1, 0 1px 10px 0 #0053a1, 0 2px 4px 0px #0053a1;*/
    border: 1.5pt #0053A1 solid;
}



    .skin-dark .LoginBG .card {
        /*background: #2b2b2b !important;*/
        background: #000 !important;
    }

    .skin-dark .LoginBG .bg-whiteblue {
        background: none !important;
    }

/*.skin-dark .socialmedia {
    fill: #fff;
}*/

.skin-dark .guestmsg {
    color: #fff !important;
}

    .skin-dark .guestmsg .fa-circle {
        /*color: #000 !important;*/
        color: #585858 !important;
    }


.skin-dark .fa-users.font-sz-1_3rem, .skin-dark .fa-landmark.font-sz-1_3rem {
    text-shadow: 2px 2px #000000 !important;
}



@media (max-width: 767.98px) {
    .socialmedia {
        margin-right: 0.6rem !important;
    }

    .sz-rounded-top-left {
        border-top-left-radius: 1rem !important;
    }

    .bg-whiteblue {
        background: none !important;
        border-radius: 0px !important;
    }

    .skin-blue .bg-whiteblue {
        background: none !important;
        border-radius: 0px !important;
    }
}

@media (min-width:768px) {

    .font-size-4 {
        font-size: 3rem;
    }

    .custom-small {
        font-size: 100%;
        font-weight: 400;
    }

    .image_g {
        max-height: 64px;
        height: 64px;
    }

    .image_a {
        max-height: 50px;
        height: 50px;
    }

    .talignj {
        text-align: justify;
    }

    .card.border-radius-smaller {
        border-bottom-left-radius: 0 !important;
    }

    .LoginBG {
        background: #fbfbfb;
        box-shadow: 0 4px 5px 0 #00000024, 0 1px 10px 0 #0000001f, 0 2px 4px 0px #0000004d;
        border-radius: 1rem;
    }

    .LoginSM {
        position: absolute;
        bottom: 8pt;
        width: 100%;
    }

    .Login-Row-Height {
        height: 100vh;
        min-height: 700px;
    }

/*    .skin-blue .countainer-border {
        border-color: #0053A1 !important;
    }*/

    .skin-dark .LoginBG .card {
        border: 0 !important;
        border-left: solid 0.3pt #ffffff59 !important;
        border-top-left-radius: 0 !important;
    }

    .skin-blue .logo-full {
        background: transparent url(./../../../Images/Online_white_logo.png) no-repeat center center !important;
        background-size: contain !important;
    }

    .LogOutBorder-0 {
        border: 0 !important;
    }

    .LogOutLeftBorder {
        border-left: 0.3pt solid #d9d9db !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}