
.rpm-bg{
    background-color: #0099ff;
    color: aliceblue;
}

.rpm-table-thead{
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); 
    font-weight:bold;
}

.rpm-table-tbody{
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); 
}

.rpm-table-tfoot{
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); 
}

body {
    background: #ffffff
}

.bg-body {
    background: #fff !important
}

.text-primary {
    color: #0099ff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #fb0f12 !important
}

.bg-primary {
    background-color: #062240 !important
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #ef5657 !important
}

.bg-primary-dark {
    background-color: #e35153 !important
}

a.bg-primary-dark:hover,
a.bg-primary-dark:focus {
    background-color: #d84d4f !important
}

.bg-primary-darker {
    background-color: #d64d4e !important
}

a.bg-primary-darker:hover,
a.bg-primary-darker:focus {
    background-color: #cb494a !important
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: #0099ff !important
}

.badge-primary {
    background-color: #0099ff;
    color: #fff
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: #ef5657;
    color: #fff;
    text-decoration: none
}

.btn .badge-primary {
    background: #0099ff !important;
    border-color: #0099ff !important;
    color: #fff !important
}

.badge-outline-primary {
    background-color: transparent;
    box-shadow: 0 0 0 1px #0099ff inset;
    color: #0099ff
}

.badge-outline-primary[href]:hover,
.badge-outline-primary[href]:focus {
    color: #0099ff;
    text-decoration: none
}

.btn .badge-outline-primary {
    background-color: transparent !important;
    box-shadow: 0 0 0 1px #0099ff inset !important;
    color: #0099ff !important
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):hover,
.pagination li.active>a:not(.page-link):focus {
    border-color: #062240;
    background-color: #062240;
    color: #fff
}

.progress-bar {
    background-color: #062240;
    color: #fff
}

.list-group-item-primary {
    border-color: rgba(0, 0, 0, 0.07);
    background-color: #ffefef;
    color: #666060
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #666060
}

a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
    background-color: #fceded;
    color: #666060
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    border-color: #0099ff;
    background-color: #0099ff;
    color: #fff
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    border-color: #0099ff;
    background-color: #0099ff;
    color: #fff
}

.alert-primary {
    border-color: #f0d8d9;
    background-color: #ffe6e7;
    color: #665c5c
}

.alert-primary hr {
    border-top-color: #f0d8d9
}

.alert-primary .alert-link {
    color: #665c5c
}

.alert-dark-primary {
    background-color: #0099ff;
    color: #fff
}

.alert-dark-primary hr {
    border-top-color: rgba(255, 255, 255, 0.2)
}

.alert-dark-primary .close,
.alert-dark-primary .alert-link {
    color: #fff
}

.callout-primary {
    border-color: #0099ff !important;
    background-color: #ffe6e7;
    color: #665c5c
}

.callout-primary .callout-link {
    color: #665c5c
}

.tooltip-primary .tooltip-inner,
.tooltip-primary>.tooltip .tooltip-inner,
.ngb-tooltip-primary+ngb-tooltip-window .tooltip-inner {
    background: #0099ff;
    color: #fff
}

.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-top .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-top .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #0099ff
}

.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-right .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-right .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #0099ff
}

.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-bottom .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #0099ff
}

.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-left .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-left .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #0099ff
}

.popover-primary,
.popover-primary>.popover,
.ngb-popover-primary+ngb-popover-window {
    border-color: transparent;
    background: #0099ff
}

.popover-primary .popover-header,
.popover-primary>.popover .popover-header,
.ngb-popover-primary+ngb-popover-window .popover-header {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
    color: #fff
}

.popover-primary .popover-body,
.popover-primary>.popover .popover-body,
.ngb-popover-primary+ngb-popover-window .popover-body {
    background: transparent;
    color: #fff
}

.popover-primary>.arrow::before,
.popover-primary>.popover>.arrow::before,
.ngb-popover-primary+ngb-popover-window>.arrow::before {
    border-color: transparent
}

.popover-primary.bs-popover-top>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="top"]>.arrow::after,
.popover-primary>.popover.bs-popover-top>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="top"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-top>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="top"]>.arrow::after {
    border-top-color: #0099ff
}

.popover-primary.bs-popover-right>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="right"]>.arrow::after,
.popover-primary>.popover.bs-popover-right>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="right"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-right>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="right"]>.arrow::after {
    border-right-color: #0099ff
}

.popover-primary.bs-popover-bottom>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="bottom"]>.arrow::after,
.popover-primary>.popover.bs-popover-bottom>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="bottom"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-bottom>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
    border-bottom-color: #0099ff
}

.popover-primary.bs-popover-left>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="left"]>.arrow::after,
.popover-primary>.popover.bs-popover-left>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="left"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-left>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="left"]>.arrow::after {
    border-left-color: #0099ff
}

.table .table-primary,
.table .table-primary>th,
.table .table-primary>td {
    border-color: rgba(0, 0, 0, 0.035) !important;
    background-color: #ffefef;
    color: #666060
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #fceded
}

.btn-primary {
    border-color: rgba(0, 0, 0, 0);
    background: #062240;
    color: #fff
}

.btn-primary:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #0099ff;
    color: #fff
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 2px #0099ff
}
.btn-primary.disabled,
.btn-primary:disabled {
    border-color: rgba(0, 0, 0, 0) !important;
    background: #0099ff !important;
    box-shadow: none !important;
    color: #fff !important
}

.btn-primary .badge {
    background: #fff;
    color: #0099ff
}

.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    border-color: rgba(0, 0, 0, 0);
    background: #0099ff;
    box-shadow: none
}

.btn-group .btn-primary,
.input-group-prepend .btn-primary,
.input-group-append .btn-primary {
    border-right: 1px solid #0099ff;
    border-left: 1px solid #db4e50
}

.btn-outline-primary {
    border-color: #062240;
    background: transparent;
    color: #062240
}

.btn-outline-primary:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #0099ff;
    color: #fff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 2px #0099ff
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    border-color: #0099ff !important;
    background: transparent !important;
    color: #0099ff !important
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle {
    border-color: rgba(0, 0, 0, 0);
    background: #0099ff;
    color: #fff;
    box-shadow: none
}

.btn-outline-primary .badge {
    background: #0099ff;
    border-color: #0099ff;
    color: #fff
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show>.btn-outline-primary.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: #0099ff
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    background-color: #0099ff;
    color: #fff
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) {
    background-color: #0099ff;
    color: #fff
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: #0099ff;
    color: #fff
}

.tabs-alt.nav-tabs .nav-link.active,
.tabs-alt.nav-tabs .nav-link.active:hover,
.tabs-alt.nav-tabs .nav-link.active:focus,
.tabs-alt>.nav-tabs .nav-link.active,
.tabs-alt>.nav-tabs .nav-link.active:hover,
.tabs-alt>.nav-tabs .nav-link.active:focus {
    box-shadow: 0 -2px 0 #0099ff inset
}

.custom-control .custom-control-input:focus~.custom-control-label::before,
.custom-control .custom-control-input:active~.custom-control-label::before {
    border-color: #0099ff
}

.custom-control .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 2px rgba(252, 90, 92, 0.4)
}

.custom-control.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #0099ff;
    background-color: #0099ff
}

.custom-control.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-control.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E")
}

.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-file-input:focus~.custom-file-label {
    border-color: #0099ff
}

.custom-file-input:focus~.custom-file-label::after {
    border-color: inherit
}

.form-control:focus,
.form-control.focus,
.custom-select:focus {
    border-color: #0099ff
}

.switcher-input:checked~.switcher-indicator {
    background: #0099ff;
    color: #fff
}

.switcher-input:focus~.switcher-indicator {
    box-shadow: 0 0 0 2px rgba(252, 90, 92, 0.4)
}

.switcher-input:active~.switcher-indicator {
    box-shadow: none
}

.navbar.bg-primary {
    background-color: #0099ff !important;
    color: #fee1e1
}

.navbar.bg-primary .navbar-brand {
    color: #fff
}

.navbar.bg-primary .navbar-brand:hover,
.navbar.bg-primary .navbar-brand:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav .nav-link {
    color: #fee1e1
}

.navbar.bg-primary .navbar-nav .nav-link:hover,
.navbar.bg-primary .navbar-nav .nav-link:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav .nav-link.disabled {
    color: #fdabac !important
}

.navbar.bg-primary .navbar-nav .show>.nav-link,
.navbar.bg-primary .navbar-nav .active>.nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
    color: #fff
}

.navbar.bg-primary .navbar-toggler {
    color: #fee1e1;
    border-color: rgba(255, 255, 255, 0.15)
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255,255,255,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-primary .navbar-text {
    color: #fee1e1
}

.navbar.bg-primary .navbar-text a {
    color: #fff
}

.navbar.bg-primary .navbar-text a:hover,
.navbar.bg-primary .navbar-text a:focus {
    color: #fff
}

.navbar.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15)
}

.sidenav.bg-primary {
    background-color: #0099ff !important;
    color: #fee1e1
}

.sidenav.bg-primary .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev,
.sidenav.bg-primary .sidenav-horizontal-next {
    color: #fee1e1
}

.sidenav.bg-primary .sidenav-link:hover,
.sidenav.bg-primary .sidenav-link:focus,
.sidenav.bg-primary .sidenav-horizontal-prev:hover,
.sidenav.bg-primary .sidenav-horizontal-prev:focus,
.sidenav.bg-primary .sidenav-horizontal-next:hover,
.sidenav.bg-primary .sidenav-horizontal-next:focus {
    color: #fff
}

.sidenav.bg-primary .sidenav-link.active,
.sidenav.bg-primary .sidenav-horizontal-prev.active,
.sidenav.bg-primary .sidenav-horizontal-next.active {
    color: #fff
}

.sidenav.bg-primary .sidenav-item.disabled .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev.disabled,
.sidenav.bg-primary .sidenav-horizontal-next.disabled {
    color: #fdabac !important
}

.sidenav.bg-primary .sidenav-item.open:not(.sidenav-item-closing)>.sidenav-toggle,
.sidenav.bg-primary .sidenav-item.active>.sidenav-link {
    color: #fff
}

.sidenav.bg-primary .sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    background-color: #ef5657
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-menu>.sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    background-color: #e35253
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-inner>.sidenav-item:not(.sidenav-item-closing)>.sidenav-menu,
.sidenav.bg-primary.sidenav-horizontal .sidenav-inner>.sidenav-item.open>.sidenav-toggle {
    background: #ef5657
}

.sidenav.bg-primary .sidenav-inner>.sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.sidenav.bg-primary .sidenav-inner>.sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
    background: transparent;
    color: #fee1e1
}

.sidenav.bg-primary .sidenav-text {
    color: #fff
}

.sidenav.bg-primary .sidenav-header {
    color: #febfc0
}

.sidenav.bg-primary hr,
.sidenav.bg-primary .sidenav-divider,
.sidenav.bg-primary .sidenav-inner>.sidenav-item.open>.sidenav-menu::before {
    border-color: rgba(255, 255, 255, 0.15) !important
}

.sidenav.bg-primary .sidenav-inner>.sidenav-header::before,
.sidenav.bg-primary .sidenav-block::before {
    background-color: rgba(255, 255, 255, 0.15)
}

.sidenav.bg-primary .sidenav-inner>.sidenav-item.open .sidenav-item.open>.sidenav-toggle::before {
    background-color: #f16f70
}

.sidenav.bg-primary .sidenav-inner>.sidenav-item.open .sidenav-item.active>.sidenav-link::before {
    background-color: #fff
}

.sidenav.bg-primary .sidenav-inner>.sidenav-item.open .sidenav-item.open>.sidenav-toggle::before,
.sidenav.bg-primary .sidenav-inner>.sidenav-item.open .sidenav-item.active>.sidenav-link::before {
    box-shadow: 0 0 0 2px #ef5657
}

.sidenav.bg-primary .ps__thumb-y,
.sidenav.bg-primary .ps__rail-y.ps--clicking>.ps__thumb-y {
    background: rgba(255, 255, 255, 0.617515) !important
}

.footer.bg-primary {
    background-color: #062240 !important;
    color: #fee1e1
}

.footer.bg-primary .footer-link {
    color: #fee1e1
}

.footer.bg-primary .footer-link:hover,
.footer.bg-primary .footer-link:focus {
    color: #fff
}

.footer.bg-primary .footer-link.disabled {
    color: #fdabac !important
}

.footer.bg-primary .footer-text {
    color: #fff
}

.footer.bg-primary .show>.footer-link,
.footer.bg-primary .active>.footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
    color: #fff
}

.footer.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15)
}

.bg-primary.bs4-toast {
    color: #fff;
    background-color: rgba(252, 90, 92, 0.9) !important
}

.bg-primary.bs4-toast .toast-header {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.fill-primary {
    fill: #0099ff
}

.slider-primary .slider-selection,
.slider-primary .slider-reversed .slider-track-high,
.slider-primary.slider-reversed .slider-track-high {
    background: #0099ff
}

.noUi-primary .noUi-base .noUi-connect {
    background: #0099ff !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0099ff !important;
    color: #fff !important
}

.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
    border-color: #0099ff !important
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #0099ff !important;
    color: #fff !important
}

.bootstrap-tagsinput.focus {
    border-color: #0099ff !important
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: #0099ff !important;
    color: #fff !important
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active.today,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end {
    background: #0099ff !important;
    color: #fff !important
}

.datepicker table tr td.range,
.datepicker table tr td.range.highlighted,
.datepicker table tr td.range.today {
    background: #ffe6e7 !important;
    color: #665c5c !important
}

.datepicker table tr td.range.focused,
.datepicker table tr td.range.highlighted.focused,
.datepicker table tr td.range.today.focused {
    background: #ffc7ca !important
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.today.disabled {
    background: rgba(255, 230, 231, 0.5) !important;
    color: rgba(102, 92, 92, 0.5) !important
}

.flatpickr-calendar .numInputWrapper span.arrowUp:after {
    border-bottom-color: #fff
}

.flatpickr-calendar .numInputWrapper span.arrowDown:after {
    border-top-color: #fff
}

.flatpickr-month,
span.flatpickr-weekday {
    background: #0099ff;
    color: #fff;
    fill: #fff
}

.flatpickr-weekdays {
    background: #0099ff
}

.flatpickr-day.today {
    border-color: #0099ff
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
    border-color: #ffe6e7 !important;
    background: #ffe6e7 !important;
    color: #665c5c !important
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.week.selected {
    border-color: #0099ff !important;
    background: #0099ff !important;
    color: #fff !important
}

.daterangepicker td.active {
    background-color: #0099ff !important;
    color: #fff !important
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    background-color: #ffe6e7 !important;
    color: #665c5c !important
}

.daterangepicker .input-mini.active {
    border-color: #0099ff !important
}

.ranges li.active {
    background-color: #0099ff !important;
    color: #fff !important
}

.dtp-date,
.dtp-time {
    background: #0099ff;
    color: #fff
}

.dtp-close>a {
    color: #fff
}

header.dtp-header {
    background: #d64d4e;
    color: #fff
}

table.dtp-picker-days tr>td>a.selected {
    background: #0099ff;
    color: #fff !important
}

.dtp-actual-meridien a.selected {
    background: #0099ff !important;
    color: #fff !important
}

.dtp .year-picker-item:hover {
    color: #0099ff
}

.dtp .year-picker-item.active {
    color: #0099ff
}

.dtp .svg-clock [stroke="#8BC34A"] {
    stroke: #0099ff !important
}

.dtp .svg-clock [fill="#8BC34A"] {
    fill: #0099ff !important
}

.dtp .svg-clock [fill="#fff"] {
    fill: #fff !important
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #0099ff !important;
    color: #fff !important
}

.growl-default {
    background: #0099ff !important;
    color: #fff !important
}

.md-editor.active {
    border-color: #0099ff !important
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #0099ff !important
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #0099ff !important
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #0099ff !important
}

.ql-snow.ql-container .ql-editor:focus {
    border-color: #0099ff !important
}

.tt-suggestion:active,
.tt-cursor {
    background: #0099ff !important;
    color: #fff !important
}

.dropzone.dz-drag-hover {
    border-color: #0099ff !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #0099ff !important
}

.sk-primary.sk-plane,
.sk-primary .sk-chase-dot:before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot:before,
.sk-primary .sk-circle-fade-dot:before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube:before {
    background-color: #0099ff
}

.sw-theme-default>.nav .active .sw-icon,
.sw-theme-default>.nav .active .sw-number {
    color: #0099ff;
    border-color: #0099ff
}

.plyr[class] .plyr__control--overlaid {
    background: rgba(252, 90, 92, 0.75) !important;
    color: #fff !important
}

.plyr[class] .plyr__control.plyr__tab-focus,
.plyr[class] .plyr__control:hover,
.plyr[class] .plyr__control[aria-expanded='true'] {
    background: #0099ff !important;
    color: #fff !important
}

.plyr[class] .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:not(.plyr__tab-focus):not(:hover)::before {
    background: #0099ff !important
}

.plyr[class] .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:not(.plyr__tab-focus):not(:hover)::after {
    background: #fff !important
}

.plyr[class] .plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 2px rgba(252, 90, 92, 0.4) !important
}

.plyr--full-ui[class] input[type='range'] {
    color: #0099ff !important
}

.plyr--full-ui[class] input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 2px rgba(252, 90, 92, 0.4) !important
}

.plyr--full-ui[class] input[type='range'].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 2px rgba(252, 90, 92, 0.4) !important
}

.plyr--full-ui[class] input[type='range'].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 2px rgba(252, 90, 92, 0.4) !important
}

.fc-h-event,
.fc-v-event {
    background: rgba(252, 90, 92, 0.3) !important
}

.fc-daygrid-event-dot,
.fc .fc-list-event-dot {
    border-color: rgba(252, 90, 92, 0.75) !important
}

.fc-bgevent:not(.fc-nonbusiness) {
    background: #0099ff !important
}

.fc-highlight {
    background: rgba(252, 90, 92, 0.3) !important
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
    background: #0099ff;
    color: #fff
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #fed6d6
}

.ui-product-color.active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0099ff !important
}

.bg-navbar-theme {
    background-color: #f8f8f8 !important;
    color: #a3a4a6
}

.bg-navbar-theme .navbar-brand {
    color: #4E5155
}

.bg-navbar-theme .navbar-brand:hover,
.bg-navbar-theme .navbar-brand:focus {
    color: #4E5155
}

.bg-navbar-theme .navbar-nav .nav-link {
    color: #a3a4a6
}

.bg-navbar-theme .navbar-nav .nav-link:hover,
.bg-navbar-theme .navbar-nav .nav-link:focus {
    color: #4E5155
}

.bg-navbar-theme .navbar-nav .nav-link.disabled {
    color: #c5c6c7 !important
}

.bg-navbar-theme .navbar-nav .show>.nav-link,
.bg-navbar-theme .navbar-nav .active>.nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
    color: #4E5155
}

.bg-navbar-theme .navbar-toggler {
    color: #a3a4a6;
    border-color: rgba(78, 81, 85, 0.0763725)
}

.bg-navbar-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(24,28,33,0.4)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.bg-navbar-theme .navbar-text {
    color: #a3a4a6
}

.bg-navbar-theme .navbar-text a {
    color: #4E5155
}

.bg-navbar-theme .navbar-text a:hover,
.bg-navbar-theme .navbar-text a:focus {
    color: #4E5155
}

.bg-navbar-theme hr {
    border-color: rgba(78, 81, 85, 0.0763725)
}

.layout-navbar {
    box-shadow: 0 1px 0 rgba(24, 28, 33, 0.06)
}

.bg-sidenav-theme {
    background-color: #062240 !important;
    color: #fff
}

.bg-sidenav-theme .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev,
.bg-sidenav-theme .sidenav-horizontal-next {
    color: #fff
}

.bg-sidenav-theme .sidenav-link:hover,
.bg-sidenav-theme .sidenav-link:focus,
.bg-sidenav-theme .sidenav-horizontal-prev:hover,
.bg-sidenav-theme .sidenav-horizontal-prev:focus,
.bg-sidenav-theme .sidenav-horizontal-next:hover,
.bg-sidenav-theme .sidenav-horizontal-next:focus {
    color: #fff
}

.bg-sidenav-theme .sidenav-link.active,
.bg-sidenav-theme .sidenav-horizontal-prev.active,
.bg-sidenav-theme .sidenav-horizontal-next.active {
    color: #fff
}

.bg-sidenav-theme .sidenav-item.disabled .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev.disabled,
.bg-sidenav-theme .sidenav-horizontal-next.disabled {
    color: dimgray !important
}

.bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing)>.sidenav-toggle,
.bg-sidenav-theme .sidenav-item.active>.sidenav-link {
    color: #fff
}

.bg-sidenav-theme .sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    background-color: #2d2d2d
}

.bg-sidenav-theme.sidenav-horizontal .sidenav-menu>.sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    background-color: #383838
}

.bg-sidenav-theme.sidenav-horizontal .sidenav-inner>.sidenav-item:not(.sidenav-item-closing)>.sidenav-menu,
.bg-sidenav-theme.sidenav-horizontal .sidenav-inner>.sidenav-item.open>.sidenav-toggle {
    background: #2d2d2d
}

.bg-sidenav-theme .sidenav-inner>.sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.bg-sidenav-theme .sidenav-inner>.sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
    background: transparent;
    color: #999
}

.bg-sidenav-theme .sidenav-text {
    color: #fff
}

.bg-sidenav-theme .sidenav-header {
    color: #7b7b7b
}

.bg-sidenav-theme hr,
.bg-sidenav-theme .sidenav-divider,
.bg-sidenav-theme .sidenav-inner>.sidenav-item.open>.sidenav-menu::before {
    border-color: rgba(255, 255, 255, 0.06) !important
}

.bg-sidenav-theme .sidenav-inner>.sidenav-header::before,
.bg-sidenav-theme .sidenav-block::before {
    background-color: rgba(255, 255, 255, 0.06)
}

.bg-sidenav-theme .sidenav-inner>.sidenav-item.open .sidenav-item.open>.sidenav-toggle::before {
    background-color: #3a3a3a
}

.bg-sidenav-theme .sidenav-inner>.sidenav-item.open .sidenav-item.active>.sidenav-link::before {
    background-color: #fff
}

.bg-sidenav-theme .sidenav-inner>.sidenav-item.open .sidenav-item.open>.sidenav-toggle::before,
.bg-sidenav-theme .sidenav-inner>.sidenav-item.open .sidenav-item.active>.sidenav-link::before {
    box-shadow: 0 0 0 2px #2d2d2d
}

.bg-sidenav-theme .ps__thumb-y,
.bg-sidenav-theme .ps__rail-y.ps--clicking>.ps__thumb-y {
    background: rgba(255, 255, 255, 0.453333) !important
}

.bg-sidenav-theme .sidenav-inner>.sidenav-item.active>.sidenav-link .sidenav-icon {
    color: #0099ff !important
}

.bg-sidenav-theme .sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    background: none !important
}

.bg-sidenav-theme .sidenav-item.active>.sidenav-link:not(.sidenav-toggle)>div:first-of-type {
    position: relative
}

.bg-sidenav-theme .sidenav-item.active>.sidenav-link:not(.sidenav-toggle)>div:first-of-type:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 0;
    border-bottom: 0px solid #fff
}

.bg-footer-theme {
    background-color: #f8f8f8 !important;
    color: #a3a4a6
}

.bg-footer-theme .footer-link {
    color: #a3a4a6
}

.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus {
    color: #4E5155
}

.bg-footer-theme .footer-link.disabled {
    color: #c5c6c7 !important
}

.bg-footer-theme .footer-text {
    color: #4E5155
}

.bg-footer-theme .show>.footer-link,
.bg-footer-theme .active>.footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
    color: #4E5155
}

.bg-footer-theme hr {
    border-color: rgba(78, 81, 85, 0.0763725)
}

.layout-footer {
    box-shadow: 0 -1px 0 rgba(24, 28, 33, 0.06)
}

hr {
    border-color: rgba(24, 28, 33, 0.06)
}
.custom-row{
    background:#f4f4f4;
    margin-bottom:15px;
    border-radius:1px;
    border:1px solid #f1f1f1;
}
.custom-row-footer{
    text-align:left;
    padding:5px 10px;
}
.box-name{
    padding-top:20px;
    margin-left:10px;
    color:#062240;
}
.custom-video-box{
    background:#fff;
    padding:5px;
    border-radius:5px;
}
.custom-video-box-source{
    
}
.custom-box-video-title{
    margin-top:5px;
    border-bottom:1px solid #062240;
    padding-left:10px;
    margin-bottom:5px,
}
.custom-box-video-text{
    margin-top:5px;
   
    padding-left:10px;
    padding-bottom:5px,
}
.mobile-text {
        display: none !important;
    }
@media (max-width: 767px) {
    .mobile-text {
        display: none !important;
    }
}

.carousel-max-height{
    max-height:350px !important;
}
@media (max-width: 767px) {
    .carousel-max-height{
    max-height:0px !important;
}
}

body {
    font-family: "Marcellus", serif;
    background-color: #f9f9f9;
    text-align: left;
    margin: 0;
    padding: 0;
}

.testimonials {
    padding: 50px;
    background-color: #fff;
    overflow: hidden;
}

h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #333;
}

/* Scroll Wrapper */
.testimonial-wrapper {
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    padding-bottom: 10px;
}

/* Scroll Container */
.testimonial-container {
    display: flex;
    gap: 20px;
    padding: 10px;
}

/* Individual Testimonial */
.testimonial {
    background: #fff;
    padding: 20px;
    width: 300px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: inline-block;
    white-space: normal;
}

.testimonial img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

.testimonial p {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
}

.testimonial h4 {
    color: #333;
    font-size: 18px;
}

/* Hide scrollbar for WebKit browsers */
.testimonial-wrapper::-webkit-scrollbar {
    display: none;
}

