#mainContent {
  font-size: 14px;
  color: #485a63;
}

#mainContent a {
  color: #1565c0;
}

#mainContent .row {
  margin-left:0px;
  margin-right:0px;
  margin-bottom:40px;
}

#mainContent .row > [class*="col-"] {
  padding-left:5px;
  padding-right:5px;
}

#mainContent .well {
  background-color:#b4c3d1;
  border:none;
  border-radius:10px;
  padding:20px;
  /* height:100%; */
  margin-top:5px;
  font-weight: bold;
}

#mainContent .well .well-heading {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

#mainContent .well .well-info-table .center-align-helper {
  display:block;
  width:70px;
  margin-left:auto;
  margin-right:auto;
}

#mainContent .well .well-info-table td {
  text-align:center;
  padding: 20px;
  font-size:12px;
}

#mainContent .well-nav-arrow a {
  color: #7c909b;
}

#mainContent .circle {
  width:70px;
  height:70px;
  border-radius:50%;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-size:28px;
  font-weight:bold;
}

#mainContent .circle > .fa {
  font-size:36px;
}

#mainContent .circle-darkgrey {
  background-color:#93a4ad;
  color:#ffffff;
}

#mainContent .circle-lightgrey {
  background-color:#eceff1;
  color:#647c8a;
}

#mainContent .circle-orange {
  background-color:#d9a311;
  color:#ffffff;
}

#mainContent .circle-green {
  background-color:#539A2F;
  color:#ffffff;
}

#mainContent .circle-helper {
  display:inline;
  margin-bottom:10px;
}

#mainContent .circle-helper-left {
  float:left;
  padding-right:10px;
}

#mainContent .well .btn {
  border-radius:15px;
  font-size: 14px;
  padding:10px 20px;
  margin: 10px 3px;
}

#mainContent .btn {
  border:none;
  border-radius:15px;
  padding:8px 10px;
  margin:5px;
  font-size: 12px;
  text-align: center;
  background-color: #b4c3d1;
  color: #1565c0;
  font-weight: bold;
}

#mainContent .btn-primary {

  border:none;
  border-radius:17px;
  padding:8px 10px;
  margin:5px;
  font-size: 15px;
  text-align: center;
  color: #f3f3f3;
  background-color: #1565c0;
  font-weight: bold;
}

#mainContent .btn-default {
  color: #333;
  background-color: #b2b2b6;
  border: 1px solid #ccc;
  border-radius:15px;
  font-weight: bold;
  box-shadow: 1px 2px 2px rgb(207, 204, 204);
  font-size:15px;
  
}

#mainContent .btn-alt {
  background-color: #586d79;
  color: #ffffff
}

#mainContent .btn > .action-icon {
  font-size:16px;
}

#mainContent .well-nav {
  width:100%;
}

#mainContent .well-nav-arrow {
  width:30px;
  font-size: 30px;
  color: #7c909b;
}

#mainContent .nav-tabs {
  border:none;
}

#mainContent .nav-tabs.centered, .nav-pills.centered {
  text-align:center;
}

#mainContent .nav-tabs li a {
  border-radius: 0px;
  font-size: 12px;
  padding-top:7px;
  padding-bottom:7px;
  border:none;
  white-space: nowrap;
}

#mainContent .nav-tabs li a {
  color: #485a63;
  background-color: #b4c3d1;
  height:100%;
}

#mainContent .nav-tabs li.active a {
  background-image: linear-gradient(to bottom, #586d79, #485a63);
  color: #ffffff;
}

#mainContent .content-heading {
  display:inline-block;
  width:100%;
}

#mainContent .content-heading > .content-heading-text {
  display:block;
  float:left;
  font-size:30px;
  font-weight:500;
  color:#485a63;
}

#mainContent .content-heading > .content-heading-actions {
  display:block;
  float:right;
}

#mainContent .table {
  background-color: inherit;
}

#mainContent .table > thead {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #485a63;
  border-bottom: 3px solid #93a4ad;
}

#mainContent .helper-icon {
  font-size:16px;
  color:#384850;
}

#mainContent .table-center {
  margin-left:auto;
  margin-right:auto;
  width:auto;
}

#mainContent .table > tbody {
  font-size: 14px;
  text-align: left;
  color: #485a63;
}

#mainContent .table > tbody td {
  border-top:none;
  border-bottom:1px solid #d0d8dc;
  vertical-align: middle;
}

#mainContent .table .table-bottom td {
  border-bottom:none;
}

#mainContent .table .center-align-helper {
  display:block;
  width:40px;
  margin-left:auto;
  margin-right:auto;
}

#mainContent .table .box-table {
  width:40px;
  height:30px;
  border-radius:2px;
  text-align:center;
  vertical-align:middle;
  font-size:14px;
  display:table-cell;
}

#mainContent .table .box-blue {
  background-color: #eceff1;
}

#mainContent .table .box-green {
  background-color: #c5e1a5;
}

#mainContent .table .box-grey {
  background-color: #d0d8dc;
}

#mainContent .table .box-grey-dark {
  background-color: #bac4c4;
}

#mainContent .table .box-purple {
  background-color: #f3e5f5;
}

#mainContent .table .circle-table {
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid #d0d8dc;
  background-color: #ffffff;
  display:block;
  padding-top:4px;
  /*vertical-align:middle;*/
  text-align:center;
  font-size:14px;
  color: #007aff;
}

#mainContent .table .textbox-prog-funded {
  width: 84px;
  height: 30px;
  border-radius: 4px;
  border: solid 1px #d0d8dc;
  text-align:center;
}

#mainContent .table .status-icon {
  font-size:16px;
  margin-right:10px;
}

#mainContent .table tr[data-toggle='collapse'] {
  background-color: #f7fbfd;
  cursor:pointer;
}

#mainContent .table tr[data-toggle='collapse'].collapsed {
  background-color: inherit;
}

#mainContent .table tr[data-toggle='collapse'] .collapse-indicator {
  font-family: FontAwesome;
  width:30px;
}

#mainContent .table tr[data-toggle='collapse'].collapsed .collapse-indicator:before {
  content: "\f0da";
}

#mainContent .table tr[data-toggle='collapse'] .collapse-indicator:before {
  content: "\f0d7";
}

#mainContent td.details-control {
  font-family: FontAwesome;
  content: "\f0da";
  cursor: pointer;
  width: 15px;
}

#mainContent tr.shown td.details-control {
  content: "\f0d7";
}

#mainContent table.dataTable thead > tr > th.sorting,
#mainContent table.dataTable thead > tr > th.sorting_asc,
#mainContent table.dataTable thead > tr > th.sorting_desc {
  padding-right: 8px;
}

#mainContent table.dataTable td.dataTable_child {
  padding:0px;
  background-color:#f7fbfd;
}

#mainContent table.dataTable .shown {
  background-color:#f7fbfd;
}

#mainContent table.dataTable td.dataTable_child .table > tbody {
  font-size: 12px;
}

#mainContent .collapsing {
  -webkit-transition-duration: 0.01s;
  -o-transition-duration: 0.01s;
  transition-duration: 0.01s;
}

#mainContent .table tr.collapse,
#mainContent .table tr.collapsing {
  background-color: #f7fbfd;
  position:inherit;
}

#mainContent .table tr.collapse > td,
#mainContent .table tr.collapsing > td {
  padding-right:0px;
  border-bottom:1px solid #d0d8dc;
}

#mainContent .table tr.collapse .table td,
#mainContent .table tr.collapsing .table td {
  font-size: 12px;
}

#mainContent .table .fixed-width-helper {
  width:134px !important;
}

#mainContent .dataTables_wrapper .row {
  margin-bottom:0px;
}

#mainContent .dataTables_wrapper [class*="col-"] {
  margin:0px;
  padding-left: 0px;
  padding-right: 0px;
}

#mainContent form .checkbox,
#mainContent form .radio {
  margin-bottom:20px;
}

/* FCP create proposal styling */
#createfcpNewExisting > .radio > label {
  padding-left:30px;
}

#createfcpNewExisting > .radio > label > input[type='radio'] {
  margin-left: -25px;
}

#mainContent #createfcpForm.lacForm .row {
  border-top: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

#mainContent .lacForm .bootstrap-select > button,
#mainContent #hiredLAsTable .bootstrap-select > button,
#mainContent .bootstrap-select > button {
  margin:0px;
  padding:5px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #d0d8dc;
  font-size: 16px;
  text-align: left;
  color: #39474e;
}

#mainContent .bootstrap-select a {
  color: #39474e;
}

#mainContent #hiredLAsTable .bootstrap-select {
  width: 100px;
}

#mainContent #hiredLAsTable .bootstrap-select > button {
  font-size: inherit;
}


/*firefox specific hack for responsive tables*/
/*
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
*/

/* REVIEW SETTINGS */

#mainContent #fcpReviewFloater {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color:#ffffff;
  z-index:900;
  border-bottom: 3px solid #485a63;
}

#mainContent #fcpReviewFloater .row {
  margin-bottom:10px;
}

#mainContent #fcpReviewRating {
  width: 100%;
  font-size: 30px;
  text-align: center;
}

#mainContent .star-rating .checked,
#mainContent .dt-star-rating .checked {
  color: orange;
}

#mainContent .dept-star-rating .checked,
#mainContent .dt-dept-star-rating .checked {
  color: #6595ca;
}

#mainContent #fcpReview textarea {
  width:100%;
}

#mainContent .fcp-review-comment-div {
  vertical-align: middle;
}

#mainContent .fcp-review-comment-div button {
  padding: 2px 3px;
}

/*some hiring stuff that is across pages*/
#editHiringMessageModal.page-modal .modal-message {
  padding: 10px 60px;
}

#editHiringMessageRecipients,
#editHiringMessageStaticContent,
#editHiringMessageSignature,
#editHiringMessageSample {
    background-color: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}
#sticky_header {
  z-index: 100;
   background-color: rgba(226, 223, 223, 0);
}

#sticky_header .row {
  margin-bottom: 0px;
}

#sticky_header.js-is-sticky {
  padding-bottom: 0px;
  font-size: 12px;
}

#sticky_header.js-is-sticky .row {
  margin: 0px;
  border: none;
  box-shadow: none;
}

#sticky_header.js-is-sticky>.well {
  padding: 0px 20px;
  border: none;
  box-shadow: none;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.white-box{
	background-color: whitesmoke;
	border-radius: 10px;
	border-left: thin solid silver;
	border-bottom: thin solid silver;
  margin:7px;
  box-shadow: 1px 2px 2px rgb(228, 221, 221);
  padding: 10px;
}

@media screen and (min-width: 768px) {
  #mainContent .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  #mainContent .row-eq-height > [class*="col-"] {
    /*display: flex;*/
    flex-direction: column;
  }

  #mainContent .nav-tabs li.active a:after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
    background-color:#485a63;
    width: 10px;
    height: 5px;
    /* The points are: left top, right top, center bottom */
      clip-path: polygon(0 0, 100% 0, 50% 100%);
  }

  #mainContent .nav-tabs.centered > li, .nav-pills.centered > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
  }

  #mainContent .nav-tabs {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  #mainContent .table th {
    white-space:normal;
  }

  #mainContent .table .fixed-width-helper {
    width:100px !important;
  }

  #mainContent .nav-tabs > li {
    width:100%;
    margin-bottom:10px;
  }

  #mainContent .nav-tabs > li a {
    white-space: inherit;
  }

  .radio-inline,
  .checkbox-inline {
    display:block;
    margin-left:10px;
    padding-left:30px;
    padding-bottom:5px;
  }
}