@charset "utf-8";
/* CSS Document */

hr{
margin: 5px 0 5px 0;
padding: 0;
}

.text-elyps{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


#settpopup {
width: 100%;
height: 2000px;
background: rgb(47, 48, 50); 
background: rgba(47, 48, 50, .9);
position: absolute;
z-index: 100; 
margin-left: auto;
margin-right: auto;
display: none;
}

#ohpopup {
width: 100%;
height: 2000px;
background: rgb(47, 48, 50); 
background: rgba(47, 48, 50, .9);
position: absolute;
z-index: 1000; 
margin-left: auto;
margin-right: auto;
display: none;
}

#bPop {
width: 100%;
height: 2000px;
background: rgb(47, 48, 50); 
background: rgba(47, 48, 50, .9);
position: absolute;
z-index: 1000; 
margin-left: auto;
margin-right: auto;
display: none;
}

.well-blue {
background-color: aliceblue;
cursor: pointer;
margin-top: 7px;
}


.co_row_ctr{
width: 100%;
height: 20px;
background: none;
}
.co_a{
width: 5%;
height: 20px;
float: left;
}.co_b{
width: 14%;
height: 20px;
float: left;
}.co_c{
width: 70%;
height: 20px;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}.co_d{
width: 8%;
height: 20px;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 4px;
}




#logoMainCtr{
width: 265px;
height: 180px;
border: none;
margin: 15px 0 0 15px;
}

#logoImgCtr {
width: 100%;
height: 100%;
margin: 0 auto 0 auto;
padding-top: 0;
overflow: hidden;
}

#targetLayer {
width: 100%;
height: 82%;
margin: 10px auto 0 auto;
text-align: center;

overflow: hidden;

}

.btnSubmit {
max-width: 100px;
font-weight: 600;
color: #fff;	
font-size: 12px;
text-align: center;
padding: 2px 5px 2px 5px;
background-color: orangered;
border: solid;
border-width: 1px;
border-color: #8F8D8Df;
border-radius: 4px;
margin: 15px 0 0 15px;
cursor: pointer;
display: none;
}
#logoMsg{
margin: 20px 0 0 16px;
}

input[type="file"] {
   display: none;
}


.custom-file-upload {
max-width: 30%;
cursor: pointer;
font-size: 13px;
color:#FFF;
text-align: center;
padding: 2px 9px 2px 9px;
background-color: #ff7100;
border: none;
border-radius: 4px;
margin: 15px 0 0 15px;
display: inline-block;
}

#ordersReturnCtr {
width: 98%;
height: 100%;
margin: 0 auto 0 auto;
border-bottom: solid 1px;
overflow: auto;
}

.ordersRetRowCtr {
width: 100%;
height: 6%;
margin: 0 auto 0 auto;
border-bottom: solid 1px;
background-color: aliceblue;
}
.o_bx_ctr_d{
width: 11%;
height: 100%;
display: inline-block;
border-right: solid 1px;
}
.o_bx_ctr_c{
width: 19%;
height: 100%;
display: inline-block;
border-right: solid 1px;

}
.o_bx_ctr_a{
width: 35%;
height: 100%;
display: inline-block;
border-right: solid 1px;
}
.o_bx_ctr_s{
width: 10%;
height: 100%;
display: inline-block;
border-right: solid 1px;
}
.o_bx_ctr_p{
width: 7%;
height: 100%;
display: inline-block;
border-right: solid 1px;
}
.o_bx_ctr_l{
width: 10%;
height: 100%;
display: inline-block;
}
.o_txt_bx {
width: 95%;
height: 75%;
margin-top: 5px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: #4B4B4B;
}

.invoice_btn{
border: none;
background: none;
color: darkorange;
cursor: pointer;
}

.continue_btn {
min-width: 90px;
background-color: forestgreen;
border: none;
border-radius: 4px;
padding: 2px 2px 2px 2px;
margin-left: 10px;
cursor: pointer;
text-decoration: none;
color: #fff;
}

.rcc_hdr {
width: 100%;
height: 24px;
margin: 10px auto 8px auto;
}

.rcc_msg {
width: 100%;
height: 25px;
color: orangered;
font-size: 14px;
}

.del_btn {
min-width: 100px;
background-color: #F1070B;
border: none;
border-radius: 4px;
padding: 2px 4px 2px 4px;
margin-left: 10px;
cursor: pointer;
text-decoration: none;
color: #fff;
}

.cs_opt_ctr {
width: 97%;
height: 50%;
margin: 10px auto 0 auto;
}

.cs_title_ctr {
width: 53%;
height: 23px;
display: inline-block;
}.cs_btn_ctr {
width: 44%;
height: 23px;
display: inline-block;
text-align: right;
}

.ttls_hdr {
width: 98%;
height: 5%;
margin: 0 auto 0 auto;
padding-top: 7px;
border-bottom: solid;
}

.ms{
color: orangered;
font-size: 20px;
margin: 4px 0 0 5px;
}

#ttlAmt{
color: orangered;
font-size: 20px;
margin: 4px 0 0 5px;
}






@media (max-width: 1300px) {
.form-control{
width: 150%;
}	
	
#ohtgl{
display: none;
}
	
.sett_ctr{
width: 100%;
height: 500px;
border:none;
margin: 120px auto 0 auto;
background:none;
}
	
.b_ctr{
width: 100%;
height: 500px;
border:none;
margin: 120px auto 0 auto;
background:none;
}
	
	

}


@media (min-width: 1301px) {
.form-control{
width: 100%;
}
	
.sett_ctr{
width: 100%;
height: 500px;
border: none;
margin: 100px auto 0 auto;
background:none;
}	
	
.oh_ctr{
width: 100%;
height: 500px;
border: none;
margin: 100px auto 0 auto;
background:none;
}
	
.b_ctr{
width: 80%;
height: 500px;
border: none;
margin: 100px auto 0 auto;
background:none;
}
	
.onfile_dropdown {
min-width: 10%;
}
	
	
}