html, body {
    height: 100%;
    margin: 0;
}

.wrapper {
    display: table;
    /* just to make sure nothing bleeds */
    height: 100%;
    width: 100%;
}

.header {
    display: table-row;
}

.content {
    display: table-row; /* height is dynamic, and will expand... */
    height: 100%; /* ...as content is added (won't scroll) */
}

.footer {
    display: table-row;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.header-separator {
    left: 0;
    background: #7EA700;
    margin: 0;
    border: 0;
    height: 2px;
    width: 100%;
}

.footer-separator {
    position: fixed;
    left: 0;
    background: #7EA700;
    margin: 0;
    border: 0;
    height: 1px;
    width: 100%;
}

footer {
    position: fixed;
    bottom: 0;
    clear: both;
    background-color: #fff;
    color: #808080;
    font-size: .8em;
    /*height: 20px;*/
    width: 100%;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}



.k-widget .templateCell {
    overflow: visible;
}

/* No border for menu */
.myMenuStyle {
    float: left;
    border: 0;
}

    .myMenuStyle.k-menu > .k-item {
        border-style: none;
    }

        .myMenuStyle.k-menu > .k-item > .k-link > .k-icon {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAABtSURBVEhLtdSxDYAwDAVRd6zBmMxExTiMwBbG7q+8b+k1VzhKilR3R2E0YTRhNO1c4wnZ3fWOPSphd9cxzpAD382E0YTRhNG0c48vZHeHD6BrmTCaMJowmnayX8VM/LPLftf0biaMJowmjJ6uH/sN+zVc9UCIAAAAAElFTkSuQmCC);
            background-position-x: 0;
            background-position-y: 0;
            -webkit-background-size: 24px 24px;
            background-size: 24px 24px;
            padding: 4px;
        }

        .myMenuStyle.k-menu > .k-item > .k-link > .k-icon {
            margin: -2px 10px 0;
        }

        .myMenuStyle.k-menu > .k-item.k-first > .k-link {
            padding-right: 0;
        }

/* File menu */
.fileUploadDownloadMenu {
    display: inline-block;
    vertical-align: bottom;
    height: 29px;
    margin-left: -5px;
}

    .fileUploadDownloadMenu.k-menu > .k-item {
        border-style: none;
    }

        .fileUploadDownloadMenu.k-menu > .k-item > .k-link {
            padding-left: 0;
            padding-right: 0;
        }

            .fileUploadDownloadMenu.k-menu > .k-item > .k-link > .k-icon {
                margin-right: 0;
            }


/* style is only used for marking some divs */
.myLogTemplateDiv {
}

.cert-full-width {
    width: 100%;
}

textarea.cert-textarea {
    height: 80px;
    resize: vertical;
}


.k-edit-cell input {
    color: #787878;
}


/* Align the labels left, the default from bootstrap is right. */
.form-horizontal .control-label {
    text-align: left;
}


/* Hide kendo dirty flag indicator. */
.k-dirty {
    border-color: transparent transparent transparent transparent;
}


.cert-centered {
    text-align: center;
    vertical-align: top;
}

    .cert-centered div {
        margin-left: 4px;
        margin-right: 4px;
    }

.cert-left {
    text-align: left;
    vertical-align: central;
}

    .cert-left div {
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

.cert-validation-error div {
    margin-left: 4px;
    margin-right: 4px;
}

.container {
    /* Additional empty space for the footer element. */
    padding-bottom: 15px;
}

.nav-pills > li > a {
    color: #333;
    border: #7EA700;
    border-style: solid;
    border-width: 1px;
}

    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus {
        color: #ffffff;
        background-color: #7EA700;
    }

.cert-progressbar-fullwidth div {
    width: 100%;
}


/* Additional background color for disabled buttons. */
.k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active {
    background-color: #cccccc;
}

/* Kendo grid min heigt for rows defined. When the content is larger than 20px the height will be adjusted. */
.k-grid tbody tr, .k-grid tbody tr td {
    height: 20px;
}

/* Left align the kendo tooltip text. */
.k-tooltip-content {
    text-align: left;
}

/* Kendo button with image improved. */
.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
    vertical-align: middle;
    margin-right: 5px;
}

.k-radio-label {
    display: inline;
}

    .k-radio-label:before {
        box-sizing: content-box;
    }

/* No border radius for nav pills. */
.nav-pills > li > a {
    border-radius: 0px;
}

/* The label weight should be normal. */
label {
    font-weight: normal;
}

/* Invert the button image color while hovering. */
/*.k-button :hover img {
    -webkit-filter: invert(100%) !important;
}*/

/* Smaller style for horizontal line */
hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #cccccc;
}

/* Hide default icon on notification */
.k-widget.k-notification > .k-notification-wrap > .k-icon {
    display: none;
}

/* Hide the drop down icon for structure nodes */
li[data-is-structure-node] > span > span {
    background-image: none;
}

/* Fix line height for virtual grid, otherwise the virtual grid will not work correctly */
.k-virtual-scrollable-wrap td {
    white-space: nowrap;
    line-height: 26px;
}


/* Make grid header narrower*/
.k-grid-header th.k-header > .k-link {
    margin-right: 0px;
}

.reviewerpanel {
    margin-top: -10px;
}

.reviewersection {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.reviewerpanel > .reviewersection {
    display: none;
}

.reviewerpanel div:last-child {
    border: none;
}

/**
* Fix some Grid Icons
*/

.k-i-sort-asc-sm {
    background-position: -112px -240px
}

.k-i-sort-desc-sm {
    background-position: -112px -256px
}

.k-i-more-vertical {
    background-position: -64px -32px
}

.k-i-arrow-60-down {
    background-position: 0 -35px
}