.k-grid td{
    border-width: 0px;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-radius: 8px;
}

.k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar {
    border-radius: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row-reverse;
    background-color: #fafafa00;
}

.config-textbox-selector,
.config-textbox-selector > .k-numeric-wrap,
.config-textbox-selector > .k-link,
.config-textbox-selector > .k-dropdown-wrap {
    width: 100% !important;
    padding-right: 5px !important;
    margin-left: 0px;
    margin-right: 20px;
}

.k-radio:checked + .k-radio-label:after {
    height: 78% !important;
    aspect-ratio: 1 / 1 !important;
    width: auto;
}
/*
.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-footer td, .k-grid-header, .k-grid-header-wrap, .k-group-footer td, .k-grouping-row td, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #e6e6e6 !important;
}
    */
.new-rule{
    background-color: #007A35 !important;
    column-gap: 5px !important;
}

.print-rule {
    column-gap: 5px !important;
}

.k-pager-wrap{
    display: flex;
    justify-content: right !important;
}

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default{
    border-radius: 8px;
}

.k-grid-header > tr > th{
    border-left: 0px !important;
    border-right: 0px;
    background-color: #FBFDFF !important;
    }

.k-header.k-grid-toolbar {
    border-color: #e6e6e600;
}

.rules-tab {
    border-radius: 16px 16px 0px 0px;
}

.rule-active, .rule-inactive {
    border-radius: 8px;
    width: 2rem;
    padding: 6px;
    
    color: var(--Gray-1, #333);
    text-align: center;
    /*font-family: Lato;*/
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.03125rem;
}

.configuration-description {
    font-weight: 400 !important;
    padding-left: 20px;
}


.tab-description{
    padding-left: 15px !important;
}

#dashboard-tabs.nav-tabs .nav-link.active, #dashboard-tabs.nav-tabs .nav-link:hover, #dashboard-tabs.nav-tabs .nav-link:focus {
    background-color: var(--FIT_Highlight);
    border-radius: 4px 4px 0px 0px !important;
}

/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
    padding-left: 0px !important;
    padding-right: 0px !important;
}*/

.form-title{
    background: var(--VDS_BackgroundGrey, #F1F1F1);
    font-size: 1rem;
}

.config-dropdown-selector{
    display: flex;
    justify-content: left !important;
    width: 100% !important;
}

div.k-window-content{
    padding-top: 0px !important;
}

.k-upload{
    border: 0px !important;
}

.k-upload-button, .k-upload-button:hover {
    border-color: var(--VDS_Blue);
    padding:14px;

    color: var(--VDS_Blue);
    /*font-family: Lato;*/
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
}

.k-grid .k-grid-header .k-header{
    color: var(--VDS_Black, #000);
    /*font-family: Lato;*/
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.00625rem;
}

.k-grid tr td, .k-pivot-layout .k-grid tr td{
    color: var(--VDS_DarkestGrey, #47494B);
    /*font-family: Lato;*/
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem; /* 133.333% */
    letter-spacing: 0.00625rem;
}

.k-checkbox-label:before{
    border-radius: 5px;
    border-width: 2px;
}

.tab-pane > .title {
    justify-content: normal !important;
    padding: 20px 20px 0px 20px;
    font-size: 1.1rem;
    column-gap: 10px;
}

.tab-content{
    background-color: #ffffff85;
    border-radius: 0px 0px 16px 16px;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget{
    border: 0px;
/*    border-radius: 0px 0px 16px 16px;
*/}

/*.k-multiselect-wrap{
    width: inherit;
}*/

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background-color: #dddddd;
}

.filterFields {
    margin-left: 20px !important;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input{
    border-radius: 8px;
}

.configuration-selection-title{
    align-items:center;
    gap: 5px;
}

 div.content > .container-fluid {
    padding: 0px !important;
}

/* Style the dropdown button */
.dropbtn {
    border: none;
    cursor: pointer;
    background-color:transparent;
}

.dropbtn-cancel {
    display: none;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
}

/* Container for the dropdown content */
.dropdown-vis > .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    border-radius: 8px;
    overflow: hidden;
    font-size: 13px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    overflow: hidden;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
}

/* Additional styles for the grid container (if necessary) */
.dropdown-vis{
    z-index: 999;
    overflow: visible !important;
}

.save-action{
    background-color: #225bae;
    min-width: auto;
    border-radius: 6px;
    font-size: 1rem;
    border-width: 0px;
    padding: 7px 16px;
    color: white;
}

.cancel-action {
    background-color: white;
    min-width: auto;
    border-radius: 6px;
    font-size: 1rem;
    border: 1px solid lightgrey;
    padding: 7px 16px;
    color: black;
    margin-left: 8px;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td{
    background-color: #bdbdbd;
}

.k-gantt-toolbar .k-button, .k-gantt>.k-header .k-link, .k-gantt>.k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button
{
    background-color: var(--VDS_Blue);
    border-color: var(--VDS_Blue);
}

.k-gantt .k-gantt-toolbar .k-button:hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .km-pane-wrapper .k-header .k-button:hover {
    background-color: var(--FIT_Dark_Highlight);
    border-color: var(--FIT_Dark_Highlight);
}

.k-primary.k-state-active:hover, .k-primary.k-state-hover, .k-primary:active:hover, .k-primary:hover{
    background-color: #225bae;
    border-color: #225bae;
}

.k-checkbox:checked+.k-checkbox-label:before, .k-checkbox:checked+.k-checkbox-label:hover:before, .k-checkbox:checked:hover+.k-checkbox-label:before{
    background-color: #225bae !important;
    border-color: #225bae !important;
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
    border-color: #73737300;
}

.k-edit-cell>.k-textbox, .k-edit-cell>.k-widget, .k-grid-edit-row>td>.k-textbox, .k-grid-edit-row>td>.k-widget, .k-grid-edit-row>td>.text-box{
    border-radius: 8px;
}

.k-checkbox-label:before{
    top:2px;
}

.userActive {
    padding: 10px;
    background-color: var(--status-light-green, #ABE5C3);
    border-radius: 8px;
}

.userInactive {
    padding: 10px;
    background-color: #FF9A9A;
    border-radius: 8px;
}

.fa-check:before {
    content: "\f00c";
    padding: 10px;
    background-color: var(--status-light-green, #ABE5C3);
    border-radius: 8px;
}

.rule-inactive > .fa-times:before {
    content: "\f00d";
    padding: 12px;
    background-color: #FF9A9A;
    border-radius: 8px;
}

.k-widget.k-window .container, .k-widget.k-window .container *{
    border-radius: 8px !important;
}

.k-popup.k-list-container{
    border-radius: 0px 0px 8px 8px;
}

.k-widget.k-tabstrip{
    border-radius: 16px;
    background-color: transparent;

}

.k-tabstrip .k-tabstrip-items{
    position: relative;
    padding-left: 35px;
    padding-right: 35px;
    line-height: 1.5;
    background-color: white;
    border-radius: 16px 16px 0px 0px;
    border-bottom: 1px solid #dee2e6;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.k-tabstrip:focus {
   box-shadow: none;
}

.k-tabstrip>.k-content{
    padding: 0px 7.5px 0px 7.5px;
}
li.k-item.k-state-default.k-state-active{
    background-image: linear-gradient(transparent, var(--FIT_Highlight));
    transition: all 0.3s ease;
}
.k-tabstrip-items li.k-state-active .k-link{
    color: black !important;
    border-bottom: 2px solid var(--VDS_Blue);
    font-weight: 700;
}
.k-tabstrip .k-content.k-state-active{
    position: relative;
    border: 0px;
    background-color: white;
    margin-top: -10px;
    border-radius: 0px 0px 16px 16px;
}
#disposition-actions{
    /*position: relative;*/
    left: 15px !important;
    top: 6% !important;
    width: 100%;
    z-index: 9999;
}
/*.k-grid tr:hover{
    background-color: #d6d6d6;
}*/
#moreOptions{
    padding: 15px;
    background-color: #fafafa;
    border-radius: 15px;
    margin-bottom: 10px;
}
.k-radio-label{
    vertical-align: text-bottom;
}
.statusIcons{
    width: fit-content;
    background: white;
    border-radius: 15px;
    padding-right: 8px;
    padding-top: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.dispoWrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.k-tabstrip-top > .k-tabstrip-items .k-item{
    background-color: transparent;
    border: 0px !important;
    transition: all 0.3s ease;
    background-image: none;
}

.k-tabstrip-top > .k-tabstrip-items .k-item:hover{
    border-color: transparent;
    border-bottom: 2px solid var(--VDS_Blue);
    font-weight: 700;
    background-color: var(--FIT_Highlight) !important;
    transition: all 0.3s ease;
}

.k-tabstrip-items li .k-link{
    color: black !important;
}