.login-box, .register-box{
    margin: 3% auto;
}
.invite-success{color: #4cd964;}
.invite-error{color: red;}
.form-group #tab1, .form-group #tab2, .form-group #tab3, .form-group #tab4 {
    width: 20%;
    float: left;
    padding: 5px 5px 5px 20px;
    margin: 0px 5px 20px 11px;
    font-size: 40px;
    height: 60px;
    font-weight: 600;
}
.mr-10{margin-right: 10px;}
.ml-10{margin-left: 10px;}
.mb-10{margin-bottom: 10px;}
.mt-10{margin-top: 10px;}

.mr-8{margin-right: 8px;}
.ml-8{margin-left: 8px;}
.mb-8{margin-bottom: 8px;}
.mt-8{margin-top: 8px;}

.mr-6{margin-right: 6px;}
.ml-6{margin-left: 6px;}
.mb-6{margin-bottom: 6px;}
.mt-6{margin-top: 6px;}

.arrow-down:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4ef213;
    cursor: pointer;
    margin-left: 5px;
}

.discussion-categories-ul{list-style: none; padding: 0px; }
.discussion-categories-ul li{float: left; margin-right: 10px;}
.discussion-categories-ul:after{
    content: '';
    clear: both;
    display: table;
}

.cat-ques-li a {
    float: left;
    display: block;
    margin-right: 10px;
}
.list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.list ul ul{ padding-left: 5%;}
.list ul:before {
    content: '';
    position: absolute;
    background-color: var(--f7-list-border-color);
    display: block;
    z-index: 15;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 0%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.list .checkbox.icheck{margin-left: 10px;}

.branch-of-service-ul{list-style: none; padding: 0px; }
.branch-of-service-ul li{float: left; margin-right: 10px;}
.branch-of-service-ul:after{
    content: '';
    clear: both;
    display: table;
}
.campaign-type-ul{list-style: none; padding: 0px; }
.campaign-type-ul li{float: left; margin-right: 10px;}
.campaign-type-ul:after{
    content: '';
    clear: both;
    display: table;
}
.question-type-ul{list-style: none; padding: 0px; }
.question-type-ul li{float: left; margin-right: 10px;}
.question-type-ul:after{
    content: '';
    clear: both;
    display: table;
}
.question-opt{list-style: square;} 
.question-opt li{} 

.question-imgs{list-style: none; display: inline-block;} 
.question-imgs li{float: left; margin-right: 40px;} 
.question-imgs li .img-div{text-align: center; width: 217px; height: 180px; border: 1px solid #ddd;} 
.question-imgs li .img-div img{max-width: 200px; max-height: 150px;} 
.question-imgs li .img-div i{} 

.users-type-ul{list-style: none; padding: 0px; }
.users-type-ul li{float: left; margin-right: 10px;}
.users-type-ul:after{
    content: '';
    clear: both;
    display: table;
}
.disable-sound-alert-ul{list-style: none; padding: 0px; }
.disable-sound-alert-ul li{float: left; margin-right: 10px;}
.disable-sound-alert-ul:after{
    content: '';
    clear: both;
    display: table;
}
.dont-show-on-qd-ul{list-style: none; padding: 0px; }
.dont-show-on-qd-ul li{float: left; margin-right: 10px;}
.dont-show-on-qd-ul:after{
    content: '';
    clear: both;
    display: table;
}
.scheduled-post-ul{list-style: none; padding: 0px; }
.scheduled-post-ul li{float: left; margin-right: 10px;}
.scheduled-post-ul:after{
    content: '';
    clear: both;
    display: table;
}
.scheduled-post-date-ul{list-style: none; padding: 0px; }
.scheduled-post-date-ul li{float: left; margin-right: 10px;}
.scheduled-post-date-ul:after{
    content: '';
    clear: both;
    display: table;
}
.regions-ul{list-style: none; padding: 0px; }
.regions-ul li{float: left; margin-right: 10px;}
.regions-ul:after{
    content: '';
    clear: both;
    display: table;
}
.stations-ul{list-style: none; padding: 0px; }
.stations-ul li{float: left; margin-right: 10px;}
.stations-ul:after{
    content: '';
    clear: both;
    display: table;
}

.states-ul{list-style: none; padding: 0px; }
.states-ul li{float: left; margin-right: 10px;}
.states-ul:after{
    content: '';
    clear: both;
    display: table;
}
.states-view-ul{list-style: none; padding: 0px; }
.states-view-ul li{float: left; width: 33%;}
.states-view-ul:after{
    content: '';
    clear: both;
    display: table;
}

.user-list{display: inline-block;}
.user-list li{width: 33%; float: left; }

.content-header>.breadcrumb{display: contents;}

.custom-categories-option{font-weight: bold}

.timeline-body.posts img{max-width: 80%;}
.timeline-body.posts video{max-width: 80%;}

.list_cat{list-style: none; padding-left: 0px;}
.list_cat img{cursor: pointer}
.list_cat hr{margin-top: 3px; margin-bottom: 10px;}
.list_categories{list-style: none; padding-left: 35px}
.list_categories li{list-style: none; padding-left: 0px; line-height: 0px;}
.list_categories ul{list-style: none;}
.list_categories i{cursor: pointer}
.list_categories hr{margin-top: 10px; margin-bottom: 10px;}
.property-check{font-weight: 500;padding: 5px; cursor: pointer;}
.widget-user-2 .widget-user-header{padding: 1px 0px 10px 16px;}
.parent_categories_list{list-style: none;overflow: hidden;padding-left: 0px; }
.parent_categories_list li{width: 49%; float: left;}
.child_categories_list{list-style: none;overflow: hidden;padding-left: 0px;}
.breadcrumb_child_cat{cursor: pointer; font-size: 12px;color: #00b6e5;transition: all 0.3s ease-in-out 0s;}
.breadcrumb_child_cat:hover{color:#0077CC;}
.parent_cat_div {border-right: 1px solid #eee;}
.parent_cat_div label{font-weight: 600;}
.parent_cat_div hr{margin-bottom: 5px;margin-top: 5px;}
#child_categories_div hr{margin-bottom: 5px;margin-top: 5px;}
.add-own-category{font-size: 12px; cursor: pointer; color: green;}

.chosen-container-single .chosen-single{padding: 4px 0px 0px 8px; height: 33px;}
.chosen-container-single .chosen-single span{font-size: 14px;}
.chosen-container-single .chosen-single div{top: 4px;}

#finalUserResult{    display: none;
    position: absolute;
    background: #ddd;
    width: 92%;
    max-height: 200px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 9999;
    overflow-y:scroll;
}
#finalUserResult li{font-size: 12px; font-weight: 500;padding: 8px 11px;border-bottom: 1px solid #fff;}
#finalUserResult li:hover{background: #000; color:#f5f5f5; cursor: pointer;}

.btn{margin-bottom: 5px;}

.post_reply{padding: 20px;}

.timeline-footer .thumb-up{font-size: 18px; margin-right: 10px;}
.timeline-footer .thumb-down{font-size: 18px; margin-right: 10px;}

.discussion-cls{background-color: #dbdbdb; padding: 12px;}
.reply-cls{background-color: #d4e5ff; padding: 12px;}
.discussion-cls p{font-size: 20px;}
.discussion-cls p strong{font-size: 18px;}
.discussion-cls p.cat-cls{font-size: 16px;}
.discussion-cls p.cat-cls strong{font-size: 14px;}
.reply-cls p{font-size: 20px;}
.reply-cls p strong{font-size: 18px;}

.question-cls{background-color: #dbdbdb; padding: 12px;}
.answer-cls{background-color: #d4e5ff; padding: 12px;}
.question-cls p{font-size: 20px;}
.question-cls p strong{font-size: 18px;}
.question-cls p.cat-cls{font-size: 16px;}
.question-cls p.cat-cls strong{font-size: 14px;}
.answer-cls p{font-size: 20px;}
.answer-cls p strong{font-size: 18px;}

.passing-type-ul{list-style: none; padding: 0px; }
.passing-type-ul li{float: left; margin-right: 10px;}
.passing-type-ul:after{
    content: '';
    clear: both;
    display: table;
}

.subject-tests-ul{list-style: none; padding: 0px; }
.subject-tests-ul li{float: left; margin-right: 10px;}
.subject-tests-ul:after{
    content: '';
    clear: both;
    display: table;
}
.chapters-ul{list-style: none; padding: 0px; }
.chapters-ul li{margin-right: 10px;}
.chapters-ul:after{
    content: '';
    clear: both;
    display: table;
}
.chapters-test-ul{list-style: none; padding: 0px; }
.chapters-test-ul li{margin-right: 10px;}
.chapters-test-ul:after{
    content: '';
    clear: both;
    display: table;
}

.description-cls{background-color: #dbdbdb; padding: 12px;}
.comment-cls{background-color: #d4e5ff; padding: 12px;}
.description-cls p{font-size: 20px;}
.description-cls p strong{font-size: 18px;}
.description-cls p.cat-cls{font-size: 16px;}
.description-cls p.cat-cls strong{font-size: 14px;}

.unread-remarks-span {border-radius: 10px; background-color: #ed1f24; color: #fff; font-weight: 700; padding: 2px 6px;}