/* CSS Document */
:root {
  --bs-body-font-family: sans-serif;
}

body {
  font-family: var(--bs-body-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: inherit;
  line-height: 1;
  padding-bottom: 2px;
  background: linear-gradient(0deg, #2e3092, #2e3092) no-repeat right bottom / 0 2px;
  transition: background-size 350ms;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: #212b36;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,h1 {
    font-size: calc(1.35rem + 1.2vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.25rem
    }
}

.h2,h2 {
    font-size: calc(1.3125rem + .75vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:1.875rem
    }
}

.h3,h3 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.5rem
    }
}

.h4,h4 {
    font-size: 1.125rem
}

.h5,h5 {
    font-size: .938rem
}

.h6,h6 {
    font-size: .75rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

.w3-flat-turquoise
{color:#fff!important;background-color:#1abc9c!important}
.w3-flat-emerald
{color:#fff!important;background-color:#2ecc71!important}
.w3-flat-peter-river
{color:#fff!important;background-color:#3498db!important}
.w3-flat-amethyst
{color:#fff!important;background-color:#9b59b6!important}
.w3-flat-wet-asphalt
{color:#fff!important;background-color:#34495e!important}
.w3-flat-green-sea
{color:#fff!important;background-color:#16a085!important}
.w3-flat-nephritis
{color:#fff!important;background-color:#27ae60!important}
.w3-flat-belize-hole
{color:#fff!important;background-color:#2980b9!important}
.w3-flat-wisteria
{color:#fff!important;background-color:#8e44ad!important}
.w3-flat-midnight-blue
{color:#fff!important;background-color:#2c3e50!important}
.w3-flat-sun-flower
{color:#fff!important;background-color:#f1c40f!important}
.w3-flat-carrot
{color:#fff!important;background-color:#e67e22!important}
.w3-flat-alizarin
{color:#fff!important;background-color:#e74c3c!important}
.w3-flat-clouds
{color:#000!important;background-color:#ecf0f1!important}
.w3-flat-concrete
{color:#fff!important;background-color:#95a5a6!important}
.w3-flat-orange
{color:#fff!important;background-color:#f39c12!important}
.w3-flat-pumpkin
{color:#fff!important;background-color:#d35400!important}
.w3-flat-pomegranate
{color:#fff!important;background-color:#c0392b!important}
.w3-flat-silver
{color:#000!important;background-color:#bdc3c7!important}
.w3-flat-asbestos
{color:#fff!important;background-color:#7f8c8d!important}

/* primary color */
.alert-primary {
    color: #101134;
    background-color: #a8a9e3;
    border-color: #989ade;
}

.alert-primary hr {
    border-top-color: #8587d8;
}

.alert-primary .alert-link {
    color: #04040e;
}

.badge-primary {
    color: #fff;
    background-color: #2e3092;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #21236b;
}

.bg-primary {
    background-color: #2e3092 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #21236b !important;
}

.border-primary {
    border-color: #2e3092 !important;
}

.btn-primary {
    color: #fff;
    background-color: #2e3092;
    border-color: #2e3092;
}

.btn-primary:hover {
    color: #fff;
    background-color: #252776;
    border-color: #21236b;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 48, 146, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #2e3092;
    border-color: #2e3092;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #21236b;
    border-color: #1e1f5f;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 48, 146, 0.5);
}

.btn-outline-primary {
    color: #2e3092;
    background-color: transparent;
    border-color: #2e3092;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #2e3092;
    border-color: #2e3092;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 48, 146, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #2e3092;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #2e3092;
    border-color: #2e3092;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 48, 146, 0.5);
}

.list-group-item-primary {
    color: #101134;
    background-color: #989ade;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #101134;
    background-color: #8587d8;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #101134;
    border-color: #101134;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #989ade;
}

.table-hover .table-primary:hover {
    background-color: #8587d8;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #8587d8;
}

.text-primary {
    color: #2e3092 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #21236b !important;
}

/* home page */

.home-background {
  background-color: #4c4d8a;
  background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) ), url("../img/background.jpg") center/cover;
}
.home-title {
  background: rgba(255, 255, 255, 0.2);
}
.home-title h1 {
  font-size: calc(0.8rem + 1vw) !important;
  font-weight: 400;
  color: #f5821f !important;
}

/* forms */
.form-group {
  position: relative;
  margin-bottom: 1rem;
}
.field-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.9);
}
.login-form .form-control {
    background: transparent;
    border: none;
    height: 50px;
    color: white !important;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 40px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.login-form .form-control::-webkit-input-placeholder {
    color: #c7c7c7;
    opacity: 1;
}
.login-form .form-control:-ms-input-placeholder {
    color: #c7c7c7;
    opacity: 1;
}
.login-form .form-control::-ms-input-placeholder {
    color: #c7c7c7;
    opacity: 1;
}
.login-form .form-control::placeholder {
    color: #c7c7c7;
    opacity: 1;
}
.login-form .btn.btn-primary {
    background: #2e3092 !important;
    border: 1px solid #2e3092 !important;
    color: white !important;
}

.login-form .btn.btn-primary:hover {
    background-color: #252776 !important;
    border-color: #21236b !important;
}

.checkbox-wrap {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.checkbox-wrap:hover {
  color: #464ae3 !important;
}

/* Hide the browser's default checkbox */
.checkbox-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "\f0c8";
  font-family: "FontAwesome";
  position: absolute;
  color: rgba(255, 255, 255, 0.1);
  font-size: 20px;
  margin-top: -4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .checkmark:after {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
  content: "\f14a";
  font-family: "FontAwesome";
  color: rgba(0, 0, 0, 0.2); }

/* Style the checkmark/indicator */
.checkbox-primary {
  color: #5a5cbb; }
  .checkbox-primary input:checked ~ .checkmark:after {
    color: #5a5cbb; }

.btn-square-xs {
  width: 16px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 16px !important;
  text-align: center;
  padding: 0px;
  font-size: 8px;
}

.btn-square-sm {
  width: 30px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 30px !important;
  text-align: center;
  padding: 0px;
  font-size: 16px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

.input-hidden {
  opacity: 0; 
  width: 0; 
  height: 0; 
  border: none; 
  position: absolute; 
  pointer-events: none;
}

.form-error {
  display: none;
}

.was-validated .form-error {
  display: block;
}

.tick-cell .form-control.is-invalid, .was-validated .tick-cell .form-control:invalid {
  top: calc(50% - 15px);
  right: calc(0.25rem - 19px);
  position: absolute;
  width: 49px;
  height: 30px;
  padding: 0;
  opacity: 1;
  border: 1px solid #dc3545;
  background-color: transparent;
  background-position: right center;
}

.was-validated .tick-left .form-control:invalid {
  top: calc(50% - 15px);
  right: -19px;
  position: absolute;
  width: 49px;
  height: 30px;
  padding: 0;
  opacity: 1;
  border: 1px solid #dc3545;
  background-color: transparent;
  background-position: right center;
}

#spinner-div {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
}

.icon-shape {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.icon-md {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 2.5rem;
}

@keyframes pulseBreathingAnimation {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.pulse {
    animation: pulseBreathingAnimation 1s infinite ease-in-out;
}

.table>:not(:last-child)>:last-child>* {
  border-bottom-color: inherit !important;
}

.sigNav {
  font-size: 15px;
  font-weight: normal;
  height: 1.9em !important;
}

.sigNav a.current, .sigNav a.current:link, .sigNav a.current:visited {
  background-color: #6c757d !important;
  line-height: 2.1em;
  font-weight: normal;
}

.nav-tabs .nav-link {
  background-color: var(--bs-secondary);
  color: white;
}

table.table-link tbody tr:hover {
  cursor: pointer;
}

/* End CSS */