:focus {

	outline:none !important;	

}

.header .navbar{

	/*padding:0px 15px;*/

	border-bottom: 1px solid #ccc;

	margin-bottom:20px;

}

.title-typ1{

	margin-bottom:30px;

}

.navbar-nav {

	width:100%;

	display:block;

}



.title-typ3{

	font-size:17px;	

	margin-bottom:15px;

}



.footer{

	padding:20px 0px;

	text-align:center;

}

.footer p{

	margin:0px;

	padding:0px;	

}

.info-tip{

	height: 18px;

    width: 18px;

    vertical-align: middle;

    line-height: 17px;

    text-decoration: none !important;

    font-size: 11px !important;

    text-align: center;

    padding: 0px;
	margin-top: -5px;

}





.filter-box{

	padding:15px;

	width:100%;

	float:left; 

	margin-bottom:20px;

		

}

.shape-list{

	margin:0px;

	width:100%;	

	padding:0px;

}
.product_image{
	height:100% !important;	
}
.product_image > .text-center{
	position:relative;	
	height:100% !important;
}
.product_image > .text-center .fa {
	position: absolute;
    top: 38%;	
}  

.shape-list li{

	width:19%;

	min-width:50px;	

	

	float:left;

	list-style-type:none;

	padding:0px 5px 5px 5px;

	text-align:center;

	font-size:12px;

}

.shape-list li img{
	/*opacity: 0.9;*/
	height: 23px;
	mix-blend-mode: multiply;
}

.shape-list li input[type=checkbox] {

    display:none;

}

.shape-list li input[type=checkbox] + label {

    display:inline-block;

    padding: 0 0 0 0px;

    height: 33px;

	/*line-height:34px;
	line-height:26px;*/

    width: 100%;

	border-radius:5px;

	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
	margin-bottom:0px;
	
	font-size: 0px;
    padding: 5px;

}

.shape-list li input[type=checkbox]:checked + label {

	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08)

}

.ui-widget.ui-widget-content{

	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.20) !important;	

	border:none !important;

}

.ui-slider .ui-slider-handle{

	height:2.2em !important;

	z-index:3 !important;	

}

.ui-slider-horizontal{

	height:1.1em !important;	

	clear:both;

}

.ui-slider-horizontal .ui-slider-handle{

	top:-0.6em !important;	

}



.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 {

	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.20) !important;	

	border:none !important;

	color: #ffffff;

}



.filter-input-box{

	display:block;

	margin-bottom:20px;

	float:left;

	width:100%;

	margin-top:5px;

}

.sliderValue{

    text-align: center;

    border: 1px solid #ccc;

    width: auto;

    max-width: 70px;

	height:35px;

	border-radius:3px;

}



.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show{

	font-size:11px;

	width: max-content !important;

}

.ui-slider ol, .ui-slider dl{

	top:-1.8em !important;

}

.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip{

	bottom: 3em !important;

	font-size:12px !important;

}



.ui-slider span.ui-slider-tic{

	border-color: #fff !important;

	height: .9em  !important;

    top: 1.9em !important;

	z-index:2 !important;	

}

.radio-button-box label{

	padding:5px 10px;

	color:#777;

	font-size:12px;

	border-radius:3px;

	cursor:pointer;

	margin-bottom:0px;

	

}

.radio-button-box input[type=radio]:checked + label {

	background:#73c8ec;	

	color:#fff;		

}

.radio-button-box{

	float:right;

}

.dropdown-select{

	height:35px;

	border:1px solid #ccc;

	padding:3px;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

button, html [type="button"], [type="reset"], [type="submit"]{

	border:none;

	cursor:pointer;	

}



#AdvancedFilterView .ui-slider-label{

	margin-left:-15px;

}



#fancy_color{

	margin-top:-15px;	

}

#AdvancedFilterView.collapse.show{

	display:flex;	

}





/********************************************/

.result-tbl [class*='column-']{

	padding:10px;	

	/*display: table-cell;*/

	float:left;

	font-size:13px;

	position:relative;

}

.result-tbl [class*='column-'] a, .result-tbl [class*='column-'] a:hover{

	color:#fff;	

	position:relative;
	cursor:pointer;

}

.result-tbl #table-header [class*='column-'] .fa{

	color:#fff !important;

	position:absolute;

	right:0px;

	top:15px;	

}

/*.result-tbl [class*='column-'] a:after{

	content: "\f0d7";

	font-family:FontAwesome;

	color:#fff;

	margin-left:2px;

	position:absolute;

}*/

.result-tbl .column* { width:20px;padding-left: 4px;padding-right: 4px;}

.result-tbl .column-1 { width:60px; }

.result-tbl .column-2 { width:65px; }

.result-tbl .column-3 { width:60px; }

.result-tbl .column-4 { width:60px; }

.result-tbl .column-5 { width:55px; }

.result-tbl .column-6 { width:60px; }

.result-tbl .column-7 { width:55px; }

.result-tbl .column-8 { width:55px; }

.result-tbl .column-9 { width:55px; }

.result-tbl .column-10 { width:50px; }

.result-tbl .column-11 { width:80px; }

.result-tbl .column-12 { width:90px; }

.result-tbl .column-13 { width:90px; }

.result-tbl .column-14 { width:80px; }

.result-tbl .column-15 { width:108px; }

.result-tbl .column-16 { width:80px; }

.result-tbl .column-17 { width:80px;}





.result-tbl .column-18 { width:107px;}

.result-tbl .column-19 { width:93px;}

.result-tbl .column-20 { width:90px;}

.result-tbl .column-21 { width:45px;}



.content-inner .dia-row {

    width: 100%;

    float: left;

}

.content-inner .dia-row .col1, 

.content-inner .dia-row .col2{

	width:50%;

	float:left;

	padding:7px;

	color:#666666;

	/*font-family:"HelveticaNeue55Roman"*/

}

.content-inner .dia-row .col1 {

    border-bottom: 1px solid #fff;

    background: #f1f0f0;

}

.content-inner .dia-row .col2 {

    border-bottom: 1px solid #ccc;

    background: #fff;

}





#table-header{

	background:#959393 !important;

	margin:0px !important; 	

	z-index:999 !important;

	position:relative;

}

.result-tbl .no-gutters {

	display:table;

	width:100%;	

}

.result-tbl .no-gutters > .col, 

.result-tbl .no-gutters > [class*="col-"]{

	padding:0px 15px !important;	

	width:1%;

}

.srollabl{

    overflow-x: scroll;

    box-shadow: 0px 0px 5px #ccc;			

}

.result-tbl{

	width: 100%;

	min-width:1300px;

}



/*.result-tbl .striped_div:nth-child(odd) {background-color: #f2f2f2;}*/



.radio-buttons label.btn{

	margin-bottom:0px;

	padding-bottom:0px;

	margin-bottom:-1px;	

	cursor:pointer;

}



.open-row .row{

	display:flex;

	width:100%;	

}

.radio-buttons input[type="radio"]:checked + label.btn{

	/*background:#959393;	*/

} 

.radio-buttons input[type="radio"] + label.btn{
	background:#959393 !important;

}





.content-area ul, 

.content-area ol{

	padding-left:0px;

	margin-left:0px;

	list-style-type:none;		

}

.content-area ol li {

   counter-increment: item;

   margin-bottom: 5px;

   padding:3px 0px;

 }

 .content-area ol li:before {

   margin-right: 10px;

   content: counter(item)'.';

   border-radius: 100%;

   width: 1.2em;

   text-align: center;

   display: inline-block;

 }

.content-area ul li {

	 padding:3px 0px 3px 15px;

	 position:relative;

}

.content-area ul li:before{

	content:"•";

	position:absolute;

	left:0px;

	top:3px;

} 





@media(max-width:767px){

	.navbar-nav li.login-links{

		float:none !important;	

	}

}



@media(min-width:767px) and (max-width:1024px){

	.filter-box{

		padding:15px;	

	}	

	.sliderValue{

		height:25px;	

	}

}



@media(min-width:768px){

.navbar-nav li{

	display:inline-block;	

}

.navbar-nav {

	text-align:center;	

}

}



.ellipsis-text{

	white-space: nowrap; 

    width:80px;

    overflow: hidden;

    text-overflow: ellipsis; 	

}



.plus-minus .fa{

	color:#666666 !important;

	font-size:17px;	

}

.list-checkbox{

	width:30px;

}

.list-checkbox .multi_checkbox{

	display:none;	

}

.list-checkbox label{

	line-height: 20px;

    margin: 0px;

}

.list-checkbox input[type="checkbox"] + label:after{

	content: "\f096";

	font-family:"FontAwesome";

	font-size:17px;

	color:#666666;

}

.list-checkbox input[type="checkbox"]:checked + label:after{

	content: "\f046";

}





.odd-even1{

	background:#fff;	

}

.odd-even0{

	background:#fbf9f9;		

}


.content-area{
	min-height:450px;	
}

.detail-box {
    width: 100%;
    float: left;
    display: block;
    clear: both;
	border:1px solid #ccc;
}

.detail-title{
	color:#666666;
	background: #f1f0f0;
	padding: 10px;
	margin-bottom:15px;
}
.mrg0{
	margin:0px;	
}
.mrg10-B{
	margin-bottom:10px !important;	
}
.striped_div:hover {
    background: #ccc;
}
@media (min-width: 992px){
.modal-lg {
    max-width: 80%;
}	
}

.modal-content .form-group.list-checkbox{
	width:100% !important;	
}
.modal-content .list-checkbox label:after{
	float:left;	
	position: absolute;
	
}
.modal-content .list-checkbox label span{
	margin-left: 25px;
    float: right;	
}


.view_print, .view_print .modal-content, .view_print .modal-dialog {
	height:97% !important;
}
#view_print{
	height:76vh;	
}