/* K- SELECT */
.f-flex, .f-flex.c-button, .f-flex.c-text-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

select.k-select { /*border: 1px solid rgb(169, 169, 169);*/
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 0px;
    position: relative;
    min-width: 88px;
    max-width: 100%;
    width: 100%;
    height: 36px;
    display: block;
    margin-top: 20px;
}

    select.k-select:disabled, select.k-select[readonly] {
        background: #e6e6e6;
    }

.c-label + select.k-select {
    margin-top: 0px;
}

/* Make it so the hint tooltip button doesnt have ridiculous padding */
label.c-label button.c-glyph.c-action-trigger, label.c-label a.c-glyph.c-action-trigger {
    min-width: 0px;
    padding: 0px;
    border-top: 0px;
    margin-top: 0px;
}

    label.c-label button.c-glyph.c-action-trigger:before, label.c-label a.c-glyph.c-action-trigger:before {
        margin-left: 4px;
    }


/*
    site components not yet built out by mwf nor bootstrap
*/

.navbar-logo {
    width: 140px;
    margin-top: -9px;
}

.login-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #562a8b;
    text-align: center;
    padding-top: 5%;
}

    .login-screen img {
        display: block;
        margin: 0 auto;
        max-width: 300px;
    }

footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35px;
    padding: 10px 0;
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    z-index: 9999;
}

    footer .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

.c-progress.f-progress-center  {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.5em;
    margin-left: -5em;
}
div.kendo-no-data {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    filter: alpha(opacity=60);
    background-color: #fffff;
    font-size: 2em;
}
div.kendo-no-data p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -3.5em;
}
.c-table td .c-checkbox .c-label {
    width: 100%;
}
.c-table td .c-checkbox input[type="checkbox"] {
    position: relative !important;
}
td.kendo-grid-actions > div > ul.c-context-menu {
    min-width: 50px;
    padding-right: 15px;
}
td > div.c-action-menu {
    float: right;
}
div.c-table {
    overflow: visible;
}
div.c-table > table {
    table-layout: fixed;
    word-wrap: break-word;
}
div.c-table thead.k-grid-header, tr.k-alt {
    background: transparent;
}
td button.c-action-trigger {
    margin-top: 0px;
}

.published {
    color: #5DC21E;
    font-size: 2em;
    display: block;
    text-align: center
}
.publishedYellow {
    color: #F0C854;
    font-size: 2em;
    display: block;
    text-align: center
}

/*Extra MWF Glyphs*/
/*http://getmwf.com/getting-started/designing/glyphs.html*/
.c-glyph.glyph-document:before {
    content: "\E7C3";
}
.c-glyph.glyph-person:before {
    content: "\E77B";
} 
.c-glyph.glyph-star:before {
    content: "\E734";
}
.c-glyph.glyph-list:before {
    content: "\E8FD";
}
.c-glyph.glyph-refresh:before {
    content: "\E895";
}

/*Kendo Overides to look like MWF*/
/*http://getmwf.com/getting-started/designing/glyphs.html*/
.k-filterable span.k-filter, span.k-i-filter {
    float: right;
}
.k-filterable a.k-grid-filter.k-state-active {
    color: #0078D7;
}
.c-table .k-icon.k-i-arrow-n {
    display: none;
}
.c-table .k-icon.k-i-arrow-s {
    display: none;
}
.k-icon.k-filter:before,
.k-icon.k-i-filter:before {
    font-family: "MWF-MDL2";
    content: "\E71C";
}
.k-icon.k-calendar:before,
.k-icon.k-i-calendar:before {
    font-family: "MWF-MDL2";
    content: "\E787";
}
.k-icon.k-i-sort-asc-sm:before {
    font-family: "MWF-MDL2";
    content: "\E74A";
}
.k-icon.k-i-sort-desc-sm:before {
    font-family: "MWF-MDL2";
    content: "\E74B";
}
.k-icon.k-i-arrow-60-up:before {
    font-family: "MWF-MDL2";
    content: "\E70E";
}
.k-icon.k-i-arrow-60-down:before {
    font-family: "MWF-MDL2";
    content: "\E70D";
}

/* mobile styles */
@media only screen and (max-width: 767px) {
}

.red {
    color: red;
}

.required {
    color: red;
    padding-left: 12px;
    padding-right:12px;
}

.recommend {
    font-size: 12px;
}