body {

    margin: 0;

    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-size: 12px !important;

    font-weight: 400;

    line-height: 1.5;

    color: #6d6d6d !important;

    text-align: left;

    background-color: #e4e5e6 !important;

}



.breadcrumb-item a {

    color: #20a8d8 !important;

    text-decoration: none;

    background-color: transparent;

}



td a {

    color: #20a8d8 !important;

    text-decoration: none;

    background-color: transparent;

}



.content-wrapper {

    /*     background-color: #e4e5e6 !important; */

}



a.nav-link p {

    font-size: .875rem;

    color: #fff !important;

}



.nav-icon {

    font-size: .875rem !important;

    color: #ffffff;

}



h1.page-title {

    font-size: 1.3125rem !important;

    font-weight: 600;

    /*     color:#1f5c78 !important; */

    color: #781926 !important;

}



.page-subtitle {

    font-size: 1rem !important;

    color: #1f6d91 !important;

}



h6 {

    color: #dc3545 !important;

    font-weight: 600 !important;

    font-size: 15px !important;

}





/*------------------------------------------------------

* Modified Buttons Start

*------------------------------------------------------*/



.btn.focus,

.btn:focus {

    outline: 0;

    box-shadow: rgb(197, 61, 79) !i;

}



.btn:hover {

    color: #23282c !important;

    text-decoration: none !important;

}



.btn.focus,

.btn:focus {

    outline: 0 !important;

    box-shadow: 0 0 0 .2rem rgba(197, 61, 79, .25) !important;

}



.btn.disabled,

.btn:disabled {

    opacity: .65 !important;

}



a.btn.disabled,

fieldset:disabled a.btn {

    pointer-events: none !important;

}



.btn-primary {

    color: #fff;

    background-color: rgb(197, 61, 79) !important;

}



.btn-primary:hover {

    color: #fff !important;

    background-color: #781926 !important;

}



.btn-primary.focus,

.btn-primary:focus {

    box-shadow: 0 0 0 .2rem rgba(197, 61, 79, .5) !important;

}



.btn-primary.disabled,

.btn-primary:disabled {

    color: #fff !important;

    background-color: #20a8d8 !important;

    border-color: #20a8d8 !important;

}



.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

    color: #fff !important;

    background-color: #1985ac !important;

    border-color: #187da0 !important;

}



.btn-primary:not(:disabled):not(.disabled).active:focus,

.btn-primary:not(:disabled):not(.disabled):active:focus,

.show>.btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(65, 181, 222, .5) !important;

}



.btn-secondary {

    color: #23282c !important;

    background-color: #c8ced3 !important;

    border-color: #c8ced3 !important;

}



.btn-secondary:hover {

    color: #23282c !important;

    background-color: #b3bbc2 !important;

    border-color: #acb5bc !important;

}



.btn-secondary.focus,

.btn-secondary:focus {

    box-shadow: 0 0 0 .2rem rgba(175, 181, 186, .5) !important;

}



.btn-secondary.disabled,

.btn-secondary:disabled {

    color: #23282c !important;

    background-color: #c8ced3 !important;

    border-color: #c8ced3 !important;

}



.btn-secondary:not(:disabled):not(.disabled).active,

.btn-secondary:not(:disabled):not(.disabled):active,

.show>.btn-secondary.dropdown-toggle {

    color: #23282c !important;

    background-color: #acb5bc !important;

    border-color: #a5aeb7 !important;

}



.btn-secondary:not(:disabled):not(.disabled).active:focus,

.btn-secondary:not(:disabled):not(.disabled):active:focus,

.show>.btn-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(175, 181, 186, .5) !important;

}



.btn-success {

    color: #fff !important;

    background-color: #4dbd74 !important;

    border-color: #4dbd74 !important;

}



.btn-success:hover {

    color: #fff !important;

    background-color: #3ea662 !important;

    border-color: #3a9d5d !important;

}



.btn-success.focus,

.btn-success:focus {

    box-shadow: 0 0 0 .2rem rgba(104, 199, 137, .5) !important;

}



.btn-success.disabled,

.btn-success:disabled {

    color: #fff !important;

    background-color: #4dbd74 !important;

    border-color: #4dbd74 !important;

}



.btn-success:not(:disabled):not(.disabled).active,

.btn-success:not(:disabled):not(.disabled):active,

.show>.btn-success.dropdown-toggle {

    color: #fff !important;

    background-color: #3a9d5d !important;

    border-color: #379457 !important;

}



.btn-success:not(:disabled):not(.disabled).active:focus,

.btn-success:not(:disabled):not(.disabled):active:focus,

.show>.btn-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(104, 199, 137, .5) !important;

}



.btn-info {

    color: #fff !important;

    background-color: #17a2b8 !important;

    border-color: #17a2b8 !important;

}



.btn-info:hover {

    color: #fff !important;

    background-color: #138496 !important;

    border-color: #117a8b !important;

}



.btn-info.focus,

.btn-info:focus {

    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) !important;

}



.btn-info.disabled,

.btn-info:disabled {

    color: #fff !important;

    background-color: #17a2b8 !important;

    border-color: #17a2b8 !important;

}



.btn-info:not(:disabled):not(.disabled).active,

.btn-info:not(:disabled):not(.disabled):active,

.show>.btn-info.dropdown-toggle {

    color: #fff !important;

    background-color: #117a8b !important;

    border-color: #10707f !important;

}



.btn-info:not(:disabled):not(.disabled).active:focus,

.btn-info:not(:disabled):not(.disabled):active:focus,

.show>.btn-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) !important;

}



.btn-warning {

    color: #23282c !important;

    background-color: #ffc107 !important;

    border-color: #ffc107 !important;

}



.btn-warning:hover {

    color: #23282c !important;

    background-color: #e0a800 !important;

    border-color: #d39e00 !important;

}



.btn-warning.focus,

.btn-warning:focus {

    box-shadow: 0 0 0 .2rem rgba(222, 170, 13, .5) !important;

}



.btn-warning.disabled,

.btn-warning:disabled {

    color: #23282c !important;

    background-color: #ffc107 !important;

    border-color: #ffc107 !important;

}



.btn-warning:not(:disabled):not(.disabled).active,

.btn-warning:not(:disabled):not(.disabled):active,

.show>.btn-warning.dropdown-toggle {

    color: #23282c !important;

    background-color: #d39e00 !important;

    border-color: #c69500 !important;

}



.btn-warning:not(:disabled):not(.disabled).active:focus,

.btn-warning:not(:disabled):not(.disabled):active:focus,

.show>.btn-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(222, 170, 13, .5) !important;

}



.btn-danger {

    color: #fff !important;

    background-color: #f86c6b !important;

    border-color: #f86c6b !important;

}



.btn-danger:hover {

    color: #fff !important;

    background-color: #f64846 !important;

    border-color: #f63c3a !important;

}



.btn-danger.focus,

.btn-danger:focus {

    box-shadow: 0 0 0 .2rem rgba(249, 130, 129, .5) !important;

}



.btn-danger.disabled,

.btn-danger:disabled {

    color: #fff !important;

    background-color: #f86c6b !important;

    border-color: #f86c6b !important;

}



.btn-danger:not(:disabled):not(.disabled).active,

.btn-danger:not(:disabled):not(.disabled):active,

.show>.btn-danger.dropdown-toggle {

    color: #fff !important;

    background-color: #f63c3a !important;

    border-color: #f5302e !important;

}



.btn-danger:not(:disabled):not(.disabled).active:focus,

.btn-danger:not(:disabled):not(.disabled):active:focus,

.show>.btn-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(249, 130, 129, .5) !important;

}



.btn-light {

    color: #23282c;

    background-color: #e9ecef !important;

    border: 1px solid #ced4da !important;

    border-radius: .25rem;

    padding: 10px 20px;

    text-align: center;

    cursor: pointer;

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

}



.btn-light:hover {

    color: #fff !important;

    background-color: #343a40 !important;

    border-color: #343a40 !important;

}



.btn-dark {

    color: #fff !important;

    background-color: #2f353a !important;

    border-color: #2f353a !important;

}



.btn-dark:hover {

    color: #fff !important;

    background-color: #1e2225 !important;

    border-color: #181b1e !important;

}



.btn-dark.focus,

.btn-dark:focus {

    box-shadow: 0 0 0 .2rem rgba(78, 83, 88, .5) !important;

}



.btn-dark.disabled,

.btn-dark:disabled {

    color: #fff !important;

    background-color: #2f353a !important;

    border-color: #2f353a !important;

}



.btn-dark:not(:disabled):not(.disabled).active,

.btn-dark:not(:disabled):not(.disabled):active,

.show>.btn-dark.dropdown-toggle {

    color: #fff !important;

    background-color: #181b1e !important;

    border-color: #121517 !important;

}



.btn-dark:not(:disabled):not(.disabled).active:focus,

.btn-dark:not(:disabled):not(.disabled):active:focus,

.show>.btn-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(78, 83, 88, .5) !important;

}



.btn-outline-primary {

    color: #20a8d8 !important;

    border-color: #20a8d8 !important;

}



.btn-outline-primary:hover {

    color: #fff !important;

    background-color: #20a8d8 !important;

    border-color: #20a8d8 !important;

}



.btn-outline-primary.focus,

.btn-outline-primary:focus {

    box-shadow: 0 0 0 .2rem rgba(32, 168, 216, .5) !important;

}



.btn-outline-primary.disabled,

.btn-outline-primary:disabled {

    color: #20a8d8 !important;

    background-color: transparent !important;

}



.btn-outline-primary:not(:disabled):not(.disabled).active,

.btn-outline-primary:not(:disabled):not(.disabled):active,

.show>.btn-outline-primary.dropdown-toggle {

    color: #fff !important;

    background-color: #20a8d8 !important;

    border-color: #20a8d8 !important;

}



.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(32, 168, 216, .5) !important;

}



.btn-outline-secondary {

    color: #c8ced3 !important;

    border-color: #c8ced3 !important;

}



.btn-outline-secondary:hover {

    color: #23282c !important;

    background-color: #c8ced3 !important;

    border-color: #c8ced3 !important;

}



.btn-outline-secondary.focus,

.btn-outline-secondary:focus {

    box-shadow: 0 0 0 .2rem rgba(200, 206, 211, .5) !important;

}



.btn-outline-secondary.disabled,

.btn-outline-secondary:disabled {

    color: #c8ced3 !important;

    background-color: transparent !important;

}



.btn-outline-secondary:not(:disabled):not(.disabled).active,

.btn-outline-secondary:not(:disabled):not(.disabled):active,

.show>.btn-outline-secondary.dropdown-toggle {

    color: #23282c !important;

    background-color: #c8ced3 !important;

    border-color: #c8ced3 !important;

}



.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(200, 206, 211, .5) !important;

}



.btn-outline-success {

    color: #4dbd74 !important;

    border-color: #4dbd74 !important;

}



.btn-outline-success:hover {

    color: #fff !important;

    background-color: #4dbd74 !important;

    border-color: #4dbd74 !important;

}



.btn-outline-success.focus,

.btn-outline-success:focus {

    box-shadow: 0 0 0 .2rem rgba(77, 189, 116, .5) !important;

}



.btn-outline-success.disabled,

.btn-outline-success:disabled {

    color: #4dbd74 !important;

    background-color: transparent

}



.btn-outline-success:not(:disabled):not(.disabled).active,

.btn-outline-success:not(:disabled):not(.disabled):active,

.show>.btn-outline-success.dropdown-toggle {

    color: #fff !important;

    background-color: #4dbd74 !important;

    border-color: #4dbd74 !important;

}



.btn-outline-success:not(:disabled):not(.disabled).active:focus,

.btn-outline-success:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(77, 189, 116, .5) !important;

}



.btn-outline-info {

    color: #17a2b8 !important;

    border-color: #17a2b8 !important;

}



.btn-outline-info:hover {

    color: #fff !important;

    background-color: #17a2b8 !important;

    border-color: #17a2b8 !important;

}



.btn-outline-info.focus,

.btn-outline-info:focus {

    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) !important;

}



.btn-outline-info.disabled,

.btn-outline-info:disabled {

    color: #17a2b8 !important;

    background-color: transparent !important;

}



.btn-outline-info:not(:disabled):not(.disabled).active,

.btn-outline-info:not(:disabled):not(.disabled):active,

.show>.btn-outline-info.dropdown-toggle {

    color: #fff !important;

    background-color: #17a2b8 !important;

    border-color: #17a2b8 !important;

}



.btn-outline-info:not(:disabled):not(.disabled).active:focus,

.btn-outline-info:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) !important;

}



.btn-outline-warning {

    color: #ffc107 !important;

    border-color: #ffc107 !important;

}



.btn-outline-warning:hover {

    color: #23282c !important;

    background-color: #ffc107 !important;

    border-color: #ffc107 !important;

}



.btn-outline-warning.focus,

.btn-outline-warning:focus {

    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) !important;

}



.btn-outline-warning.disabled,

.btn-outline-warning:disabled {

    color: #ffc107 !important;

    background-color: transparent !important;

}



.btn-outline-warning:not(:disabled):not(.disabled).active,

.btn-outline-warning:not(:disabled):not(.disabled):active,

.show>.btn-outline-warning.dropdown-toggle {

    color: #23282c !important;

    background-color: #ffc107 !important;

    border-color: #ffc107 !important;

}



.btn-outline-warning:not(:disabled):not(.disabled).active:focus,

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) !important;

}



.btn-outline-danger {

    color: #f86c6b !important;

    border-color: #f86c6b !important;

}



.btn-outline-danger:hover {

    color: #fff !important;

    background-color: #f86c6b !important;

    border-color: #f86c6b !important;

}



.btn-outline-danger.focus,

.btn-outline-danger:focus {

    box-shadow: 0 0 0 .2rem rgba(248, 108, 107, .5) !important;

}



.btn-outline-danger.disabled,

.btn-outline-danger:disabled {

    color: #f86c6b !important;

    background-color: transparent !important;

}



.btn-outline-danger:not(:disabled):not(.disabled).active,

.btn-outline-danger:not(:disabled):not(.disabled):active,

.show>.btn-outline-danger.dropdown-toggle {

    color: #fff !important;

    background-color: #f86c6b !important;

    border-color: #f86c6b !important;

}



.btn-outline-danger:not(:disabled):not(.disabled).active:focus,

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(248, 108, 107, .5) !important;

}



.btn-outline-light {

    color: #f0f3f5 !important;

    border-color: #f0f3f5 !important;

}



.btn-outline-light:hover {

    color: #23282c !important;

    background-color: #f0f3f5 !important;

    border-color: #f0f3f5 !important;

}



.btn-outline-light.focus,

.btn-outline-light:focus {

    box-shadow: 0 0 0 .2rem rgba(240, 243, 245, .5) !important;

}



.btn-outline-light.disabled,

.btn-outline-light:disabled {

    color: #f0f3f5 !important;

    background-color: transparent !important;

}



.btn-outline-light:not(:disabled):not(.disabled).active,

.btn-outline-light:not(:disabled):not(.disabled):active,

.show>.btn-outline-light.dropdown-toggle {

    color: #23282c !important;

    background-color: #f0f3f5 !important;

    border-color: #f0f3f5 !important;

}



.btn-outline-light:not(:disabled):not(.disabled).active:focus,

.btn-outline-light:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-light.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(240, 243, 245, .5) !important;

}



.btn-outline-dark {

    color: #2f353a !important;

    border-color: #2f353a !important;

}



.btn-outline-dark:hover {

    color: #fff !important;

    background-color: #2f353a !important;

    border-color: #2f353a !important;

}



.btn-outline-dark.focus,

.btn-outline-dark:focus {

    box-shadow: 0 0 0 .2rem rgba(47, 53, 58, .5) !important;

}



.btn-outline-dark.disabled,

.btn-outline-dark:disabled {

    color: #2f353a !important;

    background-color: transparent !important;

}



.btn-outline-dark:not(:disabled):not(.disabled).active,

.btn-outline-dark:not(:disabled):not(.disabled):active,

.show>.btn-outline-dark.dropdown-toggle {

    color: #fff !important;

    background-color: #2f353a !important;

    border-color: #2f353a !important;

}



.btn-outline-dark:not(:disabled):not(.disabled).active:focus,

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(47, 53, 58, .5) !important;

}



.btn-link {

    font-weight: 400 !important;

    color: #20a8d8 !important;

    text-decoration: none !important;

}



.btn-link:hover {

    color: #167495 !important;

    text-decoration: underline !important;

}



.btn-link.focus,

.btn-link:focus {

    text-decoration: underline !important;

    box-shadow: none !important;

}



.btn-link.disabled,

.btn-link:disabled {

    color: #73818f !important;

    pointer-events: none !important;

}



.btn-group-lg>.btn,

.btn-lg {

    padding: .5rem 1rem !important;

    font-size: 1.09375rem !important;

    line-height: 1.5 !important;

    border-radius: .3rem !important;

}



.btn-group-sm>.btn,

.btn-sm {

    padding: .25rem .5rem !important;

    font-size: .765625rem !important;

    line-height: 1.5 !important;

    /*border-radius: .2rem !important;*/

    border-radius: 1rem !important;

}



.btn-default {

    background-color: #f4f4f4;

    background-color: #f4f4f400 !important;

    color: #a2a2a2 !important;

    border: 2px solid #a2a2a2 !important;

}



.btn-block {

    display: block !important;

    width: 100% !important;

}



.btn-block+.btn-block {

    margin-top: .5rem !important;

}





/*------------------------------------------------------

* Modified Buttons End

*------------------------------------------------------*/



.content-header {

    background-color: #fff;

    padding: 10px 8px 3px !important;

    margin-bottom: 24px;

}



.container {

    padding: 0 30px !important;

}



.status-1 {

    background-color: #007bff30 !important

}



.status-2 {

    background-color: #fd7e1430 !important

}



.status-3 {

    background-color: #ffc10730 !important

}



.status-4 {

    background-color: #28a74530 !important

}



.status-5 {

    background-color: #28a74530 !important

}



.status-6 {

    background-color: #17a2b830 !important

}



.status-7 {

    background-color: #dc354530 !important

}



.status-8 {

    background-color: #6610f230 !important

}



:root {

    blue: #007bff;

    indigo: #6610f2;

    purple: #6f42c1;

    pink: #e83e8c;

    red: #dc3545;

    orange: #fd7e14;

    yellow: #ffc107;

    green: #28a745;

    teal: #20c997;

    cyan: #17a2b8;

    white: #ffffff;

    gray: #6c757d;

    gray-dark: #343a40;

    primary: #007bff;

    secondary: #6c757d;

    success: #28a745;

    info: #17a2b8;

    warning: #ffc107;

    danger: #dc3545;

    /* light: #f8f9fa; */

    dark: #343a40;

    breakpoint-xs: 0;

    breakpoint-sm: 576px;

    breakpoint-md: 768px;

    breakpoint-lg: 992px;

    breakpoint-xl: 1200px;

    font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}



.search-box {

    width: 150px !important;

    height: 30px !important;

    font-size: 12px !important;

    background-color: #e7e7e7 !important;

    border: none !important;

}



.search-btn {

    width: 30px;

    height: 30px;

    padding: 0px !important;

    background-color: #e7e7e7 !important;

    border: none !important;

}



.search-btn i {

    font-size: 13px !important;

    color: #2b2b2b;

}



.top-btn-holder {

    text-align: right;

    /* 	margin-bottom:20px; */

}



.round {

    border-radius: 15px !important;

}



.no-outline {

    border: 0px !important;

}



.btn-left {

    border-radius: 5px 0px 0px 5px !important;

}



.btn-center {

    border-radius: 0px !important;

}



.btn-right {

    border-radius: 0px 5px 5px 0px !important;

}



.auth-bg {

    background: url('/images/bg1-min.jpg');

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

}



.login-page-holder {}



.loginbox-holder {

    margin-top: 5%;

}



.AFTS {

    color: #c53d4f;

    font-weight: 900 !important;

}



.loginbox-holder #hide-search {

    background: rgba(255, 255, 255, .85);

}



.loginbox-holder>div>div>div>div:nth-child(3) {

    background: rgba(255, 255, 255, .85);

}



.frontend-logo-holder {

    /* width: 260px; */

    margin: auto;

}



.frontend-logo-holder span {

    font-size: 35px;

}



.frontend-logo-holder .brand-image {

    width: 50px;

    max-height: 50px;

}



.bg-primary-trans {

    /* background-color: rgba(0, 123, 255, .8) !important; */

    background-color: rgb(197 61 79 / .8) !important;

}



.bg-light-trans {}



.verify-box {

    background-color: rgba(255, 255, 255, .8) !important;

}



.verify-box .card-header {

    font-size: 20px;

    text-align: center;

}



.verify-box .card-body {

    font-size: 16px;

    text-align: center;

}



.verify {

    color: #f5acb6;

}



.sidebar {

    background-image: url('/images/sb-bg1-min.png');

    background-color: black;

    width: 100%;

    background-size: cover;

}



.nav-header {

    color: #ffc107 !important;

    font-weight: 900 !important;

}



.dataTables_wrapper {

    width: 98% !important;

}



.card-header {

    background-color: #c53d4f !important;

    color: #fff;

    padding: 10px 15px 5px !important;

}



.search-refcode {

    font-size: 35px !important;

    text-transform: uppercase;

    height: 60px !important;

    text-align: center;

    border: 2px solid #c53d4f border-radius: 30px !important;

}



.btn-check-avail {

    margin: auto;

    margin-top: 20px;

}



.btn-check-avail-holder {

    margin: auto;

}



.titles {

    color: #c53d4f;

    font-size: 14px;

    font-weight: bold;

}



.profile-info {

    font-size: 12px;

}



.profile-label {

    width: 160px;

}



.profile-info {

    text-transform: capitalize !important

}



.profile-header-img {

    background-size: cover !important;

    background-position: center !important;

    width: 240px;

    height: 240px;

    margin: auto !important;

    margin-bottom: 20px !important;

    border: 5px solid #c53d4f;

}



.profile-side-img {

    background-size: cover !important;

    background-position: center !important;

    width: 40px;

    height: 40px;

    margin-bottom: 10px;

    border: 2px solid #c53d4f;

}



.rounded-circle {

    /* 	width:100% !important;

	height:100% !important; */

}



.icon-word {

    color: #1b6eb3;

    font-size: 20px;

}



.icon-excel {

    color: green;

    font-size: 20px;

}



.icon-pdf {

    color: red;

    font-size: 20px;

}



.icon-img {

    color: orange;

    font-size: 20px;

}



.dataTables_length,

.dataTables_filter {

    padding: 0px !important;

    margin-bottom: 15px !important;

}



.checklist-to-loan {

    background-color: #fff3ce;

    margin: 15px 0;

    padding: 15px;

    border: 1px solid #ffe595;

}



.checklist-to-loan p {

    font-size: 15px;

    line-height: 18px;

    margin: 10px 0;

}





/*******************************/





/********* Custom Button *******/





/*******************************/



.btn-for-dark-bg {

    /* padding:5px 15px !important;

	font-size:13px !important;

    color:#fff !important; */

    color: #781926 !important;

    font-size: 15px !important;

    padding: 4px !important;

    -webkit-transition: .5s;

    transition: .5s;

    border: 1px solid #781926 !important;

}



.btn-for-dark-bg:hover {

    color: #fff !important;

    background: #781926 !important;

}



.btn-custom-default {

    color: #fff !important;

    border: 1px solid #fff !important;

}



.btn-custom-default:hover {

    background-color: #f4f4f4;

    color: #c53d4f !important;

    border-color: #ddd;

}



.btn-custom-warning {

    background-color: #f4f4f4;

    color: #84b1bb !important;

    border: 1px solid #c1d6db !important;

    border-radius: 50% !important;

}



.btn-custom-warning:hover {

    background-color: rgba(255, 193, 7, 0.60);

    color: #444;

    border: 1px solid rgba(255, 193, 7, .70) !important;

}



.btn-custom-info {

    background-color: #f4f4f4;

    /*     color: #444; */

    color: #84b1bb !important;

    border: 1px solid #c1d6db !important;

    border-radius: 50% !important;

}



.btn-custom-info:hover {

    background-color: hsla(188, 78%, 41%, 0.60);

    color: #444;

    border: 1px solid rgba(23, 162, 184, 0.70) !important;

    border-radius: 50% !important;

}



.btn-custom-danger {

    background-color: #f4f4f4;

    color: #84b1bb !important;

    border: 1px solid #c1d6db !important;

    border-radius: 50% !important;

}



.btn-custom-danger:hover {

    background-color: rgba(220, 53, 69, .50);

    color: #444;

    border: 1px solid rgba(220, 53, 69, .60) !important;

}



.btn-apply {

    background-color: #ffc107 !important;

    color: #fff !important;

    font-size: 30px !important;

    border: 1px solid #e6ae06 !important;

    margin: 20px auto !important;

    padding: 20px !important;

    width: 100%;

}



.btn-apply:hover {

    background-color: #dc3545 !important;

    color: #fff !important;

    font-size: 30px !important;

    border: 1px solid #dc3545 !important;

    margin: 20px auto !important;

    padding: 20px !important

}



.btn-apply-no {

    background-color: #cccccc !important;

    color: #616161 !important;

    font-size: 30px !important;

    border: 1px solid #989898 !important;

    margin: 20px auto !important;

    padding: 20px !important;

    width: 100%;

}



.btn-apply-no:hover {

    background-color: #989898 !important;

    color: #fff !important;

    font-size: 30px !important;

    border: 1px solid #989898 !important;

    margin: 20px auto !important;

    padding: 20px !important

}



.interest_initial {

    font-size: 25px;

}



.interestOfReqAmount {

    font-size: 25px;

}



a.calculate {

    color: #fff;

    font-weight: 500;

    background-color: #c53d4f;

    padding: 7px 15px;

    border-radius: 5px;

}



a.calculate:hover {

    color: #fff;

    font-weight: 500;

    background-color: #f64846;

    padding: 7px 15px;

    border-radius: 5px;

    text-decoration: none;

}



.hidden {

    display: none;

}



.show {

    display: block;

}



.loan_table_first_column {

    width: 200px;

    font-weight: 600;

    background-color: #eaf5ff;

}



.tac_box {

    height: 250px;

    overflow-y: scroll;

    margin-bottom: 10px;

    border: 2px dashed #ccc;

    padding: 20px;

}



.checkTac {

    width: 100%;

    margin-top: 10px;

}



#acceptTerms {

    margin-top: 10px !important;

}



.input-sm {

    height: 30px !important;

    padding: 5px 10px !important;

    font-size: 12px !important;

    line-height: 1.5 !important;

    border-radius: 3px !important;

}





/****************************/





/********* Responsive *******/





/****************************/



@media (min-width: 1200px) {

    .container {

        max-width: 100% !important;

    }

}



.has-error {

    color: #dc3545;

}



.nav {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none

}



.nav>li {

    position: relative;

    display: block

}



.nav>li>a {

    position: relative;

    display: block;

    padding: 10px 15px

}



.nav>li>a:focus,

.nav>li>a:hover {

    text-decoration: none;

    background-color: #eee

}



.nav>li.disabled>a {

    color: #777

}



.nav>li.disabled>a:focus,

.nav>li.disabled>a:hover {

    color: #777;

    text-decoration: none;

    cursor: not-allowed;

    background-color: transparent

}



.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

    background-color: #eee;

    border-color: #337ab7

}



.nav .nav-divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.nav>li>a>img {

    max-width: none

}



.nav-tabs {

    border-bottom: 1px solid #ddd

}



.nav-tabs>li {

    float: left;

    margin-bottom: -1px

}



.nav-tabs>li>a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0

}



.nav-tabs>li>a:hover {

    border-color: #eee #eee #ddd

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    color: #fff !important;

    cursor: default;

    background-color: #781926;

    border: 1px solid #dee2e6;

    border-bottom-color: transparent

}



.loan-details-holder ul li.active.tab a {

    color: #fff !important;

    cursor: default;

    background-color: #7f7f7f !important;

    border: 1px solid #eaf5ff !important;

    border-bottom-color: #eaf5ff !important;

}



.nav-tabs.nav-justified {

    width: 100%;

    border-bottom: 0

}



.nav-tabs.nav-justified>li {

    float: none

}



.nav-tabs.nav-justified>li>a {

    margin-bottom: 5px;

    text-align: center

}



.nav-tabs.nav-justified>.dropdown .dropdown-menu {

    top: auto;

    left: auto

}



.sidebar-dark-primary .nav-sidebar>.nav-item.menu-open>.nav-link,

.sidebar-dark-primary .nav-sidebar>.nav-item:hover>.nav-link {

    color: #fff;

    background-color: rgba(197, 61, 79, 0.50) !important;

}



hr.aside-menu-devider {

    border-top: 2px solid #ffffff1c !important;

    width: 85%;

    margin: 0px auto;

}





/********************************************/





/********* Custom Tab button styles *********/





/********************************************/



.custom-tab a {

    color: #fff;

}



.custom-tab.nav>li>a {

    position: relative;

    display: block;

    padding: 5px 10px;

}



.custom-tab.nav-tabs>li>a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 1px solid #transparent;

    border-radius: 4px;

    font-size: 12px;

}



.custom-tab.nav-tabs>li>a:hover {

    border-color: #781926 !important;

    background-color: #781926;

    color: #fff;

    font-size: 12px;

}



.custom-tab.nav-tabs>li.active>a,

.custom-tab.nav-tabs>li.active>a:focus,

.custom-tab.nav-tabs>li.active>a:hover {

    color: #fff;

    font-size: 12px;

    cursor: default;

    background-color: #781926;

    border-color: #781926 !important;

    font-size: 12px;

}



.custom-tab {

    border-radius: 5px !important:

}



.nav.nav-tabs.custom-tab {

    border-bottom: none !important;

}



.no-border-right {

    border-right: 0px !important;

}



.no-border-left {

    border-left: 0px !important;

}



.no-border-top {

    border-top: 0px !important;

}



.no-border-bottom {

    border-bottom: 0px !important;

}



.badge {

    padding: .40em .40em !important;

    border-radius: 2rem !important;

}



.column-danger {

    background-color: #dc354536;

}



.column-info {

    background-color: #17a2b836;

}



.column-success {

    background-color: #28a74536;

}



.column-warning {

    background-color: #ffc10736;

}



.column-light {

    background-color: #f8f9fa;

}



.column-dark {

    background-color: #343a4036;

}



.btn-custom2 {

    /* margin-top:3px; */

}



.btn {

    border: 1px solid transparent !important;

}



.btn-custom2-default {

    background-color: #f4f4f400 !important;

    color: #a2a2a2 !important;

    border: 1px solid #f4f4f4 !important;

}



.btn-custom2-danger {

    background-color: #dc354536 !important;

    color: #dc3545 !important;

    border: 1px solid #dc3545 !important;

}



.btn-custom2-info {

    background-color: #17a2b836 !important;

    color: #17a2b8 !important;

    border: 1px solid #17a2b8 !important;

}



.btn-custom2-success i {

    color: #28a745 !important;

}



.btn-custom2-success {

    background-color: #28a74536 !important;

    color: #28a745 !important;

    border: 1px solid #28a745 !important;

}



.btn-custom2-warning i {

    color: #ffc107;

}



.btn-custom2-warning {

    background-color: #ffc10736 !important;

    color: #d09c00 !important;

    border: 1px solid #ffc107 !important;

}



.btn-custom2-light {

    background-color: #f8f9fa36 !important;

    color: #a2a2a2 !important;

    border: 1px solid #f8f9fa !important;

}



.btn-custom2-dark {

    background-color: #343a4036 !important;

    color: #343a40 !important;

    border: 1px solid #343a40 !important;

}





/*table th{font-size:11px;}

table tr{font-size:11px;}*/



.btn-custom2-success {

    background-color: #28a74536 !important;

    color: #success !important;

    border: 1px solid #28a745 !important;

}



.btn-custom2-warning i {

    color: #ffc107;

}



.btn-custom2-warning {

    background-color: #ffc10736 !important;

    color: #d09c00 !important;

    border: 1px solid #ffc107 !important;

}



.btn-custom2-light {

    background-color: #f8f9fa36 !important;

    color: #a2a2a2 !important;

    border: 1px solid #f8f9fa !important;

}



.btn-custom2-dark {

    background-color: #343a4036 !important;

    color: #a2a2a2 !important;

    border: 1px solid #343a40 !important;

}





/*table th{font-size:11px;}

table tr{font-size:11px;}*/



.permitBox {

    height: 500px !important;

}





/* .sidebar-dark-primary .sidebar a {

    color: #343a40 !important;

} */





/*Notif box*/



.notif-box {

    max-height: 80vh;

}



.dropdown-item-read {

    background: #eaf5ff !important;

}



.dropdown-item-read {

    display: block;

    width: 100%;

    padding: .25rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    background-color: #fff;

    border: 0;

}



.notif-box-holder {

    margin-left: 0px;

    float: left;

    height: 300px;

    overflow-y: scroll;

    margin-bottom: 25px;

    width: auto;

    /* background: #eaf5ff; */

    background: #fff;

}



.notif-box-holder::-webkit-scrollbar-track {

    padding: 2px 0;

    background-color: #c53d4f2b;

}



.notif-box-holder::-webkit-scrollbar {

    width: 10px;

}



.notif-box-holder::-webkit-scrollbar-thumb {

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #c53d4f73;

    border: 1px solid #c53d4f73;

}



.notif-box-holder::-webkit-scrollbar-thumb:hover {

    background-color: #c53d4f;

}



.notif-ballon {

    position: relative;

    right: 7px;

    bottom: 6px

}



.card {

    border: 1px solid #ced4da;

    box-shadow: none !important;

}



.text-warning i {

    color: #781926 !important;

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

}



.text-warning i:hover {

    color: #ffed4a !important;

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

}



.btn-red-bg i {

    margin: none !important;

    padding: 0 3px !important;

}



.btn-red-bg-with-text {

    font-size: 15px !important;

    padding: 4px 15px !important;

    color: #781926 !important;

    border: 1px solid #781926 !important;

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

}



.btn-red-bg-with-text:hover {

    background-color: #781926;

    color: #fbdfe2 !important;

    -webkit-transition: 1s;

    /* Safari prior 6.1 */

    transition: 1s;

}



.btn .btn-red-bg,

.btn-red-bg {

    color: #781926 !important;

    font-size: 15px !important;

    padding: 4px !important;

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

    border: 1px solid #781926 !important;

}



.btn-red-bg:hover {

    background-color: #781926;

    color: #fbdfe2 !important;

    -webkit-transition: 1s;

    /* Safari prior 6.1 */

    transition: 1s;

    border-radius: 100 !important;

}



.boxed-header-red {

    background-color: #781926;

    color: #ffffff !important;

    font-size: 15px;

    text-transform: uppercase;

    padding: 5px 15px;

    border-radius: 5px;

}



.text-default {

    color: #00000057 !important;

}



.large-icon {

    font-size: 20px !important;

}



.text-icon-link {

    color: #84b1bb !important;

}



.trans {

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

}



.trans:hover {

    -webkit-transition: .5s;

    /* Safari prior 6.1 */

    transition: .5s;

}



.toggle.ios .toggle-handle {

    border-radius: 20px !important;

    margin: auto;

    background-color: #f5f5f5 !important;

    border: 1px solid #c1c1c1 !important;

}



.btn:not(:disabled):not(.disabled).active,

.btn:not(:disabled):not(.disabled):active {

    box-shadow: none !important;

    background-color: #fff !important;

    border: 1px solid #ced4da !important;

    border-radius: 100px;

}



label.btn.btn-default.active.toggle {

    box-shadow: none !important;

    background-color: #fff !important;

    border: 1px solid #ced4da !important;

}



.hidden {

    display: none;

}





/**********************/





/*Admin Counter Cards */





/**********************/



.colored-boxes {

    margin: 0 0 40px 0;

}



.card-counter {

    box-shadow: 2px 2px 10px #DADADA;

    margin: 5px;

    padding: 20px 10px;

    background-color: #fff;

    height: 100px;

    border-radius: 5px;

    transition: .3s linear all;

}



.card-counter:hover {

    box-shadow: 4px 4px 20px #DADADA;

    transition: .3s linear all;

}



.card-counter.primary {

    background-color: #007bff;

    color: #FFF;

}



.card-counter.danger {

    background-color: #ef5350;

    color: #FFF;

}



.card-counter.success {

    background-color: #66bb6a;

    color: #FFF;

}



.card-counter.info {

    background-color: #26c6da;

    color: #FFF;

}



.card-counter i {

    font-size: 5em;

    opacity: 0.2;

}



.card-counter .count-numbers {

    position: absolute;

    right: 35px;

    top: 20px;

    font-size: 32px;

    display: block;

}



.card-counter .count-name {

    position: absolute;

    right: 35px;

    top: 65px;

    font-style: italic;

    text-transform: capitalize;

    opacity: 0.5;

    display: block;

    font-size: 18px;

}





/************************************/





/* Borrower latest payment received */





/************************************/



.row.heading h2 {

    color: #c53d4f;

    font-size: 32.52px;

    line-height: 45px;

    font-weight: 400;

    text-align: center;

    margin: 0 0 40px;

    text-transform: uppercase;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.heading.heading-icon {

    display: block;

}



.padding-lg {

    display: block;

    padding-top: 20px;

}



.practice-area.padding-lg {

    padding-bottom: 55px;

    padding-top: 55px;

}



.practice-area .inner {

    border: 1px solid #999999;

    text-align: center;

    margin-bottom: 28px;

    padding: 40px 25px;

}



.our-webcoderskull .cnt-block:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    border: 0;

}



.practice-area .inner h3 {

    color: #3c3c3c;

    font-size: 24px;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

    padding: 10px 0;

}



.practice-area .inner p {

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

}



.practice-area .inner img {

    display: inline-block;

}



.our-webcoderskull {

    width: 100%;

    /*background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;*/

}



.our-webcoderskull .cnt-block {

    float: left;

    width: 100%;

    background: #fff;

    padding: 30px 20px;

    text-align: center;

    border: 2px solid #d5d5d5;

    margin: 0 0 28px;

}



.our-webcoderskull .cnt-block figure {

    width: 148px;

    height: 148px;

    border-radius: 100%;

    display: inline-block;

    margin-bottom: 15px;

}



.our-webcoderskull .cnt-block img {

    width: 148px;

    height: 148px;

    border-radius: 100%;

}



.our-webcoderskull .cnt-block h3 {

    color: #2a2a2a;

    font-size: 20px;

    font-weight: 500;

    padding: 6px 0;

    text-transform: uppercase;

}



.our-webcoderskull .cnt-block h3 a {

    text-decoration: none;

    color: #2a2a2a;

}



.our-webcoderskull .cnt-block h3 a:hover {

    color: #337ab7;

}



.our-webcoderskull .cnt-block p {

    color: #2a2a2a;

    font-size: 13px;

    line-height: 20px;

    font-weight: 400;

}



.our-webcoderskull .cnt-block .follow-us {

    margin: 20px 0 0;

}



.our-webcoderskull .cnt-block .follow-us li {

    display: inline-block;

    width: auto;

    margin: 0 5px;

}



.our-webcoderskull .cnt-block .follow-us li .fa {

    font-size: 24px;

    color: #767676;

}



.our-webcoderskull .cnt-block .follow-us li .fa:hover {

    color: #025a8e;

}



.wizard>.content {

    overflow: scroll !important;

    height: 40em;

}





/* borrower's balance */



.twPc-div {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #e1e8ed;

    border-radius: 6px;

    height: 200px;

    max-width: 100%; // orginal twitter width: 290px;

}



.twPc-bg {

    background-image: url("https://aftscredit.com/images/bg-600x200.jpg");

    background-position: 0 50%;

    background-size: 100% auto;

    border-bottom: 1px solid #e1e8ed;

    border-radius: 4px 4px 0 0;

    height: 95px;

    width: 100%;

}



.twPc-block {

    display: block !important;

}



.twPc-button {

    margin: -35px -10px 0;

    text-align: right;

    width: 100%;

}



.twPc-avatarLink {

    background-color: #fff;

    border-radius: 6px;

    display: inline-block !important;

    float: left;

    margin: -30px 5px 0 8px;

    max-width: 100%;

    padding: 1px;

    vertical-align: bottom;

}



.twPc-avatarImg {

    border: 2px solid #fff;

    border-radius: 7px;

    box-sizing: border-box;

    color: #fff;

    height: 72px;

    width: 72px;

}



.twPc-divUser {

    margin: 15px 0 0;

}



.twPc-divName {

    font-size: 18px;

    font-weight: 700;

    line-height: 21px;

}



.twPc-divName a {

    color: inherit !important;

}



.twPc-divStats {

    margin-left: 11px;

    padding: 10px 0;

}



.twPc-Arrange {

    box-sizing: border-box;

    display: table;

    margin: 0;

    min-width: 100%;

    padding: 0;

    table-layout: auto;

}



ul.twPc-Arrange {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.twPc-ArrangeSizeFit {

    display: table-cell;

    padding: 0;

    vertical-align: top;

}



.twPc-ArrangeSizeFit a:hover {

    text-decoration: none;

}



.twPc-StatValue {

    display: block;

    font-size: 18px;

    font-weight: 500;

    transition: color 0.15s ease-in-out 0s;

}



.twPc-StatLabel {

    color: #8899a6;

    font-size: 10px;

    letter-spacing: 0.02em;

    overflow: hidden;

    text-transform: uppercase;

    transition: color 0.15s ease-in-out 0s;

}





/* Borrower's Balance End */





/* FontAwesome for working BootSnippet :> */



@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

#team {

    background: #eee !important;

}



.btn-primary:hover,

.btn-primary:focus {

    background-color: #108d6f;

    border-color: #108d6f;

    box-shadow: none;

    outline: none;

}



.btn-primary {

    color: #fff;

    background-color: #007b5e;

    border-color: #007b5e;

}



section {

    padding: 60px 0;

}



section .section-title {

    text-align: center;

    color: #007b5e;

    margin-bottom: 50px;

    text-transform: uppercase;

}



#team .card {

    border: none;

    background: #ffffff;

}



.image-flip:hover .backside,

.image-flip.hover .backside {

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    transform: rotateY(0deg);

    border-radius: .25rem;

}



.image-flip:hover .frontside,

.image-flip.hover .frontside {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.mainflip {

    -webkit-transition: 1s;

    -webkit-transform-style: preserve-3d;

    -ms-transition: 1s;

    -moz-transition: 1s;

    -moz-transform: perspective(1000px);

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transition: 1s;

    transform-style: preserve-3d;

    position: relative;

}



.frontside {

    position: relative;

    -webkit-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    z-index: 2;

    margin-bottom: 30px;

}



.backside {

    position: absolute;

    top: 0;

    left: 0;

    background: white;

    -webkit-transform: rotateY(-180deg);

    -moz-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}



.frontside,

.backside {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: 1s;

    -webkit-transform-style: preserve-3d;

    -moz-transition: 1s;

    -moz-transform-style: preserve-3d;

    -o-transition: 1s;

    -o-transform-style: preserve-3d;

    -ms-transition: 1s;

    -ms-transform-style: preserve-3d;

    transition: 1s;

    transform-style: preserve-3d;

}



.frontside .card,

.backside .card {

    min-height: 312px;

}



.backside .card a {

    font-size: 18px;

    color: #007b5e !important;

}



.frontside .card .card-title,

.backside .card .card-title {

    color: #007b5e !important;

}



.frontside .card .card-body img {

    width: 120px;

    height: 120px;

    border-radius: 50%;

}





/* new flip card by click */



.scene {

    width: 200px;

    height: 260px;

    border: 1px solid #CCC;

    margin: 40px 0;

    perspective: 600px;

}



.card {

    position: relative;

    width: 100%;

    /* height: 100%; */

    cursor: pointer;

    transform-style: preserve-3d;

    transform-origin: center right;

    transition: transform 1s;

}



.card.is-flipped {

    transform: translateX(-100%) rotateY(-180deg);

}



.card__face {

    position: absolute;

    width: 100%;

    height: 100%;

    line-height: 260px;

    color: white;

    text-align: center;

    font-weight: bold;

    font-size: 40px;

    backface-visibility: hidden;

}



.card__face--front {

    background: red;

}



.card__face--back {

    background: blue;

    transform: rotateY(180deg);

}





/* https://www.codehim.com/html5-css3/bootstrap-4-flip-card-on-click-with-jquery-justflipit/ */





/* Visit https://nicolaskadis.info/posts/pure-css-flip-cards-using-bootstrap-4-and-css-grid-no-js for an explanation */





/* for demo purposes */



.card {

    margin: 10px 10px;

}



input[type='checkbox'] {

    display: none;

}





/* Flip Cards CSS */



.card-container {

    display: grid;

    perspective: 700px;

}



.card-flip {

    display: grid;

    grid-template: 1fr / 1fr;

    grid-template-areas: "frontAndBack";

    transform-style: preserve-3d;

    transition: all 0.7s ease;

}



.card-flip div {

    backface-visibility: hidden;

    transform-style: preserve-3d;

}



.front {

    grid-area: frontAndBack;

}



.back {

    grid-area: frontAndBack;

    transform: rotateY(-180deg);

}



input[type='checkbox']:checked+.card-container .card-flip {

    transform: rotateY(180deg);

}





/* .CustomCardheader {

    background-color: rgb(52 58 64 / .5) !important;

} */



.CustomCard.hoverCustomCard {

    background-color: rgb(255 255 255 / 90%) !important;

}



.card-header-tabs-custom#myTab {

    /*     text-align: center !important; */

    position: relative;

    left: 25%;

    right: 35%;

}



.card-header-tabs-custom#myTab a {

    color: #c53d4f !important;

    text-transform: uppercase;

    font-weight: bold;

}



.CustomCard {

    padding-top: 20px;

    margin: 10px 0 20px 0;

    background-color: rgba(214, 224, 226, 0.2);

    border-top-width: 0;

    border-bottom-width: 2px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 15px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.CustomCard.hoverCustomCard {

    position: relative;

    padding-top: 0;

    overflow: hidden;

    text-align: center;

}



.CustomCard.hoverCustomCard .CustomCardheader {

    background-size: cover;

    height: 85px;

}



.CustomCard.hoverCustomCard .avatar {

    position: relative;

    top: -50px;

    margin-bottom: -50px;

}



.CustomCard.hoverCustomCard .avatar img {

    width: 100px;

    height: 100px;

    max-width: 100px;

    max-height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid rgba(255, 255, 255, 0.5);

}



.CustomCard.hoverCustomCard .info {

    padding: 4px 8px 10px;

}



.CustomCard.hoverCustomCard .info .desc {

    overflow: hidden;

    font-size: 12px;

    line-height: 20px;

    color: #737373;

    text-overflow: ellipsis;

}



.CustomCard.hoverCustomCard .bottom {

    padding: 20px 5px;

    margin-bottom: -6px;

    text-align: center;

}



.btn-active-loan {

    border-radius: 50%;

    width: 30px;

    height: 30px;

    line-height: 18px;

}



.show-checkbox {

    display: inline-block !important;

}