<commit_before>/* CSS declarations shared between grid view and list view (Optemo Direct and Optemo Assist) go here */

/* Table of Contents
 * -----------------
 *  Global Declarations
 *  Navigator Bar
 *  Main Content (Right Side)
 *  Main Nav Controls (Left Side)
 *  Drag And Drop Compare
 *  Sliders
 *  Survey
 *  Footer
 *  Tour popup
 *  Autocomplete
 *  Direct Comparison
 *  Show page and related
 *  Awesome Buttons
 */

 /*--------------------------------------//
 //         Global Declarations          //
 //--------------------------------------*/

/*body {
    padding: 0;
}
html {
    height: 100%;
}*/

/*--------------------------------------//
//            Navigator Bar             //
//--------------------------------------*/

#optemo_embedder .watermark {
    font-size: 0.8em;
    padding: 4px 0 5px 37px;
}

/*#header {
   padding-top: 8px;
   margin-left: 20px;
   position: relative;
   width: 920px;
   height: 70px;
}
#header_buttons {
	position: absolute;
	height: 40px;
	bottom: -8px;
	right: 0;
}
#header_buttons img{
	margin-top: 0px;
	vertical-align: middle;
}
#tagline {
	display:inline;
	padding-top:18px;
	width:420px;
	float:left;
}*/
#optemo_embedder #filterbar {
	padding-bottom: 12px;
}
#optemo_embedder #IE #filterbar {
	padding-bottom: 0px;
}
#optemo_embedder .bd {
	position: relative;
	padding-top: 5px;
	width: 100%;
	height: 100%;
	min-height: 744px; /* Empirically determined; used for embedded LPH layout */
}

#optemo_embedder #navigator_bar {
	margin-bottom: 5px;
	padding: 13px 17px;
	position: relative;
	border: 1px solid #d0d0d0;
	background: #FFF200;
/*	keep pretty gradients for now, they looked nice and could be useful
    background-image:-moz-linear-gradient(center bottom, #e9e9e9, white);
	background-image:-webkit-gradient(linear, left bottom, left top, from(#e9e9e9), to(white)); */
}
#optemo_embedder #IE #navigator_bar {
	background: url(../images/navbar_gradient.png) repeat;
}
#optemo_embedder #sorting_method_box {
	font-size: 0.7em;
}

/*.demo_selector {
	float: left;
	width: 260px;
	font-size: 80%;
}
.demo_selector p {
	margin: 0;
	color: gray;
}*/

/*--------------------------------------//
//      Main Content (Right Side)       //
//--------------------------------------*/

#optemo_embedder div.rowdiv {
	border-bottom: 1px solid #ccc;
}

#optemo_embedder .poptitle {
	font-size: 1.13em;
	color: #FFF;
}
#optemo_embedder .poptitle a {
	height: 100%;
	display: block;
	padding: 6px 7px;
}

#optemo_embedder .bb_poptitle {
	font-weight: bold;
	font-size: 1.13em;
	color: #000;
    height: 22px;
    margin-left: -2px;
    margin-top: 5px;
	line-height:22px;
	margin-bottom:5px;
}
#optemo_embedder .comp-title {
	display:block;
	float:left;
}

/*.fv {
	float: left;
	width: 190px;
	margin-left: 25px;
}*/

/* Navigator box */

#optemo_embedder .price {
	/*color: #F5000B;*/
	font-weight: bold;
	font-size: 1em;
	margin-top: 1px;
	margin-bottom: 2px;
}

#optemo_embedder .saleprice {
	/*color: #F5000B;*/
	color: #FF0000;
	font-size: 1em;
	font-weight: bold;
}
#optemo_embedder .save {
	/*color: #F5000B;*/
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 1px;
}
#optemo_embedder .saleends {
	/*color: #F5000B;*/
	font-size: 0.8em;
}
#optemo_embedder .stars {
	padding-top: 3px;
}
/*.itemtitle {
    font-size: 1.4em;
    line-height: 1.7em;
    margin-left: 25px;
}

.priceunit {
  font-size: 0.8em;
  position:relative;
  margin-left: 5px;
  top: 10px;
}*/

/*--------------------------------------//
//    Main Nav Controls (Left Side)     //
//--------------------------------------*/

#optemo_embedder div #leftbar {
	padding: 0;
	margin: 0;
	width: 180px;
	float: left;
	position: relative;
}
#optemo_embedder .leftboxes {
	margin: 0 0 5px 4px;
	border: 1px solid #ccc;
	color: #4d4d4f;
}

/*#myfilter_search {
	width: 119px;
}
#submit_button {
	margin-top: 2px;
	width: 32px;
	font-size:11px;
}*/

#optemo_embedder #savebar {
	background-repeat: no-repeat;
}

* html #opt_savedproducts {
   height: 192px;
   height: expression( this.scrollHeight > 192 ? "193px" : "auto" ); /* sets max-height for IE */
}


#optemo_embedder #opt_savedproducts {
   max-height: 192px;
   overflow: auto;
   position: relative;
}

div#division { 
   max-width: 777px; /* this sets the max-width value for all standards-compliant browsers */
}


#optemo_embedder #ajaxfilter {
	display:inline;
}

#optemo_embedder .categorical {
	border: 1px solid #ccc;
	overflow: auto;
	height: 150px;
}
#optemo_embedder a.binary_filter_text{
	color: #4d4d4f;
}
#optemo_embedder a.binary_filter_text:visited{
	color: #4d4d4f;
}
#optemo_embedder .disabled a.binary_filter_text{
	color: #ccc;
}
#optemo_embedder .av_count{
	font-size: 0.85em;
}
/*--------------------------------------//
//         Drag And Drop Compare        //
//--------------------------------------*/
#optemo_embedder div.ui-state-dragging { 
	border:1px dashed #c96; 
	background: #ebe9de;
}
#optemo_embedder div.drop-box-hover { 
	background: #dbd9ce; 
	color: #363636; 
}
#optemo_embedder .left_behind_box_ghost { 
	opacity:0.4;
}

#optemo_embedder .saveditem {
	position: relative;
	width: 65px;
	height: 81px;
	float: left;
	text-align: center;
	padding: 0px 1px 0;
	margin: 5px 0 0 5px;
	border: 1px solid #C6C6C6;
	-moz-box-shadow: 0 2px 1px #888;
	-webkit-box-shadow: 0 2px 1px #888;
	font-size: 0.6em;
}
#optemo_embedder .savedmsg {
	color: #F5000B;
	margin-bottom: 4px;
	margin-left: 6px;
	font-size:0.9em;
	display: none;
}
#optemo_embedder #savesome {
	font-size: 0.9em;
	padding:15px;
	width: 117px;
	border: 1px solid #c8c8c8;
	margin: 20px auto 8px;
	font-size: 0.65em;
	-moz-box-shadow: 0px 2px 2px #888, inset 0 -10px 40px #ebebeb;
	-webkit-box-shadow: 0px 2px 2px #888, inset 0 -10px 40px #ebebeb;
	box-shadow: 0px 2px 2px #888, inset 0 -10px 40px #ebebeb;
}
#optemo_embedder #IE #savesome {
	font-size: 10px;
	padding:0;
	width: 147px;
	border: 0px solid #c8c8c8;
	margin: 20px auto 8px;
	font-size: 10px;
	box-shadow: none;
}
#optemo_embedder #compare_button , #optemo_embedder .optemo_compare_button {
	clear: both;
	font-size: 0.8em;
	margin: 5px;
   font-weight: bold;
}

#optemo_embedder .compare_button {
   font-size: 0.8em;
   }
/*.selected_cat_features img {
	vertical-align: baseline;
}*/

/* IE hack for save bar maybe? */
#optemo_embedder .gainlayout div {
       zoom: 1;
}

#optemo_embedder #IE .box-top-r {
	height:32px;
	line-height:0;
	font-size:0;
	overflow:hidden;
	background: url(../images/box-top-round.gif) no-repeat;
}
#optemo_embedder #IE .box-bottom-r {
	height:17px;
	background: url(../images/box-bottom-round.gif) no-repeat;
}
#optemo_embedder #IE .text-place {
	padding:3px 7px 3px 14px;
	border-left:1px solid #c8c8c8;
	border-right:2px solid #c8c8c8;
	color:#4d4d4f;
	font-size:10px;
	line-height:11px;
	width:123px;
	background:url(../images/box-top-rptr.gif) repeat-x top #eeeeee;
}
#optemo_embedder .deleteX {
	position: absolute;
	right: -7px;
	top: -5px;
	z-index: 1;
}

/*--------------------------------------//
//                Sliders               //
//--------------------------------------*/

#optemo_embedder .ui-slider { 
	position: relative; 
	text-align: left; 
}
#optemo_embedder .ui-slider .ui-slider-handle:hover { 
	color: black; 
	text-decoration: none;
}
#optemo_embedder .ui-slider .ui-slider-handle:visited { 
	color: black; 
	text-decoration: none;
}
#optemo_embedder .ui-slider .ui-slider-handle { 
	background:url(../../../images/sliderhandlebox.gif) no-repeat;
	/*background-color:#c0c0c0;
	border: 1px solid #4D4D4F;*/
	font-size: 0.7em;
	color: black;
	height:13px; width:16px;text-decoration:none;outline:none;position:absolute;z-index:2;
}
#optemo_embedder .ui-slider .ui-slider-range { 
	position: absolute; 
	z-index: 1; 
	font-size: .7em; 
	display: block; 
	border: 0; 
}
/*.ui-slider-horizontal { background:url(../../../images/slider.gif) no-repeat; height: 13px; }*/
#optemo_embedder .ui-slider-horizontal .ui-slider-handle { 
	top: -6px; 
	margin-left: -4px; 
}
#optemo_embedder .ui-slider-horizontal .ui-slider-range { 
	top: 0; 
	height: 65%; 
	/* transparency for Firefox, Safari & Opera */ 
	opacity:0.3; 
	/*and now for IE (other browsers will ignore this):*/
	filter: alpha(opacity=30);
}
#optemo_embedder .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#optemo_embedder .ui-slider-horizontal .ui-slider-range-max { right: 0; }
#optemo_embedder .ui-slider-vertical .ui-slider-handle { 
	background:url(../../../images/diamond_vertical.gif) no-repeat; 
	height:13px; 
	width:9px; 
	overflow:hidden;
	position:absolute;
	z-index:2;
}
#optemo_embedder .slider {
	margin: 0 0 0 3px;
	width: 155px;
	padding-bottom: 18px;
	position: relative;
}
#optemo_embedder .centerofslider {
	/*background:url(../../../images/slider.gif) no-repeat;*/
	height:4px; 
	background-color: #003b64;
}
/* Filter Box */
#optemo_embedder #filter_form {
	font-size: 0.85em;
}
#optemo_embedder .label {
	font-weight: bold;
	text-align: left;
	position: relative;
	clear: left;
	padding-top: 6px;
	padding-bottom: 4px;
   padding-left: 6px;
   background-color: #FFF200;
   margin-left: -6px;
}
#optemo_embedder .label-advanced-title {
	font-weight: bold;
	text-align: left;
	position: relative;
	clear: left;
	padding-top: 6px;
	padding-bottom: 4px;
   padding-left: 6px;
   background-color: yellow;<commit_msg>Get rid of the height of categorical div and add max-height to it<commit_after>/* CSS declarations shared between grid view and list view (Optemo Direct and Optemo Assist) go here */

/* Table of Contents
 * -----------------
 *  Global Declarations
 *  Navigator Bar
 *  Main Content (Right Side)
 *  Main Nav Controls (Left Side)
 *  Drag And Drop Compare
 *  Sliders
 *  Survey
 *  Footer
 *  Tour popup
 *  Autocomplete
 *  Direct Comparison
 *  Show page and related
 *  Awesome Buttons
 */

 /*--------------------------------------//
 //         Global Declarations          //
 //--------------------------------------*/

/*body {
    padding: 0;
}
html {
    height: 100%;
}*/

/*--------------------------------------//
//            Navigator Bar             //
//--------------------------------------*/

#optemo_embedder .watermark {
    font-size: 0.8em;
    padding: 4px 0 5px 37px;
}

/*#header {
   padding-top: 8px;
   margin-left: 20px;
   position: relative;
   width: 920px;
   height: 70px;
}
#header_buttons {
	position: absolute;
	height: 40px;
	bottom: -8px;
	right: 0;
}
#header_buttons img{
	margin-top: 0px;
	vertical-align: middle;
}
#tagline {
	display:inline;
	padding-top:18px;
	width:420px;
	float:left;
}*/
#optemo_embedder #filterbar {
	padding-bottom: 12px;
}
#optemo_embedder #IE #filterbar {
	padding-bottom: 0px;
}
#optemo_embedder .bd {
	position: relative;
	padding-top: 5px;
	width: 100%;
	height: 100%;
	min-height: 744px; /* Empirically determined; used for embedded LPH layout */
}

#optemo_embedder #navigator_bar {
	margin-bottom: 5px;
	padding: 13px 17px;
	position: relative;
	border: 1px solid #d0d0d0;
	background: #FFF200;
/*	keep pretty gradients for now, they looked nice and could be useful
    background-image:-moz-linear-gradient(center bottom, #e9e9e9, white);
	background-image:-webkit-gradient(linear, left bottom, left top, from(#e9e9e9), to(white)); */
}
#optemo_embedder #IE #navigator_bar {
	background: url(../images/navbar_gradient.png) repeat;
}
#optemo_embedder #sorting_method_box {
	font-size: 0.7em;
}

/*.demo_selector {
	float: left;
	width: 260px;
	font-size: 80%;
}
.demo_selector p {
	margin: 0;
	color: gray;
}*/

/*--------------------------------------//
//      Main Content (Right Side)       //
//--------------------------------------*/

#optemo_embedder div.rowdiv {
	border-bottom: 1px solid #ccc;
}

#optemo_embedder .poptitle {
	font-size: 1.13em;
	color: #FFF;
}
#optemo_embedder .poptitle a {
	height: 100%;
	display: block;
	padding: 6px 7px;
}

#optemo_embedder .bb_poptitle {
	font-weight: bold;
	font-size: 1.13em;
	color: #000;
    height: 22px;
    margin-left: -2px;
    margin-top: 5px;
	line-height:22px;
	margin-bottom:5px;
}
#optemo_embedder .comp-title {
	display:block;
	float:left;
}

/*.fv {
	float: left;
	width: 190px;
	margin-left: 25px;
}*/

/* Navigator box */

#optemo_embedder .price {
	/*color: #F5000B;*/
	font-weight: bold;
	font-size: 1em;
	margin-top: 1px;
	margin-bottom: 2px;
}

#optemo_embedder .saleprice {
	/*color: #F5000B;*/
	color: #FF0000;
	font-size: 1em;
	font-weight: bold;
}
#optemo_embedder .save {
	/*color: #F5000B;*/
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 1px;
}
#optemo_embedder .saleends {
	/*color: #F5000B;*/
	font-size: 0.8em;
}
#optemo_embedder .stars {
	padding-top: 3px;
}
/*.itemtitle {
    font-size: 1.4em;
    line-height: 1.7em;
    margin-left: 25px;
}

.priceunit {
  font-size: 0.8em;
  position:relative;
  margin-left: 5px;
  top: 10px;
}*/

/*--------------------------------------//
//    Main Nav Controls (Left Side)     //
//--------------------------------------*/

#optemo_embedder div #leftbar {
	padding: 0;
	margin: 0;
	width: 180px;
	float: left;
	position: relative;
}
#optemo_embedder .leftboxes {
	margin: 0 0 5px 4px;
	border: 1px solid #ccc;
	color: #4d4d4f;
}

/*#myfilter_search {
	width: 119px;
}
#submit_button {
	margin-top: 2px;
	width: 32px;
	font-size:11px;
}*/

#optemo_embedder #savebar {
	background-repeat: no-repeat;
}

* html #opt_savedproducts {
   height: 192px;
   height: expression( this.scrollHeight > 192 ? "193px" : "auto" ); /* sets max-height for IE */
}


#optemo_embedder #opt_savedproducts {
   max-height: 192px;
   overflow: auto;
   position: relative;
}

div#division { 
   max-width: 777px; /* this sets the max-width value for all standards-compliant browsers */
}


#optemo_embedder #ajaxfilter {
	display:inline;
}
#optemo_embedder .categorical {
	border: 1px solid #ccc;
	overflow: auto;
	max-height: 150px;
padding-bottom: 5px;
}
* html #optemo_embedder .categorical {
   height: expression( this.scrollHeight > 150 ? "150px" : "auto" ); /* sets max-height for IE */
   }

#optemo_embedder a.binary_filter_text{
	color: #4d4d4f;
}
#optemo_embedder a.binary_filter_text:visited{
	color: #4d4d4f;
}
#optemo_embedder .disabled a.binary_filter_text{
	color: #ccc;
}
#optemo_embedder .av_count{
	font-size: 0.85em;
}
/*--------------------------------------//
//         Drag And Drop Compare        //
//--------------------------------------*/
#optemo_embedder div.ui-state-dragging { 
	border:1px dashed #c96; 
	background: #ebe9de;
}
#optemo_embedder div.drop-box-hover { 
	background: #dbd9ce; 
	color: #363636; 
}
#optemo_embedder .left_behind_box_ghost { 
	opacity:0.4;
}

#optemo_embedder .saveditem {
	position: relative;
	width: 65px;
	height: 81px;
	float: left;
	text-align: center;
	padding: 0px 1px 0;
	margin: 5px 0 0 5px;
	border: 1px solid #C6C6C6;
	-moz-box-shadow: 0 2px 1px #888;
	-webkit-box-shadow: 0 2px 1px #888;
	font-size: 0.6em;
}
#optemo_embedder .savedmsg {
	color: #F5000B;
	margin-bottom: 4px;
	margin-left: 6px;
	font-size:0.9em;
	display: none;
}
#optemo_embedder #savesome {
	font-size: 0.9em;
	padding:15px;
	width: 117px;
	border: 1px solid #c8c8c8;
	margin: 20px auto 8px;
	font-size: 0.65em;
	-moz-box-shadow: 0px 2px 2px #888, inset 0 -10px 40px #ebebeb;
	-webkit-box-shadow: 0px 2px 2px #888, inset 0 -10px 40px #ebebeb;
	box-shadow: 0px 2px 2px #888, inset 0 -10px 40px #ebebeb;
}
#optemo_embedder #IE #savesome {
	font-size: 10px;
	padding:0;
	width: 147px;
	border: 0px solid #c8c8c8;
	margin: 20px auto 8px;
	font-size: 10px;
	box-shadow: none;
}
#optemo_embedder #compare_button , #optemo_embedder .optemo_compare_button {
	clear: both;
	font-size: 0.8em;
	margin: 5px;
   font-weight: bold;
}

#optemo_embedder .compare_button {
   font-size: 0.8em;
   }
/*.selected_cat_features img {
	vertical-align: baseline;
}*/

/* IE hack for save bar maybe? */
#optemo_embedder .gainlayout div {
       zoom: 1;
}

#optemo_embedder #IE .box-top-r {
	height:32px;
	line-height:0;
	font-size:0;
	overflow:hidden;
	background: url(../images/box-top-round.gif) no-repeat;
}
#optemo_embedder #IE .box-bottom-r {
	height:17px;
	background: url(../images/box-bottom-round.gif) no-repeat;
}
#optemo_embedder #IE .text-place {
	padding:3px 7px 3px 14px;
	border-left:1px solid #c8c8c8;
	border-right:2px solid #c8c8c8;
	color:#4d4d4f;
	font-size:10px;
	line-height:11px;
	width:123px;
	background:url(../images/box-top-rptr.gif) repeat-x top #eeeeee;
}
#optemo_embedder .deleteX {
	position: absolute;
	right: -7px;
	top: -5px;
	z-index: 1;
}

/*--------------------------------------//
//                Sliders               //
//--------------------------------------*/

#optemo_embedder .ui-slider { 
	position: relative; 
	text-align: left; 
}
#optemo_embedder .ui-slider .ui-slider-handle:hover { 
	color: black; 
	text-decoration: none;
}
#optemo_embedder .ui-slider .ui-slider-handle:visited { 
	color: black; 
	text-decoration: none;
}
#optemo_embedder .ui-slider .ui-slider-handle { 
	background:url(../../../images/sliderhandlebox.gif) no-repeat;
	/*background-color:#c0c0c0;
	border: 1px solid #4D4D4F;*/
	font-size: 0.7em;
	color: black;
	height:13px; width:16px;text-decoration:none;outline:none;position:absolute;z-index:2;
}
#optemo_embedder .ui-slider .ui-slider-range { 
	position: absolute; 
	z-index: 1; 
	font-size: .7em; 
	display: block; 
	border: 0; 
}
/*.ui-slider-horizontal { background:url(../../../images/slider.gif) no-repeat; height: 13px; }*/
#optemo_embedder .ui-slider-horizontal .ui-slider-handle { 
	top: -6px; 
	margin-left: -4px; 
}
#optemo_embedder .ui-slider-horizontal .ui-slider-range { 
	top: 0; 
	height: 65%; 
	/* transparency for Firefox, Safari & Opera */ 
	opacity:0.3; 
	/*and now for IE (other browsers will ignore this):*/
	filter: alpha(opacity=30);
}
#optemo_embedder .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#optemo_embedder .ui-slider-horizontal .ui-slider-range-max { right: 0; }
#optemo_embedder .ui-slider-vertical .ui-slider-handle { 
	background:url(../../../images/diamond_vertical.gif) no-repeat; 
	height:13px; 
	width:9px; 
	overflow:hidden;
	position:absolute;
	z-index:2;
}
#optemo_embedder .slider {
	margin: 0 0 0 3px;
	width: 155px;
	padding-bottom: 18px;
	position: relative;
}
#optemo_embedder .centerofslider {
	/*background:url(../../../images/slider.gif) no-repeat;*/
	height:4px; 
	background-color: #003b64;
}
/* Filter Box */
#optemo_embedder #filter_form {
	font-size: 0.85em;
}
#optemo_embedder .label {
	font-weight: bold;
	text-align: left;
	position: relative;
	clear: left;
	padding-top: 6px;
	padding-bottom: 4px;
   padding-left: 6px;
   background-color: #FFF200;
   margin-left: -6px;
}
#optemo_embedder .label-advanced-title {
	font-weight: bold;
	text-align: left;
	position: relative;
	clear: left;
	padding-top: 6px;
	padding-bottom: 4px;
   padding-left: 6px;
   background-color: #FFF200;
{'fraction_non_alphanumeric': 0.19361679567384157, 'fraction_numerical': 0.04294348425405577, 'mean_word_length': 2.8456676860346586, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 6, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3211875', 'n_tokens_mistral': 8127, 'n_tokens_neox': 7288, 'n_words': 1614}