.clear {clear: both;}
.vtabs .small {display: block;font-weight: normal;color: #ccc;}
.tab-contents {padding-left: 10px;float: left;width: 78%;}
.childrenWrapper {height: 300px;overflow: scroll;}
.childrenWrapper .category-tree {width: 300px;list-style: none;}
.childrenWrapper .category-tree li {list-style: none; position:relative;}
.childrenWrapper .category-tree li ul {display: none;}
.childrenWrapper .category-tree li a {color: #000;padding: 1px 10px;display: block;}
.childrenWrapper .category-tree li a.remove-o2oc-category {position: absolute; right: 1px;top: 1px;}
.childrenWrapper .category-tree li:hover {background: #eee;}
.childrenWrapper .category-tree li a.selected {color: #ff8400;font-weight: bold;}

.childrenWrapper .category-tree li.hasChildren > a {background-image: url("../image/caret.gif");background-repeat: no-repeat;background-position: 0 7px;}
.field-error {border-color: red;}
.modal.fade {display: none;}
.modal.fade.in {z-index: 2000 !important;display: block;}
.modal-title {float: left;}
table.card {width: 100%;border: 1px solid #ccc;margin: 10px 0px;}
table.card th,table.card td {padding: 4px;}
table.card caption {border: 1px solid #ccc;background: #eee;padding: 5px;text-align: left;}
.placeholder-icon {position: relative;}
.placeholder-icon i {position: absolute;top: 10px;left:10px;}
.placeholder-icon input {padding-left: 25px !important;}
.invalid {border:1px solid red !important;}
.marketplace_list {list-style: none;}
.marketplace_list li {border: 1px solid #eee;padding:2px;height: 160px;width: 295px;float: left;margin: 25px 10px;text-align: center;}
.marketplace_list li:hover {box-shadow: 0px 0px 10px #ccc;border: 1px solid #ff8400;}
.marketplace_list li .channel-logo {display: block;height: 100px;}
.marketplace_list li .channel-logo img {height: 100%;}
.marketplace_list li .channel-details {text-align:left;position: relative;}
.marketplace_list li .channel-details p {color:#aaa;}
.marketplace_list li .channel-details .action {position: absolute;}
.marketplace_list li .channel-details .action:hover {font-size: 17px;}
.marketplace_list li .channel-details .channel-remove {right: 4px;top: 20px; color: red}
.marketplace_list li .channel-details .channel-edit {right: 1px;top: 0px; color: #666}
.marketplace_list a.name {color: #ff8400;font-size: 20px;}
.form-control-danger {border-color: #d9534f !important;}
.modal-body {height:300px;overflow:auto;}
.modal-open {overflow: scroll !important;}
#syncDate {height: 40px; border: 1px solid #ccc; border-radius: 5px; width: 150px;}
.fields-box{width: 30%; float: left; padding: 1%;}
.footer-response-message { padding: 10px; float: left;}
.sync-status {display: inline-block;text-indent: -9999em;width: 32px;height: 32px;margin: 5px;}
.sync-status-11street-0 {background: url("../image/street-32-0.png") no-repeat 0 0;}
.sync-status-11street-1 {background: url("../image/street-32-1.png") no-repeat 0 0;}
.sync-status-lazada-0 {background: url("../image/lazada-32-0.png") no-repeat 0 0;}
.sync-status-lazada-1 {background: url("../image/lazada-32-1.png") no-repeat 0 0;}
.sync-status-lelong-0 {background: url("../image/lelong-32-0.png") no-repeat 0 0;}
.sync-status-lelong-1 {background: url("../image/lelong-32-1.png") no-repeat 0 0;}
.sync-status-o2oecommerce-0 {background: url("../image/o2oe-32-0.png") no-repeat 0 0;}
.sync-status-o2oecommerce-1 {background: url("../image/o2oe-32-1.png") no-repeat 0 0;}
.channels-list a:hover{text-decoration: none}
.channels-list a:hover small{color:#111}
.channel-form .control-label {display: block;}
.channel-form td {vertical-align: top !important;}
.syncRemove {position: absolute;}
.progressive-modal {background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; z-index: 123;top: 0px;left:0px; display: none;}
.progressive-modal .loading-box { width: 400px; min-height: 100px; margin: 100px auto; background: #fff; padding: 10px;}
.loading-box hr {margin: 0px;}
.load-status {height: 300px;overflow: scroll;}
.load-status .error-red {color: #FF0000;}
.load-status .connect-green {color: #008000;}
.load-status .sync-orange {color: #FFA500;}
.load-status .delete-grey {color: #808080;}
.fields-box-main{width: 100%; float: left; padding: 1%;}
.fields-box-main .fields-box-main-label{background-color: #2E2E2E; color: #FFFFFF; padding: 1%;}
.tr-attributes-label{background-color: #2E2E2E; color: #FFFFFF; padding: 1%; width: 100%;}