@media (max-width:767px) {
   
    .loginform {
        max-width: 100% !important;
        margin-left: initial !important;
    }

    .drawer {
        margin: 0;
        width: 100%;
        height: -webkit-fill-available;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
        .drawer.show {
            transform: translateX(0);
        }

    .k-grid-toolbar {
        display: none;
    }

    .page-sidebar {
        height: fit-content;
    }

    .form-group .col-12 {
        padding-left: 20px !important;
    }

    #grid {
        touch-action: auto !important;
    }

    .form-group label {
        font-size: 12px;
    }

    .form-control {
        /*        padding: 6px 14px;*/
    }

    .table-responsive {
        display: block !important;
    }
}

.table-responsive {
    display: table;
}

.card-title-helper {
    margin-top: 6px;
}

.datepicker-dropdown {
    visibility: visible !important;
    opacity: 1 !important;
}

.k-chart-tooltip {
    background-image: none !important;
}

.hidden {
    display: none;
}

.k-datepicker .k-select, .k-timepicker .k-select, .k-datetimepicker .k-select {
    color: #fff !important;
}

select.form-control {
    /*    margin-right: 15px;*/
    padding: 8px 10px;
    border-radius: 5px;
}

.dashboard select.form-control {
    margin-right: 15px;
    border-radius: 5px;
    float: right;
}




.field-validation-error {
    color: red;
}

.input-validation-error {
    border-color: red;
    margin-bottom: 5px;
}

.error-page.error-404 .error-page-image {
    background: url(../images/404.svg) center center no-repeat;
    background-size: 100% 70%;
}

.datepicker, .monthpicker, .yearpicker {
    padding-bottom: 10px !important;
}

.chart-description {
    margin-top: 15px;
    color: #777777;
    font-weight: 600;
    font-size: 17px;
}

.k-dateinput, .k-datepicker, .k-datetimepicker, .k-timepicker {
    width: 7em;
}



.k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused, .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    border-color: #ddd;
    color: #212529;
    background-color: #9e9e9e1f;
    box-shadow: none;
}

    .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
        border-color: inherit;
        color: inherit;
        background-color: #ccccccab;
    }


.k-filter-menu .k-action-buttons .k-button {
    margin: 0;
}

.k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
    min-width: 28px;
    height: 28px;
}

.k-pager-wrap > .k-link {
    border-radius: 0;
    color: #5146AE;
}

.k-grouping-header .k-group-indicator {
    border-color: #ddd;
    color: #212529;
    background-color: #9e9e9e1f;
    box-shadow: none;
}

.k-group-indicator .k-link, .k-group-indicator .k-button.k-bare, .k-drag-clue .k-link, .k-drag-clue .k-button.k-bare {
    padding-bottom: 5px;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    color: #a29cd7;
}

.k-filter-menu-container > label {
    margin-right: 10px;
}

    .k-filter-menu-container > label > input {
        margin-right: 5px;
    }


.k-listbox .k-item, .k-popup .k-list .k-item {
    padding: 3px 5px;
}

.k-list .k-item:hover, .k-list .k-item.k-state-hover, .k-list-optionlabel:hover, .k-list-optionlabel.k-state-hover {
    padding: 3px 5px;
}

.k-list .k-item:focus.k-state-selected, .k-list .k-item.k-state-focused.k-state-selected, .k-list-optionlabel:focus.k-state-selected, .k-list-optionlabel.k-state-focused.k-state-selected {
    padding: 3px 5px;
}

.k-grid-content {
    min-height: 200px;
}

.k-grid {
    margin-top: 15px;
}

.k-pager-sizes .k-widget.k-dropdown {
    margin-top: 0;
}

.btn.btn-link {
    color: #5146AE;
}

    .btn.btn-link:hover {
        color: #fff;
        background-color: #5146AE !important;
    }


.k-grid-header th.k-header {
    color: #5146AE;
    text-align: center;
}

.form-group label {
    font-weight: bold;
}

.form-group {
    margin-bottom: 0.5rem !important;
}

h3 {
    margin-bottom: 20px;
    font-weight: bold;
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 0.2rem #a29cd7;
}


.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}


.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.col-template-val {
    margin: 0 0 1em .5em;
}


.k-button {
    border-color: #a29cd7;
    color: #fff !important;
    background-color: #5146AE;
}

    .k-button:hover, .k-button.k-state-hover {
        border-color: #5146AE;
        color: #fff !important;
        background-color: #a29cd7;
    }


    .k-button:focus, .k-button.k-state-focused {
        box-shadow: 0 0 0 3px #a29cd7;
    }



.ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label {
    margin-right: 0 !important;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 28px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #5146AE;
}

input:focus + .slider {
    box-shadow: 0 0 1px #5146AE;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.switchLabel {
    font-weight: normal !important;
    margin-left: 5px;
}


h5 {
    margin-bottom: 15px;
    font-weight: bold;
}

.k-filter-menu .k-action-buttons .k-button {
    color: #5146ae !important;
}

.k-action-buttons .k-primary:hover, .k-action-buttons .k-primary.k-state-hover {
    color: #fff !important;
}

.k-action-buttons .k-button:hover, .k-action-buttons .k-button.k-state-hover {
    color: #fff !important;
}

.drawer li.list-group-item {
    padding-right: 10px;
    padding-left: 15px;
}


.list-group-horizontal > a {
    display: table-cell;
    vertical-align: middle;
}

.force-select {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    padding: 3px;
    background-color: yellow;
}

td, th {
    vertical-align: middle !important;
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    left: -23px !important;
}

form button i.fa {
    margin-right: 5px;
}


.btn.btn-v1 {
    background-color: #2DC44D;
}

.btn.btn-v2 {
    background-color: #0087FF;
}

.btn.btn-v3 {
    background-color: #1b2f6f;
}

.btn.btn-v4 {
    background-color: #ff3b42;
}

.btn.btn-v5 {
    background-color: #9966ff;
}

.pageTitle{
    margin-bottom:5px;
}

.page-footer{
    bottom:0!important;
}

.page-sidebar {
    overflow-y: scroll;
    overflow-x: hidden;
}


.auth-page .auth-form{
    padding-top:5%;
}

.loginform {
    max-width: 40%;
    margin-left: 30%;
}

.grecaptcha-badge {
    visibility: hidden;
}

/*.auth-form:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-image: url('https://veridentify.s3.eu-west-1.amazonaws.com/Admin/Content/images/e199e20a-405e-4fa1-9b0b-9b646d4e21d5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}*/