/* Downtime */
section.page_section.section-landing {
  height: 400px;
  background: url("banner-image.png") no-repeat center;
  background-size: cover;
}

.section-landing .row > div .section-landing-heading:first-line {
  font-size: 1.6rem;
}

.section-landing .row > div .section-landing-heading {
  word-spacing: normal;
  text-transform: none;
  margin: 0px;
  font-family: "Segoe UI";
  font-weight: 700;
  color: #483d8b;
}

.section-landing .row > div .section-landing-heading-caption {
  width: 420px;
  background-color: #f0f8ff;
  opacity: 0.8;
  padding: 4px;
  font-family: "Segoe UI";
  font-weight: 500;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  margin: 0;
}

/* SOQ Form Base */
/* General component styles */

  .btn {
    font-family: Segoe UI;
    font-weight: 400;
  }

  .flex-space-between {
    display: flex;
    justify-content: space-between;
  }
    
  
  .no-margin {
    margin: 0 !important;
    width: 100%;
    float: left;
  }
  
  .no-padding {
    padding: 0 !important;
  }

  .pull-right {
    margin-left: -20px;
  }
  
  /* Icons for brand (word & excel) */
  /* Usage: <i class="icon-export icon-export--word"></i> */
  .icon-export {
    display: inline-block;
    height: 25px;
    width: 28px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .icon-export.icon-export--word { background-image: url('/soqs/word-icon.svg'); }
  .icon-export.icon-export--excel { background-image: url('/soqs/excel-icon.svg'); }
  
  .btn.btn-icon {
    padding: 0;
  }
  
  .btn.btn-icon:active, .btn.btn-icon.active {
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  /* SOQ Page Heading */
  .breadcrumb {
      margin-bottom: 6px;
  }

  /* SOQ Controls */
  .soq-controls {
      margin-right: 20px;
  }
  .btn.btn-info.soq-action {
      padding: 4px 8px;
      white-space: nowrap;
  }
    
  /* SOQ Details */
  #soqTitle {
    margin: 0px 0px;
  }
  #soqTitle a {
    padding: 4px 0;
    display: block;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    color: #fff;
    width: 98.5%;
    background-color: #69797e;
    text-align: center;
    margin: 5px 4px 5px 2px;
  }
  /* SOQ Copy Responses Button Styles */
  #coi_copyfrom {
    margin-right: 5px;
  }

  td.form-control-cell .control a.btn.btn-info.soq-action {
    display: flex;
    justify-content: center;
    align-items: center;
  }
    
  /* SOQ Form Styles */
  
  /* Sidebar */
  .sidebar-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #f2f2f2;
  }
  
  .sidebar-nav li a {
    cursor: pointer;
    display: block;
    position: relative;
    color: #2f2f2f;
    padding: 16px 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 0px;
    word-wrap: break-word;
    text-align: left;
  }
  
  .sidebar-nav li a:hover, .sidebar-nav li a:focus {
    background-color: #bac8cd;
  }
  
  .sidebar-nav li.active a {
    background: #85989e;
    color: #fff;
  }

/* SOQ Progress */
.table, .table > thead > tr > th, .table > tbody > tr > td {
  border: 1px solid #ddd;
  font-size: 14px;
}

td, th {
  text-align: "-webkit-center";
}

/* Open Items */
/* SOQ Filter */
div.entitylist-filter {
    width: 302px;
    height: 120px;
}
div.content-panel.panel.panel-default.entitylist-filter .panel-body {
    padding: 8px;
}
.input-group.entitylist-filter-option-text {
    width: 100%;
}
label.entitylist-filter-option-group-label.h4 {
    display: block;
    font-size: 15px;
    margin: 6px 2px;
}
div.entitylist-filter button.btn.btn-default.btn-entitylist-filter-submit {
    padding: 4px 8px;
}

/* Export to Excel */
div.view-toolbar.grid-actions.clearfix a.entitylist-download.btn.btn-info.pull-right.action {
    background-color: #2f5fef;
}