/* Standard elements */
body {
  font-size: 16px;
  background: #F3F3F3;
  color: #323334;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
  color: #00A9E0;
}
@media (max-width: 767px) {
  input {
    font-size: 16px !important;
  }
}
a:hover {
  color: #00A9E0;
  text-decoration: none;
  cursor: pointer;
}
/* Top nav */
.top-nav {
  background: #FFFFFF;
  box-shadow: 0 0 8px 0 #aaa;
  border-radius: 0;
  border: 0;
  font-size: 13px;
  margin-bottom: 10px !important;
}
.navbar {
  margin-bottom: 0px;
}
.top-nav {
  color: #333333;
}
@media (max-width: 767px) {
  .top-nav {
    background-color: #1E3339;
  }
}
.nav-chevron-down {
  border-style: solid;
  border-width: 0.2em 0.2em 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 7px;
  position: relative;
  top: 7px;
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.45em;
}
/* Common */
.reminder {
  font-style: italic;
}
.content-box {
  background: #FFFFFF;
  padding: 0px;
  box-shadow: 3px 3px 8px -3px #aaa;
}
@media (max-width: 991px) {
  .content-box {
    box-shadow: 0px 0px 0px 0px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%!important;
    height: auto!important;
  }
}
.content-box-no-shadow {
  background: #FFFFFF;
  padding: 10px;
  box-shadow: 0px 0px 0px 0px;
}
@media (max-width: 991px) {
  .content-box-no-shadow {
    box-shadow: 0px 0px 0px 0px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%!important;
    height: auto!important;
  }
}
.content-box--dark-blue {
  background: #1E3339;
  color: #FFFFFF;
}
.content-box--main {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 700;
}
@media (max-width: 991px) {
  .myprofile-preview {
    display: none;
  }
}
.alert-danger {
  display: block;
  padding: 5px;
  border-radius: 4px;
  margin-top: 5px;
}
.button--green {
  background: linear-gradient(to right, #00A9E0, #00A9E0);
  color: #FFFFFF;
  border: 0;
  padding: 10px;
  font-size: 13px;
}
.button--green:disabled {
  background: #888;
  cursor: none;
}
.button--gray {
  background: #aaa;
  color: #FFFFFF;
  border: 0;
  padding: 10px;
  font-size: 13px;
}
.flex {
  display: flex;
}
@media (max-width: 767px) {
  .flex {
    display: block;
  }
}
.flex-wrap-yes {
  flex-wrap: wrap;
}
.wide {
  width: 100%;
}
.clear {
  clear: both;
}
.inbox-count {
  background-color: #00A9E0;
  color: #FFFFFF;
  margin-left: 3px;
  font-size: 10px;
  border-radius: unset;
  margin-top: -2px;
  padding-top: 4px;
}
.nav-msg-sender-img {
  margin-top: -3px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent !important;
}
@media (max-width: 767px) {
  .navbar-nav {
    margin: 7.5px 0px 7.5px -15px;
  }
}
.navbar-nav li {
  padding-left: 10px;
  padding-right: 10px;
  outline: 0px !important;
}
.navbar-nav li a {
  outline: 0px !important;
}
.navbar-nav .nextio-pop-up {
  z-index: 1000;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .navbar-nav .nextio-pop-up li {
    padding: 10px 0px;
    border-bottom: 0px;
    padding-left: 0px !important;
    font-size: 13px;
    margin-left: -8px;
    white-space: nowrap;
  }
  .navbar-nav .nextio-pop-up li:before {
    content: '';
    background-image: none;
    background-size: 0px;
    height: 0px;
    width: 0px;
    position: absolute;
    left: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .navbar-nav .white-bg {
    background-color: transparent !important;
    display: block !important;
    position: static;
    border: 0px;
    box-shadow: 0px 0px 0px;
  }
  .navbar-nav .white-bg:before {
    background-image: none;
    background-size: 0px;
    height: 0px;
    width: 0px;
    position: absolute;
    right: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .navbar-nav .user-drop {
    display: none;
  }
}
.dropdown-menu li a {
  background-color: transparent !important;
  color: #1E3339;
}
.dropdown-menu .disabled {
  cursor: not-allowed;
}
.dropdown-menu .disabled a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .collapse-tc {
    z-index: 701;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
    background-image: url('../../images/mobile-nav-bg.svg');
    width: 300px;
    left: -300px;
  }
  .collapse-tc li {
    padding-left: 25px !important;
  }
  .collapse-tc li a {
    color: #FFFFFF !important;
    background-color: transparent !important;
  }
  .collapse-tc li .dropdown-toggle {
    background-color: transparent  !important;
  }
}
@media (max-width: 767px) and (max-width: 301px) {
  .collapse-tc {
    width: 100%;
  }
}
.slidenav {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 0px;
}
.curtain {
  width: 100%;
  height: 0%;
  z-index: 0;
  margin-top: -12px;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.curtain-closed {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin-top: -12px;
  background: rgba(0, 0, 0, 0.85);
  z-index: 15;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* an overlay to disable click at long lasting operation */
.shield {
  z-index: 1001;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: .20;
  filter: alpha(opacity=00);
}
/* popover */
.question-icon + .popover {
  color: #FFFFFF;
  background-color: #1E3339;
  max-width: 425px !important;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .question-icon + .popover {
    max-width: 100% !important;
    width: 100% !important;
    left: 0px !important;
  }
}
@media (max-width: 767px) {
  .question-icon + .popover {
    max-width: 100% !important;
    width: 100% !important;
    left: 0px !important;
  }
}
.question-icon + .popover.bottom .arrow:after {
  border-bottom-color: #1E3339;
}
.question-icon + .popover.top .arrow:after {
  border-top-color: #1E3339;
}
.ladda-button {
  outline: none !important;
}
.not-visible {
  visibility: hidden;
}
.ui-select-match-close {
  opacity: .55 !important;
  color: #233238 !important;
}
@media (max-width: 767px) {
  .form-control {
    font-size: 16px !important;
  }
}
/* Edge styling */
@supports (-ms-ime-align:auto) {
  .promise-img {
    width: 172px ;
  }
  .flex-container {
    flex-direction: column !important;
  }
  .basic-and-location-info {
    padding-left: 50px !important;
  }
  .inbox-add-content-box {
    position: relative !important;
  }
}
/* IE 10 & 11 media query */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .promise-img {
    width: 172px ;
  }
  .flex-container {
    flex-direction: column !important;
  }
  .basic-and-location-info {
    padding-left: 50px !important;
  }
  .inbox-add-content-box {
    position: relative !important;
  }
}