﻿@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

:root{
    --themecolor:#f74300;
}

body{background:#efefef; padding-bottom:35px; font-size:12px; font-family: 'Poppins', sans-serif;}

.border-theme{border:1px solid #f1c6b6 !important;}
.border-y-theme{border-color:#f1c6b6; border-width:1px 0 1px 0; border-style:solid; background-color: #f9e2da; text-align:center;}
.colorTheme{color:var(--themecolor);}

.bgThemelight{background-color:#f9e2da !important;}

h3{font-size:16px;font-weight:700;}
.hy-drawer-content { color:#fff; background:var(--themecolor); }

aside a {color: #fff;}

#header{background:var(--themecolor); padding: 6px 10px;position:relative;z-index:1;box-shadow:0px 0px 30px rgba(0,0,0,.2)}
#header .logo span{margin-left:10px; font-size:15px; font-weight:600; color:#fff;}

#menuEl{position: absolute; top: 8px; right: 10px; background:var(--themecolor); border-radius: 100%;}

#banner{margin-bottom: 15px; border-top: #c3b8a4 1px solid; box-shadow: #705b34 0px 2px 5px;}
.home-blocks a{color:#333333;text-decoration: none;}

#footer {background: var(--themecolor) url(../images/climpek.png); padding: 10px 0px; color: #fff; text-align: center; margin-top: 20px; font-size: 12px;position: fixed; bottom:0px; left:0px; right:0px;}

.wallet{margin:0px; border:solid 0px #ffa6a6; padding: 10px; border-radius:0px; background-color:#fff; color:#000;}
.wallet h4{font-size: 13px;text-transform: uppercase;margin-bottom: 2px;}
.wallet h2{font-size:20px;}

.left-menu{margin:0px; padding:0px 0 30px 0px; list-style:none;}
.left-menu li{line-height:30px; padding:0 10px 0 30px; border-top:1px solid #fff3; border-bottom:1px solid #0003; background: url(../images/arrow.png) 10px center no-repeat;}
.left-menu a{font-size:13px}
.left-menu a:hover{text-decoration:none; color: #fff;}

#login{padding:0px;}
#login .logo{background-color:var(--themecolor); text-align:center; padding:40px 0px;}
#login h2{text-align:center;color: #fff;font-size: 20px;}
#login h2 span{font-size:13px;display: block;text-transform: uppercase;color: #999}
#login .nav{background-color:var(--themecolor); border-radius:0 0 40px 40px;}
#login .nav-tabs .nav-item .nav-link{border-bottom:5px solid #ff9d78; color:#fff;}
#login .nav-tabs .nav-item.show .nav-link,
#login .nav-tabs .nav-link.active{color:#fff; background-color:transparent; border:0px; border-bottom:5px solid #5c1b03;}

.home-block {background: #313649;padding:30px 10px;} 
.home-block label {font-size: 12px;color: #fff; line-height: 14px; font-weight: 600;position:relative;top:5px;}

.arrow {position:relative;top:5px;}

#bg1{margin-bottom:15px; text-align:center; color:#333;padding: 0 10px;}
#bg1 label{font-size:12px;font-weight: 600;}
#bg1 a{color:#333; font-size:12px; display:grid; height:100%;}
#bg1 .bg1{background: #fff; box-shadow: var(--themecolor) 0px 0px 2px; text-align:center; border-radius:2px; padding:10px 0 0px; display:block;    border: solid 2px #ed7142;}
#bg1 .bg1:hover{text-decoration:none;}
#bg1 .bg1 label{display:block; padding-top:0px; font-size:10px; text-transform:uppercase; margin-bottom:0px;}
#bg1 .bg1 label a{text-decoration: line-through;display:block;}

.bg2 {background:#085756 url(../images/diagonal-striped-brick.png);}

.tabmenu {background: #f58634;}
.tabmenu a {display: block; text-align: center; color: #fff; font-weight: 500; font-size:15px; padding: 10px; border-right:rgba(255,255,255,.5)!important;}

.inner-banner {background: var(--themecolor); padding: 5px; margin-bottom: 15px;}
.inner-banner a {color:#fff;font-size:18px;}
.inner-banner h3 {font-size:15px;text-align:center;color:#fff;position:relative;top:5px;}

/*.form-control {border-radius:60px;}*/

.user-pic {margin-top: 10px!important; border-radius: 100%; overflow: hidden; border: #ca7f6d 0px solid;}

.btn-success {background: var(--themecolor)!important; border: none;}
.btn-outline-success {border: solid 1px var(--themecolor)!important;color:  var(--themecolor)!important;background:#fff!important;box-shadow:none!important}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--themecolor)!important;
    border-color: var(--themecolor)!important;
}

.bg-success span {display: block; line-height: 40px; font-weight: 500; color: #fff;}
.bg-color{
    background: #efefef;
    border: #ccc 1px solid;
    font-size:13px;
    padding: 10px;
    margin-bottom: 10px;
}
.bg-color strong{
    font-weight:600;
    padding-right:10px;
    color: #000;
}
.bg-color ul{
    padding:0;
    margin:0;
    list-style:none;
    margin-bottom:10px;
}
.bg-color ul li{
    border-bottom: #dadada 0px solid;
    line-height: 20px;
}
.btn-danger{
    font-size: 12px;
    padding: 5px 10px;
}
.btn-info{
    font-size: 12px;
    padding: 5px 10px;
    background:#028ad4!important;
}
.modal{top:90px!important;}

#back-links a {display: block; padding: 10px; color: #fff; font-size: 14px; font-weight: 500;}

.table td, .table th{font-size:12px!important; background:#fff;}
.table th{color:#000; font-weight:500!important; }
.table td{color:#454545;}


.contact-add{ text-align:center;line-height:22px; margin-bottom:20px;background: #eae8e8;padding: 25px 0;height:256px;}
.contact-add p{text-align:center; font-size:14px; line-height:25px; margin-top:10px;}
.contact-add .fa-icon{border:#f78000 2px solid; border-radius:50%; width:80px; height:80px; line-height:80px; color:#f78000; font-size:35px; display:block; margin:auto;background: #f8f8f8;}

.pdf{ margin:15px; float:left; width:200px; background:url(../images/pdf.png) left no-repeat; text-align:left;height:50px; line-height:50px; color:#064c4c; font-size:14px; text-decoration:none; border:#ccc 1px solid; padding:5px;}
.pdf a{ color:#064c4c; text-decoration:none; padding-left:60px; font-weight:600;}
.pdf a:hover{ color:#d8a610;text-decoration:none;}

.notification{background-image: linear-gradient(#c5c5c5, #efefef);border:#ccc 1px solid;padding:10px; text-align:justify;margin:23px 0;border-radius: 6px;font-size:14px;}
.notification span{font-size:14px!important;padding-top:10px;display: block;}
.notification_count {color:#ba2121;font-size:14px;font-weight:700;}

.topmargin a{color: #ffe5d5;}
.topmargin table a {color:#1209f2;}
.reset{border-radius:3px; font-size:13px;}
.shadow{box-shadow:0px 3px 5px #0001;}
.input-group-append {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 16px;
    z-index: 9999;
}
.form-control{
    font-size: 16px;
    padding: 10px;
    font-weight: 700;    border: 1px solid #f64300;
}

.block{display:block;font-weight:600;}
.home-banner {width:100%;height:25vh;background:url(/images/banner2.jpg) center center no-repeat;background-size:cover;color:#fff;text-align:center;padding-top:6vh;}
    .home-banner small {
    font-size:16px;}
    .home-banner h3 {
    font-weight:300;color:#fff;font-size:26px;}
    .home-banner .btn {background:none!important;color:#fff;font-weight:400;border:solid 1px #fff!important;border-radius:60px;
    }
.home-heading h4{
font-weight:600!important;font-size:17px;padding-left:10px;margin-bottom:0px;}
.home-heading img {
margin-top:5px;}
    .home-heading h4 small {
    display:block;font-weight:300;color:#666}
.home-heading {    background: #fff2ed;
    padding: 14px;
}
.invert {
filter:invert(100%);}
.fund-banner{
background:url(/images/banner3.jpg) center  center no-repeat;background-size:cover;padding:20px;color:#fff;}
    .fund-banner select {
    width:100%;height:30px;background:none;color:#fff;border:none;border-bottom:solid 1px #fff;}
    .fund-banner h3 {
    font-weight:300;font-size:25px;}

.fund-tabs li a {
  display:block;text-align:center;background:#fff;border:none;border-radius:0px!important;color:#333;font-weight:700}
.fund-tabs li a.active {
        background:#f34200!important;color:#fff!important;}
#neft-beneficiary {
top:0px!important}
.alphabet-circle{height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 29px;
    overflow: hidden;
    text-align: center;
    background: #f7aa92!important;box-shadow: inset 0px 0px 30px #eb6741;}
.selectb {
color:#333;padding:10px 0px;}
.selectb strong{font-size:16px;color: #0e5daf;
}
    .selectb small {
    font-size:12px;font-weight:700}
    .selectb.border-bottom {    border-bottom: 1px solid #f39477!important;
    }
    .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(11 63 118 / 70%)!important;
}
.form-group label{font-weight:700;font-size:16px;color:#1f48a9
}
select.form-control {height:45px!important;
}
.bigfont {
font-size:18px!important;}
.table-border-color td,.table-border-color th{border:solid 2px #dd4d1b}
#login-new {background:url(/images/loginbgnew.jpg) top center no-repeat;background-size:cover}
    #login-new .iconbox {
    width:80px;height:80px;background:#212e53;color:#fff;border-radius:100%;text-align:center;margin:auto;margin-top:-60px;margin-bottom:20px;}
 #login-new .iconbox i { font-size:60px;position:relative;top:10px;}
    #login-new .form-control {
    height:50px;}   
 #login-new .form-control:focus {border-top:none!important;box-shadow:none!important;border-left:none!important;border-right:none!important;
    }
#login-new label{
font-size: 18px;
    font-weight: 500;

    color: #333;}
#login-new .md-form {margin:12px 0px;padding:0px;}
.loginbox {
}
.textboxwithicon i{font-size:20px;position:relative;top:18px;text-align:center}
.login-bottom {font-size:15px;text-align:center
}
.login-links {display:block;color:#fff!important;text-decoration:none;font-size:13px;padding:10px;font-weight:600;border-top-left-radius:10px;border-top-right-radius:10px;
}
.activelink {color:#333!important;background:#fff!important;position:relative;left:2px;
}
#login-new .nav-tabs {
text-align:center;color:#fff;}
    #login-new .nav-tabs a {
    color:#fff;font-size:14px;font-weight:700}
#login-new .active {
color:#333!important}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  0% {
    color: #000;
  }
  50% {
    color: #00f;
  }
}