﻿@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-Black.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-BlackItalic.ttf');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-ExtraLight.ttf');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-ExtraLightItalic.ttf');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('SourceSansPro-SemiBoldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}
#body {
  font-family: 'SourceSansPro', sans-serif;
  color: #372714;
}
#body h1,
#body h2,
#body h3,
#body h4,
#body h5,
#body h6 {
  color: #0B3D91;
}
#body .menu-container {
  background-color: #0B3D91;
}
#body .navbar-inverse .nav li a {
  font-family: 'SourceSansPro', sans-serif !important;
  color: #ffffff;
}
#body .navbar-inverse .nav li a:hover {
  font-family: 'SourceSansPro', sans-serif !important;
  color: #F26721;
}
#body .navbar-inverse .nav .active a i {
  color: #F26721;
}
#body .navbar-inverse .nav li a:hover i {
  color: #F26721;
}
#body #nav-extras .nav {
  color: #444 !important;
  text-shadow: none;
}
#body #nav-extras li a {
  color: #444 !important;
  text-shadow: none;
}
#body #nav-extras li a:hover {
  color: #F26721 !important;
  text-shadow: none;
}
#body #nav-extras li a.nav-btn {
  color: #fff !important;
}
#body #nav-extras li a.nav-btn:hover {
  color: #ddd !important;
}
#body #nav-extras .btn,
#body #nav-extras .nav-btn {
  background: linear-gradient(to right, #2d2e83 0%, #1d71b8 100%) !important;
  border-radius: 50px;
  border-style: none;
  color: #fff !important;
}
#body #nav-extras .btn,
#body #nav-extras .nav-btn:hover {
  background: linear-gradient(to left, #2d2e83 0%, #1d71b8 100%) !important;
  color: #ddd !important;
}
#body #culture-selection #current-culture {
  text-shadow: none !important;
  color: #444 !important;
}
#body #culture-selection #current-culture:hover {
  color: #F26721 !important;
}
#body legend {
  border-color: #F26721;
  border-width: 3px;
}
#body a:hover {
  cursor: pointer;
  text-decoration: none;
}
#body li a .btn.cancel,
#body .btn.cancel {
  border: 1px solid #F26721 !important;
  color: #F26721 !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  text-decoration: none;
}
#body a.logoff {
  background-image: linear-gradient(to right, #F26721, #F26721) !important;
  border-color: #F26721 !important;
  text-transform: uppercase !important;
  color: white;
}
#body .btn a:hover {
  text-decoration: none;
}
#body .btn:hover {
  background-position: center;
}
#body .btn-primary {
  background-image: linear-gradient(to right, #F26721, #F26721) !important;
  border-color: #F26721 !important;
}
#body .btn.dropdown-toggle {
  color: white !important;
}
#body .caret {
  color: white !important;
  border-top: 4px solid white;
}
#body .caret:hover,
#body .caret:visited {
  color: white !important;
  border-top: 4px solid white;
}
#body .cards-container table th {
  font-weight: normal;
  text-transform: uppercase;
}
#body #footer a {
  color: #000000;
}
#body #footer a:hover {
  text-decoration: underline;
}
#body .inputContainer input:checked ~ .checkmark {
  background-color: #0B3D91 !important;
}
#body .sitewideNotification {
  background-color: red;
  color: white;
  font-size: 16px;
  text-align: center;
}
.welcome-link {
  color: #0B3D91 !important;
  font-size: large !important;
}
hr {
  margin: 0 0 15px 0;
  border-color: #F26721;
  border-width: 2px;
}
.pad {
  padding-left: 20px;
  padding-right: 20px;
}
/*.orange-gradient {
    background-image: linear-gradient(to right, @EpaySecondaryColor, @EpaySecondaryColor) !important;
    border: none !important;
}

.blue-gradient {
    background-image: linear-gradient(to right, rgb(165,206,55), rgb(56,171,37)) !important;
    border: none !important;
}*/
.banner {
  padding: 15px 0 0 15px;
}
.container.main {
  background-color: white;
  box-shadow: 0px 0px 8px 1px #c3c3c3;
}
.pad {
  margin: 10px;
}
.dataTable > thead > tr > th {
  background-color: #0B3D91;
  color: #FFF;
}
.text-danger {
  color: #F26721;
}
.table-no-border td {
  border: none;
}
@media only screen and (max-width: 768px) {
  body {
    padding: 0px !important;
    margin: 0px !important;
  }
  body .banner {
    max-width: 260px;
  }
  #body .navbar-inverse .nav li {
    padding: 0px !important;
  }
  .cards-container {
    overflow-x: scroll;
    padding: 0px;
    margin: 0px;
  }
  .main {
    padding: 20px;
  }
  .card-table-row {
    overflow: scroll;
  }
  #sign_in1 {
    background-image: none !important;
    background-color: whitesmoke !important;
  }
}
@media only screen and (min-width: 768px) {
  .card-image-margin {
    margin-left: 55px;
  }
}
@media only screen and (max-width: 420px) {
  .logoff {
    margin-right: 80px;
  }
  .hamburger {
    margin-right: 40px;
  }
}
.card-table {
  max-width: 930px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: auto;
}
#transactionTable_wrapper > .row > div:nth-child(2) {
  margin-left: 0px !important;
}