@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic);
body {
  font-family: "Roboto", sans-serif;
  background-color: #111;
  text-align: center;
  background-image: url("/img/binding-dark.png"); }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  padding: 0; }

.button-column {
  max-width: 100px;
  width: 100px; }

.filestack-down {
  top: 10%; }

.welcome-buttons .row [class*='col-'] {
  margin-bottom: 10px; }

.no-gutter > [class*='col-'] {
  /*        padding-right:0;
          padding-left:0;*/ }

.nowrap {
  white-space: nowrap; }

@media (max-width: 767px) {
  h1 {
    font-size: 18px; }

  h2 {
    font-size: 17px; } }
.login-wrapper {
  display: table;
  height: 100%;
  margin: 0 auto;
  text-align: left; }

.login-container {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px; }
  .login-container .row {
    padding-bottom: 10px; }
  .login-container label {
    font-weight: 400;
    font-size: 12px; }

.login-title {
  text-align: center;
  margin: 20px auto; }

.login-logo img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */ }

@media (max-width: 767px) {
  .login-title {
    margin: 0; } }
.main-wrap {
  text-align: left;
  margin: 0 20px;
  padding: 20px 30px;
  background-color: #121212;
  /*    background-color:pink;*/
  color: #fff;
  min-height: 100%; }

.main-container {
  /*    background-color:orange;*/ }

.main-header-bar {
  vertical-align: middle; }
  .main-header-bar a, .main-header-bar img, .main-header-bar .fa {
    vertical-align: middle; }
  .main-header-bar h1 {
    display: inline-block;
    margin-left: 25px;
    color: #5d6164; }

.main-content {
  color: #000; }

.po-menu-item {
  display: inline-block;
  vertical-align: middle; }

.po-menu-item:first-child {
  width: 40px; }

.sub-header-bar {
  margin-top: 10px;
  margin-bottom: 10px; }
  .sub-header-bar .fa {
    vertical-align: middle; }

.panel-heading {
  font-size: 12px; }
  .panel-heading .fa {
    margin-left: 20px;
    vertical-align: middle; }

@media (max-width: 767px) {
  h1, h2 {
    /*            display:block;*/
    margin-left: 5px;
    font-size: 14px; }

  .main-header-bar {
    /*        text-align:center;*/
    margin-bottom: 8px; }
    .main-header-bar img {
      width: 60px; }

  .main-wrap {
    margin: 2px;
    padding: 2px 3px; }

  .main-header-bar > [class*='col-'], .sub-header-bar > [class*='col-'], .main-content > [class*='col-'] {
    padding-right: 2px;
    padding-left: 2px; } }
.quote-panel-heading {
  padding-bottom: 0; }
  .quote-panel-heading .nav {
    border-bottom: 0; }

/*#quoteList{
    .fa:first-child{
        margin-left:10px;
    }
}*/
.button-bar {
  margin-bottom: 20px; }

.modal {
  text-align: left; }