/* Scss Document */
/*Material style border-shadow*/
/*
* Font options for headings to make htings stick out:
*
*	- Futura PT
*	- Raleway
*	- SF Theramin Gothic Bold
*	- Muli?
*/
.btn {
  border-radius: 18px;
  font-family: "futura-pt" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  padding: 0.375rem 0.75rem !important; }

td .btn {
  text-transform: none !important; }

.btn:hover,
.btn:active {
  box-shadow: inset 100px 100px 100px 100px rgba(255, 255, 255, 0.2) !important; }

.btn-primary {
  background-color: #151532 !important;
  color: #fff !important; }

.btn-primary:hover,
.btn-primary:active {
  background-color: #151532; }

.btn-secondary {
  background-color: #dd8929 !important;
  color: #fff !important; }

.btn-info {
  background-color: #59b1d5 !important;
  color: #fff !important; }

.req.error {
  border-color: red !important; }

sup.errorMsg {
  color: red;
  margin-top: 3px; }

body {
  font-family: "Raleway", sans-serif;
  font-weight: 400; }

main {
  padding-top: 30px;
  padding-bottom: 40px;
  min-height: 70vh; }

header {
  background-color: #151532;
  padding: 10px 0; }

header .logo {
  max-width: 140px; }

header .contact-right {
  padding-top: 10px; }

header .contact-right a {
  color: #fff;
  opacity: .8; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "futura-pt"; }

div.bottom-bar {
  background-color: #e2e2e2;
  text-align: center;
  width: 100%;
  padding: 1em; }

div.bottom-bar ul {
  margin-bottom: 0;
  padding: 0; }

div.bottom-bar ul li {
  list-style-type: none;
  display: inline-block; }

div.bottom-bar ul li a {
  color: #969696;
  text-decoration: none; }

div.bottom-bar ul li:before {
  content: '|';
  display: inline-block;
  margin: 0 10px;
  color: #afafaf; }

div.bottom-bar ul li:first-child:before {
  content: '';
  display: none; }

div.bottom-bar ul li a:hover {
  color: #636363; }

.login-card .card-header {
  background-color: #151532;
  color: #dd8929; }

.login-card a {
  color: #151532; }

.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
  box-shadow: 0 1px 0 0 #dd8929;
  border-bottom: 1px solid #dd8929; }

.md-form input:not([type]):focus:not([readonly]) + label, .md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="search-md"]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {
  color: #dd8929; }

body.login .pt-0 {
  padding-top: 10px !important; }

/* Sass Document */
.welcome main#main {
  background-color: #151532 !important; }

.welcome .welcome-card {
  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s; }

.welcome p {
  font-size: 14px;
  margin-bottom: 5px; }

.welcome .form-group {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px !important; }

.welcome .form-group .form-contorl {
  border-radius: 18px; }

.welcome label.control-label:not(.file-label) {
  font-weight: 600;
  font-family: "futura-pt"; }

.welcome input.hidden {
  display: none; }

.welcome label.file-label {
  padding: 2em;
  text-align: center;
  opacity: 0.7;
  transition: opacity .3s;
  display: block;
  border: 2px dashed rgba(25, 25, 25, 0.7);
  border-radius: 18px; }

.welcome label.file-label:hover {
  cursor: pointer;
  opacity: .85;
  border-color: rgba(25, 25, 25, 0.85) !important; }

@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20%); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20%); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20%); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20%); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20%); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none; }

.has-file-upload.has-advanced-upload .box-wrapper {
  background-color: white;
  outline: 2px dashed black;
  outline-offset: -10px;
  padding: 2.5em; }

.has-file-upload label[for="strLogo"] {
  display: block;
  margin-bottom: 0 !important;
  text-align: center; }

.has-file-upload label[for="strLogo"] strong {
  font-weight: 900;
  color: #151532; }

.has-file-upload.has-advanced-upload .box__dragndrop {
  display: inline; }

.has-file-upload.is-dragover .box-wrapper {
  background-color: grey; }

.has-file-upload.is-uploading .box__input {
  visibility: none; }

.has-file-upload.is-uploading .box__uploading {
  display: block; }

.box__button {
  display: none; }

.no-js .box__button {
  display: block; }

.tab-nav {
  overflow: auto; }

.tab-nav .next {
  float: right; }

.tab-nav .prev {
  float: left; }

.card.register-card .card-header {
  background-color: #fff !important;
  text-align: !important; }

.card.register-card .card-header p {
  text-align: center;
  font-family: "futura-pt"; }

.card.register-card .nav-pills .nav-link {
  border-radius: 0; }

.card.register-card .nav-pills .nav-link:hover {
  cursor: default !important; }

.card.register-card .nav-pills .nav-link:not(.active) {
  background-color: #59b1d5;
  opacity: 0.5;
  color: #fff !important; }

.card.register-card .nav-pills .nav-link.active {
  background-color: #151532;
  opacity: 1; }

body {
  position: relative; }

.notify-container {
  position: absolute;
  bottom: 5%;
  right: 1em; }

.notify-alert {
  background-color: #e2e2e2;
  color: #1a1a1a;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.notify-alert.alert-error {
  background-color: #e43030 !important;
  color: #fff !important; }

.notify-alert.alert-info {
  background-color: #59b1d5 !important;
  color: #fff !important; }

@media (max-width: 768px) {
  header .row.header {
    margin-top: 0; }

  header .row.header .logo-col {
    text-align: center; }

  header .row.header .logo-col img {
    margin: 0; }

  body header .contact-right {
    padding: .5em;
    text-align: center; } }