@font-face {font-family: 'OpenSans'; src: url('../fonts/OpenSans-Light.woff2') format('woff2'); font-weight: 300; }
@font-face {font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.woff2') format('woff2'); font-weight: 500; }
@font-face {font-family: 'OpenSans'; src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'); font-weight: 600; }
@font-face {font-family: 'OpenSans'; src: url('../fonts/OpenSans-Bold.woff2') format('woff2'); font-weight: 700; }
@font-face {font-family: 'OpenSans'; src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'); font-weight: 900; }
body, html {background: #f0f0fc; font-family: 'OpenSans', sans-serif; font-size: 14px;}
a {font-size: 14px; line-height: 1.7; color: #666; margin: 0px; text-decoration: none;}
a:focus {outline: none !important; }
a:hover {text-decoration: none; color: #3e4095; }
ul {list-style-type: none; padding: 0px; margin: 0px; }
body.login.example1 {background-image: url(../images/bg.jpg); height: 100vh;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #f6f6ff inset !important;
}

#chrPerformance{max-width: 330px;}

/* ---------------------------------------------------------------------- */
/*  Common Classes
 /* ---------------------------------------------------------------------- */

.primary-btn{background: #404999 !important; border-color: #404999 !important; color: #fff; font-weight: 600}
.primary-btn:active, .btn:first-child:active {color: #ddddfb;}
.success-btn{background: #54a20e !important; border-color: #54a20e !important; color: #fff; font-weight: 600}
.info-btn{background: #2186d8 !important; border-color: #2186d8 !important; color: #fff; font-weight: 600}
.danger-btn{background: #cd4c4c !important; border-color: #cd4c4c !important; color: #fff; font-weight: 600}
.primary-btn.btn:hover, .success-btn:hover, .info-btn:hover, .danger-btn:hover{filter: brightness(1.2); color: rgba(255, 255, 255, 0.8);}
.primary-btn-outline {border-color: #3e4095; color: #3e4095; font-weight: 600; }
.primary-btn-outline:hover {border-color: rgba(62, 64, 149, 0.8); color: rgba(62, 64, 149, 0.8); }
.font-14{font-size: 14px;}
.fw-600{font-weight: 600}
.themeColor{color: #3e4095;}
/*--- gradient-buttons --*/
.btn-primary-gradient {color: #fff; background-image: linear-gradient(to right, #4a32d4 0%, #2575fc 100%) ; border-color: #1f63ec ; }
.btn-primary-gradient:hover {color: #fff !important; background:linear-gradient(to right, #4a32d4 0%, #2575fc 100%); border-color:#1955ec; }
.btn-primary-gradient:focus, .btn-primary-gradient.focus {box-shadow: 0 0 0 2px rgb(45, 102, 247, 0.5); }
.btn-primary-gradient.disabled, .btn-primary-gradient:disabled {color: #fff; background-color:#1955ec; border-color:#1955ec; }
.btn-primary-gradient:not(:disabled):not(.disabled):active, .btn-primary-gradient:not(:disabled):not(.disabled).active, .show>.btn-primary-gradient.dropdown-toggle {color: #fff; background-color:#1955ec; border-color:#1955ec;}
.btn-primary-gradient:not(:disabled):not(.disabled):active:focus, .btn-primary-gradient:not(:disabled):not(.disabled).active:focus, .show>.btn-primary-gradient.dropdown-toggle:focus {box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1); background:linear-gradient(to right, #4a32d4 0%, #2575fc 100%); }
.btn-secondary-gradient {color: #fff; background:linear-gradient(to right , #4481eb 0%, #04befe 100%); border-color:#04befe; }
.btn-success-gradient {color: #fff !important; background:linear-gradient(to right,#27af06,#81ec75) !important; border-color:#3bd017; }
.btn-danger-gradient {color: #fff !important; background:linear-gradient(to right, #fb1c52 0%, #fd6f82 100%) !important; border-color:#fb1c52; }
/* ThemeCheck */
.themeCheck{white-space: nowrap;}
.themeCheck input[type="checkbox"], .themeCheck input[type="radio"] {height: 22px; width: 22px; transition: all 0.15s ease-out 0s; border-radius: 5px; cursor: pointer; margin-right: 5px; vertical-align: middle; border: solid 2px #404999; margin-bottom: 3px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.themeCheck input[type="checkbox"]:hover, .themeCheck input[type="radio"]:hover {background:#e5e7ff; }
.themeCheck input[type="checkbox"]:checked, .themeCheck input[type="radio"]:checked {background: #404999;}
.themeCheck input[type="checkbox"]:checked::before, .themeCheck input[type="radio"]:checked::before {width: 6px; height: 10px; display: flex; content: ''; border: 2px solid #fff; border-left: none; border-top: none; transform: translate(6.35px,2.8px) rotate(45deg); }
.themeCheck input[type="radio"] {border-radius: 50%;}
/* ThemeTable */
.themeTable {border-color: #c7c7c7; font-size: 14px;}
.themeTable th, .GridHeadingCells td {background: #3e4095 !important; border: solid 1px #3e4095; color: #fff; font-weight: 600;}
.themeTable a {color: #3e4095;}

/* ---------------------------------------------------------------------- */
/*  Header
 /* ---------------------------------------------------------------------- */
.custName, .custProfile{display: flex; justify-content: end;}
.username{font-size: 14px; text-decoration: none; display: inline-flex; padding-bottom: 3px;}
.username .userLabel{font-weight: 700; color: #333;}
.username .userContent{font-weight: 600; color: #666; padding-left: 2px;}
.navbar {font-weight: 400; transition: background 0.25s ease; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -webkit-box-shadow: 0px 5px 21px -5px #CDD1E1; -moz-box-shadow: 0px 5px 21px -5px #CDD1E1; box-shadow: 0px 5px 21px -5px #CDD1E1; }
.navbar .navbar-menu-wrapper .navbar-nav-right {margin-left: auto; font-weight: 600; }
.fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.navbar .navbar-brand-wrapper {background: #ffffff; transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; width: 165px; height: 60px; }
.navbar .navbar-brand-wrapper .navbar-brand {color: #27367f; font-size: 1.5rem; margin-right: 0; padding: 0.25rem 0; }
.navbar .navbar-brand-wrapper .brand-logo img{width: 130px}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {display: none; }
.navbar .navbar-brand-wrapper .brand-logo-mini {padding-left: 0; text-align: center; }
.navbar .navbar-menu-wrapper .navbar-toggler span{ display: block; width: 26px; height: 4px; margin-bottom: 3px; position: relative; background: #3e4095; border-radius: 10px; z-index: 1;}
.navbar .navbar-menu-wrapper .navbar-toggler:hover span{background: #00afef; }
.navbar .navbar-menu-wrapper .navbar-toggler:focus{outline: 0; box-shadow: none;}
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {border: none; transform: rotate(0deg); -webkit-transition: transform 0.3s linear; -moz-transition: transform 0.3s linear; -ms-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; }
.navbar .navbar-menu-wrapper {background: #ffffff; transition: width 0.25s ease; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; color: #6C7383; padding-right: 10px; padding-left: 10px; width: calc(100% - 165px); height: 60px; }
.main-panel {transition: width 0.25s ease, margin 0.25s ease; width: 100%; min-height: calc(100vh - 60px); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.content-wrapper {padding: 22px 0; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; margin-bottom: 20px;}
.page-body-wrapper {min-height: calc(100vh - 60px); display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0; padding-top: 60px; }
.signOut {background: #3e4095; padding: 7px; border-radius: 5px; margin-left: 10px;}
.signOut a {display: flex; align-items: center; justify-content: center; color: #ffffff; }
.signOut i{font-size: 23px; transform: rotate(-90deg); vertical-align: bottom;}
.signOut a:hover{color: #00afef;}
.heading{font-size: 16px; font-weight: 700; padding-left: 2px; color: #3e4095;}
.notification{ position: relative;}
.notification a{padding-right: 25px; font-size: 18px; color: #3e4095;}
.notification:before {position: absolute; content: ""; width: 10px; height: 10px; -webkit-border-radius: 50%;}
.notificationBadge{position: absolute; bottom: 15px; border-radius: 50%; right: 14px; background: #dc3545; color: #fff; width: 20px; height: 20px; font-size: 10px; display: flex; align-items: center; justify-content: center; border: solid 2px #fff;}
.notification.dropdown-toggle::after, .language.dropdown-toggle::after{display: none}
.dropdown-menu:before {display: inline-block; margin-left: 10px; vertical-align: 0.255em; content: ""; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #b3b3b3; border-left: 10px solid transparent; top: -20px; position: absolute; right: 20px;}
.datepicker:before {display: inline-block; margin-left: 6px; vertical-align: 0.255em; content: ""; border-top: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #b3b3b3; border-left: 7px solid transparent; top: -14px; position: absolute; right: auto; left: 0;}
.dropdown-menu.show{margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; right: 0;}
.languageDrop ul .dropdown-item {padding: 0}
.languageDrop ul .dropdown-item a{display: block; width: 100%; padding: 5px 14px; clear: both; font-weight: 400; color: #333333; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; }
.languageDrop ul .dropdown-item a.active, .languageDrop ul .dropdown-item a:active{background: #3e4095; color: #fff;}
.carousel-control-next, .carousel-control-prev{width:7%}
.notification a:hover {
	color: #00afef
}
.language a, .support a {padding-right: 15px; font-size: 23px; color: #3e4095; }
/* ---------------------------------------------------------------------- */
/*  Breadcrumb
 /* ---------------------------------------------------------------------- */
.breadcrumb {margin: 5px 9px; }
.breadcrumb i {color: #999; font-size: 16px; }

/* ---------------------------------------------------------------------- */
/*  Footer and footer elements
 /* ---------------------------------------------------------------------- */
.footer {background: #445ca1; font-size: 12px; color: #fff; }
.footer-inner {/*    float: left;*/ padding-left: 10px; line-height: 30px; }
.footer-items {float: right; }
.footer-fixed .footer {border-top-width: 1px; border-top-style: solid; }
.footer-fixed1 {bottom: 0; left: 0; position: fixed; right: 0; z-index: 99; border-top-width: 1px; border-top-style: solid; }
.formLabel {font-weight: 600; color: #000; margin-bottom: 3px;}
.formContent {font-weight: 400; color: #333; margin-bottom: 0.3rem; }
.form-control:focus {box-shadow: none; } 
.form-control, .form-select {padding: 1px 10px; font-size: 1rem; background-color: #f6f6ff; border-color: #e6e6e6; line-height: 1.7; min-height: 32px;}
.input-group-addon {display: flex; align-items: center; padding: 6px; font-size: 17px; font-weight: 400; line-height: 1.9; color: #666; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0 !important; cursor: pointer;}


/* ---------------------------------------------------------------------- */
/* Home page
/* ---------------------------------------------------------------------- */
.banklogo{margin-top: 30px;}
.bg-lightBlue{background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%); height: 100vh;}
.wave1{position: absolute; width: 700px; right: 0;}
.wave2{position: absolute; width: 100%; right: 0; bottom: 0}
.indexContent{display: flex; align-items: flex-start; justify-content: space-between; margin-top: 75px; position: relative;}
.indexText{font-size: 28px; color: #3e4095; font-weight: 400; margin-bottom: 20px;} 
.indexBtn {border-radius: 30px; background: #3e4095; color: #fff; font-weight: 600; padding: 10px 30px; margin: 10px 0; font-size: 16px; width: 295px; }
.indexBtn:hover {background-color: #ffffff; color: #3e4095; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.indexImg {filter: drop-shadow(2px 4px 16px rgba(206, 171, 240, 0.3)); position: relative; z-index: 1;}
.langSelect {width: 260px; text-align: right;}
.langSelect a{color: #fff; font-weight: 600;}
.langSelection{background: transparent; border: none; padding: 0; box-shadow: none !important; margin-left: 50px !important; margin-top: 18px !important; }
.langSelection.dropdown-menu:before{display: none}
.langSelection li a{color: #fff; font-weight: 600;}
.langSelection li:focus, .langSelection li:hover{background: #fff;}
/*.langSelection li:hover{background: #3e4095; border-radius: 23px; color:#fff;}*/
.langSelection li:hover a{color: #3e4095;}
.langSelection li{ width:100%; text-align:left; text-align:center;}
.langSelection li{background: #3e4095; border-radius: 23px; color:#fff; padding: 5px 45px; margin-bottom: 5px;}
/* ---------------------------------------------------------------------- */
/* login
/* ---------------------------------------------------------------------- */
.container-login {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; height: calc(100vh - 30px);}
.boxWrap{background: #fff; height: 100%; padding: 20px; border-left: solid 2px #e1e1fd}
.wrap-login {background: rgba(255, 255, 255, .2); border-radius: 10px; height: 100%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; outline: 1px solid #fff;}
.wrap-login .left {color: #FFFFFF; overflow: hidden; height: 100%}
.wrap-login .left .overlay {width: 100%; height: 100%; background: #fff; overflow: hidden; box-sizing: border-box; display: flex; align-items: center;}
.wrap-login .left .overlay .adve{width: 100%}
.wrap-login h6 {padding: 20px 0px; font-size: 22px; text-align: center; font-weight: bold; color: #3e4095; display: block; }
.wrap-login h6 small {font-size: 14px; color: #999; font-weight: 500; display: block; line-height: 1.5; padding-top: 5px; }
.login-pic img {max-width: 100%; }
.login-form-title {padding-bottom: 40px; text-align: center; color: #3e4095; font-weight: 500;}
.wrap-input {position: relative; width: 100%; z-index: 1; margin-bottom: 10px; }
.loginInput {font-size: 15px; line-height: 1.5; color: #000; display: block; width: 100%; border:0; border-bottom: solid 2px #ddd; height: 45px; border-radius: 0px; padding: 0 10px; }
.loginInput::placeholder {color: #000 }
.loginInput:focus {background: #d9eeff; box-shadow: none;}
.symbol-input {font-size: 16px; display: flex; align-items: center; justify-content: center; position: absolute; border-radius: 0px 5px 5px 0px; bottom: 0; right: 0; width: 45px; height: 100%; pointer-events: none; color: #3e4095; transition: all 0.4s; }
.input100:focus+.focus-input+.symbol-input {color: #3e4095; padding-left: 28px; }
.login-form-btn {font-size: 16px; font-weight: 600; line-height: 1.5; color: #fff; text-transform: uppercase; height: 45px; border-radius: 5px; background: #3e4095; display: flex; justify-content: center; align-items: center; padding: 0 25px; transition: all 0.4s; margin-top: 20px; }
.login-form-btn:hover {background: transparent; color: #3e4095; border: solid;} 
.secondaryText {font-size: 14px; color: #666; font-style: italic; }
.carousel-item img{width: 950px; max-width: 100%;}
.carousel-indicators [data-bs-target]{background-color: #666}
.carousel-control-next-icon, .carousel-control-prev-icon{filter: invert(1);}
/*.carousel-item{min-width: 560px; min-height: 400px;}*/
.carousel-text{padding: 30px 40px; color: #333}
.languageDropLogin{margin-bottom: 10px; display: flex; justify-content: end; align-items: center; direction: ltr;}
.languageDropLogin .dropdown{background: white; padding: 5px 10px; border-radius: 5px;}
.languageDropLogin .dropdown-menu.show{transform: translate(-80px, 40px) !important;}
.languageDropLogin ul .dropdown-item {padding: 0}
.languageDropLogin ul .dropdown-item a{display: block; width: 100%; padding: 5px 14px; clear: both; font-weight: 400; color: #333333; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; }
.languageDropLogin ul .dropdown-item a.active, .languageDropLogin ul .dropdown-item a:active{background: #3e4095; color: #fff;}


/* ---------------------------------------------------------------------- */
/* Dashboard
/* ---------------------------------------------------------------------- */
.wallet {background: linear-gradient(45deg, #00afef, #0297cf); padding: 10px 15px; border-radius: 10px; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.walletAmt{background: rgba(255, 255, 255, 0.2); padding: 7px 40px; font-size: 16px; font-weight: 600; border-radius: 5px;}
.walletAmt a{color: #fff;}
.walletAmt a:hover {color: #0dcaf0;}
.walletDtl .title{font-size: 16px; font-weight: 600;}
.walletDtl .name{font-size: 13px; font-weight: 500; color: #cfeeff}
.card {height: 100%}
.card-title {color: #333; margin-bottom: 12px; text-transform: capitalize; font-size: 18px; font-weight: 700;}
.wizard ol{display: block; list-style: none; padding: 0; margin: 0; } 
.wizard ol li {background: #daf1ff; border-radius: 5px; min-width: 145px;  margin-right: 5px;}
.wizard ol li:hover{background: linear-gradient(45deg, #64d1f9, #dbf2ff)}
.wizard ol li:first-child {margin-left: 0; }
.wizard ol li:last-child {margin-right: 0; }
.wizard ol li a{position: relative; color: #000; padding: 5px 10px; display: flex; align-items: center; justify-content: start; height: 100%; border-radius: 5px;}
.wizard ol li a:hover{color:#000;}
/*.wizard ol li a img{display: none}*/
.sidebar-icon-only .wizard .cata-sub-nav ol li a.active:after{top:50px;}
.wizard .cata-sub-nav ol li a.active:after{content: ""; display: block; position: absolute; top: 52px; width: 20px; border-right: solid 15px transparent; border-left: solid 15px transparent; border-bottom: solid 15px #3e4095; border-top:transparent;}
.wizard .cata-sub-nav ol li a:after{left: 78px;}
.wizard .dropdown-toggle::after, .wizard .dropdown-menu:before{display: none}
.wizard .dropdown-menu{background: #f0f8ff; transform: translate(0px, 44px) !important;}
.wizard .dropdown-menu li {background: transparent; padding: 0; border: 0; margin: 0; }
.wizard .dropdown-menu li a{color: #000; font-weight: 600}
.wizard .dropdown-item:focus, .wizard .dropdown-item:hover{background: linear-gradient(45deg, #00afef, #3557ac); color: #fff}
.wizTitle{color: #000; font-weight: 600;}
.wizard a:hover img {filter: invert(50%) sepia(42%) saturate(2840%) hue-rotate(187deg) brightness(103%) contrast(91%);}
.wizard a:hover .wizTitle {color: #333;}
.wizContent{background: #e4e5ff; border:solid 1px #3e4095; border-top: solid 4px #3e4095; border-radius: 10px; padding: 20px; position: relative; margin-top: 18px; height: 470px; overflow:auto;}
.wizSteps{display: flex; justify-content: space-around; text-align: center; padding: 0px 0 20px 0; text-align: center; max-width: 350px; margin: 0 auto}
.wizSteps li{background: #b4b6ec; position: relative; width: 30px; height: 30px; color:#3e4095; border-radius: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 0;}
.wizSteps li:hover a, .wizSteps li.active a{color: #fff}
.wizSteps li.active{background: #3e4095; color: #fff; box-shadow: #8c8ed3 0px 5px 15px}
.wizSteps li:first-child:after {position: absolute; width: 70px; height: 2px; background: #b4b7ec; display: block; content: ""; left: 40px; }
.wizSteps li:last-child:before {position: absolute; width: 70px; height: 2px; background: #b4b7ec; display: block; content: ""; right: 40px; }
.wizContent .form-control:disabled{background: #d2d3f3 !important}
.wizard .form-control, .wizard .form-select{background-color: #f6f6ff; border-color: #d8d8d8}
.quickBox a{border: solid 1px #d8d8d8; display: block; padding: 12px; border-radius: 5px; text-align: center; font-size: 14px; font-weight: 600; line-height: 2; color: #000;}
.quickBox a .quickImg{width: 40px; height: 40px; margin: 0 auto;}
.quickBox a:hover{background: #f7f7f7; color: #3e4095}
.quickBox .addItem{width: 40px; height: 40px; background: #ddd; font-size: 30px; display: flex; align-items: center; justify-content: center; border-radius: 25px; margin: 0 auto;}
.recTraCon {height: 200px; overflow: auto;}
.notiTab .nav-link {padding: 7px 17px; }
.notiTab .nav-item:first-child .nav-link{padding-left: 0; padding-right: 10px;}
.notiTab > .nav-tabs > li > a{border: 0; border-bottom: 2px solid transparent;}
.notiTab .nav-tabs .nav-item.show .nav-link, .notiTab .nav-tabs .nav-link.active {border-color: #dee2e6 #dee2e6 #fff; outline: none; color: #3e4095;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #e9ecef #e9ecef #dee2e6; }
.notiTab .nav-tabs .nav-link.active{border: 0; border-bottom: solid 2px #3e4095;}
.notiTab .tab-content{padding: 20px 5px 0px 5px; min-height: 250px; overflow-y: auto; overflow-x: hidden;}
.notiMedia {counter-reset: section;}
.notiMedia ul {width: 360px; height: 360px; overflow: auto;}
.notiMedia ul li{position: relative; padding: 10px 10px 10px 50px; border-bottom: solid 1px #eee;}
.notiMedia ul li a{font-size: 13px; line-height: 1.4; color: #444; margin-bottom: 0px; padding: 0px; white-space: normal;}
.notiMedia ul li:hover{box-shadow: 0 7px 30px #bbbcdb59;}
.notiMedia ul li a:hover{background:transparent;}
.notiMedia ul li:last-child{border-bottom: none}
.notiMedia ul li:before{counter-increment: section; content: counter(section); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; width: 30px; height: 30px; left: 10px; position: absolute; color: #3e4095; background: #f2eafb; border-radius: 50%; }
.dropdown-menu.notiMedia.show{margin-top: 14px;}
.faqMedia .accordion-button:not(.collapsed){background-color: #f0f0fc; color: #3e4095;}
.faqMedia {padding-bottom: 15px;}
.faqMedia .faq-head h6{font-weight: 700; margin-bottom: 4px; color: #3e4095;}
.faqMedia .content{margin-left: 20px; color: #333;}
.currMedia{background: #fff; padding: 10px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; font-weight: 600; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px}
.currMedia .buy{color: #0a890a; font-weight: 600; padding-right: 10px;}
.currMedia .sell{color: #eb3232; font-weight: 600; padding-right: 10px;}
.newsMedia a{display: block; padding: 5px}
.newsMedia a:hover{border-radius: 5px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.contactCard{background: #fff; border-radius: 5px; padding: 15px; display: flex; align-items: center; font-weight: 600;}
.contactCard .contactIcon{padding: 8px; border-radius: 28px; margin-right: 10px; color: #fff;font-size: 22px;}
.contactCard .whatsApp{background: #25D366;}
.contactCard .phone{background: #2eb317;}
.contactCard .telegram{background: #0088cc;}
.contactCard .skype{background: #00aff0;}
.contactCard .email{background: #3e4095;}
.youtube a ,.facebook a{display: flex; align-items: center; font-weight: 600; cursor: pointer; font-size: 16px; border: solid 1px #ddd; padding: 10px; border-radius: 10px;}
.youtube a:hover ,.facebook a:hover{color: #3e4095 !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.youtube a i{background: red; padding: 10px; border-radius: 50%; display: inline-block; color: #fff; margin-right: 10px;}
.facebook a i{background: blue; padding: 10px; border-radius: 50%; display: inline-block; color: #fff; margin-right: 10px;}
.youtube i, .facebook i{font-size: 35px;}
.success-tran i{text-align: center; font-size: 35px; color: #77b733; padding-bottom: 10px;}
.success-tran p{background: #77b733; font-weight: 600; border-radius: 5px; color: #fff; padding: 10px; margin-bottom: 0; text-align: center;}
.error-tran i{text-align: center; font-size: 35px; color: #eb4d4d; padding-bottom: 10px;}
.error-tran p{background: #eb4d4d; font-weight: 600; border-radius: 5px; color: #fff; padding: 10px; margin-bottom: 0; text-align: center;}

.dm-tab .nav-tabs {position: relative; margin-bottom: 18px }
.dm-tab .nav-item:not(:last-child) {margin-right: 12px; }
.dm-tab .nav-link {position: relative; font-size: 14px; color: #0a0a0a; z-index: 1 }
.dm-tab .nav-link.active:after {opacity: 1; visibility: visible }
.dm-tab .nav-link:after {position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; -webkit-border-radius: 10px; border-radius: 10px; content: ""; opacity: 0; visibility: hidden; z-index: 10; background-color: #3e4095; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #3e4095; background-color: #c8cafb; border-color: #dee2e6 #dee2e6 #fff; font-weight: 700; }
.nav-tabs .nav-link {margin-bottom: 0; background: 0 0; border: 0 solid transparent; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.dm-tab .nav-tabs li:after {position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; -webkit-border-radius: 10px; border-radius: 10px; content: ""; background-color: #c8cafb; }
.nav-tabs {border-bottom: 0 solid #dee2e6;}
.actionBtn{display: none}
.collapseBtn .collapse{display: block;}
.mapLocation{position: relative; height: 250px;}
.mapLocation #map-canvas{height: 250px;}

.blocksMenu a{background: url(../images/brick-bg.jpg) no-repeat center; height: 84px; border: solid 1px #d8d8d8; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 5px; text-align: center; font-size: 16px; font-weight: 600; line-height: 2; color: #fff;}
.blocksMenu a:hover{opacity: .9; color: #ffffff;}

.form-group {margin-bottom: 0.5rem;}
.ms-6{margin-left: 13rem !important;}
.dropdown a img {float:left; margin-right:5px;}
.wizard{position: relative;}
.wizard li a img {margin-right: 5px; min-height: 30px; filter: invert(60%) sepia(60%) saturate(5439%) hue-rotate(211deg) brightness(87%) contrast(102%)}
.wizard li a .subIcon{filter: none;}
.wizard ol li a.active {background: linear-gradient(307deg, #64d6ff, #0297cf); color: #fff; }
.wizard ol li a.active.wizTitle {color: #fff; }
.wizard ol li a.active img {filter: invert(8%) sepia(40%) saturate(5439%) hue-rotate(212deg) brightness(157%) contrast(90%)}
/* Tab Scroll */
.cata-sub-nav {max-width:1050px; margin: 0 auto; overflow-x: auto;  overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; white-space: nowrap;}
.cata-sub-nav::-webkit-scrollbar {display: none; }
.cata-sub-nav ol {margin: 0; display: flex; -webkit-padding-start: 0px; }
.cata-sub-nav li {display: inline-table; margin: 0 10px; font-size: 16px;}
.nav-prev, .nav-next{width: 25px; height: 25px; position: absolute;  z-index: 1; cursor: pointer;}
.nav-prev{left: -8px; margin-top: 10px;}
.nav-next {right: -23px; margin-top: -27px;}


@media (max-width: 768px) {
	.banklogo{margin-top: 50px; text-align: center}
	.indexContent{margin-top: 25px;}
	.indexImg{width: 70%; margin: 30px auto 0px auto;}
	.main-panel{width: 100%}
	.currMedia{display: block}
	.navbar .navbar-menu-wrapper{padding-right: 15px; }
	.wizard ol li a.active:after{top: 42px;}
	.wizTitle{font-size: 13px; line-height: 1.3; padding-top: 7px;}
	.notiTab .tab-content{min-height: auto;}
	.wizContent{height: auto}
	.wizard ol li{min-width: auto; width: 145px; word-break: break-all;}
	.wizard ol li a .wizTitle {padding-top: 0}
	.actionBtn{display: block; font-size: 20px; background: #deeaf7; padding: 8px 10px; border-radius: 3px; color: #3e4095}
	.collapseBtn{display: block; position: absolute; background: #fff; width: 100%; top: 60px; right: 0px; left: auto; padding: 3px 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;} 
	.collapseBtn .collapse{display: none;}
	.collapseBtn .collapse.show {display: block; }
	.contactCard{margin-bottom: 10px;}
	.nav-prev {height: 100%; position: absolute; left: -5px; top: 0; margin-top: 0px; background: #3e4095; padding: 6px 8px; color: #fff; border-radius: 4px; display: flex; align-items: center; z-index: 1;}
	.nav-next {height: 100%; position: absolute; right: -5px; top: 0; margin-top: 0px; background: #3e4095; padding: 6px 8px; color: #fff; border-radius: 4px; display: flex; align-items: center;}
	#txtModalNewPassword_backgroundElement, #txtModalConfirmPassword_backgroundElement, #txtModalOldPassword_backgroundElement{display: none}
}
@media (max-width: 576px){
	.container-login{height: auto;}
	.wizard ol li a img {width: 40px; min-height: 40px;}
	.walletAmt{padding: 7px 15px;}
	.newsMedia a{padding: 0px}
	

}
@media (max-width: 375px){
	.navbar .navbar-brand-wrapper .brand-logo img{width: 100px}
	.navbar .navbar-brand-wrapper{width: 125px;}
	.navbar .navbar-menu-wrapper{width: calc(100% - 125px);}
	.wizard ol li a img {width: 35px; }
	.wizard ol li a.active:after {top: 34px; }
	.wizSteps li:first-child:after, .wizSteps li:last-child:before{width: 45px;}
	.langSelection{transform: translate3d(10px, 50px, 0px) !important;}
	.dropend .dropdown-toggle::after{display: none}
	.langSelect{margin: 0 auto}
	.sidebar{width: 0}
	.dropdown-menu.notiMedia.show{right: -120px;}
	.dropdown-menu.notiMedia.show:before{right: 140px;}
}