/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.quote_product_btn{
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.quote_product_btn img{
    display: none;
}
.quote_product_btn.active img{
    display: inline-block;
    width: 15px;
    height: auto;
}
.quote_product_btn .text-success{
    color: #32c700;
    display: none;
}
.quote_product_btn.success .text-success{
    display: inline;
}
.quote_product_btn .text-fail{
    color: #ff0000;
    display: none;
}
.quote_product_btn.fail .text-fail{
    display: inline;
}
.quote_product_btn.fail .text, .quote_product_btn.success .text{
    display: none;
}
.link-quote{
    text-decoration: underline;
}
.link-quote.hidden{
    display: none;
}
table.list-quote-products > tbody > tr > td{
    /* border-bottom: 1px solid #000; */
}
table.list-quote-products{
    font-size: 15px;
}
table.list-quote-products th{
    font-size: 15px;
    font-weight: normal;
    padding: 10px;
}
table.list-quote-products td{
    padding: 10px;
}
.list-quote-products .btn.btn-danger{
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 0;
    color: #fff;
    background: #ff0000;
    border-radius: 100%;
    display: inline-block; 
    padding: 0;
}
.list-quote-products .row-child > td{
    padding: 0;
}

.list-quote-products .table-child td{
    border: none;
}
.btn.btn-open-row-child{
    background: url(../images/icon-open-components.png) center center no-repeat;
    width: 16px;
    height: 8px;    
    background-size: 16px;
    display: block;
}
.btn.btn-open-row-child.open{
    background: url(../images/icon-close-components.png) center center no-repeat;
    background-size: 16px;
}
.btn.btn-open-row-child span.hide{
    display: none;
}
.row-child.hide{
    display: none;
}
.form-send-quote-request .form-input{
    margin: 0 0 30px;
}
.form-send-quote-request .form-input input[type=text]{
    width: 100%;
}
.form-send-quote-request .form-input input[type=text].ipt-other{
	width: auto;
	height: 49px;
}
.form-send-quote-request label{
    display: block;
    font-weight: bold;
}
.form-send-quote-request .btn-browse{
    display: block;
}
.form-send-quote-request .btn-browse .clickable{
    border:2px dashed #dedede;
    padding: 10px;
    text-align: center;
    display: block;
    cursor: pointer;
}
.form-send-quote-request .form-input select{
	padding: 10px 40px 10px 10px;
	border: 1px solid #d7dadb !important;
	background-image: url(../images/icon-open-components.png);
	background-size: 10%;
    background-position: 90% center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
    -moz-appearance: none;
	min-width: 200px;
}
#ipt-title-quote-single.hide,#edit-title-quote-single.hide{
	display: none !important;
}
.wrap-title-quote-single{
	position: relative;
	margin: 0 0 0 30px;
}
.wrap-request-quote .error-block{
    color: #ff0000;
    font-size: 80%;
    font-style: italic;
    display: block;
}
ul.dz-processing,ul.dz-error{
    text-align: left;
    margin: 10px 0 0;
    padding: 0 0 0 20px;
}
ul.dz-processing .dz-filename,ul.dz-processing .dz-size,ul.dz-error .dz-filename,ul.dz-error .dz-size{
    display: inline;
}
.dz-error-message{
    color: #ff0000;
}
.wrap-request-quote .notice{
    display: block;
    background: #dadada;
    padding: 10px;
    margin: 0 0 30px;
}

.wrap-request-quote .notice-error{
    color: #ff0000;
}
.wrap-request-quote .notice-success{
    color: #2db500;
}
.quote-messages{
    margin: 0 0 30px;
    padding: 0;
    list-style: none;  
}
.quote-messages > li{
    width: 90%;    
    float:left;   
    margin: 0 0 10px;
    border:1px solid #dadada;
    padding: 10px;
}
.quote-messages li h4{
    font-size: inherit;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 10px;
    background: #dadada;
}
.quote-messages li .msg{
   
    font-size: 16px;
}
.quote-messages li .msg ul{
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    list-style: disc;
}
.quote-messages > li.owner{
    float: right;
    background: #666666;
    color: #fff;
}

.quote-messages li h4 .open-msg{
    font-size: 80%;
}
.quote-messages li.owner h4 .open-msg{
    color: #fff;
}
.heading-msg{
    font-size: 18px;
    margin: 30px 0;
    padding: 0;
}
.open-msg .hidden{
    display: none;
}
.ipt-title-item.hide{
    display: none;
}
.ipt-title-main-product.hide{
    display: none;
}
.sort-quote.disabled{
    color: gray;
}
.sort-icon-wrap{
    display: inline-block;
    position: relative;
    left: 5px;
}
.sort-icon-wrap a{
    position: absolute;
    top: -22px;
    left: 0;
    font-size: 18px;
    width: 10px;
    height: 0;
    display: block;
    line-height: 18px;
}
.sort-icon-wrap a:last-child{
    position: absolute;
    left: 0;
    bottom: 10px;
    top: auto;
}
.link-detail-item.hide,.name-main-product.hide,.link-edit-item.hide,.link-edit-main-product.hide{
    display: none !important;
}
#msg-ajax span{
    display: block;
    padding: 10px 0 0;
}
#msg-ajax .success{
    color: #2db500;
}
#msg-ajax .fail{
    color: #ff0000;
}
.btn-delete-attach{	
	border-radius: 100%;
	padding: 0;
	display: inline-block;
	margin: 0 0 0 10px;
	width: 19px !important;
    height: 19px !important;
    font-size: 60%;
    line-height: 20px !important;
}
#wrap-recipients{
	margin: 0 0 30px;
}
#tbl-recipients{
	width: 100%;
}
#tbl-recipients tr th,#tbl-recipients tr td{
	padding: 10px;
	font-weight: normal;
}
#tbl-recipients tr td .btn-remove {
	width: 19px !important;
    height: 19px !important;
    font-size: 60%;
    line-height: 18px !important;
    text-align: center;  
    color: #fff !important;
    background: #ff0000;
    border-radius: 100%;
    display: inline-block;
    padding: 0;
}
#tbl-recipients tr td label.error{
	font-size: 80%;
	color: #ff0000;
	font-weight: normal !important;
	margin: 10px 0 0;
}
@media only screen and (max-width: 767px) {
    .wrap-table{
        overflow-x: auto;
        width: 100%;
    }
}
.need-update{
	color: #e8aa00;
}
.need-update-msg{
	color: #ff0000;
	margin: 20px 0;
	font-size: 14px;
}