/* 
Author: Start Bootstrap - http://startbootstrap.com
'SB Admin' HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/


/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */


/* Global Styles */

html, body {
    font-family: "SegoeUI", "Segoe UI", "Helvetica Neue", sans-serif;
}

html, body {
    height: 100%;
}

body {
    margin-top: auto;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    -ms-overflow-style: scrollbar;
}

div#divBODY {
    padding-left: 25%;
}

div.CWBoxTopLeft {
    background-image: none;
}

div.CWBoxTopRight {
    background-image: none;
}

body#Legal {
    margin-top: 25px;
}

    body#Legal > div.container:first-child {
        width: 100%;
        padding: 0 0;
    }

.wrap-anywhere {
    overflow-wrap: anywhere;
}

.preserve-line-break {
    white-space: break-spaces;
}

.no-shadow {
    box-shadow: none !important;
}

#wrapper {
    padding-left: 0px;
}

#page-wrapper {
    width: 100%;
    padding: 5px 15px;
}

.d-flex {
    display:flex;
}

.margin-bottom {
    margin-bottom: 10px !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.e-rte-image.e-imgcenter, .e-rte-video.e-video-center {
    cursor: pointer;
    display: block;
    float: none;
    margin: 5px auto;
    max-width: 100%;
    position: relative;
}

.e-rte-image.e-imgright, .e-rte-video.e-video-right {
    float: right;
    margin: 0 auto;
    margin-left: 5px;
    text-align: right;
}

.wrap-anywhere {
    overflow-wrap: anywhere;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar, .messages-dropdown .dropdown-menu .message-preview .name, .messages-dropdown .dropdown-menu .message-preview .message, .messages-dropdown .dropdown-menu .message-preview .time {
    display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
    float: left;
    margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
    font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
    font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
    font-size: 12px;
}

#adjacentLogo {
    float: left;
}

#LearnerLogo {
    float: left;
}

.clear-both {
    clear: both;
}


/* Nav Announcements */

.announcement-heading {
    font-size: 17px;
    margin: 0px;
    font-weight: bold;
}

.announcement-text {
    margin: 0px;
}


/* Table Headers */

table.tablesorter thead .sorter-true, #form-approval-table table th[data-sortcolumn] {
    cursor: pointer;
}

table.tablesorter thead tr th.sorter-true:hover {
    background-color: #FAFAFA;
}


/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}


/* Edit Below to Customize Widths > 768px */

@media (min-width:768px) {
    /* Wrappers */
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 15px 25px;
    }
    /* Side Nav */
    .side-nav {
        margin-left: -225px;
        left: 225px;
        width: 225px;
        position: fixed;
        top: 50px;
        height: 100%;
        border-radius: 0px;
        border: none;
        background-color: transparent;
        overflow-y: auto;
    }
        /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
        .side-nav > li.dropdown > ul.dropdown-menu {
            position: relative;
            min-width: 225px;
            margin: 0px;
            padding: 0px;
            border: none;
            border-radius: 0px;
            background-color: transparent;
            box-shadow: none;
            -webkit-box-shadow: none;
        }

            .side-nav > li.dropdown > ul.dropdown-menu > li > a {
                color: #FFFFFF;
                padding: 15px 15px 15px 25px;
            }

                .side-nav > li.dropdown > ul.dropdown-menu > li > a:hover, .side-nav > li.dropdown > ul.dropdown-menu > li > a.active, .side-nav > li.dropdown > ul.dropdown-menu > li > a:focus {
                    color: #fff;
                    background-color: #FFFFFF;
                }

        .side-nav > li > a {
            width: 225px;
        }
    /* Nav Messages */
    .messages-dropdown .dropdown-menu {
        min-width: 300px;
    }

        .messages-dropdown .dropdown-menu li a {
            white-space: normal;
        }

    .navbar-collapse {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .badge-danger {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: red;
        border-radius: 10px;
    }

    .badge-primary {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: #50768e;
        border-radius: 10px;
    }

        .badge-primary:hover {
            background-color: #94c5ca;
            text-decoration: none;
        }

    .badge-success {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: green;
        border-radius: 10px;
    }

    .badge-default {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: #777;
        border-radius: 10px;
    }

    .side-nav > li > a {
        background-color: #55B9B7;
        color: #FFFFFF;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #BE0F34;
    }

    .xsmall {
        font-size: 65%;
    }

    .xlarge {
        font-size: 150%;
    }

    .navbar-client {
        float: left;
        height: 20px;
        margin-left: 120px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
        display: inline-block;
    }
}

.white {
    color: #ffffff;
}

.panel-heading > h3 {
    text-align: center;
}

.panel-heading > .action {
    float: right;
}

.modal {
    overflow-y: auto;
}

.panel-label {
    padding: 2px 10px;
}

.panel-divider {
    height: 1px;
    margin: 2px 0;
    background-color: #999966;
}



/* outlined buttons*/
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
    margin: 10px;
    text-align: center;
}

.btn-primary.btn-outline {
    color: #ffffff;
    border-color: #ffffff;
    /*padding: 10px 10px 10px 10px;*/
    padding: 5px 5px 5px 5px;
}

.btn-success.btn-outline {
    color: #5cb85c;
    background-color: #5cb85c;
}

    .btn-success.btn-outline:hover {
        color: #fff;
        background-color: #8ab85c;
    }

.btn-info.btn-outline {
    color: #ffffff;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
    background-color: #f0ad4e;
    /*padding: 10px 10px 10px 10px;*/
    padding: 5px 5px 5px 5px;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
        color: #fff;
    }

#btnLogout {
    margin: 10px;
}

.btn {
    vertical-align: top;
}

.page-wrapper .btn-primary {
    /*margin-bottom: 15px;*/
}

.page-wrapper form .row {
    padding-left: 15px;
    padding-right: 15px;
}

div.page-header {
    background-color: #4F758D;
    color: #FFFFFF;
    margin-top: 15px;
}

div.page-wrapper {
    padding: 10px;
    font-weight: bold;
}

div.modal-header {
    background-color: rgba(0,0,0,0.05);
    color: #000000;
    font-weight: 600;
    font-size: 18px
}

.modal-header > button.close {
    color: #000000;
}

.modal-body {
    color: black;
    cursor: default;
}

.modal-text {
    color: #50768e;
}

.modal-label {
    color: #50768e;
    font-weight: bold;
}

.modal-footer {
    margin-top: 0px;
    background-color: rgba(0,0,0,0.05);
}

.answerRequired::after {
    content: "*";
    color: red;
    margin-left: 4px;
}

.answerRequired *:last-child:not(img, ol, ul, li):not(table, thead, th, tbody, tr, td):not([style*="text-align: center"], [style*="text-align: right"], [style*="text-align: justify;"]) {
    display: unset;
}

.formAnswerRequired {
    color: #cc0000 !important;
}

.red {
    color: red;
}

.yellow {
    color: gold;
}

.green {
    color: #54ac4e;
}


/* begin: date-picker CSS */


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0px;
    left: 0px;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0px;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0px;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        bottom: -7px;
        border-bottom: 0px;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        bottom: -6px;
        border-bottom: 0px;
        border-top: 6px solid #fff;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .datepicker table tr td, .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none;
    }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
        color: #000000;
        background-color: #ffcd70;
        border-color: #f59e00;
    }

        .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
            background-color: #ffdb99;
            border-color: #ffb733;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    border-radius: 0px;
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
        color: #000000;
        background-color: #f7ca77;
        border-color: #f1a417;
        border-radius: 0px;
    }

        .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
            color: #000000;
            background-color: #f4bb51;
            border-color: #bf800c;
        }

            .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
                background-image: none;
            }

            .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #f7ca77;
                border-color: #f1a417;
            }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
        color: #ffffff;
        background-color: #858585;
        border-color: #373737;
    }

        .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
            background-color: #999999;
            border-color: #555555;
        }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        color: #ffffff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

        .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
            background-color: #428bca;
            border-color: #357ebd;
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        color: #ffffff;
        background-color: #428bca;
        border-color: #357ebd;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
            color: #ffffff;
            background-color: #3276b1;
            border-color: #285e8e;
        }

            .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
                background-image: none;
            }

            .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
                background-color: #428bca;
                border-color: #357ebd;
            }

    .datepicker table tr td span.old, .datepicker table tr td span.new {
        color: #999999;
    }

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        border-radius: 0 3px 3px 0;
    }

.input-daterange {
    /*.input-group-addon*/
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: solid #cccccc;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
    z-index: 2500 !important;
}

    .datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
        padding: 4px 5px;
    }


/* end: date-picker CSS */


/* begin: custom modal styles */

.modal {
    margin-left: auto;
    margin-right: auto;
}

    .modal-backdrop.in.no-fade-in, .modal.fade.no-fade-in {
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear;
    }

        .modal.fade.no-fade-in .modal-dialog {
            -webkit-transition: -webkit-transform 0s ease-out;
            -moz-transition: -moz-transform 0s ease-out;
            -o-transition: -o-transform 0s ease-out;
            transition: transform 0s ease-out;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }


/* end: custom modal styles */


/* begin: form input validation tooltip styles */

.tooltip-warning.tooltip.in {
    opacity: 1;
}

.tooltip-warning .tooltip-inner {
    background-color: #D9534F;
    max-width: 220px;
}

.tooltip-warning.bottom .tooltip-arrow {
    border-bottom-color: #D9534F;
}


/* end: form input validation tooltip styles */

.popover {
    max-width: 3000px;
}

label.checkbox-label input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

.popover-title {
    display: none;
}

.popover-content {
    /*background-color: lightgray;*/
    background-color: inherit;
    background-color: #f2f2f2;
}

    .popover-content > ul > li {
        list-style-type: none;
    }

#div-login-input {
    margin-left: 20px;
    margin-right: 20px;
}

#table-results > tbody > tr > td {
    cursor: pointer;
}

#table-results > tbody > tr[data-toggle="todo-item-addon"] > td, #table-results > tbody > tr[data-toggle="catalog-item-addon"] > td {
    cursor: default;
}

td.todo-item-addon {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.system-message-container {
    height: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

.vCenter {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

div.system-message {
    color: white;
    background-color: #ec971f;
    font-size: 14px;
    padding: 10px 15px;
}

    div.system-message .system-message-text {
        padding-left: 0;
    }

div#gear {
    width: 1100px;
    max-width: 1100px;
}


/*------------------------------------*\
	LISTS
\*------------------------------------*/

ul#profile {
    list-style-type: none;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    /*border-top:1px solid #ccc;*/
}

    ul#profile > li {
        line-height: 1.5em;
        /*border-bottom:1px solid #ccc;*/
        float: left;
        display: inline;
    }

#profile li {
    width: 50%;
}

    #profile li > a {
        text-decoration: none;
    }

ul#gear-admin {
    list-style-type: none;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    /*border-top:1px solid #ccc;*/
}

    ul#gear-admin > li {
        line-height: 1.5em;
        /*border-bottom:1px solid #ccc;*/
        float: left;
        display: inline;
    }

#gear-admin li {
    width: 50%;
}

    #gear-admin li > a {
        text-decoration: none;
    }

ul#gear-utility {
    list-style-type: none;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    /*border-top:1px solid #ccc;*/
}

    ul#gear-utility > li {
        line-height: 1.5em;
        /*border-bottom:1px solid #ccc;*/
        float: left;
        display: inline;
    }

#gear-utility li {
    width: 100%;
}

    #gear-utility li > a {
        text-decoration: none;
    }


/*#triple li	{ width:33.333%; }
#quad li		{ width:25%; }
#six li		{ width:16.666%; }*/

div#end-of-list, div#wait {
    text-align: center;
}

span.title {
    width: 100%;
    /*font-weight: bold;*/
    /*font-size: 110%;*/
}

div#MainDashboard {
    margin: 0 auto;
    width: 80%;
    height: 320px;
    padding: 0px;
    overflow: hidden;
    /*background-color: #6cc8e1;*/
    background: #bde3f7;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2JkZTNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYmRlM2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjNmJiYWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjNmJiYWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczYzdkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    background: -moz-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #bde3f7), color-stop(8%, #bde3f7), color-stop(49%, #6bbad6), color-stop(75%, #6bbad6), color-stop(100%, #73c7de));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bde3f7', endColorstr='#73c7de', GradientType=0);
    /* IE6-8 */
}

#top {
    background: #bde3f7;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2JkZTNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYmRlM2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjNmJiYWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjNmJiYWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczYzdkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    background: -moz-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #bde3f7), color-stop(8%, #bde3f7), color-stop(49%, #6bbad6), color-stop(75%, #6bbad6), color-stop(100%, #73c7de));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #bde3f7 1%, #bde3f7 8%, #6bbad6 49%, #6bbad6 75%, #73c7de 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bde3f7', endColorstr='#73c7de', GradientType=0);
    /* IE6-8 */
}

.carousel-inner .container {
    height: 100%;
    width: 100%;
}

.carousel-control {
    opacity: 1;
}

ul#TopDashboard {
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
}

    ul#TopDashboard > li {
        line-height: 1.5em;
        float: left;
        display: inline;
        position: relative;
    }

#TopDashboard li.first {
    width: 50%;
    height: 100%;
    /*background-image: -ms-radial-gradient(center, ellipse closest-corner, #67C9C5 0%, #558259 50%, #407D7A 100%);
    background-image: -moz-radial-gradient(center, ellipse closest-corner, #67C9C5 0%, #558259 50%, #407D7A 100%);
    background-image: -o-radial-gradient(center, ellipse closest-corner, #67C9C5 0%, #558259 50%, #407D7A 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #67C9C5), color-stop(0.5, #558259), color-stop(1, #407D7A));
    background-image: -webkit-radial-gradient(center, ellipse closest-corner, #67C9C5 0%, #558259 50%, #407D7A 100%);
    background-image: radial-gradient(ellipse closest-corner at center, #67C9C5 0%, #558259 50%, #407D7A 100%);*/
}

#TopDashboard li.second {
    width: 25%;
    height: 50%;
    /*background-image: -ms-radial-gradient(center, ellipse farthest-side, #FAE684 0%, #F0DE84 50%, #B09758 100%);
    background-image: -moz-radial-gradient(center, ellipse farthest-side, #FAE684 0%, #F0DE84 50%, #B09758 100%);
    background-image: -o-radial-gradient(center, ellipse farthest-side, #FAE684 0%, #F0DE84 50%, #B09758 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #FAE684), color-stop(0.5, #F0DE84), color-stop(1, #B09758));
    background-image: -webkit-radial-gradient(center, ellipse farthest-side, #FAE684 0%, #F0DE84 50%, #B09758 100%);
    background-image: radial-gradient(ellipse farthest-side at center, #FAE684 0%, #F0DE84 50%, #B09758 100%);*/
}

#TopDashboard li.third {
    width: 25%;
    height: 50%;
}

#TopDashboard li.fourth {
    /*background-size: 110% 110%;*/
    width: 25%;
    height: 50%;
}

#TopDashboard li.fifth {
    /*background-size: 110% 110%; */
    width: 25%;
    height: 50%;
}

#TopDashboard li {
    width: 50%;
}

    #TopDashboard li.first {
        width: 50%;
    }

    #TopDashboard li > a {
        text-decoration: none;
    }


/*#TopDashboard li	{ padding: 10px;}*/

.onethird {
    height: 33.33%;
}

.onehalf {
    height: 50%;
}

.one {
    height: 100%;
}

#column1-wrap {
    float: left;
    width: 100%;
}

#column1 {
    margin-right: 70%;
}

#column2 {
    float: left;
    width: 70%;
    margin-left: -70%;
}

.gray {
    width: 100%;
    height: 50%;
    color: white;
    padding: 20px;
}

#box1.gray {
    width: 100%;
    height: 100%;
    font-size: 150%;
    background: rgba(140, 140, 140, 0.25);
    transition: all 0.2s ease-out;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#328C8C8C', endColorstr='#328C8C8C');
}

#box1.hover:hover, #box2.hover:hover, #box3.hover:hover, #box4.hover:hover, #box5.hover:hover {
    background: rgba(200, 200, 200, 0.2);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#198C8C8C', endColorstr='#198C8C8C');
}

#box4.gray {
    width: 100%;
    height: 100%;
}

#box2.gray, #box5.gray {
    width: 100%;
    height: 100%;
}

#box3.gray {
    width: 100%;
    height: 100%;
}

#box2.gray, #box3.gray, #box4.gray, #box5.gray {
    font-size: 120%;
    background: rgba(140, 140, 140, 0.2);
    height: 100%;
    width: 100%;
    transition: all 0.2s ease-out;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#328C8C8C', endColorstr='#328C8C8C');
}

#box1, #box2, #box3, #box4, #box5 {
    font-family: 'Lucida Sans';
    text-shadow: 2px 2px 12px #000;
    padding: 0px;
}

.inner {
    width: 100%;
}

.inner-row1 {
    font-size: 70%;
    padding-left: 15pt;
}

.inner-row2 {
    font-size: 70%;
    padding-left: 15pt;
}

li.item {
    cursor: pointer;
}

.contenthover {
    display: none;
}

.outer {
    width: 100%;
    height: 100%;
}

.contenthover {
    text-align: center;
    vertical-align: middle;
    top: 40%;
    width: 100%;
    height: 100%;
    position: relative;
}

    .contenthover, .contenthover h3, contenthover a {
        color: #fff;
    }

.carousel.slide {
    width: 100%;
    height: 100px;
    background-color: pink;
}

.carousel-inner {
    height: 320px;
}

.carousel-control i {
    position: absolute;
    top: 50%;
}

#Dashboard {
    height: 100%;
}

.contentBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background-image: url('../images/background/gradient.png'), -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: url('../images/background/gradient.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: url('../images/background/gradient.png'), -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: url('../images/background/gradient.png'), -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: url('../images/background/gradient.png'), -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: url('../images/background/gradient.png'), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/CW3/Assets/images/background/gradient.png', sizingMethod='scale');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* set background color */
    background-color: #54ac4e;
}

#Dashboard .inner {
    height: 100%;
    padding: 20px;
}

#Dashboard .outer {
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    position: relative;
}


/* Navigational Icons */

select#sort-list, select#export-list {
    width: 160px;
}


/* user profile links */


div.user-profile ul#profile li {
    padding: 0 !important;
    border-bottom: 1px solid #ccc !important;
    width: 50%;
    min-height: 40px;
}

    div.user-profile ul#profile li.last {
        border: none !important;
    }

    div.user-profile ul#profile li a {
        color: #3E3E40 !important;
        display: block;
        float: left;
        /*height: 100%;*/
        padding: 15px 0 19px 0 !important;
        text-decoration: none;
        width: 100%;
        background-size: 6px 10px !important;
    }

        div.user-profile ul#profile li a:hover {
            background-color: #E6F6FA;
        }

        div.user-profile ul#profile li a span.wrap {
            position: relative;
            display: block;
            float: left;
        }

            div.user-profile ul#profile li a span.wrap span.left {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 45px;
                text-align: center;
                font: bold 12px/18px arial;
                color: #292929;
            }

            div.user-profile ul#profile li a span.wrap span.right {
                display: block;
                position: relative;
                padding-left: 60px;
                top: 9px;
                padding-right: 20px;
                font: bold 12px/18px arial;
                text-align: left;
            }

                div.user-profile ul#profile li a span.wrap span.right h3 {
                    font: normal 14px TheSansBold, arial !important;
                    color: #000 !important;
                    padding: 0 0 20px 0 !important;
                    margin: 0 !important;
                    border: none !important;
                }

                div.user-profile ul#profile li a span.wrap span.right label.red {
                    color: #B1061F !important;
                }

                div.user-profile ul#profile li a span.wrap span.right label.green {
                    color: #78B83F !important;
                }

                div.user-profile ul#profile li a span.wrap span.right label.blue {
                    color: #1E7F8C !important;
                }

                div.user-profile ul#profile li a span.wrap span.right label.orange {
                    color: #EE8100 !important;
                }

            div.user-profile ul#profile li a span.wrap span label {
                cursor: pointer;
            }

div.user-profile ul {
    list-style: none outside none;
    padding: 0px;
}

div.user-profile .col-4 h6 {
    margin-bottom: 0px;
}

div#training-management {
    width: 100%;
    height: 90%;
    background-color: #e6e6e6;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 50px;
    padding-top: 5px;
    border: 1px solid white;
}

#link-user {
    cursor: pointer;
}


/*div#training-management {
    padding: 50px;
}*/

div#training-management ul.column li {
    padding: 0 !important;
    /*border-bottom: 1px solid #ccc !important;*/
    /*width: 100%;*/
    background-color: #fafafa;
    min-height: 68px;
    /*border: 1px solid white;*/
}

    div#training-management ul.column li.last {
        border: none !important;
    }

    div#training-management ul.column li a {
        color: #3E3E40 !important;
        display: block;
        float: left;
        height: 100%;
        padding: 15px 0 39px 0 !important;
        text-decoration: none;
        width: 100%;
        /*background-size: 6px 10px !important;*/
    }

        div#training-management ul.column li a:hover {
            background-color: #dddddd;
        }

        div#training-management ul.column li a span.wrap {
            position: relative;
            display: block;
            float: left;
            width: 100%;
            transition: all 0.2s ease-out;
        }

        div#training-management ul.column li a.no-link span.wrap:hover {
            position: relative;
            display: block;
            float: left;
            width: 100%;
            /*color: #3E3E40;*/
        }

        div#training-management ul.column li a span.wrap span.left {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 60px;
            text-align: center;
            /*font: bold 12px/18px arial;*/
            font-size: 12pt;
            color: inherit;
        }

        div#training-management ul.column li a span.wrap span.right {
            display: block;
            position: relative;
            padding-left: 75px;
            top: 7px;
            padding-right: 35px;
            font-size: 12pt;
            /*font: bold 12px/18px arial;*/
        }

        div#training-management ul.column li a span.wrap span.side {
            display: inline;
            position: absolute;
            top: 7px;
            right: 10%;
            font-size: 12pt;
            color: inherit;
        }

        div#training-management ul.column li a span.wrap span.right h3 {
            /*font: normal 14px TheSansBold, arial !important;*/
            color: #000 !important;
            padding: 0 0 10px 0 !important;
            margin: 0 !important;
            border: none !important;
        }

        div#training-management ul.column li a.no-link:hover {
            background-color: transparent;
        }

div#training-management ul {
    list-style: none outside none;
    padding: 0px;
}

ul.column {
    vertical-align: text-top;
}

div#training-management span.title, div#gear span.title, div.user-profile span.title {
    color: slategray;
    /*font-weight: bold;*/
    font-weight: normal;
    font-size: 14pt;
}


/* Email Translations */

#template-edit {
    width: 800px;
    overflow-y: hidden;
}

#email-edit {
    width: 800px;
}

#email-tags {
    width: 250px;
}

span.standardTagText, span.standardTagTag {
    display: inline;
}

a.standardTag {
    font-size: 80%;
    text-align: left;
    display: inline-block;
    padding: 5px;
    margin: 2px;
}

span.standardTagTag {
    color: #E9E9E9;
}

.modal-body {
    padding: 5%;
}

#trainingtype-results-div > table, #category-results-div > table, #curriculum-results-div > table {
    max-height: 150px;
    height: 150px;
    overflow-y: scroll;
}

div#category-list.panel-body, div#training-list.panel-body, div#curriculum-list.panel-body {
    max-height: 150px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*width: 95%;*/
}

#trainingtype-results-div > table.table > td.item {
    width: 20%;
    word-wrap: break-word;
    word-break: break-all;
    table-layout: fixed;
}

div.item-div {
    word-wrap: break-word;
}

a i.fa-print, a i.fa-filter, a i.fa-search {
    color: #FFF;
}

i.fa-print, i.fa-filter, i.fa-search {
    cursor: pointer;
}

#loading {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul#nav-cv > li {
    list-style-type: none;
}

.form-group > .left {
    width: 30%;
    text-align: right;
    float: left;
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 5px;
}

.form-group > .right {
    width: 70%;
    float: left;
    display: inline-block;
    margin-bottom: 5px;
}

.SetAnswersForUnansweredSecurityQuestionsForm .checkmark {
    width: 1em;
    display: inline-block;
    color: #1AA51A;
}

.SetAnswersForUnansweredSecurityQuestionsForm label {
    display: inline;
}


/* Timeout Warning */

.TimeoutWarning {
    height: 210px;
    width: 400px;
    z-index: 100000;
    display: none;
    position: absolute;
    border: #8DAFCD ridge;
    margin-left: -200px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    padding: 10px;
    background: #FFFFFF;
}

.timeoutBlackout {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000;
    z-index: 99999;
    opacity: 0.3;
}


/* Print Modal */

div#printModalBody {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

iFrame#iFramePrintModal {
    overflow: visible;
    width: 100%;
    border: 0px;
    padding-left: 5px;
}

#printModal .modal-dialog {
    max-width: 900px;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

#printModal .modal-header {
    min-height: 45px;
}


/* Play button */


/*.play-item {
        width: 85px;
        height: 50px;
    }

    .play-item a {
        text-decoration: none;
        display: block;
    }

    .play-item a span.play {
        display: none;
        background: url('../images/play.png') center center no-repeat;
        margin: -40px 10px 0 -20px;
        height: 50px;
        position: relative;
        z-index: 100;
        opacity: 0.8;
    }

    .play-item a:hover span.play {
        display: block;
    }*/


/* To-Do List Panel */

#todo-panel.panel-primary {
    border-color: #288a95;
}

    #todo-panel.panel-primary > .panel-heading {
        color: #fff;
        background-color: #253743;
        border-color: #253743;
    }

        #todo-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #288a95;
        }

    #todo-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #288a95;
    }


/* HOME Panel */

#home-panel.panel-primary {
    border-color: #000000;
}

    #home-panel.panel-primary > .panel-heading {
        color: #fff;
        background-color: #253743;
        border-color: #253743;
    }

        #home-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #000000;
        }

    #home-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #000000;
    }

.panel-subheading > h3 {
    text-align: center;
}

#todo-panel > .panel-heading > h3, #catalog-panel > .panel-heading > h3, #history-panel > .panel-heading > h3, #LearnShare-panel > .panel-heading > h3, #LearnShare-panel > .panel-subheading > h3, #curriculum-panel > .panel-heading > h3 {
    text-align: left;
    font-weight: bold;
}

#todo-panel > .panel-body, #catalog-panel > .panel-body, #history-panel > .panel-body, #curriculum-panel > .panel-body #LearnShare-panel > .panel-body, #mytask-panel > .panel-body {
    border: none;
    padding: 0 15px;
}

a[data-toggle="item-detail"].fa {
    text-decoration: none;
    color: darkgray;
    margin-left: -5px;
}


/*span.input-group-addon {
        background-color: #94c5ca;
        color: white;
        font-weight: bold;
    }*/

#sort-list {
    width: 60px;
}

div#Search, div#sort {
    border: 1px solid #fafafa;
}

    div#Search > .alert, div#sort > .alert {
        margin-bottom: 0;
    }

#sort .btn-primary[disabled] {
    background-color: #B0C0CA;
    border-color: #B0C0CA;
}

#sort .sort-current[disabled] {
    background-color: #50768e;
    border-color: #50768e;
}

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px lightgray;
    -moz-box-shadow: 0 8px 6px -6px lightgray;
    box-shadow: 0 8px 6px -6px lightgray;
}

#print-list:hover {
    cursor: pointer;
}

.fa-arrow-down:hover, .fa-arrow-up:hover {
    cursor: pointer;
}


/* Form Approval panel*/

#form-approval-panel.panel-primary {
    border-color: #760112;
}

    #form-approval-panel.panel-primary > .panel-heading {
        color: #fff;
        background-color: #760112;
        border-color: #760112;
    }

        #form-approval-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #760112;
        }

    #form-approval-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #760112;
    }

#form-approval-panel > .panel-heading > h3 {
    text-align: left;
    font-weight: bold;
}

#LearnShare-panel.panel-primary {
    border-color: #9166AD;
}

    #LearnShare-panel.panel-primary > .panel-heading {
        color: #fff;
        background-color: #9166AD;
        border-color: #9166AD;
    }

    #LearnShare-panel.panel-primary > .panel-subheading {
        color: #fff;
        background-color: #f2f2f2;
        border-color: #f2f2f2;
    }

    #LearnShare-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #f2f2f2;
    }

    #LearnShare-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #f2f2f2;
    }

#LearnShare-panel > .panel-subheading > h3 {
    text-align: center;
    font-weight: bold;
}

#LearnShare-panel > .panel-heading > h3 {
    text-align: left;
    font-weight: bold;
}

div#LearnShare-panel > .panel-body {
    padding: 0px;
}


/* Catalog panel*/

#catalog-panel.panel-primary {
    border-color: #ed8d15;
}

    #catalog-panel.panel-primary > .panel-heading {
        color: #fff;
        background-color: #253743;
        border-color: #253743;
    }

        #catalog-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ed8d15;
        }

    #catalog-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ed8d15;
    }

#catalog-panel > .panel-heading > h3 {
    text-align: left;
    font-weight: bold;
}


/* History Panel */

#history-panel.panel-primary {
    border-color: #4C9E45;
}

    #history-panel.panel-primary > .panel-heading {
        color: #fff;
        background-color: #253743;
        border-color: #253743;
    }

        #history-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #54ac4e;
        }

    #history-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #54ac4e;
    }

#history-panel > .panel-heading > h3 {
    text-align: left;
    font-weight: bold;
}


ul.history-tokens li {
    display: inline;
    list-style-type: none;
}

td.history-column {
    width: auto;
}

    td.history-column a {
        text-decoration: none;
    }

.certificate {
    min-width: 140px;
    width: 140px;
}

table tr td.history-column {
    height: 25px;
}


/* report panel */
#report-panel.panel-primary > .panel-heading-black {
    margin: 10px 0px;
    padding: 10px 15px;
    height: 50px;
    color: #fff;
    background-color: #253743;
    border-color: #253743;
    border-bottom: 1px solid transparent;
    font-size: 14pt;
}

.iframe-form #report-panel.panel-primary > .panel-heading-black {
    padding-left: 30px;
}

#report-panel.panel-primary > .panel-heading {
    color: #fff;
    background-color: #253743;
    border-color: #253743;
    height: 50px;
}

    #report-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #2E2E2E;
    }

#report-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #2E2E2E;
}

#report-panel.panel-primary {
    border-color: #2E2E2E;
}
/* Reports tab has different style than other reports report panel */
#my-report-panel.panel-primary > .panel-heading {
    color: #fff;
    background-color: #253743;
    border-color: #253743;
    height: 48px;
    margin: 0px 0px;
}

    #my-report-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #DA70D6;
    }

#my-report-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #DA70D6;
}

#report-panel > .panel-heading > h4 {
    text-align: left;
    font-weight: bold;
}


/* curriculum panel */

#curriculum-panel.panel-primary {
    border-color: #50768e;
}
#curriculum-panel.panel-primary > .panel-heading {
    color: #fff;
    background-color: #253743;
    border-color: #253743;
}
#mytask-panel.panel-primary > .panel-heading {
    color: #fff;
    background-color: #253743;
    border-color: #253743;
}
#curriculum-panel.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #50768e;
}

#curriculum-panel.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #50768e;
}

#curriculum-panel > .panel-heading > h3 {
    text-align: left;
    font-weight: bold;
}



/* Action Center */

div.action-center-nav {
    /* background-color: #e9e9e9; */
    /* Above was setting ActionButton to grey in IE8 */
    background-color: #298EEE;
    color: #fff;
    clear: both;
}
div.action-center-nav .navbar {
    min-height: 40px;
}
.action-center-nav li.last-item {
    float: left;
}

div.action-center-item {
    height: 100%;
    text-align: center;
    /*padding: 0px;*/
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.tab-icons {
    /*display: inline-block;
    padding-top: 3px;*/
    /*margin-left: 8px;*/
    /*text-align: center;
    padding-right: 10px;
    color: white;*/
}
#action-center-home {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-home:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-curriculum {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-curriculum:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-home-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-curriculum-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-catalog {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-catalog:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-catalog-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-history {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-history:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-history-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-LearnShare {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
}
#action-center-LearnShare:hover {
    background-color: #FFFFFF;
    text-decoration: none;
}
#action-center-LearnShare-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-todo {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-todo:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-todo-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-report {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-report:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-report-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-mytasks {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-mytasks:hover {
    background-color: #FFFFFF;
    opacity: 1.0;
}
#action-center-mytasks-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
#action-center-dashboards {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-dashboards:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-dashboards-current {
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #5B0428;
}
.action-center-nav li#dashboards {
    height: 40px;
}
.action-center-nav li#dashboards .action-center-item {
    display: inline-block;
}
.action-center-nav li#dashboards .dropdown {
    display: inline-block;
    position: absolute;
}
.action-center-nav li#dashboards .dropdown .dropdown-toggle {
    width: 32px;
    background-color: #EBEBEB;
    opacity: 0.7;
    color: #767676;
    border: 0;
    border-left: 1px solid #AAAAAA;
    height: 40px;
}
.action-center-nav li#dashboards .dropdown .dropdown-toggle:hover {
    background-color: #FFFFFF;
    opacity: 1.0;
}
@media only screen and (min-width: 1001px) {
    .action-center-nav li#dashboards .dropdown .dropdown-menu {
        left: auto;
        right: 0;
    }
}
.action-center-dashboardtab-dropdown {
    margin-left: 32px;
}
#action-center-notification {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
#action-center-notification:hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
#action-center-notification-current {
    background-color: #FFFFFF;
}
div.action-center-gear-default {
    background-color: #EBEBEB;
    transition: all 0.2s ease-out;
    opacity: 0.7;
}
div.action-center-gear-default-hover {
    background-color: #FFFFFF;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}
div.action-center-gear-alert {
    /*background-color: red;
    transition: all 0.2s ease-out;*/
    background: linear-gradient(21deg, #a2d9e8, #22c1ec, #0c6b85);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    -o-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#22c1ec', endColorstr='#0c6b85', GradientType=1);
    /* IE6-9 */
}
@-webkit-keyframes AnimationName {
    0% {
        background-position: 43% 0%;
    }

    50% {
        background-position: 58% 100%;
    }

    100% {
        background-position: 43% 0%;
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 43% 0%;
    }

    50% {
        background-position: 58% 100%;
    }

    100% {
        background-position: 43% 0%;
    }
}

@-o-keyframes AnimationName {
    0% {
        background-position: 43% 0%;
    }

    50% {
        background-position: 58% 100%;
    }

    100% {
        background-position: 43% 0%;
    }
}

@keyframes AnimationName {
    0% {
        background-position: 43% 0%;
    }

    50% {
        background-position: 58% 100%;
    }

    100% {
        background-position: 43% 0%;
    }
}

div.action-center-gear-alert-hover {
    /*background-color: lightpink;*/
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.div-action-center {
    height: auto;
    background-color: inherit;
    height: 40px;
    padding: 8px 16px;
}

div.action-center-nav > ul li {
    list-style: none;
    /*display: inline-block;*/
    /*width: 10%;
            height: 100%;*/
}

#navigation > ul > li:last-child {
    float: right;
    position: absolute;
    right: 0px;
}

li.last-item {
    float: right;
    right: 0px;
    position: absolute;
}

#navigation > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

#navigation > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

#navigation > li > a {
    padding: 0px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
}

.action-center-icon {
    background-size: 25px;
    float: left;
    /*margin-left: 20px !important;
    width: 35px;
    height: 24px;*/
    padding: 4px 12px 4px 0;
    color: #767676;
}

.icon-actioncenter {
    background-image: url('../img/nav/icon_actioncenter.png');
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.icon-actioncenter-alert {
    background-image: url('../img/nav/alert.png');
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

a.action-center {
    color: #fff;
    font-weight: bold;
}

a.action-center-item {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #FFF;
}

a.action-center-item-LearnShare-Link {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #FFF;
}

a.action-center-item-LearnShare-SubLinks {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #9166AD;
}

a.action-center-LearnShare-SubLinks-default {
    color: #9166AD;
    font-weight: normal;
}

a.action-center-LearnShare-SubLinks-active {
    color: #9166AD;
    font-weight: bold;
}

a.action-center-LearnShare-MainLinks {
    color: #FFF;
    font-weight: normal;
}

a.action-center-LearnShare-MainLinks-active {
    color: #FFF;
    font-weight: bold;
}


/* Completion Detail */

.completion-info {
    padding: 0 0 10px 20px;
}

div.btn-group-vertical {
    position: absolute;
    right: 10px;
    top: 0px;
}

.btn-group-vertical > button > i {
    /*display: block;*/
    color: #11395f;
}

span .button-label {
    /*display: block;*/
    text-wrap: none;
    font-size: 80%;
    font-weight: bold;
}

.button-label {
    color: #11395f;
}

.button-label {
    color: #11395f;
}

a[data-toggle='pill'] {
    /*color: black;
        text-decoration: none;
        background-color: white;
        font-weight: bold;
        border: 1px solid slategray;*/
    width: 150px;
    /*height: 100px;*/
    background: white;
    border: 1px solid lightgray;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #11395f;
    background-color: lightgray;
}

div.completion-info {
    font-size: 85%;
}


/* Course Info */


/*.course-info {
        padding: 0 0 10px 20px;
    }*/


/*div.btn-group-vertical {
        position: absolute;
        right: 10px;
        top: 0px;
    }*/

.btn-group-vertical > button > i {
    /*display: block;*/
    color: #11395f;
}

span.button-label {
    /*display: block;*/
}

.button-label {
    color: #11395f;
    /*word-break: break-all;*/
    font-size: 70%;
    font-weight: bold;
}

.alert-search {
    color: #31708f;
    background-color: inherit;
    border-color: #bce8f1;
}

    .alert-search hr {
        border-top-color: #a6e1ec;
    }

    .alert-search .alert-link {
        color: #245269;
    }

.catalog-title {
    display: inline;
    width: 75%;
}

div.printThisElement#print-todo, div.printThisElement#print-history, div.printThisElement#print-catalog, div.printThisElement#print-partial {
    display: block !important;
}

.printPage .container {
    margin-left: 0px;
    margin-right: 0px;
}

.printPage {
    overflow: hidden;
}

    .printPage body {
        background: #FFF;
    }

.curriculum-title {
    color: #50768e;
    font-size: 14pt;
    margin-bottom: 8px;
}

    .curriculum-title ~ div {
        color: #999999;
        font-size: 10pt;
    }

.curriculum-subtitle {
    color: slategray;
    margin-bottom: 8px;
}

div.boxed {
    display: inline-block;
    border: 1px solid;
    border-color: #50768e;
    color: black;
    background: inherit;
    width: 60px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    font-weight: bolder;
    padding: 5pt;
    font-weight: bold;
    font-size: 16pt;
}

.boxed a {
    text-decoration: none;
    color: #616D7E;
    line-height: 25px;
}

.centered {
    text-align: center;
}

.span-search {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_search.png;wa5730f6fdebc4a3ba');
    background-repeat: no-repeat;
    width: 30px;
    height: 50px;
    float: left;
}

.span-search-active {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_search_a.png;waca0fc44bdafce269');
    background-repeat: no-repeat;
    width: 30px;
    height: 50px;
    float: left;
}

#span-download {
    float: left;
}

#span-print {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_print.png;wa58404da02bf82416');
    background-repeat: no-repeat;
    width: 30px;
    height: 33px;
    float: left;
    margin-left: 5px;
}

#span-download {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_download.png;wa1ee0217620782682');
    background-repeat: no-repeat;
    width: 30px;
    height: 33px;
    float: left;
    margin-left: 7px;
}

#printCertificate {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_print.png;wa58404da02bf82416');
    background-repeat: no-repeat;
    width: 30px;
    height: 33px;
    float: left;
}

.span-sort {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_filter.png;waa4e467f2a4bfb5b8');
    background-repeat: no-repeat;
    width: 38px;
    height: 46px;
    float: left;
}

.span-sort-active {
    background-image: url('https://www.compliancewire.com/CW3/assets/img/nav/icon_filter_a.png;wa43c77bdb9ecd1f9c');
    background-repeat: no-repeat;
    width: 38px;
    height: 46px;
    float: left;
}

div.btn-group > .btn {
    min-width: 90px;
    height: 60px;
}

div#nav-completion {
    display: block;
}

    div#nav-completion > .btn {
        height: auto;
        width: 110px;
        float: left;
    }

.btn-group > button > i, .btn-group > a > i {
    display: block;
    color: #11395f;
}

.btn-group > a {
    padding-top: 12px;
}

span .button-label {
    display: block;
}

.button-label {
    color: #11395f;
    /*word-wrap: break-word;*/
    font-size: 90%;
    /* vertical-align: middle; */
}

#learner-container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto 0px;
}
#learner-container > #row-navigation {
    background-color: #FFFFFF;
}

.min-h-auto {
    min-height: auto !important;
}

/*.push {
    /*height: 80px; /* .push must be the same height as .footer */


/*height: 4em;*/


/*}*/


/*.footer {
    height: auto;
}*/


/*#LearnerFooter {
    background: #11395F;
    padding-top: 5px;
    padding-bottom: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    float: left;
}*/

/*div#row-navigation:first-child div {
    padding-left: 0px;
    padding-right: 0px;
}*/

.panel {
    border-radius: 0px;
}

.btn {
    border-radius: 0px;
}

div#div-search, div#div-sort {
    width: 100%;
    background-color: #f2f2f2;
    padding: 20px;
}

#div-sort > button, #div-search > button {
    margin-right: 15px;
}

.popover {
    max-width: 10000px !important;
}

.nav-pills > li > a {
    border-radius: 2px;
}

.course-info-title {
    color: orange;
    display: block;
}

.eightyPercent {
    width: 80%;
    display: inline-block;
}

#div-search > .container-fluid {
    padding: 5px;
}

.panel-catalog-heading {
    background-color: #11395f;
    color: white;
    border: none;
}

a[data-toggle="category-list"]:hover {
    text-decoration: none;
    background-color: #f2f2f2;
}

.panel-catalog-heading:hover {
    background-color: #6cc8e1;
}

#table-results {
    border-collapse: separate;
    border-spacing: 0 0.2em;
}

#todo-panel, #catalog-panel, #history-panel, #curriculum-panel, #LearnShare-panel {
    background-color: #fafafa;
}

#todo-panel, #history-panel, #catalog-panel, #curriculum-panel, #LearnShare-panel {
    border: none 0;
}

#table-results tr td {
    background-color: white;
}

#table-results tr[data-status="locked"] td {
    background-color: #E6E6E6;
}

#span-search, #span-sort, #span-print {
    cursor: pointer;
}

#single li {
    width: 100%;
    margin: 1em 0;
}

#double li {
    width: 50%;
    /*width: 45%;*/
    /*float: left;*/
    margin: 1em 0;
    margin-right: 30px;
    margin-left: 0px;
}

#triple li {
    width: 33.333%;
    margin: 1em 0;
}

#training-management > .right {
    color: slategray;
}

.eighty {
    width: 80%;
}

.twenty {
    width: 20%;
}

.tab-content {
    padding-top: 20px;
    height: auto;
    min-height: 150pt;
}

div.course-info {
    font-size: 85%;
}

div.pinned {
    bottom: 0px;
    position: relative;
}

li.active {
    color: #11395f;
}

#button-pane {
    padding-bottom: -20px;
}

.bg-lightgray {
    background-color: #fff !important;
}

.bg-green {
    background-color: #54ac4e !important;
}

.bg-blue {
    background-color: #288a95 !important;
}

.bg-orange {
    background-color: #ed8d15 !important;
}

.bg-deepblue {
    background-color: #50768e !important;
}

.bg-purple {
    background-color: #660066 !important;
}

#nav-header {
    height: 9px;
    /*margin-top: -20px;*/
}

#nav-navigation {
    border: 0px;
    background-color: #EBEBEB;
    margin-top: 4px;
    padding-left:15px;
}

#span-print.show, #span-sort.show, #span-search.show {
    display: inline-block !important;
}

#nav-header.todocurriculum {
    background-color: #50768e;
}

#nav-header.catalog {
    background-color: #ed8d15;
}

#nav-header.todo {
    background-color: #288a95;
}

#nav-header.history {
    background-color: #4C9E45;
}

#history-panel > .panel-heading, #curriculum-panel > .panel-heading, #todo-panel > .panel-heading, #catalog-panel > .panel-heading, #form-approval-panel > .panel-heading, #report-panel > .panel-headiing, #LearnShare-panel > .panel-heading,
#mytask-panel > .panel-heading {
    height: 50px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 20px;
}

#LearnShare-panel > .panel-subheading {
    height: 50px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 0px;
}

div#div-subtypes {
    width: 514px;
    height: 238px;
    overflow: auto;
    border: 1px solid darkgray;
    padding: 0px;
    margin: 0px;
}

.trainingincurriculum {
    width: 514px;
    height: 250px;
    overflow: auto;
    border: 1px solid darkgray;
    padding: 0px;
    margin: 0px;
}

.rescale {
    width: 30px;
}

.resize60 {
    transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
}

.resize80 {
    transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}

.resize200 {
    transform: scale(2.0, 2.0);
    -ms-transform: scale(2.0, 2.0);
    -webkit-transform: scale(2.0, 2.0);
}

.highlighted {
    background-color: lightblue;
}

span.row-subtype {
    padding: 0px;
    margin: 0px;
    display: block;
    height: 30px;
    min-height: 30px;
    line-height: 20px;
    clear: both;
    float: none;
}

div#subtype {
    padding: 0px;
    margin: 0px;
}

.form-control {
    border-radius: 2px;
}

.title-completion {
    color: #50768e;
    font-weight: bold;
    text-align: right;
}

.navbar {
    margin-bottom: -4px;
}

div.navbar-header {
    margin-left: 150px;
}

a[data-toggle="action-gear"] > img {
    transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
}

div#dash {
    padding-left: 0px;
    padding-right: 0px;
}

#table-results tbody tr td {
    vertical-align: middle;
    padding: 8px 8px 8px 15px;
}

div.launch-item {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}

span.launch-title {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    width: 80%;
    vertical-align: middle;
    height: 100%;
}

div.history-title {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    width: 70%;
    vertical-align: middle;
    height: 100%;
}

.table-bordered {
    /*border: 1px solid #fafafa;*/
}

    .table-bordered > tfoot > tr > td {
        border: 1px solid #fafafa;
    }

.table-layout-fixed-width-wordwrap {
    table-layout: fixed;
    word-wrap: break-word;
}

.LearnerButtons:hover {
    background-color: #11395f;
}

.panel {
    border: 0px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.panel-subheading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

tr[data-toggle="curriculum-item"] td {
    vertical-align: top;
}

    tr[data-toggle="curriculum-item"] td:first-child {
        padding: 10px 15px 14px 15px;
    }

span.action-center {
    color: #000000;
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.arrows {
    color: black;
    font-weight: bold;
}

.outline {
    width: 40px;
    height: 40px;
    margin-left: 3px;
    margin-right: 3px;
    font-weight: bold;
}

    .outline > i {
        position: relative;
        top: -3px;
    }

a.link-heading {
    color: #fff;
}

    a.link-heading:hover {
        text-decoration: none;
    }

.btn-inactive {
    background-color: #a8bbc7;
    border: 1px solid #a8bbc7;
}

    .btn-inactive:hover {
        background-color: #50768e;
        border: 1px solid #50768e;
    }

.sort-current {
    background-color: #11395f;
    border: 1px solid #11395f;
}


/** 
 * Html5 Placeholder Polyfill - v2.0.9 - 2014-01-21 
 * web: http://blog.ginader.de/dev/jquery/HTML5-placeholder-polyfill/ 
 * issues: https://github.com/ginader/HTML5-placeholder-polyfill/issues 
 * Copyright (c) 2014 Dirk Ginader; Licensed MIT, GPL 
 */

span.placeholder {
    position: absolute;
    font-size: 75%;
    color: #999;
    font-family: sans-serif;
    padding: 4px 3px;
    z-index: 1;
    cursor: text;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide {
    display: none;
}

label.visuallyhidden-with-placeholder {
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    left: -999em;
}

.mixer {
    display: none;
    background: url('../images/mixer.png') center center no-repeat;
    width: 32px;
    height: 32px;
}

.carousel-control {
    top: 45%;
}

.tabs-right > ul li {
    list-style-type: none;
}

.tabs-right {
    height: 100%;
    float: right;
    margin-right: 0px;
    vertical-align: top;
}

    .tabs-right > ul {
        width: 100%;
        /*background-color: #ddd;*/
        padding: 8px;
        height: 100%;
    }

        .tabs-right > ul li {
            /*border: 1px solid #adadad;*/
            background-color: #fff;
            padding: 5px;
            height: 73px;
            width: 70%;
            color: #11395f;
            vertical-align: middle;
            text-decoration: none;
            font-weight: bold;
            line-height: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
            position: relative;
        }

    .tabs-right .active .arrow {
        position: absolute;
        top: 0px;
        left: -20px;
        border-style: solid;
        border-width: 40px 20px 34px 0;
        border-color: transparent #ddd;
        display: block;
        width: 0;
        z-index: 1;
    }

#course-info-tabs > ul li a {
    color: #999;
    width: 70%;
    background-color: inherit;
    border: none;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
}

#course-info-tabs > ul li.active a {
    color: #11395f;
}

.tabs-right > ul li.active {
    background-color: #ddd;
    width: 70%;
    border: none !important;
}

.tabs-right > ul li:hover {
    background-color: #fafafa;
    color: #ddd;
}

.tabs-right > ul li a:hover {
    color: inherit;
    text-decoration: none;
}


/*#collapse-todo-details2 {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}*/

#main-panel {
    padding: 0px;
}

#myTabContent div.tab-pane div.row {
    /*background-color: #ffffff;*/
    margin-bottom: 15px;
}

.course-info-actions {
    display: inline-block;
    /*vertical-align: bottom;*/
    width: 100%;
    margin-bottom: -11px;
}

#button-panel > .btn-group > .btn {
    background-color: #fff;
    border-bottom: none;
    margin-bottom: -2px;
}

    #button-panel > .btn-group > .btn:hover {
        background-color: #ddd;
    }

#page-detail {
    width: 100%;
    border: 1px solid #f2f2f2;
    background-color: #ddd;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-bottom: 70px;
}

    #page-detail > div:first-child {
        padding-left: 15px;
        color: #11395f;
        /*background-color: #fff;*/
    }

#left-page-detail {
    height: 100%;
    background-color: #ddd;
    padding: 40px;
}

#page-detail > #left-page-detail {
    float: left;
    width: 10%;
    min-width: 110px;
}

#page-detail > #main-panel {
    float: right;
    width: 85%;
    height: auto;
    background-color: #fff;
    /*padding: 15px;*/
}

#completion-pagetitle {
    color: #50768e;
    font-weight: bold;
    padding-left: 25px;
}

#completion-maintitle {
    color: #50768e;
}

#main-panel > div.row:not(:first-child) {
    margin-bottom: 15px;
}

#download-buttons > .btn {
    color: #fff;
    background-color: transparent;
    border: none;
}

#btn-download-form {
    background-color: #2E2E2E;
}

#btn-download-todo {
    background-color: #288a95;
}

#btn-download-history {
    background-color: #54ac4e;
}

#btn-download-catalog {
    background-color: #ed8d15;
}

#download-buttons.btn-group > button > i {
    display: inline-block;
    color: #fff;
}

span.button-label {
    /*word-break: break-all;
    word-wrap: break-word;*/
    white-space: normal;
}

.navbar-inverse .navbar-nav > li > a.no-hover:hover, .navbar-inverse .navbar-nav > li > a.no-hover:focus {
    background-color: inherit;
    /*color: inherit;*/
    /*color: #fff;*/
    cursor: default;
}

.navbar-right > ul {
    height: 100%;
}

    .navbar-right > ul li {
        height: 100%;
    }

.overdue {
    font-style: italic;
}

a.no-link {
    cursor: default;
    color: inherit;
    text-decoration: none;
}

.img-circle {
    padding: 5%;
}

a#btn-logout {
    border: 0;
}

.btn-warning {
    border-radius: 1px;
}

.panel-heading > a.link-heading {
    line-height: 40px;
}

.panel-subheading > a.link-heading {
    line-height: 40px;
}

td.column-icon > i {
    line-height: 50px;
    vertical-align: middle;
}

#table-results tbody td:last-child {
    width: 50px;
}

#LearnerHeader {
    background-color: #fff;
    color: #000;
    height: auto;
    min-height: 50px;
}

.LearnerHeaderText {
    color: #fff;
}

    .LearnerHeaderText:hover {
        color: #fff;
    }

.status1 {
    background-color: #54ac4e;
    border-color: #54ac4e;
    border-top-color: #54ac4e;
    text-align: center;
    color: #fff;
}

.status2 {
    background-color: #ed8d15;
    border-color: #ed8d15;
    border-top-color: #ed8d15;
    text-align: center;
    color: #fff;
}

.status-default {
    background-color: #b10820;
    border-color: #b10820;
    border-top-color: #b10820;
    text-align: center;
    color: #fff;
}

table#table-subcurriculum tbody td {
    vertical-align: middle;
}

    table#table-subcurriculum tbody td a {
        text-decoration: none;
    }

#table-class-signin tbody tr td {
    vertical-align: top;
}

table#settings-notification-list tbody td a {
    text-decoration: none;
}

td.cell1 {
    border-right: 1px solid #fff;
    width: 1.8em;
}

td.cell2 {
    border-left: 1px solid #fff;
}

td.iconCell {
    border-right: none !important;
}

td.iconDesCell {
    border-left: none !important;
}

ul#TopDashboard li.no-todo {
    height: 320px;
    width: 100%;
}

    ul#TopDashboard li.no-todo div {
        height: 320px;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 1.1em;
    }


/*#btn-print-small {
    display: none;
}*/

@media only screen and (min-width: 280px) and (max-width: 1024px) {
    div#nav-completion > .btn {
        height: 50px;
        width: 100px;
        font-size: 10pt;
        padding: 3px 6px;
        display: block;
        vertical-align: middle;
    }

    #page-detail > #left-page-detail {
        float: left;
        width: 20%;
        min-width: 20%;
        text-align: center;
    }

    #page-detail > #main-panel {
        width: 80%;
        float: right;
        max-width: 80%;
    }

    #main-panel > .row {
        padding-left: 10px;
    }

    .title-completion {
        text-align: left;
    }

    .btn-group > button > i, .btn-group > a > i {
        display: none;
    }
}

@media only screen and (min-width: 200px) and (max-width: 767px) {

    div.panel-heading {
        font-size: 80%;
    }

}

@media (max-width: 568px) {
    /*#btn-print-small {
        display: block;
    }*/
    /*#history-panel {
         padding-top: 75px;
     }

     .panel-heading {
         font-size: 65%;
     }*/
    .btn-group > button > i, .btn-group > a > i {
        display: block;
    }

    .btn-group > button > i, .btn-group > a > span {
        display: none;
    }

    div#nav-completion > .btn {
        height: 35px;
        width: 35px;
        padding: 2px;
        min-width: 35px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1280px) {
    div#training-management ul.column li a span.wrap span.right {
        font-size: 90%;
    }

    div#training-management ul.column li a span.wrap span.side {
        font-size: 90%;
    }

    div#training-management {
        padding: 0 10px 0 10px;
    }
}

@media (max-width: 600px) {
    div#training-management span.title, div#gear span.title, div.user-profile span.title {
        font-size: 9pt;
    }
}

@media (max-width: 767px) {
    .nav > li > a {
        display: inline;
    }
}

#removeoptionalassignment-confirm .course-code, #removeoptionalassignment-confirm .course-title {
    padding-top: 5px;
    word-wrap: break-word;
}

.row-print {
    padding-left: 15px;
}

.popover-content {
    overflow-y: auto;
    overflow-x: hidden;
}

.env-name {
    font-style: italic;
    font-size: 150%;
}

span.env-name {
    width: 2em;
    height: 1.5em;
    color: #fff;
}

#response-message-div {
    margin: 0 20px;
}

.navbar-toggle {
    position: relative;
    float: right;
    background-color: inherit;
    background-image: none;
    border: none;
    border-radius: 1px;
    padding: 0;
}

div#env-name {
    height: 56px;
    max-height: 72px;
    float: right;
    vertical-align: middle;
    padding: 10px;
}

div#small-menu {
    padding-left: 0;
    padding-right: 0;
}

ul.header-menu-small {
    padding-left: 0;
}

    ul.header-menu-small li {
        list-style-type: none;
        display: inline-block;
        width: 30%;
        text-align: center;
    }

ul.header-menu-action-items {
    padding-left: 0;
}

    ul.header-menu-action-items li {
        display: block;
        width: 100%;
        text-align: center;
    }

        ul.header-menu-action-items li#curriculum {
            color: #fff;
            background-color: #50768e;
            border-color: #50768e;
        }

        ul.header-menu-action-items li#todo {
            color: #fff;
            text-decoration: none;
            background-color: #288a95;
            border-color: #288a95;
        }

        ul.header-menu-action-items li#history {
            color: #fff;
            text-decoration: none;
            background-color: #4C9E45;
            border-color: #4C9E45;
        }

        ul.header-menu-action-items li#catalog {
            color: #fff;
            text-decoration: none;
            background-color: #F18A21;
            border-color: #F18A21;
        }

            ul.header-menu-action-items li#curriculum a, ul.header-menu-action-items li#todo a, ul.header-menu-action-items li#history a, ul.header-menu-action-items li#catalog a {
                color: #fff;
                text-decoration: none;
            }

.panel-heading {
    font-size: 14pt;
}

a.panel-heading-text {
    text-decoration: none;
    color: #ffffff;
}

.catalog-facet-selected {
    background-color: #dedede;
}

div#login-row1 {
    padding-bottom: 5px;
}

#header-menu-sm {
    display: none;
}

@media (max-width: 1280px) {
    div#gear {
        width: 720px;
        max-width: 720px;
    }
}

@media (max-width: 1024px) {
    div#gear {
        width: 600px;
        max-width: 600px;
    }
}

@media (max-width: 768px) {
    div#gear {
        width: 480px;
        max-width: 480px;
    }
    /*ul#navigation {
        width: 768px;
    }*/
    div.footer > div.row {
        margin: 0px;
    }
}

@media (max-width: 600px) {
    div#gear {
        width: 360px;
        max-width: 360px;
    }
    /*ul#navigation {
        width: 600px;
    }*/
    form#form-preference, form#form-notification {
        padding-top: 200px;
    }
}

@media (max-width: 320px) {
    div#gear {
        width: 320px;
        max-width: 320px;
    }
    /*ul#navigation {
        width: 320px;
    }*/
}

@media (max-width: 1024px) {
    #nav-navigation {
        padding-left: 0;
    }
    ul#navigation {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    ul#navigation li {
        width: 100%;
        margin-bottom: 1px;
        box-shadow: 0 1px 0 #FFFFFF;
    }

    div#action-center-home, div#action-center-home-current, div#action-center-curriculum, div#action-center-curriculum-current, div#action-center-todo, div#action-center-todo-current,
    div#action-center-history, div#action-center-history-current, div#action-center-catalog, div#action-center-catalog-current, div#action-center-gear, div#action-center-LearnShare-current,
    div#action-center-report, div#action-center-report-current, div#action-center-mytasks, div#action-center-mytasks-current, div#action-center-dashboards, div#action-center-dashboards-current {
        text-align: center;
        display: table;
        width: 100%;
    }

    li.last-item {
        float: none;
        position: relative;
    }

    li#home {
    }

    li#curriculum {
        color: #fff;
        background-color: #EBEBEB;
        border-color: #50768e;
    }

    li#todo {
        color: #fff;
        text-decoration: none;
        background-color: #EBEBEB;
        border-color: #288a95;
    }

    li#history {
        color: #fff;
        text-decoration: none;
        background-color: #EBEBEB;
        border-color: #4C9E45;
    }

    li#catalog {
        color: #fff;
        text-decoration: none;
        background-color: #EBEBEB;
        border-color: #ed8d15;
    }

    li#learnshare {
        color: #fff;
        text-decoration: none;
        background-color: #D495FC;
        border-color: #D495FC;
    }

    li#reports {
        color: #fff;
        text-decoration: none;
        background-color: #EBEBEB;
        border-color: #DA70D6;
    }

    li#dashboards .action-center-item {
        width: 100%;
    }

    li#dashboards .action-center-dashboard {
        width: calc(100% - 32px) !important;
    }

    li#dashboards ul.dropdown-menu {
        left: auto;
        right: 0;
    }

    ul.header-menu-action-items li#curriculum a, ul.header-menu-action-items li#todo a, ul.header-menu-action-items li#history a, ul.header-menu-action-items li#catalog a, ul.header-menu-action-items li#learnshare a {
        color: #fff;
        text-decoration: none;
    }

    .table-td-datecell {
        padding: 8px 5px 8px 5px !important;
    }
    .action-center-dashboardtab-dropdown {
        margin-left: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #header-menu {
        display: none;
    }

    #header-menu-sm {
        display: inline-block;
    }

    ul#menu3 {
        background-color: #efefef;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
    /*#LearnerLogo {
	transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
-webkit-transform: scale(0.5, 0.5);
left:0;
	}*/
    /* 
	.navbar-header {
	width:100px;
	} */
}

ul#exportTo {
    width: 100px;
    max-width: 100px;
    border-radius: 1px;
}

ul.dropdown-menu {
    min-width: 80px;
}

ul#exportTo > li > .btn-link {
    text-decoration: none;
    color: #000;
}

ul#exportTo > li:hover {
    background-color: #e6e6e6;
}

#intro-row {
    padding-top: 15px;
}

.disable-tab {
    pointer-events: none;
}

#course-info-tabs > ul li {
    list-style-type: none;
    float: right;
    margin-right: -15px;
    border: 1px solid #ccc;
}

#print-page-detail {
    padding-left: 30px;
}

div#logout-xs {
    display: none;
    width: 100%;
}

div#env-name-xs {
    display: none;
    text-align: center;
    width: 100%;
}

span.env-name-xs {
    font-style: italic;
    font-size: 120%;
    width: 1.5em;
    height: 1.5em;
    color: #fff;
}

.navbar-header {
    width: 50%;
    float: left;
}

#div-header-menu {
    width: 50%;
    float: right;
}

li#menu-logout-sm {
    display: none;
}

@media (max-width: 767px) {
    div#logout-xs, div#env-name-xs {
        display: inline;
    }

    .nav > li {
        position: relative;
        display: inline;
        /*        width: 70%;
        height: 70%;*/
    }

    #LearnerFooterCR, #LearnerFooterToU, #LearnerFooterPP, #LearnerFooterSI {
        font-size: 70%;
    }
}

div.copyright > div {
    display: inline-block;
    float: right;
    width: 80%;
}

@media (max-width: 600px) {
    li#menu-env {
        display: none;
    }

    li#menu-logout {
        display: none;
    }

    li#menu-logout-sm {
        display: inline-block;
        width: 50px;
        height: 50px;
        right: 0;
        position: absolute;
    }

    #LearnerFooterCR {
        display: none;
    }

    div.footerLinks {
        vertical-align: top;
    }

    div.copyright > img {
        display: inline-block;
    }
}

@media(max-width: 600px) {
    div#training-management ul.column li a {
        padding: 10px 0 40px 0 !important;
    }
}


/* IE 8 specific CSS */

.ie8 table#table-results {
    table-layout: fixed;
}

    .ie8 table#table-results.ie8-fix-layout {
        table-layout: initial;
        width: auto !important;
    }

    .ie8 table#table-results td.iconCell {
        width: 90px;
    }

    .ie8 table#table-results td.iconDesCell {
        width: 37%;
    }


    /*.ie8 table#table-results td {
        width: 25%;
    }*/

    .ie8 table#table-results td.toggle-details {
        width: 50px;
    }

.ie8 .course-info-actions {
    padding-bottom: 4px;
}

.ie8 .iconCourseCode {
    word-break: break-all;
}

.ie8 table#table-results td.cell3, .ie8 table#table-results td.cell8 {
    width: 50px;
}

.ie8 #table-results TBODY TR TD {
    padding: 8px;
}

.ie8 .tab-content.col-md-8.col-md-offset-1 {
    padding-left: 6px;
}

.ie8 table#table-results td.cell2, .ie8 table#table-results td.cell4, .ie8 table#table-results td.cell5 {
    width: 40%;
}

.ie8 td.history-column.cell5 {
    width: 150px !important;
}

.ie8 table#table-results td.cell6, .ie8 table#table-results td.cell7 {
    width: 100px;
}

.ie8 #history-panel table#table-results td.cell3 {
    width: 20%;
    word-break: break-all;
}

div#logo-top {
    width: 640px;
    padding-top: 3px;
}

.ie8 table#table-results tbody tr td {
    word-wrap: break-word;
}


/** Arrange panels in Players**/

.left-side {
    background-color: rgb(245, 245, 245);
    float: none;
    display: table-cell;
    border-right: 1px solid #eee;
    border-right: 1px solid #eee;
    vertical-align: top;
    padding: 0;
}

.right-side {
    float: none;
    display: table-cell;
}

.left-padding {
    padding-left: 15px !important;
}

.training-elements {
    border-top: 7px solid white;
    display: flex;
    flex-direction: column;
}

.left-padding-elements > *:not(.nestedCardContainer) {
    background-color: rgb(245, 245, 245);
    padding-left: 30px;
}


.left-padding .nestedCardContainer {
    padding-left: 0px !important;
}

.nestedCardContainer .training-elements {
    margin-left: -30px;
}

.left-paddingzero {
    padding-left: 0;
}

.right-padding {
    padding-right: 15px !important;
}

.right-paddingzero {
    padding-right: 0;
}

.form-group.mb0 {
    margin-bottom: 0;
}

.modal-content {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#divConsoleLogo {
    text-align: center;
}

#searchButton, #advancedSearchButton {
    min-width: 60px;
}

#course-info-description {
    word-break: break-word;
    word-wrap: break-word;
    -ms-word-break: normal;
    -ms-word-wrap: break-word;
}

#divESIGNATURE .input-group {
    width: 100%;
}

#loginmessage1 {
    display: inline-block;
    word-wrap: break-word;
    -webkit-word-break: break-word;
    width: 100%;
}

ul#list-dashboard {
    padding-left: 0;
}

    ul#list-dashboard li {
        list-style-type: none;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 50%;
    }

div.list-dashboard-item {
    border: 1px solid #8c8c8c;
    padding: 10px;
}

    div.list-dashboard-item:hover {
        border: 1px solid #b3d9ff;
        background-color: #e5f2ff;
    }

a[data-item="link-dashboard"] {
    color: #f1a417;
}

ul li[data-draggable="1"] {
    cursor: move;
}

.disableClick {
    pointer-events: none;
}

div.widget-title {
    font-family: "Arial Black", Arial;
    font-size: 12pt;
    font-weight: 800;
}

div.widget-footer {
    font-family: "Arial";
    font-size: 7pt;
}

div.widget-content {
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

#legend2 {
    float: right;
    width: 135px;
    right: 0;
    margin-top: -40%;
}

.ie8 #legend2, .ie9 #legend2 {
    float: right;
    width: 80px;
    right: 0;
    margin-top: -40%;
}

#legend1 {
    width: 135px;
    position: absolute;
    right: -20px;
    top: 50px
}

.legend {
    font-size: small;
    font-family: Helvetica;
}

#filters {
    font-size: smaller;
    font-weight: normal;
    font-family: "Arial";
    padding-bottom: -2px;
}

div#dashboard-management {
    width: 100%;
    height: 90%;
    background-color: #fff;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 50px;
    padding-top: 15px;
    border: 1px solid white;
}

div.widget-holder {
    max-width: 500px;
    max-height: 300px;
}

div.widget-content > div.row {
    padding-top: 10%;
}

#dashboard-title {
    padding-top: 10%;
    color: slategray;
    font-weight: bold;
    font-size: x-large;
    text-transform: uppercase;
}

#chart1, #chart2 {
    cursor: pointer;
}


/*.chart2arc { pointer-events: none; }
.chart2arc.active { pointer-events: inherit; }*/

.legend .label {
    -ms-border-radius: 0;
    border-radius: 0;
}

.legend div {
    cursor: pointer;
}

#label-incomplete {
    background: #558ED5;
}

#label-overdue, #label-late {
    background: #C00000;
}

#label-dueinxdays {
    background: #ED8D15;
}

#label-ontime {
    background: #92D050;
}

span[data-legend='1'], span[data-legend='2'] {
    cursor: pointer;
}

#chart2-text {
    margin-top: 15%;
}

.ie8 #onetime-chart-center {
    left: 15px;
    margin-top: 2px;
}

.ie8 #onetime-chart-center, .ie9 #onetime-chart-center {
    height: 40px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 45%;
    /* left: 195px; */
    vertical-align: middle;
    width: 40px;
    -ms-border-radius: 0;
    border-radius: 0;
    border-style: none;
    background-color: white;
    display: block;
}


#onetime-chart-center > span {
    font-weight: bold;
    font-size: 20px;
}



/* Added to fix IE11 issues - 9/29/2016
------------------------------ */
#ontime-chart {
    width: 300px !important;
}

#onetime-chart-center {
    top: 0;
    margin-top: -130px;
    margin-left: 130px;
}





@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .ie8 #onetime-chart-center, .ie9 #onetime-chart-center {
        left: 0;
        top: 50%;
        width: 30px;
        height: 30px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 768px) {
    .ie8 #onetime-chart-center, .ie9 #onetime-chart-center {
        left: 60px;
        top: 50%;
        width: 20px;
        height: 20px
    }

    #chart2 {
        max-height: 210px;
    }
}

/* Commented out - Breaking in Chrome 9/29/2016
@media only screen and (min-width: 280px) and (max-width: 1280px) {
    #legend1 {
        float: none;
        top: 10%;
        left: 0;
        font-size: smaller;
    }
    #legend2 {
        float: none;
        top: 10%;
        left: 0;
        font-size: smaller;
    }
}
*/

/* =infoBanner
------------------------------ */

.infoBanner {
    background-color: #E9E9E9;
    padding: 15px 0px;
    cursor: default;
}


/* =gridData
------------------------------ */

.gridData-small {
    font-size: 11px;
}


/* =mrButton (Used in Manage Reasons (mr)) | Added 07/11/2016
------------------------------ */

.mr-button {
    width: 100px;
    margin-bottom: 5px;
    border-color: #428BCA;
}

    .mr-button:hover, .mr-button:active, .mr-button.active {
        background-color: #11395F;
        border-color: #11395F;
        color: #FFFFFF;
    }




/* =Modal-Content-Title | Added 07/11/2015
------------------------------ */
.modal-text-title {
    margin-bottom: 10px;
    margin-top: 10px;
}




/* =completion-info-block | Added 07/25/2016
------------------------------ */
.completion-info-block {
    padding: 15px 30px;
}

#main-panel hr {
    margin-bottom: 0px;
}

.print-info-block {
    background-color: #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}



/* =Left Menu Buttons for Credit / Completion History | Added 07/25/2016
------------------------------ */
#page-detail > #left-page-detail {
    float: left;
    min-width: 0px;
    width: 0;
}

#page-detail > div:first-child {
    padding: 30px 31px;
}

div#nav-completion.btn-group-vertical {
    position: relative;
    display: inline-block;
    text-align: center;
    right: 0px;
}

    div#nav-completion.btn-group-vertical > .btn {
        border: 1px solid #11395F;
        color: #11395F;
        border-radius: 0px;
        height: 80px;
    }

        div#nav-completion.btn-group-vertical > .btn:hover, div#nav-completion.btn-group-vertical > .btn:hover .button-label {
            background-color: #11395F;
            color: #FFFFFF;
        }




/* =p word-break | Added 08/03/2016
------------------------------ */
p {
    word-break: break-word;
    word-wrap: break-word;
    white-space: normal;
}




/* =Pagination Pulldown | Added 08/10/2016
------------------------------ */
.cw-pagpulldown select {
    position: relative;
    width: 120px;
    float: left;
    margin: 0px -2px 0px -1px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #FFFFFF url('../images/pagination/arrow-down.png') no-repeat right center;
    border-radius: 0px;
    border: 1px solid #DDDDDD;
    color: #65a5da;
    cursor: pointer;
    box-shadow: none;
}

    .cw-pagpulldown select:focus {
        border: 1px solid #DDDDDD;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0)
    }

.cw-pagpulldown .pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
}

.cw-pagpulldown .pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}



/* Turns the disabled buttons on so that the user can see them, but still disabled 
Added 9/29/2016 */
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #aaa;
    cursor: not-allowed;
}



/* =Filter Box | Added 08/01/2016
------------------------------ */
.filterbox {
    border: 1px solid #428BCA;
    padding: 15px 0px;
    margin: 0px;
}

    .filterbox .radio label {
        padding-right: 10px;
    }

.scheduledReports-heading {
    background-color: black !important;
    color: #f5f5f5 !important;
    border-color: black !important;
    margin-top: 5px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

/* System message - start */
.system-message-tooltip {
    position: relative;
    display: inline-block;
    color: #ec971f !important;
}

.navbar-nav > li > a.system-message-tooltip {
    padding-top: 12px;
    padding-bottom: 9px;
}

/* Tooltip text */
.system-message-tooltip .system-message-tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #ec971f;
    color: #fff;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.system-message-tooltip:hover .system-message-tooltiptext {
    visibility: visible;
}

/* System message - end */

/* For Smaller Screens Added 9/4/2019 */
@media only screen and (max-width: 767px) {
    #learner-container {
        /*padding: 0;*/
    }

    .left-side {
        display: block;
    }

        .left-side .panel .panel-body {
            float: left;
        }

            .left-side .panel .panel-body .panel-title img {
                height: 60px;
            }

    .right-side {
        float: left;
    }

    .panel-footer a {
        margin-bottom: 10px;
    }

    #LearnerHeader {
        min-height: 60px;
    }

    .navbar-inverse .navbar-nav > li.profile-menu > a > span,
    .navbar-inverse .navbar-nav > li.profile-menu.open > a > span,
    .navbar-inverse .navbar-nav > .profile-menu.open > a > span {
        width: 30px;
        padding-left: 8px;
    }

    .navbar-inverse .navbar-nav > .profile-menu .dropdown-menu {
        margin-top: 16px;
    }

    .navbar-nav .open .dropdown-menu {
        float: right;
        width: 100%;
    }

    .navbar-inverse .navbar-nav .header-date {
        width: 100px;
    }

        .navbar-inverse .navbar-nav .header-date a {
            padding: 0;
        }

    .navbar-nav > li {
        float: left;
    }

    .nav > li {
        position: relative;
        display: block;
    }

    .navbar-right {
        float: right;
    }

    li#dashboards .action-center-item {
        width: 100%;
    }

    li#dashboards .action-center-dashboard {
        width: calc(100% - 32px) !important;
    }

    li#dashboards .open > ul.dropdown-menu {
        display: block;
    }

    li#dashboards ul.dropdown-menu {
        left: auto;
        right: 0;
        position: absolute;
        top: 100%;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 12px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        width: max-content;
    }

    li#dashboards .open > ul.dropdown-menu > li > a {
        color: #333;
        padding: 3px 20px;
    }

        li#dashboards .open > ul.dropdown-menu > li > a:hover,
        li#dashboards .open > ul.dropdown-menu > li > a:focus {
            color: #1F68AD;
            text-decoration: none;
            background-color: #f5f5f5;
        }
}

/* My Task */
#table-mytask > tbody > tr > td {
    cursor: pointer;
}

#table-mytask {
    border-collapse: separate;
    border-spacing: 0 0.2em;
}

    #table-mytask tr td {
        background-color: white;
    }

    #table-mytask tbody tr td {
        vertical-align: middle;
        padding: 15px 8px 15px 15px;
    }

#iframeInsideModal {
    width: 100%;
    height: 100%;
}

#courseOwnerReviewModalContent {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    top: 0;
    left: 10px;
    background: none transparent;
    overflow: hidden;
}

#defaultloginmessage {
    background-color: #5B0428;
    padding: 30px;
    opacity: 0.9;
    text-shadow: none;
    line-height: 24px;
}

    #defaultloginmessage .default-login-message {
        display: block;
    }

    #defaultloginmessage .welcome-login-text-1 {
        font-size: 26px;
        font-weight: 600;
    }

    #defaultloginmessage .welcome-login-text-2 {
        font-size: 14px;
        padding-top: 20px;
        font-weight: 600;
    }

    #defaultloginmessage .welcome-login-text-3 {
        padding-top: 12px;
        font-size: 12px;
    }

    #defaultloginmessage .welcome-login-learnmore {
        padding-top: 20px;
    }

        #defaultloginmessage .welcome-login-learnmore .btn {
            color: #5B0428;
            font-weight: bold;
            min-width: 180px;
        }

#prerequisitescontroller {
    height: 95% !important;
}


.lockedOut {
    padding: 20px;
    margin-top: 10%;
    background-color: #ec971f;
    color: white;
    border-radius: 5px;
}

    .lockedOut > .lockedmessage {
        display: flex;
        justify-content: center;
        padding: 15px 10px;
    }

    .lockedOut .messagepanelIcon {
        font-size: large;
        align-items: center;
        display: flex;
        margin: 0px 10px;
    }

    .lockedOut > h4 {
        justify-content: center;
        padding: 10px;
        text-align: center;
        line-height: 2;
    }

.font-color-primary-blue {
    color: #1F68AD;
}
#ApprovalModalDialog div.modal-header {
    background-color: rgba(0,0,0,0.05);
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

#ApprovalModalDialog .modal-body {
    color: black;
    cursor: default;
    font-family: "SegoeUI", "Segoe UI", "Helvetica Neue", sans-serif;
    padding:0px 8px !important;
}

#ApprovalModalDialog table {
}

 #ApprovalModalDialog table td {
    padding: 8px; /* Apply cell padding */
    word-wrap: break-word;
    max-width: 125px;
}


#ApprovalModalDialog .modal-content {
    max-height: 400px !important;
    width:650px
}

#ApprovalModalDialog .modal-title {
    font-weight: 500;
}

#ApprovalModalDialog .table th {
    font-weight: 500;
    vertical-align: bottom;
    background: #ddd;
}

#ApprovalModalDialog .table td, .table th {
    padding: 8px !important;
    vertical-align: top !important;
    border-top: 1px solid #ddd !important;
}

.fixTableHead {
    overflow-y: auto;
    max-height: 325px;
    margin-top: -1px !important;
}

.fixTableHead thead th {
        position: sticky;
        top: 0;
 }
@media (min-width: 768px) {
    #ESignatureHistoryTable .signerlevel, .signers, .signaturedatetime, .status, .signaturecomment {
        float: left;
    }

    #ESignatureHistoryTable .signerlevel {
        width: 13%;
    }

    #ESignatureHistoryTable .signers {
        width: 20%;
    }

    #ESignatureHistoryTable .signaturedatetime {
        width: 25%;
    }

    #ESignatureHistoryTable .status {
        width: 17%;
    }

    #ESignatureHistoryTable .signaturecomment {
        width: 23%;
        word-wrap: break-word;
    }

    #ESignatureHistoryTable .row {
        padding: 5px 15px;
    }
}


.textinfocolor {
    color: #31708f;
}
.textareaNoResize {
    resize: none;
}

.esignmodal-close
{
    right: 0;
    position: absolute;
    padding-right: 20px !important;
}
/* Added below buttons for modal- Form Response History*/
.btn-cw-primary {
    background-color: #1F68AD !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    border-radius: 2px !important;
    padding: 8px 20px !important;
}

.btn-cw-secondary {
    background-color: #CCCCCC !important;
    color: #000000 !important;
    font-size: 12px !important;
    border-radius: 2px !important;
    padding: 8px 20px !important;
}
#formResponseHistoryHeader{
    font-size: 14pt !important;
}

#ApprovalModalDialog .modal-body .nouser-at-signerlevel {
    margin-bottom: 0px;
}

@media screen {
    #printSection {
        display: none;
    }
    #printHeaderSection {
        display: none;
    }
    #lastDiv {
        page-break-after: avoid;
    }
}


#eSignLoading {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(255,255,255,0.6);
    z-index: 1000;
    text-align: center;
    padding-top: 25vh;
}

    #eSignLoading i.fas.fa-spinner {
        position: fixed;
    }

#overlay {
    position: absolute;    
    padding-top: 30vh;
    padding-left: 50vw;
}

    #overlay i.fas.fa-spinner {
        position: fixed;
        z-index: 9999;
    }

.loading {
    opacity: 0.5;
    pointer-events: none;
}

.form-preview #spanReadOnlyCalendar,
.frmSegment #spanReadOnlyCalendar {
    pointer-events: none;
}

/*  Segmented form */

.frmSegment select option:disabled {
    pointer-events: none;
}

#frmSegmentedLaunch .navBorder {
    border-right: 1px solid #e3e3e3;
    border-bottom: none;
    border-top: none;
}

#frmSegmentedLaunch .ui-accordion .ui-accordion-header {
    align-items: center;
    background-color: #D3D3D3;
    border: none;
    border-radius: 0;
    direction: inherit;
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

#frmSegmentedLaunch .ui-accordion .ui-accordion-header-icon {
    margin-inline-start: 10px;
    margin-inline-end: 0;
    order: 2;
    pointer-events: auto;
}

#frmSegmentedLaunch #SaveSuccess .alert, 
#frmSegmentedLaunch #SaveFailure .alert {
    margin-bottom: 1rem !important
}

.navSegmentDetailContainer {
    padding: 10px 15px;
    padding-right: 0px;
}

.segmentNavItem {
    border-right: 3px solid #fff;
    pointer-events: none;
    list-style: none;
    padding: 8px 8px 8px 0px;
}

    .segmentNavItem.active {
        border-right: 3px solid #5B0428;
    }

    .segmentNavItem button {
        align-items: center;
        background: none;
        border: none;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        pointer-events: auto;
        text-align: left;
        width: 100%;
    }

        .segmentNavItem button .text {
            color: #565D6B;
            font-size: 16px;
            max-width: 100%;
            overflow: hidden;
            padding: 2px 8px;
            white-space: break-spaces;
        }

        .segmentNavItem button .icon {
            align-items: center;
            display: flex;
            flex-direction: row;
            justify-content: center;
            min-width: 20px;
        }

        .segmentNavItem button .icon .iconText {
            padding-top: 2px;
        }

    .segmentNavItem.active button .text {
        color: #000; 
    }

    .segmentNavItem button:hover .text {
        font-weight: 500;
    }


    .accordionSegmentItem.ui-accordion-header {
        color: #000;
        background-color: #e0e0e0;
        font-weight: normal;
    }

    .accordionSegmentItem.ui-accordion-header.ui-state-active {
        color: #fff !important;
        background-color: #565D6B !important;
    }

    .accordionSegmentItem.ui-state-active button {
        background-color: #565D6B !important;
        color: #fff !important;
    }
    
    .accordionSegmentItem.ui-state-active button .text {
        color: #fff !important;
    }
    .accordionSegmentItem.ui-accordion-header button:hover .text {
        font-weight: normal !important;
    }
            

#dvForm .segmentNavItem:not(:first-child) {
    margin-top: 25px !important;
}

#dvForm .segmentNavItem button {
    justify-content: flex-start;
}

.segmentNavItem .segmentActionRequiredIcon {
    color: #54B4D3;
}

.segmentNavItem .segmentLockedIcon {
    color: #E0E0E0;
}

.segmentNavItem .segmentCompleteIcon {
    color: #118C42;
}

#dvForm .segmentNavItem .icon {
    border-radius: 4px;
    font-size: 12px;
    gap: 5px;
    margin-left: 5px;
    padding: 4px 8px;
}

#dvForm .segmentNavItem .segmentCompleteIcon {
    background-color: #118C42;
    color: #fff;
}

#dvForm .segmentNavItem .segmentActionRequiredIcon {
    background-color: #54B4D3;
    color: #000;
}

#dvForm .segmentNavItem .segmentLockedIcon {
    background-color: #BDBDBD;
    color: #565D6B;
}

#dvForm .ui-accordion .ui-accordion-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

#segmentsAccordion:not(.ui-accordion) form {
    padding-left: 1.5rem !important;
    padding-right: 0.3rem !important;
}

.btn-outer {
    padding-left: 0px;
    margin-left: -5px;
    margin-bottom: 14px;
}

/*  Segmented form - end*/