#sale-content { margin:0; background-color:#FFF; }
#sale-content1 { margin:0; background-color:#FFF;  }
.sale-header {  margin:0; padding:10px; background-color:rgba(55, 62, 74, 0.9);}
.sale-header h1 { margin:0; padding:0; color:#FFF; font-size:13px; font-weight:bolder; }

.sale-header2 {  margin:10px auto; padding:10px; border-bottom:1px solid #999; }
.sale-header2 h2 { margin:0; padding:0; color:#333; font-size:15px; font-weight:bolder; }


.sale-body { padding:10px; }
.sale-body .mr10 { margin-right:10px;}
.sale-body .help { color:#655c50; }

.sale-body .form-group { margin: 0 0 5px 0; padding: 5px; }
.sale-body .form-group>label {margin-left: -5px;background-color: #f5f5f5;padding-top: 6px;padding-bottom: 4px;border: 1px solid #ddd;text-align: center;}
.sale-body .form-group>label.no-text { background-color:#fff; border:none;}
.sale-body .form-group.attach-to-top { margin-top:-10px; margin-bottom:20px;}
.sale-body .form-group .form-container { width:100%; margin:0; padding:0; background-color: #fff; }
.sale-body .form-group .form-container::after { content:' ';clear:both;display:table; }
.sale-body .form-group input:read-only { background-color: #f0f0f0; }

.sale-tab a.btn { color:#333; border:1px solid #ddd;background-color: rgb(247, 247, 247); }
.sale-tab a.btn span { display:block; padding:5px 10px; }
.sale-tab a.btn.active { border-color: rgb(83, 81, 81) !important; background:#646C7B !important; font-weight:bold; }
.sale-tab a.btn.active span { color:#FFF; }

.profile-card { position:relative; margin:0 auto; width:100%; height:100px; text-align:left; }
.profile-card .profile-photo { position:relative; width:80px; height:80px; }
.profile-card .profile-photo .photo-wrapper { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.profile-card .profile-photo img { width:70px; height:70px; border-radius:50%;vertical-align:middle; }
.profile-card .profile-items { position: absolute; top:10px; left:90px; padding-right:90px; width:100%; }
.profile-card .profile-item { }
.profile-card .profile-item label,
.profile-card .profile-item span { display:inline-block; margin:0; padding:0; height:27px; line-height:27px; }
.profile-card .profile-item label { width:60px; }
.profile-card .profile-item .btn { width:90%; }

.btn-inline { display:inline-block; }
.btn-biz-info { cursor:pointer; }

.upload-box { position:relative; display:inline-block; width:100px; height:100px; border:2px solid #888; cursor: pointer; }
.upload-box .box-icon { position:absolute; display:block; width:100%; text-align:center; top:10px; }
.upload-box.has-image .box-icon { display:none; }
.upload-box .box-name { position:absolute; display:block; width:100%; text-align:center; bottom:10px; font-weight:bold; background-color:#FFF;}
.upload-box.has-image .box-name { background-color:#555; color:#FFF; }
.upload-box .upload-hidden { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.upload-box .upload-preview {width:100%;height:100%;}
.upload-box .upload-preview img {display: block;width: 100%;height: 100%;object-fit:cover;}

.text-white { color:#FFF !important; }

.checkbox, .radio {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.checkbox label, .radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], 
.radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -20px; }

.divider { height: 1px; width:100%; display:block; margin: 9px 0; overflow: hidden; background-color: #999; }
.form-control-inline {display:inline-block;width:auto;max-width:80%; }
.pl-0 { padding-left:0 !important; }
.pr-0 { padding-right:0 !important; }

.resp-table-wrapper { position:relative; width: 100%; padding-bottom:30px; white-space: nowrap; overflow-x: auto; }


@media only screen and (max-width: 767.99px) {
    .sale-body .form-group { position:relative;}
    .sale-body .form-group>label { display:inline-block;width:90px; text-align:right; border:none;z-index:1;}
    .sale-body .form-group .form-container { position:absolute;display:block;left:0;padding-left:100px; }
    .sale-body .col-content { padding-left:0; }
    .opt-list .opt { width:48%;}
}
@media only screen and (max-width: 424.99px) {    
    .form-horizontal.mr10 { margin-right:0; }
    .sale-tab a.btn span, 
    .sale-tab a.btn { padding-left: 5px; padding-right: 5px; }    
    .sale-body .form-group>label { display:block;width:100%; text-align:left; float:none; margin-right:0; }
    .sale-body .form-group .form-container { position:relative;padding-left:0;padding-right:0; margin-left:-8px;}        
    .sale-body .form-group .form-container .col-xs-12 { padding-right:0; margin-right:-20px; }        
    .opt-list .opt { width:100%;}
}

@media screen and (max-width:374.99px) {
    .sale-tab a.btn span,
    .sale-tab a.btn {padding-left: 0px;padding-right: 0px;}
}

[data-object-fit='cover'] {
    object-fit: cover
}
  
[data-object-fit='contain'] {
    object-fit: contain
}