.w-100{
    max-width: 100%!important;
    width: 100%!important;
}
.w-95{
    max-width: 95%!important;
    width: 100%!important;
}
.w-90{
    max-width: 90%!important;
    width: 100%!important;
}
.w-85{
    max-width: 85%!important;
    width: 100%!important;
}
.w-80{
    max-width: 80%!important;
    width: 100%!important;
}
.w-75{
    max-width: 75%!important;
    width: 100%!important;
}
.w-70{
    max-width: 70%!important;
    width: 100%!important;
}
.w-65{
    max-width: 65%!important;
    width: 100%!important;
}
.w-60{
    max-width: 60%!important;
    width: 100%!important;
}
.w-55{
    max-width: 55%!important;
    width: 100%!important;
}
.w-50{
    max-width: 50%!important;
    width: 100%!important;
}
.w-45{
    max-width: 45%!important;
    width: 100%!important;
}
.w-40{
    max-width: 40%!important;
    width: 100%!important;
}
.w-35{
    max-width: 35%!important;
    width: 100%!important;
}
.w-30{
    max-width: 30%!important;
    width: 100%!important;
}
.w-25{
    max-width: 25%!important;
    width: 100%!important;
}
.w-20{
    max-width: 20%!important;
    width: 100%!important;
}
.w-15{
    max-width: 15%!important;
    width: 100%!important;
}
.w-10{
    max-width: 10%!important;
    width: 100%!important;
}
.w-5{
    max-width: 5%!important;
    width: 100%!important;
}
.w-0{
    max-width: 0%!important;
    width: 100%!important;
}

body.v-light table.table > thead > tr > th{
    border-bottom: 0px;
    border-top: 0px;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    color: #333;
}
body.v-light table.table > thead > tr > th.sorting_disabled::before,
body.v-light table.table > thead > tr > th.sorting_disabled::after{
    display: none!important;
}
body.v-light table.table > tbody > tr > td{
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    vertical-align: middle;
    white-space: nowrap;
    color: #454545;
}
body table.dataTable {
    border-collapse: collapse !important;
}

body .dataTables_wrapper.container-fluid{
    padding: 0px 0px 30px;
}
body .nav-header {
    text-align: left;
}
body.mini-nav .nav-header {
    text-align: center;
}
body .nav-header .brand-logo > a:first-of-type{
    padding: 20px;
}
body .nav-header .brand-logo > a:first-of-type b img{
    max-width: 100px;
}
body .nav-header .brand-logo > a:last-of-type{
    display: none;
    padding: 18px 20px 20px;
}
body .nav-header .brand-logo > a:last-of-type b img{
    max-width: 18px;
    margin: 0px;
}
body.mini-nav .nav-header .brand-logo > a:first-of-type{
    display: none;
}
body.mini-nav .nav-header .brand-logo > a:last-of-type{
    display: block;
}

body.v-light .dataTables_filter input[type="search"]{
    height: 39.6px;
    border: 1px solid #454545;
    margin-right: 10px;
    margin-left: 0px;
}

body.v-light div.dataTables_wrapper div.dataTables_filter{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0px;
    float: none;
}
body.v-light div.dataTables_wrapper div.dataTables_filter label{
    margin: 0px;
    font-size: 0px;
}
body.v-light div.dataTables_wrapper div.dataTables_filter button{
    margin: 0px;
    font-size: 14px;
    height: 39.6px;
    text-transform: capitalize;
}
body.v-light div.dataTables_wrapper > div.dt-buttons{
    margin: 0px;
    padding: 0px;
}
body.v-light div.dataTables_wrapper > div.dt-buttons button{
    margin: 0px;
    font-size: 14px;
    height: 39.6px;
    text-transform: capitalize;
}
body.v-light div.dataTables_wrapper  table.table{
    margin-top: 40px!important;
    margin-bottom: 30px !important;
}

body.v-light div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px;
    float: left;
    padding-left: .75rem;
    font-size: 13px;
    color: #454545;
    margin-top: 6px;
}
body.v-light  div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    padding-top: 0px;
}

.nk-sidebar .metismenu > li.active > a.has-arrow:after{
    transform: rotate(225deg) translateY(-50%);
}

.text-underline{
    border-bottom: 1px solid #173e43;
}

body.v-light .paging_simple_numbers .pagination .paginate_button.active a.page-link, 
body.v-light .paging_simple_numbers .pagination .paginate_button:hover a.page-link {
    background: #333;
    color: #fff;
    border: 0px;
    margin: 0px;
    padding: 5px 10px;
    width: 30px;
    text-align: center;
    border-radius:0px;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item:not(.active) a{
    color: #333;
    background: #fff;
    border: 0px;
    margin: 0px;
    padding: 5px 10px;
    width: 30px;
    text-align: center;
    border-radius:0px;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item:not(.active):hover a{
    background: #333;
    color: #fff;
    border: 0px;
    margin: 0px;
    border-radius:0px;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item.previous a ,
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item.next a {
    width: auto;
    border-radius:0px;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item{
   border-radius: 0px;
   margin: 0px 3px;
   border: 1px solid #ccc;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item:hover{
    border: 1px solid #333;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item.disabled:not(.active) a{
    background: #fff;
    color: #999;
    cursor: not-allowed;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item.disabled:not(.active):hover a{
    background: #fff;
    color: #999;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item.disabled:not(.active){
    border: 1px solid #ccc;
    cursor: not-allowed;
}
body.v-light .paging_simple_numbers .pagination .paginate_button.page-item.disabled:not(.active):hover{
    border: 1px solid #ccc;
    cursor: not-allowed;
}

.login-bg{
    background: url(../../images/bg-login.jpg); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

.font-size-12{
    font-size: 12px!important;
}
.font-size-14{
    font-size: 14px!important;
}
.font-size-16{
    font-size: 16px!important;
}
.cursor-pointer{
    cursor: pointer!important;
}

#spinnerModal .modal-dialog .fa.fa-spinner.fa-spin:before{
    content: "";
    border-radius: 500px;
    height: 50px;
    width: 50px;
    border: 4px solid #333;
    border-bottom-color: rgb(51, 51, 51);
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom: 4px solid transparent;
    display: inline-block;
}

body .border-success {
    border-color: #6ed3cf !important;
}

#show_outputs{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    background: #6ed3cf;
}

body.v-light:not(.mini-nav) .nk-sidebar .metismenu a > span.nav-text {
    vertical-align: middle;
}

/* input[type="datetime"],
input[type="datetime-local"],
input[type="date"]{
    background-image: url("../../images/calendar.png") !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: calc( 100% - 12px ) center !important;
    padding-right: 32px;
} */


/* input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} */

body.v-light input[type="text"].form-control ,
body.v-light input[type="number"].form-control ,
body.v-light input[type="email"].form-control ,
body.v-light input[type="password"].form-control ,
body.v-light input[type="date"].form-control ,
body.v-light input[type="search"].form-control,
body.v-light input[type="datetime-local"].form-control,
body.v-light select.form-control{
    border: 1px solid #454545;
    background: #fdfdfd;
    color: #000;
    height: 40px;
}

body.v-light input[type="text"].form-control:focus ,
body.v-light input[type="number"].form-control:focus ,
body.v-light input[type="email"].form-control:focus ,
body.v-light input[type="password"].form-control:focus ,
body.v-light input[type="date"].form-control:focus ,
body.v-light input[type="search"].form-control:focus,
body.v-light input[type="datetime-local"].form-control:focus,
body.v-light select.form-control:focus ,
body.v-light input[type="text"].form-control:hover ,
body.v-light input[type="number"].form-control:hover ,
body.v-light input[type="email"].form-control:hover ,
body.v-light input[type="password"].form-control:hover ,
body.v-light input[type="date"].form-control:hover ,
body.v-light input[type="search"].form-control:hover,
body.v-light input[type="datetime-local"].form-control:hover,
body.v-light select.form-control:hover ,
body.v-light input[type="text"].form-control:active ,
body.v-light input[type="number"].form-control:active ,
body.v-light input[type="email"].form-control:active ,
body.v-light input[type="password"].form-control:active ,
body.v-light input[type="date"].form-control:active ,
body.v-light input[type="search"].form-control:active
body.v-light input[type="datetime-local"].form-control:active
body.v-light select.form-control:active{
    border: 1px solid #454545;
    background: #fdfdfd;
    color: #000;
    height: 40px;
}

.chosen-container.chosen-with-drop .chosen-drop,
.chosen-container-active.chosen-with-drop .chosen-choices {
    box-shadow: none !important;
}

select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
}
select.form-control::-ms-expand {
    display: none;
}
select.form-control{
    background-image: url("../../images/arrow.png") !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: calc( 100% - 12px ) center !important;
    padding-right: 32px;
}

body.v-light textarea.form-control{
    border: 1px solid #454545;
    background: #fdfdfd;
    color: #000;
    resize: none;
}

body.v-light textarea.form-control:hover,
body.v-light textarea.form-control:focus,
body.v-light textarea.form-control:active{
    border: 1px solid #454545;
    background: #fdfdfd;
    color: #000;
}

body.v-light div.nk-sidebar .metismenu > li.active > a,
body.v-light div.nk-sidebar .metismenu > li:hover > a,
body.v-light div.nk-sidebar .metismenu > li:focus > a {
    color: #fff;
}

.custom-check-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.custom-check-wrapper .custom-check-input{
    position: relative;
    flex-basis: 100%;
    margin-right: 15px;
}
.custom-check-wrapper > div.custom-check-input:last-of-type{
    margin-right: 0px;
}
.custom-check-wrapper .custom-check-input input{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.custom-check-wrapper .custom-check-input label{
    text-align: center;
    width: 100%;
    border: 1px solid #333;
    padding: 8.5px 15px;
    display: inline-block;
    background: #fff;
    color: #333;
    font-size: 14px;
    cursor: pointer;  
    height: 40px;
    transition: all 0.3s ease-in-out;
}
.custom-check-wrapper .custom-check-input input:checked + label,
.custom-check-wrapper .custom-check-input label:hover{
    border: 1px solid #333;
    background: #333;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}


body .chosen-container > ul.chosen-choices{
    border: 1px solid #333;
    border-radius: 0;
    height: auto;
    display: flex;
    overflow: auto;
}
body .chosen-container > ul.chosen-choices::-webkit-scrollbar {
    display: none;
}
body .chosen-container > ul.chosen-choices {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body .chosen-container > ul.chosen-choices > li.search-field{
    height: 40px;
    padding: 4px 10px;
}
body .chosen-container > ul.chosen-choices > li.search-choice{
    background-color: #333;
    color: #fff;
    border: 0px;
    padding: 5px 20px 5px 5px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0px;
    margin: 6px 0 6px 6px;
    white-space: nowrap;
}
body .chosen-container > ul.chosen-choices > li.search-choice > a.search-choice-close{
    background: none!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
body .chosen-container > ul.chosen-choices > li.search-choice > a.search-choice-close:after{
    content: "\e082";
    color: #fff;
    font-size: 14px;
    font-family: 'simple-line-icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

body.v-light .page-titles ol.breadcrumb li.breadcrumb-item a {
    color: #333;
}
body.v-light .page-titles ol.breadcrumb li.breadcrumb-item.active {
    color: #777;
}


body .chosen-container.chosen-container-single{
    border: 1px solid #333;
}
body .chosen-container.chosen-container-single a.chosen-single{
    border-radius: 0;
    border: 0px;
}
body .chosen-container.chosen-container-single a.chosen-single span{
    color: #333;
}
body .chosen-container.chosen-container-single .chosen-search input[type="text"]{
    background: none;
}

body label.custom-file-label::after {
  display: flex;
  align-items: center;
  justify-content: center;
}
.webhooks-details,
.webhooks-wrapper {
    height: 500px;
    overflow: hidden;
    border: 1px solid #9f9f9f !important
}
.webhooks-wrapper .single-webhook {
    position: relative;
    padding-left: 16px;
    color: #333;
    margin-bottom: 10px;
}
.webhooks-wrapper .single-webhook::before{
    content: "";
    position:absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: #333;
    border-radius: 5px;
}
.webhooks-details pre{
    border: none;
    box-shadow: none;
    outline: none;
    height: calc( 500px - 2rem );
    width: 100%;
    padding: 0;
    resize: none;
}