html, body {width: 100%;height: 100%;}
body {font-family: 'Cabin', sans-serif;font-weight: 400;line-height: 1.4;background: #f4f0e3;color: #333;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color: #111;}
h1, .h1 {font-size: 32px;}
h2, .h2 {font-size: 27px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 22px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}

:focus, button:focus {outline: none;}

button {font-family: 'Cabin', sans-serif;}
.btn {font-family: 'Cabin', sans-serif;font-size: 16px;color: #353948;padding: 10px 20px;}
.btn.focus, .btn:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus {box-shadow: none !important;}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff;background-color: #ec9900;border-color: #ec9900;}
.btn-primary.disabled, .btn-primary:disabled {color: #FFF;background-color: #ffb429;border-color: #ffb429;cursor: not-allowed;}

.btn-secondary {background: #FFF;border-color: rgba(13, 41, 27, .15);color: #333;}
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {color: #333;background-color: #FFF;border-color: rgba(13, 41, 27, .15);}

.btn-danger{color: #FFF;}
input, select, .form-control {height: 46px;font-family: 'Cabin', sans-serif;font-size: 16px;line-height: 24px;padding: 10px 20px;color: #353948;border: 1px solid #a9a9a9;border-radius: .35rem;}
input:focus, select:focus, .form-control:focus {color: #353948;border-color: #a9a9a9;box-shadow: none;}

.error {font-size: 15px;display: block;background-color: transparent;color: #f52525 !important;border-color: #ff8585 !important;text-align: left;margin: 10px 0 0;}
.error:empty {margin: 0;}
.form-control.error {background-color: #fbf8f8;margin: 0}
.form-control.error option {color: #353948;}
.form-control:disabled, .form-control[readonly] {background-color: #F1F1F1;opacity: 0.5;}

.form-group.row {margin-bottom: 0;}
.form-group.row .col-sm-6 {margin-bottom: 1rem;}
.form-group label {margin-bottom: 7px;}
.form-group label.error {font-size: 15px;margin: 10px 0 0;}
.input-group-text {background-color: #f7f4eb;color: #333;border: 1px solid #a9a9a9;}

.input-group.input-group-x2 {flex-direction: row-reverse;}
.input-group.input-group-x2 .form-control {border-radius: .35rem 0 0 .35rem;}
.input-group.input-group-x2 .input-group-prepend .input-group-text {background: #f7f4eb;border-left: 0;border-radius: 0 .35rem .35rem 0;}

select, select.form-control {background: #FFF url(../img/arrow-down.svg) no-repeat center right 12px/12px;padding-right: 35px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.section-title {margin-bottom: 20px;}
.section-title h2, .section-title .h2 {font-size: 32px;font-weight: bold;}

.card {background: #FFF;border: 0;border-radius: 12px;box-shadow: 1px 3px 6px rgba(30, 34, 51, .2);}

.mgr-5 {margin-right: 5px;}
.mb-3rm {margin-bottom: 3rem;}

.badge {font-size: 14px;font-weight: 400;padding: 6px 10px;}
.badge-primary {background-color: #ec9900;color: #fff;}
.badge-success {background-color: #194c3a;color: #fff;}
.badge-warning {background-color: #ec9900;color: #fff;}
.badge-danger {background-color: #d43525;color: #fff;}
.badge-pending {background-color: #8d8c8a;color: #fff;}
.badge-hold {background-color: #36b9cc;color: #fff;}
.badge-approval-pending {background-color: #4e73df;color: #fff;}
.badge-declined {background-color: #418fb4;color: #fff;}

/* sidebar */
.sidebar {position: fixed;top: 20px;left: 20px;bottom: 20px;width: 280px !important;min-height: auto;height: auto;background: #0d291b;border-radius: 12px;z-index: 999;}
.sidebar .sidebar-heading {font-size: 13px;font-weight: bold;color: rgba(255,255,255,0.7);padding: 12px 15px;}
.sidebar hr.sidebar-divider {margin: 10px 15px;}
.sidebar .side-toggle-ele {position: absolute;bottom: 80px;left: 15px;right: 15px;text-align: right;}
.sidebar #sidebarToggle {width: auto;height: auto;font-size: 14px;line-height: 1;padding: 0;margin: 0;color: #FFF;background: transparent;text-transform: uppercase;}
.sidebar #sidebarToggle:hover, .sidebar #sidebarToggle:focus {background: transparent;}
.sidebar #sidebarToggle:after, .sidebar.toggled #sidebarToggle:after {content: '';width: 8px;height: 8px;border-left: 1px solid;border-bottom: 1px solid;display: inline-block;vertical-align: middle;margin: -3px 3px 0 0;transform: rotate(45deg);}
.sidebar #sidebarToggle:before {content: 'Close';float: right;}

.sidebar .navbar-nav {position: absolute;top: 80px;left: 0;right: 0;bottom: 115px;overflow: hidden;overflow-y: auto;}
.sidebar .nav-item:last-child {margin: 0;}
.sidebar .nav-item .nav-link {width: 100%;display: block;font-size: 15px;font-weight: 400;padding: 14px 15px;}
.sidebar .nav-item.active .nav-link {font-weight: bold;background: rgba(255,255,255,0.15);}
.sidebar .nav-item .nav-link i, .sidebar .nav-item .nav-link span {font-size: 15px;}

.site-logo {width: 100%;display: block;padding: 21px 15px;position: relative; text-align: center;}
.site-logo span { font-size: 26px; color: #fff; }
.site-logo img {max-width: 100%;height: 38px;display: block;object-fit: contain;margin: auto;}
.site-logo img.site-i2-logo {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
.site-nav-close {position: absolute;top: 20px;right: 10px;}
.site-nav-close svg {width: 20px;display: block;margin: 10px;fill: #ffffff;}

.profile-info {position: absolute;bottom: 15px;left: 15px;right: 15px;}
.profile-info .dropdown-toggle {width: 100%;display: -webkit-flex;display: flex;align-items: center;font-size: 15px;line-height: 1;font-weight: 500;color: #0d291b;background: rgb(236, 153, 0);padding: 10px 25px 10px 15px;text-decoration: none;border-radius: 6px;}
.profile-info .dropdown-toggle img {width: 34px;height: 34px;flex: 0 0 auto;border-radius: 34px;margin: 0 10px 0 0;}
.profile-info .dropdown-toggle:before {content: '';position: absolute;top: 23px;right: 15px;width: 8px;height: 8px;flex: 0 0 auto;border-left: 1px solid;border-bottom: 1px solid;transform: rotate(-135deg);order: 1;}
.profile-info.dropdown .dropdown-menu {top: auto !important;bottom: 100% !important;min-width: 100%;transform: none !important;border: 0;margin: 0 0 10px;}
.profile-info.dropdown .dropdown-item {font-size: 14px;padding: 6px 15px;color: #0d291b;}
.profile-info.dropdown .dropdown-item:focus, .profile-info.dropdown .dropdown-item:hover,
.profile-info.dropdown .dropdown-item.active, .profile-info.dropdown .dropdown-item:active {color: #0d291b;background-color: rgba(30, 34, 51, .15);}

#wrapper {width: 100%;height: 100%;}
#wrapper #content-wrapper {width: 100%;height: 100%;display: -webkit-flex;display: flex;flex-direction: column;background: transparent;overflow: hidden;overflow-y: auto;}
#content-wrapper {background: transparent;padding: 20px 0 20px 300px;}

.link-gen-section .card {overflow: hidden;}
.link-gen-section .card-body {position: relative;z-index: 1;}
.link-gen-section .card-body:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;clip-path: polygon(100% 0, 60% 100%, 100% 100%);background: rgba(244, 240, 227, .3);z-index: -1;}
.link-gen-section .card-body:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;clip-path: polygon(0 0, 6% 0, 0 18%);background: rgb(13, 41, 27);z-index: -1;}
.link-gen-content {width: 100%;display: -webkit-flex;display: flex;align-items: center;}
.link-gen-content:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;clip-path: polygon(7% 0%, 8% 0, 0 24%, 0 21%);background: rgb(236, 153, 0);z-index: -1;}
.link-gen-content img {max-width: 320px;width: 50%;flex: 0 0 auto;order: 1;margin: 30px auto;}
.link-gen-content .link-gen-text {max-width: 520px;width: 50%;flex: 1 1 auto;padding: 40px;margin: auto 0;}

.select-form-btn {width: 100%;display: -webkit-flex;display: flex;margin-bottom: 15px;}
.select-form-btn .form-group {flex: 1 1 auto;margin: 0;}
.select-form-btn .btn {flex: 0 0 auto;margin-left: 15px;}

.gen-copy-box .form-control:disabled, .gen-copy-box .form-control[readonly] {background: #FFF;border-right: 0;}
.gen-copy-box .input-group-text {background: #0d291b;color: #FFF;border-color: #0d291b;}

.cash-info-list .card {min-height: 120px;height: 100%;padding: 20px;background: #FFF;overflow: hidden;position: relative;z-index: 1;}
.cash-info-list .card:before {content: '';position: absolute;top: 0;right: 0;width: 10px;height: 100%;background: #0d291b;pointer-events: none;z-index: -1;}
.cash-info-list .card:after {content: '';position: absolute;bottom: -65px;left: 10px;width: 90px;height: 90px;background: rgba(236, 153, 0, .1);border-radius: 100px;pointer-events: none;z-index: -1;}
.cash-info-list .card .col-icon {position: absolute;top: 0;bottom: 0;right: 30px;width: 60px;height: 60px;display: -webkit-flex;display: flex;background: #ec9900;color: #ffffff;padding: 10px;margin: auto 0;text-align: center;border-radius: 6px;z-index: 1;}
.cash-info-list .card .col-icon i {font-size: 32px;margin: auto;}
.cash-info-list .card .card-body {padding: 0 80px 0 0;margin: auto 0;flex: 0 0 auto;}
.cash-info-list .card span {font-size: 15px;font-weight: bold;color: #787a84;display: block;margin-bottom: 5px;text-transform: uppercase;}
.cash-info-list .card h6 {font-size: 30px;font-weight: bold;color: #0d291b;margin: 0;}

.cash-info-list.iv2 .card {padding: 30px 20px 20px;}
.cash-info-list.iv2 .card:before {width: 100%;height: 10px;}
.cash-info-list.iv2 .card:after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: rgba(236, 153, 0, .05);clip-path: polygon(140% 0, 70% 100%, 100% 100%);border-radius: 0;}
.cash-info-list.iv2 .card .card-body {padding: 0;}
.cash-info-list.iv2 .card .col-icon {position: static;margin-bottom: 20px;}

.card-block-lists .card {padding-top: 10px;overflow: hidden;min-height: 100%;transform: translate3d(0,0,0);border-radius: 12px;}
.card-block-lists .card:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 10px;background: #0d291b;}
.card-block-lists .card .card-header {background: transparent;border: 0;padding: 20px;}

footer.sticky-footer {padding: 2rem 0 1rem;margin: auto 0 0;}
footer.sticky-footer .copyright {font-size: 14px;color: #111;}

/* referral	*/
.dataTables_wrapper .row div[class="col-sm-12"] {width: 100%;overflow: hidden;overflow-x: auto;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {margin-bottom: 20px;}
.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label {font-size: 15px;margin: 0;}
.dataTables_wrapper .dataTables_length select {min-width: 70px;height: 38px;font-size: 14px;font-weight: 500;padding: 0 20px 0 10px;margin: 0 5px;background-color: rgba(244, 240, 227, .5);border: 1px solid rgb(13, 41, 27, .15);}
.dataTables_wrapper .dataTables_filter input {height: 38px;font-size: 14px;font-weight: 500;padding: 0 10px;margin: 0 0 0 5px;background-color: rgba(244, 240, 227, .5);border: 1px solid rgb(13, 41, 27, .15);}
.dataTables_wrapper table.dataTable {border: 1px solid rgb(13, 41, 27, .15);border-radius: 9px;margin: 0 !important;}
.dataTables_wrapper table.table-bordered.dataTable {border-width: 1px;}
.dataTables_wrapper table.dataTable tr th {font-size: 16px;line-height: 1;font-weight: bold;background: transparent;color: #111;padding: 20px 15px;vertical-align: middle;border: 0;border-bottom: 1px solid rgb(13, 41, 27, .15);text-transform: uppercase;}
.dataTables_wrapper table.dataTable tr td {font-size: 16px;line-height: 1.2;font-weight: 400;color: #333;padding: 16px 15px 14px;border: 0;vertical-align: middle;}
.dataTables_wrapper table.dataTable tr.odd {background: #f9f7f1;}
.dataTables_wrapper table.dataTable>thead .sorting:before, .dataTables_wrapper table.dataTable>thead .sorting:after, .dataTables_wrapper table.dataTable>thead .sorting_asc:before, .dataTables_wrapper table.dataTable>thead .sorting_asc:after, .dataTables_wrapper table.dataTable>thead .sorting_desc:before, .dataTables_wrapper table.dataTable>thead .sorting_desc:after, .dataTables_wrapper table.dataTable>thead .sorting_asc_disabled:before, 
.dataTables_wrapper table.dataTable>thead .sorting_asc_disabled:after, .dataTables_wrapper table.dataTable>thead .sorting_desc_disabled:before, .dataTables_wrapper table.dataTable>thead .sorting_desc_disabled:after {content: '';position: absolute;top: 0;bottom: 0;right: 13px;width: 13px;height: 13px;background: transparent url(../img/arrow-up.svg) no-repeat center/13px;margin: auto;}
.dataTables_wrapper table.dataTable>thead .sorting:after, .dataTables_wrapper table.dataTable>thead .sorting_asc:after, .dataTables_wrapper table.dataTable>thead .sorting_desc:after, 
.dataTables_wrapper table.dataTable>thead .sorting_asc_disabled:after, .dataTables_wrapper table.dataTable>thead .sorting_desc_disabled:after {right: 5px;transform: rotate(180deg);}
.dataTables_wrapper table.dataTable>tbody tr:last-child {border: 0 0 9px 9px;}
.dataTables_wrapper table.dataTable>tbody tr:last-child td:first-child {border-bottom-left-radius: 9px;}
.dataTables_wrapper table.dataTable>tbody tr:last-child td:last-child {border-bottom-right-radius: 9px;}
.dataTables_wrapper table.dataTable tr td.dataTables_empty {padding: 50px 20px;}

.dataTables_wrapper table.dataTable .btn.btn-circle {width: 30px;height: 30px;font-size: 19px;padding: 0;background: transparent;border: 0;color: #333;border-radius: 6px;margin: 2px;}
.dataTables_wrapper table.dataTable .btn.btn-circle.delete-app-btn {color: #d43525;}
#app_list tr td:last-child {white-space: nowrap;}

div.dataTables_wrapper div.dataTables_info {font-size: 15px;margin-top: 10px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {padding: 20px 0 0;}
.pagination .page-item .page-link {min-width: 34px;min-height: 34px;font-size: 16px;line-height: 32px;background: transparent;color: #111;padding: 0 10px;margin: 0;border: 1px solid transparent;text-align: center;text-transform: uppercase;}
.pagination .page-item .page-link:focus {box-shadow: none;}
.pagination .page-item.active .page-link {font-weight: bold;background-color: rgb(236 153 0);color: #0d291b;border: 1px solid rgb(13, 41, 27, .15);border-radius: 6px;}
.pagination .page-item.previous .page-link, .pagination .page-item.next .page-link {font-size: 14px;}
.pagination .page-item.disabled .page-link {opacity: 0.3;}

table.table:not(.dataTable) {border: 1px solid rgb(13, 41, 27, .15);border-collapse: separate;border-radius: 9px;margin: 0;}
table.table:not(.dataTable) thead:last-child tr th {border-bottom: 0;}
table.table:not(.dataTable) tr th {font-size: 16px;line-height: 1;font-weight: bold;background: transparent;color: #111;padding: 20px 15px;vertical-align: middle;border: 0;border-bottom: 1px solid rgb(13, 41, 27, .15);text-transform: uppercase;}

.modal .modal-loader {border-radius: 12px;z-index: 9;}
.modal .modal-content {background: #FFF;padding-top: 10px;border: 0;border-radius: 12px;box-shadow: 1px 3px 6px rgb(30 34 51 / 20%);overflow: hidden;z-index: 1;}
.modal .modal-content:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 10px;background: #0d291b;z-index: -1;pointer-events: none;}
.modal .modal-header {padding: 15px 20px;border-bottom: 1px solid rgb(13, 41, 27, .15);}
.modal .modal-header .modal-title {color: #111 !important;}
.modal .modal-header .close {width: 35px;height: 35px;background: #f7f4eb;padding: 0;margin: auto 0;border: 1px solid rgb(13, 41, 27, .15);border-radius: 7px;opacity: 1;}
.modal .modal-header .close span {width: 15px;height: 15px;display: block;font-size: 0;margin: 9px;position: relative;transform: rotate(45deg);}
.modal .modal-header .close span:before, .modal-header .close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 15px;height: 1px;background: #111;margin: auto;}
.modal .modal-header .close span:before {width: 1px;height: 15px;}
.modal .modal-body {padding: 40px;background: rgba(244, 240, 227, .7);}
.modal .modal-footer {border-top: 1px solid rgb(13, 41, 27, .15);}

#withdrawalRequestModal .withdrawalable_balance {font-size: 50px;font-weight: bold;color: #0d291b;}
#withdrawalRequestModal h6 {font-weight: 500;text-transform: uppercase;}
#withdrawalRequestModal .form-group {margin: 25px 0 0;}

.card-block-lists .card .card-header.date-hist-picker {padding-bottom: 0;}
.date-hist-bx {display: -webkit-flex;display: flex;margin-left: 20px;}
.date-hist-bx select {height: 44px;font-size: 15px;padding: 9px 35px 9px 15px;margin-right: 15px;}

#reportrange, .datepciker-sctbx, .btn.datepciker-sctbx {font-size: 15px;display: -webkit-flex;display: flex;background: #FFF;color: #333;padding: 10px 35px 10px 15px;border: 1px solid #a9a9a9;position: relative;text-align: left;}
#reportrange .calender-icon, .datepciker-sctbx .calender-icon {width: 14px;height: 14px;flex: 0 0 auto;fill: #0d291b;margin: auto 10px auto 0;}
#reportrange .arrow-down, .datepciker-sctbx .arrow-down {position: absolute;top: 0;right: 12px;bottom: 0;width: 12px;height: 12px;fill: #333;flex: 0 0 auto;margin: auto 0;}

.daterangepicker {font-family: 'Cabin', sans-serif !important;border-radius: 6px;border: 1px solid #ccc;box-shadow: 1px 3px 6px rgba(30, 34, 51, .2);}
.daterangepicker .ranges ul {padding: 8px 0 !important;}
.daterangepicker .ranges ul li {font-family: 'Cabin', sans-serif;font-size: 14px;}
.daterangepicker .ranges ul li.active {background-color: #0d291b;color: #fff;}
.daterangepicker table td.in-range {background-color: #f4f0e3;}
.daterangepicker table td.active, .daterangepicker table td.active:hover {background-color: #0d291b;border-color: transparent;color: #fff;}
.daterangepicker div select.hourselect, .daterangepicker div select.minuteselect, .daterangepicker div select.secondselect, .daterangepicker div select.ampmselect {background: #f7f4eb;border: 1px solid #ddd;text-align-last: center;text-align: center;}

.ins-unst-text {font-size: 13px;margin: 1.25rem 0 0;text-align: center;}
.ins-unst-text span {display: inline-block;vertical-align: middle;margin: 3px;}

.dataDisplay table.table {border: 0;border-radius: 0;border-collapse: collapse;}
.dataDisplay table.table tbody tr td {color: #111;border: 0;padding: 15px 20px;}
.dataDisplay table.table tbody tr:not(:last-child) {border-bottom: 1px solid rgb(13, 41, 27, .15);}
.dataDisplay table.table tbody tr:nth-child(odd) {background: #f9f7f1;}

.cust-sign-page.card {width: 100%;height: 100%;background: #f4f0e3;border-radius: 0;box-shadow: none;}
.cust-sign-page h1 {margin-bottom: 25px;}
.cust-sign-page > .row {width: 100%;height: 100%;margin: 0;}
.cust-sign-page .cust-sign-contnet {max-width: 620px;width: 50%;flex: 1 1 auto;padding: 60px;margin: auto;}
.cust-sign-page .cust-sign-txtbx {width: 100%;background: #FFF;padding: 50px;border-radius: 12px;position: relative;overflow: hidden;box-shadow: 1px 3px 6px rgba(30, 34, 51, .2);}
.cust-sign-page .cust-sign-txtbx:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 10px;background: #0d291b;}
.cust-sign-page .form-group input {min-height: 50px;padding: 12px 20px;}
.cust-sign-page .btn {font-size: 16px;padding: 12px 20px;}
.cust-o2link {display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 15px;line-height: 1;margin: 20px -5px 0;}
.cust-o2link a {margin: 5px;color: #333;text-decoration: underline;}

.cust-sign-image {position: relative;}
.cust-sign-image:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(13, 41, 27, .65);}
.cust-sign-logo {position: absolute;top: 0;left: 0;right: 0;display: flex;padding: 30px;z-index: 1; font-size: 33px; color: #fff;}
.cust-sign-logo img {max-width: 100%;height: 70px;display: block;object-fit: contain;}

#toast-container .toast, #toast-container .toast:hover, #toast-container .toast:focus {-webkit-box-shadow: 1px 3px 6px rgba(30, 34, 51, .2);box-shadow: 1px 3px 6px rgba(30, 34, 51, .2);-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
#toast-container .toast.toast-success {background-image: url(../img/checked.svg) !important;background-color: #354a35;}
#toast-container .toast.toast-error {background-color: #c51f1f;}

/* site nav bar (mobile) */
.site-navxs-bar {position: fixed;top: 0;left: 0;width: 100%;background: #0d291b;display: -webkit-flex;display: flex;justify-content: space-between;padding: 0 1.5rem;z-index: 990;}
.site-navxs-bar .site-xs-logo {width: 160px;float: left;flex: 0 0 auto;margin: 15px 0;}
.site-navxs-bar .site-xs-logo img {width: 100%;}

.site-nav-icon {width: 50px;height: 50px;float: right;padding: 15px 0;margin: auto -14px;}
.site-nav-icon span {width: 22px;height: 2px;background: #FFF;display: block;margin: 5px 14px;}

#transaction_list .pay-button {min-width: 75px;width: auto;font-size: 14px;padding: 6px 12px;background: #003087;color: #FFF;}
#transaction_list .pay-button i {margin-right: 3px;}

@media only screen and (max-width: 1199px) {
	h1, .h1 {font-size: 29px;}
	.cust-sign-page .cust-sign-contnet {padding: 50px;}
	.cust-sign-page .cust-sign-txtbx {padding: 50px 40px 40px;}

	.link-gen-content img {width: 40%;}
	.link-gen-content .link-gen-text {padding: 20px;}
}

@media only screen and (min-width: 992px) {
	.visible-x {display: none !important;}

	::-webkit-scrollbar-track {webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);background-color: #f4f0e3;}
	::-webkit-scrollbar {width: 4px;height: 4px;background-color: #f4f0e3;}
	::-webkit-scrollbar-thumb {background-color: #999;border-radius: 0;}

	.sidebar .navbar-nav::-webkit-scrollbar-track {background-color: #0d291b;}
	.sidebar .navbar-nav::-webkit-scrollbar {background-color: #0d291b;}
	.sidebar .navbar-nav::-webkit-scrollbar-thumb {background-color: #f4f0e3;}

	.sidebar.toggled {width: 105px!important;}
	.sidebar.toggled .site-logo img {opacity: 0;}
	.sidebar.toggled .site-logo img.site-i2-logo {opacity: 1;}
	.sidebar.toggled .nav-item .nav-link {width: 100%;padding: 10px 15px;text-align: center;}
	.sidebar.toggled .nav-item .nav-link span {font-size: 14px;}
	.sidebar.toggled .side-toggle-ele {text-align: center;}
	.sidebar.toggled #sidebarToggle:after {transform: rotate(-135deg);margin: -3px 7px 0 0;}
	.sidebar.toggled #sidebarToggle:before {content: 'Open'}	
	.sidebar.toggled .profile-info .dropdown-toggle span {display: none;}
	.sidebar.toggled .profile-info .dropdown-toggle:before {opacity: 1;visibility: visible;}
	.sidebar-toggled #content-wrapper {padding-left: 125px;}
}

@media only screen and (max-width: 991px) {
	body {padding-top: 71px;}

	.hidden-x {display: none !important;}

	h1, .h1 {font-size: 27px;}
	h3, .h3 {font-size: 22px;}

	.section-title h2, .section-title .h2 {font-size: 29px;}

	.site-logo {padding: 21px 20px;}
	.site-logo img {margin: 0;}

	.nav-opened {overflow: hidden;}
	.nav-opened .sidebar {left: 0;}
	.nav-opened .site-nav-mask {opacity: 1;visibility: visible;}
	.sidebar {position: fixed;top: 0;bottom: 0;left: -100%;border-radius: 0;transition: all 0.3s ease-in-out;}
	.sidebar, .sidebar.toggled {width: 320px !important;max-width: 95%;} 
	.site-nav-mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0, 0, 0, .7);opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;z-index: 991;}

	.sidebar .navbar-nav {bottom: 85px;}
	.sidebar .sidebar-heading, .sidebar.toggled .sidebar-heading {padding: 12px 20px;text-align: left;}
	.sidebar .nav-item .nav-link, .sidebar.toggled .nav-item .nav-link {width: 100%;padding: 15px 20px;text-align: left;}
	.sidebar .nav-item .nav-link i, .sidebar.toggled .nav-item .nav-link i {margin-right: 5px;	}
	.sidebar .nav-item .nav-link span, .sidebar.toggled .nav-item .nav-link span {font-size: 15px;display: inline-block;}

	#wrapper #content-wrapper {padding: 1.5rem 0;}

	.cust-sign-page .cust-sign-image {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.cust-sign-page .cust-sign-contnet {position: relative;z-index: 2;}

	.cust-sign-logo {padding: 20px;}
	.cust-sign-logo img {height: 45px;margin: auto;}

	footer.sticky-footer {padding: 2rem 0 0;}
}

@media only screen and (max-width: 767px) {
	h1, .h1 {font-size: 25px;}

	input, select, .form-control {height: 44px;font-size: 15px;line-height: 22px;padding: 10px 15px;}
	.btn {font-size: 15px;padding: 9px 15px;}

	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 1.25rem;padding-right: 1.25rem;}

	.section-title h2, .section-title .h2 {font-size: 27px;}

	.link-gen-section .card-body:before, .link-gen-content:after {display: none;}
	.link-gen-section .card-body:after {clip-path: polygon(150% 0, 0 100%, 100% 100%);}
	.link-gen-content {flex-direction: column;align-items: flex-start;}
	.link-gen-content img {width: 70%;margin: 30px auto 0;}
	.link-gen-content .link-gen-text {max-width: 100%;width: 100%;padding: 0;}

	.dataTables_wrapper .col-sm-12 {padding: 0;}
	div.dataTables_wrapper .col-sm-12 div.dataTables_length, div.dataTables_wrapper .col-sm-12 div.dataTables_filter {text-align: left;}

	.cust-sign-page h1 {margin-bottom: 20px;}
	.cust-sign-page .cust-sign-contnet {max-width: 480px;padding: 20px;}
	.cust-sign-page .cust-sign-txtbx {padding: 35px 25px 30px;}
	.cust-o2link {font-size: 14px;margin: 15px -5px 0;}

	.form-group label.error {font-size: 14px;margin-top: 7px;}

	.modal .modal-body {padding: 20px;}

	.date-hist-bx {width: 100%;margin: 0;}
}

@media only screen and (max-width: 991px) and (min-width: 480px) {
	.cash-info-list .card .card-body {padding: 80px 0 0;position: relative;}
	.cash-info-list .card .col-icon {top: 0;left: 0;right: auto;bottom: auto;}
}

@media only screen and (max-width: 479px) {
	.select-form-btn {flex-direction: column;}
	.select-form-btn .btn {margin: 15px 0 0;}

	.cash-info-list .col-6 {min-width: 100%;}

	.date-hist-bx {flex-direction: column;margin: 0;}
	.date-hist-bx select {margin: 0 0 15px;}

	.dataTables_wrapper table.dataTable tr th {font-size: 15px;padding: 15px;}
	.dataTables_wrapper table.dataTable tr td {font-size: 15px;padding: 15px 15px 14px;}

	.chart-area {height: 15rem;}
}

@media only screen and (max-width: 359px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 15px;padding-right: 15px;}
}