body{font-family: 'Roboto', sans-serif !important;
background: rgba(230,20,30,1);
background: -moz-linear-gradient(top, rgba(230,20,30,1) 0%, rgba(230,20,30,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,20,30,1)), color-stop(250px, rgba(230,20,30,1)), color-stop(250px, rgba(241,241,247,1)), color-stop(250px, rgba(241,241,247,1)), color-stop(100%, rgba(241,241,247,1)));
background: -webkit-linear-gradient(top, rgba(230,20,30,1) 0%, rgba(230,20,30,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 100%);
background: -o-linear-gradient(top, rgba(230,20,30,1) 0%, rgba(230,20,30,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 100%);
background: -ms-linear-gradient(top, rgba(230,20,30,1) 0%, rgba(230,20,30,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 100%);
background: linear-gradient(to bottom, rgba(230,20,30,1) 0%, rgba(230,20,30,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 250px, rgba(241,241,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6141e', endColorstr='#f1f1f7', GradientType=0 );
}
.wrapper {padding: 15px;}
.sidebar-menu > li .fa-angle-down {font-size: 24px; line-height: 12px;}
.skin-blue .sidebar-menu > li > .treeview-menu::before {content: ""; display: block; position: absolute; left: 23px; top: 0; bottom: 0; width: 10px; border-left: 1px dashed #666678;}      


/*---------------Font Size---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-36{font-size:36px;}
.font-size-38{font-size:38px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-48{font-size:48px;}
.font-size-50{font-size:50px;}
.font-size-60{font-size:60px;}
.font-size-80{font-size:80px;}
.line-hight-1{line-height: 1;}
.line-hight-2{line-height: 1.1;}
.line-hight-22{line-height: 1.2;}
.line-hight-3{line-height: 1.4;}
.line-hight-4{line-height: 1.6;}
.line-hight-normal{line-height: normal;}
.leter1{letter-spacing: 4px;}
.shadow-sm {box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.075) !important;}
/*---------------Font Size End---------------*/

/*---------------Text Color Start---------------*/
.text-white{color: #fff !important;}
.text-gray {color: #666678 !important;}
/*---------------Text Color End---------------*/

/*---------------bg Start---------------*/
.bg-white {background-color: #fff;}
.bg-gray {background-color: #666678 !important;}
.bg-transparent {background-color: transparent !important;}
.bg-green {background-color: #48C728 !important;}
.bg-red {background-color: #E6141E !important;}
/*---------------bg Start---------------*/

.fw-light{font-weight: 300;}
.fw-normal{font-weight: 400;}
.fw-medium{font-weight: 500;}
.fw-bold{font-weight: 700;}
.fw-bolder{font-weight: 900;}

/*.navbar-custom-menu .notifications-menu > a,
.navbar-custom-menu .user > a {padding: 0 0 0 15px;}*/

/*---------------margins-padding.css---------------*/
.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}
.m-ato {margin:auto!important}
.mx-0{margin-right:0!important;  margin-left:0!important}
.mx-1{margin-right:.25rem!important;  margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;  margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;  margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;  margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;  margin-left:3rem!important}
.mx-ato {margin-right:auto!important;  margin-left:auto!important}
.my-0{margin-top:0!important;  margin-bottom:0!important}
.my-1{margin-top:.25rem!important;  margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;  margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;  margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;  margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;  margin-bottom:3rem!important}
.my-ato {margin-top:auto!important;  margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-ato {margin-top:auto!important}
.me-0{margin-right:0!important}
.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.me-4{margin-right:1.5rem!important}
.me-5{margin-right:3rem!important}
.me-ato {margin-right:auto!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-ato {margin-bottom:auto!important}
.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}
.ms-2{margin-left:.5rem!important}
.ms-3{margin-left:1rem!important}
.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}
.ms-ato {margin-left:auto!important}
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-0{padding-right:0!important; padding-left:0!important}
.px-1{padding-right:.25rem!important; padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;  padding-left:.5rem!important}
.px-3{padding-right:1rem!important;  padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;  padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;  padding-left:3rem!important}
.py-0{padding-top:0!important;  padding-bottom:0!important}
.py-1{padding-top:.25rem!important;  padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;  padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;  padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;  padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;  padding-bottom:3rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pe-0{padding-right:0!important}
.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}
.pe-3{padding-right:1rem!important}
.pe-4{padding-right:1.5rem!important}
.pe-5{padding-right:3rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}
.ps-0{padding-left:0!important}
.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}
.ps-3{padding-left:1rem!important}
.ps-4{padding-left:1.5rem!important}
.ps-5{padding-left:3rem!important}
/*---------------margins-padding.css---------------*/
.rounded {border-radius: 7px;}
.btn-pad {padding: 7px 12px !important;}
.shadow{box-shadow: 0px 0px 12px rgba(15, 15, 30, 0.2);}
.img-fluid {max-width: 100%; height: auto;}
.w-100 {width: 100% !important;}
.position-relative {position: relative;}
.position-absolute {position: absolute;}
.border-0 {border: 0px;}
.border {border: 1px solid #cacacc;}
.border-bottom{border-bottom: 1px solid #cacacc;}
.d-block{display: block;}

.btn-dark {background: #666678; border-color: #666678; color: #fff;}
.btn-dark:hover, .btn-check:focus + .btn-dark, .btn-dark:focus {background: #fff; color: #666678; border-color: #666678;}

.btn-danger {background: #E6141E; border-color: #E6141E; color: #fff;}
.btn-danger:hover, .btn-check:focus + .btn-danger, .btn-danger:focus {background: #C80F18; border-color: #C80F18;}

.btn-primary {background-color: #00A3FF; border-color: #00A3FF;}
.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus {background: #0188D5; border-color: #0188D5;}

.desbord-row {margin-top: -8px;}

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {padding: 8px 15px; line-height: 1.1; vertical-align: middle; border-top: 1px solid #cacacc;}
.table > tbody > tr:last-child {border-bottom: 1px solid #ddd;}

/* Checkboxes and Radios */
.form-check-label {padding-left: 3rem;}
.form-check,
.form-radio {position: relative; display: inline-block;}
.form-check .form-check-label input,
.form-radio .form-check-label input {position: absolute; margin-left: -30px; margin-top: 4px\9; top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); margin-top: 0;}
.form-check .form-check-label input:checked + .input-helper:after {width: 30px; opacity: 1; line-height: 30px; -webkit-transform: scale(1); transform: scale(1); }
.form-check .form-check-label .input-helper::before {position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; border-radius: 8px; left: 0; -webkit-transition: all; transition: all; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; background-color: #fff; box-shadow: 0px 0px 12px rgba(15, 15, 30, 0.2);}
.form-check .form-check-label .input-helper::after {-webkit-transition: all; transition: all; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; font: normal normal normal 16px/0 FontAwesome !important; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); content: '\f00c'; position: absolute; font-size: 0.9375rem; left: 7px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #8862e0; z-index: 9;}
.form-check.form-check-flat label .input-helper:after {color: #e6141e;}

.form-radio label input + .input-helper::before {position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; border: 1px solid #ced4da; width: 20px; height: 20px; border-radius: 50%; -webkit-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; background: #fff;}
.form-radio label input + .input-helper:after {content: ""; width: 8px; height: 8px; background: #ba6f3f; border-radius: 50%; top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); left: 6px; -webkit-transition: none; transition: none; -webkit-transition-duration: 250s; transition-duration: 250s; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); position: absolute;}
.form-radio label input:checked + .input-helper:before {background-color: #fbfbfb; border: 1px solid #ced4da; top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%);}
.form-radio label input:checked + .input-helper:after {opacity: 1; line-height: 1.5; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1);}
.form-radio.form-radio-flat label input:checked + .input-helper:before {background: #19d895; border-color: #19d895; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.form-radio.form-radio-flat label input:checked + .input-helper:after {width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -2px; color: #fbfbfb; background: none; content: '\f00c'; font: normal normal normal 14px/1 FontAwesome !important; text-align: center;}
.form-radio.form-radio-flat label input:disabled + .input-helper:before {background: rgba(25, 216, 149, 0.4); border-color: rgba(25, 216, 149, 0.05);}
/* Checkboxes and Radios */

.content-header {margin-top: -47px;}
.navbar-custom-menu .search-header .form-control {border: none;}
.navbar-custom-menu .search-header .btn {background: #fff; border: none; color: #666678;}
.navbar-custom-menu .search-header {box-shadow: 0px 0px 12px rgba(15, 15, 30, 0.2);}
.navbar-custom-menu .navbar-nav {display: flex; align-items: center !important;}


.sidebar .sidebar-menu li a > i::before {
	background: url(../img/menu-icon.png);
	background-repeat: no-repeat;
	content: "";
	width: 32px;
	height: 28px;
	display: inline-block;
	transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.sidebar .sidebar-menu li a > i{height: 28px; width: 32px;}
.sidebar-menu > li a {display: flex; align-items: center !important;}

.sidebar-menu > li.dashboard a > i::before{background-position: -50px 3px;}
.sidebar-menu > li.dashboard.active a > i::before,
.sidebar-menu > li.dashboard:hover a > i::before{background-position: 0px 3px;}

.sidebar-menu > li.manage-users a > i::before{background-position: -50px -42px;}
.sidebar-menu > li.manage-users.active a > i::before,
.sidebar-menu > li.manage-users:hover a > i::before{background-position: 0px -42px;}

.sidebar-menu > li.KYC a > i::before{background-position: -50px -87px;}
.sidebar-menu > li.KYC.active a > i::before,
.sidebar-menu > li.KYC:hover a > i::before{background-position: 0px -87px;}

.sidebar-menu > li.transactions a > i::before{background-position: -50px -132px;}
.sidebar-menu > li.transactions.active a > i::before,
.sidebar-menu > li.transactions:hover a > i::before{background-position: 0px -132px;}

.sidebar-menu > li.paymentgateway a > i::before{background-position: -50px -177px;}
.sidebar-menu > li.paymentgateway.active a > i::before,
.sidebar-menu > li.paymentgateway:hover a > i::before{background-position: 0px -177px;}

.sidebar-menu > li.schemescatalog a > i::before{background-position: -50px -222px;}
.sidebar-menu > li.schemescatalog.active a > i::before,
.sidebar-menu > li.schemescatalog:hover a > i::before{background-position: 0px -222px;}

.sidebar-menu > li.generatecode a > i::before{background-position: -50px -265px;}
.sidebar-menu > li.generatecode.active a > i::before,
.sidebar-menu > li.generatecode:hover a > i::before{background-position: 0px -265px;}

.sidebar-menu > li.emails a > i::before{background-position: -50px -312px;}
.sidebar-menu > li.emails.active a > i::before,
.sidebar-menu > li.emails:hover a > i::before{background-position: 0px -312px;}

.pagination {float: right;}
.pagination > li {margin: 2px; display: inline-block;}
.pagination > li a, .pagination > li span {border-radius: 100% !important; color: #848484; line-height: 20px; padding: 5px !important; width: 30px;	height: 30px; text-align: center;}
.pagination > li.active span,.pagination > li.active:hover span,.pagination > li:hover a {background-color: #666678; color: #fff; border-color: #666678;}

.profile-photo {margin-bottom: 5rem;}
.list-group-item {border: 1px solid #cacacc;}
.list-group-item:first-child {border-top-left-radius: 7px; border-top-right-radius: 7px;}
.list-group-item:last-child {border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
.from-pad {padding: 0 25px;}
.form-control {box-shadow: initial;	border-radius: 7px;}

.prosess {width: 23px; top: 0;	bottom: 0;}
.prosess.left {left: 0;}
.prosess.right {right: 0;}
.points {min-width: 44px;}

.right-contant {min-height: 510px;}
.drag-drop {border-style: dashed;}

.qr-code-details {
	display: flex;
	justify-content: flex-end !important;
}
.qr-code .btn {padding: 4px 9px;}
.qr-code-btn {padding: 7px;}

.error
{
	color:red;
}