html {
   width: 100%;
}
.e {
   color: #333;
}
.e .alert {
   font-size: 1em;
}
.studySearchContainer a,
.studySearchContainer a:hover {
   color: #000;
   font-weight: bold;
}
.studySearchContainer .plain {
   font-weight: normal;
   display: block;
}
#facets-toggle {
   display: none;
}
#search-wrap {
   margin: 0 auto;
}
#searchbox,
#changelang {
   margin: 0 auto;
}
#changelang {
   float: right;
   margin-bottom: 0.4em;
   position: absolute;
   right: 2em;
   top: 31px;
}
#searchbox {
   box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   margin: 0;
   border: 0;
}
.studySearchContainer .form-search .input-group .search-query {
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   padding: 5px 14px 5px 14px;
}
.studySearchContainer .form-search .input-group .btn {
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
}
#searchbox-container {
   width: 100%;
   margin: 0;
   margin-top: 10px;
}
#searchbox-container .pad {
   padding: 16px 18px;
}
#searchbox-container.stuck {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 5555;
}
#clear-button {
   position: absolute;
   right: 1%;
   top: 0;
   max-width: 8em;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.ui-widget {
   font-family: 'Roboto', Verdana, Arial, sans-serif;
   font-weight: 400;
   font-size: 1.1em;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   background: #efefef;
   font-family: 'Roboto', Verdana, Arial, sans-serif;
   border: 0;
   box-shadow: 0 1px 14px #efefef inset, 0 -6px 22px #efefef inset;
   font-weight: 400;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
   border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
   border-top-left-radius: 0;
}
#search-button {
   padding: 4px 12px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   vertical-align: top;
   cursor: pointer;
}
input#search-field:focus {
   background: #fff;
   box-shadow: 0 0 0 #fff;
   color: #333;
}
input#search-field.search-results {
   border-bottom-left-radius: 0;
}
#search-elements {
   width: 100%;
   position: relative;
}
#search-term {
   width: 80%;
   max-width: 600px;
}
#facets {
   font-size: 1em;
   vertical-align: top;
   margin-top: 1em;
}
.facet-set {
   margin-bottom: 0.5em;
}
.facet-set .title {
   cursor: pointer;
   font-weight: 600;
   border-bottom: 2px solid #d4d4d4;
}
.facet-set .title .opened-icon {
   display: none;
}
.facet-set .title.open .closed-icon {
   display: none;
   margin-right: 4px;
}
.facet-set .title.open .opened-icon {
   display: block;
   margin-right: 4px;
}
.facet-set .facets > button {
   cursor: pointer;
   display: block;
   text-align: right;
}
.facet-set .facets > .hidden {
   display: none;
}
.facet-set .facet:hover,
.facet-set .facet.selected {
   background: none repeat scroll 0 0 #F2f2f2;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
.facet-set .facet:after {
   content: ".";
   visibility: hidden;
   height: 0;
   clear: both;
   display: block;
}
.facet-set .facet.selected i {
   display: inline-block;
   margin-left: 2px;
   margin-right: 2px;
}
.facet-set .facet.selected .remove {
   float: right;
   margin-top: -23px;
   position: relative;
   display: block;
}
.facet-set .facet button {
   margin-bottom: 0.1em;
   padding: 0.2em;
   line-height: 1em;
   cursor: pointer;
   font-size: 1em;
   text-align: left;
   background: none!important;
   border: none;
}
.facet-set .facet button i,
.facet-set .facet button.remove {
   display: none;
}
.facet-set .facet.hidden {
   display: none;
}

#results,
#details-wrap {
   vertical-align: top;
}
#results {
   background: #f4f4f4;
   margin-bottom: 1em;
   border-radius: 10px;
}
#details-wrap {
   clear: both;
}
#results .result {
   border-bottom: 2px solid white;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -khtml-border-radius: 3px;
   cursor: pointer;
   padding: 0.3em 1.2em;
   display: block;
   font-weight: normal;
}
#results .result:hover {
   background: #efefef;
}
#results .result:hover,
#results .result:active,
#results .result:focus {
   font-weight: normal;
   text-decoration: none;
}
#results .result a {
   color: #000;
   font-weight: 600;
}
#results .result a:hover {
   text-decoration: none;
}
#results .result .avatar {
   display: inline-block;
   float: left;
   margin: 0 1% 0 0;
   max-width: 48px;
   width: 48px;
}
#results .result .name {
   color: #000;
   font-weight: 600;
}
#results .result .meta {
   color: #666;
   display: block;
   font-size: 0.9em;
}
#results .meta {
   display: block;
   font-size: 0.9em;
   color: #666;
}
#results .meta .summary {
   display: block;
   max-height: 4.7em;
   overflow: hidden;
}
#results .meta a {
   color: #666;
}
.result div.avatar {
   margin: 0 1% 0 0;
   max-width: 48px;
   width: 48px;
}
.result .basicFields div.avatar {
   max-width: 20%;
   width: 100px;
   margin: 5px 1% 0 0;
}
#details-wrap div.header {
   border-bottom: 2px solid #818181;
   font-size: 2em;
   font-weight: 500;
   margin-bottom: 1em;
   padding-bottom: 0.3em;
}
#details-wrap .data {
   position: relative;
   margin: 15px 0;
   padding: 3px 16px 14px !important;
   background-color: #fff;
   border: 1px solid #ddd;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
#details-wrap .data .title {
   background-color: #F5F5F5;
   border: 1px solid #DDDDDD;
   border-radius: 4px 0 4px 0;
   color: #666666;
   font-size: 14px;
   font-weight: bold;
   height: auto;
   left: -17px;
   padding: 5px 7px 3px 7px !important;
   position: relative;
   top: -4px;
   margin-bottom: 2px;
}
#details-wrap .data .sub-title {
   border-bottom: 1px solid #dadada;
   font-weight: normal;
   color: #666666;
   font-size: 14px;
   margin: 0.3em 0 0.4em;
   padding: 0 0 0.3em;
   display:block;
   clear:both;
}
#details-wrap .data:after {
   content: ".";
   visibility: hidden;
   height: 0;
   clear: both;
   display: block;
}
div.bindings {
   vertical-align: top;
   margin-left: 1%;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
div.bindings ul a {
   font-size: 0.85em;
}
div.data {
   margin-bottom: 0.5em;
}
div.label {
   display: inline-block;
   font-weight: bold;
   width: 29%;
   vertical-align: top;
   margin-right: 1%;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: top;
}
div.value {
   display: inline-block;
}
.bindings .label {
   width: 100%;
}
.bindings .value {
   width: 100%;
   margin-top: 6px;
}
.bindings ul {
   list-style: none outside none;
   font-size: 1.1em;
   margin: 0;
}
.bindings ul li {
   margin-bottom: .3em;
}
.rooms {
   color: #9D9D9D;
   margin-left: 0.4em;
}
.prev a,
.next a {
   display: inline-block;
   font-size: 1.5em;
   padding: 0 0.5em 0 .3em;
   line-height: 1.3em;
}
.studySearchContainer .lang {
   color: black;
}
#removeFacets {
   color: white;
   margin-top: 5px !important;
}
.studySearchContainer .label,
.studySearchContainer .badge {
   background-color: transparent;
   color: #000000;
   display: block;
   font-size: 11.844px;
   font-weight: bold;
   line-height: 14px;
   padding: 2px 0;
   text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
   vertical-align: baseline;
   white-space: nowrap;
   text-align: left;
}
#facets-toggle .close {
   color: #333333;
   float: none;
   font-size: 1em;
   font-weight: normal;
   line-height: 1em;
   opacity: 1;
   text-shadow: 0 0 0 #FFFFFF;
}
.reservations li .date {
   display: inline-block;
   font-weight: bold;
   margin-right: 0.3em;
}
.reservations ul,
.reservations ul li {
   list-style: none outside none;
   margin: 0 0 0.3em;
}
.field {
   display: block;
   float: left;
   width: 50%;
}
#top-part {
   position: static;
   width: 100%;
   background: #fff;
}
.btn .icon-remove {
   background-position: -312px 1px;
   margin-left: 5px;
}
.size .show {
   display: inline !important;
}
#noresults {
   padding: 0.4em;
}
.noresults #facets {
   width: 0;
}
.noresults #results {
   margin: 0 1%;
   width: 98%;
}
.inputbox {
   box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -khtml-border-radius: 10px;
   box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   border: 0;
   margin: 0;
}
.e .clearfix-e:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}
div.avatar {
   display: inline-block;
   float: left;
   margin: 1% 1% 0 0;
   max-width: 7%;
}
.information {
   clear: both;
   display: inline-block;
   width: 80%;
}
.avatar img {
   max-width: 100%;
}
#facets [class^="icon-"],
#facets [class*=" icon-"] {
   background-image: url("/o/peppi-desktops-theme/edugui/images/glyphicons/images/glyphicons_halflings.png");
   background-position: 14px 14px;
   background-repeat: no-repeat;
   display: inline-block;
   height: 14px;
   line-height: 14px;
   margin-top: 1px;
   vertical-align: text-top;
   width: 14px;
}
#facets .icon-chevron-down {
   background-position: -313px -119px;
}
#facets .icon-chevron-up {
   background-position: -287px -119px;
}
#removeFacets,
#selected-studies button,
.studySearchContainer .lang,
#results button.open-result-info,
#backtoresults,
#facets button {
   cursor: pointer;
   text-align: left;
   margin-bottom: 0.1em;
   padding: 0.2em;
   line-height: 1em;
   font-size: 1em;
   background: none!important;
   border: none;
}
#removeFacets,
.studySearchContainer .lang,
#results button.open-result-info,
#backtoresults,
#facets button.expand-collapse-facets {
   font-weight: bold;
}
#removeFacets:hover,
.studySearchContainer .lang:hover,
#results button.open-result-info:hover,
#backtoresults:hover,
#facets button:hover {
   text-decoration: underline !important;
}
#removeFacets:focus,
#selected-studies button:focus,
.studySearchContainer .lang:focus,
#results button.open-result-info:focus,
#details-wrap .details-toggle-trigger:focus,
#backtoresults:focus,
#facets button:focus,
#facets div.facet-toggle:focus {
   outline: thin solid;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: 3px;
}
.remove .halflings-icon {
   margin-top: 3px;
}
#selectedFacets {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -khtml-border-radius: 10px;
   margin: 0 !important;
   background: #666;
   box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);
   padding: 0.7em;
   display: none;
   color: white;
}
#selectedFacets .tag-e {
   cursor: pointer;
   margin-right: 4px;
   padding: 2px 7px 1px 7px !important;
}
#selectedFacets .fa.fa-times {
   margin: 0 0 0 4px;
}
#selectedFacets a {
   color: white;
   cursor: pointer;
}
#selectedFacets .tag-e {
   color: #000;
}
#selectedFacets .title {
   display: inline-block;
   margin-top: 4px;
   font-size: 1.1em;
   font-weight: normal;
   margin-right: 1em;
}
.data.basicFields .field {
   width: 100%;
}
.bindings .value li {
   clear: both;
   line-height: 32px;
}
.bindings .text {
   line-height: 32px;
}
.bindings .value div.avatar {
   display: block;
   float: left;
   height: 42px;
   margin: 0 7px 3px 0;
   max-width: 42px;
   overflow: hidden;
   width: 42px;
}
.value.bindings ul a {
   clear: both;
   display: block;
   font-size: 0.85em;
}
.studySearchContainer h2 {
   margin-bottom: 0;
}
#target > input {
   margin: 3px 0 0 2em;
   padding: 0;
   vertical-align: middle;
}
#target > label {
   margin: 0 0 0 0.5em;
   padding: 0;
   text-align: left;
   vertical-align: middle;
   width: auto;
}
#target {
   display: inline-block;
}
#basket {
   background: #eeeeef;
   margin-bottom: .5em;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -khtml-border-radius: 5px;
}
#basket i.fa-archive {
   font-size: 32px;
   vertical-align: middle;
}
#basket p {
   display: inline-block;
   margin: 0;
   padding: 0.7em;
   vertical-align: middle;
}
.studySearchContainer input#search-field:focus {
   transition: .25s;
   transform: translate3d(0,0,0);
   box-shadow: 0 0 0 2px black !important;
   border-radius: 0 !important;
}
.studySearchContainer #search-button {
   outline: none !important;
   transition: .25s;
   transform: translate3d(0,0,0);
   height: 2.3em;
}
.studySearchContainer #search-button:focus {
   box-shadow: 0 0 0 2px black !important;
   border-radius: 0 !important;
}
.studySearchContainer a:focus, .studySearchContainer button:focus, .studySearchContainer #removeFacets:focus,
.studySearchContainer #selected-studies button:focus,
.studySearchContainer .lang:focus,
.studySearchContainer #results button.open-result-info:focus,
.studySearchContainer #backtoresults:focus,
.studySearchContainer #facets button:focus,
.studySearchContainer #facets div.facet-toggle:focus {
   outline: none !important;
}
.studySearchContainer a:focus, .studySearchContainer button:focus, .studySearchContainer #removeFacets:focus,
.studySearchContainer #selected-studies button:focus,
.studySearchContainer .lang:focus,
.studySearchContainer #results button.open-result-info:focus,
.studySearchContainer #backtoresults:focus,.studySearchContainer #facets div.facet-toggle:focus, .studySearchContainer #facets button:focus{
   transition: .25s !important;
   transform: translate3d(0,0,0);
   text-decoration: none !important;
   box-shadow: 0 0 0 2px black !important;
   border-radius: 0 !important;
}

.studySearchContainer input[type="text"]:focus, 
.studySearchContainer textarea:focus {
   transition: .25s !important;
   transform: translate3d(0,0,0);
   outline: none !important;
   text-decoration: none !important;
   box-shadow: 0 0 0 2px black !important;
   border-radius: 0 !important;
   border-color: transparent !important
}

#enrollment-prompt-dialog input[type="text"]:focus,
#enrollment-prompt-dialog textarea:focus{
   transition: .25s !important;
   transform: translate3d(0,0,0);
   outline: none !important;
   text-decoration: none !important;
   box-shadow: 0 0 0 2px black !important;
   border-radius: 0 !important;
   border-color: transparent !important
}

#enrollment-prompt-dialog input[type="checkbox"]:focus, 
.studySearchContainer input[type="checkbox"]:focus,
.studySearchContainer input[type="radio"]:focus,
#enrollment-prompt-dialog input[type="radio"]:focus{
   outline: 1px auto black;
   outline-offset: 2px;
   box-shadow: none !important;
   transition: 0s !important;
}

input[type="checkbox"].terms {
   margin-top: 0px !important;
}