:root {
    --dark: #1F1C18;
    --gray: #bbb;
    --gray-lt: #eee;
    --primary: #0D3B66;
    --red: #d43f3a;
    --white: #fff;
}
.block {
    display: block;
}
.w-full {
    width: 100%;
}
.bg-primary {
    background-color: var(--primary);
}
[readonly] {
    background-color: var(--gray-lt) !important;
}

body {
    padding-bottom: 5rem;
}
body::before {
    content: "";
    display: block;
    height: 100px;
    background: linear-gradient(to top, var(--dark), var(--primary));
}
.login-form {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
}
.login-form  img {
    max-width: 352px;
    height: auto;
}
.login-form label {
    margin-bottom: 2px;
}
.login-form input {
    border-radius: 0;
}
.navbar img {
    height: 50px;
}

.page-heading {
    font-size: 3.5rem;
    color: var(--primary);
    margin-bottom: 1.5rem;
}
.page-heading--m-bot {
    margin-bottom: 3rem;
}
.input-container {
    margin-bottom: 1rem;
}
.submit-btn {
    margin-top: 1rem;
    background-color: transparent;
    border: 3px solid var(--primary);
    border-radius: 0;
}
.submit-btn--reset {
    color: var(--gray);
    border-color: var(--gray);
}
.submit-btn:hover {
    color: var(--white);
    background-color: var(--primary);
}
.submit-btn--reset:hover {
    color: var(--white);
    background-color: var(--gray);
}
.signout-btn {
    display: flex;
    align-items: center;
}
.signout-btn--mobile {
    color: var(--red);
}
.signout-btn .glyphicon {
    margin: 0 0 2px 0.75rem;
}
@media screen and (min-width: 768px) {
    .signout-btn--mobile {
        display: none;
    }
}


.form-field {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.lookup-field {
    height: 34px;
    width: 170px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.large-box {
    height: 107px;
    width: 200px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.larger-field {
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.small-field {
    height: 34px;
    width: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.modal-textbox {
    height: 500px;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.search-btn { 
    margin-left: -8px !important;
    margin-top: -2px;
    background-color: #eee;
}
.file-upload {
    display: inline;
    margin: 0 auto;
}

.hide-field {
    display: none;
}
@media (min-width: 991px) {
  .vertical-line-right {
      border-right: 1px solid #ccc;
  }
}
@media (max-width: 990px) {
  .hidden-space {
      display: none;
  }
}
.view-more {
    width: 200px;
    margin-top: -7px;
    background-color: var(--primary);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.view-more:hover {
    filter: brightness(0.85);
    background-color: var(--primary);
}
.modal-body {
    overflow-y: auto;
}