@charset "UTF-8";

* {
    font-family: 'Roboto Condensed', sans-serif !important;
}

/* .row {
    max-width: 100% !important;
} */
@media (min-width: 1300px) {
    #content {
      min-height: 550px;
    }
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important;
}

.btn {
    outline: none !important;
}

.clear {
    clear: both;
}

header#header {
    background-image: url("/ls/custom-images/top-banner.png") !important;
    background-color: #fce4bc !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    height: 200px !important;
    width: 100% !important;
    -webkit-box-shadow: 1px 5px 5px #888888 !important;
    box-shadow: 1px 5px 5px #888888 !important;
    max-height: 200px !important;
}

.main-logo {
    max-width: 392px;
}

footer#footer {
    margin-bottom: 0 !important;
    z-index: 0;
}

.navbar-inverse .navbar-nav>li>a {
    color: #3e97d1;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.navbar-collapse .navbar-nav>li>a:hover {
    color: #206796;
}

.menu-wrapper {
    padding-top: 140px;
    /* padding-left: 70px; */
    position: absolute;
    left: 24%;
}

.navbar-right {
    /* padding-top: 137px; */
    /* padding-right: 25px; */
}

ul.nav.navbar-nav.navbar-right .btn-primary {
    /* margin-top: 137px; */
	width: 169px !important;
}

.navbar-right .btn {
    padding: 0.6em 1.2em;
    font-size: 1.4em !important;
    letter-spacing: 0.1em;
}

.jumbotron img {
    width: 100% !important;
}

.jumbotron {
    padding: 0 !important;
    margin: 0 !important;
}

.versionCheck {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin-right: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.adopt-size {
    /* width: 967px; */
    width: 100%;
}

h1.split-box-title {
    text-align: left;
    /* margin: 0 auto !important;
    width: 69%; */
    color: #3E97D1;
    letter-spacing: 1px;
    font-size: 42px;
    line-height: 1.3;
    /* padding-top: 150px; */
}

.split-box-subtitle {
    text-align: left;
    padding-top: 20px;
    font-size: 20px;
}

.img-text-box {
    display: flex;
    text-align: left;
    /* margin: 0 auto !important;
    width: 69%;
    padding-top: 30px; */
    font-size: 20px;
    line-height: 1.6;
}

.img-text-box img {
    margin-right: 23px;
    margin-top: 38px;
    /* height: fit-content; */
}

.e-me-button {
    background-color: #F0A830 !important;
    background-image: none !important;
    font-size: 20px;
    padding: 30px;
    width: 77%;
    letter-spacing: 3px;
    border-radius: 40px;
    /* position: relative;
    right: 62px; */
}

.orangeTextBig {
    font-size: 26px !important;
    color: #f0a830;
}

.orangeText {
    color: #f0a830;
}

.jumbo-button {
    background-color: #F0A830 !important;
    background-image: none !important;
    font-size: 24px;
    padding: 30px;
    min-width: 27%;
    letter-spacing: 4px;
    border-radius: 40px;
    margin-top: 20px;
}

a.lang-buttons {
	font-size: 23px;
	margin-right: 7px;
	color: #3275ae;
	padding: 6px 6px;
	line-height: 80px;
	text-decoration: none;
	border-radius: 10px;
	border: solid #3275ae 2px;
}

a.lang-buttons:hover {
	background-color: #88b6c9;
	cursor: pointer;
}

.explainMessage {
    font-size: 24px;
    border: 1px solid #80808061;
    width: 85%;
    display: inline-block;
    padding: 40px;
    background: #F5F2E4;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1px;
}

.split-box-container {
    display: inline-block;
    padding-top: 7%;
}

.full-box-title {
    color: #3E97D1;
    letter-spacing: 1px;
    font-size: 42px;
    /* padding-top: 70px; */
}

.full-box-subtitle {
    font-size: 23px;
    letter-spacing: 1px;
    /* padding-top: 10px; */
    /* padding-bottom: 50px; */
}

.adopt-box {
    background: #fff;
    border: 1px solid #80808047;
    width: 100%;
    display: inline-block;
    margin-top: 40px;
    min-height: 550px;
}

img.orange-bg {
    /* background: #F0A830; */
    padding: 30px;
    /* border-radius: 50%; */
    width: 100px;
    /* margin-top: 75px;
    margin-bottom: 20px; */
}

h4.third-box-title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.6px;
}

p.third-box-subtitle {
    font-size: 23px;
    /* margin-bottom: 100px; */
    margin-top: 25px;
}

.offset-margin {
    margin-bottom: 72px !important;
}

.full-box-title-white {
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 42px;
    /* padding-top: 70px; */
}

.full-box-subtitle-white {
    font-size: 23px;
    letter-spacing: 1px;
    padding-top: 10px;
    /* padding-bottom: 50px; */
    color: #ffffff;
}

.second-offset-margin {
    margin-bottom: 48px !important;
}

.third-offset-margin {
    margin-bottom: 25px !important;
}

.split-box-title-bigger {
    text-align: left;
    /* margin: 0 auto !important;
    width: 67%; */
    color: #3E97D1;
    letter-spacing: 1px;
    font-size: 50px;
    line-height: 1.3;
    /* padding-top: 150px; */
    font-weight: 300;
}

.split-box-subtitle-bigger {
    text-align: left;
    /* margin: 0 auto !important;
    width: 67%; */
    padding-top: 15px;
    font-size: 25px;
}

.eme-links.animation {
    background-color: #2d7aae;
}

ul.list-unstyled.clear-margins {
    display: inline-flex;
}

.eme-links {
    text-align: center;
}

.eme-links {
    font-size: 14px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 25px 0px 15px;
    width: 100%;
    text-align: center;
}

.eme-links-wrapper {
    text-align: center !important;
}

.eme-links .list-unstyled.clear-margins {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.eme-links .list-unstyled.clear-margins li {
    margin-right: 30px;
    margin-left: 10px;
    text-align: center;
    padding-left: 10px;
    line-height: 9px;
    height: 10px !important;
}

.yellow-line {
    display: inline-block;
    border-top: solid 1px #f5d65a;
    padding-top: 5px;
    width: 50%;
}

p.copyright {
    color: #fff !important;
    margin-top: 10px;
}

.footer-bottom {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    clear: both;
    display: block;
    padding-top: 10px;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.footer_img {
    margin: 0 5px 10px;
    text-decoration: none;
    border: 1px solid #eee;
    display: inline-block;
    clear: both;
}

.footer-bottom img {
    max-height: 65px;
}

.footer-copyright {
    background-color: #f0a830;
}

h1.jumbo-title {
    color: #fff !important;
    font-size: 90px;
    letter-spacing: 2px;
    padding-top: 50px;
}

p.jumbo-subtitle {
    font-size: 35px;
    color: #fff !important;
    padding-top: 15px;
}

p.jumbo-text {
    color: #fff !important;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 2px;
    /* line-height: initial; */
    text-align: left;
    width: 211px !important;
}


img.jumbo-icon {
    width: 130px !important;
    margin-top: 0;
}

.jumbo-box {
    margin: 0 auto !important;
    width: 100%;
    background: #243b56c2;
    padding: 30px;
}

.jumboCard {
    background: #243b56c2;
    padding: 10px 35px;
    min-height: 206px;
}

.fix-distance {
    padding-top: 70px;
    width: 77%;
    margin: auto;
}

img.jumbo-icon.fix-lamp {
    width: 158px !important;
    position: relative;
    right: 5px;
}

.fix-one-third-img {
    max-width: 147px;
}

input#tquery {
    width: 47%;
    height: 90px;
}

.sform.discForm {
  display: flex;
  justify-content: center;
}

.sform input {
    background-image: none;
    background-color: #f0a830ba;
    border: 2px solid #fff !important;
    color: #fff !important;
    font-size: 35px;
    /* padding-left: 20px; */
}

::placeholder {
    color: #ffffffa6 !important;
    font-size: 33px;
    letter-spacing: 7px;
    font-weight: 300;
    padding-left: 40px;
}

body.undernavigation {
    padding-top: 0 !important;
}

header#header {
    margin-bottom: 0 !important;
}

/* .homeSearchForm {
    padding-top: 40px;
} */

.panel-success>.panel-heading {
    color: #ffffff !important;
    background: #3e97d1 !important;
    border-color: #3e97d1 !important;
}

.container {
    max-width: 95% !important;
}

.item_metadata {
    min-height: 250px;
}

.itemListMetaInfoArea {
    min-height: 240px;
}

span.itemListLabel {
    display: none !important;
}

span.itemListValue a {
    color: #000 !important;
    text-decoration: none !important;
}

.itemListMetaInfoRow {
    font-size: 22px;
    /* text-transform: uppercase; */
}

.item_metadata {
    padding-top: 15px;
    padding-bottom: 25px;
}

.item_metadata {
    text-align: center;
}

.itemListTitleMatrix {
    font-size: 17px;
    padding-bottom: 10px;
}

div#facets {
    padding-top: 50px;
}

#facets .panel-heading {
    font-size: 18px !important;
}

/* .col-md-12.discovery-result-pagination {
    margin-top: 50px;
    margin-bottom: 20px;
    background: #3e97d1;
    border-radius: 5px;
} */

.col-md-12.discovery-result-pagination {
    margin-top: 50px !important;
    margin-bottom: 25px !important;
    background: #3e97d1;
    border-radius: 5px;
    max-width: 95.5%;
    margin: 0 auto;
    font-size: 18px;
}

.full-grid-align {
    max-width: 96.7% !important;
}

div#facet_taxonTree {
    margin-bottom: 0 !important;
}

.item_thumbnail img {
    max-width: 100%;
    max-height: 280px;
    min-height: 280px;
    object-fit: scale-down !important;
}

.itemListMetaInfoArea {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 35px 0 45px 0;
    max-width: 382px;
    margin: 0 auto;
}

.item_metadata {
    padding-top: 0 !important;
}

.item_thumbnail {
    max-width: 412px;
    text-align: center;
    margin: 0 auto;
}

.itemListTitleMatrix em {
    border-bottom: solid #f2b855;
    padding-bottom: 4px;
    font-style: initial;
}

.item_icon i {
    background-color: #3e97d1;
    padding: 13px;
    border-radius: 50%;
    width: 65px;
    margin-top: -71px;
    vertical-align: top !important;
}

.gridIcon {
    font-size: 39px;
    color: #fff;
}

i.gridIcon.glyphicon.glyphicon-list-alt::before {
    position: relative;
    right: 2px;
    bottom: 2px;
}

.item_icon {
    max-height: 10px;
}

.container.imgFilters {
    display: contents;
}

.imageFiltersDiv {
    max-width: 100%;
    margin-right: 34%;
}

.imageFiltersCol {
    display: flex;
}

/* .imageFiltersCol img {
    margin-right: 15px;
} */

.imgFiltersHeading {
    color: #ffffff !important;
    background: #3e97d1 !important;
    border-color: #3e97d1 !important;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-bottom: 7px;
}

/* ul.imgFiltersul {
    list-style: none;
    padding-left: 0 !important;
} */

ul.nav.nav-tabs li {
    width: 25%;
}

.nav-tabs.nav>li>a {
    padding: 10px 40px;
    background-color: #eaeaea;
}

.nav-tabs>li.active>a {
    background-color: #fff;
    color: #f2b855;
}

.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #f2b855;
}

.tab-pane {
    border: 1px solid #b9b9b9a6;
    padding: 15px;
    border-top: none;
}

.scenarioImg {
    border: 2px solid #f2b855;
    padding: 70px 0px;
}

.authorImg {
    padding-left: 0 !important;
}

.authorName {
    font-size: 19px;
    margin-right: 25px !important;
}

.authorInfos div {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

.educationalLevel span {
    font-size: 19px !important;
}

.col-md-3.authorInfos .authorName {
    font-size: 16px !important;
    margin-right: 10px !important;
}

.col-md-3.authorInfos .authorImg img {
    max-width: 5em !important;
}

.col-md-3.authorInfos .educationalLevel span {
    font-size: 16px !important;
}

.templDiscWrapper {
    text-align: justify;
    font-size: 19px;
    line-height: 21px;
}

.templDisc {
    background-color: whitesmoke;
    padding: 5px 10px;
    border: 1px solid #2d7aae;
    overflow: auto;
    max-height: 94px;
}

/* .templateDescriptionBox {

} */

.blueText {
	color: #3e97d1 !important;
}

.blueBoldText {
	color: #1f497d;
	font-weight: bold !important;
}

.darkBlueText {
	color: #215868 !important;
	font-weight: bold !important;
}

.yellowTitle {
    background-color: #ffb606;
    color: #fff;
    font-size: 20px;
    /* padding: 8px 32px; */
    display: inline-block;
    width: 150px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: center;
}

.blueTitle {
    background-color:#3e97d1;
    color: #fff;
    font-size: 20px;
    /* padding: 8px 37px; */
    display: inline-block;
    width: 150px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: center;
}

img.bluebg {
    background: #3e97d1;
    border-radius: 5px;
}

img.yellowbg {
    background-color: #ffb606;
    border-radius: 5px;
    margin-bottom: 7px;
    cursor: pointer !important;
}

.fixIconPosition {
    margin-bottom: 7px;
}

.secondYellowTitle {
    background-color: #ffb606;
    color: #fff;
    font-size: 20px;
    /* padding: 8px 49px; */
    display: inline-block;
    width: 150px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: center;
}

h5.mb-0 {
    margin-top: 0;
}

img.unapproved-img {
    margin-right: 16px;
    margin-top: 7px;
}

.authorImg img {
    border-radius: 50%;
}

.correlatedTemplateBox {
    margin-right: 15px;
    margin-top: 17px;
}

.tempBased {
    float: right;
    font-size: 18px;
    color: #fff;
    background-color: #f2b041;
    padding: 8px 13px;
    line-height: 20px;
    border-radius: 30px;
    white-space: normal;
    max-width: 207px;
    outline: none !important;
}

.tempBased:hover {
    border: 1px solid #f2b041;
    background-color: #fff;
    color: #f2b041;
    outline: none !important;
}

span.glyphicon.glyphicon-star {
    color: #ffb606;
}

span.grayTitle {
    color: #b3b3b3;
}

.educationalLevel span {
    font-size: 20px;
}

.fullStretchImg {
    padding: 0 !IMPORTANT;
}

p.card-title.jumbo-text {
    min-height: 175px;
}

.fix-vert {
    position: relative;
    top: 15px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #f2b041;
}

.navbar-inverse .navbar-toggle  {
    margin-top:90px;
}

.paginationRow {
    float: left;
}

.alert.alert-info {
    background-image: none !important;
    background: none;
    border: none;
    padding: 12px;
    box-shadow: none;
    color:#fff;
    margin-bottom: 0;
}

.review-alert {
    color: black !important;
    padding-left: 0px !important;
}

.discovery-pagination-controls.panel-footer {
    background: none;
    border: none;
    color: #fff;
    /* padding: 12px 10px 0px 10px; */
}

.discovery-pagination-controls.panel-footer form label {
    margin-bottom: 0 !important;
}

.scenario-tabs {
    background-color:#cdedff;
    margin-bottom: 15px;
    padding: 5px;
    border: 2px solid #797979;
    border-radius: 10px;
}

.unit-title {
    font-size: 27px;
    font-weight: 600;
    color: #2c78ab;
    line-height: 45px;
}

.scenario-tabs {
    font-size: 18px;
}

.pdf-export {
    float: right;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    padding: 3px;
    background-color: #F2F2F2;
    /* margin-left: 10px; */
    /* margin-top: 6%; */
}

.pdf-export-descr {
    float: right;
    width: 115px;
    text-align: center;
    font-size: 18px;
    padding: 3px;
    font-weight: 600;
}

.item_thumbnail img {
    border: 1px solid dimgrey;
    width: 100%;
}

.scenario-img img {
    width: 100% !important;
    padding: 15px;
    border: 2px solid #ffb606;
}

div#accordion {
    display: inline-block;
}

#accordion .card-header {
    background: #2d7aae;
}

#accordion .card-header button {
    color: #fff !important;
    font-size: 27px;
    letter-spacing: 1px;
    width: 100%;
    text-align: left !important;
    text-decoration: none;
    border: none !important;
}

div#accordion p {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
}

.card-body p {
    margin-bottom: 0px;
}

#accordion .card-body {
    background-color: #f2f2f2bd;
    padding: 20px;
    border-radius: 15px;
    font-size: 23px;
    -webkit-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    -moz-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
}

.scenario-title {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2a6496;
    text-transform: uppercase;
    line-height: 35px;
}

/* .teaching-objective {
    background: #cdedff;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

/* .teaching-objective .section-parent .row > label {
    display: none !important;
} */

/* .learning-outcomes {
    background: #e9ecee;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

/* .learning-outcomes .section-parent .row > label {
    display: none !important;
} */

/* .approach-strategies {
    background: #cdedff;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

/* .requirements{
    background: #cdedff;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

/* .approach-strategies .section-parent .row > label {
    display: none !important;
} */

/* .audience {
    background: #e9ecee;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

/* .audience .section-parent .row > label {
    display: none !important;
} */

/* .orchestration {
    background: #cdedff;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

/* .orchestration .section-parent .row > label {
    display: none !important;
}  */

.section-parent {
    margin-left: -10px;
    /* background: #fff; */
    padding: 5px;
    /* border: 1px solid #005aff85;
    border-radius: 10px; */
    /* margin-bottom: 15px; */
}

.userInputForm .pageFieldFrame label:not(.ui-dropdownchecklist-text) {
    background-color: white;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    border-radius: 20px;
    margin-left: 17px;
    padding: 3px 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #327bab;
    white-space: nowrap;
}

/* div#tabs label {
    margin-left: 5px !IMPORTANT;
} */

/* .fixTabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #2aabd2;
    background: #4c8cb5;
    font-weight: normal;
    color: #ffffff;
    font-size: 18px;
}

.fixTabs li.ui-state-default.ui-corner-top {
    border: 1px solid #2aabd2;
    background: #4c8cb5;
    font-weight: normal;
    font-size: 18px;
}

.fixTabs li.ui-state-default.ui-corner-top a {
    color: #fff;
} */

.section-parent h2 {
    margin-top: 0 !important;
}

.section-grandchildren {
    /* background-color: #f8f8f8; */
    /* padding: 20px; */
    border-radius: 15px;
    width: 100%;
}

.teaching-objective-front {
    border: 3px solid #bfcbfd;
    background: #f8fbfd;
    padding: 5px;
    margin: 10px auto;
}

.requirements-front {
    border: 3px solid #bfcbfd;
    background: #f8fbfd;
    padding: 5px;
    margin: 10px auto;
}

.orchestration-front {
    border: 3px solid #bfcbfd;
    background: #f8fbfd;
    padding: 5px;
    margin: 10px auto;
}

.audience-front {
    border: 3px solid #bfcbfd;
    background: #f8fbfd;
    padding: 5px;
    margin: 10px auto;
}

.approach-strategies-front {
    border: 3px solid #bfcbfd;
    background: #f8fbfd;
    padding: 5px;
    margin: 10px auto;
}

.learning-outcomes-front {
    border: 3px solid #bfcbfd;
    background: #f8fbfd;
    padding: 5px;
    margin: 10px auto;
}

.glyphicon-chevron-down {
    float: right;
}

.glyphicon-chevron-up {
    float: right;
}

.card-header .glyphicon-chevron-up {
    transition: .3s transform ease-in-out !important;
}

.card-header button.collapsed .glyphicon-chevron-up {
    transform: rotate(180deg) !important;
}

.resized-thumb {
    max-width: 170px;
}

/* .upload-table td {
    padding-top: 60px !important;
}

td.maintain-position {
    padding-top: 8px !important;
} */

.upload-table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
    padding: 10px;
    line-height: 1.428571;
    vertical-align: middle;
    border-top: none;
}

.upload-body {
    background: #cdedff;
    /* color: #fff !important; */
    font-size: 14px;
}

.panel-body.upload-body button {
    background: #f0a830;
    color: #fff !important;
    border-radius: 20px;
    font-size: 14px;
    margin-top: 5px;
    border: 1px solid #3f88c7;
}

.row.control-group {
    float: left;
    width: -webkit-fill-available;
    width: -moz-available;
}

.buttAdd {
    margin-top: 17px;
}

/* table#lom_classification-taxonpath {
    width: 77%;
} */

.review-box {
    margin-left: 0 !important;
}

.well {
    background: #cdedff !important;
    border: 1px solid #428bca !important;
    border-radius: 15px;
}

.metadataFieldLabel {
  padding: 0 !important;
  font-weight: 600;
}

.metadataFieldValue {
  padding: 0 !important;
}

.review-btn {
  background: #f0a830;
  color: #fff !important;
  border-radius: 20px;
  font-size: 14px;
  margin-top: 5px;
  border: 1px solid #3f88c7;
}

.review-btn:hover {
  background: #f0a830;
  color: #fff !important;
  border-radius: 20px;
  font-size: 14px;
  margin-top: 5px;
  border: 1px solid #3f88c7;
}

.mandatory-field::after {
  content: "  ** " attr(data-content) !important;
  color: red !important;
}

.activity-tabs>li.active>a {
    background-color: #ffffff  !important;
    color: #2d7aae !important;
}

.activity-tabs.nav>li>a {
    background-color: #2d7aae;
    color: #ffffff;
}

.activity-tabs-content .tab-pane {
    border: none;
    padding: 15px;
    border-top: none;
    background-color: #fff;
}

.resp-only {
    display: none;
}

/* .fixDimensions {
    width: 62%;
    display: inline-block;
    padding: 2%;
} */


.split-box-second-container {
    padding-top: 19% !important;
    display: inline-block;
}

#dateIssued {
    display: none !important;
}

div#opener {
    background-color: #f2b041;
    width: 50px;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 33px;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    position: fixed;
    right: 7px;
    top: 205px;
    z-index: 2 !important;
    font-size: 18px;
}

ul.popup-list {
    list-style: none;
    padding-left: 0px;
    text-align: center;
}

li.popup-item {
    display: inline-block !important;
    padding: 10px !important;;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    /* min-width: 70%;
    width: 70%; */
    top: 220px !important;
    border: 4px solid #75adcb;
    position: fixed !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: #75adcb;
    color: #fff;
    font-size: 17px;
}

.itemLoginLabel a.login-button {
    font-size: 17px;
    color:#428bca;
    text-decoration: none;
}

.itemLoginLabel a.login-button:hover {
    text-decoration: underline;
}

.notLoggedIn {
    font-size: 17px;
}

.trigger {
    background: #f2b041;
    color: #fff;
    width: 190px;
    margin: 0 auto;
    padding: 11px;
    border-radius: 20px;
    margin-top: 7px;
    margin-bottom: 15px;
    font-size: 15px;
    cursor: pointer;
}

button.ui-dialog-titlebar-close:before {
    color: #7b6d53 !important;
    content: "x" !important;
    position: relative;
    bottom: 4px;
    height: 2px;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 41%;
    width: 29px;
    margin: -11px 0 0 0;
    padding: 4px;
    height: 29px;
}

img.popup-thumb {
    max-width: 150px;
}

div#dialog {
    background: #f5f5f5;
    max-height: 600px !important;
}

button.btn.btn-default {
    z-index: 1 !important;
}

img.libIconImg {
    width: 30px !important;
}

#accordion button.btn.btn-link {
    white-space: normal;
}

.footer-bottom p {
    padding: 5px;
}

/* .educationalLevel {
    margin-top:10%;
} */

.scenarioComments {
    margin-top:10%;
}

/* .utilButtons {
    border-left:5px solid #dadada;
} */

.bgColorBox {
    background: #f0a830;
    width: 72px;
    height: 72px;
    display: inline-block;
    border-radius: 40px;
    margin-top: 55px;
    margin-bottom: 15px;
}

.sectionIcons {
    font-size: 40px;
    color: #fff;
    margin-top: 10px;
}

i.sectionIcons.glyphicon.glyphicon-th::before {
    left: 1px;
    position: relative;
}

i.sectionIcons.glyphicon.glyphicon-save::before {
    left: 1px;
    position: relative;
}

i.sectionIcons.glyphicon.glyphicon-bookmark::before {
    right: 2px;
    position: relative;
    top: 2px;
}

i.sectionIcons.glyphicon.glyphicon-file::before {
    left: 1px;
    position: relative;
}

.homeSearchBtn {
	background-image: url("../../custom-images/searchsingle_icon.png") !important;
    background-size: contain;
    background-position: center;
    background-color: #fff !important;
    background-repeat: no-repeat;
    width: 90px;
    /* margin-bottom: -32.6px;
    margin-left: -5px; */
}

.homeForm .homeSearchBtn {
    /* padding: 5.5px !important; */
    /* height:90px; */
}



.col-md-6.bgImgLaps {
    background-color: #1a1a1a;
    background-image: url("../../custom-images/ls_image.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 48em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    -moz-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.44);
}

.bgColorLaps {
    background-color: #f9f2e8 !important;
    background-image: url(../../custom-images/mySpaceBannerResp.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 42em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    -moz-box-shadow: 7px 10px 5px -10px rgba(97,97,97,0.64);
    box-shadow: 7px 10px 5px -10px rgba(97, 97, 97, 0.44);
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color:#3e97d1;
    border-bottom-color: #3e97d1;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret:hover {
    border-top-color:#3e97d1;
    border-bottom-color: #3e97d1;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret:focus {
    border-top-color:#3e97d1;
    border-bottom-color: #3e97d1;
}

.navbar-right .dropdown-menu {
    font-size: 18px;
}

.navbar-right .dropdown-toggle {
    background-color: #fce4bc;
}

ul.nav.navbar-nav.navbar-right .dropdown:hover {
    background:  #fce4bc;
}
.miscTable .evenRowEvenCol ul li {
    font-size: 20px;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #3e97d1;
    background-color: #fce4bc;
}

.navbar-inverse .navbar-nav>.open>a {
    color: #3e97d1;
    background-color: #fce4bc;
}

.nav .open>a {
    color: #3e97d1;
    background-color: #fce4bc;
}

.card.jumboCard:hover {
    backdrop-filter: brightness(0.5);
    -webkit-backdrop-filter: brightness(0.5);
    -moz-backdrop-filter: brightness(0.5);
    -o-backdrop-filter: brightness(0.5);
    -ms-backdrop-filter: brightness(0.5);
}

/* .ratingLabel {
    float: left;
} */

.ratings-container {
    margin-top: 30px;
    max-width: 320px;
    font-size: 17px !important;
    background-color: #fff3f3;
    padding: 10px;
    box-shadow: 7px 10px 13px 1px rgb(97 97 97 / 64%);
    -webkit-box-shadow: 7px 10px 13px 1px rgb(97 97 97 / 64%);
    -o-box-shadow: 7px 10px 13px 1px rgb(97 97 97 / 64%);
    -ms-box-shadow: 7px 10px 13px 1px rgb(97 97 97 / 64%);
}

div#rating {
    margin-bottom: 5px;
    border-bottom: 1px dotted #3e97d1;
}

.closeDialogue {
    margin-top: 30px;
    padding: 6px;
    background-color: #ffb606;
    color: #fff;
    width: 90px;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    border: 2px solid #3e97d1;
    font-size: 17px;
}

.save-ratings-div {
    font-size: 17px;
}

table#save-ratings {
    margin-top: 24px;
}

td.ratingLabel {
    width: 195px;
}

.ratingRaterIsOwner {
    font-size: 17px;
}

/* .resizeEditors {
    max-width: 79.5%;
} */

form#edit_metadata {
    max-width: 85%;
}

.fixTabs {
    margin-left: 14px;
    max-width: 96.1%;
}

span.multi-select-button {
    min-width: 5em;
    text-align: center;
}

.multi-select-container span.multi-select-button {
    width: 300px !important;
    padding: 5px !important;
    box-shadow: 1px 1px 5px 0px #0000008c !important;
    margin-top: 10px;
}

.dropDownLists {
    width: 300px !important;
    padding: 5px !important;
    box-shadow: 1px 1px 5px 0px #0000008c !important;
    margin-top: 10px;
    border-radius: 7px;
}

.multi-select-button:after {
    float: right;
    margin-top: 7px;
}

.hideUser {
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    margin-top: -12px;
}

.hideUser label {
    padding: 0;
}

.hideUser span {
    padding: 0;
}

.pull-right.btn-group input {
    font-size: 16px !important;
}

.level-three {
    font-size: 16px;
    margin-top: 0 !important;
}

.level-two {
    font-size: 20px;
    margin-top: 0 !important;
}

.level-one {
    font-size: 28px;
    font-weight: bold;
}

.level-three-front {
    font-size: 25px;
    display: block;
    color: #4bb8ff;
    font-weight: 500;
}

.level-two-front {
    font-size: 28px;
    display: block;
    color: #0f8bdc;
    font-weight: 500;
}

.level-one-front {
    font-size: 32px;
    display: block;
    color: #0162a2;
    font-weight: 600;
}

.pl-0 {
    padding-left: 0;
}

.contributor-indent {
    max-width: 31%;
    margin-left: 15px;
}

.fixLabelOne {
    position: relative;
    right: 8px;
}

.fixLabelTwo {
    position: relative;
    right: 17px;
}

span.itemListValue {
    overflow-wrap: break-word;
}

#charLimit{
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif !important;
    position: inherit;
    top: -25px;
    float: right;
    padding-right: 7px;
}

#lom_general-title {
    padding: 5px 80px 5px 10px !important;
}

img.pilotBadge {
    position: absolute;
    width: 130px;
    top: 15px;
    left: 262px;
    transform: rotate(354deg);
}

div#facet_owningCollection, div#facet_correlatedTemplate {
    display: none;
}

.help-block {
    width: 96%;
    max-width: 97%;
    margin-left: 15px;
    font-size: 18px;
    border: 1px solid gray;
    padding: 8px;
    background-color: snow;
    height: 110px;
    overflow: auto;
    font-style: italic;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px #00000047;
    -webkit-box-shadow: 2px 2px 2px 2px #00000047;
    -o-box-shadow: 2px 2px 2px 2px #00000047;
    -moz-box-shadow: 2px 2px 2px 2px #00000047;
    -ms-box-shadow: 2px 2px 2px 2px #00000047;
    margin-bottom: 15px;
    resize: vertical;
}

.help-block-custom {
    width: 98%;
    max-width: 98%;
    font-size: 18px;
    border: 1px solid gray;
    padding: 8px;
    background-color: snow;
    color: #737373;
    margin-bottom: 15px;
    color: #737373;
    max-height: 110px;
    overflow: auto;
    font-style: italic;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px #00000047;
    -webkit-box-shadow: 2px 2px 2px 2px #00000047;
    -o-box-shadow: 2px 2px 2px 2px #00000047;
    -moz-box-shadow: 2px 2px 2px 2px #00000047;
    -ms-box-shadow: 2px 2px 2px 2px #00000047;
}

.help-block-multi {
    width: 95.8%;
    max-width: 95.8%;
    margin-left: 15px;
    font-size: 18px;
    border: 1px solid gray;
    padding: 8px;
    background-color: snow;
    margin-bottom: 10px;
    color: #737373;
    max-height: 110px;
    overflow: auto;
    font-style: italic;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px #00000047;
    -webkit-box-shadow: 2px 2px 2px 2px #00000047;
    -o-box-shadow: 2px 2px 2px 2px #00000047;
    -moz-box-shadow: 2px 2px 2px 2px #00000047;
    -ms-box-shadow: 2px 2px 2px 2px #00000047;
}

img.unapproved-item {
    margin-top: -230px;
    position: absolute;
    transform: rotate(50deg);
    width: 40%;
    z-index: 5;
}

p.no-results {
    font-size: 20px;
    padding: 40px;
    min-height: 220px;
}

#accordion .card-body table {
    float: none !important;
}

#accordion .card-body table td  {
    text-align: left !important;
}

#accordion .card-body table td p {
    text-align: left !important;
}

#accordion .card-body table td a {
    text-align: left !important;
}

#accordion .card-body table td span {
    text-align: left !important;
}

#accordion .card-body table td em {
    text-align: left !important;
}

#accordion .card-body table td b {
    text-align: left !important;
}

#accordion .card-body table td i {
    text-align: left !important;
}

#accordion .card-body table td strong {
    text-align: left !important;
}

#accordion .card-body table td h1 {
    text-align: left !important;
}

#accordion .card-body table td h2 {
    text-align: left !important;
}

#accordion .card-body table td h3 {
    text-align: left !important;
}

#accordion .card-body table td h4 {
    text-align: left !important;
}

#accordion .card-body table td h5 {
    text-align: left !important;
}

#accordion .card-body table td h6 {
    text-align: left !important;
}

#accordion .card-body img {
    position: unset !important;
    float: none !important;
}

#accordion .card-body table img {
    float: none !important;
    position: absolute !important;
}

.additionalFiles {
    width:100%;
    border: 1px solid black;
    border-collapse: collapse;
}

.additionalFiles th {
    border: 1px solid black;
    border-collapse: collapse;
    font-size: 18px;
    padding: 15px;
    background: #2d7aae;
    color: #fff;
}

.additionalFiles td {
    border: 1px solid black;
    border-collapse: collapse;
    font-size: 15px;
    padding: 15px;
}

div#template-list {
    width: 100% !important;
}

.dd-select {
    width: 100% !important;
}

label.dd-selected-text {
    margin-left: 50px !important;
}

img.dd-selected-image {
    max-width: 165px;
    margin-left: 30px;
    float: none !important;
}

ul.dd-options.dd-click-off-close {
    width: 100% !important;
}

img.dd-option-image {
    max-width: 165px !important;
    float: none !important;
    margin-left: 30px !important;
}

img.dd-option-text {
    margin-left: 50px !important;
}

label.dd-option-text {
    margin-left: 50px !important;
    font-size: 17px !important;
}

a.dd-option {
    max-height: 190px !important;
}


a.dd-selected {
    max-height: 190px !important;
}

label.dd-option-text {
    line-height: 175px !important;
    font-size: 17px !important;
}


label.dd-selected-text {
    line-height: 175px !important;
    font-size: 17px !important;
}

.dd-options {
    position: relative !important;
}


.hideThis {
    display: none;
}

.hideThat {
    display: none !important;
}

.panel-body.userButtons {
    text-align: center;
    padding: 0 0 50px 0;
}

#copyModal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}

/* img.workspace-logo {
    margin-bottom: 40px;
    width: 100% !important;
} */

div#template-list {
    width: 96%;
    max-width: 96%;
    margin-left: 15px;
}

/* ΕΜΕ GRID CSS */

  .main-content-wrap {
    position: relative;
  }

  .main-content-wrap section.content-current {
    display: block;
    min-height: 300px;
    position: relative;
  }

  .main-content-wrap section {
    /* display: none; */
    margin: 0 auto;
    padding: 0px;
    max-width: 1200px;
    text-align: center;
  }

  #message_output {
    margin: 0 10%;
    position: fixed;
    top: 90px;
    width: 80%;
    z-index: 2001;
  }

  .main-filter-list {
    padding-left: 0px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 300;
  }

  .clearfix {
    display: block;
  }

  .clearfix:before, .clearfix:after {
    content: " ";
    display: table;
  }

  .filter-button.active {
    background-color: #fff;
  }

  .filter-button {
    display: inline-block;
    margin: 10px;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    -moz-transition: border-color 0.3s, background-color 0.3s;
    -ms-transition: border-color 0.3s, background-color 0.3s;
    -o-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }

  .filter-button {
    color: #303030;
    border: 1px solid #bfbfbf;
    border-radius: 40px;
    -webkit-border-radius: 40px 40px;
    -moz-border-radius: 40px;
    min-width: 150px;
    max-width: 250px;
    padding: 5px 10px;
    font-size: 17px;
    text-align: right;
  }

  .button-sm {
    padding: 10px 10px;
  }

  .clearfix :after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }


  .ls-role-unpublished {
    padding-left: 33px;
  }

  .main-list-message {
    margin-top: 10%;
    text-align: center;
    width: 100%;
    /* display: none; */
  }

  .main-groups {
    overflow: hidden;
  }

  ul.main-groups {
	padding-top:12px !important;
  }

  .row-4, .row-5 {
    clear: both;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .be-main-member {
    border-color: rgba(61, 168, 173, 0.3);
  }

  .main-row-li {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-item-container {
    background-color: #fff;
    position: relative;
    cursor: pointer;
  }

  .list-item-container a {
    color: #606060;
    display: block;
  }

  .list-item-name a:hover {
    text-decoration: none;
    color: #ff931e;
  }

  .list-item-img:hover {
    filter: opacity(0.5);
    -webkit-filter: opacity(0.5);
    -moz-filter: opacity(0.5);
  }

  .list-item-img {
    margin: 0px auto;
    position: relative;
    max-height: 225px;
    overflow: hidden;
    background-color: #fff;
  }

  .list-item-img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 225px !important;
    object-fit: scale-down !important;
  }

  .be-main-member .list-item-info {
    border-color: #ff931e;
  }

  .list-item-info {
    padding-top: 12px;
    z-index: 2;
    border-top: 5px solid;
    background-color: #fff;
    width: 100%;
    height: 180px;
    position: relative;
  }

  .list-item-name {
    vertical-align: middle;
    display: inline-block;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 5px;
    z-index: 1;
    word-wrap: break-word;
    color: #000;
  }

  .list-item-info {
    -moz-box-shadow: 0px 2px 11px 1px #00000085;
    -webkit-box-shadow: 0px 2px 11px 1px #00000085;
    box-shadow: 0px 2px 11px 1px #00000085;
  }

  .list-item-img {
    -moz-box-shadow: 0px 2px 7px 3px #00000078;
    -webkit-box-shadow: 0px 2px 7px 3px #00000078;
    box-shadow: 0px 2px 7px 3px #00000078;
  }


/* EME GRID END CSS */


/* EME GRID front-END CSS */

.noFocus {
    background-color: #fff;
    color: #f99c00 !important;
    font-size: 20px;
    width: 21%;
    border-radius: 0;
    border: 1px solid;
    outline: none !important;
}

.collectionBtnFocus{
    outline: none !important;
    background-color: #f0a830;
    color: #fff !important;
    font-size: 20px;
    width: 38%;
    border-radius: 0;
}

.collectionTab {
    min-width: fit-content !important;
}


/* .noPublishFocus {
    background-color: #fff;
    color: #f99c00 !important;
    outline: none !important;
} */

.publishStatusFocus {
    outline: none !important;
    background-color: #f0a830 !important;
    color: #fff !important;
}

input.btn.noFocus:hover {
    box-shadow: inset 0px 0px 5px 2px #f0a830;
    -webkit-box-shadow: inset 0px 0px 5px 2px #f0a830;
    -moz-box-shadow: inset 0px 0px 5px 2px #f0a830;
    -ms-box-shadow: inset 0px 0px 5px 2px #f0a830;
    -o-box-shadow: inset 0px 0px 5px 2px #f0a830;
}

/* button#newTemplate {
    background-color: #fff !important;
    border: 1px solid #f0a830;
    border-radius: 25px;
    color: #f0a830;
    padding: 10px 17px;
    font-size: 18px;
} */

button.createBtn {
    /* position: relative; */
    background-color: #fff !important;
    border: 1px solid #f0a830;
    border-radius: 25px;
    color: #f0a830;
    padding: 10px 13px;
    font-size: 18px;
    /* bottom: 55px; */
    /* float: right; */
    /* right: 219px; */
    right: 222px;
    top: 606px;
    position: absolute;
}

button.createBtn:focus {
    outline: none !important;
}

button.createBtn:hover {
    background-color: #f0a830 !important;
    color: #fff !important;
}

span.glyphicon.glyphicon-plus.plusFix {
    color: #fff;
    background: #f0a830;
    border-radius: 25px;
    padding: 7px 7px;
    position: relative;
    top: 2px;
}

button.createBtn:hover > span.glyphicon.glyphicon-plus.plusFix{
    background-color: #fff !important;
    color: #f0a830 !important;
}

button.createTempBtn {
    /* position: relative;
    bottom: 55px;
    right: 164px; */
    background-color: #fff !important;
    border: 1px solid #f0a830;
    border-radius: 25px;
    color: #f0a830;
    padding: 10px 13px;
    font-size: 18px;
    /* position: relative;
    bottom: 55px;
    right: 379px; */
    position: absolute;
    right: 386px;
    top: 606px;
}

button.createTempBtn:focus {
    outline: none !important;
}

button.createTempBtn:hover {
    background-color: #f0a830 !important;
    color: #fff !important;
}

span.glyphicon.glyphicon-plus.plusFix {
    color: #fff;
    background: #f0a830;
    border-radius: 25px;
    padding: 7px 7px;
    position: relative;
    top: 2px;
}

button.createTempBtn:hover > span.glyphicon.glyphicon-plus.plusFix{
    background-color: #fff !important;
    color: #f0a830 !important;
}

.plusFix::before {
    position: relative;
    bottom: 2px;
}

.ui-state-disabled{
    pointer-events: all !important;
}

.validBtn {
    /* position: relative; */
    /* top: -110px;
    left: 212px; */
    background-color: #fff !important;
    border: 1px solid #f0a830;
    border-radius: 25px;
    color: #f0a830;
    padding: 14px 10px;
    font-size: 18px;
    /* margin-top: -111px; */
    /* margin-right: -213px; */
    margin-right: 10px;
    /* position: relative;*/
    /* bottom: 111px;  */

    position: absolute;
    /* bottom: 400px; */
    right: 0;
    top: 605px;
}

/* .collectionTabSingle {
    margin-top: -60px;
} */

button.validBtn:focus {
    outline: none !important;
}

button.validBtn:hover {
    background-color: #f0a830 !important;
    color: #fff !important;
}

button.createBtn:hover > span.glyphicon {
    background-color: #fff !important;
    color: #f0a830 !important;
}

.panel-body.userButtons #submitter_panel {
    min-height: 60em;
}

.ret2Wspace {
    background-color: #fff !important;
    border: 1px solid #f0a830;
    border-radius: 10px;
    color: #f0a830;
    padding: 10px 10px;
    font-size: 18px;
    float: right;
}

button.ret2Wspace:focus {
    outline: none !important;
}

button.ret2Wspace:hover {
    background-color: #f0a830 !important;
    color: #fff !important;
}

button.ret2Wspace:hover > span.glyphicon {
    background-color: #fff !important;
    color: #f0a830 !important;
}

.ret2Wspace span.glyphicon.glyphicon-chevron-left {
    top: 2.5px;
}

.eme-links-row {
    margin-bottom: 15px !important;
}

.multi-select-container .multi-select-menu .multi-select-menuitems label {
    border: none !IMPORTANT;
    background: none !important;
}

.multi-select-menu {
    top: 1.8em !important;
}

/* EME GRID front-END the end CSS */

.alert.alert-warning {
    max-width: 98%;
}

.itemSelected {
    background-color: #52bddc;
}

.nameItemSelected {
    color: #fff;
}

input#publishedScenarios {
    border: 1px solid;
    border-radius: 20px;
    outline: none !important;
    font-size: 16px;
    margin: 3px;
    background-image: url("../../custom-images/published-icon.png"); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 7px 5px;
    cursor: pointer;
    height: 42px;
    padding-left: 35px;
    width: 150px !important;
}

input.unpublishedBtn {
    border: 1px solid;
    border-radius: 20px;
    outline: none !important;
    font-size: 16px;
    margin: 3px;
    background-image: url("../../custom-images/unpublished-icon.png"); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 5px 6px;
    cursor: pointer;
    height: 42px;
    padding-left: 35px;
    width: 165px !important;
}

input.publishedBtn {
    border: 1px solid;
    border-radius: 20px;
    outline: none !important;
    font-size: 16px;
    margin: 3px;
    background-image: url("../../custom-images/published-icon.png"); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 7px 5px;
    cursor: pointer;
    height: 42px;
    padding-left: 35px;
    width: 150px !important;
}

input#unpublishedTemplates {
    border: 1px solid;
    border-radius: 20px;
    outline: none !important;
    font-size: 16px;
    margin: 3px;
    background-image: url("../../custom-images/unpublished-icon.png"); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 5px 6px;
    cursor: pointer;
    height: 42px;
    padding-left: 35px;
    width: 165px !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: pointer !important;
    background-color: #fff !important;
}

button.buttAdd.formAddIconS {
    padding: 8px;
    background-color: #005b96;
    color: #fff !important;
    outline: none !important;
    border-color: #2aabd2;
    margin-bottom: 15px;
}

/* .submitProgressButtonCurrent {
    box-shadow: inset 0px 0px 20px 5px #ffffff6b  !important;
} */

.addTab {
    float: right !important;
    color: #4c8cb5 !important;
    background: #fff;
    border-radius: 25px;
    width: 280px;
    font-size: 17px !important;
    outline: none !important;
}

.addTab:hover {
    color: #fff !important;
    background: #4c8cb5;
}

.removeTab {
    width: 240px;
    float: right;
    border-radius: 25px;
    outline: none !important;
    font-size: 17px !important;
    background: #fff;
    border-color: #4c8cb5 !important;
    color: #4c8cb5 !important;
}

.removeTab:hover {
    color: #fff !important;
    background: red;
}

.workspace-logo {
    background-image: url(../../custom-images/mySpaceBanner.png) !important;
    background-size: cover;
    height: 25em;
    background-position: center;
    background-repeat: no-repeat;
}

.titlesContainer {
    display: inline-block;
    position: relative;
    top: 30%;
}

.mySpaceTitle {
    color: #fff;
    font-size: 40px;
}

.mySpaceSubTitle {
    color: #fff;
    font-size: 30px;
}

.myWorkspace {
    /* position: relative; */
    /* top: 16px; */
    /* width: 76%; */
    margin: 0 auto;
    padding-top: 45px;
    /* margin-bottom: 25px; */
    text-align: right;
    min-height: 177px;
    max-height: 177px;
}

div#validator_panel {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 35px;
}

form.creationBtns {
    text-align: right !important;
    margin-bottom: 0;
    height: 0;
}

.validTable th, td {
    text-align: center;
}

.validTable form {
    margin-bottom: 0;
}

.validTable {
    margin-bottom: 50px !important;
}

.validTable td {
    font-size: 16px;
}

.validTable td input {
    font-size: 16px;
}

.scenOptions {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 35px;
}

.previewScen {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 35px;
}

p.submitFormHelp {
    font-size: 17px;
}

p.validTextDesc {
    font-size: 16px;
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));
    background-image: -webkit-linear-gradient(top,#d9edf7,0%,#c4e3f3,100%);
    background-image: -moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);
    background-image: -o-linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0);
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 18px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -o-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

table.table.itemDisplayTable {
    width: auto;
    margin: 0 !important;
    font-size: 16px;
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));
    background-image: -webkit-linear-gradient(top,#d9edf7,0%,#c4e3f3,100%);
    background-image: -moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);
    background-image: -o-linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -o-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

table.table.itemDisplayTable td {
    padding: 6px 16px !important;
    text-align: left;
}

.input-group-addon {
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));
    background-image: -webkit-linear-gradient(top,#d9edf7,0%,#c4e3f3,100%);
    background-image: -moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);
    background-image: -o-linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0);
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -o-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

form.validActionsForm input {font-size: 16px;}

form.validActionsForm .input-group span {
    font-size: 16px;
}

form.validActionsForm .input-group {
    margin-bottom: 5px;
}

.scenOptions h1 {
    font-size: 30px;
    margin-bottom: 25px;
}

.previewScen h1 {
    font-size: 30px;
    margin-bottom: 25px;
}

.scenOptions .panel.panel-info {
    font-size: 16px;
}

.previewScen .panel.panel-info {
    font-size: 16px;
}

.previewScen input {
    font-size: 16px;
}

.rejectScen {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 35px;
}

.rejectScen .panel.panel-info {
    font-size: 16px;
}

.rejectScen h1 {
    font-size: 30px;
    margin-bottom: 25px;
}

.rejectScen input {
    font-size: 16px;
}

/* BACK END UI REDESIGN AS EME MOCKUP */

.container.userSub {
    max-width: none !important;
    padding: 0 !important;
}

.userForm {
    max-width: none !important;
}

.progressBarMenu {
    padding: 0 !important;
}

input.submitProgressButtonCurrent {
    width: 100% !important;
    white-space: normal !important;
    padding: 45px;
    border-radius: 0px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-image: none !important;
    font-size: 16px;
    outline: none !important;
}

input.submitProgressButtonDone {
    width: 100% !IMPORTANT;
    white-space: normal !important;
    padding: 45px;
    border-radius: 0px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-image: none !important;
    font-size: 16px;
    outline: none !important;
}

input.submitProgressButtonNotDone {
    width: 100% !IMPORTANT;
    white-space: normal !important;
    padding: 45px;
    border-radius: 0px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-image: none !important;
    font-size: 16px;
    outline: none !important;
}

.userInputForm.col-md-10 {
    padding: 30px 60px;
}

.col-md-4.pull-right.btn-group {
    margin-right: 29px;
    margin-top: 50px;
}

.col-md-8.pull-right.btn-group {
    /* margin-right: 27px; */
    margin-top: 50px;
}


span.glyphicon.glyphicon-chevron-down.barArrow {
    float: none;
    display: block;
    text-align: center !important;
    position: relative;
    margin-top: -21px;
    font-size: 21px;
    color: white;
    z-index: 2;
}

span.glyphicon.glyphicon-chevron-down.barArrow::before {
    background: #4b5b88;
    border-radius: 25px;
    padding: 9px 11px;
}

.label-required:after {
    content: " *";
    font-size: 33px;
    vertical-align: top;
    color: red !important;
}

.menuBtn:nth-of-type(1) input {
    background-color: #b2cddf !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(2) input {
    background-color: #99bdd5 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(3) input {
    background-color: #7fadca !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(4) input {
    background-color: #669cc0 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(5) input {
    background-color: #4c8cb5 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(6) input {
    background-color: #327bab !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(7) input {
    background-color: #196ba0 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(8) input {
    background-color: #005b96 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(9) input {
    background-color: #004c7d !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(10) input {
    background-color: #003c63 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.menuBtn:nth-of-type(11) input {
    background-color: #002d4a !important;
    opacity: 1 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-color: #2aabd2 !important;
}

.pageFieldFrame {
    background-color: #b2cddf !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.scenKeywords a {
    background-color: #cfdeed;
    color: #333333;
    padding: 4px 5px 4px 5px;
    margin: 8px;
    line-height: 44px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 1px 1px #00000070;
    -webkit-box-shadow: 1px 1px #00000070;
    -moz-box-shadow: 1px 1px #00000070;
    -o-box-shadow: 1px 1px #00000070;
    -ms-box-shadow: 1px 1px #00000070;
}

.scenKeywords a:hover {
    background-color: #6695bd;
    color: #ffffff;
    box-shadow: 1px 1px #00000070;
    -webkit-box-shadow: 1px 1px #00000070;
    -moz-box-shadow: 1px 1px #00000070;
    -o-box-shadow: 1px 1px #00000070;
    -ms-box-shadow: 1px 1px #00000070;
}

.scenKeywords a:first-child {
    margin-left: 0 !important;
}

/* .pageFieldFrame2 {
    background-color: #99bdd5 !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.pageFieldFrame3 {
    background-color: #7fadca !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.pageFieldFrame4 {
    background-color: #669cc0 !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.pageFieldFrame5 {
    background-color: #4c8cb5 !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.pageFieldFrame6 {
    background-color: #327bab !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.pageFieldFrame7 {
    background-color: #196ba0 !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
}

.pageFieldFrame8 {
    background-color: #005b96 !important;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 10px 0;
} */

span.hidden-xs.hidden-sm {
    font-size: 17px;
}

.progressBarMenu {
    background-color: #2973a5 !important;
}

.fixTabs label {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.relatedInfo {
    font-size: 18px;
    font-style: italic;
    background-color: #b2cddf;
    color: #000;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.relatedInfo a {
    color: #196ba0;
}

.relatedInfoFront {
    background-color: #f5f5f5;
    font-size: 17px;
    padding: 13px;
    max-width: 97.7%;
    line-height: 21px;
    margin: 0 auto;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border: 1px solid #2d7aae;
}

.removeDropdowns {
    text-align: right;
    max-width: 89%;
}

.buttRemove {
    padding: 6px;
    background-color: #005b96;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: 4px;
}

.editBtn {
    background: none !important;
    outline: none !important;
}

.delBtn {
    background: none !important;
    outline: none !important;
}

.dlPdf {
    background: none !important;
    outline: none !important;
}

.editBtn img {
    width: 43px;
    cursor: pointer;
}

.delBtn img {
    width: 43px;
    cursor: pointer;
}

.dlPdf img {
    width: 43px;
    cursor: pointer;
}

a.btn.dlPdf {
    display: inline !important;
    padding: 14px 10px;
}

.edit-tools {
    position: absolute;
    width: 100%;
    bottom: 0 !important;
}

.edit-tools form {
    display: inline-block !important;
    margin-bottom: 1px !important;
}

.metadataDisc td {
    padding: 0 !important;
}

.metadataDisc label {
    margin: 7px 0px !important;
    border-radius: 0 !important;
}

.metadataDisc .level1 label {
    font-size: 18px !important;
}

.metadataDisc .level2 label {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.metadataDisc .level3 label {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.metadataDisc .level1 .form-control {
    font-size: 18px !important;
    font-weight:600 !important;
}

.metadataDisc .level2 .form-control {
    font-size: 16px !important;
    font-weight:500 !important;
}

.metadataDisc .level3 .form-control {
    font-size: 15px !important;
    font-weight:500 !important;
}

.removeContainer {
    width: 45%;
    margin: 0 auto;
    padding: 50px 20px;
    border: 1px solid #75adcb;
    margin-top: 30px;
    border-radius: 25px;
    background-color: #f1f8fb;
}

h2.removeTitle {
    margin-top: 0;
    margin-bottom: 38px;
}

p.removePrompt {
    margin-bottom: 30px;
    font-size: 17px;
}

.confDelActions input {
    font-size: 17px;
    margin: 10px;
}

.removeItem {
    background: #ff0000d1;
    color: #fff;
}

.keepItem {
    background-color: green;
    color: #fff;
}

.removeItem:hover {
    border: 1px solid red;
    background: #fff;
    color: red;
}

.keepItem:hover {
    border: 1px solid green;
    background: #fff;
    color: green;
}


.textareaContainer {
    padding-left: 0;
    padding-right: 0;
}

.tdValActions {
    display: flex !important;
    border: none !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
}

.scenValidPdf {
    font-size: 16px !important;
    margin-left: 3px !important;
    background: #ffffff;
    color: #000000;
}

.scenValidPdf .glyphicon {
    top: 3px !important;
}

td.evenRowEvenCol.tdValActions {
    min-width: max-content !important;
}


/* BACK END UI REDESIGN AS EME MOCKUP - the end*/


/* sidebar scroll and animations */


.userInputForm {
    float: right !important;
}

.progressBarMenu {
    position: fixed;
    overflow: scroll;
    max-height: 100% !important;
    float: left !important;
    padding: 0 0 25% 0 !important;
}

.progressBarMenu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.progressBarMenu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



/* sidebar scroll and animations end */

.discovery-pagination-controls.panel-footer form select option {
    background-color: #fff !important;
}

.col-md-6.col-sm-12.col-xs-12.item_box.itemBoxContainer.col-md-3.col-lg-3 .itemListValue a {
    line-height: 1.1 !important;
}

.col-lg-4.col-md-6.col-sm-12.col-xs-12.item_box.itemBoxContainer .itemListValue a {
    line-height: 1.1 !important;
}

.correlatedScenarios {
    position: absolute;
    background: #b4e7f754;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 14px;
    bottom: 30px;
    right: 19px;
}

a.templSearchBased {
    color: #000000c4;
}


/* COPY MODAL CSS */
#copyModal {
    padding-top: 275px !important;
}

#copyModal .modal-content {
    width: 45% !important;
}

#copyModal .modal-footer {
    margin-top: 0 !important;
    text-align: left !important;
}

#copyModal .modal-body {
    padding: 40px 20px !important;
    font-size: 16px !important;
}

#copyModal span.close {
    margin-top: 6px !important;
    opacity: 0.3 !important;
}

#copyModal .modal-header .close {
    font-size: 30px !important;
}

#copyModal .modal-footer .close {
    font-size: 18px !important;
}

#copyModal .modal-content {
    background-color: #fff !important;
    padding: 5px !important;
    border: 15px solid #ffcf5c !important;
    border-radius: 15px !important;
}

#copyModal select#collections {
    margin-left: 5px !important;
}

#copyModal input.btn.btn-default {
    background: #ffb606 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    border-radius: 0px !important;
    padding: 7px 15px !important;
    letter-spacing: 0.1 !important;
}

#copyModal .modal-header h2 {
    font-size: 28px !important;
}

#copyModal form.creationBtns {
     text-align: left !important;
    margin-bottom: revert !important;
     height: revert !important;
}

#copyModal .modal-content .modal-header h2 {
    text-align: left !important;
}

/* COPY MODAL CSS END */

/* REMOVE ITEM MODAL CSS  */

a#rejectBtn {
    margin-bottom: 15px;
}

#rejectModal {
    overflow-y: hidden;
    background: #0000004d;
}

#rejectModal .modal-content {
    top: 20%;
    width: 45%;
    min-width: 400px;
}

.returnBtn {
    float: left;
    font-size: 16px;
    letter-spacing: 0.3px;
}

#rejectModal .modal-body {
    font-size: 16px;
}

#rejectModal .modal-header {
    background: beige;
}

#rejectModal .modal-header .close {
    font-size: 30px;
}

#rejectModal textarea {
    width: 100%;
    resize: none;
}

/* REMOVE ITEM MODAL CSS END*/

.sform.homeForm {
  display: flex;
  justify-content: center;
}

  input#tquery:focus-visible {
    outline: none !important;
  }


/* MEDIA QUERIES */

@media (min-width: 1300px) {

	.deskDrop {
		display: block;
	}

    .respDrop {
		display: none !important;
	}
}


@media (max-width:1750px) {
    /* .menu-wrapper {
        padding-left: 30px;
    } */

    /* .navbar-right {
        padding-right: 45px;
    } */


}

@media (max-width:1600px) {
    .menu-wrapper {
        padding-left: 0px;
    }

    /* .navbar-right {
        padding-right: 20px;
    } */

    ::placeholder {
        color: #ffffffa6 !important;
        font-size: 30px;
        letter-spacing: 5px;
        font-weight: 300;
        padding-left: 20px;
    }

    .navbar-nav>li>a {
        padding: 14px 8px !important;
    }

}

@media (max-width:1550px) {
    .main-logo {
        max-width: 370px;
    }

    p.jumbo-text {
        font-size: 25px;
        letter-spacing: 1px;
    }

    .split-box-container {
        padding-top: 5%;
    }

    .col-md-12.discovery-result-pagination {
        max-width: 94.6%;
    }

    /* .full-grid-align {
        max-width: 93.3% !important;
    }    */

    /* .blueTitle {
        padding: 8px 8px;
    }

    .yellowTitle {
        padding: 8px 3px;
    }

    .secondYellowTitle {
        padding: 8px 20.5px;
    }*/

    .itemListMetaInfoArea {
        min-height: 270px !important;
    }

    .col-md-3.authorInfos .authorImg img {
        max-width: 4em !important;
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 21px;
    }

    .menu-wrapper {
        padding-top: 141px;
    }

    .menu-wrapper {
        left: 25% !important;
    }

}

@media (max-width:1470px) {
    .main-logo {
        max-width: 310px;
        margin-top: 18px;
    }

    .fix-distance {
        width: 82%;
    }

    .col-md-12.discovery-result-pagination {
        max-width: 94%;
    }

    .col-md-3.authorInfos .authorName {
        font-size: 14px !important;
        margin-right: 7px !important;
    }

    .col-md-3.authorInfos .educationalLevel span {
        font-size: 14px !important;
    }

    .itemListMetaInfoArea {
        min-height: 335px !important;
    }

    .menu-wrapper {
        left: 24.3% !important;
    }

    #copyModal .modal-content {
        width: 70% !important;
    }

}

@media (max-width: 1450px) and (min-width: 1200px) {
    .correlatedScenarios {
        max-width: 193px;
    }
}

@media (max-width:1450px) {
    .buttRemove {
        position: relative;
        top: -32px;
        float: right;
        right: -15px;
    }
}

@media (max-width:1400px) {
    .navbar-inverse .navbar-nav>li>a {
        font-size: 22px;
        padding: 0 5px 0 10px;
    }

    /* .menu-wrapper {
        padding-top: 155px;
    } */

    /* .navbar-right {
        padding-right: 10px;
    } */

    input#tquery {
        width: 590px;
    }

    ::placeholder {
    font-size: 28px;
}

}

@media (max-width:1370px) {
    button.createTempBtn {
        top: 655px !important;
    }

    button.createBtn {
        top: 655px !important;
    }

    .validBtn {
        top: 655px !important;
    }

    form.creationBtns {
        text-align: center !important;
    }

    .myWorkspace {
        text-align: center;
    }
}

@media (max-width:1350px) {
    p.jumbo-text {
        font-size: 22px;
        padding: 10px;
    }

    .jumboCard {
        padding: 10px 20px;
    }

    .fix-distance {
        width: 98%;
    }

    .split-box-container {
        padding-top: 3%;
    }

    .authorInfos div {
        margin-right: 2px !important;
    }
}

@media (max-width: 1300px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /* margin-top: 7.5px; */
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .main-logo {
        max-width: 426px;
        margin-top:0;
    }

    h1.split-box-title {
        font-size: 35px;
    }

    .menu-wrapper {
        padding-top: 10px;
    }

    div#myNavbar {
        padding: 0 !important;
    }

    ul.nav.navbar-nav.menu-wrapper {
        background: #fce4bc;
    }

    ul.nav.navbar-nav.navbar-right {
        background: #fce4bc;
    }

    ul.nav.navbar-nav.navbar-right {
        margin-top: -10px;
        padding-top: 0px;
    }

    .navbar-nav>li {
        text-align: center;
        padding: 14px;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }

    .navbar-brand {
        padding: 10px 5px;
    }

    .col-md-6.bgImgLaps {
        height: 75em;
    }

    .bgColorLaps {
        height: 42em;
    }

    .menu-wrapper {
        position: initial;
    }

    ul.nav.navbar-nav.navbar-right .btn-primary {
        margin-top: 0;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    ul.nav.navbar-nav.navbar-right .dropdown-menu li a {
        font-size: 23px;
        color: #3e97d1;
        padding: 10px;
    }

    .navbar-collapse {
        max-height: 400px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #3e97d1;
    }

    .col-md-12.discovery-result-pagination {
        max-width: 93.6%;
    }

    .deskDrop {
		display: none;
	}

    .respDrop {
		display: block;
	}

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
        width: 100% !important;
        margin-top: -2px !important;
    }

    /* .userArea {
        right: 0px !important;
    } */

    a.lang-buttons {
        margin-right: 0px;
        color: #3275ae;
        text-decoration: none;
        border: none !important;
    }

}


@media (max-width:1200px) {
    .split-box-container {
        padding-top: 0;
    }

    .e-me-button {
        margin-top: 10px;
    }

    .split-box-subtitle {
        padding-top: 5px;
    }

    .itemListMetaInfoArea {
        min-height: 240px !important;
    }

    .correlatedScenarios {
        right: revert;
    }

    .correlatedScenarios {
        margin-left: 109px;
    }

}


@media (max-width:1170px) {
    .offset-margin {
        margin-bottom: 43px !important;
    }

    .eme-links .list-unstyled.clear-margins li {
        line-height: 15px;
        height: 30px !important;
    }

    .split-box-title-bigger {
        font-size: 35px;
    }

    .split-box-subtitle-bigger {
        font-size: 23px;
    }

}

@media (max-width:992px) {

    h1.jumbo-title {
        font-size: 60px;
    }

    p.jumbo-subtitle {
        font-size: 30px;
        padding-top: 10px;
    }

    .row.no-gutters.jumboBoxes {
        display: inline-flex;
    }

    p.jumbo-text {
        font-size: 25px;
    }

    .sliderBox {
        margin: 45px;
    }

    .jumboCard {
        padding-top: 0px;
    }

    .adopt-size {
        width: 100% !IMPORTANT;
    }

    .adopt-size img {
        width: 100% !IMPORTANT;
    }

    .full-box-title {
        font-size: 35px;
    }

    .full-box-title-white {
        font-size: 35px;
    }

    .paginationRow {
        float: none;
    }

    .row.control-group {
        float: left !important;
        padding-bottom: 12px !important;
    }

    .screen-only {
        display: none;
    }

    .resp-only {
        display: block !important;
    }

    .col-md-6.halfCol {
        padding: 5% 0 5% 0;
    }

    .split-box-second-container {
        padding-top: 0 !important;
    }

    .authorInfo {
        margin-top: 1%;
        border-right: none;
    }

    .educationalLevel {
        margin-top: 1%;
        border-right: none;
    }

    .scenarioComments {
        margin-top: 1%;
        border-right: none;
    }

    .itemTopData {
        text-align: center;
    }

    img.bestPracticeIcon {
        margin-top: 2%;
    }

    .pdf-export {
        margin-top: 3%;
    }

    .scenTitleBox {
        text-align: center;
        margin-top: 2%;
    }

    .correlatedTemplateBox {
        display: inline-block;
        margin-top: 2%;
    }

    .fix-distance {
        padding-top: 0px;
    }

    .ratings-container {
        margin-top: 10px;
        float: none !important;
        margin: 0 auto;
    }


    img.unapproved-item {
        display: none;
    }

    .templDisc {
        margin-top: 30px !important;
        max-height: 265px !important;
    }

    .col-md-12.templDiscWrapper {
        padding: 0 !important;
    }

    .itemListMetaInfoArea {
        min-height: 240px !important;
    }

    .progressBarMenu {
        position: initial;
        width: 100% !important;
    }

    .userInputForm {
        float: left !important;
        width: 100% !important;
    }

    .userInputForm .pageFieldFrame label {
        white-space: break-spaces;
        max-width: 95%;
    }

    .userInputForm {
        padding: 30px 15px !important;
    }

    .userInputForm .help-block {
        width: 97%;
        max-width: 97%;
        margin: 0 auto;
        margin-bottom: 10px !important;
    }

    .contributor-indent {
        max-width: 90%;
    }

    .buttRemove {
        position: relative;
        top: -85px;
        float: right;
        right: 15px;
    }

}


@media (max-width:800px) {
    input#tquery {
        width: 300px;
        height:70px;
        font-size:20px;
    }

    .homeSearchBtn{
      height: 70px;
      width: 70px;
    }

    ::placeholder {
        color: #ffffffa6 !important;
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 300;
        padding-left: 0;
    }

    .eme-links .eme-footer-moe {
        position: initial !important;
    }

    .nav-tabs.nav>li>a {
        padding: 10px 2px;
    }

    .discovery-pagination-controls.panel-footer {
        padding: 2px 2px 13px 12px;
    }

}


@media (max-width: 767px) {
    /* ul.nav.navbar-nav.navbar-right .dropdown-menu li a {
        font-size: 23px;
        color: #3e97d1;
        padding: 10px;
    }

    .navbar-collapse {
        max-height: 400px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #3e97d1;
    } */

    .navbar-nav {
        margin: 0 !important;
    }
}

/* Firefox-specific styles - fix teh problem with seacrhbox - firefox 134.0.1*/

/* @supports (-moz-appearance: none) {
	.homeForm input.homeSearchBtn,
  .discForm input.homeSearchBtn {
		height:90px;
    padding: 30.6px !important;
	}

	.sform{
		line-height:0.7;
	}

  input#tquery:focus-visible {
    outline: none !important;
  }
} */



@media (max-width:500px) {
    .main-logo {
        max-width: 285px;
        margin-top:0;
    }

    h1.jumbo-title {
        font-size: 50px;
    }

    header#header {
        max-height: 150px !important;
    }

    .navbar-inverse .navbar-toggle {
        margin-top: 62px;
    }

    .navbar-brand {
        padding: 4px 0px;
    }

    ::placeholder {
        color: #ffffffa6 !important;
        font-size: 18px;
        letter-spacing: 0px;
        font-weight: 300;
        padding-left: 5px;
    }

    img.jumbo-icon {
        display: none;
    }

    p.jumbo-text {
        padding: 0px;
        width: 180px !important;
    }

    .adopt-box {
        min-height: 415px;
    }

    img.orange-bg {
        margin-top: 50px;
    }

    .discovery-pagination-controls.panel-footer {
        padding: 0px 0px 12px 12px;
    }

    div#facets {
        padding-top: 25px;
    }

    .discovery-result-pagination {
        margin-top: 25px;
    }

    img.orange-bg {
        margin-top: 0;
    }
    .bgColorBox {
        margin-top: 30px;
    }

    input#tquery {
        width: 265px;
        height: 60px;
    }

    .homeSearchBtn {
        background-size: contain;
        width: 56px;
        padding: 0;
        height: 60px;
    }

    .homeForm .homeSearchBtn {
        margin-bottom: -22.3px;
    }

    .homeForm input {
        font-size: 21px;
    }

    .discForm input {
        size: 15px;
    }

    .discForm .homeSearchBtn {
        width: 56px;
        padding: 0;
        height: 60px;
        margin-bottom: -18.3px;
    }

    .jumbo-button {
        font-size: 19px;
    }

    img.unapproved-item {
        display: block;
        margin-top: -252px;
        position: absolute;
        right: 11px;
        transform: rotate(50deg);
        width: 110px;
        z-index: 5;
    }

    .pilotBadge {
        width: 97px !important;
        top: 15px;
        left: 190px !important;
    }

    .versionCheck {
        font-size: 16px;
    }

    .fix-vert {
        top: 20px;
    }

    .userInputForm .help-block {
        width: 92%;
    }

    .userInputForm .pageFieldFrame label {
        max-width: 91%;
    }

    .correlatedScenarios {
        margin-left: 0;
        right: 19px;
    }

    /* @-moz-document url-prefix() {
      .homeForm input.homeSearchBtn{
        padding: 20.6px !important;
        height: 60px;
      }


      .discForm input.homeSearchBtn {
        padding: 15.6px !important;
        height: 60px;
      }
  } */



}


@media (min-width:2000px) {

    .col-md-9 > .col-md-12.discovery-result-pagination {
        max-width: 94.1%;
    }

    .correlatedScenarios {
        margin-left: 109px;
        right: revert;
    }
}

@media (min-width:2100px) {

    .col-md-9 > .col-md-12.discovery-result-pagination {
        max-width: 93.1%;
    }

    /* .full-grid-align {
        max-width: 86.2% !important;
    } */

}


@media (min-width:2200px) {

    .col-md-9 > .col-md-12.discovery-result-pagination {
        max-width: 91.8%;
    }

    /* .full-grid-align {
        max-width: 85.3% !important;
    } */

}

@media (max-width:350px) {

  .main-logo{
    max-width: 220px;
  }

  input#tquery{
    width: 180px;
  }

}