
/*Facets*/
.CoveoSearchInterface .coveo-results-section .coveo-facet-column {
background-color:#fff;
border:0px;
}
.CoveoSearchInterface .coveo-results-section .coveo-results-column .coveo-results-header .coveo-summary-section {
    float: right;
}
.CoveoSearchInterface .coveo-results-section .coveo-results-column .coveo-results-header .coveo-sort-section {
    float: left;
}
.CoveoSearchInterface .coveo-results-section .coveo-results-column .coveo-results-header {
background-color:#fff;
}
.CoveoFacet .coveo-header .coveo-title {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
}
.CoveoFacet {
    border-bottom: 1px;
}

.CoveoFacet .coveo-header .coveo-icon.sysconcepts {
    width:0px;
    height:0px;
    visibility:hidden;
}

.coveo-slider-line.coveo-active {
    
    background-color: #ccc;
}
.coveo-slider-button {
    background-color: #6d6d79;
}
#no-results-facet {
display:none;
}

#no-results-facet ul li {
padding:10px;
list-style:none;
   font-size: 1.2em;
    font-weight: bold;
    color: #ccc;
}


.CoveoFacetRange .coveo-header .coveo-title {
font-size: 1.2em;
font-weight: bold;
color: #000;
}

/*Query summary*/

.coveo-no-results-string {
padding-bottom:20px;
}
.coveo-search-tips-info {
font-weight:bold;
}

.coveo-search-tips-more-info {
    padding:10px 0px 20px 0px;
}

/*Quickview*/
.coveo-modalBox.coveo-quick-view > .coveo-wrapper {
    width: 95%;
    height: 95%;
    max-width: 95%;
    max-height: 95%;
    position: relative;
}

/*SearchBox*/
.CoveoSearchBox {
height:25px;
}
.CoveoSearchButton {
    color: white;
    background: #0076be;
    border: 1px solid #0076be;
}


.CoveoSearchInterface .coveo-results-section .CoveoSearchBox {
    height:38px;
}

.CoveoSearchButton:hover {
    background: #339933; 
    height:38px;
    border:1px solid #339933;
}

/*Top header SearchBox specific*/
div#GlobalSearchBox {
background-color:#423d39;
}
div#GlobalSearchBox .coveo-query-box-clear .coveo-icon {
        margin-top: 6px;
}

div#GlobalSearchBox .CoveoSearchButton .coveo-icon {
     margin-top: -40px;
    margin-bottom: 2px;
}
/*Breadcrumb*/
.CoveoBreadcrumb .item {
 white-space: normal;
}
/*ADA Result Templates*/

.search-page-box-container {
overflow:hidden;
min-height:100px;
width:100%;
background-color:#f2f2f2; 
padding: 30px 20px 0px 20px;
}

.search-page-label-container {
float:left;
height:40px;
width:29.16667%;
text-align:center;
padding-top:8px;
}
@media screen and (max-width:480px) {
.search-page-label-container {
float:none;
}
.CoveoResult .coveo-date {
    /*Fixing Date on left to right on Mobile per MR*/    
    /*float: left; */    
    margin-left: 0px;
}

}

.search-page-label {
display:block; 
width:100px; 
margin: 0 auto;
font-size:medium;
font-weight:bold;
}


.searchboxcontainer {
border-bottom: 1px solid #cccccc;
font-size: 1.2em; 
padding:5px;
font-weight:bold; 
width:100%;
height:30px;
text-align:center;
}
.CoveoResult .coveo-title {
color:#0076be;

}
.CoveoResult {
    border-bottom:0px;
}
.CoveoResult a:hover {
   color: #339933; 

}
 .ResultUri {
font-style:italic;
font-size:12px;
color:#aaa; 
margin-top:-10px; 
}

.coveo-icon.sysfiletype.pdf {
   background-position: -926px -65px;
    width: 15px;
}

.coveo-icon.sysfiletype.xls {
       background-position: -925px -97px;
}

.CoveoSearchInterface .CoveoDidYouMean {
    background-color: #f2f2f2;
}

.icon-coveo-lock:before  {
    float:left;
    font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    margin-top: 5px;
    margin-left: -12px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
     content: "\2605";
}


/*Breadcrumb*/
.CoveoBreadcrumb .coveo-clear-all {
    margin-top:0;
}


/*Tab control*/
.CoveoSearchInterface .coveo-tab-section {
display:table;
background-color:#cccccc;
padding:0px;
margin-bottom: 0px;
}
.CoveoTab {
display:table-cell;
text-align:center;
float:left;
color:#000;
width:150px;
border:1px solid #6d6d79
}
.CoveoTab.coveo-selected {
    background-color:#433d38;
    color:#fff;
}

/*Sort control*/
.coveo-sort-section {
margin-bottom:2px;
}
.CoveoSort.coveo-selected .coveo-icon {
 
    visibility: hidden;
}
.CoveoSearchInterface .coveo-results-section .coveo-results-column .coveo-results-header {
    padding:10px 10px 0px 10px;
}

#ddlCoveoSort {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    /*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
    background: #f8f8f8;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:110px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

#sortCombo {
    position:relative;
    padding-top:1px;
}
#sortCombo:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#sortCombo:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
    
/*Product Tab*/
.CoveoResult .result-content {
 min-height: 150px;
  float:left;
 
}


.coveo-result-frame0 {
    overflow: auto;
    background-color:#fff;
    margin:0px;
}

.coveo-result-frame1 {
    overflow: hidden;
    background-color:#f5f5f5;
    margin:0px;
}
.CoveoResult .result-content .result-title-container{
	margin: 0 auto;
	float: none;
}
.CoveoResult + .CoveoResult {
	/*padding: 0 6px;*/
}

.result-image-frame {
    width: 100px;
    height: 100px;
    float: left;
    margin-top:3px;
}
.coveo-result-frame {
   overflow:hidden;
}

.CoveoResult .coveo-excerpt {
  max-width: 490px;
    
}
.result-title-container {
  max-width: 490px;
}
.prices {
    font-style:italic;
}

.CoveoResultLink {
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
    
}
.ResultTitleNoLink {
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    font-weight:bold;
}
.CoveoResultLink:visited {
    color: #4c0066;
}
.CoveoResultLink:link {
    color: #0066cc;
    text-decoration: none;
}
.CoveoResult .coveo-title > * {
    vertical-align: middle;
}
.result-table {
     margin-left:15px;
}
.ResultElementLabel {
    font-weight:bold;
   
}
.SearchTitleLabel {
    font-weight:bold;
    font-size:22px;
}

/* Adding Mark Rumble's styles */

.CoveoFacet .coveo-value label {
white-space: normal;
cursor: pointer;
}

/* Tabs_on_ADA.org + Search box area on search page */
.CoveoTab {
width: 25%;
}

@media screen and (max-width: 480px) {
.CoveoTab {height:45px; padding:6px}
.search-page-box-container: {padding: 10px}
}

/* Facet Styling */
.CoveoFacet .coveo-value .coveo-caption {
    display: inline-block;
    color: black;
    font-size: 12px;
    overflow: visible;
    white-space: pre-wrap;
    text-overflow: inherit;
    vertical-align: top;
    max-width: 68% !important}

@media screen and (min-width:414px) and (max-width:600px) {
.CoveoFacet .coveo-value .coveo-caption { width: 75% } }

@media screen and (min-width:768px) and (max-width:833px) {
.CoveoFacet .coveo-value .coveo-caption {width: 60%} }


.CoveoFacet .coveo-value .coveo-count {
    font-size: 12px;
    color: #8a8a8a;
    vertical-align: middle;
    margin: 0 5px;
    display: inline-block;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    float: right;
}

/* Search Result Styling on ADA.org */
.CoveoResult .coveo-excerpt {
    max-width: 600px !important; /*being overridden to 480px in Custom css)*/
    font-size: 14px;
    padding: 5px 0 8px 0;
}

.ResultUri {
    font-style: normal;
    font-size: 12px;
    color: #aaa;
    white-space: normal;
    display: block;
    max-width: 550px;
    overflow: visible;
    margin-top: 3px;
}

/*.ResultUri:hover {
    overflow: visible;
    white-space: normal;
    color: #404040;
    padding: 5px;
    cursor: auto;
    background-color: #F2F2F2;
} */

.CoveoResult .coveo-title {
    display: inline;
    font-size: 16px;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    line-height: 24px; }

.CoveoResultLink {
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    white-space: normal;
    /*text-overflow: ellipsis;*/
    overflow: hidden;
    line-height: initial;
}

.CoveoResult + .CoveoResult {
    /* padding: 0 6px; */
}

/* Changes Made While on CERP Listing */
.coveo-result-frame1 {
    overflow: hidden;
    background-color: #f5f5f5;
    margin: 0px;
    padding: 5px 10px;}

.coveo-result-frame0 {
    overflow: hidden;
    margin: 0px;
    padding: 5px 10px;}

/* Changes Made in Products Tab */
.result-image-frame {
    width: 90px;
    height: 90px;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    /* position: relative; */
    /* border: #ccc 1px solid; */
    margin-bottom: 50px; /*Need to work this out for tablet and mobile breakpoints*/
    padding: 5px;
    box-shadow: #ccc -2px 2px 2px;} /*not sure if we want this*/

/* Changes Made For Results with A Date */
.CoveoResult .coveo-date {
    /* float: right; */
    font-size: 13px;
    /* margin-left: 10px; */
    /* padding: 5px; */
    color: black;
    display: inline;
    vertical-align: middle;
    font-style: italic;
    white-space: nowrap;
}

.CoveoResult .result-content {
    min-height: 150px;
    float: none; /*!!!MUST TEST THIS FOR NON THUMBNAIL RESULTS!!!*/ }

/* MOBILE Styles at 480 px and Less */
@media screen and (max-width: 480px) {
.ResultUri {white-space: normal; text-overflow: ellipsis; display: block; max-width: 100%; overflow: hidden}
    .result-image-frame {margin-bottom: 5px}
    .coveo-result-frame1, .coveo-result-frame0 {margin-left: -1.5em}
.search-page-box-container {padding:10px}
}

/* Tablet Styles at 768 px and Less */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .result-image-frame {margin-bottom:10px;}
    .ResultUri {white-space: normal; text-overflow: ellipsis; display: block; max-width: 100%; overflow: hidden}
}

/* Quickview Button */
.CoveoResult .coveo-title .CoveoQuickView {
    visibility: visible !important;  /*On hover pseudo class that reveals visibility not needed anymore*/
}

/* Mark Changes to Quickview Modal */
/*.coveo-modalBox 
{font-family: arial, sans-serif;
position: fixed;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  font-size: 14px;
  text-align: center;
-webkit-filter: blur(0);
  -webkit-transform: translate3d(-50%, -50%, 200px);
  -moz-transform: translate3d(-50%, -50%, 200px);
  -ms-transform: translate3d(-50%, -50%, 200px);
  -o-transform: translate3d(-50%, -50%, 200px);
  transform: translate3d(-50%, -50%, 200px); 
height:700px}


.CoveoQuickViewDocument {height:700px}*/
/*.coveo-modalBox > .coveo-wrapper {
display: inline-block;
    text-align:left;
    line-height:normal;
    vertical-align:middle;
    overflow: auto;
    box-shadow: 0 0 24px rgba(0, 0, 0, .3);
    background: #fff;
     width: 95%;
    height: 95%;
    max-width: 95%;
    max-height: 95%;
}*/

/*CB updating width and height from90% to 70% per MR */
.coveo-modalBox.coveo-quick-view > .coveo-wrapper {
    width: 85%;
    height: 80%;
    max-width: 90%;
    max-height: 90%;
    position: relative;
}


/*.coveo-modalBox.coveo-quick-view > .coveo-wrapper {
    width: 90%;
    height: 90%;
    max-width: 90%;
    max-height: 90%;
    position: relative;
}*/

.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-pop-up-reminder, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-debug {
      color: #404040;
    font-weight: bold;
      font-size:16px;
      text-align: left;
      width: 100%;
      padding-top: 5px;
      white-space: nowrap;
}
/*
.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-quick-view-left-header, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-debug {
      position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
      padding-left: 3%;
      padding-right: 10%;
      padding-top: 1%;
      padding-bottom: 1%;
}*/

.coveo-modalBox > .coveo-wrapper > .coveo-title {
  background: #cccccc;  
}

.coveo-modalBox > .coveo-wrapper > .coveo-title .coveo-close-button {
    position:absolute;
    left: 25px;
    display: inline-block; }
    
.coveo-modalBox > .coveo-wrapper > .coveo-title .coveo-close-button .coveo-icon {
      margin-right: 10px; }
  
.coveo-modalBox > .coveo-wrapper > .coveo-title .coveo-pop-up-reminder {
    color: #B4B4B4;
    font-weight: normal;
}

/*.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-body, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-debug {
    position:relative;
    top:0px;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    overflow-y:hidden;
      text-align: left;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-weight: bold;
      font-size: 1.2em;
    color: black; }*/
   
.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-body > .coveo-title .coveo-icon, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-body > .coveo-title .coveo-debug {
        margin-right: 5px}

.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-close-button, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-debug {
      background-color: #423d39;
      padding: 12px;
      margin-left: 5px;
      position: relative;
    left: 0;}

.coveo-sprites-common-clear, .CoveoBreadcrumb .coveo-clear-all .coveo-icon, .CoveoPreferencesPanel .coveo-close .coveo-icon {
        background-position: -878px -96px;
    width: 17px;
    height: 17px;
    text-indent: 16px;
    }
  
  .coveo-modalBox.coveo-quick-view > .coveo-wrapper .coveo-quick-view-header, .coveo-modalBox.coveo-quick-view > .coveo-wrapper .coveo-debug {
    display:none}
 
.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-quick-view-time, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-debug {
      display:none}

.coveo-iframeWrapper {height: auto !important}

/*.coveo-iframeWrapper iframe {
    position: absolute !important;
    height: 90% !important;
    width: 95% !important;
    padding: 15px;
}*/

.coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-quick-view-icon, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-debug 
{display:none;}

.coveo-modalBox > .coveo-overlay {
    display: none;}
    
/* Mark Rumble Responsive Code Media Queries */
@media screen and (max-width: 767px) {
    .coveo-modalBox { width:95%; height:90% } 
    .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-pop-up-reminder, .coveo-modalBox.coveo-quick-view > .coveo-wrapper > .coveo-title .coveo-debug {font-size: 1em;}
    .CoveoQuickViewDocument:after {
     padding: 3px;
    font-size: 30px;
    position: fixed;
    background: #339933;
    opacity: .9;
    color: #efefef;
    bottom: 5%;
    right: 1%;
    box-shadow: black -2px 2px 7px;
    transition: .3s;
    content: '\279C \00a0';
    border-radius: 50%;
    height: 35px;
    width: 35px;
    transform: rotate(90deg);
    text-align-last: center;
    line-height: 40px }
}

@media screen and (min-width: 40em) and (max-width: 59.99em) {
    .coveo-modalBox { width:85% }
}

@media screen and (width:768px){
/*.CoveoQuickViewDocument:after {
    padding: 3px;
    font-size: 30px;
    position: fixed;
    background: #339933;
    opacity: .9;
    color: #efefef;
    bottom: 5%;
    right: 1%;
    box-shadow: black -2px 2px 7px;
    transition: .3s;
    content: '\279C \00a0';
    border-radius: 50%;
    height: 35px;
    width: 35px;
    transform: rotate(90deg);
    text-align-last: center;
    line-height: 40px }
}.*/

/*@media screen and (min-width:940px) {
CoveoResult .coveo-title .CoveoQuickView {
    visibility: visible !important;
    float: right;
    position: relative;
    top: -23px;
    right: 447px; }
}*/
/* End Mark Rumble Changes to Quickview Modal */


/*Labeling CERP Courses*/
.result-table:before {
    content: 'From CERP Course Listing';
    display: table;
    background-color: #a6a6a6;
    padding: 5px;
    color: white;
    margin: 5px 0px 10px -2.5%;
    border-radius: 4px;
}

