:root {
  --purple-base: #595478;
  --blueAccent-base: #4e87a0;
  --blue-base: #2b5a87;
  --blue-lighten-20: #557b9f;
  --blue-lighten-40: #7f9cb7;
  --blue-lighten-60: #aabdcf;
  --blue-lighten-80: #d4dee7;
  --blue-lighten-90: #eaeef3;
  --blue-darken-20: #22486c;
  --blue-darken-40: #193651;
  --blue-darken-60: #112436;
  --green-base: #74aa50;
  --green-lighten-20: #90bb73;
  --green-lighten-40: #accc96;
  --green-lighten-60: #c7ddb9;
  --green-lighten-90: #e3eedc;
  --green-darken-20: #5c8840;
  --green-darken-40: #456630;
  --green-darken-60: #2e4420;
  --yellow-base: #ffb900;
  --yellow-lighten-20: #ffc733;
  --yellow-lighten-40: #ffd566;
  --yellow-lighten-50: #ffdc7f;
  --yellow-lighten-60: #ffe399;
  --yellow-lighten-80: #fff1cc;
  --orange-base: #dc582a;
  --orange-lighten-20: #e37955;
  --orange-lighten-40: #ea9b7f;
  --orange-lighten-60: #f1bcaa;
  --orange-lighten-80: #f8ded4;
  --orange-lighten-90: #fbeee9;
  --orange-darken-20: #b04621;
  --gray-base: #505050;
  --gray-lighten-20: #737373;
  --gray-lighten-40: #969696;
  --gray-lighten-60: #b9b9b9;
  --gray-lighten-80: #dcdcdc;
  --gray-lighten-90: #ededed;
  --gray-lighten-95: #f6f6f6;
  --gray-darken-20: #404040;
  --gray-darken-40: #303030;
  --gray-darken-60: #202020;
  --red-base: #c80000;
  --red-lighten-20: #d33333;
  --red-lighten-40: #de6666;
  --red-lighten-60: #e99999;
  --red-lighten-80: #f4cccc;
  --red-lighten-90: #f9e5e5;
  --red-darken-20: #a00000;
  --red-darken-40: #780000;
  --red-darken-60: #500000;
  --white-base: #ffffff;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.ttf');
}

body, html {
  font-family: 'Roboto', arial, sans-serif !important;
  font-size: 14px !important;
  background-repeat: no-repeat;
  height: 100%;
}

.login-body {
  background-color: white;
  background-image: none;
  display: flex;
  align-items: center;
  max-width: 1920px;
  max-height: 1024px;
  margin: 0 auto;
  min-height: calc(100% - 51px);
}

.login-bg-image {
  display: block;
  background-size: unset;
  background-position: right calc(50% + 320px) top 50%;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

#okta-login-container {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.card-container.card {
  margin: 0;
  border: 0;
  border-radius: 1rem;
  box-shadow: none;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  left: 18%;
  width: 400px;
}

.okta-signin-submit {
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  background-image: linear-gradient(to left,
    #407aa0,
    #2b5a87);
  border: 0;
  border-color: currentcolor;
  text-transform: uppercase !important;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fff;
  margin-top: 25px;
  font-size: 12px !important;
  height: 32px;
}

.login-logo {
  padding: 30px;
  width: auto;
  margin: 0 auto 10px;
  display: block;
}

.o-form-input-label input {
  padding-left: 8px;
}

.o-form-input {
  margin-bottom: 25px;
}

.o-form-input-label label {
  font-weight: 200 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  color: #505050 !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
}

#okta-login-container h2,
#okta-login-container h3 {
  margin: 1.5rem 0 1rem 0;
  font-weight: bold;
  color: #2f3f4a;
  padding-bottom: 25px;
}

.o-form-head {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-top: 10px !important;
  text-align: center !important;
  text-transform: none !important;
}

.o-form-accordion {
  line-height: 1.5 !important;
  font-size: 13px !important;
  margin-top: 200px !important;
  text-transform: uppercase;
  border: 10px solid !important;
  border-image-slice: 1 !important;
  border-width: 5px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--blue-base) !important;
  box-shadow: none !important;
}
.login-text {
  font-size: 14px !important;
  font-weight: bold !important;
}


.o-form-accordion .accordion-toggle {
  font-size: 14px;
  font-weight: bold;
}

.sidebar-menu .nav-link.active {
  background-color: #dc3545 !important;
  color: white !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555 !important;
  cursor: default;
  border: 0px;
  border-bottom: 3px solid var(--red-lighten-20) !important;
}
/* Logo */
.logo-big {
  width: 145px !important;
  max-height: 45px !important;
  margin-right: 40px !important;
}

.logo-small {
  max-height: 45px !important;
}

.brand-link {
  border-bottom-width: 0px !important;
}

/* Sidebar */
.sidebar{
  border-top: none;
}

.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #dc3545;
  color: #fff !important;
}

/* Link */
a {
  color: var(--blue-base) !important;
}

a:hover, a:active, a:focus {
  color: var(--blue-base) !important;
}

a:focus, a:hover {
  color: var(--blue-base) !important;
}

a.btn {
  border: 0px !important;
}

a.btn.disabled {
  opacity: 1 !important;
  color: #fff !important;
}


/* Breadcrumb */
.breadcrumb {
  list-style: none;
}

.breadcrumb > .active {
  color: #2B5A87;
}
.content-header > .breadcrumb {
  color: #2B5A87;
  font-size: 14px;
  font-face: Roboto;
  padding: 8px;
}

.content-header > .breadcrumb > li > a {
  color: #2B5A87;
  border: 1px;
  text-decoration: none;
  display: inline-block;
}

.content-header > .breadcrumb > li > a:hover {
  text-decoration: underline;
}

/* Button */
.btn.btn-primary  {
  text-decoration: none;
  cursor: pointer;
  border-radius: 20px;
  background-image: linear-gradient(to left,
    #407aa0,
    #2b5a87);
  border: 2px inside #2B5A87 !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #fff !important;
  font-family: Roboto;
  letter-spacing: 1px !important;
}

.btn-flat {
  border-radius: 0 20px 20px 0 !important;
}

.btn.btn-primary:hower {
  background-color: #407aa0;
}

.btn.btn-primary:pressed {
  background-color: #407aa0;
}

.circular-actions a {
  text-decoration: none;
  cursor: pointer;
  border-radius: 20px;
  background-image: linear-gradient(to left,
    #407aa0,
    #2b5a87);
  border: 2px inside #2B5A87 !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #fff !important;
  font-family: Roboto;
  letter-spacing: 1px !important;
}

.circular-actions a:hower {
  background-color: #407aa0;
}

.circular-actions a:pressed {
  background-color: #407aa0;
}

.btn.btn-success {
  text-decoration: none;
  cursor: pointer;
  border-radius: 20px;
  background-image: linear-gradient(to left,
    #407aa0,
    #2b5a87);
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #fff !important;
  font-family: Roboto;
  letter-spacing: 1px !important;
  border: 0px !important;
}

#btn-logout {
  border-radius: 20px !important;
  background-color: #6c757d !important;
  color: #fff !important;
}

.btn.btn-success:hower {
  background-color: #407aa0;
}

.btn.btn-success:pressed {
  background-color: #407aa0;
}

.btn.btn-default, .btn.btn-secondary {
  letter-spacing: 1px;
  color: #2B5A87 !important;
  border-radius: 20px;
  border: 2px inside #2B5A87;
  background-color: #fff;
}

.btn.btn-default:hover {
  background-color: #ecf0f5;
}

.btn.btn-default:pressed {
  background-color: #dae2ea;
}

.page-item:hower {
  background-color: #407aa0;
}

/* Confirm modal delete */
.bootbox-confirm .btn-primary {
  background-color: var(--red-base);
  border-color: var(--red-base);
  background-image: none;
}

.bootbox-confirm .btn-primary:hover {
  background-color: #da4a4a;
  border-color: #da4a4a;
}

.bootbox-confirm .btn-primary:pressed {
  background-color: #8a2a2b;
  border-color: #8a2a2b;
}
/* Pagination */
.pagination a {
  color: #000000 !important;
}

.accent-success .page-item.active .page-link, .accent-success .page-item.active a {
  background-color: var(--red-lighten-20) !important;
  border-color: var(--red-lighten-20) !important;
  color: #fff !important;
}

.palette-scrollbar {
  min-width: 100%;
  overflow: scroll;
}

@-moz-document url-prefix(''){
  .palette-scrollbar {
    width: auto !important;
  }
}

#importCSV {
  width: 500px;
}

.gfsEntitlement{
  position: fixed;
  top: 95px;
  left: 55px;
  width: 90%;
}

.gfsEntitlementBox{
  padding-top: 5px;
}

.gfsEntitlementSearchBox{
  width: 98%;
  left: 10px;
}

.form-control:focus {
  border-color: var(--blue-base) !important;
}


.background-footer {
  margin-bottom: -30px !important;
  padding-bottom: 70px !important;
}

.input-group {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.searchBox .input-group {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}