/**
 * Custom Theme for WRP Portal
 */
 body {
  color: #000000;
  background-color: #ffffff; 
  font-family: Open Sans,Calibri,arial,sans-serif;
}

legend {
  color: #000000; }

.page-header {
  border-bottom: none;  
	padding-bottom:0px!important;
	margin:0px!important;
}

.row {
  margin-bottom: 2em;
}

footer {
  color: #ffffff;
  background-color: #343434; 
   }
  
  footer .footer-bottom {
    color: #000000;
    background-color: #f4f4f4; }


@media only screen and (min-width: 768px){
  footer .footer-top {
    min-height: 200px;
    background: url(/biosphere-gray.png) no-repeat;
    background-position: 600px -278px;
    background-size: 50%;
    
  }
}
footer p.acknowledgement {
    font-style: italic;
    margin-top: 35px;
}

footer a {
  color: #ffffff; }
  footer  a:hover {
    color: #ffffff; }
  footer  a:focus {
    border: 1px solid #76cc95 !important;
    outline: 1px solid #76cc95;
    color: #ffffff; }

footer ul {
    padding: 0;
    list-style: none outside;
    text-align: left;
    margin-left: -1px;
}

.footer-list {
    margin: 0.5em 0;
    border-right: 1px #ffffff solid;
    float: left;
    padding: 0 0.5em;
}

.footer-list:first-child {
    padding: 0 0.5em 0 0
}

.footer-list:last-child {
    border-right:none;
}






.breadcrumb {
  background-color: transparent; }
  .breadcrumb > li a {
    color: #1276CE; }
    .breadcrumb > li a:hover {
      color: #1276CE; }
  .breadcrumb > .active {
    color: #000000; }


.navbar-brand{
    font-family: "Calibri", "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.navbar-header {
    float: none;
    padding-left: 15px;
    padding-right: 15px;
    height: 110px;
}

@media only screen and (min-width: 768px){
  .navbar-header {
    background: url(/biosphere.png) no-repeat;
    background-position: 600px -100px;
    background-size: 50%
  }
}
.navbar-right {
    float: right !important;
    margin-right: 0em;
    padding-top: 0em;
}


.navbar.navbar-inverse.navbar-static-top > div{

    margin-right: auto;
    margin-left: auto;
}

.navbar.navbar-inverse.navbar-static-top > div.container{
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-header img {
    padding: 18px 10px 28px 10px;
    min-width: 220px;
    width: 220px;
    height: 100%;
}

  .nav-tabs>li{
    width: 100%;
    min-width: 100%;
    display: inline-block;
    margin-bottom: 0;
  }

  .nav-tabs>li>a {
    position: relative;
    display: block;
    height: auto;
    padding: 8px 45px 8px 15px;;
    color: #343434;
    /*background-color: #c5d8e3;*/
    background-color: #bbbbbb;
    margin-right: 1px;
    margin-left: 0px;
    text-align: center;
    border: 1px solid #fff;
  }


.validator.glyphicon.glyphicon-ok-circle {
    position: absolute;
    top: 12px;
    right: 8px;
    color: #07779a;
} 



@media only screen and (min-width: 768px){
.nav-tabs>li{
    width: 12.5%;
    min-width: 90px;
  }

  .nav-tabs>li>a {
    height: 72px;
    padding: 8px 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .validator.glyphicon.glyphicon-ok-circle {
    top: 46px;
    font-size: larger;
  } 

}




.nav-tabs > li > a:hover, .nav-tabs > li > a:focus  {
  /*background-color: #c0dce6;*/
  background-color: #ededed;
  
 }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    /*background-color: #07779a;*/
    background-color: #343434;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
    border: 1px solid #343434;
    cursor: default;
}


.nav-tabs>li.disabled>a, .nav-tabs>li.disabled>a:hover, .nav-tabs>li.disabled>a:focus {
    color: #666;
    background-color: #f2f2f2;
    cursor: default;
}


  
.btn-default {
  color: #07779a;
  background-color: #ffffff;
  border-color: #07779a; }
  .btn-default:hover {
    color: #07779a;
    background-color: #cdd8e2;
    border-color: #07779a; }
  .btn-default:active, .btn-default.active {
    color: #07779a;
    background-color: #cdd8e2;
    border-color: #07779a; 
    box-shadow: none; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
      color: #07779a;
      background-color: #cdd8e2;
      border-color: #76cc95;
      box-shadow: none; }
  .btn-default:focus, .btn-default.focus {
    color: #07779a;
    background-color: #cdd8e2;
    border-color: #76cc95;
    box-shadow: none;  }

.btn {
    border-radius: 5px !important;    
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .33 !important;
}

button.workflow-link.btn-default.btn {
    display: inline;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    color: #ffffff;
    border: 1px solid transparent;
    background-color: #07779a !important;
    border-color: #07779a;
    background: none;
    box-shadow: none;
    margin-top: 5px;
    padding: 6px 6px;
    border-radius: 5px;
}

div.form-action-container-left > a.btn {
  padding-top: 8px;
  margin-right: 8px; }

div.form-action-container-left .btn{
  min-width: 140px;
  min-height: 40px; }


#EntityFormPanel > div.actions > a{
  padding-top: 8px;
  margin-right: 8px; }

#EntityFormPanel > div.actions .btn{
  min-width: 140px;
  min-height: 40px;
  float: left; }

.panel-warning {
    border-color: #ededed;
}

.panel-warning>.panel-heading {
    color: #000;
    background-color: #ededed;
    border-color: #ededed;
}



.btn-primary {
  color: #ffffff;
  background-color: #07779a;
  border-color: #07779a; }
  .btn-primary:hover {
    color: #ffffff;
    background-color: #065266;
    border-color: #065266; }
  .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: #065266;
    border-color: #065266; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #ffffff;
      background-color: #065266;
      border-color: #76cc95; }
  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #065266;
    border-color: #76cc95; }

.navbar-static-top.navbar-inverse {
  background-color: #07779a; }

.navbar-static-top.navbar .navbar-collapse {
    max-height: 510px;
    background-color: #343434;
    box-shadow: none;
    border-top: none;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: Open Sans,Calibri,arial,sans-serif;
}

.navbar-toggle {
  background-color: darkgray; }

.navbar-inverse .navbar-toggle {
  border: 1px solid darkgray; }
  .navbar-inverse .navbar-toggle:hover {
    background-color:lightgray; }
  .navbar-inverse .navbar-toggle:focus {
    border: 1px solid #000000;
    background-color: lightgray; }

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff; }
  .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #165788;
    color: #ffffff; 
    padding-bottom: 14.5px; 
    border-bottom: none;}
  .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #165788;
    border: 1px solid #76cc95 !important;
    outline: 1px solid #76cc95;
    color: #ffffff; }

.navbar-inverse .navbar-nav > .open > a {
  color: #ffffff;
  background-color: #165788; }
  .navbar-inverse .navbar-nav > .open > a:hover {
    color: #ffffff;
    background-color: #165788;
    padding-bottom: 14.5px; 
    border-bottom: none; 
    }
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #165788; }

#navbar .dropdown-menu {
    margin-top: 0px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #c5d8e3; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #343434; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #c0dce6;
      color: #343434; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: #c0dce6;
      color: #343434;
      border: 1px solid #76cc95 !important;
      outline: 1px solid #76cc95; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #c0dce6;
    color: #343434; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
      background-color: #c0dce6;
      color: #343434; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      background-color: #c0dce6;
      color: #343434; 
      border: 1px solid #76cc95 !important;
      outline: 1px solid #76cc95; }

/*.nav > li > a:hover {
  background-color: #f2f2f2; }

.nav > li > a:focus {
  background-color: #f2f2f2; }
*/

.nav .open .dropdown-menu {
  background-color: #ffffff; }
  .nav .open .dropdown-menu > li > a {
    color: #000000; }
    .nav .open .dropdown-menu > li > a:hover {
      background-color: #f2f2f2;
      color: #000000; }
    .nav .open .dropdown-menu > li > a:focus {
      background-color: #f2f2f2;
      color: #000000; }
  .nav .open .dropdown-menu > .active > a {
    background-color: #f2f2f2;
    color: #000000; }
    .nav .open .dropdown-menu > .active > a:hover {
      background-color: #f2f2f2;
      color: #000000; }
    .nav .open .dropdown-menu > .active > a:focus {
      background-color: #f2f2f2;
      color: #000000; }

.nav > .open > a {
  background-color: #f2f2f2; }
  .nav > .open > a:hover {
    background-color: #f2f2f2; }
  .nav > .open > a:focus {
    background-color: #f2f2f2; }




.sectionPrimaryColor {
  background-color: #1276CE;
  color: #ffffff; }
  .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6 {
    color: #ffffff; }
  .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6 {
    color: #000000; }
  .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6 {
    color: #000000; }

a {
  color: #1276CE; }
  a:hover {
    color: #1276CE;
    text-decoration: underline; }
  a:focus {
    color: #1276CE;
    text-decoration: underline; }

.open > .btn-default.dropdown-toggle {
  color: #1276CE;
  background-color: #e6e6e6;
  border-color: #1276CE; }

.open > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #1276CE;
  border-color: #1276CE; }
  .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #ffffff;
    background-color: #1276CE;
    border-color: #1276CE; }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  background-color: #ffffff;
  color: #000000;
  border: none; }

.crmEntityFormView .cell {
  //padding: 0 0 20px;  
  padding: 10px;  }

.crmEntityFormView .tab-title {
        border-bottom: none;  
	margin-top: 0px !important;
	display:none !important;
 
}

.panel-default > .panel-body, .list-group-item {
  background-color: #ffffff;
  color: #000000; }

.panel-default > .panel-heading {
  background-color: #f2f2f2;
  color: #000000; }

.facet-list-group-item-title {
  color: #000000; }

.form-control {
  background-color: #ffffff;
  color: #000000; }
  
div.control > input.form-control-appendable { 
  width: 90% !important;
}

.form-control-append {
  background-color: #ededed;
  height: 35px;
  padding: 6px 12px;
  float: right;
  font-size: 15px;
  text-align: center;
  width: 10%;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #ccc;
  border-left: 0px 
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: unset; }

.login-heading-section {
  color: unset; }

.navbar-static-top.navbar-inverse .navbar-brand a {
  color: #ffffff; }

.search-results .highlight {
  color: #000000; }

.table > thead > tr.info > td {
  background-color: #f2f2f2; }

.table > thead > tr.info > th {
  background-color: #f2f2f2; }

.table > thead > tr > td.info {
  background-color: #f2f2f2; }

.table > thead > tr > th.info {
  background-color: #f2f2f2; }

.table > tbody > tr.info > td {
  background-color: #f2f2f2; }

.table > tbody > tr.info > th {
  background-color: #f2f2f2; }

.table > tbody > tr > td.info {
  background-color: #f2f2f2; }

.table > tbody > tr > th.info {
  background-color: #f2f2f2; }

.table > tfoot > tr.info > td {
  background-color: #f2f2f2; }

.table > tfoot > tr.info > th {
  background-color: #f2f2f2; }

.table > tfoot > tr > td.info {
  background-color: #f2f2f2; }

.table > tfoot > tr > th.info {
  background-color: #f2f2f2; }

.table-hover > tbody > tr:hover {
  background-color: #f2f2f2; }

.table-hover > tbody > tr > td.info:hover {
  background-color: #f2f2f2; }

.table-hover > tbody > tr > th.info:hover {
  background-color: #f2f2f2; }

.table-hover > tbody > tr.info:hover > td {
  background-color: #f2f2f2; }

.table-hover > tbody > tr.info:hover > th {
  background-color: #f2f2f2; }

.table-hover > tbody > tr:hover > .info {
  background-color: #f2f2f2; }

.form-close {
  color: #000000; }
  .form-close:hover {
    color: #000000 !important; }
  .form-close:focus {
    color: #000000 !important; }

::placeholder {
  color: #000000 !important; }

.help-block {
  color: #000000; }



h1, .h1 {
    font-size: 2em;
    color: #00759a;
    border-bottom: 1px #bbbbbb solid;
    padding-bottom: 0.4em;
    font-family: Open Sans,Calibri,arial,sans-serif;
}

h2, .h2, h3, .h3, h4, .h4 {
  color: #343434;
  font-family: Open Sans,Calibri,arial,sans-serif;
}

h2, .h2 {
  font-size: 1.75em;
}

h3, .h3 {
  font-size: 1.55em;
}

h4, .h4 {
  font-size: 1.35em;
}

.action-tile .panel {
    box-shadow: 2px 2px 2px grey;
    border-bottom-color: #009aa6;
    border-bottom-width: thick;
    min-height: 180px;
    width: 340px;
    color: #000000;
    margin-right: 16px;
    float: left;
}

.action-tile h3.panel-title {
  font-size: 1.55em;
  padding: 15px 0;
}



h3.panel-title::before {
    background: url(/tile-chevron.svg) no-repeat 0px 0;
    height: 26px;
    width: 26px;
    content: "";
    margin-left: 8px;
    display: inline-block;
    float: right;
}


.action-tile .panel-default > .panel-body {
  color: #000000;
  background-color: transparent;
}

.action-tile div.panel-heading {
  background-color: transparent;
  border-bottom: none;
  padding: 10px 5px 10px 15px;
}

a.action-tile div.panel:hover {
  background-color: #ededed;
}


.action-tile.tiles-4col div.panel {
    min-height: 120px;
    width: 260px;
    margin-right: 15px;
}



a.action-tile:hover {
  background-color: lightgrey;
}

.action-tile.disabled .panel {
    box-shadow: none;
}

.action-tile.disabled .panel-default > .panel-body  {
  background-color: #e1e1e1;
  color: #777;
}

.action-tile.disabled div.panel-heading {
  background-color: #e1e1e1;
}

.action-tile.disabled h3.panel-title {
  color: #777;
}

/*hard coded column width fix 

#QuickviewControlApplicant > div.tab.clearfix > div:nth-child(1) {
  width: 0 !important
}
*/

.crmEntityFormView .tab .tab-column {
  padding-left: 0;
}

.crmEntityFormView .cell .picklist input[type=radio] {
    margin: 2px 8px 15px 0px;
    vertical-align: text-top;
}

a.logo {
	background: url(/logo.svg) no-repeat 0px 0;
	background-size: 100%;
	min-height: 100px;
	width: 300px;
	display: block;
	text-indent: -9999px;
	overflow: hidden; 
	margin-left: 0;
	float: left;
	margin-top: -15px;
}
.logo-heading {
  display: none;
}

@media only screen and (min-width: 1200px){
  .logo-heading {
      float: left;
      min-height: 80px;
      padding-top: 28px;
      padding-left: 12px;
      margin-left: 12px;
      border-left: #83bbcc solid 0.05em;
      display:inherit;
  }
}


/**
 * SharePoint document list
 */

.sp-item .dropup button.btn.btn-default {
    display: none;
}
.sp-item .dropup .dropdown-menu {
    display: block;
    position: relative;
    border: none;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.sp-item .dropup .delete-link {
    display: block;
    position: relative !important;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    border: 1px solid transparent;
    background-color: #ffffff !important;
    border-color: #07779a;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 6px 6px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 80px;
}
.sharepoint-data tr th:nth-child(2), .sharepoint-data tr td:nth-child(2) {
    display: none;
}
.add-folder {
    display: none;
}

/**
 * View grid
 */
.view-grid .dropdown > button {
    display: none;
}
.view-grid .dropdown .dropdown-menu {
    display: block;
    position: relative !important;
    border: none;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}


.view-grid .dropdown .dropdown-menu li {
  display: inline-block;
  vertical-align: top;
  //width: 70px;
  width: 100%;
  margin-right: 8px;
  padding: 0px;
}


.view-grid .dropdown .edit-link,
.view-grid .dropdown .details-link,
.view-grid .dropup .delete-link,
.view-grid .dropdown .delete-link,
.view-grid .dropdown .workflow-link {
    display: block;
    position: relative !important;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    border: 1px solid transparent;
    background-color: #ffffff !important;
    border-color: #07779a;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 6px 6px;
    border-radius: 5px;
    margin-bottom: 10px;
    
}

.view-grid .table {
    white-space: pre-wrap;
}

.form-action-container-instructions{
    float: left;
    display: inline-block;
    margin-left: 16px;
    margin-top: 16px;
}

.form-action-container-instructions > span.glyphicon{
    font-size: large;
    color: #07779a;
    float: left;
    padding: 0 4px;
}
.form-action-container-instructions > div.form-action-container-instructions-body{
    float: left;
}

.modal-header{
    border-bottom-style: none;
}

.double-line {
  padding-bottom: 24px;
}

a.sp-download-link {
    margin-right: 1.75em;
    margin-top: 8px;
}



.input-group-addon {
    //padding: 6px 48px;
    background-color: #ededed;
    border: 1px solid #ccc;
}

.input-group-addon:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-right: 0px;
}
.input-group-addon:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-left: 0px;
}

/**
 * Attachment
 */
.notes .dropdown a.btn.btn-default {
  display: none;
}
.notes .dropdown .dropdown-menu {
  display: block;
  position: relative !important;
  border: none;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.notes .dropdown .edit-link,
.notes .dropdown .details-link,
.notes .dropup .delete-link,
.notes .dropdown .delete-link,
.notes .dropdown .workflow-link {
  display: block;
  position: relative !important;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  color: #000000;
  border: 1px solid transparent;
  background-color: #ffffff !important;
  border-color: #07779a;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 6px 6px;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 70px;
}

.crmEntityFormView fieldset{
margin-bottom:0 !important;
}

.select2-container .select2-choice{
height:35px!important;
}

.select2-container .select2-choice .select2-arrow b{
	background: url('js/select2/select2.png') no-repeat 0 4px !important;
}


.select2-container .select2-choice > .select2-chosen{
	padding-top:4px !important;
	color:black !important;
}

.select2-container.form-control{
    padding: 0px!important;
    border: 0px!important;
}

.select2-container-active .select2-choices, .select2-drop-active,.select2-container-active .select2-choices{
	border-color:#ccc !important;
}


.msos-option .msos-label .msos-checkbox:checked + .msos-label-text:before {
    font-family: "CRM MDL2" !important;
    font-size: 12px !important;
    display: inline-block !important;
    content: " " !important;
    padding: 0 15px 0 15px !important;
}

.msos-action-buttons .msos-label .msos-checkbox:checked + .msos-label-text:before {
    font-family: "CRM MDL2" !important;
    font-size: 12px !important;
    display: inline-block !important;
    content: " " !important;
    padding: 0 15px 0 15px !important;
}
.msos-action-buttons .msos-label .msos-checkbox {
    position: inherit !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 10px !important;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    opacity: 1 !important;
    height: 100%;
    margin: 0;
}

.msos-option .msos-label .msos-checkbox {
    position: inherit !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 10px !important;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    opacity: 1 !important;
    height: 100%;
    margin: 0;
}

.daffError {
float:left;
color:red;
}
.daffDesc{
	color:#07779a
}