@import url('https://fonts.googleapis.com/css?family=Roboto:100,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Bebas+Neue&display=swap');

body {
  color: #555;
  font-size: 13px;
  background-color: #ffffff;
  font-family: Roboto, sans-serif;
}

/**
*  Margins
*/
.mt-0 {
  margin-top:0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-0 {
  margin-bottom:0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pt-20 {
  padding-top:20px;
}

.pb-20 {
  padding-bottom:20px;
}

.bg-grey {
  background-color: #f9f9f9;
}

.cursor-pointer {
  cursor: pointer;
}

/**
 * Header Styles
 */

.header {
  margin:0 auto;
  height:121px;
  border-top: 5px solid #131313;
  border-bottom: 3px solid #131313;
  background: radial-gradient(circle at left center, rgba(255,255,255,.8), transparent 50%), linear-gradient(90deg, #fff 0%, #f7fbf7 20%, #fff 45%, #d8ead7 75%, #8fad87 100%)
}

.header .logo img {
  width: 35%;
  margin-top: 7px;
}

/**
 * Navigation
 */


/**
 * Content Styles
 */

.year-banner h1 {
  font-family: 'Bebas Neue', sans-serif;
  text-transform:uppercase;
  font-size:65px;
  font-weight:900;
  color:#ffc800;
}

.year-inner {
  display: flex;
  align-items: center;
  gap: 25px;
  padding:0 10px;
}

.year-inner p {
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  font-size:25px;
  color:#2E7DDA;
}

.year-inner .line {
  flex:1;
  height: 4px;
  background: #b3b3b3;
  border-radius: 2px;
}

.user-welcome {
  margin-right:20px;
}

.alert {
  padding:10px;
}

.section {
  padding:20px 50px;
}

.section > h4 {
  line-height: 150%;
}

h4.alert {
  font-weight: normal;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #fbfbfb;
}

.tab-content {
  float:left;
  border:1px solid #ddd;
  border-top: 0;
  width:100%;
  background-color: #fbfbfb;
}

.tab-content table {
  background-color:#fff;
}

.tab-pane {
  float:left;
  padding:15px;
}

.tab-pane#instructions li {
  margin-bottom:5px;
}

.actions a,
.actions li i,
.actions span {
  margin-right:5px;
}

.actions li a {
  font-size:12px;
}

.row-wizard > div {
  height:100px;
  border-right:2px solid #fff;
}

.row-wizard h5 {
  font-weight: bold;
}

.row-wizard p {
  font-size:90%;
}


.applicant-dashboard .btn {
  min-height:130px;
  white-space: normal;
  word-wrap: break-word;
  font-size:16px;
  padding-top:50px;
}

/**
 * Form Styles
 */

.control-label {
  font-weight: normal;
}

.control-label span {
  color: #f00;
  font-size: 90%;
}

.checkbox-inline.option-checkbox input {
  margin-top:1px;
}

td small.imp {
  color:#f00;
}

.readonly .form-control {
  box-shadow: none;
  font-weight: bold;
  background-color: #f2f2f2;
}

.report-block {
  padding:10px 0;
  background-color:#eee;
  border:1px solid #ddd;
}


/**
 * Print Styles
 */

.print .table td {
  font-size: 11px;
}

.print .table tr > td > table {
  width:100%;
}

.print .table tr > td {
  padding:4px;
}

.print label {
  font-weight: bold;
}

/**
 * Footer Styles
 */
.footer {}

.footer .footer-links a {
  display: inline-block;
}

.footer .footer-links a::after {
  content: "|";
  margin:0 10px;
}

.footer .footer-links a:last-child::after {
  content: "";
}


/**
 * Overrides
 */

.bg-primary-o,
.bg-success-o,
.bg-info-o,
.bg-danger-o,
.bg-warning-o {
  color: #fff;
}

.bg-primary-o {
  background-color:#007bff
}

.bg-success-o {
  background-color:#28a745;
}

.bg-info-o {
  background-color:#17a2b8;
}

.bg-danger-o {
  background-color: #dc3545
}

.bg-warning-o {
  background-color: #ffc107;
}

.success-o,
.danger-o {
  color: #fff;
  font-weight: bold;
}

.success-o {
  background-color: #189926;
}

.danger-o {
  background-color: #f00;
}