@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");.preloader {width: 100%;height: 100%;top: 0;position: fixed;z-index: 99999;background: rgba(255, 255, 255, 0.24);}.preloader .cssload-speeding-wheel {position: absolute;top: calc(50% - 3.5px);left: calc(50% - 3.5px);}:root {--theme-primary-color: #154379;--theme-timePanel-color: #154379;}.theme-auth-background {background-color: RGB(0, 81, 117,0.9);background-image:  url(/assets/theme/mid-autumn/auth-sub.png);background-size:  60%;background-position:  left 0%;}.theme-auth-background-sub {background-image: url(/assets/theme/mid-autumn/auth-main.gif);background-size: 80%;background-position: center bottom;background-repeat: no-repeat;transform: scaleX(-1);width: 20vw;height: 20vh;position: absolute;right: 0;bottom: 0;}@media (max-width: 768px) {.theme-auth-background {background-color: RGB(0, 81, 117,0.9);background-image: url(/assets/theme/mid-autumn/auth-main.gif),url(/assets/theme/mid-autumn/auth-sub.gif);;background-size: 70%, 100%;background-position: center 100%, left 0;}.theme-auth-background-sub {display: none;}}.btn-googleplus {color: #ffffff;background-color: var(--theme-primary-color);}.theme-header-image {background-image: url(/assets/theme/mid-autumn/profile.gif);background-size: 100%;background-color: whitesmoke !important;width: 40px;height: 40px;}.theme-timePanel-right-background {background-image: url(/assets/theme/mid-autumn/time_panel.gif);background-color: transparent;background-repeat: no-repeat;background-size: 100%;color: var(--theme-primary-color);background-position: center;animation: float 6s ease-in-out infinite;}.theme-timePanel-left-background {color: whitesmoke;background-color: var(--theme-timePanel-color);}.theme-timePanel-card-background {background-color: #bdcbd2;}.theme-primary-color {border: 1px solid var(--theme-primary-color) !important;background: var(--theme-primary-color) !important;}.theme-erp-logo {background-image: url(/assets/theme/fontripERP_logo_navy.svg);background-size: 100%;width: 50px;height: 50px;margin: 5px 0 5px 0;}.theme-erp-system {padding: 0 10px;font-weight: 500;color: var(--theme-primary-color);font-family: serif;}.breadcrumb-item a {color: var(--theme-primary-color) !important;}@keyframes float {0% {transform: translatey(0px)}50% {transform: translatey(-20px);}100% {transform: translatey(0px);}}@keyframes shake {0%, 100% {transform: translateX(0);}20%, 60% {transform: translateX(-15px) rotate(-15deg);}40%, 80% {transform: translateX(15px) rotate(15deg);}}.topbar {background: var(--theme-primary-color);}.topbar .navbar-header {background: #ffffff;}.topbar .top-navbar .navbar-header .navbar-brand .light-logo {display: none;color: rgba(255, 255, 255, 0.8);}.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {color: #ffffff !important;}.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {color: rgba(255, 255, 255, 0.8) !important;}a.link:hover, a.link:focus {color: var(--theme-primary-color) !important;}.bg-theme {background-color: var(--theme-primary-color) !important;}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {background-color: var(--theme-primary-color);border-color: var(--theme-primary-color);}.right-sidebar .rpanel-title {background: var(--theme-primary-color);}.stylish-table tbody tr:hover, .stylish-table tbody tr.active {border-left: 4px solid var(--theme-primary-color);}.text-themecolor {color: var(--theme-primary-color) !important;}.profile-tab li a.nav-link.active,.customtab li a.nav-link.active {border-bottom: 2px solid var(--theme-primary-color);color: var(--theme-primary-color);}.profile-tab li a.nav-link:hover,.customtab li a.nav-link:hover {color: var(--theme-primary-color);}.btn-themecolor,.btn-themecolor.disabled {background: var(--theme-primary-color);color: #ffffff;border: 1px solid var(--theme-primary-color);}.btn-themecolor:hover,.btn-themecolor.disabled:hover {background: var(--theme-primary-color);opacity: 0.7;border: 1px solid var(--theme-primary-color);}.btn-themecolor.active, .btn-themecolor:focus,.btn-themecolor.disabled.active,.btn-themecolor.disabled:focus {background: #028ee1;}.label-themecolor {background: var(--theme-primary-color);}.sidebar-nav > ul > li.active > a {color: var(--theme-primary-color);border-color: var(--theme-primary-color);}.sidebar-nav > ul > li.active > a i {color: var(--theme-primary-color);}.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {color: var(--theme-primary-color);}.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {color: var(--theme-primary-color);}.btn-secondary, .btn-secondary.disabled {-webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;background-color: #ffffff;color: #67757c;border-color: #b1b8bb}.btn-secondary.disabled:hover, .btn-secondary:hover {-webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2)}.btn-secondary.active, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary:active, .btn-secondary:focus {-webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2)}.btn-primary, .btn-primary.disabled {background: rgb(0, 98, 204);border: 1px solid rgb(0, 92, 191);-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in}.btn-primary.disabled:hover, .btn-primary:hover {background: #5c4ac7;-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);border: 1px solid #5c4ac7}.btn-primary.active, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary:active, .btn-primary:focus {background: #6352ce;-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2)}.btn-success, .btn-success.disabled {background: #26dad2;border: 1px solid #26dad2;-webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in}.btn-success.disabled:hover, .btn-success:hover {background: #26dad2;-webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);border: 1px solid #26dad2}.btn-success.active, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success:active, .btn-success:focus {background: #1eacbe;-webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2)}.btn-info, .btn-info.disabled {background: #1976d2;border: 1px solid #1976d2;-webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in}.btn-info.disabled:hover, .btn-info:hover {background: #1976d2;border: 1px solid #1976d2;-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2)}.btn-info.active, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info:active, .btn-info:focus {background: #028ee1;-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2)}.btn-warning, .btn-warning.disabled {background: #ffb22b;color: #ffffff;-webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);border: 1px solid #ffb22b;-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}.btn-warning.disabled:hover, .btn-warning:hover {background: #ffb22b;color: #ffffff;-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);border: 1px solid #ffb22b}.btn-warning.active, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning:active, .btn-warning:focus {background: #e9ab2e;color: #ffffff;-webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2)}.btn-danger, .btn-danger.disabled {background: #ef5350;border: 1px solid #ef5350;-webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in}.btn-danger.disabled:hover, .btn-danger:hover {background: #ef5350;-webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);border: 1px solid #ef5350}.btn-danger.active, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger:active, .btn-danger:focus {background: #e6294b;-webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2)}