.theme-ocean #sidebar,
.theme-ocean #logo
{
    background-color: #206690;
}
.theme-ocean .noUi-handle,
.theme-ocean .simplebar-scrollbar,
.theme-ocean #cardCalendar .clndr .days-container .days .headers,
.theme-ocean #cardCalendar .clndr .days-container .days .day.event,
.theme-ocean #cardCalendar .clndr .days-container .days .empty.event,
.theme-ocean #cardCalendar .clndr .days-container .events .event-header,
.theme-ocean .segment,
.theme-ocean .tableContent.flcReport thead tr#row_0:not(:first-child) th,
.theme-ocean table.dataTable thead>tr>th,
.theme-ocean .btn-primary,
.theme-ocean .btn-success,
.theme-ocean .inputButton,
.theme-ocean .select2-container--default .select2-results__option--highlighted[aria-selected],
.theme-ocean .dropdown-item:active,
.theme-ocean .page-item.active .page-link,
.theme-ocean .daterangepicker td.selected,
.theme-ocean .daterangepicker td.selected:hover,
.theme-ocean .daterangepicker td.active,
.theme-ocean .daterangepicker td.active:hover,
.theme-ocean #sidebar .simplebar-scrollbar,
.theme-ocean #cardCalendar .clndr .controls,
.theme-ocean .dhx_cal_tab.active
{
	/*background-color: #6a529a; official background*/
	background-color: #5487B5;
}
.theme-ocean .btn-primary:hover,
.theme-ocean .btn-success:hover,
.theme-ocean .inputButton:hover,
.theme-ocean #cardCalendar .clndr .controls
{
	background-color: #7A6896 ; /*official darker background*/
}
.theme-ocean .form-control:focus,
.theme-ocean .select2-search--dropdown .select2-search__field:focus,
.theme-ocean .page-item.active .page-link,
.theme-ocean .select2-container--default.select2-container--focus .select2-selection--multiple,
.theme-ocean .select2-container--default .select2-selection--multiple:focus,
.theme-ocean .select2-container--default .select2-selection--single:focus,
.theme-ocean #cardCalendar .clndr,
.theme-ocean .dhx_cal_tab.active,
.theme-ocean .dhx_cal_tab,
.theme-ocean .dhx_cal_ltitle
{
	border-color: #5487B5; /*official background as border color*/
}
.theme-ocean .event-time,
.theme-ocean .dhx_cal_tab,
.theme-ocean .dhx_cal_today_button,
.theme-ocean .dhx_cal_prev_button,
.theme-ocean .dhx_cal_next_button
{
	color: #5487B5 ; /*official background as font color*/
}

.theme-ocean path[fill='#fffff1'] { fill: #5487B5; }
.theme-ocean path[fill='#fffff2'] { fill: #82BBFA; }
.theme-ocean path[fill='#fffff3'] { fill: #9D80FB; }

.theme-ocean .fffff1 { background-color: #5487B5; }
.theme-ocean .fffff2 { background-color: #82BBFA; }
.theme-ocean .fffff3 { background-color: #9D80FB; }

.theme-ocean [type=checkbox] + .prettyCheck,
.theme-ocean [type=radio] + .prettyCheck
{
	background-image: url(theme-ocean-prettyCheck.png);
}

.theme-ocean .fixed-action-button .padder:nth-child(1) a, .theme-ocean .profileList thead tr:nth-child(7n+1) .circle-medium { background: #206690; }
.theme-ocean .fixed-action-button .padder:nth-child(2) a, .theme-ocean .profileList tbody tr:nth-child(7n+1) .circle-medium { background: #3690C0; }
.theme-ocean .fixed-action-button .padder:nth-child(3) a, .theme-ocean .profileList tbody tr:nth-child(7n+2) .circle-medium { background: #74A9CF; }
.theme-ocean .fixed-action-button .padder a, .theme-ocean .profileList tbody tr .circle-medium { background: #A6BDDB; }

.theme-ocean body > .wowfab { background-color: #206690; }
.theme-ocean .wowfab > .wowfab { background-color: #3690C0; }
.theme-ocean .wowfab > .wowfab > .wowfab { background-color: #74A9CF; }
.theme-ocean .wowfab > .wowfab > .wowfab .wowfab { background-color: #A6BDDB; }


/*=========================================================================== Customize for FIMS */
.theme-ocean #logo {
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.22);
    /* box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1); */
}
#sidebar {
    background-image: linear-gradient(45deg, #9735B2 20% ,#52C0F7 100%);
}
#sidebar .profile {
    border-top: 0;
    border-bottom: 0;
}
#subs-contain {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.22);
}
#header {
    background-color: white;
    background-image: none;
	box-shadow: 0px 0 5px 0 rgba(0, 0, 0, 0.2);
    height: 52px !important;
}
#header .la,
#header #mobileTitle {
	color: #212121 !important;
}
#subs-contain {
	color: #FFF079 !important;
}
ul.sideMenuList li a.noChild.menuActive {
    background-color: rgba(0, 0, 0, 0.2) !important
}
ul.sideMenuList.menuLevel2 li > a {
    background: transparent;
}
back {
	color: #8D8FE6;
}
.theme-ocean .noUi-handle, .theme-ocean .simplebar-scrollbar, .theme-ocean #cardCalendar .clndr .days-container .days .headers, .theme-ocean #cardCalendar .clndr .days-container .days .day.event, .theme-ocean #cardCalendar .clndr .days-container .days .empty.event, .theme-ocean #cardCalendar .clndr .days-container .events .event-header, .theme-ocean .segment, .theme-ocean .tableContent.flcReport thead tr#row_0:not(:first-child) th, .theme-ocean table.dataTable thead>tr>th, .theme-ocean table.dataTable tfoot>tr>th, .theme-ocean .btn-primary, .theme-ocean .btn-success, .theme-ocean .inputButton, .theme-ocean .modal-header, .theme-ocean .select2-container--default .select2-results__option--highlighted[aria-selected], .theme-ocean .dropdown-item:active, .theme-ocean .page-item.active .page-link, .theme-ocean .daterangepicker td.selected, .theme-ocean .daterangepicker td.selected:hover, .theme-ocean .daterangepicker td.active, .theme-ocean .daterangepicker td.active:hover, .theme-ocean #sidebar .simplebar-scrollbar, .theme-ocean #cardCalendar .clndr .controls, .theme-ocean .dhx_cal_tab.active {
    background-color: #8D8FE6;
}
.theme-ocean table.dataTable thead > tr ~ tr > th {
    background-color: #A7A9F5 !important;
}
.theme-ocean .bg-primary {
    background-color: #8D8FE6 !important;
}
.theme-ocean .btn-primary:hover, .theme-ocean .btn-success:hover, .theme-ocean .inputButton:hover, .theme-ocean #cardCalendar .clndr .controls {
    background-color: #8D8FE6;
}
[id^=divDtDyn], [id^=dtDYN] {
	overflow: initial !important;
}
.theme-ocean .form-control:focus:not(:read-only),
.theme-ocean .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple:focus,
.theme-ocean .select2-container--default:not(.select2-container--disabled) .select2-selection--single:focus,
.theme-ocean .select2-container--open .select2-dropdown,
.theme-ocean .select2-selection[aria-expanded="true"] {
	background-color: #FFFF7F; /* light yellow */
}