/* Add here all your css styles (customizations) */
html, body {
    font-family: 'Lato', sans-serif;
}
.affix {
    top: 125px;
    position: -webkit-sticky;
    position: sticky;
    margin: 0;
}
nav  ul.affix {
    margin: 0;
    padding: 0;
    display: block !important;
    text-align: left;
}
.affix .nav-item .active {
    background: #FFF !important;
    color: #72c02c !important;
}
nav .affix li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    zoom: 1;
}

    nav .affix li a {
        display: block;
        padding: 5px;
        text-decoration: none;
        transition: all .3s ease-in-out;
        font-size: 90%;
    }
    nav .affix li ul {
        margin-left: 15px;
        display: block !important;
    }
.g-bg-bluegray-opacity-0_3 {
    background-color: rgba(88, 95, 105, 0.3) !important;
}

.g-color-fff--hover:hover {
    color: #fff !important;
}

.k-grid {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* reset everything to the default box model */
*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */
.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.btn,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-edit-form-container {
    width: 100%;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 0;
}
.k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
    margin-right: 0;
    margin-left: 0;
}

.k-button, .k-window, .k-window-titleless .k-window-content, .k-grid, .k-upload, .k-dropzone {
    border-radius: 0;
}
.close {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    cursor: pointer;
}
.close:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.k-filter-row th, .k-grid-header th.k-header {
    padding: 1rem .6rem;
}
.k-gantt .k-filter-row th, .k-gantt .k-grid-header th.k-header {
    padding: unset !important;
}
.k-edit-buttons {
    border-color: #ddd !important;
    bottom: 0 !important;
    padding: .3em !important;
}
.k-popup-edit-form {
    overflow: hidden !important;
}




.k-dropdown, .k-dropdown-wrap, .k-dropdown-wrap.k-state-border-down, .k-numerictextbox, .k-numeric-wrap, .k-numeric-wrap.k-state-border-down {
    border-radius: 0;
    box-shadow: none;
}

    .k-dropdown .k-dropdown-wrap {
        padding: .314rem;
        transition: border-color .3s ease-in-out;
        padding-left: .25rem;
    }

    .k-numerictextbox .k-numeric-wrap {
        padding: .30rem;
        transition: border-color .3s ease-in-out;
        padding-left: 0;
    }

        .k-numerictextbox .k-numeric-wrap input {
            padding-left: 0.25rem !important;
        }

    .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select {
        color: #ccc;
        padding-top: .314rem;
    }

    .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default {
        border-color: #ccc;
    }

.u-input-group-v2 .k-dropdown + label, .u-input-group-v2 .k-numerictextbox + label {
    top: 0;
    font-size: 90%;
}

.k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default {
    box-shadow: none;
}

.k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-active, .k-dropdown-wrap.k-state-active.k-state-border-down, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-active, .k-numeric-wrap.k-state-active.k-state-border-down {
    background-color: #FFF;
    border-color: #72c02c !important;
    box-shadow: none;
}

.k-list-container .k-list .k-item {
    padding: .7rem .4rem;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-numeric-wrap.k-state-default .k-input {
    box-shadow: none;
}

.k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header, .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #fbfbfb;
}

.u-heading-v2-5--bottom::after {
    margin-top: 0;
}

.u-heading-v2-5--bottom::after, .u-heading-v2-5--top::before {
    border-top-width: 1px;
}

.disabled-anchor-btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.enabled-anchor-btn {
    pointer-events: auto;
    cursor: auto;
    opacity: initial;
}

.k-widget.k-tooltip-validation {
    border-color: transparent;
    background-color: transparent;
    color: #FFF;
}

.title {
    float: left;
    margin-left: 25px;
    margin-top: 10px;
    display: block;
}

.k-notification {
    border: 0;
}
/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}
.alert {
    margin-bottom: 0 !important;
}

.invalid-msg-wrap {
    position: absolute;
    top: 32px;
    right: 0;
    width: 300px;
}


.k-grid-norecords {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center !important;
    height: 99% !important;
}


input[type=radio]:disabled + span.btn {
    background: #e9ecef;
}
.k-numeric-wrap.k-state-disabled {
    background-color: #e9ecef;
    opacity: 1;
}
input[readonly] {
    color: #999 !important;
}
.g-right-70{
    right: 5rem;
}

.k-pager-wrap .k-link, .k-pager-wrap ul li span {
    padding: 0.4rem;
    margin-left: 0.5rem;
    color: #999;
    transition: background-color 500ms ease-out, border-color 500ms ease-out;
    -webkit-transition: background-color 500ms ease-out, border-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out, border-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out, border-color 500ms ease-out;
}

.k-pager-input, .k-pager-numbers li {
    padding-bottom: 0.4rem;
}

.k-pager-wrap .k-link {
    border: 1px solid #ccc !important;
}

.k-pager-wrap {
    border: 1px #ccc solid;
    border-right: none;
    border-bottom: none;
    background-color: #fff;
    border-radius: 0;
    padding-top: 0.65rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

    .k-pager-wrap .k-pager-nav.k-pager-first, .k-pager-wrap .k-pager-nav.k-pager-last {
        border-radius: 0;
    }

    .k-pager-wrap ul li span.k-state-selected, .k-pager-wrap .k-link:hover:not(.k-state-disabled) {
        background-color: #72c02c;
        border-color: #72c02c;
        color: #fff;
    }

.k-pager-info {
    margin-left: auto !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}


@media only screen and (max-width: 1024px) {
    .k-pager-wrap .k-pager-numbers .k-pager-nav {
        padding: 0.41rem !important;
    }

    .k-pager-wrap .k-pager-numbers .k-current-page {
        margin-left: 2.2rem !important;
    }
}

.k-grid {
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
}

.dropdown-item {
    box-sizing: border-box !important;
    padding-bottom: .6rem;
    padding-top: .6rem;
}
    .dropdown-item:hover {
        color: #72c02c;
        background-color: #fff;
    }

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
    box-shadow: none !important;
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active,
.show > .btn.dropdown-toggle:active {
    color: #fff;
    background-color: #6db82a;
    border-color: #6db82a;
}