body { font-family: 'Rubik', sans-serif; background-color: #EAEAEA; }
.bdr { border: 1px solid red !important; }
.main-footer { color: #333; font-size: .8rem; }
.main-footer b { font-weight: 500; color: #333 }
.cus-logo { width: 200px; margin-left: 9px; display: block; margin-right: auto; }
.font-weight-bold { font-weight: 700 !important; }
.content-header h1 { font-size: 1.35rem; margin: 0; font-weight: 500; color: #767676; align-items: center; vertical-align: middle; display: flex; }

/*.content-header h1 svg{height: 24px;width: 24px;margin-right: .2rem;}*/
.content-header h1 svg { height: 36px; width: 36px; margin-right: .6rem; background: #f2f2f2; color: #159bb9; padding: .5rem; border-radius: .3rem; }
.user-panel .image svg { border: 2px solid; color: #d5d5d5; height: 45px; width: 45px; border-radius: 60%; padding: 5px; margin-top: 8px; }
.user_icon { border: 2px solid; color: #d5d5d5; height: 40px; width: 40px; border-radius: 60%; padding: 5px; margin-top: -7px; }
.product-img { width: 50px; }
.w-270 { width: 270px; }
.w-70 { width: 70px; }
.w-150 { width: 190px; }
.action-btn { min-height: 30px !important; padding: 0; width: 30px !important; font-size: 15px; }
.btn svg { height: 19px; width: 19px; }
.table thead th, .table tfoot th { font-weight: 700 !important; font-size: 14px; vertical-align: middle; }
.table thead td, .table thead th { border-bottom-width: 1px; font-weight: 600; font-size: 12px; }
.table tbody th { font-weight: 600; font-size: 14px; }
.table thead th { color: #475F7B; letter-spacing: 1px; text-transform: uppercase; }
.table tbody th { color: #475F7B; font-size: .8rem; letter-spacing: 1px; text-transform: uppercase;vertical-align: middle; }
.table td { font-size: 12px; vertical-align: middle; font-weight: 500; color: #727E8C; }
.card-no-border .card { border: 0px; border-radius: 0px; box-shadow: none; }
.layout-navbar-fixed .wrapper .content-wrapper { margin-top: calc(4rem + 1px); }
.layout-navbar-fixed.layout-fixed .wrapper .sidebar { margin-top: calc(4rem + 1px); }
.card { /*border-radius: .5rem; box-shadow: 0 0 14px rgba(0, 0, 0, 0.12); */border-radius: 5px; box-shadow: 0 3px 9px 0 rgba(169, 184, 200, .15); -webkit-box-shadow: 0 3px 9px 0 rgba(169, 184, 200, .15); -moz-box-shadow: 0 3px 9px 0 rgba(169, 184, 200, .15); }
::-webkit-scrollbar { background: transparent; width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background-color: #888; }
::-webkit-scrollbar-thumb:hover { background-color: #0072C1; }
.bg-1 { color: #fff; background: #5BA7FF; }
.bg-2 { background: #3EDBBC; color: #fff; }
.bg-3 { background: #FFBD5D; color: #fff; }
.bg-4 { background: #FF6982; color: #fff; }
b { font-weight: 600; }
strong { font-weight: 600; }
label { font-weight: 500 !important; font-size: .9rem; }
.form-group { margin-bottom: .6rem; position: relative; }
.card-title { margin-top: 5px; font-weight: 400; letter-spacing: .05rem; font-size: 1.2rem; text-transform: capitalize; }
.card-footer { padding: .75rem 1.25rem; background-color: rgba(198, 198, 198, 0.03); border-top: 0 solid rgba(0, 0, 0, .125); }
.table td, .table th { padding: .5rem .8rem; }
.content-header { padding: 10px .5rem; background: #dfdfdf; margin-bottom: 10px; }
.card-header { border-bottom: 0px; }
.bg-cus { background: rgba(251, 251, 251, 0.7); }
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #159bb9; background-color: #159bb9; box-shadow: none; }

/*.custom-control-label::after { width: 1.2rem; height: 1.2rem; }
.custom-control-label::before { width: 1.2rem; height: 1.2rem; }*/
.badge { padding: .45em .5em; font-size: 80%; font-weight: 600; }
.form-control, .custom-file-label { font-size: .8rem;   /* height: calc(2.9rem + 2px);*/ border: 1px solid #ced4da69; border-radius: 3px; }
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover { background-color: rgb(229 234 239 / 24%); color: #8494A7 !important; box-shadow: none; border-radius: .267rem; border: 1px solid #464D5C; background: #272E48 !important; }

/*.cus-height{ height: calc(2.9rem + 2px); }*/
.cus-img { height: 170px; }
.btn-clean { color: #333; background-color: transparent; border-color: transparent; font-size: 15px; margin-top: -21px; }
.symbol { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-radius: .42rem; }
.symbol.symbol-35 .symbol-label { width: 35px; display: block; height: 35px; text-align: center; border-radius: .3rem; font-size: 22px; }
.symbol.symbol-light-primary .symbol-label { background-color: #159bb921; color: #159bb9; }
.navbar { padding: .7rem .5rem; box-shadow: 0 0 18px #00000008; border: none; }
.sub-text { font-size: smaller; font-weight: 400 !important; color: #727E8C; }
.main-text { font-size: 17px; font-weight: 600 !important; }
.main-text1 { margin-bottom: 0px; font-weight: 600 !important; font-size: 25px; }
.navbar-dark .input-group-sm>.custom-select, .navbar-dark  .input-group-sm>.form-control:not(textarea) { height: calc(2rem + 2px); }
.text-block { font-weight: 600; font-size: 18px; text-align: center; padding-top: 10px; padding-bottom: 9px; color: #333; }
.red { color: #590B0B; }
.content-wrapper { background: #eaeaea; }
[class*=sidebar-light] .brand-link { border-bottom: 1px solid #f9f9f9; color: rgba(0, 0, 0, .8); }
[class*=sidebar-light] .user-panel { border-bottom: 1px solid #f9f9f9; align-items: center; font-weight: 500; }
.main-footer { border-top: 1px solid #ffffff; }
.subheader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.bullet.bullet-ver { width: 2px; height: 25px; }
.bullet { display: inline-block; background-color: #e5eaee; width: 10px; height: 2px; border-radius: 2rem; }
.sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active { background-color: #fd7e14; color: #fff; }
.label.label-light-primary { color: #8950fc; background-color: #eee5ff; }
.label.label-light-warning { color: #ffa800; background-color: #fff4de; }
.label.label-light-success { color: #1bc5bd; background-color: #c9f7f5; }
.label.label-light-secondary { color: #1bc5bd; background-color: #c9f7f5; }
.label.label-light-danger { color: #f64e60; background-color: #ffe2e5; }
.font-weight-bolder { font-weight: 500 !important; }
.label { width: auto; padding: .1rem .6rem; font-size: .9rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ecf0f3; color: #464e5f; font-weight: 400; border-radius: 5px; }
.btn-primary:hover { color: #fff; background-color: #0b58e9; border-color: #0b58e9; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #88ba00; border-color: #88ba00; }
.btn-primary { color: #fff; background-color: #246df6; border-color: #246df6; box-shadow: none; }
.btn-label-success { font-size: 12px; background-color: rgba(10, 187, 135, .1); color: #0abb87; cursor: text !important; font-weight: 600; white-space: nowrap; }
.btn-label-warning { font-size: 12px; background-color: rgba(255, 184, 34, .1); color: #ffb822; font-weight: 600; cursor: text !important; white-space: nowrap; }
.btn-label-primary { font-size: 12px; background-color: rgba(93, 120, 255, .1); color: #5d78ff; font-weight: 600; cursor: text !important; white-space: nowrap; }
.btn-label-danger { font-size: 12px; background-color: rgba(253, 57, 122, .1); color: #fd397a; font-weight: 600; cursor: text !important; white-space: nowrap; }
.btn-label-secondary{ font-size: 12px; background-color: rgba(0, 0, 0, .1); color: #000; font-weight: 600; cursor: text !important; white-space: nowrap; }
.btn-label-success:hover { background-color: rgba(10, 187, 135, .1); color: #0abb87; cursor: text !important; }
.btn-label-warning:hover { background-color: rgba(255, 184, 34, .1); color: #ffb822; }
.btn-label-primary:hover { background-color: rgba(93, 120, 255, .1); color: #5d78ff; }
.btn-label-danger:hover { background-color: rgba(253, 57, 122, .1); color: #fd397a; }
.btn-label-secondary:hover { background-color: rgba(0, 0, 0, .1); color: #000; }
thead, tfoot { background: #ffffff; }
[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:active, [class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:focus {
    color: #94a5b7;
}
/*.btn-primary:hover { color: #fff; background-color: #39849f; border-color: #39849f; }*/

/*.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #39849f; border-color: #39849f; }*/

/*.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #39849f; border-color: #39849f; }*/
.modal-title { margin-bottom: 0; line-height: 1.5; font-size: 20px; }
.nav-sidebar .nav-item { margin-bottom: 5px; }
.nav-sidebar .nav-item>.nav-link { display: flex; align-items: center; padding: 6px 13px; font-size: 13px; transition: .5s; border: 1px solid transparent; position: relative; font-weight: 600; text-transform: unset; color: #8494A7; font-size: 0.95rem; font-weight: 400; }
.control-sidebar, .control-sidebar::before { bottom: calc(3.1rem + 1px); display: none; right: -250px; width: 300px; transition: right .3s ease-in-out, display .3s ease-in-out; }
.nav-sidebar .nav-item>.nav-link:hover { padding-left: 20px; transition: .5s; }
[class*=sidebar-light-] { background-color: #282828; }
.brand-link { text-align: center; }
.brand-text img { width: 200px; margin-left: 20px; }
[class*=sidebar-light] .brand-link, [class*=sidebar-light] .user-panel { border-bottom: 1px solid #00000005; color: rgba(255, 255, 255, .8); }
.user-panel .sidebar a { color: $fff; }
.usname { font-size: 17px; color: #fff; margin-top: 8px; margin-bottom: 0; }
.ussubname { font-size: 13px; font-weight: 600; margin-top: -5px; }
.nav-sidebar .nav-item>.nav-link svg { margin-right: 5px; height: 26px; width: 26px; color: #4e6296 !important; border-radius: 4px; padding: 3px; }
.navbar-light .navbar-nav .nav-link svg { color: #727E8C !important; }
[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:focus { background-color: rgba(255, 255, 255, .1); }
.nav-pills .nav-link:not(.active):hover { color: #fff; }
.text-lightblue { color: #eb7c26 !important; }
.text-over { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 170px; }
.content-header .breadcrumb li a, .content-header .breadcrumb li { font-weight: 400; font-size: 14px; }
.cus-label { position: absolute; top: -12px; background: #fff; left: 10px; padding: 2px 10px; font-size: 12px; }
.card-body { padding: .5rem .5rem 1.5rem 1.7rem; }
.svg { height: 20px; width: 20px; }
.svg1 { height: 17px; width: 17px; }
.btn-cus { font-size: .9rem; height: calc(2.22rem + 2px); }
.p { font-size: 14px; }
.text-two { display: -webkit-box; max-width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.625; width: 350px; }
.p1 { font-size: 12px; }
.cu-label { padding: 1px 0px; font-size: 11px; }
.bg-info-light { background-color: #ddeeff !important; }
.note-editor.note-frame .note-editing-area .note-editable { padding: 10px; overflow: auto; color: #000; word-wrap: break-word; background-color: #fff; font-size: 14px; }
.right .direct-chat-text { margin-left: 50px; margin-right: 0px; }
.direct-chat-timestamp { color: #697582; font-size: 10px; font-weight: 600; }
.cus-form-control, .select2-container--default .select2-selection--single { border: 1px solid #ced4da69; border-radius: 3px; font-size: .86rem; display: block !important; width: 100%; height: calc(2.25rem + 2px) !important; padding: .375rem .75rem; font-weight: 400; line-height: 1.6; color: #495057; background-color: #fff !important; background-clip: padding-box; box-shadow: inset 0 0 0 transparent; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #eb7c26; color: #fff; }
.bootstrap-switch { border: 1px solid #ec8a2e; background: #fff; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { background: #6c747d; color: #fff; }
.nav-pills .nav-link:not(.active):hover { background-color: rgb(229 234 239 / 24%); color: #8494A7 !important; box-shadow: none; border-radius: .267rem; border: 1px solid #464D5C; background: #272E48 !important; }
@media (max-width:991px) and (min-width:768px) { }
@media (max-width:767px) {
    .navbar-light .form-inline.ml-3 { display: none; }
    .btn-clean { margin-top: -10px; }
    .widget-chart { margin-bottom: 15px !important; }
}
@media (max-width:767px) and (min-width:575px) { }
@media (max-width:1499px) and (min-width:1200px) { }
@media (max-width:1499px) and (min-width:1200px) {
    .row.cus-col .btn { border: 1px solid; font-size: 11px; }
    .row.cus-col input#w0 { font-size: 11px; height: 25px; }
    .row.cus-col .input-group-text.kv-field-seperator { height: 25px; }
}
@media (max-width:1399px) and (min-width:992px) { }
.sidebar-mini.sidebar-collapse .user-panel img { width: 50px !important; transition: .5s; margin-left: -10px; }
.sidebar-mini .user-panel img { transition: .5s; }
.sidebar-mini.sidebar-collapse .sidebar .user-panel p { display: none; }
.navbar-lightblue { background-color: #f8a725; }
.sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active { background-color: rgb(229 234 239 / 24%); color: #8494A7 !important; box-shadow: none; border-radius: .267rem; border: 1px solid #464D5C; background: #272E48 !important; }
.navbar-light .form-control-navbar+.input-group-append>.btn-navbar { color: rgba(0, 0, 0, .6); border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding-right: 10px; }
.navbar-light .input-group-sm>.custom-select, .navbar-light .input-group-sm>.form-control:not(textarea) { height: calc(2.2rem + 2px); border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 5px 20px; }
.navbar-light .btn-navbar, .navbar-light .form-control-navbar { background-color: #ececec8f; border: 0; }
.layout-navbar-fixed.sidebar-collapse .wrapper .brand-link { height: calc(4.5rem + 1px); width: 4.6rem; }
#container { height: 470px; }
.highcharts-figure, .highcharts-data-table table { height: 470px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-weight: 600; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.highcharts-data-table tr:hover { background: #f1f7ff; }
.text-over { display: -webkit-box; max-width: 400px; height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.25; }
.info .font-weight-bold { font-size: 16px !important; }
.cir { height: 50px !important; width: 50px; border-radius: 50%; padding: 8px 14px !important; line-height: 30px; }
.bg-primary { background-color: #3f6ad8 !important; }
.bg-danger { background-color: #d92550 !important; }
.bg-success { background-color: #3ac47d !important; }
.content-header h1 svg { stroke-width: 1; font-size: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; text-align: center; padding: .83333rem; margin: 0 30px 0 0; background: #fff; -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, .03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, .03), 0 0.25rem 0.53125rem rgba(4, 9, 20, .05), 0 0.125rem 0.1875rem rgba(4, 9, 20, .03); box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, .03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, .03), 0 0.25rem 0.53125rem rgba(4, 9, 20, .05), 0 0.125rem 0.1875rem rgba(4, 9, 20, .03); border-radius: .25rem; width: 60px; height: 60px; }
.content-header { background: hsl(0deg 0% 92%); }
.page-title-subheading { padding: 3px 0 0; font-size: .7rem; opacity: .6; font-weight: 400; }
.page-main-subheading { font-size: 1.2rem; }
.content-header .breadcrumb { margin-top: 17px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #040404 !important; background-color: #159bb9; }
.bg-light-primary { background-color: #3f6ad80a !important; color: #3f6ad8 !important; }
.bg-light-danger { background-color: #d925500a !important; color: #d92550 !important; }
.bg-light-success { background-color: #3ac47d0a !important; color: #3ac47d !important; }
.bg-dark-light { background: #3333330a; }
[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link { color: #8494A7 !important; box-shadow: none; border-radius: .267rem; }
.info-box { box-shadow: none !important; }
span.progress-description b { opacity: 1 !important }
span.progress-description { font-size: 13px !important; font-weight: 600; opacity: .6; }
.info-box .info-box-number { display: block; font-weight: 700; font-size: 23px; }
.text-light-blue { color: #159bb9; }
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover { background-color: rgb(226 230 251); box-shadow: none; color: #8494A7 !important; box-shadow: none; border-radius: .267rem; border: 1px solid #464D5C; background: #272E48 !important; }
.widget-chart { background: #f7f7f7; box-shadow: none !important; padding: 20px 10px; border-radius: 0px; }
.widget-subheading { font-weight: 600; font-size: 15px; opacity: .8; }
.widget-numbers { font-weight: 600; font-size: 30px; }
.progress { box-shadow: none; border-radius: 20px; }
.progress-bar-cus { margin: 3px; border-radius: 14px; }
.info-box .info-box-icon svg { height: 30px; width: 30px; }
.navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item svg { height: 28px; width: 28px; color: #a0b420; background: rgb(43 43 43 / 8%); border-radius: 4px; padding: 5px; }
.info-box-text { font-weight: 600; color: #33333394; }
.main-footer { background: #f8f9fa; }

/*.fill {     color: #aebc20;
    fill: #aebc2029; }*/
.nav-header { color: #2f3cff !important; font-weight: bold; margin-bottom: 5px; display: flex; align-items: center; padding: 8px 14px; }
.nav-sidebar .nav-header { font-size: .9rem; padding: 0.3rem .5rem .5rem; }
.nav-sidebar .nav-header:not(:first-of-type) { padding: 0.3rem .5rem .5rem; }
.nav-sidebar .nav-header svg { height: 20px; width: 20px; }
.stretch-card .card .card-title { color: #001737; margin-bottom: .5rem; text-transform: capitalize; font-size: 1rem; width: 100%; }
.stretch-card .text-small { font-size: 12px; }
.stretch-card h2 span { font-size: .8rem; font-weight: 600; color: #cacaca !important; }
.stretch-card h2 { font-size: 1.2rem; }
.recent-earnings { font-size: 1.4rem; color: #464dee; margin-right: 1rem; border-radius: 8px; border: 1px solid #e9e9e9; padding: .625rem; width: 50px; height: 50px; text-align: center; line-height: 27px; }
.top-box .title { font-size: 1rem; margin-bottom: 0; }
.top-box h6 { margin-bottom: 0; }
.top-box .border-bottom { border-bottom: 1px solid #f2f2f2 !important; }
.dropdown-divider { border-top: 1px solid #e9ecef57; }
.top-box .justify-content-between p { font-size: .8rem; }
.layout-navbar-fixed .wrapper .main-header { left: 0; position: fixed; right: 0; top: 0; z-index: 1037; border-radius: 0px; border-top-left-radius: 20px; }
.top-header-new { height: 62px; background: #1a233a; left: 0; top: 0; width: 100%; position: fixed; z-index: 9; }
.nav-sidebar .nav-item>.nav-link .right { color: #8494A7; }
.wrapper .content-wrapper { min-height: calc(100vh - calc(4rem + 1px) - calc(3.2rem + 1px)) !important }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgb(248 249 250 / 45%); }
.recent-earnings .fill { height: 20px; width: 20px; }
.card-header svg { height: 20px; width: 20px; }
.chart-box h3 { font-size: 1.1rem; }
.chart-box h6 { font-size: .9rem; }
#reportrange svg { height: 18px; width: 18px; }
#reportrange { font-size: 12px; line-height: 23px; }
.status-box { margin-bottom: 10px; font-size: 12px; }
.bg-cus { background: #9fb420 !important; }
[class*=sidebar-light-] { background-color: #1A233A !important; }
.bg-t { background-color: #1A233A !important; }
.svg { width: 20px; height: 20px; }
[class*=sidebar-light-] .sidebar a { color: #8494A7; }
[class*=sidebar-light-] .sidebar a:hover { color: #8494A7; }
.info .font-weight-bold { color: #8494A7 !important; font-weight: 500 !important; }
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link { color: #8494A7; }
.btn-clean .main-text { font-weight: 400 !important; font-size: 16px; color: #727E8C; }
.dashboard-latest-update .avatar { position: relative; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: .8rem; text-align: center; margin: 5px; border-radius: 50%; }
.dashboard-latest-update  .avatar .avatar-content { width: 32px; height: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.dashboard-latest-update  list-group .list-group-item i { font-size: 1.4rem; }
.dashboard-latest-update  .list-group-item { position: relative; display: block; padding: 0.76rem 2rem; margin-bottom: -1px; color: #596F88; background-color: #FFF; border: 1px solid #DFE3E7; }
.dashboard-latest-update .number { font-size: 1.2rem; font-weight: 400; }
.dashboard-latest-update .avatar .avatar-content svg { height: 19px; width: 20px; }
.brand-icon { border: 3px solid #84b502; padding: 19px; border-radius: 50%; font-size: 35px; color: #1a233a; }
.divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }
.alert-success { color: #648804; background-color: #7ba90733; border-color: #87b90082; }


.u-profile {
    position: sticky;
    top: 80px;
}
.user-details h4 {
    font-size: 1.1rem;
    margin-top: 1rem;
}
.user-details .u-email {
    font-size: .9rem;
    opacity: .5;
}
.user-details .u-name {
    margin-bottom: 0;
    font-weight: 500;
    color:#88ba00;
}
.user-img img{width: 100px; height: 100px; border-radius: 50%;    object-fit: cover;}

.pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1a233a;
    border-color: #1a233a;
}
.pagination .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}