.container-milk {
    margin: 0px 0px;
}

@media (min-width: 576px) {
    .container-milk {
        margin: 0px 25px;
    }
}



@media (max-width: 575px) {
    body[data-layout=topnav] .container-fluid, .container-fluid {
        margin: 0px 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
}


.page-title-container > div {
    background-color: rgba(15,50,10,.65);
}

.topnav-navbar .navbar-toggle {
    float:right;
}

.topnav-logo-sm
{
    position: absolute;
    margin-top:5px;
    left:25px;
}


body[data-sidelayout=detached] .left-side-menu {
    min-width: 250px;
    max-width: 250px;
}

body[data-sidelayout=detached] .body-content.left-menu {
    width: calc(100% - 250px);
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 767.98px) {
    body[data-sidelayout=detached] .body-content.left-menu {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .button-menu-mobile.disable-btn {
        display: inline-block;
        position: relative;
        left: 10px;
    }
}


.k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td {
    padding-block: 5px;
    padding-inline: 10px;
}

.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding-block: 5px;
    padding-inline: 10px;
}

.k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 5px;
    padding-inline: 10px;
}

.k-table-md {
    line-height: 1.8em;
    font-size: 0.8rem;
    font-weight: 400;
    font-family: Arial, sans-serif;
}

.left-side-menu {
    width: 250px;
}

@media (max-width: 991px) {
    .navbar-collapse.collapse {
        margin-top: 25px;
    }
}
@media (min-width: 992px){
    .topnav .topnav-menu.navbar-expand-lg {
        margin-left: 0px;
    }
}

.auth-fluid {
    background: url(../Milk/Images/field.jpg);
    background-size: cover;
}

.side-nav .side-nav-link svg {
    display: inline-block;
    line-height: 1.0625rem;
    margin: 0 10px 0 0;
    font-size: 1.1rem;
    vertical-align: middle;
    width: 20px;
}

.topnav-navbar .topnav-logo-lg {
    margin-top: 5px;
    margin-left: 15px;
    position: absolute;
    float: left;
}

    .card-widget {
        font-size: 10pt;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.75);
    }

    .widget-row-title {
        font-weight: bold;
        margin-top: 10px;
        border-bottom: 1px solid #cccccc;
        color: #909090;
        margin-left: -15px;
        margin-right: -15px;
    }

.btn.disabled, .btn:disabled {
    opacity: .35;
}

    .k-scheduler-toolbar > ul.k-scheduler-views {
        z-index: 100 !important;
    }

    .k-scheduler {
        min-height: 200px;
    }

    .card-body .btn {
        min-width: 100px;
    }

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

    .form-control-plaintext {
        padding: .45rem 12px;
    }

    form .btn {
        min-width: 100px;
    }

    .milk-grid-item {
        width: 100%;
        border-top: dashed #d9d9d9 1px;
    }

        .milk-grid-item:first-of-type {
            border-top: none;
        }

.quotagrid {
    width: calc(100% - 10em);
    overflow-x: scroll;
    margin-left: 10em;
    overflow-y: visible;
    padding: 0px;
    color: #2c252d;
}

    .quotagrid td, .quotagrid th {
        text-align: right;
        padding: 5px 10px;
        margin: 0;
        border-top-width: 0px;
        height: 25px;
        line-height: 15px;
    }

    .quotagrid th {
        color: #6c757d;
    }

        .quotagrid td {
            white-space: nowrap;
            min-width: 100px;
        }

        .quotagrid .double-row td,
        .quotagrid .double-row th {
            height: 40px;
        }

        .quotagrid .headcol {
            position: absolute;
            width: 10em;
            left: 0;
            top: auto;
            border-top-width: 1px;
            /*only relevant for first row*/
        }

        .quotagrid .alt-row > td, .quotagrid .alt-row > th {
            background: #f1f1f1;
        }

    .milk-datatable {
        width: 100%;
        font-size: 12px;
        margin-bottom: 5px;
        background-color: rgb(238, 238, 238);
    }

        .milk-datatable th {
            background-color: #313a46;
            font-weight: bold;
            padding: 5px 5px;
            color: white;
        }

        .milk-datatable td {
            padding: 5px 5px;
        }

        .milk-datatable .k-textbox > k.input {
            font-size: 12px;
        }

        .milk-datatable k-textbox > k.input, .milk-datatable input.k-select, .milk-datatable span.k-numerictextbox, .milk-datatable span.k-numerictextbox .k-input {
            height: 22px;
            line-height: 18px;
        }

        .milk-datatable .k-numerictextbox .k-link {
            height: 0.75em;
        }

        .milk-datatable .k-input {
            font-size: 12px;
        }

        .milk-datatable .k-dropdown-wrap .k-input {
            line-height: 18px;
            height: 21px;
        }

        .milk-datatable .k-select {
            line-height: 18px;
        }

    .milk-hide-required .milk-required-field {
        display: none;
    }

    .milk-row-error {
        background-color: #ffc0cb;
    }

    .milk-bid-success td {
        background-color: rgba(70, 207, 120, 0.2);
    }

    .milk-bid-notsuccess td {
        background-color: rgba(207, 70, 75, 0.2);
    }

    .milk-required-field {
        color: red;
        font-size: 15px;
        position: absolute;
        top: 10px;
        left: -3px;
    }

.milk-annotation {
    font-size: 15px;
    position: absolute;
    top: 10px;
    left: -3px;
}

    .milk-required-field {
        color: red;
        font-size: 15px;
        top: 10px;
        left: -3px;
    }

    .milk-phone .form-control {
        display: inline-block;
    }

textarea.milk-textarea {
    height: 100px;
    max-width: auto;
    width: 100%;
}

    .k-checkbox-label {
        font-weight: 400;
        font-size: 0.8rem;
    }

    .k-numerictextbox .k-link {
        height: 0.9em;
    }

    .k-recur-view .k-check {
        padding-right: 10px;
    }

    .k-edit-field > ul.k-reset .k-widget {
        height: 32px;
    }

    .k-scheduler-edit-form {
        font-size: 10pt;
    }

        .k-scheduler-edit-form .k-edit-label {
            width: 20%;
        }

        .k-scheduler-edit-form .k-edit-field {
            width: 74%;
        }

            .k-scheduler-edit-form .k-edit-field li {
                display: flex;
            }

        .k-scheduler-edit-form .k-edit-field {
            line-height: 2.4;
        }

    .k-edit-form-container .editor-label, .k-edit-label {
        padding: .65em 0 .5em;
    }

    .k-edit-field > input[type=radio], .k-edit-field > input[type=checkbox] {
        margin-top: 0.8em;
    }

    .k-edit-field > ul.k-reset .k-datepicker, .k-edit-field > ul.k-reset .k-dropdown, div[name=recurrenceRule] > .k-dropdown {
        width: 8.2em;
    }

    .k-textbox .milk-required-field, .k-dropdown .milk-required-field, .k-timepicker .milk-required-field, .k-datepicker .milk-required-field, .k-datetimepicker .milk-required-field, .k-numerictextbox .milk-required-field, .k-maskedtextbox .milk-required-field, .k-autocomplete .milk-required-field {
        color: red;
        font-size: 15px;
        position: absolute;
        top: 10px;
        left: -15px;
    }

    .k-input, .k-multiselect-wrap, .k-textbox > input, k-textbox > .k-input, k-textbox > .k-input:hover, textarea.k-textbox, textarea.k-textbox:hover {
        background-color: #fff;
        color: #000000;
    }

        .k-input.k-datepicker {
            max-width: 300px;
        }

    .k-event {
        border: none;
        color: #333333;
        background: #eeeeee;
    }

    .k-task {
        display: flex;
    }

        .k-event .event-container, .k-task .event-container {
            height: 100%;
            width: 100%;
            -ms-border-radius: 3px;
            border-radius: 3px;
            padding: 2px 5px;
        }

            .k-event .event-container a, .k-task .event-container a {
                color: #333333;
            }



    textarea.k-textbox {
        padding-left: 10px;
        line-height: 1.5;
    }

    .k-ie k-textbox > .k-input {
        height: -webkit-calc(2.25rem + 2px);
        height: calc(2.25rem + 2px);
    }

    .k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
        color: #6c757d;
    }

    .dropdown-menu {
        z-index: 12000;
    }

    .quotagrid td, .quotagrid th {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
    }

        .quotagrid td.current-month, .quotagrid th.current-month {
            border-left: 2px solid #444444;
            border-right: 2px solid #444444;
        }

    .quotagrid .top-row.current-month {
        border-top: 2px solid #444444;
    }

    .quotagrid .bottom-row.current-month {
        border-bottom: 2px solid #444444;
    }

    .quotagrid td.milk-futureline {
        background-color: #DAF4FE;
    }

    .quotagrid .alt-row td.milk-futureline {
        background-color: #A7E2F8;
    }

    .quotagrid .milk-projectedline {
        background-color: #FFEDD9;
    }

    .quotagrid .alt-row td.milk-projectedline {
        background-color: #FFD6A9;
    }

    .quotagrid .purchase-suspended {
        border: 2px solid #db7093;
    }

    .quotagrid .sell-suspended {
        border: 2px solid #db7093;
    }

    .quotagrid .transfer-suspended {
        border: 2px solid #db7093;
    }

    .quotagrid .quota-error {
        background-color: #f0d2d2;
    }

    .quotagrid .alt-row .quota-error {
        background-color: #f0c2c2;
    }

    .quotagrid td.milk-projectedline.quota-error {
        background-color: #FFEDD9;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #f0c2c2 2px, #f0c2c2 4px);
    }

    .quotagrid .alt-row td.milk-projectedline.quota-error {
        background-color: #FFD6A9;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #f0c2c2 2px, #f0c2c2 4px);
    }

    .quotagrid .increase-error {
        border: 2px solid #db7093;
    }



    .quotagrid .grid-button {
        border: solid 1px #dddddd;
        background-color: #eeeeee;
        -ms-border-radius: 6px;
        border-radius: 6px;
        padding: 3px;
        width: 25px;
        height: 25px;
        margin: 2px;
        display: inline-block;
        color: black;
        cursor: pointer;
    }



    .alert-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .alert-dismissable .close {
        right: auto;
    }

    .alert {
        padding: 5px 5px 5px 15px;
        margin-bottom: 5px;
    }



    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        margin-left: 0;
    }



    .milk-OutOfRange {
        color: #909090;
    }

.milk-unsuitable td {
    background-color: #f0d2d2;
}

    .milk-override {
        background-color: #bbdeed;
    }

    .milk-lostOpportunity td {
        background-color: #f0d2d2;
    }

    .milk-lostOpportunity.k-alt td {
        background-color: #f0c2c2;
    }

    .milk-spinner-container {
        position: absolute;
        z-index: 100;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        display: none;
        min-height: 50px;
    }

    .milk-spinner {
        left: 50%;
        top: 50%;
        position: absolute;
    }

    .milk-button-icon {
        width: 20px;
    }

    .k-button.k-button-icon, .k-icon-button {
        height: auto;
    }

    .milk-danger {
        background-color: #f2dede;
    }



    .milk-grid {
        overflow-x: scroll;
    }

    span.milk-number-entry, input.milk-number-entry.k-input {
        text-align: right;
        max-width: 174px;
        padding-right: 0.4em;
    }


    .col-fixed-120 {
        width: 120px;
        position: absolute;
        z-index: 1;
        padding-left: 15px;
    }

    .col-offset-120 {
        padding-left: 120px;
        z-index: 0;
        padding-right: 15px;
    }

    .modal-header {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #eeeeee;
        -ms-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -ms-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
    }

        .modal-header h5 {
            font-weight: bold;
        }



    .quota .estimated:after {
        content: "*";
        color: coral;
        position: absolute;
        font-size: 14px;
    }

    .fa-align-center:before {
        content: none;
    }

    .milk-grid-alert-danger {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
        margin: 0px -5px;
        padding: 0px 5px;
    }

    .milk-grid-alert-warning {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
        margin: 0px -5px;
        padding: 0px 5px;
    }

    .unsuitableCell {
        color: #aaaaaa;
        background-color: #D9DDE8;
        margin: 0px -5px;
        padding: 0px 5px;
    }

    .milk-legend-block {
        width: 20px;
        height: 20px;
        border: 1px solid #888888;
        float: left;
    }

    .milk-legend-text {
        float: left;
        margin: 0px 10px;
    }

    .milk-legend {
        border: 1px solid #d3d3d3;
        border-radius: 10px;
        padding: 5px 20px;
        margin: 15px;
    }

    :not([title=''])[data-content] {
        cursor: pointer;
    }

    .form-control {
        padding: 5px 9px;
        color: black;
    }

    table {
        border-spacing: 0px;
        -webkit-border-horizontal-spacing: 0px;
        -webkit-border-vertical-spacing: 0px;
    }
    /* KENDO CONTROLS*/
    .k-widget {
        box-shadow: none;
    }

    .k-grid {
        border: none;
    }

    .k-grid-header-wrap {
        border: none;
    }

.k-grid tr.milk-rejected {
    background-color: #ffecea
}

.k-grid tr.k-alt.milk-rejected {
    background-color: #feddda
}



    .k-window .row, .k-window .row * {
        box-sizing: border-box;
    }

    .k-window-content {
        padding: 15px;
    }

    .k-input, .k-widget.k-input {
        color: black;
    }

    .milk-numbercolumn .k-cell-inner {
        float: right;
    }

    .k-autocomplete .k-input {
        border: 1px solid #ccc;
    }

    .k-input-inner {
        padding: 0.167em 6px;
    }

/*    .k-grid .k-command-cell > .k-button + .k-button {
        margin-left: 3px;
        -webkit-margin-end: unset;
        margin-inline-end: unset;
        -webkit-margin-start: 3px;
        margin-inline-start: 3px;
    }*/

    .k-ie .k-autocomplete .k-input, .k-input.form-control {
        height: calc(2.25rem + 2px);
        line-height: 1.5;
        text-indent: 0.4em;
    }


    .k-event-template {
        padding: .2em 1.4em .3em .6em;
    }


    :first-child.k-event-actions {
        margin-top: 0px;
    }

    .k-button.milk-danger:hover {
        background-color: #e9c8c8;
    }


    .k-textbox > .k-input {
        width: 100%;
        overflow: visible;
        vertical-align: middle;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(204, 204, 204);
    }

        .k-textbox > .k-input:hover {
            width: 100%;
            overflow: visible;
            vertical-align: middle;
            border-width: 1px;
            border-style: solid;
            border-color: rgb(174, 174, 174);
        }


    .k-window-titlebar {
        position: relative;
        height: auto;
    }

    .reportGrid th.k-header {
        white-space: normal !important;
    }
.reportGrid .k-column-title {
    white-space: normal !important;
}

    .k-grid tr td {
        border: none !important;
    }


    .k-grid {
        line-height: 1.3em;
        font-size: 0.75rem;
        font-weight: 400;
        font-family: Arial, sans-serif;
    }



        .k-grid td.k-command-cell {
            text-overflow: clip;
        }
    /* KENDO GRID */
    .k-grid-header th.k-header.k-filterable > .k-link {
        margin-right: 1.2em;
    }


    .k-grid-content {
        overflow-x: visible;
    }

    .k-pager-input .k-textbox > .k-input {
        display: inline-block;
    }

    .k-grid-header th.k-header {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #d3d3d3;
    }

    .k-widget .k-pager-wrap {
        border-top: 1px solid #d3d3d3;
    }

    .k-grid-header th.milk-numbercolumn, td.milk-numbercolumn, div.milk-numbercolumn {
        text-align: right !important;
    }

    .k-pager-numbers .k-link, .k-pager-wrap {
        line-height: 1.5em;
    }

    .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
        height: 1.5em;
    }

    .k-pager-wrap > .k-link {
        line-height: 1.5em;
        height: 1.5em;
    }

    .k-pager-nav {
        border-radius: 1.08em !important;
    }

    .k-pager-wrap .k-link {
        border-right-color: rgb(204, 204, 204) !important;
        border-left-color: rgb(204, 204, 204) !important;
        border-top-color: rgb(204, 204, 204) !important;
        border-bottom-color: rgb(204, 204, 204) !important;
    }

        .k-pager-wrap .k-link:hover {
            border-right-color: rgb(66, 139, 202) !important;
            border-left-color: rgb(66, 139, 202) !important;
            border-top-color: rgb(66, 139, 202) !important;
            border-bottom-color: rgb(66, 139, 202) !important;
        }

    .k-edge .k-pager-numbers .k-link, .k-webkit .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link {
        text-align: center !important;
    }

    .k-pager-wrap .k-pager-nav.k-pager-last {
        border-bottom-left-radius: 1.08em !important;
        border-bottom-right-radius: 1.08em !important;
        border-top-left-radius: 1.08em !important;
        border-top-right-radius: 1.08em !important;
    }

    .k-ie .k-pager-input k-textbox > .k-input {
        height: calc(1.38571428em + 2px);
    }

    .k-pager-input k-textbox > .k-input {
        line-height: 1.1em;
    }

    @media (max-width: 1025px) {
        .k-edge .k-grid .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers {
            left: 5.8em;
        }
    }

    .k-grid tbody .k-button {
        min-width: 24px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 5px;
        padding-bottom: 3px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .k-button-md.k-icon-button .k-button-icon {
        min-width: 15px;
        min-height: 15px;
    }

    .k-grid td {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .k-grid-content td {
        vertical-align: top;
    }

    .k-grid tr.milk-projectedline td {
        background-color: #f0c2c2;
    }

    .k-grid tr.milk-projectedline.k-alt td {
        background-color: #f5c7c7;
    }

    .k-grid tr.milk-creditReset td {
        border-bottom: 4px solid #008000;
    }

    .k-grid tr.milk-offroute td {
        background-color: #fff2ed;
    }

    .k-grid tr.milk-unprocessedline td {
        background-color: #ffe4e3;
    }

    .k-grid tr.milk-unprocessedline.k-alt td {
        background-color: #ffeeed;
    }

    .k-grid tr.milk-futureline td {
        background-color: #DAF4FE;
    }

    .k-grid tr.milk-futureline.k-alt td {
        background-color: #A7E2F8;
    }

    .k-grid tr.milk-projectedline.milk-lostOpportunity td {
        background: linear-gradient(#FFEDD9, #f0c2c2);
    }

    .k-grid tr.milk-projectedline.milk-lostOpportunity.k-alt td {
        background: linear-gradient(#FFD6A9, #f0c2c2);
    }


    .fullheightGrid .k-grid-content {
        height: auto !important;
        min-height: 30px;
        -ms-overflow-y: auto;
        overflow-y: auto;
    }

    .fullheightGrid .k-grid-header {
        padding-right: 0 !important;
    }

    .fullheightGrid .k-grid-footer {
        padding-right: 0 !important;
    }

.k-counter-container {
    color: #9C9C9C;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom:5px;
    margin-left: auto;
    float: right;
}

.k-grid .k-command-cell > .k-button {
    margin-inline-end: 4px;
}