/** ---- General ---- **/
html {
    background-color: rgb(245, 245, 245);
}

.general_title {
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: yellowgreen;
    padding-bottom: 15px;
}

.form-container {
    background-color: rgb(245, 245, 245);
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.page_header {
    font-weight: bold;
}

#main_body {
    padding-left: 25px;
    padding-right: 25px;
}

#main_title {
    border-bottom: 1px solid grey;
}

.quick-search-button {
    margin-top: 10px;
}

#main_content {
    margin-bottom: 25px;
}

.main-table {
    margin-top: 25px;
}

.button-group {
    margin-top: 25px;
}

.devExpress-button {
    margin-right: 5px;
}

/** Breadcrumbs **/
#main_nav {
    font-family: Arial;
    font-size: 10px;
    color: #777777;
    text-align: left;
    padding-bottom: 3px;
    padding-right: 5px;
    vertical-align: middle;
    border-bottom: 1px;
    margin-bottom: 25px;
}

    #main_nav a:link {
        font-family: Arial;
        color: #777777;
        text-decoration: none;
    }

    #main_nav a:visited {
        color: #777777;
        text-decoration: none;
    }

    #main_nav a:hover {
        color: #EE0000;
        text-decoration: none;
    }

/** Header **/
.header-oldRow {
    margin-top: 25px;
    margin-bottom: 25px;
}

.logo {
    max-height: 100px;
}

/** Footer **/
.footer-oldRow {
    margin-top: 150px;
}

/** Left Sidebar **/
#left_sidebar {
    padding-left: 25px;
}

/** Right Sidebar **/
#quick_search {
    margin-left: 25px;
    margin-right: 25px;
}

#quick_search_title {
    font-weight: bold;
    color: #555555;
}

.rowspace td {
    padding-bottom: 1em;
    vertical-align: top;
}

/* bootstrap mods - sidebar (menu)*/
a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    background: e6f5ff;
    color: #000000;
    transition: all 0.3s;
}

    #sidebar .sidebar-header {
        padding: 20px;
        background: e6f5ff;
    }

    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul p {
        color: #000000;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 0.9em;
        display: block;
        color: #000000;
    }

        #sidebar ul li a:hover {
            color: #077ED6;
            background: e6f5ff;
        }

    #sidebar ul li.active > a, a[aria-expanded="true"] {
        color: #000000;
        background: e6f5ff;
    }

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: e6f5ff;
}


/** ---- Individual Pages ---- **/

/** Login Page  **/
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    margin-top: 25px;
}

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

.login-button {
    margin-top: 25px;
    margin-bottom: 25px;
}

#error-text {
    color: #EE0000;
}

/** Assessment Questionnaire*/
#ctl00_cphMain_divAssessmentResponse {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #dbddff;
}

    #ctl00_cphMain_divAssessmentResponse table {
        width: 100%;
    }

    #ctl00_cphMain_divAssessmentResponse .header {
        text-align: center;
        font-weight: bold;
    }

    #ctl00_cphMain_divAssessmentResponse .assessmentCategory span {
        font-weight: bold
    }

    #ctl00_cphMain_divAssessmentResponse .assessmentResponse label {
        font-size: medium;
    }

    #ctl00_cphMain_divAssessmentResponse .assessmentResponse input {
        display: inline-block;
        margin: 0 15px 0 30px;
    }

/** Reports **/
.report-chart {
    margin-top: 15px;
    margin-bottom: 15px;
}

/** TLPPRogramMonthlyReportV2 **/
.dxChartDescription {
    padding: 8px;
    margin: 8px;
    width: 90%;
    font-size: 14px;
}
.dxChartDescription.blue {
    background: #8ac8ff;
}

.dxChartDescription.green {
    background: #a7e392;
}

.dxChartDescription.purple {
    background: #c2c2ff;
}

.report-row {
    margin-bottom: 18px;
}

.one {
    width: 8.333%;
    min-width: 8.333%;
}

.two {
    width: 16.667%;
    min-width: 16.667%;
}

.three {
    width: 25%;
    min-width: 16.667%;
}

.four {
    width: 33.333%;
    min-width: 16.667%;
}

.five {
    width: 41.667%;
    min-width: 16.667%;
}

.six {
    width: 50%;
    min-width: 16.667%;
}

.seven {
    width: 58.333%;
    min-width: 16.667%;
}

.eight {
    width: 66.667%;
    min-width: 16.667%;
}

.nine {
    width: 75%;
    min-width: 16.667%;
}

.ten {
    width: 83.333%;
    min-width: 16.667%;
}

.eleven {
    width: 91.667%;
    min-width: 16.667%;
}

.twelve {
    width: 100%;
    min-width: 16.667%;
    max-width: 100%;
}

.column, .columns {
    float: left;
    min-height: 1px;
    padding: 0;
}


.hr {
    display: block;
    height: 4px;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 25px;
    border-bottom: 1px solid #000;
}


.oldRow {
    width: 1200px;
    max-width: 100%;
    min-width: 768px;
    margin: 0 auto;
}

.oldRow .oldRow {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 -10px;
}

.oldRow.collapse .column, .oldRow.collapse .columns {
        padding: 0;
}

.oldRow .oldRow {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 -10px;
}

.oldRow .oldRow.collapse {
            margin: 0;
}

.oldRow {
    *zoom: 1;
}

.oldRow:before, .oldRow:after {
        content: "";
        display: table;
}

.oldRow:after {
        clear: both;
}

.chart-header {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 15px;
    font-weight: bold;
}

.background-grey-light {
    background: #EBF0F6;
}

.tlp-report {
    background-color: white;
    padding: 25px;
}
/** End TLPProgramMonthlyReportV2 **/
#dataentryform {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial;
    font-size: small;
}

    #dataentryform .label {
            vertical-align: middle;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #cccccc;
            padding-top: 4px;
            padding-bottom: 5px;
            font-family: Arial;
            font-size: small;
            color:black;
        }

        #dataentryform .label .required {
            vertical-align: top;
            font-weight:normal;
            color: red;
        }

    #dataentryform .labelreview {
        vertical-align: middle;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #cccccc;
        padding-top: 4px;
        padding-bottom: 5px;
        font-family: Arial;
        font-size: small;
        color: black;
        background-color: #EBF0F6;
    }

    #dataentryform .textbox {
        vertical-align: middle;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #cccccc;
        padding-top: 4px;
        padding-bottom: 5px;
        font-family: Arial;
        font-size: small;
        color: black;
        background-color: #EBF0F6;
    }

        #dataentryform .textbox input {
            vertical-align: middle;
            padding-top: 4px;
            padding-bottom: 5px;
            font-family: Arial;
            font-size: small;
            color: black;
            background-color: white;
        }

    #dataentryform .sectioninputheader {
        vertical-align: top;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #cccccc;
        padding-top: 4px;
        font-weight: bold;
        color: #000000;
        background-color: #e6f2ff;
    }

    #dataentryform .panel {
        vertical-align: top;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #cccccc;
        padding-top: 4px;
        font-weight: bold;
        color: #000000;
        background-color: #e6f2ff;
    }

.dxtcLite > .dxtc-content {
    border:none;
}


/* detail forms*/

/*

.label {
    vertical-align: middle;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
}

    .label .required {
        vertical-align: top;
        font-family: Arial;
        font-size: 12px;
        font-weight: 900;
        color: #AA0000;
    }
.labelreview {
    vertical-align: top;
    background-color: #EBF0F6;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
}

.labellong {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

table#terms {
    width: 620px;
}

table#sectionpanel {
    width: 600px;
}

td#rule {
    background-color: #cccccc;
    height: 1px;
}

td#subheaderline {
    width: 500px;
    font-family: Arial;
    font-weight: bold;
    color: #555555;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
}

td#subsubheaderline {
    width: 250px;
    font-family: Arial;
    font-weight: bold;
    color: #555555;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
}

td#subheader {
    width: 50px;
    font-family: Arial;
    font-weight: bold;
    color: #555555;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
}

td#label {
    width: 165px;
    vertical-align: middle;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    font-family: Arial;
    font-size: 12px;
}

td.label {
    width: 165px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

td#labelreview {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

td.labelreview {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

td#labellong {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

td.labellong {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

td#labellongbold {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

td.labellongbold {
    width: 400px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}



td#white {
    width: 400px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

td#blue {
    width: 400px;
    vertical-align: top;
    background-color: #EBF0F6;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arial;
    font-size: 12px;
}

input#input_white {
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

input.input_white {
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

textarea.input_white {
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

select.input_white {
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

input#input_blue {
    background-color: #EBF0F6;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

input.input_blue {
    background-color: #EBF0F6;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

textarea.input_blue {
    background-color: #EBF0F6;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

select.input_blue {
    background-color: #EBF0F6;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-family: Arial;
    font-size: 12px;
}

*/
/* end detail formss */