.adts-cate-popup.modal .modal-dialog {
    top: 16%;
    margin-top: 0;
}
.adts-cate-popup .modal-header{float:left;}
.adts-cate-popup .modal-header{
    float:left;
    width:100%;
    margin:0;
    padding:15px 15px 10px !important;
    background: #fafafa;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}
.adts-cate-popup .modal-header .heading{
    float:left;
    width:100%;
    padding:0 15px;
    margin:0 !important;
    text-align:center;
}
.adts-cate-popup .modal-header .heading h3{
    float:left;
    width:100%;
    margin:0;
    color:#38475c;
    padding:0 3px;
    text-align:center;
    font-size:18px;
    font-weight:600;
    line-height:1.2em;
    white-space:nowrap;
    position:relative;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.adts-cate-popup .modal-content .modal-body{
    padding:15px;
    padding-bottom:16px;
}
.adts-cate-popup .modal-content .modal-body .cate-content{
    float:left;
    width:100%;
    padding:0 10px;
    max-height:450px;
}
.status-check{
    float:left;
    width:100%;
    border-radius:4px;
    background:#f1f1f1;
    border:2px solid #ddd;
}
.status-check .box-left,
.status-check .box-right{
    float:left;
    width:50%;
    padding:1px 10px;
    text-align:center;
    background:#ffffff;
    border-right:1px solid #ddd;
}
.status-check .box-left .fa,
.status-check .box-right .fa{font-size:14px;}
.status-check .box-right{
    float:right;
    border-right:0;
    border-left:1px solid #ddd;
}
.status-check .box-left .fa-check{color:#4caf50;}
.status-check .box-right .fa-times{color:#e43a45;}

.status-check.active .box-right,
.status-check.deactive .box-left{display:none;}
.status-check.active .box-left{border-width:2px;}
.status-check.deactive .box-right{border-width:2px;}