@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap');
.show-nav:before {
  background-color: #ed1c70 !important;
}
.show-nav {
  color: #ffffff !important;
  background-color: #ed1c70 !important;
}
.show-nav:after {
  border-color: transparent transparent #ed1c70 transparent !important;
}
.widget-bordered .widget-content {
  border: 2px solid #1b368c !important;
}
.site-image {
  background: url('/image/78408173-4c6a-467b-86a2-ba10773bb96c') center center no-repeat !important;
}
.wrapper {
  background-image: url('/image/0243ee63-bc31-4f17-9212-8e9cb3340673') !important;
}
.widget-title {
  color: #46184d !important;
}
.widget-body {
  color: #ed1c70 !important;
}
h1 {
  color: #3a383b !important;
}
h2 {
  color: #3a383b !important;
}
h3 {
  color: #3a383b !important;
}
h4 {
  color: #3a383b !important;
}
h5 {
  color: #3a383b !important;
}
h6 {
  color: #3a383b !important;
}
p {
  color: #3a383b !important;
}
a {
  color: #46184d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #f0ad4e !important;
}
.has-warning .form-control {
  border-color: #f0ad4e !important;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e !important;
}
.has-warning .form-control-feedback {
  color: #f0ad4e !important;
}
.btn-primary {
  background-color: #ed1c70 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #60d8e2 !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ed1c70 !important;
}
.btn-success {
  background-color: #5cb85c !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #449d44 !important;
}
.btn-danger {
  background-color: #d9534f !important;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c9302c !important;
}
.label-success {
  background-color: #5cb85c !important;
}
.label-danger {
  background-color: #d9534f !important;
}
.progress-bar {
  background-color: #ed1c70 !important;
}
.progress-bar-success {
  background-color: #5cb85c !important;
}
.progress-bar-danger {
  background-color: #d9534f !important;
}
.panel-primary {
  border-color: #ed1c70 !important;
}
.panel-primary > .panel-heading {
  background-color: #ed1c70 !important;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ed1c70 !important;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ed1c70 !important;
}
.panel-warning > .panel-heading {
  color: #f0ad4e !important;
}
div#divDocumentPanel-upload,
div#divDocumentPanel-library,
div#divDocumentPanel-payslip,
div#divDocumentUpload {
  display: block;
}
div#divDocumentPanel-upload .panel-title {
  margin-bottom: 33px;
}
div#divDocumentPanel-upload .panel-title a {
  color: #5f259f !important;
}
.panel {
  box-shadow: 5px 10px 8px #888888;
  border: none !important;
}
.page-content {
  padding: 30px 0 20px 0;
}
.wrapper {
  background-attachment: fixed;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wrapper {
    background-attachment: scroll;
  }
}
.btn {
  font-family: Rubik;
  font-size: 10.5pt;
  font-weight: 500;
}
.panel-light {
  background-color: #00000000;
}
.panel.panel-light.reset-padding.site-logo {
  box-shadow: none;
}
a {
  border-bottom: none;
}
.page-content.page-content-transparent.page-content-indented:after {
  background-color: rgba(255, 255, 255, 0.25);
}
.site-image {
  height: 110px;
  width: 228px;
  float: right;
}
.reset-padding {
  margin-left: 0px;
  margin-right: -15px;
}
body,
.p,
strong,
h1 > span,
h2 > span,
.widget-title > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.widget-title,
.btn.widget-link {
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
}
@media only screen and (min-width: 992px) {
  .widget:hover {
    transform: translateY(-10px);
  }
  .widget-large:hover {
    transform: none;
  }
  .page-header-widget:hover {
    transform: none;
  }
  .widget {
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
  }
}
.widget-title {
  text-transform: uppercase;
  font-size: 17.9px;
}
.show-nav:before {
  top: -21px;
}
.show-nav {
  left: -8px;
}
.nav-trigger:checked ~ .show-nav,
.nav-trigger:checked ~ .mobile-show-nav {
  left: 269px;
}
.mobile-show-nav {
  color: #ed1c70;
  border: 3px solid #ed1c70;
}
.site-footer {
  color: #fff;
  background-color: #60d8e2;
  border: none;
  position: absolute;
  bottom: 0px;
}
.fa-facebook-square:before {
  color: #fff;
}
.nav-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  min-height: 100%;
  background-color: #46184d;
  -webkit-transform: translate(-280px, 0);
  -ms-transform: translate(-280px, 0);
  transform: translate(-280px, 0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 1000;
  padding: 180px 30px 0 0;
}
.nav-main .fa {
  font-size: 36px;
}
.nav-main .nav-pills > li > a {
  border-radius: 0;
  margin-left: 60px;
  margin-right: 5px;
  color: #ffffff;
  letter-spacing: 1px;
  border: 0;
}
h1 {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.215;
  margin-bottom: 20px;
}
.col-md-6 {
  width: 80%;
}
.widget {
  margin-top: 5px;
  margin-left: -30px;
}
@media (max-width: 768px) {
  
}
img.footer-logo {
  max-height: 50px;
}
@media (max-width: 768px) {
  .site-logo.reset-padding {
    margin-left: 0;
    margin-right: 50px;
  }
}
@media (max-width: 768px) {
  .site-logo,
  .account-info {
    float: right;
    max-width: 180px;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 0;
  }
}