/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */

.subcat_edit{
    border: 0px;background-color: #ffffff;
}
.cat_edit{
    border: 0px;background-color: #efefef;
}
.sub-edit{
    background-color: #efefef !important;
}

*{
    margin: 0;
    padding: 0;
}
.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */

span.rating{ display: inline-block; }
.table-responsive{ padding-bottom: 30px; }

.sub-list{ margin:0 0 0 0px; padding: 0; list-style: none; }

.user-photo{ float: left; }
.user-details{float: left; margin: 0 0 0 5%;}
.close-btn{float: right;}

.user-details p{ margin:0; padding: 5px 0; line-height: 1; }

.user-graviance{ float: left; }
.user-status{ float: right; }
.user-status span.badge{ margin: 0 0 0 5px; }

 @media (max-width: 1024px){
.main-content {
  padding-left: 10px;
  padding-right: 10px;
  width: 100% !important;
}

.card .card-header{ padding: 10px 15px; }
.card .card-body{padding: 20px 10px;}
}


 @media (max-width: 480px){ 
.user-photo{ float: left; width: 100%; }    
.user-details{float: left; margin: 5px 0 0 0%;}
.close-btn{float: right; margin-top: 5px;}
.user-graviance{ margin-top: 5px; }

 }


 @media (max-width: 380px){ 
 .user-graviance{ float: none; }
.user-status{ float: none; }
.user-status br{ display: none; }
.user-status span.badge{ margin: 0 0 0 5px; }
.user-status .high-box{ margin: 0 0 0 20px; }
}