/* Search Dropdown styling */
div .listsearch, div .float-link {
    clear: both;
    float: right;
}

div .listsearchdropdown {
    float: left;
    width: 160px;
    margin: 0;
}

div .listsearch {
    border-radius: 3px;
    box-shadow: 0 3px 0 #e0dad1, 0 1px 5px rgba(0, 0, 0, 0.15);
    margin: 5px 0px 10px 0px;
    float: left;
}

div #SearchString, #SearchButton {
    margin: 5px;
}

div #SearchTypeSelected {
    margin-top: 5px;
}

div .listsearch label {
    display: none;
}

div .listsearch input, div .listsearch button {
    border: 0;
    font-size: 0.8rem;
    display: block;
    height: 24px;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div .listsearch input {
    border-radius: 3px 0 0 3px;
    padding: 4px 6px;
    width: 200px;
}

div .listsearch button {
    background: #f6f3ee;
    border-radius: 0 3px 3px 0;
    color: #584f41;
    font-size: 0;
    padding: 4px 6px;
    width: 28px;
}

    div .listsearch button:before {
        font-size: 16px;
    }


ul.nav-main li:hover ul li:hover ul.popright {
    visibility: visible;
    opacity: 1;
}

ul.nav-main li:hover ul li {
    position: relative;
}

    ul.nav-main li:hover ul li ul.popright {
        position: absolute;
        top: 0;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.1s;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -o-transition: all 0.1s;
    }

a.haspopright {
    cursor: pointer;
}

    a.haspopright:after {
        content: 'u';
        color: #a89c8a;
        font-family: 'icomoon';
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        vertical-align: top;
    }

label.required {
    font-weight: 600;
}

    label.required:after {
        content: "*";
        font-size: 1.8rem;
        position: absolute;
        margin-left: 2px;
        margin-top: -5px;
    }

/* Kendo Modal */

.k-overlay {
    background-color: rgba(251, 250, 248, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: ease-in .25s;
    z-index: 10;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    background: #c4cfd4;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAJ1BMVEXEz9TCzdLF0NXG0dbJ1NjDztPAy9DBzNHH0tfI09jK1Ni+yc6/ys89+RDSAAADFUlEQVRIS52WwRIYOxEDW61o7QX+/3s5bIqCgrxUuPlke6QezUCkP1Z5Htwg07lsyDzUTQ5TjpKyM4g6BOZZBUOH3fRs02B7eGYrbSXu2cYSL7guw+/REq53wTeua7viYKw71xfsQzcAJrkOwqwXVlDPYZs7xDV3tjca9+hyecTRxWTOlRGyFWiGHQkt1NVlQMBIpx27aamZBcP927vNopVsTDeeMe/zjJ0ekjJnSgTZ5DXL+A7mbofXNcvsu+VOLhPmspbtoBfHxYbb22Ch/f4R2NazpRJktoELp3dpYXSnuOF+KcyvPA5jANc+HxX15Aj48tbmxe48tow2x+MZn27LsUGtnDuImTEyKjBqbLLTpoFEWEfZ7oFsp+hwwo8PMDXgkmwzVp/xr5NUVC3gbNNOqkTPxCv5SgS4qy35Ldv09LA/4RnvELJz+eGd7xbKodW7HbYNjxw8DaawCgX/HjiNqcPaweQeNxuawYeAumvLtvtbq4Yb5dJ5VXMtJTJAQ1hkLA56p9dlx9NX6/IBzN4LW/a1F3QiXnaUCdSbxASsOL2kYwcGZ52QmQ34Km160XDx7Il3hd3pm5/M/bL7Kl6e+MXhMrv28IsaXb0V9AUwSB0ZxV3GYW5NB6B+cITTxu08+XQofUbi5WXmLunXBMfcI9tkKxnpQ4XtT9OPDJvxZtutM2FqJptJCD03qN6XX1t2zJhnge0x6nkAu27pNx6yMwZ9hEBJyy7cxdFMShI4jrN0B/Rz4O7O2U68T5p7BzzGuzbybESS4Siedut6d4U3gVOwkG2LtZtrMt931ImHaWYq39Xz3upZXLzkVrhrL7nyM3Y6bRx3/NY5w0rPl8rfFPvvaL+X9s1Y+0X1h6TxeDEZbFKshgf7V1mFWUPlks1U7713LnrF2X/IqsdI+f9mZUnYZTsLv8+PP99HQjdqLb2fd8PY6wC2sk/8ZZqFXuod61aWyD3b6Wmk7O4q5rgOc4GWWnfHHLQ8f70N/Ke1Ab9VgHO4zXLuF8AbWXn5fWz3pmi2lvFTiX8HddtNY9X1f0j6TyKBGz2onsVGAAAAAElFTkSuQmCC");
    box-shadow: inset 0 200px 200px -150px #afc5cf;
}

.k-popup-edit-form.k-window-content.k-content {
    margin: 0;
    padding: 0;
    background: #f6f3ee;
}

.k-window-titlebar.k-header {
    height: 1.8rem;
    background: #e0dad1;
    border-bottom: solid 2px #584f41;
    font-weight: bold;
    font-size: .9rem;
    line-height: 1rem;
}

.k-edit-buttons.k-state-default {
    border-top: solid 1px #4095bf;
    height: 3rem;
}

.k-window-content.k-content {
    margin: 0;
    padding: 0;
}

.k-edit-form-container {
    min-width: inherit;
    background: #faf8f5;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 3px 0 #e0dad1, 0 1px 5px rgba(0, 0, 0, 0.15);
    font-size: 1.0rem;
    clear: both;
    margin: 10px;
    padding: 5px 10px 10px 10px;
    position: relative;
}

.editor-label {
    color: #584f41;
}

.k-edit-form-container .required:after {
    content: "*";
    font-size: 1.8rem;
    position: absolute;
    margin-left: 2px;
    margin-top: -5px;
}

.k-button {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    background: #ddd3c6;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 3px 0 #a89c8a;
    cursor: pointer;
    outline: none !important;
    color: #584f41;
    line-height: 20px;
    text-decoration: none;
    display: block;
    height: 20px;
    padding: 0 10px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    float: left;
}

span.k-icon.k-cancel, span.k-icon.k-update {
    display: none;
}

.k-button:hover {
    background-color: #ece7df;
}

.k-button:active {
    margin-bottom: -2px;
    margin-top: 2px;
    box-shadow: 0 1px 0 #a89c8a;
}

.k-button.k-grid-update {
    background: #4095bf;
    box-shadow: 0 3px 0 #4b809b;
    color: #fff;
    float: right;
}

    .k-button.k-grid-update:hover {
        background: #64b3db;
    }

span.k-icon.k-edit, span.k-icon.k-delete {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: none;
    padding: 0;
    margin: 0;
}

/* Todo: Get the icon to show instead of the text. */
.k-icon.k-edit, .k-icon.k-delete {
    display: none;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: 0;
}

a.btn {
    margin-bottom: 4px;
}

.btn.edit-btn {
    width: 100%;
    margin-right: 30px;
}

/* Kendo Dropdown Menu */

.k-widget.k-dropdown.k-header {
    width: 100%;
}

li.k-item.k-state-selected {
    color: #2e2e2e;
    border: 1px solid #584f41;
}

    li.k-item.k-state-selected.k-state-focused.k-state-hover {
        border: 1px solid black;
        background-color: #bcb4b0;
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    }

/* EditorFor ints need this to show up as the correct size */
.text-box.single-line, .k-widget.k-datepicker {
    width: 100%;
}

fieldset div > .k-pager-wrap .k-state-selected {
    margin-top: 2px;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

input[type=checkbox] {
    margin: 0;
}

.VoucherDetails {
    height: 75px;
}

.field-validation-error {
    display: none !important;
}

.start-group {
    color: #584f41;
    text-align: left
}

@media print {

    a {
        color: #000;
    }

        a.select2-choice {
            display: none;
        }

        a.show-data, a.toggle {
            display: block;
            cursor: pointer;
        }

    button {
        display: none;
    }

    aside {
        display: none;
    }

    .modal {
        display: none;
    }

    .hide-when-printed {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }

    body {
        font-family: sans-serif;
        background: #fff;
        margin: 0;
    }

    .btn {
        display: none;
    }

    #wrapper {
        margin: 0 auto;
        width: 100%;
    }

    header[role=banner] {
        display: none;
    }

    .panel-actions {
        display: none;
    }

    .actions {
        display: none;
    }

    #content {
        padding: 0;
        background: #fff;
    }

    fieldset legend:before {
        content: none;
    }

    fieldset {
        background: #fff;
    }

        fieldset.collapsible a.toggle:before, fieldset.collapsible.collapsed a.toggle:before {
            content: none;
        }


        fieldset.collapsed > * {
            display: initial !important;
        }

        fieldset.collapsed .actions {
            display: none !important;
        }

        fieldset legend {
            border-bottom: 2px solid #000;
            font-size: 1.2em;
        }

        fieldset label {
            color: #444;
        }

    input {
        display: none;
    }

    fieldset.inline p label {
        /*font-size: 1.0em;*/
    }

    fieldset.condensed label {
        width: 15em;
    }

        fieldset.condensed label + span {
            padding: 4px 4px 0px 15em;
        }

    fieldset.condensed .diminutive label, fieldset.condensed .minuscule label, fieldset.condensed .fine label {
        width: 7.5em;
    }

        fieldset.condensed .diminutive label + span, fieldset.condensed .minuscule label + span, fieldset.condensed .fine label + span {
            padding-left: 7.5em;
        }

    label {
        font-size: 1.0em;
        font-weight: bold;
    }

    fieldset span {
        font-size: 0.8em;
    }

    .k-grouping-header {
        display: none;
    }

    table thead {
        font-size: 1.0em;
    }

    table td, table th {
        padding: 3px;
    }

    footer {
        display: none;
    }

    h5 {
        font-size: 1.0em;
        padding: 0;
        height: initial;
        margin: 5px 0;
    }

    .detail-list {
        background-color: #fff;
        width: initial;
    }

    .detail-list-item {
        border: 0;
        overflow: initial;
        width: 100%;
    }

        .detail-list-item h1 {
            font-size: 1.0em;
            line-height: 2.0em;
        }

        .detail-list-item p {
            color: #000;
        }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.loading {
    display: block;
    font-size: 48px;
    height: 48px;
    width: 48px;
    margin: 0 auto;
    color: black;
    -webkit-animation: rotate 1s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation: rotate 1s infinite;
    -moz-animation-timing-function: linear;
    animation: rotate 1s infinite;
    animation-timing-function: linear;
    -webkit-transform-origin: 24px 24px;
}

.with-menu .icon-cog::before, .with-menu .icon-cog::after {
    vertical-align: -25% !important;
}

.with-menu ul {
    margin-left: 0px;
}

.k-event {
    min-height: 2.8em;
}