/*================================================================================
	Item Name: Apex - Angular 4 Bootstrap Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.error
{
    color:red;
}

.card-header {
    border-bottom: none;
    background-color: #89898947;
}

div#list_table_filter {
    display: none;
}

div#listing-filter-data {
    margin-top: 25px;
}

div#list_table_length {
    margin-top: 20px;
}

#list_table_length label {
    display: inline-flex !important;
    margin-bottom: 1.2rem !important;
}

.card-header.cust_ques54 {
    margin-top: 30px;
}

.btn-outline-danger {
    border: 1px solid;
    border-color: #F55252;
    background-color: #f44444 !important;
    color: #fff !important;
}
.btn-outline-danger:focus{
    border-color: #F55252;
    background-color: #f44444 !important;
    color: #fff !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #f30000;
    border-color: white;
}
.custom-switch input[type='checkbox'] ~ label:before {
    top: 0;
    height: 1.5rem;
    border-radius: 1rem;
    background-color: #f30000;
    border-color: white;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0ada4c;
    background-color: #0ada4c;
}

.custom-switch .custom-control-label::after{
    background-color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div#list_table_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.35rem;
}

.table-responsive {
    display: block;
    width: 100%;
     overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
}

.btn-outline-primary {
    border: 1px solid;
    border-color: #d40000;
    background-color: #d40000 !important;
    color: #fff !important;
}


span.cust_btns5 a {
    margin: 2px;
}


.card .card-header {
    border-bottom: none;
    background-color: #89898947;
}
div#all_questions_filter label {
    display: none;
}


.card {
    margin: 0;
}

img.cust_image54 {
    height: 60px;
    /* width: 100%; */
}

div#all_quiz_filter label {
    display: none;
}

div#all_sponsors_filter label {
    display: none;
}

div#all_events_filter label {
    display: none;
}
.dataTables_filter, .dataTables_info { display: none; }
.search_span{
    font-size: 24px;
    font-weight: bold;
}
.dataTables_wrapper {
    overflow-x:scroll;
}

.result-box{
    border: 1px solid #f00022;
    background: #fff2f4;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.result-box div{
    padding: 10px;
}

.result-box div p, .result-box div h5{
    text-align:center;
}
.result-box .vs{
    color: #f00022;
    font-size: 26px;
}



/* sachin css */



.users-list-wrapper .row{
    align-item:center;
}

.users-list-wrapper .card .card-header{
    padding-bottom:20px;
}

.users-list-wrapper .custom-control-label::after {
    position: relative !important;
}

.users-list-wrapper .custom-switch input[type='checkbox'] ~ label:before {
    width: 36px;
}

.users-list-wrapper .custom-switch input[type='checkbox']:checked ~ label:after {
    left: -56px;
}

.users-list-wrapper .custom-switch input[type='checkbox'] ~ label:after {
    top: 0.5px;
    width: 21px;
    height: 21px;
    border-radius: 18px;
}

.users-list-wrapper .custom-switch input[type='checkbox'] ~ label:before {
    top: -1px;
    width: 36px;
    height: 24px;
    border-radius: 20px;
}

.users-list-wrapper .table-responsive {
    height: 100%;
}