/**
 * @file
 * Subtheme specific CSS.
 */

 /*     General
----------------------------*/
#navbar-main.navbar {
  background-color: #533297;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0px 0px 5px 2px #000;
  margin-bottom: 20px;
}

.nav.navbar-nav .nav-item .nav-link, .nav .nav-link {
  color: #fff;
  font-family: 'Assistant', sans-serif;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
}

.navbar-nav .nav-item:first-child {
  background-color: #326297;
  min-width: 130px;
  text-align: center;
}

.navbar-nav .nav-item:hover:first-child {
  background-color: #594f89;
}

.navbar-nav .nav-item:nth-child(2) {
  background-color: #287baf;
  min-width: 130px;
  text-align: center;
}

.navbar-nav .nav-item:hover:nth-child(2) {
  background-color: #696CC3;
}

.navbar-nav .nav-item:nth-child(3), .navbar-nav .nav-item:nth-child(13)  {
  background-color: #D8400E;
  min-width: 130px;
  text-align: center;
}

.navbar-nav .nav-item:hover:nth-child(3), .navbar-nav .nav-item:hover:nth-child(8), .navbar-nav .nav-item:hover:nth-child(13)  {
  background-color: #AD330B;
}

.navbar-nav .nav-item:nth-child(4), .navbar-nav .nav-item:nth-child(8), .navbar-nav .nav-item:nth-child(14) {
  background-color: #c20f2f;
  min-width: 130px;
  text-align: center;
}

.navbar-nav .nav-item:hover:nth-child(4), .navbar-nav .nav-item:hover:nth-child(14) {
  background-color: #9e0420;
}

.navbar-nav .nav-item:nth-child(5), .navbar-nav .nav-item:nth-child(9) {
	background-color: #01596f;
	min-width: 130px;
	text-align: center;
}

.navbar-nav .nav-item:hover:nth-child(5), .navbar-nav .nav-item:hover:nth-child(9) {
  background-color: #666666;
}

.navbar-nav .nav-item:nth-child(6), .navbar-nav .nav-item:nth-child(10), .navbar-nav .nav-item:nth-child(12) {
  background-color: #326297;
  min-width: 130px;
	text-align: center;
}

.navbar-nav .nav-item:hover:nth-child(6), .navbar-nav .nav-item:hover:nth-child(10), .navbar-nav .nav-item:hover:nth-child(12)  {
  background-color: #594f89;
}

.navbar-nav .nav-item:nth-child(7), .navbar-nav .nav-item:nth-child(11) {
  background-color: #287baf;
  min-width: 130px;
  text-align: center;
}

.navbar-nav .nav-item:hover:nth-child(7), .navbar-nav .nav-item:hover:nth-child(11) {
  background-color: #696CC3;
}


body {
  background-color: #efefef;
  font-family: "Open Sans", sans-serif;
  color: #3a3a3a;
}

h1 {
  font-weight: 300;
  font-size: 40px;
}

#page-wrapper #page {
  background-color: #efefef;
}

#page #main-wrapper {
  background-color: #efefef;
}

main.main-content {
  background-color: #fff;
  padding: 40px;
}

body.path-frontpage {
  background-color: #fff;
}

.path-frontpage #page-wrapper #page {
  background-color: #fff;
}

.path-frontpage #page #main-wrapper {
  background-color: #fff;
}

.reds-main-logo {
  width: 100%;
  height: auto;
  max-width: 400px;
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
}

#main.container {
  max-width: 1390px;
}

/*     Login Screen
----------------------------*/
#block-userlogin,
.page-user-login .main-content,
.page-user-password .main-content,
.page-user-register .main-content {
  padding: 20px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  margin-top: 5%;
  box-shadow: 0 0 2px 1px #d9d9d9;
}

#block-userlogin h2 {
  text-align: center;
}

#block-userlogin .list-group-item {
  border: none;
  padding-left: 15px;
}

.view-frontpage {
  display: none;
}

.nav-tabs .nav-link {
  border: 1px solid #dee2e6;
}

.main-content .nav .nav-link {
  color: #495057;
}

.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #326297;
}

.btn.btn-primary, input[type="submit"].btn- {
  background-color: #326297;
}

.nav.nav-tabs.primary {
  margin-top: 25px;
}

.main-content {
  margin-bottom: 20px;
}

.reds-logo {
  width: 100%;
  height: auto;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 20px;
}

/*     Roster
----------------------------*/
.view-roster table {
  margin-bottom: 0;
  margin-top: 0;
}

.view-roster table thead {
  border-top: 40px solid transparent;
}

.view-roster table tbody {
  border-bottom: 40px solid transparent;
}

table caption {
  caption-side: top;
  padding-top: 0;
  padding-bottom: 0;
}

table caption > button.btn.btn-link {
  font-weight: 700;
  font-size: 1.3rem;
  color: #6c757d;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.path-roster #edit-actions {
  display: inline-flex;
}

#edit-submit-roster {
  margin-right: 6px;
}

.views-field-field-first-name {
  width: 9%;
}

.views-field-field-last-name {
  width: 9%;
}

.views-field-field-position {
  width: 30%;
}

.views-field-field-organization {
  width: 25%;
}

.views-field-field-email {
  width: 15%;
}

.views-field-field-office-phone {
  min-width: 120px;
}


/*     Site Footer (logged in)
----------------------------*/

.site-footer.user-logged-in {
  color: #fff;
  background-color: #533297;
  font-family: "Open Sans", sans-serif;
  padding-top: 5px;
  padding-bottom: 20px;
}

.site-footer.user-logged-in > .container {
  max-width: 1375px;
  padding: 0;
}

.site-footer.user-logged-in img {
  width: 300px;
  height: auto;
}

.site-footer.user-logged-in .content {
  font-size: 15px;
}

.site-footer.user-logged-in .content a {
  color: #fff;
}

.site-footer.user-logged-in .content p {
  margin-bottom: 10px;
}

.user-logged-in .region-footer-first {
  width: 100%;
  text-align: center;
  display: block;
}

.user-logged-in .site-footer .block {
  border: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.site-footer .reds-statement {
  margin: 15px 0 10px;
  font-size: 16px;
}


.form-required::after {
content: '';
vertical-align: super;
display: inline-block;
background-image: url(/core/misc/icons/ee0000/required.svg);
background-repeat: no-repeat;
background-size: 6px 6px;
width: 6px;
height: 6px;
margin: 0 0.3em;
}


/* DAR Admin Dashboard
----------------------------*/
.path-dar-dashboard tbody .views-field .row {
  margin-left: 0;
  margin-right: 0;
}

.path-dar-dashboard #view-view-table-column {
  min-width: 140px;
}

.path-dar-dashboard #view-view-1-table-column {
  min-width: 200px;
}

.collapse-btn:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
}
.collapse-btn.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067";
}

/*Collapse button positioning*/
.path-dar-dashboard section.section >div, .path-dar-dashboard section.section >div >div {
  position: relative !important;
}

.collapse-btn {
  position: absolute;
  border-radius: 100%;
  top: -50px;
  left: 306px;
  background-color: #01596f;
}

.collapse-btn.dar-dash-btn{
  left: 306px;
}
.collapse-btn.publication-dash-btn{
  left:420px;
}

.block-views-blockstudy-dashboard-study-block h2, div#block-views-block-publication-dashboard-publication-block h2{
  font-weight: 300;
  font-size: 40px;
}
.node--type-study-protocol .field__label{
  font-weight: bold;
}

#studyDash .views-field-title{
   max-width: 360px;
 }

.block-views-blockpublication-dashboard-publication-block #view-field-publications-committee-app-table-column{
  max-width: 170px;
}