.panel-bd .panel-heading::before{
	display: none;
}
.bg-gradient-orange-red {
    background: #ff9500;
}
.bg-gradient-orange-red {
    background: -moz-linear-gradient(top, #ff9500, #ff3b30) !important;
    background: -webkit-linear-gradient(top, #ff9500, #ff3b30) !important;
    background: linear-gradient(to top, #ff9500, #ff3b30) !important;
}
.bg-gradient-red-pink {
    background: #ff3b30;
}
.bg-gradient-red-pink {
    background: -moz-linear-gradient(top, #ff3b30, #ff2d55) !important;
    background: -webkit-linear-gradient(top, #ff3b30, #ff2d55) !important;
    background: linear-gradient(to top, #ff3b30, #ff2d55) !important;
}
.bg-gradient-yellow-orange {
    background: #fc0;
}
.bg-gradient-yellow-orange {
    background: -moz-linear-gradient(top, #fc0, #ff9500) !important;
    background: -webkit-linear-gradient(top, #fc0, #ff9500) !important;
    background: linear-gradient(to top, #fc0, #ff9500) !important;
}
.bg-gradient-yellow-red {
    background: #fc0;
}
.bg-gradient-yellow-red {
    background: -moz-linear-gradient(top, #fc0, #ff3b30) !important;
    background: -webkit-linear-gradient(top, #fc0, #ff3b30) !important;
    background: linear-gradient(to top, #fc0, #ff3b30) !important;
}
.bg-gradient-yellow-green {
    background: #fc0;
}
.bg-gradient-yellow-green {
    background: -moz-linear-gradient(top, #fc0, #1abd36) !important;
    background: -webkit-linear-gradient(top, #fc0, #1abd36) !important;
    background: linear-gradient(to top, #fc0, #1abd36) !important;
}
.bg-gradient-cyan-blue {
    background: #30beff;
}
.bg-gradient-cyan-blue {
    background: -moz-linear-gradient(top, #30beff, #1f6bff) !important;
    background: -webkit-linear-gradient(top, #30beff, #1f6bff) !important;
    background: linear-gradient(to top, #30beff, #1f6bff) !important;
}
.bg-gradient-cyan-indigo {
    background: #30beff;
}
.bg-gradient-cyan-indigo {
    background: -moz-linear-gradient(top, #30beff, #640df3) !important;
    background: -webkit-linear-gradient(top, #30beff, #640df3) !important;
    background: linear-gradient(to top, #30beff, #640df3) !important;
}
.bg-gradient-custom-orange {
    background: #ff784a;
}
.bg-gradient-custom-orange {
    background: -moz-linear-gradient(right, #ff784a, #ff926d) !important;
    background: -webkit-linear-gradient(right, #ff784a, #ff926d) !important;
    background: linear-gradient(to left, #ff784a, #ff926d) !important;
}
.bg-gradient-custom-pink {
    background: #e15671;
}
.bg-gradient-custom-pink {
    background: -moz-linear-gradient(right, #e15671, #e7758a) !important;
    background: -webkit-linear-gradient(right, #e15671, #e7758a) !important;
    background: linear-gradient(to left, #e15671, #e7758a) !important;
}
.bg-gradient-custom-teal {
    background: #0aab7b;
}
.bg-gradient-custom-teal {
    background: -moz-linear-gradient(right, #0aab7b, #0cd096) !important;
    background: -webkit-linear-gradient(right, #0aab7b, #0cd096) !important;
    background: linear-gradient(to left, #0aab7b, #0cd096) !important;
}
.bg-gradient-custom-indigo {
    background: #8845f5;
}
.bg-gradient-custom-indigo {
    background: -moz-linear-gradient(right, #8845f5, #aa7af8) !important;
    background: -webkit-linear-gradient(right, #8845f5, #aa7af8) !important;
    background: linear-gradient(to left, #8845f5, #aa7af8) !important;
}
.bg-gradient-custom-blue {
    background: #1f6bff;
}
.bg-gradient-custom-blue {
    background: -moz-linear-gradient(right, #1f6bff, #528dff) !important;
    background: -webkit-linear-gradient(right, #1f6bff, #528dff) !important;
    background: linear-gradient(to left, #1f6bff, #528dff) !important;
}









.vh100{
	 height: 100vh;
}
.login {
    min-height: 100%;
    padding: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
   
    background-color: #ebeef4;
    border-top: 3px solid #198754;
}
.login .login-content {
    max-width: 35rem;
    margin: 0 auto;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.login .login-content.login-content_bg{
	 max-width: 40rem;
	background-color: #fff;
	padding: 50px;
	border-radius: 9px;
}
.login .form-control {
    border: 1px solid #c9d2e3;
    height: 40px;
    border-radius: 9px;
}
.login .form-control:focus {
    border-color: #37a000;
}
.fs-15px {
    font-size: 15px!important;
}
.login label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
}

.login .btn {
    border-radius: 9px;
}
.login .btn-success {
    background-color: #198754;
    border-color: #198754;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}
.btn-success:hover {
    background-color: #157347;
    border-color: #146c43;
}
.btn-block {
    display: block;
    width: 100%;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.captcha, #Imageid {
    width: 100%;
    overflow: hidden;
    border-radius: 9px;
}
#Imageid{
 border: 1px solid #c9d2e3;
}

/*utilities*/
.d-flex {
    display: flex!important;
}
.flex-column {
    flex-direction: column!important;
}
.justify-content-center {
    justify-content: center!important;
}

.mt-0, .my-0 {
    margin-top: 0!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}

/* ------------------------------------------------------------
 * App Logo (reusable logo container)
 * - Supports any logo aspect ratio without distortion
 * - Uses flexbox centering + object-fit
 * ------------------------------------------------------------ */

.app-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    max-width: 100%;
    padding: 12px 16px;
    border-radius: 16px;
}

.app-logo__img {
    display: block;
    /* Default: never upscale small raster logos (keeps them crisp) */
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    object-position: center;
    object-fit: contain;
}

/* Size presets */
.app-logo--login {
    width: 100%;
    max-width: 360px;
    height: 140px;
    margin: 0 auto;
}

@media (max-width: 420px) {
    .app-logo--login {
        height: 110px;
    }
}

/* Visual modifiers */
.app-logo--subtle {
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .22);
}

.app-logo--shadow .app-logo__img {
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .22));
}

/* Optional: allow upscaling to fill the box (use only with high-res SVG/PNG) */
.app-logo--upscale .app-logo__img {
    width: 100% !important;
    height: 100% !important;
}

/* Fit modes */
.app-logo--contain .app-logo__img {
    object-fit: contain;
}

.app-logo--cover .app-logo__img {
    object-fit: cover;
}

/* ------------------------------------------------------------
 * Font Awesome v4 compatibility shim (project uses FA7 only)
 * - Fixes legacy brand icons used as: <i class="fa fa-...">...
 * - Maps common FA4 "-o" outline aliases to FA7 glyphs
 * ------------------------------------------------------------ */

/* Legacy brand icons used with `.fa` (FA7 requires brands family) */
.fa.fa-first-order,
.fa.fa-product-hunt,
.fa.fa-adn {
    --fa-family: var(--fa-family-brands);
    --fa-style: 400;
}

/* Legacy "-o" aliases (approximate with FA7 Regular style) */
.fa-bell-o {
    --fa: "\f0f3";
    --fa-style: 400;
}

.fa-user-o {
    --fa: "\f007";
    --fa-style: 400;
}

.fa-trash-o {
    --fa: "\f1f8";
    --fa-style: 400;
}

.fa-clock-o {
    --fa: "\f017";
    --fa-style: 400;
}

.fa-star-o {
    --fa: "\f005";
    --fa-style: 400;
}

.fa-hand-o-right {
    --fa: "\f0a4";
    --fa-style: 400;
}