ul {
	list-style-type: disc;
	padding-left: 28px;
}
html {
	font-size: 62.5%;
}

@media(max-width:1200px) {
html {
	font-size: 57.5%;
}
}

@media(max-width:992px) {
html {
	font-size: 56%;
}
}

@media(max-width:767px) {
html {
	font-size: 54%;
}
}

@media (min-width: 1200px) {
.container {
	width: 1000px;
}
}
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
	text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
	text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
	text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
	text-align: justify;
}

@media (max-width: 767px) {
.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
	text-align: inherit;
}
.text-left-xs {
	text-align: left;
}
.text-center-xs {
	text-align: center;
}
.text-right-xs {
	text-align: right;
}
.text-justify-xs {
	text-align: justify;
}
}

@media (min-width: 768px) {
.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
	text-align: inherit;
}
.text-left-sm {
	text-align: left;
}
.text-center-sm {
	text-align: center;
}
.text-right-sm {
	text-align: right;
}
.text-justify-sm {
	text-align: justify;
}
}

@media (min-width: 992px) {
.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
	text-align: inherit;
}
.text-left-md {
	text-align: left;
}
.text-center-md {
	text-align: center;
}
.text-right-md {
	text-align: right;
}
.text-justify-md {
	text-align: justify;
}
}

@media (min-width: 1200px) {
.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
	text-align: inherit;
}
.text-left-lg {
	text-align: left;
}
.text-center-lg {
	text-align: center;
}
.text-right-lg {
	text-align: right;
}
.text-justify-lg {
	text-align: justify;
}
}

@media (min-width:768px) {
.pull-right-sm {
	float: right;
}
.pull-left-sm {
	float: left;
}
}

@media (min-width:992px) {
.pull-right-md {
	float: right;
}
.pull-left-md {
	float: left;
}
}

@media (min-width:1200px) {
.pull-right-lg {
	float: right;
}
.pull-left-lg {
	float: left;
}
}
body {
	font-family: 'calibri', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #576060;
	line-height: 1.8rem;
	font-size: 1.8rem;
	background: #fff;
	font-weight: 300;
	letter-spacing: 0.5px;
	overflow-x: hidden;
}
h1 {
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 300 !important;
	color: #576060;
}
h2 {
	font-size: 1.8rem;
	text-transform: uppercase;
	font-weight: 300 !important;
	color: #576060;
}
h3 {
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 300 !important;
	color: #576060;
}
h4 {
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 300 !important;
	color: #576060;
}
h5 {
	font-size: 1.5rem;
	font-weight: 300 !important;
	color: #576060;
}
h6 {
	font-size: 1.5rem;
	font-weight: 300 !important;
	color: #818285;
}

::-webkit-scrollbar-thumb {
 background: rgba(210,210,210,.5);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

::-webkit-scrollbar {
 width: 12px;
}
strong {
	font-weight: bold;
}
h1, h2, h3, h43, h5, h6 {
	font-weight: 300 !important;
}
.bg-dark, .panel-default>.panel-heading {
	background: #262626;
	color: #fff;
}
.bg-light {
	background: #eee;
	color: #000;
}
button:focus {
	outline: 0;
}
a {
	color: #576060;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.dark_bule {
	color: #225c8a;
	font-weight: 600;
}
a:focus {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	opacity: 0.8 !important;
	color: inherit;
}
.bg-grey {
	background: #F5F9FC;
}
.bg-green {
	background: #19B762;
}
.txt-black {
	color: #000;
}
.txt-white {
	color: #fff;
}
.grey-text {
	color: #616161;
}
.ft-light, select {
	font-family: 'SegoeUI-Light';
}
.ft-bold {
	font-weight: bold;
	font-family: 'SegoeUI-Regular';
}
.ft-10 {
	font-size: 10px;
}
.ft-11 {
	font-size: 11px;
}
.ft-12 {
	font-size: 12px;
}
.ft-13 {
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.ft-14 {
	font-size: 1.4rem;
}
.ft-15 {
	font-size: 1.5rem;
}
.ft-16 {
	font-size: 1.6rem;
}
.ft-17 {
	font-size: 1.7rem;
	line-height: 2.8rem;
}
.ft-18 {
	font-size: 1.8rem;
}
.ft-20 {
	font-size: 2rem;
}
.ft-22 {
	font-size: 2.2rem;
}
.ft-23 {
	font-size: 2.3rem;
}
.ft-24 {
	font-size: 2.4rem;
}
.ft-25 {
	font-size: 2.5rem;
}
.ft-26 {
	font-size: 2.6rem;
}
.ft-27 {
	font-size: 2.7rem;
}
.ft-28 {
	font-size: 2.8rem;
}
.ft-29 {
	font-size: 2.9rem;
}
.ft-30 {
	font-size: 3rem;
}
.ft-32 {
	font-size: 3.2rem;
}
.ft-34 {
	font-size: 3.4rem;
}
.ft-35 {
	font-size: 3.5rem;
}
.ft-36 {
	font-size: 3.6rem;
}
.ft-38 {
	font-size: 3.8rem;
}
.ft-40 {
	font-size: 4rem;
}
.ft-42 {
	font-size: 4.2rem;
}
.ft-45 {
	font-size: 4.5rem;
}
.ft-50 {
	font-size: 5rem;
}
.ft-55 {
	font-size: 5.5rem;
}
.ft-60 {
	font-size: 6rem;
}
.green_text {
	color: #19B762;
}
.navbar-brand {
	height: auto;
	padding: 0;
}
.text-blue {
	/*color: #576060;*/color: #576060;
}
.navbar-default {
	background-color: transparent;
    border-color: #888888;
	border-radius: 0;
	margin-bottom: 0;
	border-left:0;
	border-right:0;
	border-top:0;
	padding-top:10px;
	
}
.navbar-default .navbar-nav>li>a {
	color: #576060;
	padding: 10px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #888888;
	background-color: transparent;
}
#logo {
	margin: 40px 0;
}
#logo img {
	max-width: 100%;
}

@media(min-width:768px) {
#main .navbar-default {
	text-align: center;
	min-height: auto;
}
#main .navbar-nav>li {
	float: none;
	display: inline-block;
}
#main .navbar-nav {
	float: none;
	margin: 0;
}
}
.manage_progress .progress {
	padding: 1px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #646568;
	box-shadow: none;
	margin: 0;
	margin-top: 30px;
}
.progress-bar-info {
	color: #333;
	background-color: #2ECC71;
	border-radius: 25px;
	line-height: 16px;
}
.prod_listing img {
	width: 100%;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.prod_listing a {
	display: block;
	overflow: hidden;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.prod_listing .img_gaps {
	border: 1px solid #ccc;
	display: block;
	overflow: hidden;
}
.prod_listing a:hover .img_gaps, .prod_listing .img_gaps:hover {
	border: 1px solid #346994;
}
.prod_listing a:hover {
	color: #576060;
}
.prod_listing .img_gaps img:hover {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}
.prod_listing figure {
	/*margin-bottom: 35px;*/
	position: static;
	cursor: pointer;
}
.prod_listing figcaption {
	font-size: 1.6rem;
	text-align: left;
	display: block;
	padding: 5px 0;
	position: relative;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media(min-width:601px) {
.text-center-sm .col-sm-3 {
	float: none;
	display: inline-block;





	z-index: 9;
}
}

@media(max-width:767px) {
.text-center-sm .col-sm-3 {
	float: none;
	width: 49%;
	display: inline-block;
}
}
.categories>article {
	padding: 25px 0;
}
.categories.detail_page>article {
	padding: 0px 0 25px;
}
.categories>article h4 {
	margin: 0;
	padding: 10px 0 10px;
}
span.text-box {
	display: block;
	border-top: 1px solid #818285;
	border-bottom: 1px solid #818285;
	padding: 8px 0;
}
span.text-box.activated {
	border-top: 1px solid #576060;
	border-bottom: 1px solid #576060;
	padding: 8px 0;
	margin-top: 10px;
}
span.text-box.activated ul {
	margin: 0;
}
span.text-box.activated ul li {
	color: #576060;
	line-height: 2.2rem;
	padding: 5px 0;
}
.btn-whitesales {
	color: #fff;
	border: 1px solid #95a5a6;
	padding: 5px 35px;
	background: #95a5a6;
	margin-top: 20px;
}
.btn-whitesales:hover {
	background: #fff;
	color: #95a5a6;
}
.btn-whitesales.activated,a.upme-button-alt, div.upme-wrap a.upme-button-alt {
	background: #f1c40f;
	color: #fff;
	border: 1px solid #f1c40f;
}
.btn-whitesales.activated:hover,a.upme-button-alt:hover, div.upme-wrap a.upme-button-alt:hover {
	color: #f1c40f;
	background: #fff;
}
div.upme-wrap a.upme-button-alt.upme-logout{
background:#b70101;
color:#fff ;
border: 1px solid #b70101 ;
}
div.upme-wrap a.upme-button-alt.upme-logout:hover{
background:#fff !important;
color:#b70101 !important;	
}
.btn-whitesales.dark {
	background: #f1c40f;
	color: #fff;
}
.btn-whitesales.dark:hover {
	color: #000;
}
.assembly_selection {
    background: transparent;
    margin: 25px 0;
    padding: 0;
}
.assembly_selection h4 {
	margin: 0;
	padding: 10px 0 20px;
	    font-size: 1.8rem !important;
    text-align: center;
}
.assembly_selection .table tbody tr:nth-child(odd) td {

}
.assembly_selection .table tr td, .assembly_selection .table tr th {
	border: none;
	font-weight:300;
}
.navbar-default .navbar-brand {
	color: #fff;
	position: relative;
	top: 15px;
	left: 15px;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: #576060;
}

@media(min-width:992px) {
.row_halfPAd {
	margin-left: 7.5px;
	margin-right: 7.5px;
}
.row_halfPAd .col-md-2 {
	width: 20%;
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.row_halfPAd .col-md-10 {
	width: 80%;
}
}
.detail_listing .assembly_selection {
	margin-top: 0;
}
#headings>h1 {
	margin-top: 0;
}
#headings>* {
	margin-bottom: 30px;
}
.btn_content_list button {
	margin-top: 10px;
}
.btn_content_list button+button {
	margin-left: 15px;
}
.call_to_action {
	margin-top: 30px;
}
.table_layout .table tr>td~td {
	font-weight: normal;
}
.table_layout {
	margin: 10px 0;
}
.terms_cond a {
color: #576060;
    font-size: 12px;
    font-weight: 300;
}
.terms_cond a+a:before {
	content: "|";
	display: inline-block;
	margin: 0 5px 0 3px;
}
.terms_cond, .socio_icons {
	display: block;
}
.socio_icons {
	margin-top: 15px;
}
.socio_icons a {
	display: inline-block;
}
.socio_icons a i {
	width: 30px;
	height: 30px;
	display: inline-block;
}
.socio_icons a i.twitter-ico {
	background: url(../img/twitter-ico.jpg) no-repeat;
}
.socio_icons a i.linkedin-ico {
	background: url(../img/linkedin-ico.jpg) no-repeat;
}
.socio_icons a i.youtube-ico {
	background: url(../img/youtube-ico.jpg) no-repeat;
}
#main_footer {
	border-top:1px solid #888888;
	padding: 20px 0;
	margin: 10px 0;
}
#main_footer .text-block {
	margin-bottom: 10px;
	display: block;
}
.detail_page>article {
	margin-top: 20px;
}
#main .navbar-nav>li .nav-level {
	position: absolute;
	background: #bbbbbb;
	color: #fff;
	width: 250px;
	border-left:2px solid #888;
	left: 0;
	display: none;
	z-index: 9999;
}
#main .navbar-nav li:hover>.nav-level {
	display: block;
}
#main .navbar-nav>li .nav-level .nav-level {
	left: 100%;
	top: 0;
}
#main .navbar-nav>li>.nav-level ul {
	list-style: none;
	padding: 0;
	text-align: left;
}
#main .navbar-nav>li>.nav-level ul li {
	position: relative;
	padding: 0 5px;
}
#main .navbar-nav>li>.nav-level ul li>a {
	display: block;
	border-bottom: 1px dashed #fff;
	padding: 10px 5px;
	color: inherit;
}
#main .navbar-nav>li>.nav-level ul li:last-child a {
	border: none;
}
#main .navbar-nav>li>.nav-level ul li>.nav-level ul li {
}
#main .navbar-nav>li>.nav-level ul li:hover>a {
	color: #000
}
#main .navbar-nav>li>.nav-level ul li:hover span.icon-main-menu-expand:after {
	content: ">";
	color: #000;
}

@media(min-width:768px) {
#main .navbar-nav>li>.nav-level span.icon-main-menu-expand:after {
	content: ">";
	display: inline-block;
	color: #fff;
	position: absolute;
	z-index: 9999;
	right: 10px;
}
}

@media(max-width:767px) {
#main .navbar-nav>li .nav-level {
    position: relative;
    background: #ecf0f1;
    color: #333;
    width: 100%;
    border-left: 3px solid #bdc3c7;
    left: 0;
    display: block;
}
span.icon-main-menu-expand:after {
	content: ">";
	transform: rotate(90deg);
	display: inline-block;
	color: #fff;
	position: absolute;
	z-index: 9999;
	right: 10px;
}
#main .navbar-nav>li .nav-level .nav-level {
	left: 0;
	top: 0;
	padding-left: 0;
}
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #296f9b;
}
.prod_listing input[type="radio"] {
	box-shadow: none !important;
}
.desc-code {
	border-top: 1px solid #7f8c8d;
	border-bottom: 1px solid #7f8c8d;
	padding: 8px 0;
	margin-top: 10px;
}
.desc-code-ul {
	font-size: 1.8rem;
	color: #576060;
	margin-left: 0;
}
.desc-code ul.desc-code-ul > li {
	padding-bottom: 15px;
}
.desc-code ul.desc-code-ul > li:nth-child(even) {
	font-weight:300;
}
.quote {
	background: #f5f8fc;
	padding: 0;
}
article.quote-title h4 {
	margin: 0;
	padding: 10px 0 30px;
}
.quote .grey-bg {
	background: #e7eaed;
}
.quote .refer-no {
	width: 100%;
	float: left;
	color: #576060;
	padding-top: 10px;
	padding-bottom: 10px;
}
.quote .gap-blk {
	margin-bottom: 28px;
}
.quote .quote-cont-blk {
	position: relative;
	float: left;
	font-size: 1.4rem;
	color: #818285;
}
.quote .quote-cont-blk .lft-blk,.quote .quote-cont-blk .com-p {
	border-right: 15px solid #f5f8fc;
	    min-height: 445px;
}

@media (max-width:767px) {
.quote .quote-cont-blk {
	padding-bottom: 20px;
}
.quote .quote-cont-blk .lft-blk {
	border-right: 0;
	border-bottom: 15px solid #f5f8fc;
}
}
.quote .quote-cont-blk h3 {
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 1.6rem;
	color: #576060;
	font-weight: normal;
	margin-bottom: 15px;
}
.quote .quote-cont-blk h3 + div {
	/* float: left; */

	padding-left: 20px;
}
.quote .quote-cont {
	padding-left: 0;
	list-style: none;
	font-size: 1.4rem;
	display: block;
}
.quote .quote-cont li {
	padding: 0px 0 10px 0;
}
.quote .quote-cont li:nth-child(odd) {
	font-weight: 600;
}
.quote .quote-cont li address {
	line-height: 2.4rem;
}
.quote .com-p > div {
	padding-left: 17px;
	padding-right: 16px;
	line-height: 2.0rem;
}
.quote .com-p .btn-whitesales {
	margin-top: 10px;
}
.quote .order-detail h4 {
	margin-bottom: 25px;
}
.quote .order-detail .order-item .item-intro {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	    border-bottom: 1px solid #ccc;
}
.quote .order-detail .order-item {
	margin-bottom: 15px;
	    border: 1px solid #ccc;
    overflow: hidden;
}
.quote .order-detail .order-item .order-item-ul li {
	padding: 0 0 20px 15px;
	color: #818285;
	font-size: 1.4rem;
}
.quote .order-detail .order-item .order-item-ul li:nth-child(odd) {
	font-weight: 600;
}
.quote .order-detail .order-item .order-item-ul li p {
	margin-bottom: 15px;
}
.quote .order-detail .order-item .order-item-ul .table > thead {
	background: #e7eaed;
	font-weight: 600;
}
.quote .order-detail .table tr > td {
	vertical-align: middle;
}
.quote .order-detail .table thead tr > th, .quote .order-detail .table tbody tr > td {
	border: 0;
}
.quote .order-detail .table tr > td span {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
}

@media (max-width:767px) {
.quote .order-detail .table tr > td a {
	display: block;
	margin-top: 8px;
	text-align: center;
}
}
.table-fotter {
	border-top: 1px solid #576060;
	border-bottom: 1px solid #576060;
	padding: 10px 0;
	float: left;
	width: 100%;
}
.table-fotter > div {
	width: 36%;
	float: right;
	font-size: 1.8rem;
	font-weight: 600;
	color: #576060;
}

@media (max-width:767px) {
.table-fotter > div {
	width: 100%;
	float: none;
	text-align: right;
	font-size: 1.4rem;
	font-weight: 600;
	color: #576060;
}
}
.table-fotter div > span {
	display: inline-block;
	padding-left:52px;
	font-weight: normal;
}
.txt-button {
	display: inline-block;
	color: #576060;
}
.txt-button:hover {
	color: #818285;
}

@media (min-width: 768px) {
.modal-content {
	border: 10px solid #fff;
	background: #f5f8fd;
}
.modal-header {
	border: 0;
}
.modal-title {
	font-size: 2.2rem;
	;
	color: #4b93cd;
}
.modal-body {
	padding: 0 20px 0;
}
.modal-body h5 {
	font-size: 1.6rem;
	font-weight: normal;
	color: #4b93cd;
}
.modal-body p {
	color: #818285;
	margin-left: 10px;
}
.modal-btn {
	color: #576060;
	border: 1px solid #576060;
	padding: 5px 35px;
	background: #fff;
	border-radius: 0;
}
.modal-btn.activated {
	background: #576060;
	color: #fff;
}
.modal-btn:hover, .modal-btn.activated:hover {
	background: #fff;
	color: #576060;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 0;
	margin-top: 25px;
}
}
.configure-item .prod_listing.detail_listing figure > img {
	border: 1px solid #4b93cd;
}
.listing_dap>article {
	padding: 0;
	margin-bottom: 40px;
}
.row_halfPAd2 {
	margin-left: -7.5px;
	margin-right: -7.5px;
}
.row_halfPAd2>div {
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.tabular_listing {
	background: #f5f8fc;
	padding:10px 0px 30px;
	margin-top:35px;
}
.tabular_listing  .tab-content{
    padding-top: 10px;	
}
.tabular_listing .nav-tabs>li.active>a, .tabular_listing .nav-tabs>li.active>a:focus, .tabular_listing .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background: #fff;
    border: none;
    border: 1px solid #ccc;
    border-bottom: none;
}
.tabular_listing .nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: none;
	border-radius: 4px 4px 0 0;
	background: #fff;
}
.tabular_listing .nav-tabs {
	border-bottom: none;
}
.tabular_listing .panel-heading {
	padding: 2px;
	margin-top: -63px;
	margin-bottom: 10px;
	    margin-left: -4px;
}
.tabular_listing .nav-tabs>li {
	background-color: #f5f8fc;
	padding: 2px;
}
.tabular_listing article .header {
	background: #e7eaed;
	padding: 0 15px;
	    overflow: initial;
}
.tabular_listing article .header h4 {
	font-size: 1.4rem;
	font-weight: bold;
}
.tabular_listing article .header span {
	display: block;
	position: relative;
}
.art_desc {
	padding: 3rem 0;
}
.art_desc img {
	border: 1px solid #7f8c8d;
	width: 100%;
}
@media(max-width:767px){
.art_desc img{
width:auto;
    max-width: 50%;
display:block;
margin:0 auto 20px;	
}
}
.art_desc label {
	color: #555;
	font-weight: normal;
	display: block;
}
.art_desc .desc_type {
	color: #555;
	font-weight: normal;
}
.quantity_sel span {
	position: relative;
	/*top: 7px;*/
}
.tabular_listing .btn-group button {
	margin: 0;
	width: 100%;
	padding: 5px 0;
}
.tabular_listing .btn-group button~button {
	margin-top: 10px;
}
.tabular_listing .btn-group button+button {
	margin-top: 10px;
}
.tabular_listing .quantity_sel .form-control {
	border-radius: 0;
	border-color: #ccc;
}
.btn-whitesales.dark {
	background: #9dadc4;
    border-color: #9dadc4;
}
nav>ul.pagination {
	margin-bottom: 0 !important;
}
.tabular_listing .panel-body {
	padding: 0;
}
.tabular_listing>div>.panel-body {
	padding: 0 20px;
}
.tabular_listing .panel {
	background-color: transparent;
}

@media(max-width:767px) {
.clear_phone {
	clear: both;
}
}

@media(max-width:991px) {
.tabular_listing .row_halfPAd2>div {
	min-height: 40px;
}
}
.tabular_listing .btn-group a {
	margin: 0;
	width: 100%;
	padding: 5px 0;
}
.tabular_listing .btn-group button+a {
	margin-top: 10px;
}
.basket_shopping .manager {
	position: relative;
	margin-top: 12px;
}
.basket_shopping .manager i {
	color: #576060;
	font-size: 2rem;
	margin-left: 5px;
}
.basket_shopping .manager span {
	font-size: 1.4rem;
}
.basket_shopping .manager small {
	background: #333;
	color: #fff;
	border-radius: 50%;
	padding: 0 5px;
	position: absolute;
	top: -8px;
	right: -12px;
}
.container+div #logo {
	margin: 20px 0 40px;
}
.quotation.table .form-control {
	width: 80px;
	display: inline-block;
}
.quotation.table [value="Update"] {
	background: none;
	border: none;
}
.btn-grey {
	color: #858689;
	border: 1px solid #858689;
	padding: 5px 30px;
	background: #fff;
	margin-bottom: 15px;
}
.btn-lght-grey{
	color: #818285;
	border: 1px solid #858689;
	padding: 5px 30px;
	background: #e2e9f7;
	margin-bottom: 15px;
}
.quote_page_list .nav-tabs li a {
	font-weight: 600 !important;
	color: #576060 !important;
	font-size: 1.4rem;
}
.quote_page_list .art_desc ul li:last-child {
	padding-right: 0;
}
.quote_page_list .art_desc ul .btn-whitesales {
	min-width: 120px;
	display: inline-block;
	text-align: center;
	margin: 2px 0 5px;
}
.quote_page_list.panel {
	box-shadow: none !important;
}
.purchase-ord .purchase-ord-input {
	display: inline-block;
	width: 300px;
	margin-right: 5px;
}
.purchase-ord .purchase-ord-input input[type="text"] {
	width: 100%;
}
.purchase-ord .purchase-ord-req {
	display: inline-block;
}
.tabular_listing article .header h4>span {
	display: inline-block;
	color: #818285;
	line-height: 1.8rem;
	font-size: 1.3rem;
	font-weight: normal;
	top: 0;
	text-transform: none;
}
.clearfix_krdo {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px 15px 25px !important;
}
.tabular_listing .clearfix_krdo.header {
	padding: 10px 15px 10px !important;
}
.tabular_listing article .header.clearfix_krdo h4 {
	margin: 0;
}
.tabular_listing article .header.clearfix_krdo h4>i {
	font-style: normal;
	display: inline-block;
	position: relative;
	top: 10px;
	    color: #555;
    font-size: 1.8rem;

    font-weight: bold;
}

@media(min-width:992px) {
.padzero {
	padding: 0 !important;
}
}
.myhistory {
	padding: 0 5px;
}
.quote .refer-no1 {
	width: 100%;
	float: left;
	color: #576060;
	padding-top: 5px;
	padding-bottom: 5px;
}
.radio input {
	cursor: pointer;
}
.margzero {
	margin: 10px;
}
.pad-10 {
	padding: 10px;
}
.bod-bottom {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.quote_page_list .panel-title header> a:before {
	float: right !important;
	font-family: FontAwesome;
	content: "\f056";
	padding-right: 5px;
	position: relative;
	top: 10px;
	margin: 0 10px;
	color: #576060;
}
.quote_page_list .panel-title header> a.collapsed:before {
	float: right !important;
	content: "\f055";
	padding-right: 5px;
	position: relative;
	top: 10px;
	margin: 0 10px;
	color: #576060;
}
.quote_page_list .panel-title header> a:hover,  .quote_page_list .panel-title header> a:active,  .quote_page_list .panel-title header> a:focus {
	text-decoration: none;
	color: #576060 !important;
}
.quote_page_list .panel-title header> a:hover:before,  .quote_page_list .panel-title header> a:active:before,  .quote_page_list .panel-title header> a:focus:before {
	text-decoration: none;
	color: #576060 !important;
	display: block;
	z-index: 999;
}
.quote_page_list .art_desc>h6 {
	background: #e7eaed;
	color: #576060;
	margin: 0;
	padding: 10px 15px;
	margin-bottom: 15px;
	font-size: 13px;
}
.quote_page_list .panel-body .art_desc {
	padding-top: 10px;
	padding-bottom: 10px;
}

@media(min-width:1366px) {
.quote_page_list .panel-collapse>.panel-body {
/*padding:0 10rem;	*/

}
}
.quote_page_list .nav-tabs li a {

	font-weight: 600 !important;
	color: #576060 !important;
	font-size: 1.4rem;
}
.quote_page_list .art_desc ul li:last-child {
	padding-right: 0;
}
.quote_page_list .art_desc ul .btn-whitesales {
	min-width: 120px;
	display: inline-block;
	text-align: center;
	margin: 2px 0 5px;
}
.quote_page_list.panel {
	box-shadow: none !important;
}
.quote_page_list #accordion, .quote_page_list #accordion1 {
	padding: 0;
	background: #fff;
}
.quote_page_list #accordion>article, .quote_page_list #accordion1>article {
	border: 3px solid#e7eaed;
	margin-bottom: 10px;
}
.quote_page_list #accordion>article .panel-collapse, .quote_page_list #accordion1>article .panel-collapse {
	background: #f5f7fc;
}
.quote_page_list .panel-body .art_desc ul.nav-stacked {
	padding: 0 10px;
}
.listing_dap.categories>article {
	margin: 10px 0 0;
}
.popover {
	z-index: 999999;
}
.inline {
	display: inline;
}

@media(max-width:767px) {
#logo>div {
	float: left !important;
	width: 100%;
	padding: 0 15px;
}
#logo>div img {
	width: 100%;
}
#logo>div.pull-right img {
	width: 60px !important;
	float: right;
}
}
.bgg_blue {
	background: #2374c5;
	color: #fff;
}
.bgg_red {
	background: #cd3333;
	color: #fff;
}
.bgg_grey {
	background: #86858a;
	color: #fff;
}
.bgg_grey_solid {
	background: #86858a !important;
	color: #fff;
	border-color:#86858a !important;
}
.pro_conifg_page .desc_pro_conf h3 {
	color: #86858a;
	font-size: 2.4rem;
	font-weight: bold;
	background: #fff;
	margin: 20px 0 20px;
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
}
.pro_conifg_page .desc_pro_conf h3 span {
	display: inline-block;
	margin-top: 9px;
	padding: 0 10px 0 5px;
}
.pro_conifg_page .desc_pro_conf p {
	line-height: 16px;
}
.pro_conifg_page .padds {
	margin-left: -5px;
	margin-right: -5px;
}
.pro_conifg_page .bgg {
	margin-bottom: 20px;
	border-radius: 0 0 100px 0;
}

@media(max-width:767px) {
.pro_conifg_page .bgg {
	padding-bottom: 40px;
	padding-top: 30px;
}
}
.pro_conifg_page .bgg img {
	width: 100%;
}
.bgg_blue .desc_pro_conf h3:before {
	content: "";
	background: url(../img/blue-star.png) no-repeat;
	width: 44px;
	height: 44px;
	display: inline-block;
	float: left;
}
.bgg_red .desc_pro_conf h3:before {
	content: "";
	background: url(../img/red-star.png) no-repeat;
	width: 44px;
	height: 44px;
	display: inline-block;
	float: left;
}
.bgg_grey .desc_pro_conf h3:before {
	content: "";
	background: url(../img/grey-star.png) no-repeat;
	width: 44px;
	height: 44px;
	display: inline-block;
	float: left;
}

@media only screen and (max-device-width : 768px) and (orientation : landscape) {
.pro_conifg_page .bgg img {
	max-width: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
}
}
.contact-accnt article > h4 {
	margin: 0;
	padding: 10px 0 10px;
}
.form-contact .form-bord {
	border: 1px solid #d5d5d5;
	border-radius: 3px;
}
.form-contact legend {
	background: #f3f3f3;
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: inherit;
	color: inherit;
	border: 0;
	border-bottom: 0;
}
.form-contact legend h1 {
	margin: 0;
	padding: 15px 0 15px 24px;
	color: #757575;
	text-transform: none !important;
	font-weight: 400 !important;
	font-size: 2rem;
	letter-spacing: normal;
}
.form-contact .inner-form-blk {
	padding: 30px 30px 15px 30px;
}
.form-contact .icon-contact {
	position: relative;
	color: #555;
	display: block;
	padding-left: 6px;
}
.form-contact .icon-contact:before {
	display: table;
	content: " ";
}
.form-contact .icon-contact span {
	display: inline-block;
	margin-right: 0;
	border-radius: 100%;
	padding: 4px 8px;
	color: #fff;
	background: #757575;
	width: 26px;
	height: 26px;
}
.form-contact .icon-contact span > i.fa {
	font-size: 1.4rem;
}
.form-contact .icon-contact .control-label {
	line-height: 1.8rem;
	height: 30px;
	font-size: 1.6rem;
	padding: 0;
	font-weight: 600;
	padding-left: 8px;
	color: #818285;
}
.form-contact .without-icon {
	padding-left: 6px;
}
.form-contact .without-icon .control-label {
	line-height: 1.8rem;
	height: 30px;
	font-size: 1.6rem;
	padding: 0;
	font-weight: 600;
	color: #818285;
	margin-left: 40px;
}
 .form-contact ::-webkit-input-placeholder {
 color: #aaaaad;
}
 .form-contact ::-moz-placeholder {
 color: #aaaaad;
}
 .form-contact :-ms-input-placeholder {
 color: #aaaaad;
}
 .form-contact :-moz-placeholder {
 color: #aaaaad;
}
.form-contact .form-control {
	border-color: #818285;
	color: #818285;
	box-shadow: none;
}
.form-contact textarea.form-control {
	height: 84px;
	    width: 100% !important;
}
.form-contact .form-control.select {
	font-family: 'Open Sans', sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url("../img/select-arr.png") no-repeat right center;
}
.form-contact .select {
}
.marg-bot-30 {
	margin-bottom: 30px;
}

@media (min-width: 320px) and (max-width:767px) {
.form-contact .inner-form-blk {
	padding: 10px 10px 5px 10px;
}
.form-contact .icon-contact {
	padding-left: 0;
}
.form-contact .without-icon .control-label {
	margin-left: 0;
	height: 24px;
}
.form-contact .form-group {
	margin-bottom: 25px;
}
}
.btn-whitesales.btn_green {
	background: #435369;
	color: #fff;
	border-color:#435369
}

.btn-whitesales.btn_green:hover {
	background: #FFFFFF;
	color: #000;
}

.btn-whitesales.btn_yellow {
	background: #FFCC33;
	color: #fff;
	border-color:#FFCC33;
}

.btn-whitesales.btn_yellow:hover {
	background: #FFFFFF;
	color: #000;
}

.btn-whitesales.btn_red {
	background: #CC0033;
	color: #fff;
	border-color:#CC0033;
}

.btn-whitesales.btn_red:hover {
	background: #FFFFFF;
	color: #000;
}

.green {
	/*color: #99CC00;*/
	font-size: 13px;
	font-weight: bold;
}
.yellow {
	/*color: #FFCC33;*/
	font-size: 13px;
	font-weight: bold;
}
.login-heading {
	text-align: center !important;
	text-transform: uppercase !important;
	color: white !important;
}
.upme-login-wrapper .upme-head div.upme-left {
	text-align: center !important;
	float: none !important;
}
div.upme-head {
	background: #888888 !important;
}
div.upme-wrap div.upme-inner {
	border: 1px solid #ddd;
	box-shadow: none !important;
	background-color: #fff;
}
.manager>.dropdown_area {
	display: inline;
	position: relative;
}
.manager>.dropdown_area .dropdown_below {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 999;
	padding-top: 10px;
}
.manager>.dropdown_area .dropdown_below ul {
	background: #576060;
	text-align: left;
	width: 195px;
	border: 1px solid #576060;
	border-radius: 4px;
}
.manager>.dropdown_area .dropdown_below {
	display: none;
}
.manager>.dropdown_area:hover .dropdown_below {
	display: block;
}
.manager>.dropdown_area .dropdown_below ul li a {
	padding: 8px 15px;
	display: block;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
.manager>.dropdown_area .dropdown_below ul li a i {
	position: relative;
	bottom: -2px;
	margin-right: 4px;
}
.manager> .dropdown_below ul li a:hover {
	background: #16A085;
	color: #fff;
}
.manager>.dropdown_area .dropdown_below ul li a:hover i {
	color: #000;
}
.manager>.dropdown_area .dropdown_below ul li:first-child a {
	padding-top: 10px;
}
.manager>.dropdown_area .dropdown_below ul li:last-child a {
	padding-bottom: 10px;
	border: none;
}

@media(max-width:991px){
.quote .row.row_halfPAd{
margin:0;	
}
.quote .quote-cont-blk .lft-blk+.lft-blk{
border:none;	
}
}

.widget_foo_widget  table th,.widget_foo_widget  table td{
text-transform:uppercase;
text-align:center;
color:#576060;	
}
#agree_tc,.modify_check input{
opacity:0;	
}
#agree_tc+span,.modify_check input+span{
width:20px;
height:20px;	
border:1px solid #000;
text-align:center;
display:inline-block;
cursor:pointer;
}
#agree_tc+span i,.modify_check input+span i{
	opacity:0;
	color:#000;
}
#agree_tc:checked+span i,.modify_check input:checked+span i{
	opacity:1;
}
div.upme-head {
    border: 1px solid #b5b5b5!important;
    background: transparent !important;
    box-shadow: none !important;
}

div.upme-field-name{
    font-size:2rem !important;
	font-weight: 300 !important;	
}

.navbar-default .navbar-brand{
color:#888;	
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default .navbar-toggle{
	    border-color: #888;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
background: #ccc;
color:#fff;	
}
a[data-fancybox="group"]{
    background: url(../img/bino-ico-dark.png) no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    background-size: 100%;
    position: absolute;
       right: 17px;
    z-index: 99;
    bottom: 30px;
	
}
a[data-fancybox="group"]:focus{
outline:0 !important;	
}
@media(min-width:768px) and (max-width:991px){
.tablepress,.tablepress tbody,.tablepress tr,.tablepress td{
display: block;	
}
.tablepress tbody tr:first-child td {
    border-top: 0;
    display: block;
    float: left !important;
    width: 33.3333333%;
}
.tablepress tbody tr td:first-child{
display:none;	
}
.popover-content{
font-size:11px;	
}
}
@media(max-width:767px){
	body{
	 overflow-x: hidden !important;	
	}
.tablepress,.tablepress tbody,.tablepress tr,.tablepress td,.conf_selection table,.conf_selection tbody,.conf_selection tr,.conf_selection td,.assembly_selection table td{
display: block;	
}
.conf_selection tr{
width:100%;	
float:left;
white-space:initial !important;	
}
.assembly_selection.conf_selection .table tbody tr:nth-child(odd),.assembly_selection .table tbody tr:nth-child(odd){
    background: #fff;
}
.conf_selection tr td:first-child,.assembly_selection table td:first-child{
width:50%;	
float:left;
white-space:initial !important;
}
.conf_selection tr td:last-child,.assembly_selection table td:last-child{
width:50%;
float:left;	
white-space:initial !important;
}
.tablepress tbody tr:first-child td{
    border-top: 0;
    display: block;
    float: left !important;
    width:100%;
}
.tablepress tbody tr td:first-child{
display:none;	
}
#logo {
    margin: 20px 0;
}
#logo>div img {
    width: auto;
    margin: 0 auto;
}
#logo>div.pull-right img {
    width: 60px !important;
    float: none;
    margin-top: 10px;
}
.basket_shopping {
font-size:11px;	
}
.quote_page_list .panel-body .art_desc {
    padding: 5px;
}
.quote_page_list .art_desc ul li:last-child {
   padding-right:5px; 
}
.btn-capture{
padding:5px;	
}
header#main{
padding:0 15px;	
}
.quote .quote-cont li {
    word-wrap: break-word;
}
.table-fotter{
padding:10px;	
}
.ft-15 {
	font-size: 1.2rem;
}
.ft-16 {
	font-size: 1.3rem;
}
.ft-17 {
	font-size: 1.3rem;
	line-height: 2.8rem;
}
.ft-18 {
	font-size: 1.4rem;
}
.ft-20 {
	font-size: 1.5rem;
}
.ft-22 {
	font-size: 1.6rem;
}
.ft-23 {
	font-size: 1.7rem;
}
.assembly_selection{
padding:15px;	
}
div.upme-wrap div.upme-head .safari img{
border-radius:50% !important;	
}
div.upme-wrap div.upme-field-name a {
    color: #fff;
}
.upme-profile-holder .upme-button-holder {
    float: left !important;
}
.desc-code ul.desc-code-ul > li {
    line-height: 2.6rem;
}
.btn-whitesales{
    padding: 5px 15px;	
}
.categories.listing_dap .tabular_listing .row_halfPAd2 .text-right,.categories.listing_dap .tabular_listing .row_halfPAd2 span.pull-right{
float:left !important;
text-align:left;
    width: 100%;
}
.art_desc .clear_phone {
    clear: both;
    margin-top: 30px;
    float: left;
}
.myhistory {
    padding: 0px 5px 10px;
}
.art_desc .nav-stacked>li{
float:left;
width:100%;
display:block;	
}
.quote_page_list #accordion>article, .quote_page_list #accordion1>article{
overflow:hidden;	
}
.art_desc .nav-stacked>li>a.btn-whitesales{
float:left;
width:60%;
display:block;	
}
.popover-content{
font-size:10px;	
}
.btn-capture .pull-right,.btn-capture .pull-left{
float:left;
    width: 100%;	
}
.btn-capture  .btn-whitesales{
	    width: 50%;
		display:block;
		    margin-top: 10px;
}
.ml180 button{
	  width: 50%;
	  margin-bottom:0;
}
.ml180{
display:block;
margin-top:10px;	
}
.order-item .quotation th,.order-item .quotation td{
display:block;	

width:25%;
float:left;
}
.quotation.table .form-control,.purchase-ord .purchase-ord-input {
    width: 100%;
}
.quotation.table [value="Update"]{
display:block;	
}
.quote .grey-bg h3{
padding-top:10px;	
}
}
@media(max-width:359px){
	.btn-whitesales{
    padding: 5px 8px;	
}
}
@media(min-width:768px){
.ml180{
margin-left:180px;	
}
}
.popover{
z-index:99 !important;	
}

.center{
width: 150px !important;
  margin: 40px auto  !important;
  
}
.tabular_listing  .btn-whitesales {  border-radius: 5px; }
.art_desc .row>.col-md-2{    padding-left: 20px;}
.art_desc .row>.col-md-10{    padding-right: 20px;}
.btn-whitesales,.btn,button,[type="button"] {  border-radius: 5px !important; }
.tabular_listing hr{
margin:5px 0 !important;	
}
.quote_page_list .panel-body .art_desc ul.nav-stacked{
position:relative;	
}
.quote_page_list .panel-body .art_desc ul.nav-stacked .popover{
position:absolute;	
}
div.nav-stacked{
padding:0 10px;	
}
div.nav-stacked>span{
display:inline-block;
margin:0 10px 3px;	
}


@media(max-width:1366px){
[data-type="minus"],[data-type="plus"]	{
    padding: 6px 8px;	
}
}




#custom-search-input  input{
	border:1px solid #7f8c8d;
}
#custom-search-input .input-group-btn .btn{
	border-radius:0px 4px 4px 0 !important;	
}

.listing_dap .col-sm-6{
	margin-bottom: 8px;
}


.custom-search-input-cls  input{
	border:1px solid #7f8c8d;
}
.custom-search-input-cls .input-group-btn .btn{
	border-radius:0px 4px 4px 0 !important;
}
.filter_set{
margin:0px 0 6px 0;	
color:#337ab7;
font-family:inherit;
}
.filter_set select{
    font-family: 'Open Sans', sans-serif;	
	border:1px solid #7f8c8d;
	padding:5px 15px;
	color:#555;
}
.edit_text{
    color: #337ab7;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 30px;	
	    position: relative;
    top: 8px;
	text-transform:capitalize;
}
.edit_text *{
	  vertical-align: middle;
	  top:0 !important;
}
.favourate{
display:block;
text-align:center;
margin-top:10px;	
}
.add_fav.btn-primary{
box-shadow:none;
border:none;	
}
@media(max-width:767px){
.table.quotation	.hidden-xs+tbody tr td{
display:block !important;	
width:100% !important;
}.table.quotation	.hidden-xs+tbody tr td small{
display:block !important; 	
    background: #e7eaed;
    font-weight: 600;
	padding:10px;
	margin-bottom:10px;
}
div.nav-stacked>span {
    line-height: 40px;
}
.favourate img{
    width: auto;
    border: none;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    position: relative !important;
    top: 7px !important; 	
}
}
.myclass button{
margin:0;	
}
.tabular_listing a.fbox {
	
    background: url(../img/bino-ico-dark.png) no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    background-size: 100%;
    position: absolute;
    right:5px;
    z-index: 99;
    bottom: 5px;
	
}

.btn-grey-bold{
background: #95a5a6;
    color: #fff;
    border-color: #95a5a6;}
.btn-grey-bold:hover{    background: #fff;
    color: #95a5a6;
    border-color: #95a5a6;}
.red{color:#e74c3c;}

.pagination_my_item *:after{
	content: '|';
	margin: 0 1px 0 5px;
}
.pagination_my_item *:last-child:after {
content: "";
	display: none;
}
.desc-code-ul>li:nth-child(2n+1){
	clear: both;
}






 #navbar{
	 text-align:left; 
 }
 #navbar ul li{
	text-transform:uppercase;
	
 }
  .navbar-default .navbar-nav>li>a{
	font-size:1.8rem;  
  }
 @media(min-width:768px){
	 #navbar>ul{
		margin-top:25px !important; 
	 }
	 .navbar-default .navbar-nav>li>a{
		    padding: 12px 25px; 
			letter-spacing:1.5px;
	 }
	 .aside_menu{
		    margin-right:30px; 
	 }
	 #modal_tou .modal-dialog{
		width:850px; 
	 }
 }
  @media(min-width:1025px){
	 .aside_menu{
		    margin-right:8px; 
	 }
  }
 @media(min-width:768px) and (max-width:991px){
	.navbar-default .navbar-nav>li>a {
    padding: 12px 10px;
    letter-spacing: 0;
    font-size: 1.6rem;
} 
 }
 
 .aside_menu{
	    float: right;
    position: relative;
    z-index: 9;
	margin-top:11px;
 }
  .aside_menu .fa-user-hai{
	  background:url(../img/user_hai.png) no-repeat;
	    width: 19px;
    height: 18px;
    display: inline-block;
    background-size: 100%;
    vertical-align: top;
	margin-right:3px;
  }
    .aside_menu .fa-home-hai{
	  background:url(../img/home_hai.png) no-repeat;
	    width: 19px;
    height: 18px;
    display: inline-block;
    background-size: 100%;
    vertical-align: top;
	margin-right:3px;
  }
  
  .showdropdown{
	    width:170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.aside_menu>*{
margin-top:7px;	
display:block;
}

.assembly_selection tr:nth-child(odd) td{
	background:#ededed !important;
}
.assembly_selection tr:nth-child(even) td{
	background:#fff !important;
}

@media(max-width:767px){
.aside_menu {
    float: left;
    position: relative;
    z-index: 9;
    margin-top: 8px;
    width: 100%;
}
.aside_menu>* {
    margin-top: 4px;
    display: block;
	float:left;
	width:50%;
}	
.aside_menu>a{
text-align:right;	
}
.showdropdown {
    width: 100%;
}
}


.btn-ppa{
background:#f1c40f!important;
border:1px solid #f1c40f!important;
color:#fff!important;
}
.btn-ppa:hover{
background:#fff!important;
color:#f1c40f!important;
}

.btn-spa{
background:#435369!important;
border:1px solid #435369!important;
color:#fff!important;
}
.btn-spa:hover{
background:#fff!important;
color:#435369!important;
}


.btn-na{
background:#9dadc4!important;
border:1px solid #9dadc4!important;
color:#fff!important;
}
.btn-na:hover{
background:#fff!important;
color:#9dadc4!important;
}

.btn-rmf{
background:#D35400 !important;
border:1px solid #D35400 !important;
color:#fff!important;
}
.btn-rmf:hover{
background:#fff!important;
color:#D35400 !important;
}



.btn-nga , .delitem{
background:#b70101!important;
border: 1px solid #b70101!important;
color:#fff!important;
}
.btn-nga:hover, .delitem:hover{
background:#fff !important;
color:#b70101!important;
}
.btn-common{
	background:#95a5a6!important;
border: 1px solid #95a5a6!important;
color:#fff!important;
}

.btn-common:hover{
background:#fff !important;
color:#95a5a6!important;
}


.com-sm-12{
background:#16A085  !important;
color:#fff !important;}
.input-group-btn .btn-primary{
background:#95a5a6;
border:1px solid #95a5a6;	
}

.tabular_listing {
    background: transparent !important;	
	border:1px solid #ccc !important;
}
.tabular_listing article .header {
    background: none!important;
    border-bottom: 1px solid #ccc;
}
.navbar-brand img{
width:80%	
}
.btn,button,input,select{
font-size:1.4rem !important;	
}
.change-password-form .form-control{
    border-color: #818285;
    color: #818285;
    box-shadow: none;	
}

.change-password-form label{
	line-height: 1.8rem;
    height: 30px;
    font-size: 1.6rem;
    padding: 0;
    font-weight: 600;
    color: #818285;
    margin-left: 40px;	
}


.upme-profile-holder .upme-mini-profile-button>a:first-child{
display:none !important;	
}

[name="upme-login"]{
    background: #F1C40F !important;
    border-color: #F1C40F !important;	
}
#login-heading-1{
    color: #576060 !important;	
}

.tabular_listing .col-xs-12 article{
    border: 1px solid #ccc;
    margin-bottom: 20px;	
}
.tabular_listing .col-xs-12 article .art_desc {
	    padding-right: 10px;
}
.tab-pane .col-xs-12 article .row_halfPAd2 .padzero  span>strong{
font-weight:normal !important;	
}

.clear_phone .add_fav{
	border:1px solid #337ab7;
}
.clear_phone .add_fav:hover{
    color: #337ab7;
    background-color: #fff;
	border:1px solid #337ab7;
}

.popover *{
color:#555 !important;	
}


.quote .grey-bg {
    background: transparent;
  
}
.quote_page_list .panel-body .panel-body .art_desc{
    padding-top:0;
  
}
.quote_page_list .art_desc>h6{
	  border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	    background: transparent;
		    padding:10px 15px 10px;
}
.quote{
    background: transparent;	
}
.quote_page_list #accordion>article, .quote_page_list #accordion1>article {
    border: 1px solid #ccc;
}
.quote_page_list #accordion>article .panel-collapse, .quote_page_list #accordion1>article .panel-collapse {
    background: transparent;
}


.art_desc .nav-stacked span a{
	font-size:1.4rem !important;
}

.quote .order-detail .order-item .order-item-ul .table > thead {
    background: transparent;
    font-weight: 600;
    border: 1px solid #ccc;
}
.quote .quote-cont-blk .lft-blk,.quote .quote-cont-blk .com-p {
    border: 1px solid #ccc;
}

.table-fotter {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.table-fotter > div{
    color: #555;	
}
.quote .order-detail .order-item .item-intro+.order-item-ul{
    clear: both;
    padding-right: 10px;	
}
.yrf{
font-size:1.8rem;
font-weight:normal !important;
color:#555;	
margin-left:5px;
}

.border-one{
border:1px solid #ccc;	
padding:15px;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.border-one.no-t-margin{
	margin-top:0;
}


#main .aside_menu .manager a{
	font-size: 15px;
}












@media(max-width:767px){
.navbar-brand img {
       width: 125px;
}	
}
@media (min-width: 768px) and (max-width:1024px){
.navbar-brand img {
    width: 60%;
}
.navbar-default .navbar-nav>li>a {
    padding: 12px 17px;
}

}
@media (min-width:992px) and (max-width:1024px){
	#main .navbar-nav{
     float: left;
    margin-left: -25px;
}
}
@media (min-width: 768px) and (max-width:991px){
.navbar-brand img {
    width: 100%;
}
#main .navbar-header{
    width: 20%;	
}
.navbar-default .navbar-nav>li>a {
    padding: 12px 17px;
}
#navbar>ul {
    margin-top: 22px !important;
}
}
.above_popup+.popover{
	width: 200px !important ;
}




.part_code_lookup_tab .panel-title{
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.mtn_art{
	border: 1px solid #ccc;
	padding: 20px;
}

 .part_code_lookup_tab>div.quote_page_list>.panel-body{
padding: 0;
}
 .part_code_lookup_tab.saved_orders{
	 border: 0 !important;
 }
.part_code_lookup_tab.saved_orders .art_desc hr{
	 margin: 5px 0 5px 8px !important;
 }
.quote_page_list .panel-title header.myhistory> a:before{
	display: none !important;
}
.part_code_btn .btn-whitesales {
	margin-top: 5px !important;
}

.look_here,.look_here i{
	color: #aaa;
}