body, textarea {
    background-color: #FFFFFF;
    color: #696969;
    font-family: Tahoma, Helvetica,Verdana, "Trebuchet MS",Sans-Serif;
    /*font-size: 0.85em;*/
    margin: 0;
    padding: 0;
}

body {
    padding-top: 70px;
}

a {
    color: #4183C4;
    cursor: pointer;
}

    a:link {
        color: #4183C4;
        text-decoration: none;
    }

    a:visited {
        color: #4183C4;
    }

    a:hover {
        color: #1D60FF;
    }

    a:active {
        color: #707070;
    }

    a.back, a.backlink {
        display: block;
        margin: 10px 0;
    }

        a.back:hover, a.backlink:hover {
            color: #049cdb;
        }

    a.red {
        color: Red;
    }

    a.btn {
        color: #fff;
    }

    a.btn-default {
        color: #333;
    }

    a.btn-link {
        color: #337ab7;
    }

    a.k-button {
        color: initial;
    }

p, ul {
    line-height: 1.6em;
    margin-bottom: 20px;
}

img {
    border-style: none;
    border-width: 0px;
}

p.text-big {
    font-size: 25px;
    text-align: center;
    color: #707070;
    font-weight: lighter;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Verdana, Tahoma, sans-serif;
}

pre {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    white-space: pre-line;
    font-family: Verdana;
    font-size: 11px;
}


header, footer, nav, section {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-size: 1.5em;
}

h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}

    h1.title-big {
        clear: both;
        font-size: 50px;
        text-align: center;
        font-style: normal;
        color: #707070;
        font-weight: lighter;
        font-family: 'Segoe UI Light', 'Segoe UI', Arial, Verdana, Tahoma, sans-serif;
    }

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

@media (max-width: 768px) {
    h1.title-big {
        font-size: 70px;
    }
}

h1.title-big.small {
    font-size: 40px;
}



h2 {
    padding: 0 0 10px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h2.maintitle {
    font-weight: 600;
    margin: 0;
    padding: 0;
}

h4.tight, p.tight {
    margin: 0;
    padding: 0;
}

h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, h6.gray {
    color: #999999;
}

a.button-big {
}

span.red {
    color: #FF0000;
}

span.blue {
    color: #0000CC;
}

span.yellow {
    color: #FF9900;
}

span.purple {
    color: #9900CC;
}

span.strong {
    font-weight: bold;
}

.tight-top {
    margin-top: 0;
    padding-top: 0;
}

.page {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.page-header {
    margin-top: 10px;
}

.wrap, #message div {
    width: 1000px;
}

.page, .wrap, #message div {
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    background-image: url("/Content/images/bg/top_bg.gif");
    background-position: center top;
    background-color: #586570;
    background-repeat: repeat-x;
    color: #000000;
    height: 70px;
    margin: 0;
    padding: 0;
}

    header h1, #header h1 {
        border: medium none;
        color: #FFFFFF;
        font-size: 20px !important;
        font-weight: bold;
        margin: 0;
        padding: 5px 0;
    }

.main {
    background-color: #F5F5F5;
    background-image: url("/Content/images/bg/content_bg.gif");
    background-repeat: repeat-x;
    padding-bottom: 10px;
}

#main {
    padding: 15px 30px;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto 20px;
}

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
        min-height: 4em;
    }

    .form-signin input[type="checkbox"] {
        margin-left: auto;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 100%;
    }

.file-uploads li {
    list-style: none;
}

footer, #footer {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    clear: both;
    color: #999999;
    font-size: 0.9em;
    line-height: normal;
    margin: 0px 0px 30px 0px;
    padding: 10px 0px;
    text-align: left;
}

#footer-left {
    float: left;
}

#footer-right {
    float: right;
    width: 300px;
}

#message {
    width: 100%;
    position: fixed;
    top: 0px;
    display: none;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

    #message.s {
        background-color: #E1FFDA;
        border-bottom: 4px solid Green;
        color: Green;
        z-index: 1040;
    }

    #message.w {
        background-color: #FFEEEE;
        border-bottom: 1px solid #FDC7C7;
        color: red;
    }

#message-content {
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-top: 15px;
}

#message.s #message-content {
    background-image: url("/Content/images/sucess.png");
}

#message.w #message-content {
    background-image: url("/Content/images/fail.png");
}

#message-close {
    float: right;
    margin-top: 10px;
}

    #message-close:hover {
        cursor: pointer;
    }

ul#menu {
    height: 70px;
    margin: 0px auto 0px auto;
    padding: 5px 0 0;
    text-align: left;
}

    ul#menu li {
        display: inline;
        list-style: none outside none;
        padding: 0;
    }

        ul#menu li a {
            background-position: center 5px;
            background-repeat: no-repeat;
            border-radius: 4px 4px 4px 4px;
            color: #DEDFE0;
            display: inline-block;
            padding: 35px 5px 4px;
            text-align: center;
            text-decoration: none;
            font-size: 11px;
            width: 65px;
        }

            ul#menu li a:hover {
                background-color: #3A4249;
                color: #FFFFFF;
                text-decoration: none;
            }

            ul#menu li a:active {
                background-color: #FFFFFF;
                color: #3A4249;
                text-decoration: none;
            }

        ul#menu li.selected a {
            background-color: #FFFFFF;
            color: #000000;
        }

        ul#menu li a.dashboard {
            background-image: url("/Content/images/icon_menu_dashboard.png");
        }

        ul#menu li a.control {
            background-image: url("/Content/images/icon_menu_control.png");
        }

        ul#menu li a.actionplans {
            background-image: url("/Content/images/icon_menu_action_plans.png");
        }

        ul#menu li a.assesments {
            background-image: url("/Content/images/icon_menu_assesments.png");
        }

        ul#menu li a.process {
            background-image: url("/Content/images/icon_menu_process.png");
        }

        ul#menu li a.reports {
            background-image: url("/Content/images/icon_menu_report.png");
        }

        ul#menu li a.weight {
            background-image: url("/Content/images/icon_menu_weight.png");
        }

        ul#menu li a.tests {
            background-image: url("/Content/images/icon_menu_tests.png");
        }

        ul#menu li a.system {
            background-image: url("/Content/images/icon_menu_system.png");
        }

        ul#menu li a.customers {
            background-image: url("/Content/images/customers.png");
        }

        ul#menu li a.users {
            background-image: url("/Content/images/users.png");
        }

        ul#menu li a.items {
            background-image: url("/Content/images/items.png");
        }

        ul#menu li a.economy {
            background-image: url("/Content/images/economy.png");
        }

        ul#menu li a.log {
            background-image: url("/Content/images/icon_menu_log.png");
        }

ul#submenu {
    border-bottom: 2px solid #CCCCCC;
    margin: 0 0 5px;
    padding: 2px;
    vertical-align: bottom;
}

    ul#submenu li {
        display: inline;
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

        ul#submenu li a {
            color: #4183C4;
            font-weight: bold;
            height: 24px;
            margin: 0;
            padding: 4px 8px;
            text-decoration: none;
        }

            ul#submenu li a:hover {
                border-bottom: 2px solid #4183C4;
                color: #333333;
                text-decoration: none;
            }

            ul#submenu li a:active {
                border-bottom: 2px solid #999999;
                text-decoration: none;
            }

        ul#submenu li.selected a {
            border-bottom: 2px solid #4183C4;
            color: #333333;
        }

ul#submenu-btn {
    margin: 0 0 5px;
    padding: 0 0 1px 0;
}

    ul#submenu-btn li {
        display: inline;
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

ul#breadcrumbs {
    margin: 0 0 10px;
    padding: 0 0 0 5px;
    text-align: left;
}

    ul#breadcrumbs li {
        background-image: url("/Content/images/arrow_left.gif");
        background-position: right center;
        background-repeat: no-repeat;
        display: inline;
        list-style: none outside none;
        margin: 0 5px 0 0;
        padding: 0 10px 0 0;
    }

        ul#breadcrumbs li:last-child {
            background-image: none;
        }



fieldset {
    border: 1px solid #DDDDDD;
    margin: 0 0 5px;
    padding: 9px 1.4em 1.4em;
}

    fieldset.save {
        border-style: none;
        margin: 0;
        padding: 0;
        text-align: right;
    }

    fieldset.filter {
        margin-bottom: 0;
        padding: 5px;
        border-bottom: solid 1px #d1d1d1;
        background-image: url('/Content/images/bg/lightgray2.png');
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #e7e7e7;
    }

        fieldset.filter div {
            display: inline;
        }

        fieldset.filter .editor-label {
            margin: 0px;
            width: auto;
            float: none;
        }

        fieldset.filter .editor-field {
        }

        fieldset.filter h3 {
            margin: 0px;
            color: #333333;
            font-weight: normal;
            font-size: 11pt;
        }

        fieldset.filter input[type='submit'] {
            float: right;
            background: none;
            color: black;
            border-left: solid 1px #d1d1d1;
        }


    fieldset legend {
        font-size: 1.2em;
        margin: 10px;
        width: inherit;
        border-bottom: initial;
    }

    fieldset p {
        margin: 0px 0px 10px 0px;
    }

.list-checkbox {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-weight: bold;
}

    .list-checkbox li ul {
        font-weight: normal;
        list-style-type: none;
        padding-left: 5px;
    }

        .list-checkbox li ul span {
            font-weight: bold;
        }

        .list-checkbox li ul li {
            padding-left: 5px;
        }


select.short,
input[type="text"], input[type="password"], textarea.form-control {
    border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 1.2em;
    padding: 2px;
    width: 200px;
}

textarea.form-control {
    width: inherit;
}

/*.checkbox input[type=checkbox] {
    margin-left: 0;
}*/

.checkbox-description-info {
    display: inline;
    margin-left: 40px;
    padding: 7px;
}

textarea {
    min-height: 45px;
}

    textarea.short {
        width: 200px;
    }

    textarea.big {
        min-height: 200px;
    }


select {
    border: 1px solid #CCCCCC;
    color: #444444;
    font-size: 1.2em;
    padding: 2px;
    height: 25px;
}

/*input[type="submit"], .button-create, .button {
    background-color: #3A4249;
    border-radius: 4px 4px 4px 4px;
    border-style: none;
    font-weight: bold;
    padding: 5px 10px;
}*/

a.button {
    color: White;
    font-size: 10pt;
}

    a.button.unselected {
        color: #cecece;
    }

input:disabled, textarea:disabled, select:disabled {
    background-color: #eeeeee;
}

input[type="submit"]:disabled {
    color: #BEBEBE;
}

input.short {
    width: 62px;
}

input.long-number[type="number"] {
    width: 150px;
}

input .short-number[type="text"] {
    width: 30px;
}

a.button-create {
    color: #FFFFFF;
}

input.full-width[type="text"] {
    width: 570px;
}

textarea.full-width {
    width: 950px;
}

.wide, textarea {
    width: 570px;
}

.required {
    color: Red;
    margin-left: 5px;
    margin-right: 5px;
}

.required-description {
    font-style: italic;
}

div.k-grid {
    margin-bottom: 20px;
}

    div.k-grid.table .k-detail-cell {
        padding: 0;
    }

    div.k-grid.table .k-grid-toolbar .k-button {
        float: right;
    }

    div.k-grid th.k-header[data-dir="asc"],
    div.k-grid th.k-header[data-dir="desc"] {
        background-color: #D4F1A8;
    }

    div.k-grid th.k-header.k-filterable .k-grid-filter.k-state-active,
    .filter-active {
        background-color: pink;
    }

    div.k-grid.table tbody > tr > td > a.k-button.k-grid-delete:hover {
        background-color: #d9534f;
    }

    div.k-grid.table tbody > tr > td > a.k-button.k-grid-delete:active {
        background-color: red;
    }

    div.k-grid .k-multiselect ul {
        display: grid;
    }

    div.k-grid .k-multiselect .k-button {
        display: inline-flex;
    }

        div.k-grid .k-multiselect .k-button span:first-of-type {
            text-align: left;
        }

        div.k-grid .k-multiselect .k-button + .k-button {
            margin-top: 2px;
        }


@media (min-width: 992px) and (max-width: 1199px) {
    .sortable-panel div.k-grid .k-grid-header th.k-with-icon .k-link {
        margin-right: 8px;
    }

    .sortable-panel div.k-grid .k-grid-header th.k-header,
    .sortable-panel div.k-grid .k-filter-row th {
        white-space: normal;
        text-overflow: initial;
    }

        .sortable-panel div.k-grid .k-grid-header th.k-header > .k-link {
            display: initial;
            padding-left: .3em;
            padding-right: .3em;
        }
}

.k-detail-row div.k-grid {
    margin-bottom: 0;
}

.k-grid .k-progressbar {
    width: 80px;
    height: 1.42em;
}

.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-grouping-header {
    display: none;
}

.k-multicheck-wrap input[type="checkbox"] {
    margin-right: 3px;
    vertical-align: text-bottom;
}

td[role='gridcell'] > .user-info {
    white-space: nowrap;
}

.table {
    border: medium none;
    border-collapse: collapse;
}

    .table td {
        padding: 5px;
        vertical-align: text-top;
    }

    .table thead tr th {
        border-bottom: 1px solid #E8EEF4;
        padding: 6px 5px;
        text-align: left;
    }

    .table tbody tr.k-alt:hover > td,
    .table tbody tr.k-alt.selected > td {
        background-color: #f2f2f2;
    }

    .table tbody tr.k-alt:hover + tr.k-alt > td {
        background-color: inherit;
    }

    .table tbody a.k-button.k-grid-update:visited {
        color: white;
    }

    .table tbody tr.k-detail-row table tr:hover td a.btn,
    .table tbody tr.k-detail-row:hover td .k-button a,
    .table tbody tr.k-detail-row td a.k-grid-update {
        color: #fff;
    }

    .table tbody tr.k-detail-row table tr:hover td a.k-button {
        color: inherit;
    }

    .table tbody tr.k-detail-row table tr:hover td a.btn-default {
        color: #333;
    }


    .table thead tr th.check {
        width: 20px;
    }

    .table tbody tr.group td {
        background-color: inherit;
        color: inherit;
        font-weight: bold;
        padding-top: 5px;
    }

    .table tbody.tr.alt {
        background-color: #E9E9E9;
    }

    .table td.k-hierarchy-cell + td.k-detail-cell {
        padding-right: 0;
    }

    .table .k-detail-cell .btn.btn-default {
        margin: 7.5px auto;
    }

    .table .history-info-table > span.label {
        font-size: 12px;
        font-weight: 500;
    }

.k-grid .k-detail-cell > .row {
    margin-right: 0px;
}

table tbody {
    font-size: 13px;
}


.tr-info:hover {
    cursor: pointer;
}

.table tbody tr.list-info > td {
    border: solid 1px #cecece;
    background-color: #fff;
    margin-bottom: 5px;
    display: none;
    color: inherit;
}

.table tbody tr.list-info:hover > td {
    background-image: none;
}

.table tbody tr.list-info > td a {
    color: #4183C4;
}

.table thead tr th.version {
    width: 50px;
}

.text-bold {
    font-weight: bold;
}

#grid span.text-risk {
    color: red;
}

#grid .no-top-border {
    border-top: none;
}

#grid .k-grid tr td {
    border-left: 0;
}

#grid .label {
    font-size: inherit;
    font-weight: inherit;
    display: inline-block;
}

.grid-filter {
    border: 1px solid #DDDDDD;
    margin-bottom: 0;
    padding: 4px;
    border-bottom: solid 1px #d1d1d1;
    background-image: url('/Content/images/bg/lightgray2.png');
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #e7e7e7;
}

.inner {
    padding: 3px 10px;
}

/* Pager */



.grid-header {
    margin: 0;
    padding: 0;
}

.grid-options {
    text-align: right;
}

.grid-results {
    margin: 5px 0;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

[data-container-for="FinancialImpact"] span.k-widget.k-dropdown.k-header {
    width: 145px;
}

.k-pager-wrap .k-dropdown {
    width: 5.5em;
}

.k-pager-numbers .k-state-selected {
    line-height: 2em;
}

.paging {
    /* 	margin: 5px 0; 	border: 1px solid #ccc; 	background-color: #f1f1f1; 	*/
    margin: 8px 3px;
    padding: 3px;
}

.pager .disabled {
    border: 1px solid #ddd;
    color: #eeeeee;
    margin-top: 4px;
    padding: 3px;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
}

.pager .current {
    background-color: #3A4249;
    border-radius: 4px 4px 4px 4px;
    border-style: none;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
}

.pager span, .pager a {
    margin: 4px 3px;
}

.pager a {
    border-radius: 4px 4px 4px 4px;
    border-style: none;
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.scroll-view {
    overflow: scroll;
    width: 100%;
}


.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.column-left {
    float: left;
    width: 780px;
}

.column-left-small {
    float: left;
    width: 210px;
}

.column-left-3 {
    float: left;
    width: 293px;
}

.column-right-1 {
    float: left;
    width: 580px;
}

.column-right {
    float: left;
    width: 780px;
}

.column-right-small {
    float: left;
    width: 210px;
}

.column-three-double {
    width: 650px;
    float: left;
}

.column-three-single {
    width: 350px;
    float: left;
}

.error {
    color: Red;
}

ol.margin li, ul.margin li {
    margin-bottom: 10px;
}

nav, #menucontainer {
    border: 0 solid #CECECE;
    display: inline-block;
    margin-bottom: auto;
    margin-left: auto;
}

div#title {
    display: block;
    padding-top: 15px;
    float: left;
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-style: normal;
}

div#title, #logindisplay {
    width: 169px;
}

#logindisplay {
    margin-top: 5px;
    color: White;
    display: inline-block;
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 5px;
    text-align: right;
}

    #logindisplay .email {
        color: #CECECE;
        font-size: 0.8em;
        font-weight: normal;
        line-height: 9pt;
        margin-bottom: 4px;
    }

    #logindisplay a:link {
        color: white;
        font-size: 0.9em;
        font-weight: normal;
        margin-left: 10px;
        text-decoration: none;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

a#login-link {
    margin: 4px 0;
}

#login-box {
    margin-top: 45px;
}

    #login-box ul {
        list-style-type: none;
    }

.field-validation-error {
    color: #FF0000;
    margin-left: 5px;
}

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

.input-validation-error {
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}

.validation-summary-errors {
    background-color: #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    margin: 10px 0;
    padding: 10px 15px;
}

    .validation-summary-errors.light {
        background-color: transparent;
        border-style: hidden;
        padding: 0px;
        font-weight: normal;
    }

        .validation-summary-errors.light span {
            display: block;
            text-align: center;
        }

    .validation-summary-errors span {
        display: block;
        font-weight: bold;
    }

.validation-summary-errors {
    color: #FF0000;
    font-weight: bold;
}

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

.input-validation-error {
    background-color: #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    opacity: 0.7;
}

    .input-validation-error span {
        display: block;
        font-weight: bold;
    }

.text-box {
    width: 30em;
}

.k-popup-edit-form .text-box {
    width: inherit;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

label {
    font-weight: inherit;
}

.prefix-label {
    font-weight: bold;
}

.editor {
    min-height: 50px;
}

.editor-label {
    display: inline-block;
    float: left;
    padding-right: 8px;
    text-align: right;
    width: 150px;
    padding-top: 5px;
}

    .editor-label label {
        padding-right: 5px;
    }

.editor-field {
    display: inline-block;
}

.editor-description {
    min-height: 21px;
    max-width: 550px;
}

    .editor-description span {
        display: none;
        font-size: 90%;
    }

.content-margin {
    margin: 10px;
}

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

.content-margin-bottom {
    margin-bottom: 10px;
}

.content-margin-left {
    margin-left: 10px;
}

.content-margin-right {
    margin-right: 10px;
}

.risk, .info, .highlight {
    padding: 10px 15px;
}

.risk {
    background-color: #FEF1EC;
    background-image: url("/Content/images/icon_menu_assesments.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #CD0A0A;
    padding-left: 50px;
}

    .risk, .risk span {
        color: #CD0A0A;
        color: Black;
    }

        .risk span {
            display: block;
            font-weight: bold;
        }

.highlight {
    background-color: #FBF9EE;
    background-image: url("/Content/images/icon_warning.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    border: 1px solid #FCEFA1;
    padding-left: 50px;
}

    .highlight, .highlight span {
        color: #363636;
    }

        .highlight span {
            display: block;
            font-weight: bold;
        }

.info {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    width: 300px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 15px;
}


    .info.wide {
        width: auto;
    }

    .info h5 {
        font-weight: normal;
        color: #aaaaaa;
        margin: 0px;
        margin-bottom: 3px;
        margin-top: 8px;
        margin-left: -5px;
    }

form .panel {
    padding: 15px 15px 0px 15px;
}

.panel {
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #E6E6E6;*/
    /*float: left;*/
    /* min-height: 150px; */
    /* width: 305px; */
}

    .panel h1 {
        background-image: url("/Content/images/bg/top_bg.gif");
        background-position: center top;
        background-repeat: repeat-x;
        color: #FFFFFF;
        font-size: 14px;
        margin: 0;
        padding: 3px 0 5px 5px;
    }

.panel-gray {
    background-color: #E6E6E6;
}

.form-horizontal .form-group,
.panel .form-group {
    margin-bottom: 0;
}

text-right {
    text-align: right;
}

.success {
    background-color: #E1FFDA;
    border: 1px solid Green;
    color: Green;
    font-weight: bold;
    padding: 15px 30px;
}



















.ui-autocomplete {
    background-color: white;
    border: 1px solid #CECECE;
    padding: 0;
    width: 350px;
}

.ui-autocomplete-selected {
    background-color: #C5F3C8;
}

.ui-menu-item {
    border-bottom: 1px solid #CECECE;
    list-style: none outside none;
    margin: 0;
}

.ui-state-hover {
    background-color: #444A52;
    background-image: url("/Content/images/bg/top_bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
    color: #DEDFE0;
}

.ui-menu-item a:hover {
    color: #DEDFE0;
    cursor: pointer;
}

.ui-menu-item a {
    display: block;
    padding: 0 5px;
}

.ui-menu-item .heading {
    display: block;
    font-weight: bold;
}

.ui-menu-item:last-child {
    border-bottom: medium none;
}

.ui-dialog {
    background-color: White;
    border-radius: 4px 4px 4px 4px;
}

.ui-dialog-titlebar {
    background-image: url("/Content/images/bg/top_bg.gif");
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
    padding: 15px 10px;
}

.ui-dialog-titlebar-close {
    color: White;
    float: right;
}

.ui-dialog-content {
    padding: 10px;
}

.ui-widget-overlay {
    background-color: Black;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
}

.ui-datepicker {
    background-color: White;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #CCCCCC;
    border-top-width: 0px;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker a:hover {
    background-color: transparent;
}


.process-item {
    background-color: #B0B6D2;
    border-radius: 14px 14px 14px 14px;
    float: left;
    min-height: 150px;
    margin: 1%;
    width: 31%;
}

.process-item-title {
    margin: 0;
    padding: 10px;
}

.process-item-content li {
    background-color: #848DBA;
    border: 3px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
}

    .process-item-content li:hover {
        background-color: #707BB1;
        cursor: pointer;
    }



.tab {
    padding: 0px;
}

    .tab li {
        padding: 5px 10px 5px 10px;
        margin: 0px;
        list-style: none;
        display: inline-block;
        background-image: url('/Content/images/bg/tab.png');
        background-repeat: repeat-x;
        color: #ededed;
        border-left: solid 1px #aaaaaa;
    }

        .tab li:first-child {
            border-radius: 4px 0px 0px 4px;
            border-left-style: none;
        }

        .tab li:last-child {
            border-radius: 0px 4px 4px 0px;
        }

.info-box {
    min-width: 250px;
    display: none;
    background-color: #fff;
    border: solid 1px #cecece;
    position: absolute;
    padding: 5px;
}

.info-box-link:hover {
    cursor: default;
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

ul.menu-row,
ul.menu-left {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    /*width: 200px;*/
}

    ul.menu-row li.break div {
        border-left: thin solid #607D8B;
        height: 3em;
        margin: 0 15px;
    }

    ul.menu-left li {
        padding: 0px 4px 0px 0px;
        margin-left: 0px;
        float: none;
    }


        ul.menu-left li.break {
            border-bottom-style: none;
            height: 10px;
        }

        ul.menu-left li a {
            display: block;
            padding: 4px 0px 4px 10px;
            margin: 0px;
            border-bottom: solid 1px #cecece;
        }

        ul.menu-left li:last-child a {
            border-bottom-style: none;
        }

        ul.menu-row li a:hover,
        ul.menu-left li a:hover {
            color: #333333;
        }

        ul.menu-left li.selected {
            margin-left: 0px;
            padding-left: 0px;
        }

            ul.menu-row li.selected a,
            ul.menu-left li.selected a {
                background-image: url(/Content/images/bg/top_bg.gif);
                color: #DEDFE0;
            }


.info-list-box {
    list-style-type: none;
    padding: 0px;
    /*margin: auto;*/
}

    .info-list-box > div {
        border-bottom: 4px solid white;
        border-left: 4px solid white;
    }
    /*.info-list-box .full-width
{
	width: 1000px;
}*/

    .info-list-box > li {
        /*text-align: left;
	margin: 0px;
	margin-right: 4px;
	margin-top: 4px;
	width: 300px;
	float: left;
	padding: 10px;*/
        background-color: #f1f1f1;
        min-height: 120px;
        font-family: Arial;
        font-weight: lighter;
        text-align: left;
        margin: 0px;
        margin-right: 4px;
        margin-top: 4px;
    }
    /*.info-list-box.three li
{
	width: 308px;
}

.info-list-box > li.double
{
	width: 626px;
}*/

    .info-list-box :hover {
        background-color: #eeeeee;
    }

    .info-list-box h2 {
        font-size: 20pt;
        color: #aaaaaa;
        margin: 0px;
        font-family: Arial;
        font-weight: lighter;
    }

    .info-list-box h4 {
        font-size: 12pt;
        color: #aaaaaa;
        margin: 0px 0px 10px 0px;
        font-family: Arial;
        font-weight: lighter;
    }

    .info-list-box > li.stat div {
        font-size: 70pt;
        margin-top: 30px;
        text-align: center;
    }

    .info-list-box > li .stat {
        text-align: center;
        line-height: 100px;
        font-size: 70pt;
        color: #aaaaaa;
        display: block;
    }

    .info-list-box > .link {
        padding: 0px;
        /*width: 341px;*/
        /* min-height: inherit; */
    }

        .info-list-box > .link a {
            font-size: 25px;
            width: 309px;
            padding: 10px;
            display: block;
        }

            .info-list-box > .link a span.description {
                padding-top: 10px;
                color: #aaaaaa;
                font-size: 15px;
                display: block;
            }

/*#dashboard-chart-filter-view {
    float: right;
}*/

#dashboard-filter-buttons {
    text-align: center;
    margin: -7px 0 10px 0;
}

    #dashboard-filter-buttons br + button {
        margin-top: 5px;
    }

/* Bootstrap adpotions */
.bg-gray {
    background-color: #f1f1f1;
}

.form-control-static {
    padding-top: 6px;
    padding-bottom: 6px;
}

.chosen-choices {
    border-radius: 4px;
}

a.navbar-brand > img {
    height: 16px;
}

/* Convert nav-stacked to horozontal nav */
@media (max-width: 991px) {
    .nav-stacked > li {
        float: left;
    }

        .nav-stacked > li + li {
            margin-top: 0;
            margin-left: 2px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-fixed-top .navbar-header {
        overflow: hidden;
        width: 24px;
        height: 50px;
    }

        .navbar-fixed-top .navbar-header > a.navbar-brand > img {
            height: 100%;
            height: 25px !important;
        }

    .navbar-fixed-top .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-fixed-top ul.nav.navbar-nav {
        width: 696px;
    }

    .navbar-fixed-top .nav > li:last-of-type {
        float: right;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-fixed-top .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-fixed-top .nav > li:last-of-type > a {
        padding-right: 0px;
    }

    .navbar-fixed-top ul.nav.navbar-nav {
        width: calc(100vw - 225px);
    }
}

@media (min-width: 1200px) {
    .navbar-fixed-top .nav > li > a {
        padding-left: 13px;
        padding-right: 13px;
    }

    .navbar-fixed-top ul.nav.navbar-nav {
        width: calc(100vw - 225px);
    }
}

#navbar-filter {
    width: 100%;
}

    #navbar-filter .navbar-brand b {
        color: black;
    }

    #navbar-filter .fa-filter {
        margin: 1.3em .5em 1.3em 0;
        float: left;
    }


ol.spaced li, ul.spaced li {
    margin-bottom: 10px;
}

dl.topped {
    margin-top: 0px;
}

dl.spaced dt {
    margin-top: 5px;
    margin-bottom: 3px;
}

    dl.spaced dt:first-child {
        margin-top: 0px;
        margin-bottom: 3px;
    }

.affix-topfix.affix {
    top: 55px;
}

tr.centered td {
    text-align: center;
}

    tr.centered td.no-center {
        text-align: left;
    }

tr th.right, tr td.right {
    text-align: right;
}


tr.hirarchy1 td:first-child {
    padding-left: 20px;
}

tr.hirarchy2 td:first-child {
    padding-left: 40px;
}

tr.hirarchy3 td:first-child {
    padding-left: 60px;
}

a.link-icon {
    font-size: 18px;
    text-decoration: none;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
}

#control-parameters ul {
    list-style-type: none;
    margin-bottom: 10px;
}

#control-parameters li span {
    font-style: italic;
}

#control-parameters > ul {
    padding-left: 0;
}

/*.action_progress.k-progressbar .k-progress-status-wrap {
    display: none;
}*/

.k-progress-status-wrap {
    margin-top: -.25em;
}

.k-state-selected {
    border-color: #CCCCCC;
}

.special-select .k-item span.special-select {
    color: #fff;
    background-color: #5cb85c;
}

#grid_ActionPlan.k-grid .k-progressbar {
    height: 16px;
}

    #grid_ActionPlan.k-grid .k-progressbar .k-progress-status {
        position: absolute;
        right: 0px;
        top: -5px;
    }

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 2px 1px 0;
}

.activity_progress.k-progressbar .k-item {
    cursor: pointer;
}

.p {
    margin: 0 0 10px;
}

[id^=ActivityLog] .k-grid-header {
    display: none;
}

.table tbody tr:hover td a.btn-success,
.table tbody tr.selected td a.btn-success,
a.btn-success,
a.btn-success:hover,
.table tbody tr:hover td a.btn-warning,
.table tbody tr.selected td a.btn-warning,
a.btn-warning,
a.btn-warning:hover {
    color: #fff;
}

.sortale-panel div.k-grid,
.sortale-panel div.k-chart {
    padding: 0;
}

div.k-chart#chart-assertions g > g,
div.k-chart#chart-performance g > g,
div.k-chart.assessmentSectionBarCharts g > g {
    cursor: pointer;
}

.assertion-chart-tooltip {
    text-align: left;
    float: left;
}

/* sortable PANELS */
.sortable-panel {
    margin: 0 0 10px;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}

    .sortable-panel:hover {
        background-color: #fcfcfc;
        border-color: #cccccc;
    }

    .sortable-panel > div {
        padding: 10px;
        min-height: 50px;
    }


    .sortable-panel .handler {
        font-size: 0.86em;
        padding: 10px;
        margin: 0;
        text-transform: uppercase;
        background-color: #e7e7e7;
        font-weight: bold;
        cursor: move;
    }

        .sortable-panel .handler span {
            float: right;
        }

            .sortable-panel .handler span:hover {
                cursor: pointer;
                background-color: #e7e7e7;
                border-radius: 20px;
            }

        .sortable-panel .handler .fa-filter {
            float: right;
            margin-right: 5px;
            margin-top: 1px;
        }

    .sortable-panel.placeholder {
        opacity: 0.4;
        border: 1px dashed #a6a6a6;
    }

@media (min-width: 1200px) {
    .sortable-panel {
        margin: 0 0 20px;
    }
}

.panel-wrap {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.panel-heading .handler span.collapse:hover {
    cursor: pointer;
    background-color: #e7e7e7;
    border-radius: 20px;
}

.panel-heading .handler span.collapse {
    float: right;
}

#left-column,
#right-column {
    display: table-cell;
    margin: 0;
    padding: 10px;
    vertical-align: top;
}

@media (min-width: 992px) {
    #left-column {
        padding: 10px 5px 0px 10px;
    }

    #right-column {
        padding: 10px 10px 0px 5px;
    }
}

@media (min-width: 1200px) {
    #left-column {
        padding: 20px 10px 0px 20px;
    }

    #right-column {
        padding: 20px 20px 0px 10px;
    }
}

.hint {
    width: 250px;
    height: 100px;
    overflow: hidden;
}

    .hint > h3 {
        padding-left: 20px;
    }

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 50px;
    height: 50px;
    padding: 8px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 27px Arial, sans-serif;
}


.modal-header {
    background-color: #eee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-title {
    font-weight: bold;
}

.value-shape {
    width: 2.5em;
    height: 2.5em;
    border-radius: 1.25em;
    margin-bottom: 15px;
    border: 1px solid;
    text-align: center;
    font-size: x-large;
    display: inline-block;
}

    .value-shape > span {
        line-height: 2.5em;
    }

    .value-shape > .value {
        vertical-align: baseline;
        display: inline-block;
    }

    .value-shape.blue {
        border-color: #3B3BD7;
    }

    .value-shape.red {
        border-color: #FF0000;
    }

    .value-shape.purple {
        border-color: #9900CC;
    }

    .value-shape.yellow {
        border-color: #FF9900;
    }

    .value-shape.green {
        border-color: #5cb85c;
    }

    .value-shape[id$='-comingControls'],
    .value-shape[id$='-activeActionPlans'] {
        cursor: pointer;
    }

.ellipsis {
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

    .ellipsis:hover {
        white-space: normal;
        overflow: visible;
    }

.table-ellipsis {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
}

tr:hover > td > .table-ellipsis {
    /*display: inline-flex;*/
    white-space: normal;
    overflow: visible;
}

@media (min-width: 992px) {
    .container {
        width: calc(100vw - 60px);
    }
}

/*@media (min-width: 1700px) {
    .container {
        width: 1670px;
    }
}*/

.accordion-toggle > .fa {
    display: inline-block;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.accordion-toggle.collapsed > .fa {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.fa-stack {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .fa-stack + .fa-stack,
    .tooltip + .fa-stack {
        margin-left: -6px;
    }

#clearFilter-controlPerformance {
    margin-bottom: 10px;
    padding: 0 5px;
}

    #clearFilter-controlPerformance > a {
        color: black;
    }

.organization .fa.k-sprite,
.fa.k-sprite::before {
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
}


div[role=tabpanel] {
    padding: 15px;
    border: 1px solid #dddddd;
    border-top: 0px;
}


/* Visual markers.
   E.g. for roles. */

.circle-border {
    border: 2px solid #484848;
    border-radius: 12px;
    border-radius: calc(1.65em/2);
    width: 1.65em;
    height: 1.65em;
    display: inline-block;
}

    .circle-border > div {
        position: relative;
        left: 1px;
        top: 1px;
        border-radius: 8px;
        border-radius: calc(1.15em/2);
        width: 1.15em;
        height: 1.15em;
        /*.circle-border .circle-dark-shadow */
        /*box-shadow: inset -4px -4px 7px #444;*/
    }

    .circle-border .circle-inner-red {
        background-color: red;
    }

    .circle-border .circle-inner-green {
        background-color: green;
    }

    .circle-border .circle-inner-gray {
        background-color: lightgray;
    }

    .circle-border .circle-inner-blue {
        background-color: blue;
    }

    .circle-border .circle-inner-orange {
        background-color: orange;
    }

    .circle-border .circle-inner-white {
        background-color: white;
    }

    .circle-border .circle-inner-black {
        background-color: #444;
    }

.disableSection {
    background-color: #CCCCCC;
    filter: alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity: 0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    /*background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;*/
}

.permission {
    border: 2px solid;
    height: 1.65em;
    min-width: 1.6em;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
}

    .permission * {
        font-family: Helvetica, Arial, sans-serif;
    }

.no-permission {
    width: 1.6em;
    display: inline-block;
}

.k-treeview .k-item {
    padding-left: 18px;
    position: relative;
    overflow: hidden;
}

    .k-treeview .k-item .k-sprite {
        margin-top: 2px;
    }

.k-treeview-lines .k-item::before {
    content: "";
    height: calc(100% - 1px);
    position: absolute;
    top: 0;
    left: 10px;
    border-left: 1px dotted #7b7b7b;
}

.k-treeview-lines .k-top:before,
.k-treeview-lines .k-mid:before,
.k-treeview-lines .k-bot:before {
    content: "";
    display: block;
    width: 9px;
    height: .71428571em;
    position: absolute;
    top: 5.8px;
    left: 11px;
    border-bottom: 1px dotted #7b7b7b;
}

.k-treeview-lines .k-last::before {
    height: .8em;
    padding-top: 4px;
}

div#reportrange {
    max-width: 350px;
}

.custom-overlay > .label {
    position: absolute;
    top: 46%;
    top: calc(50% - 1em);
    left: 42%;
    left: calc(50% - 73px);
    border: 1px solid darkgray;
    padding: 5px;
    font-size: initial;
    font-weight: normal;
}

.table.edit-sm a.k-button.k-button-icontext.k-grid-edit,
.table.edit-sm a.k-button.k-button-icontext.k-grid-link {
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 6px;
    min-width: 36px;
}

td[role="gridcell"] > span.label + span.label {
    margin-left: 5px;
}

.checkbox-inline + div.tooltip + .checkbox-inline,
.radio-inline + div.tooltip + .radio-inline {
    margin-top: 0;
    margin-left: 10px;
}

/* effects on adjacent objects, e.g. .show("bounce") */
tr.assessment-info td.status div.ui-effects-wrapper {
    display: inline;
}

tr.assessment-info td .radio {
    margin-top: 0;
    margin-bottom: 0;
}

tr.assessment-info[data-visible="true"] {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

    tr.assessment-info[data-visible="true"] + tr.list-info > td {
        border-top: none;
    }

    tr.assessment-info[data-visible="true"],
    tr.assessment-info[data-visible="true"] + tr.list-info > td {
        background-color: #ffe6e6;
    }

        tr.assessment-info[data-visible="true"]:hover {
            background-color: #f2d9d9;
        }

tr.assessment-info[data-disabled="true"],
tr.assessment-info[data-disabled="true"] + tr.list-info td:first-child {
    background-color: #eeeeee;
}

tr.assessment-info[data-visible="false"][data-answered="true"],
tr.assessment-info[data-visible="false"][data-answered="true"] + tr.list-info > td {
    background-color: #e1ffda;
}

    tr.assessment-info[data-visible="false"][data-answered="true"]:hover {
        background-color: #c8e6c1;
    }

.dateInterval {
    font-size: 50%;
    font-weight: 500;
}

tr.list-info fieldset {
    border: none;
    margin: inherit;
    padding: inherit;
}

div.k-grid .k-multiselect filter {
    display: grid;
}

.control_action-plan__thead {
    background-color: #e3e3e3;
}

.control_action-plan__th--namecol {
    min-width: 60px;
}

.k-grid-header .k-header {
    white-space: normal !important;
    word-wrap: break-word !important;
}

.listbox__instead-description--marginb {
    margin-bottom: 21px;
}