/* Minification failed. Returning unminified contents.
(115,23): run-time error CSS1038: Expected hex color, found '#fffff'
 */
/* CSS for DateTimePicker */
/* http://www.trentrichardson.com/examples/timepicker/ */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* 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;
}
/*
    various helper utilities
*/
.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-0 {
    margin: 0 !important;
}

.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.display-ib {
    display: inline-block;
}

.display-i {
    display: inline;
}

.display-b {
    display: block;
}
/*
    Break MWF and Bootstrap styles in here
*/

body {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #efeeef;
}

.navbar.navbar-inverse {
    background-color: #562a8b;
    background-image: none;
    color: #fff;
}

.navbar.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

    .navbar.navbar-inverse .navbar-nav > .active > a,
    .navbar.navbar-inverse .navbar-nav > .open > a {
        background-image: none;
        background-color: #341a54;
    }

.c-table {
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.c-table thead th {
    font-size: 13px;
}

table {
    background-color: white;
}

input.c-text-field.display-ib {
    display: inline-block;
}

/* decrease radio and checkbox labels weight */
.c-label > span[aria-hidden="true"] {
    font-weight: normal; 
}

/* wider select menu if needed */
.c-select.c-select-wide > .c-select-menu > ul.c-menu {
    width: auto;
    max-width: none;
}

/* remove empty option that is available in dropdown lists */
#-generated-select-menu-0:empty {
    display: none;
}

/* align glyphs */
.c-glyph {
    line-height: 1 !important;
}

/* default hr break is same color as bg */
hr {
    border-top: 1px solid #BBB;
}

/* remove label margins when MWFCheckbox container has margin-0 */
.c-checkbox.margin-0 > .c-label {
    margin: 0;
}

/* default MWF is to hide everything non-mwf -.- */
input[type="radio"] {
    appearance: radio;
    -moz-appearance: radio;
    -webkit-appearance: radio;
}

input[type="checkbox"] {
    appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}