﻿#body {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
}

#topbar, #topmenu {
    display: block;
}

#summary {
    display: none;
}
/*.print_header{ display: block;}*/
.tooltip, .sidenav, .head_button {
    display: none;
}

a[href]:after {
    content: none !important;
}

.scrollToTop {
    display: none !important;
}

.portfolioSummary {
    display: none !important;
}

.list_item {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.list_nav {
    width: 100%;
    padding-bottom: 10px;
    float: left;
    clear: both;
}

    .list_nav a {
        padding: 8px;
        border: 1px dotted #888;
        color: #888;
        text-decoration: none;
    }

        .list_nav a.selected {
            border: 1px solid black;
            color: #000;
        }

.webform {
    border: 1px solid black;
    width: 98%;
    padding: 1%;
    float: left;
    clear: both;
}

#conplchldBodyControls_portfolioViewer_WBASummaryHeaderContainer {
    page-break-after: always;
}

.panel-journal {
    page-break-after: always;
}

.panel-body:after {
    clear: both;
    page-break-after: always;
}

.panel-collapse.collapse {
    display: block;
}

.button {
    display: none;
}

.btn {
    display: none;
}

a.btn {
    display: none;
}

h4.panel-title {
    page-break-before: auto;
}

/*portfolio related*/
.wba-rating {
    float: left;
    padding: 3px 8px;
    margin-top: -2px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
}

.r0, .rN {
    background: #D2D2D2;
}

.r1, .rD, .rU {
    background: #F9B255;
}

.r2, .rS {
    background: #4CD9C0;
}

.r3, .rO {
    background: #50BAEC;
}

.r4 {
    background: black;
}

.r0:after {
    content: "-N"
}

.r1:after {
    content: "-D"
}

.r2:after {
    content: "-S"
}

.r3:after {
    content: "-O"
}

.r {
    width: 98%;
    float: left;
    clear: both;
    padding: 1%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0px;
}

    .r:last-child {
        border-bottom: 1px solid #ccc;
    }

    .r:hover {
        background: #e7e7e7;
    }

.rw {
    width: 98%;
    float: left;
    padding: 1%;
    font-weight: bold;
    padding: 2% 1%;
}

.r_aes {
    width: 98%;
    float: left;
    clear: both;
    padding: 1%;
    border-radius: 0px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px dotted #ddd;
    margin: 1px 0px;
}

.txt {
    width: 98%;
    float: left;
    clear: both;
    padding: 1%;
    border-radius: 0px;
    margin: 1px 0px;
}

.r_aes:hover {
    background: #f7feac;
    border: 1px solid #ff9c00;
    cursor: pointer;
}

.qu {
    width: 50%;
    float: left;
    margin-top: 10px;
}

.sr {
    width: 18%;
    float: left;
}

.ra {
    width: 300px;
    float: right;
    background: url('/images/icons/msf_background.png');
}


.r_n {
    background: #D2D2D2;
    color: #ffffff;
    padding: 10px 0px;
    float: left;
    text-align: center;
    margin-right: 1px;
}

.r_d {
    background: #F9B255;
    color: #ffffff;
    padding: 10px 0px;
    float: left;
    text-align: center;
    margin-right: 1px;
}

.r_s {
    background: #4CD9C0;
    color: #ffffff;
    padding: 10px 0px;
    float: left;
    text-align: center;
    margin-right: 1px;
}

.r_o {
    background: #50BAEC;
    color: #ffffff;
    padding: 10px 0px;
    float: left;
    text-align: center;
    margin-right: 1px;
}

.ratings_header {
    float: left;
    color: #888888;
    font-size: 18px;
    margin: 30px 0px 20px 0px;
    width: 100%;
}


/*msf  related styling*/

.msf-header-date {
    text-align: left;
    width: 400px;
}

.msf-header-level {
    text-align: left;
    width: 200px;
}

.msf-header-rater-name {
    text-align: left;
    width: 400px;
}

.msf .content {
    padding: 1em;
}

    .msf .content .msf-ratings-header {
    }

.msf-rating-0, .msf-rating-1, .msf-rating-2, .msf-rating-3 {
    text-align: center;
    vertical-align: middle;
}

    .msf-rating-0 div, .msf-rating-1 div, .msf-rating-2 div, .msf-rating-3 div {
        padding: 6px 0;
        width: 70%;
        margin: auto;
    }

    .msf-rating-0 div {
        background-color: #D2D2D2;
    }

    .msf-rating-1 div {
        background-color: #F9B255;
    }

    .msf-rating-2 div {
        background-color: #4CD9C0;
    }

    .msf-rating-3 div {
        background-color: #50BAEC;
    }

.msf-rating-none {
    border: none;
    padding: 0;
    margin: 0;
    width: 0;
    background-color: transparent;
}


.msf-rating-table > tbody > tr > td:first-child + td {
    padding: 0.5em;
}


.msf-rating-table > tbody > tr > td {
    padding: 0.5em;
    border: solid 1px #777;
}

.msf-rating-table {
    padding-left: 2em;
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.msf-rating-table-row {
    width: 100%;
    height: 50px;
    position: relative;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    /*background-image: url('/images/icons/msf_background.png');
    background-repeat: repeat-x repeat-y;*/
}

.msf-rating-table-row-trainee-rating {
    width: 100%;
    height: 50px;
}

.msf-rating-table-question-header {
    width: 40%;
    text-align: left;
}

.msf-rating-table-trainee-rating-header {
    width: 20%;
    text-align: center;
}

.msf-rating-table-raters-header {
    width: 40%;
    text-align: left;
}

.pba_ratings_table {
    padding-left: 1.5em;
}

    .pba_ratings_table h4 {
        padding: 0;
        margin: 0;
    }

.pba_ratings_row {
    margin-bottom: 1.5em;
}

    .pba_ratings_row td {
        vertical-align: middle;
        text-align: center;
        height: 3em;
        width: 3em;
        padding: 0.25em;
        margin: 0;
        font-size: 85%;
    }

        .pba_ratings_row td span {
            font-size: 85%;
        }

.expanded .slider:hover {
    background-color: #000;
    color: #fff;
}

.expanded .slider-up {
    background-color: #444;
    color: #fff;
}

.expanded .slider-down {
    background-color: #000;
}

.loading {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/icons/ajax-loader-2.gif') !important;
}

.ajax_container {
    margin-top: -5px !important;
}

.topic_row {
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    padding-top: 10px;
    height: 46px;
}

    .topic_row a {
        padding: 5px 20px;
        background-color: #eee;
        border-radius: 6px;
        color: #000;
    }

        .topic_row a:hover {
            background-color: #444;
            color: #fff;
            text-decoration: none;
        }

        .topic_row a.selected {
            background-color: #444;
            color: #fff;
            text-decoration: none;
            padding-bottom: 16px;
            border-radius: 6px 6px 0px 0px;
        }

.levels {
    background-color: #444;
    color: #fff;
    border-radius: 6px 6px 0px 0px;
}

.topics_and_progress {
    table-layout: auto;
    border: 1px solid #bbb;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 30px;
    clear: both;
}

    .topics_and_progress > thead > tr > th {
        padding: 10px;
        text-align: left;
    }

    .topics_and_progress > tbody > tr > th {
        padding: 10px;
        text-align: left;
        border-top: 1px solid #bbb;
    }

    .topics_and_progress > tbody > tr > td {
        padding: 10px;
    }

    .topics_and_progress > tbody > tr.topic_row > td {
        border-top: 1px solid #bbb;
    }

.mainheader {
    background-color: #ccc;
    font-weight: bold;
    padding: 10px;
}

.topic_category_container {
    border: 1px solid #ccc;
}

.subheader {
    background-color: #eee;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 0.9em;
    padding: 10px;
    height: 42px;
    margin-bottom: -4px;
    padding-left: 0;
    padding-right: 0;
}

/*portfolio related*/

/* line 19, bootstrap/_print.scss */
/*a,*/
/*a:visited {
    text-decoration: underline;
    
  }

    /* line 39, bootstrap/_print.scss */
pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}

/* line 44, bootstrap/_print.scss */
thead {
    display: table-header-group;
}

/* line 49, bootstrap/_print.scss */
tr,
img {
    page-break-inside: avoid;
}

/* line 53, bootstrap/_print.scss */
img {
    max-width: 100% !important;
}

/* line 59, bootstrap/_print.scss */
p,
h2,
h3 {
    orphans: 3;
    widows: 3;
}

/* line 65, bootstrap/_print.scss */
h2,
h3 {
    page-break-after: avoid;
}

/* line 73, bootstrap/_print.scss */
select {
    background: #fff !important;
}

/* line 78, bootstrap/_print.scss */
.navbar {
    display: block;
    position: relative;
}

/* line 83, bootstrap/_print.scss */
.btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
}

/* line 87, bootstrap/_print.scss */
.label {
    border: 1px solid #000;
}

/* line 91, bootstrap/_print.scss */
.table {
    border-collapse: collapse !important;
}
    /* line 95, bootstrap/_print.scss */
    .table td,
    .table th {
        background-color: #fff !important;
    }

/* line 101, bootstrap/_print.scss */
.table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
}
