/* Minification failed. Returning unminified contents.
(9709,47): run-time error CSS1046: Expect comma, found '0'
(9709,51): run-time error CSS1046: Expect comma, found '/'
(9710,39): run-time error CSS1046: Expect comma, found '0'
(9710,43): run-time error CSS1046: Expect comma, found '/'
 */
/* ========================================================================
	TABLE OF CONTENTS
    28. Org Dashboard Page
    27. Complaint Page
    26. Consultant Page
    25. Search Page
    24. Site Service Page
    23. Content Management
    22. Standards Managment
    21. Notification settings
    20. Educational services
    19. Team/Staff Members
    18. My Availability
    17. Scheduling
    16. Site Visit Page
    15. Edit Citation Modal
    14. Organization Profile Page
    13. Documents Page
    12. Journal Page
    11. Readiness Page
    10. Plan of correction Page
    9.  Contract Page
    8.  Organization Page
    8.1     Black out Dates
    8.2     Filter Per Location
    8.3     Customer Type
    7.  Self Study Page
    6.  Alerts
	5.  Application Page
    4.  Standards Page
    3.  Login Page
    2.  Pages
    1.  Time Line Control
    0.  Check Out bar
 * ======================================================================== */

/* ========================================================================
 * 28. Org Dashboard Page
 * ======================================================================== */
.charts-list-container {
    padding: 10px 0px 0px;
}

    .charts-list-container h4 {
        padding: 0px 15px;
    }

.charts-list {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px !important;
}

    .charts-list li {
        border-top: 1px solid #e3e3e3;
        background-color: #fff;
    }

        .charts-list li a {
            display: block;
            padding: 10px 15px;
        }

            .charts-list li a.active {
                color: #fff;
                background: #33383d;
            }

.highcharts-contextmenu hr {
    margin: 5px 0px;
}

.highcharts-data-table table {
    text-align: left;
    max-width: 100%;
}

.charts-content .tab-pane {
    border: none !important;
    overflow-y: unset !important;
    padding: 0px !important;
}
/* ========================================================================
 * 27. Complaint Page
 * ======================================================================== */
#complaint-standards {
    list-style: none;
    margin-top: 15px;
    margin-left: 0px;
    padding-left: 0px;
}

    #complaint-standards li {
        display: block;
        margin-bottom: 5px;
        overflow: hidden;
    }

        #complaint-standards li:last-child {
            margin-bottom: 0px;
        }

        #complaint-standards li a {
            display: block;
            float: left;
            margin-right: 10px;
        }

        #complaint-standards li div {
            display: block;
        }
/* ========================================================================
 * 26. Consultant Page
 * ======================================================================== */
.organization-list #search-for-organization {
    list-style: none;
    margin-bottom: 10px;
    margin-left: -15px;
}
/* ========================================================================
 * 25. Search Page
 * ======================================================================== */
#search-category li {
    border-bottom: 1px solid #ddd;
}

    #search-category li a {
        color: #333;
        display: block;
        width: 100%;
        padding: 10px 8px;
    }

        #search-category li a i {
            margin-right: 5px;
            color: #ccc;
        }

        #search-category li a:hover,
        #search-category li a:active,
        #search-category li a:focus,
        #search-category li a.active {
            background: #dddddb;
            text-decoration: none;
        }

            #search-category li a.active i {
                color: #33383d;
            }

.search-container .form-group {
    margin-bottom: 0px;
}
/* ========================================================================
 * 24. Site Service Page
 * ======================================================================== */
#products-summary {
}

    #products-summary .product-category .product-category-header {
        overflow: hidden;
        border: 1px solid #eee;
        padding: 10px 10px 15px;
        position: relative;
        background-color: #f5f5f5;
        margin-bottom: 0px;
    }

        #products-summary .product-category .product-category-header .product-category-title {
            margin: 0px;
            margin-right: 15px;
        }

        #products-summary .product-category .product-category-header .product-category-actions {
            position: absolute;
            top: 5px;
            right: 10px;
        }

    #products-summary .product-category .product-category-body {
        border: 1px solid #eee;
        border-top: none;
        border-bottom: none;
        padding: 10px;
    }

        #products-summary .product-category .product-category-body .product-code-container:last-child .form-group {
            margin-bottom: 0px;
        }

    #products-summary product-category:last-child .product-category-body {
        border-bottom: 1px solid #eee;
    }

/* ========================================================================
 * 23. Content Management
 * ======================================================================== */
.content-relationships-items {
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
}

.content-relationships-item {
    padding: 5px;
    border: 1px solid #ddd;
    border-top: none;
    background-color: #f1f1f1;
    line-height: 25px;
}

.add-version-package,
.add-composition-rule,
.remove-version-package,
.remove-composition-rule {
    border-bottom: none !important;
}

#manage-content-grid table tbody tr td {
    white-space: normal;
}

    #manage-content-grid table tbody tr td .label {
        display: inline-block;
        margin-bottom: 3px;
    }

/* ========================================================================
 * 22. Standards Managment
 * ======================================================================== */
#manage-content-grid {
    margin-bottom: 50px
}

#packages-table thead tr th.sub {
    background-color: #97989b;
}

#packages-table thead tr th.used-by {
    width: 100px;
    border-bottom: 1px solid #8b8c8d;
}

#packages-table tbody tr td {
    width: 95px;
}

    #packages-table tbody tr td:nth-child(2) {
        width: 100px;
    }

    #packages-table tbody tr td.description,
    #packages-table tbody tr th.description {
        width: auto;
        text-transform: capitalize;
    }

    #packages-table tbody tr td:last-child {
        width: auto;
    }

.package-item-list .package-item .package-item-header {
    display: block;
    letter-spacing: -1px;
    padding: 0 0 5px;
    margin: 10px 0px;
    border-bottom: 5px solid rgba(0,0,0,.1);
    font-size: 1.7em;
    font-weight: 400;
    text-align: left;
}

.package-item-list .package-item .powerwidget .inner-spacer {
    padding: 0px;
}

    .package-item-list .package-item .powerwidget .inner-spacer .portlet-number {
        text-align: center;
        padding: 10px 10px 0px;
        font-size: 26px;
        font-weight: bold;
    }

.package-item-list .package-item .package-item-body {
    position: relative;
}

    .package-item-list .package-item .package-item-body .package-item-number {
        padding-left: 5px;
        padding-right: 5px;
    }

        .package-item-list .package-item .package-item-body .package-item-number:first-child {
            padding-left: 15px;
        }

        .package-item-list .package-item .package-item-body .package-item-number:last-child {
            padding-right: 15px;
        }


/* ========================================================================
 * 22. Site Service
 * ======================================================================== */

.editable-ccn-label {
    margin-top: 6px;
}

#editCCNBtn {
    margin-left: 15px;
    padding: 6px;
}

.modal-siteservice {
    width: 960px;
}

/* ========================================================================
 * 21. Notification settings
 * ======================================================================== */
.notification-settings-container {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 30px;
}

.notification-group {
    margin: 0px 40px;
}

.notification-settings-container h4 {
    cursor: pointer;
}

.notification-settings-table td.edit-column {
    padding-left: 20px;
    width: 50px;
}

    .notification-settings-table td.edit-column:hover {
        cursor: pointer;
    }

.contact-header {
    width: 100%;
    text-align: center;
}

.contact-header-row {
    padding-bottom: 10px;
}

    .contact-header-row p {
        padding-top: 5px;
    }

.content-list {
    height: 250px;
    overflow: scroll;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-right: -5px;
    overflow-x: hidden;
    border-radius: 3px;
}

.content-item {
    white-space: nowrap;
}

    .content-item:not(:last-child) {
        border-bottom: 1px solid #ddd;
    }

    .content-item:hover {
        background-color: lightgray;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        cursor: grab;
        cursor: hand;
    }

#edit-notification-modal .modal-body {
    height: 90% !important;
}

.add-btn, .remove-btn {
    display: table-cell;
    margin: 5px;
    display: inline-block;
    width: 12px;
}

.contact-name {
    display: table-cell;
    padding-bottom: 5px;
}

.add-btn:hover, .remove-btn:hover {
    cursor: pointer;
}

.add-remove-btn-adjustment {
    padding-right: 10px;
}

.addNewContact, .removeNewContacts {
    margin-top: 5px;
    margin-right: -10px;
    margin-bottom: 5px;
    width: 100%;
}

.removeNewContacts {
    width: 100%;
}

.indicator {
    margin-top: 120px;
    padding: 0;
    position: fixed;
}

@media screen and (min-width: 992px) {
    .border-between > [class*='col-']:before {
        background: #e3e3e3;
        bottom: 0;
        content: " ";
        left: 0;
        position: absolute;
        width: 1px;
        top: 0;
    }

    .border-between > [class*='col-']:first-child:before {
        display: none;
    }

    .indicator {
        margin-left: 210px;
    }

    .chap-address {
        text-align: left;
    }
}

@media screen and (max-width: 991px) {
    .indicator {
        margin-left: 46%;
    }
}

.modal-body {
    max-height: 1920px;
}

.red-border {
    border: 1px solid red !important;
}

.disabled-contacts {
    color: gray;
    cursor: not-allowed;
}

.collapsable-title i {
    width: 18px;
}

.notification-info-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    background: white !important;
    border-bottom-width: 0px !important;
    border: none !important;
}

.notification-info-icon {
    color: #5bc0de;
    background-color: white !important;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999999999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.gu-hide {
    display: none !important;
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.content-item i {
    cursor: -moz-grab !important;
    cursor: -webkit-grab !important;
    cursor: grab !important;
}

.content-item.gu-mirror {
    background-color: gray;
}

/* ======================================================================== */
/* ========================================================================
 * 20. Educational Services Modal
 * ======================================================================== */
.education-table thead th {
    background-color: #f1574b !important;
    border-style: none !important;
}

.education-table-selected-column {
    width: 50px;
}

.education-table-name-column {
    width: 150px;
    font-weight: bold;
}

.education-table-price-column {
    width: 200px;
}

.education-table-description-column {
    width: 400px;
    font-size: 11px;
}

.education-table-quantity-field {
    width: 40px;
}

.education-table-price-field {
    width: 50px;
}

.education-table-grandTotal-field {
    font-weight: bold;
    float: right;
    display: inline;
}

#education .modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}




/* ========================================================================
 * 19. Team/Staff Members
 * ======================================================================== */
#chap-staff-container {
    position: relative;
    min-height: 300px;
}

#chap-staff-filter-cell {
    padding: 0px;
    border: 1px solid #e2eae9;
}

#chap-staff-filter {
    background-color: #f0f0ed;
    border: none;
    box-shadow: none;
    border-radius: 0 !important;
}

#edit-chap-staff-container {
    background-color: #FBFBFB;
    width: 100%;
    padding: 10px;
}

.staff-member {
    border-bottom: 1px solid #e2eae9;
    border-left: 1px solid #e2eae9;
    border-right: 1px solid #e2eae9;
    padding: 10px;
}

    .staff-member.disabled {
        background-repeat: repeat;
        background-image: url(../../Content/images/bg-stripped.png);
    }

    .staff-member .staff-member-img {
        background-size: cover;
        width: 80px;
        height: 80px;
        border: 1px solid #e2eae9;
        border-radius: 5px;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        background-color: #fff;
    }

    .staff-member.disabled .staff-member-img {
        background-color: #eee;
        border-color: #ccc;
        opacity: .5;
    }

.saff-member-info label {
    width: 80px;
}

.staff-member.disabled .label {
    opacity: 0.5;
}

.form-edit-chap-staff .form-group {
    margin-bottom: 10px;
}

.chap-staff-actions {
    text-align: right;
    padding-top: 8px;
}

    .chap-staff-actions a {
        color: #555459;
        font-size: 12px;
    }

        .chap-staff-actions a:hover {
            text-decoration: none;
        }

        .chap-staff-actions a i {
            margin-left: 10px;
            color: #3b8dbd;
        }

.account-organization-select-label {
    padding-right: 15px;
    font-size: 16px;
    padding-top: 4px;
}

.team-container {
    padding: 0px;
}

.teams-container .panel .panel-body .team-member:last-child {
    border-bottom: none;
}

.team-container .panel .panel-body h4 {
    border-bottom: 3px solid rgba(0,0,0,.1);
    padding-bottom: 10px;
    width: 200px;
}

.team-member {
    border-bottom: 1px solid #EEE;
    color: #9e9ea6;
    line-height: 1.25rem;
    position: relative;
    padding: 10px;
}

    .team-member.disabled {
        background-image: url(../Content/images/bg-stripped.png);
        background-repeat: repeat;
    }

        .team-member.disabled .team-member-img {
            background-color: #eee;
            opacity: 0.5;
        }

.team-member-img {
    width: 36px;
    height: 36px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    background-size: cover;
}

.team-member-name {
    font-weight: 900;
    color: #555459;
    font-size: 15px;
}

.team-member-contact {
    display: inline-block;
}

.team-member .team-member-actions-container {
    padding-right: 15px;
    padding-top: 10px;
    display: none;
}

    .team-member .team-member-actions-container a {
        text-decoration: underline;
        font-size: 12px;
    }

.team-member.selected .team-member-actions-container {
    display: block;
}

.team-member.selected {
    background-image: none !important;
    background-color: #f6f6f6;
}

.team-member-user-id {
    color: #555459;
}

.team-member-satus {
    color: #9e9ea6;
}

.team-member-actions {
    text-align: right;
    padding-top: 8px;
}

    .team-member-actions a {
        color: #555459;
        font-size: 14px;
    }

        .team-member-actions a:hover {
            text-decoration: none;
        }

        .team-member-actions a i {
            margin-left: 10px;
            color: #3b8dbd;
        }

#organization-members-container .panel {
    margin-bottom: 10px;
}

#organization-members-container .well {
    margin-top: 11px;
    margin-bottom: 12px;
}

#org-users .panel {
    box-shadow: none;
}


/* ========================================================================
 * 18. My Availability
 * ======================================================================== */
#my-availability-headline {
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
    white-space: nowrap;
    text-transform: capitalize;
}

#my-availability td,
.monthly-calendar td {
    padding: 5px;
    vertical-align: top !important;
    width: 14.28%;
    height: 90px;
    position: relative;
}

    #my-availability td.personal-day .day-number,
    .monthly-calendar td.personal-day .day-number {
        color: #f88e87;
    }

    #my-availability td:hover {
        cursor: pointer;
    }

    #my-availability td.disabled {
        background-color: #ffffff;
    }

        #my-availability td.disabled .day-number {
            opacity: 0.3;
        }

    #my-availability td.event-day,
    #my-availability td.disabled {
        cursor: default;
    }


.monthly-calendar td {
    width: 14%;
}

    .monthly-calendar td.view-weekly {
        width: 2%;
        vertical-align: middle !important;
        background-color: #f0f0ed;
    }

        .monthly-calendar td.view-weekly a {
            display: block;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #555;
        }


#my-availability th,
.monthly-calendar th {
    text-align: center;
    background: #969fa1;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85em;
    padding: 10px;
    border: 0;
}

#my-availability td.other-month,
.monthly-calendar td.other-month {
    background: #f0f0ed;
    border: none;
}

#my-availability td .day-number,
.monthly-calendar td .day-number {
    font-size: 38px;
    line-height: 30px;
    text-align: right;
    color: #858689;
    letter-spacing: -2px;
    font-weight: 700;
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#my-availability td .day-number {
    font-size: 26px;
    line-height: 22px;
    padding: 0px 0px 0px 5px;
}

#my-availability td .day-tasks {
    margin-right: 30px;
    overflow: hidden;
    height: 100%;
}

#my-availability td .day-content {
    position: relative;
    width: 100%;
}

#my-availability td.personal-day {
    background-color: #fcc;
}

.monthly-calendar td .day-header {
    font-size: 16px;
    color: #555;
}

.monthly-calendar td .day-details {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: none;
}

    .monthly-calendar td .day-details a {
        padding: 5px 10px;
    }

        .monthly-calendar td .day-details a i {
            color: #858689;
            font-weight: 700;
        }

.monthly-calendar td:hover .day-details {
    display: block;
}

.monthly-calendar td .day-stats {
    font-size: 12px;
    margin-top: 2px;
}


/* ========================================================================
 * 17. Scheduling
 * ======================================================================== */
.btn-view-blackout-dates {
    position: relative;
    box-shadow: none;
    border: none;
}

.schedule-site-visitor-name {
    background-color: #f2f2f2;
    vertical-align: top !important;
    width: 15%;
}

.lead-site-visitor {
    background-color: #e6e6e6;
}

.schedule-task-cell {
    vertical-align: top !important;
    padding: 0px !important;
    width: 17%;
}

.schedule-task {
    padding: 5px;
    min-height: 114px;
    font-size: 12px;
    position: relative;
}

    .schedule-task .label {
        margin-left: 0px !important;
    }

    .schedule-task .shift-actions {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 15px 15px 0;
        border-color: transparent;
        border-right-color: #555;
        position: absolute;
        top: 0;
        right: 0;
    }

    .schedule-task .shift-actions-menu {
        top: 0;
    }

        .schedule-task .shift-actions-menu > li.divider {
            margin: 5px 0px;
        }

    .schedule-task .schedule-task-box {
        position: relative;
    }

    .schedule-task.bg-PalliativeCare {
        border-left: 5px solid #f87aa0;
        background-color: #fee7ee;
    }

    .schedule-task.bg-HighAcuityCareAtHome {
        border-left: 5px solid #666;
        background-color: #eff1f5;
    }

    .schedule-task.bg-AgeFriendlyCare {
        border-left: 5px solid #607D8B;
        background-color: rgba(96, 125, 139, 0.4);
    }

    .schedule-task.bg-CSE {
        border-left: 5px solid #39BC61;
        background-color: #D9FAEB;
    }

    .schedule-task.bg-HomeHealth {
        border-left: 5px solid #d43e85;
        background-color: #faeaf2;
    }

    .schedule-task.bg-Hospice {
        border-left: 5px solid #7d2e81;
        background-color: #f8ecf8;
    }

    .schedule-task.bg-Pharmacy {
        border-left: 5px solid #86bd4b;
        background-color: #f2f8ec;
    }

    .schedule-task.bg-HomeCare {
        border-left: 5px solid #00bcbe;
        background-color: #e6ffff;
    }

    .schedule-task.bg-HomeMedicalEquipment {
        border-left: 5px solid #2e364b;
        background-color: #eff1f5;
    }

    .schedule-task.bg-HomeInfusionTherapy {
        border-left: 5px solid #93024f;
        background-color: #ffe6f3;
    }

    .schedule-task.bg-PublicHealth {
        border-left: 5px solid #2e469e;
        background-color: #ebeef9;
    }

    .schedule-task.bg-Core {
        border-left: 5px solid #e8cf1b;
        background-color: #fdfae8;
    }

    .schedule-task.bg-SupplementalStaffing {
        border-left: 5px solid #ef6f20;
        background-color: #fdf0e7;
    }

    .schedule-task.bg-CommunityNursingCenter {
        border-left: 5px solid #00aeef;
        background-color: #e6f8ff;
    }

    .schedule-task.bg-CommunityCareFacility {
        border-left: 5px solid #2e469e;
        background-color: #ebeef9;
    }

    .schedule-task.bg-PediatricCertification {
        border-left: 5px solid #607D8B;
        background-color: rgba(96, 125, 139, 0.4);
    }

.schedule-task-cell .schedule-task {
    min-height: 130px;
    height: 100%;
}

#btn-add-locations-to-sitevisit {
    position: absolute;
    top: 10px;
    right: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

#sitevisit-locations thead tr th {
    border-bottom: 0px;
    background-color: #4c5061;
}

#sitevisit-locations tr td {
    vertical-align: top;
}

#sitevisitor-scheduling-table thead > tr > th {
    width: 17%;
}

    #sitevisitor-scheduling-table thead > tr > th:first-child {
        width: 15%;
    }

#sitevisitor-scheduling-table tbody > tr > td {
    padding: 0px;
    vertical-align: top;
    height: 102px;
}

#sitevisitor-scheduling-table .site-visitor {
    padding: 6px 10px;
    font-size: 12px;
    vertical-align: middle;
}

    #sitevisitor-scheduling-table .site-visitor td {
        vertical-align: middle !important;
    }

        #sitevisitor-scheduling-table .site-visitor td .num {
            width: 48px;
            height: 48px;
            font-size: 30px;
            padding: 3px;
            border-radius: 50%;
            margin-right: 10px;
        }

#sitevisitor-scheduling-table tbody > tr > td .nowrap {
    width: 165px;
}

#sitevisitor-scheduling-table .sitevisitor-info > div {
    padding-left: 5px;
    font-weight: bold;
}

#sitevisitor-scheduling-table .sitevisitor-contact a i {
    color: #858689;
}

#sitevisitor-scheduling-table .scheduling-table-search {
    height: auto !important;
    padding: 0px !important;
}

    #sitevisitor-scheduling-table .scheduling-table-search .form-control {
        background-color: #f0f0ed;
        border: none;
        box-shadow: none;
        border-radius: 0px !important;
    }

.sitevisitor-skills {
    list-style-type: none;
    margin: 0px;
    padding: 0px 5px;
}

    .sitevisitor-skills li {
        float: left;
        margin-right: 2px;
    }

.empty-shift,
.personal-shift {
    text-align: center;
    padding: 6px 8px;
}

    .empty-shift a,
    .personal-shift a {
        color: #858689;
        font-size: 20px;
        display: block;
        padding-top: 48px;
    }

.scheduling-step-number {
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    font-size: 16px;
    border: 2px solid #e3e3e3;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 20px;
    padding-top: 11px;
    position: absolute;
    top: -20px;
    left: 0;
}

.scheduling-page .well {
    padding: 10px;
}


.scheduling-step-headline {
    border-bottom: 5px solid #dddddb;
    padding-bottom: 10px;
    letter-spacing: 1px;
    overflow: hidden;
}

.pending-shift {
    border-width: 2px;
    border-style: dashed;
}

    .pending-shift.bg-initial {
        border-color: #9ac04c;
    }

    .pending-shift.initialpost-deferral {
        border-color: #ef6f20;
    }

    .pending-shift.bg-complaint {
        border-color: #a7609a;
    }

    .pending-shift.bg-renewal {
        border-color: #e8cf1b;
    }

    .pending-shift.bg-focus {
        border-color: #ef4032;
    }

    .pending-shift.bg-annual {
        border-color: #00aeef;
    }

    .pending-shift.bg-complaint {
        border-color: #a7609a;
    }

.past-empty-shift {
    background-color: #fcfcfc;
}

.personal-shift {
    background-color: #ffcccc !important;
}


#scheduled-queue-grid .dx-datagrid .dx-row-alt,
#dismissed-queue-grid .dx-datagrid .dx-row-alt {
    background-color: #fff;
}

#scheduled-queue-grid .dx-datagrid-rowsview .dx-group-row,
#scheduled-queue-grid .dx-datagrid-rowsview .dx-row:hover,
#dismissed-queue-grid .dx-datagrid-rowsview .dx-group-row,
#dismissed-queue-grid .dx-datagrid-rowsview .dx-row:hover {
    background-color: #f6f6f6;
    color: #2b2b2b;
}

#add-task-availability-calendar .ui-datepicker-prev,
#add-task-availability-calendar .ui-datepicker-next,
#add-task-availability-calendar .ui-datepicker-calendar thead {
    background-color: #3b8dbd;
}

#add-task-availability-calendar .ui-datepicker-calendar thead {
    border-right: 1px solid #3b8dbd;
}

#add-task-availability-calendar .ui-datepicker-title {
    font-size: 13px;
    margin-top: 0px;
}

#add-task-availability-calendar .ui-datepicker-today .ui-state-highlight {
    background: none;
    background-color: transparent;
}

    #add-task-availability-calendar .ui-datepicker-today .ui-state-highlight a {
        background-color: transparent;
        color: #555;
    }

#add-task-availability-calendar .ui-state-highlight {
    background: none;
    background-color: #90EE90;
}

    #add-task-availability-calendar .ui-state-highlight a {
        background-color: transparent;
        color: #555;
        font-weight: normal;
        cursor: default;
    }

#add-task-availability-calendar .ui-state-disabled {
    background-color: #fcc;
    opacity: 1;
}

#add-task-availability-calendar .ui-datepicker-other-month {
    background-color: transparent;
}

#add-task-availability-calendar .ui-state-disabled.ui-state-highlight {
    background-color: #C2DFAB;
}

div.edit-task-modal-checkbox {
    padding-top: 0px !important;
}

/* ========================================================================
 * 16. Site Visit Page
 * ======================================================================== */
.sitevisit-info-box {
    min-height: 204px;
}

#merge-citation-dialog .modal-body,
#drop-citation-dialog .modal-body {
    overflow: auto;
}

#standardsTreeSelected .selectedStandard {
    visibility: hidden;
}


/* ========================================================================
 * 15. Edit Citation Modal
 * ======================================================================== */
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 1100;
}

.cms-tag-link {
    font-size: 12px !important;
    cursor: pointer !important;
}

    .cms-tag-link:hover {
        font-size: 13px;
        text-decoration: none;
        color: #fff;
    }

.prior-citation-link {
    font-size: 12px !important;
    cursor: pointer !important;
}

    .prior-citation-link:hover {
        font-size: 13px;
        text-decoration: none;
        color: #fff;
    }

.minimize-standards,
.expand-standards {
    font-size: 17px;
    cursor: pointer;
}

#cmsTagSelectContainer.well {
    margin-bottom: 10px;
    padding: 10px;
}

.standard-text {
    font-size: 12px !important;
}

    .standard-text.label {
        padding: 2px 3px;
    }

.citation-crosswalk-btn {
    border-bottom: 0px !important;
}

    .citation-crosswalk-btn i {
        vertical-align: middle;
    }

.crosswalk-standardtree-title {
    color: #4B9EA0;
    margin-left: 15px;
}

.crosswalk-standardtree-container {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* ========================================================================
 * 14. Organization Profile Page
 * ======================================================================== */

tr.clickable-row:hover {
    cursor: pointer;
    background-color: slategray;
}

/* ========================================================================
 * 13. Document Page
 * ======================================================================== */
.fa-document-icon {
    font-weight: bold;
    font-size: 18px;
}

.fa-document-pdf {
    color: #EF4032;
}

.fa-document-word {
    color: #00AEEF;
}

.fa-document-zip {
    color: #820051;
}

#btn-upload-document {
    display: none;
}

/* ========================================================================
 * 12. Journal Page
 * ======================================================================== */
#journal-queue-grid .dx-data-row td {
    white-space: normal !important;
}

/* ========================================================================
 * 11. Readiness Page
 * ======================================================================== */
#readiness-container {
    border: 1px solid #e3e3e3;
    min-height: 290px;
    width: 100%;
    margin-left: -10px;
    display: none;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}

#view-history {
    padding: 2px 7px;
    font-size: 13px;
}

/* ========================================================================
 * 10. Plan of correction Page
 * ======================================================================== */
#submit-plan-of-correction {
    margin-bottom: 20px;
}

/* ========================================================================
 * 9. Contract Page
 * ======================================================================== */
.send-contract-info td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
}

.margin-left-25 {
    margin-left: 25px !important;
}


/* ========================================================================
 * 8. Organization Page
 * ======================================================================== */
#organization-icon,
#site-icon,
#branch-icon {
    display: inline;
}


.user-info {
    padding: 16px 55px 16px 10px;
    margin-top: -10px;
    margin-right: 10px;
    position: relative;
}

.user-info-circle {
    background-color: #dddddd;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 0px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    padding: 5px 0px;
}

.nav-links {
    padding: 16px;
    padding-right: 20px;
    margin-top: -10px;
}

.filter-organization-block {
    width: 50% !important;
}

.organization-list li {
    padding: 3px 0px;
}

    .organization-list li a {
    }

        .organization-list li a:active,
        .organization-list li a:focus,
        .organization-list li a:hover {
            cursor: pointer;
            text-decoration: underline;
        }

        .organization-list li a i {
            padding-right: 5px;
        }


/* ========================================================================
* 8.1 Black out dates
* ======================================================================== */
#common-selected-locations-black-out-dates {
    word-break: break-word;
}

.checkbox-column {
    width: 20px;
}

.locations-list {
    max-height: 365px;
    overflow: auto;
}

.location-filter-container {
    padding: 5px 5px 5px 15px;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background-color: #fff;
}

    .location-filter-container .dx-datagrid-search-panel {
        width: 100%;
    }

.location-list-container {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #e3e3e3;
    border-top: none;
    background-color: #fff;
}

/* ========================================================================
* 8.2 Filter Per Location Control
* ======================================================================== */

#filter-per-location {
    background-color: transparent;
}

    #filter-per-location:active,
    #filter-per-location:hover,
    #filter-per-location:focus {
        color: #fff;
    }

#filter-per-location-list {
    max-height: 290px;
    overflow: auto;
    border: 1px solid #ccc;
    margin-top: -10px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    position: fixed;
    top: 120px;
    width: 560px;
    right: 37px;
    left: auto;
}

    #filter-per-location-list li .search-control {
        margin: 5px 10px;
    }

.service-definition-column {
    border-left: 1px solid #e2eae9;
    width: 25%;
}

/* ========================================================================
* 8.3 Customer Type
* ======================================================================== */
#customer-type {
    margin-left: 8px;
}

    #customer-type:before {
        content: " | ";
    }

    #customer-type label {
        margin-right: 0px;
        padding-left: 2px;
    }

    #customer-type select {
        display: inline-block;
        background: transparent;
        border: none;
        color: #fff;
        padding: 6px 0px;
        width: auto;
    }

        #customer-type select:focus {
            outline: none;
            box-shadow: none;
        }

        #customer-type select option {
            color: #333;
        }
/* ========================================================================
 * 7. Self Study Page
 * ======================================================================== */
.self-study-body {
    border: 1px solid rgba(0,0,0,.1);
    border-top: none;
}

.self-study-inner-space {
    border-bottom: none !important;
}

.menu-container #menu.self-study-menu > li > ul > li > a {
    text-transform: none;
    padding: 8px 6px 8px 4px;
}

    .menu-container #menu.self-study-menu > li > ul > li > a .fa {
        margin-right: 5px;
        font-size: 14px;
    }

.menu-container #menu.self-study-menu .filter-label {
    margin-left: 7px;
    margin-top: 3px;
    text-transform: capitalize;
}

.self-study-question {
    font-weight: bold;
}

#selfstudy-table th {
    background-color: lightcyan;
    color: #000;
}

.self-study-question-code {
    font-weight: 900;
    padding-right: 5px;
    text-decoration: underline;
}

.self-study-question-effective-date {
    font-size: 10px;
    font-style: italic;
    margin-left: 5px;
    font-weight: 500;
}

textarea.self-study-response {
    resize: both;
    overflow: auto;
    margin-bottom: 10px;
}

.self-study-response-info {
    padding: 10px;
    border: 1px solid #dddddb;
    margin-left: 10px;
}

.self-study-add-comment,
.self-study-add-comment:active {
    text-decoration: none;
    color: #555;
}

    .self-study-add-comment:hover,
    .self-study-add-comment:focus {
        color: blue;
    }

.self-study-view-guidance,
.self-study-view-guidance:active {
    text-decoration: none;
    color: #555;
    overflow: auto;
}

    .self-study-view-guidance:hover,
    .self-study-view-guidance:focus {
        color: blue;
    }

.self-study-guidance-modal-text {
    max-height: 350px;
    overflow: auto;
    white-space: pre-wrap;
}

.self-study-help-modal-text {
    font-size: small;
    font-weight: normal;
    max-height: 350px;
    overflow: auto;
}

#selfstudy-table.table-columns-3 .form-control,
#selfstudy-table.table-columns-2 .form-control {
    width: 90%;
}

#selfstudy-table.table-columns-4 .form-control,
#selfstudy-table.table-columns-5 .form-control,
#selfstudy-table.table-columns-6 .form-control {
    width: 80%;
}

#selfstudy-table.table-columns-7 .form-control,
#selfstudy-table.table-columns-8 .form-control {
    width: 73%;
}

input[type=checkbox].self-study-response {
    width: 10%;
    height: 20px;
}

.attachmentLink,
.self-study-add-comment {
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}
/* ========================================================================
 * 6. Alerts
 * ======================================================================== */
.no-alerts {
    padding: 10px 10px 0px 15px;
    text-transform: none;
}

.alerts-grid .dx-datagrid .dx-datagrid-nowrap {
    white-space: pre-line !important;
}

/* ========================================================================
 * 5. Application Page
 * ======================================================================== */

.modal-has-address {
    width: 730px;
}

.location-services-row {
    background-color: #ffffff;
}

.location-row {
    background-color: #f6f6f6;
}

    .location-row .location-information {
        overflow: hidden;
    }

        .location-row .location-information .location-icon {
            padding-right: 10px;
        }

        .location-row .location-information .location-icon,
        .location-row .location-information .location-text {
            float: left;
        }

            .location-row .location-information .location-text .location-address {
                font-weight: 600;
                font-size: 16px;
            }

            .location-row .location-information .location-text .location-name {
                font-size: 14px;
            }

        .location-row .location-information .location-complete-percentage {
            float: right;
        }

.complete-icon .icon {
    font-size: 22px;
    text-align: center;
}

.location-row .toggle-btn,
.location-services-row .toggle-btn {
    border-radius: 50%;
    border: none;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    padding: 0px;
    line-height: 30px;
}

.table-branches tbody tr td,
.table-services tbody tr td {
    border-left: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-top: none;
    border-right: none;
    font-size: 14px;
}

.table-branches tbody tr:last-child td,
.table-services tbody tr:last-child td {
    border-bottom: none !important;
}

.table-branches tbody tr td:first-child,
.table-services tbody tr td:first-child {
    border-left: none !important;
    border-right: 1px solid #ddd !important;
}

.search-locations {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 4px;
    border: none;
}

    .search-locations input[type="text"] {
        height: 39px;
        margin: 0px;
        border: none;
        box-shadow: none;
    }

.expand-children-cell {
    width: 45px;
}

.add-child-cell {
    width: 114px;
    text-align: right;
}

.edit-child-cell {
    width: 68px;
    text-align: right;
}

.remove-child-cell {
    width: 90px;
    text-align: right;
}

.is-complete-cell {
    width: 55px;
}

.service-detail {
    width: 180px;
}

.location-list-group li {
    padding: 0px;
}

    .location-list-group li a {
        padding: 10px 15px;
        display: block;
        position: relative;
    }

        .location-list-group li a:hover {
            text-decoration: none;
            background-color: #f1f1f1;
        }

        .location-list-group li a i.fa-angle-double-right {
            display: none;
            position: absolute;
            top: 10px;
            right: 15px;
        }

    .location-list-group li.list-group-item-label {
        padding: 0px 15px;
        font-size: 1.2em;
        font-weight: 700;
        line-height: 40px;
    }

    .location-list-group li a.active i.fa-angle-double-right {
        display: block;
    }

span.label.siteService {
    margin-left: 25px;
}

.siteServiceRow:hover {
    cursor: pointer;
}

#form-type-save fieldset {
    padding-bottom: 130px;
}

#application-navigation {
    width: 100%;
    margin-bottom: 40px;
}

#duplicate-ccn-dialog .modal-body {
    max-height: none;
}

/* ========================================================================
 * 4. Standards Page
 * ======================================================================== */
.standard-widget-text-container {
    height: 60px;
    line-height: 40px;
}

.standard-widget-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}

.standard-widget-tags {
    height: 300px;
    overflow-y: scroll;
}

.dxtlHeader_SoftOrange a i {
    color: #ffffff !important;
}

/* ========================================================================
 * 3. Login Page
 * ======================================================================== */
#account-wrap {
    min-height: 100%;
}

#account-page {
    overflow: auto;
    padding-bottom: 110px;
}

#page-footer {
    padding-top: 30px;
    background: #fff;
    position: relative;
    margin-top: -110px; /* negative value of footer height */
    min-height: 110px;
    clear: both;
    font-size: 12px;
}

.chap-address {
    margin-bottom: 20px;
    text-align: center;
}

.copyrights {
    text-align: center;
    margin-bottom: 20px;
}

.footer-social-media,
.footer-links {
    width: 100%;
    overflow: hidden;
}

    .footer-social-media ul,
    .footer-links ul {
        list-style: none;
        position: relative;
        float: left;
        display: block;
        left: 50%;
        margin-left: -30px;
    }

        .footer-social-media ul li,
        .footer-links ul li {
            position: relative;
            float: left;
            display: block;
            right: 50%;
            padding-left: 10px;
            padding-right: 10px;
        }

            .footer-links ul li:first-child {
                padding-left: 0px;
            }

            .footer-links ul li:last-child {
                padding-right: 0px;
            }

            .footer-social-media ul li a {
                background-color: #ddd;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                display: inline-block;
                padding-top: 9px;
                text-align: center;
            }

                .footer-social-media ul li a i {
                    font-size: 16px;
                    color: #fff;
                }


.error-top-block {
    width: 100%;
    padding: 20px;
    height: 245px;
    background-image: url(../Content/css/images/background/bg8.jpg);
}

.error-bottom-block {
    padding-top: 10px;
    width: 100%;
}

.error-top-block-image {
    position: relative;
    display: block;
    bottom: -10px;
    margin: 0 auto;
    max-width: 240px;
}

    .error-top-block-image img {
        display: inline-block;
        max-width: 100%;
        border: none;
    }

.error-description {
    text-align: center;
}

    .error-description .error-code {
        font-size: 4em;
        text-transform: uppercase;
        line-height: 70px;
        letter-spacing: -2px;
        font-weight: 800;
    }

    .error-description .error-meaning {
        font-size: 2em;
    }

    .error-description .todo {
        margin-top: 5px;
    }

    .error-description .input-group {
        margin: 20px auto;
        width: 80%;
    }

/* Login and Lock Screen Pages */
.center-block {
    width: 330px;
    height: auto;
    margin: auto;
    margin-top: 50px;
}

.center-block-wide {
    width: 640px;
    height: auto;
    margin: auto;
}

.center-block .copyrights {
    color: #fff;
}

.login-block {
    position: relative;
    padding: 0 10px;
    margin-bottom: 10px;
    background: transparent;
    margin-top: 20px;
    border: none;
}

.social-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.social-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    margin: 10px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    transition: background-color 0.3s;
    width: 150px;
}

    .social-button i {
        font-size: 24px;
        margin-right: 10px;
    }

    .social-button:hover {
        background-color: #555;
    }

    .social-button.microsoft {
        background-color: white;
    }

    .social-button.facebook {
        background-color: white;
    }

    .social-button.google {
        background-color: white;
    }

    .social-button.linkedin {
        background-color: white;
    }


.login-block header .image-block {
    display: block;
    margin: 0 auto;
}

    .login-block header .image-block img {
        display: inline-block;
        max-width: 100%;
        border: none;
    }

.login-block header {
    padding: 20px 10px 10px;
    background: transparent;
    text-align: center;
    font-size: 1.9em;
    font-weight: 300;
    margin: 0 -20px 10px -20px;
}

    .login-block header small {
        font-size: 12px;
        display: block;
    }

.login-block footer {
    margin: 0px;
    padding: 10px 25px;
    background: transparent;
}



/* ========================================================================
 * 2. Pages
 * ======================================================================== */

#dashboard hr {
    border-top: 1px solid #bbb;
    margin-top: 0px;
}

.colorful-page-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    background-color: #f0f0ed;
}

.page-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    background-color: #fff;
}

/* ========================================================================
 * 1. Time Line Control
 * ======================================================================== */
.agreement-row {
    background-color: #f6f6f6;
}

ul.ss-history-details {
    padding: 0px;
    margin: 0px;
}

    ul.ss-history-details li {
        display: inline-block;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #ccc;
    }

        ul.ss-history-details li:first-child {
            margin-left: 0px;
            padding-left: 0px;
            border-left: none;
        }

h6.ss-history-headline,
h6.ss-history-headline a {
    font-weight: 600;
    font-size: 16px;
    margin: 2px 0px 5px;
}

.survey-title {
    margin-bottom: 3px;
}

.decision-item.disabled {
    background-image: url(../Content/images/bg-stripped.png);
    background-repeat: repeat;
}

.workflow-steps.steps-2 li {
    width: 50%;
}

.workflow-steps.steps-3 li {
    width: 33.33%;
}

.workflow-steps.steps-4 li {
    width: 25%;
}

.workflow-steps.steps-5 li {
    width: 20%;
}

.workflow-steps.steps-6 li {
    width: 16.66%;
}

.workflow-steps {
    margin: 3px 0px 0px;
    float: none;
    display: inline-block;
    padding-left: 0;
    list-style: none;
    width: 100%;
}

    .workflow-steps:before {
        display: table;
        content: " ";
    }

    .workflow-steps:after {
        clear: both;
    }

    .workflow-steps li {
        float: left
    }

        .workflow-steps li span {
            min-height: 44px;
            border-radius: 0px;
            background-color: #f5f5f5;
            border: 1px solid #e1e8ed;
            border-right-color: #f5f5f5;
            display: block;
            padding: 2px 15px;
            position: relative;
            font-size: 12px;
        }

            .workflow-steps li span h6 {
                font-size: 13px;
                text-align: left;
                margin: 0px;
                line-height: 22px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-weight: 600;
            }

        .workflow-steps li:first-child {
            margin-left: 0px;
        }

        .workflow-steps li:last-child span {
            border-right-color: #e1e8ed;
        }

        .workflow-steps li:first-child span,
        .workflow-steps li:last-child span {
            border-radius: 0px;
        }

        .workflow-steps li:not(:last-child) span:after {
            content: "";
            border-top: 20px inset transparent;
            border-bottom: 22px inset transparent;
            border-left: 20px solid #f5f5f5;
            right: -18px;
            top: -1px;
            display: block;
            position: absolute;
            z-index: 11;
        }

        .workflow-steps li:not(:last-child) span:before {
            content: "";
            border-top: 20px inset transparent;
            border-bottom: 22px inset transparent;
            border-left: 20px solid #e1e8ed;
            display: block;
            position: absolute;
            top: -1px;
            right: -21px;
            z-index: 10;
        }

        .workflow-steps li:not(:first-child) span {
            padding-left: 35px;
        }

        .workflow-steps li:last-child span:after {
            display: none;
        }

        .workflow-steps li:last-child span::before {
            display: none;
        }

.decision-item:hover {
    background: rgba(255, 255, 255, 0.2);
}

.decision-item td {
    position: relative;
}

.decision-item .edit-determination-dates {
    position: absolute;
    top: 6px;
    right: 8px;
}

.powerwidget-timeline-container .inner-spacer {
    padding: 15px 20px 20px 20px !important
}

.tmtimeline {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
    /* The line */


    .tmtimeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 7px;
        background: #d8e3e6;
        left: 10%;
        margin-left: -8px;
    }

    .tmtimeline li {
        padding-bottom: 10px;
    }

    /* The date/time */
    .tmtimeline > li .tmtime {
        display: block;
        width: 13%;
        padding-right: 5%;
        position: absolute;
        padding-top: 10px;
    }

        .tmtimeline > li .tmtime:before {
            display: block;
            content: '';
            position: absolute;
            top: 21px;
            right: -16px;
            background: #d8e3e6;
            height: 7px;
            width: 20%;
            z-index: 2;
        }

        .tmtimeline > li .tmtime span {
            display: block;
            padding-right: 10px;
            text-align: center;
            color: #858689;
        }

            .tmtimeline > li .tmtime span:first-child {
                font-size: 11px;
            }

            .tmtimeline > li .tmtime span:last-child {
                font-size: 16px;
            }
    /* Right content */



    .tmtimeline > li .tmlabel {
        margin: -40px 0px 0px 13%;
        background: #f1f1f1;
        padding: 10px 10px 10px 40px;
        position: relative;
        border: 2px solid #ddd;
        border-radius: 0px;
    }

        .tmtimeline > li .tmlabel h1,
        .tmtimeline > li .tmlabel h2,
        .tmtimeline > li .tmlabel h3 {
            margin-top: 0px;
            padding: 0;
            letter-spacing: 0px;
        }

        .tmtimeline > li .tmlabel h2 {
            font-weight: 700;
            font-size: 1.5em;
        }

        .tmtimeline > li .tmlabel h3 {
            font-weight: 700;
            font-size: 1.2em;
        }

        .tmtimeline > li .tmlabel hr {
            border-top-color: #ddd !important;
        }
        /* The Round */



        .tmtimeline > li .tmlabel:after {
            left: 10px;
            content: "";
            height: 15px;
            background: #d8e3e6;
            box-shadow: 0 0 0 5px #fff;
            width: 15px;
            border-radius: 50%;
            position: absolute;
            top: 10px;
        }

    .tmtimeline > li:nth-child(odd) .tmlabel:after {
        border-right-color: #f9f9f9;
    }
    /* The icons */

    .tmtimeline > li .tmicon {
        width: 45px;
        height: 45px;
        font-size: 0;
        position: relative;
        /*	background: #858689; Uncomment if you want one background color for all icons*/
        border-radius: 50%;
        box-shadow: 0 0 0 7px #d8e3e6;
        text-align: center;
        left: 10%;
        padding: 5px 3px 5px 5px;
        border: 5px solid #fff;
        top: 5px;
        margin: 0 0 0 -27px;
    }

        .tmtimeline > li .tmicon:after {
            position: absolute;
            content: "";
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .tmtimeline > li .tmicon:before {
            font-family: 'FontAwesome';
            font-size: 18px;
            color: #fff;
        }

.subtmtimeline {
    margin-left: 20%;
    list-style: none;
    position: relative;
}

    .subtmtimeline:before {
        content: '';
        position: absolute;
        top: -15px;
        bottom: 20px;
        width: 7px;
        background: #d8e3e6;
        left: 20%;
        margin-left: 24px;
    }

    .subtmtimeline > li .tmtime {
        display: block;
        width: 25%;
        padding-right: 10%;
        position: absolute;
    }

    .subtmtimeline > li .tmlabel {
        background: #f9f9f9;
    }

    .subtmtimeline > li .tmtime:before {
        display: block;
        content: '';
        position: absolute;
        top: 21px;
        right: -9px;
        background: #d8e3e6;
        height: 7px;
        width: 20%;
        z-index: 2;
    }

.cycle-body {
    border-right: 1px solid #ddd;
}

    .cycle-body .cycle-steps {
        width: 221px;
        vertical-align: top;
    }

    .cycle-body .cycle-notes {
        vertical-align: top;
        padding: 0px 0px 0px 15px;
        width: 100%;
    }

        .cycle-body .cycle-notes #required-items-header,
        .cycle-body .cycle-notes #review-items-header,
        .cycle-body .cycle-notes #completed-items-header {
            background-color: #ddd;
            padding: 10px;
            margin-top: 0px;
            margin-bottom: 0px;
            cursor: pointer;
        }

        .cycle-body .cycle-notes #required-items-list,
        .cycle-body .cycle-notes #review-items-list,
        .cycle-body .cycle-notes #completed-items-list {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
            border: 1px solid #ddd;
        }

        .cycle-body .cycle-notes h3 {
            font-weight: 700;
            font-size: 1.2em;
        }


.todo-steps > li.organization-item {
}

    .todo-steps > li.organization-item:before {
        display: none;
    }

    .todo-steps > li.organization-item > strong {
        display: none;
    }

    .todo-steps > li.organization-item > ul {
        list-style: none;
        padding-left: 0px;
        margin-left: -15px;
    }


ul.other-actions-list {
    padding-left: 0px;
    list-style-type: none;
}

    ul.other-actions-list li {
        padding-bottom: 0px;
        line-height: 24px;
    }


.export-report-form {
    margin: 0; /* Remove extra spacing */
    padding: 0;
    display: inline; /* Ensure inline display like other links */
    list-style-type: none;
    line-height: 24px;
}

    .export-report-form .btn-primary {
        all: unset; /* Resets all button styles */
        list-style-type: none;
        color: #428bca;
        cursor: pointer;
        text-decoration: none; /* Remove underline */
        background: transparent; /* Ensure no background */
        border: none; /* Remove any borders */
        padding: 0; /* Remove extra spacing */
    }

        .export-report-form .btn-primary:hover,
        .export-report-form .btn-primary:focus {
            text-decoration: underline; /* Add underline on hover */
            background: transparent !important; /* Ensure background stays transparent */
            outline: none; /* Remove focus outline */
            box-shadow: none; /* Remove any possible focus shadow */
            color: #3e6f82;
        }


.step-name.self-study-readiness-name {
    font-size: 16px !important;
}

/* Media Queries For Timeline */
@media screen and (max-width: 65.375em) {
    .tmtimeline > li .tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .tmtimeline:before {
        display: none;
    }

    .tmtimeline > li .tmlabel:after {
        display: none;
    }

    .tmtimeline > li .tmtime:before {
        display: none;
    }

    .tmtimeline > li .tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

        .tmtimeline > li .tmtime span {
            text-align: left;
        }

    .tmtimeline > li .tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
    }

        .tmtimeline > li .tmlabel:after {
            right: auto;
            left: 20px;
            border-right-color: transparent;
            border-bottom-color: #e2eae9;
            top: -20px;
        }

    .tmtimeline > li:nth-child(odd) .tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #f1f5f5;
    }

    .tmtimeline > li .tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}

/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 0. Check Out bar
 * ========================================================================
 * ========================================================================
 * ======================================================================== */
.checkout-wrap {
    color: #444;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
}

ul.checkout-bar li {
    color: #c4c5c5;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 20px 14px 20px;
    position: relative;
}

    ul.checkout-bar li span {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background: #c4c5c5;
        border: 2px solid #FFF;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        left: 20px;
        line-height: 37px;
        height: 35px;
        position: absolute;
        text-align: center;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        top: 4px;
        width: 35px;
        z-index: 100;
    }

    ul.checkout-bar li h5 {
        margin-left: -30px;
        margin-top: -50px;
        padding-top: 35px;
        z-index: 101;
        position: relative;
    }

    ul.checkout-bar li.active {
        color: #EF6F20;
        font-weight: bold;
    }

        ul.checkout-bar li.active span {
            background: #EF6F20;
            z-index: 100;
        }

    ul.checkout-bar li.visited {
        background: #ECECEC;
        color: #9AC04C;
        z-index: 100;
    }

        ul.checkout-bar li.visited span {
            background: #9AC04C;
            z-index: 100;
        }

    ul.checkout-bar li a {
        color: #858689;
    }

    ul.checkout-bar li.visited a {
        color: #9AC04C;
    }

    ul.checkout-bar li.active a {
        color: #EF6F20;
    }

    ul.checkout-bar li div.popover {
        font-weight: normal;
        font-size: 13px;
        color: #555 !important;
    }

.assessment-findings {
    padding: 0px;
}

    .assessment-findings ul {
        list-style: none;
        padding: 0px 20px;
    }

        .assessment-findings ul li {
            border: 1px solid #8f8f8f36;
            border-radius: 5px;
            padding: 17px;
            width: 92%;
            background-color: #F3E8EA;
        }

            .assessment-findings ul li .standard-text {
                white-space: pre-line;
            }

            .assessment-findings ul li .assessment-finding-actions {
                border-top: 1px solid #8f8f8f36;
                margin-top: 17px;
                padding-top: 17px;
            }

@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #EF6F20;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 100%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
    }

    .checkout-bar li.active.last:after {
        width: 52%;
        border-radius: 15px;
    }

    .checkout-wrap {
        margin: 30px auto 50px;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #c4c5c5;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

        ul.checkout-bar:before {
            background-size: 35px 35px;
            background-color: #9AC04C;
            background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            content: " ";
            height: 15px;
            left: 0;
            position: absolute;
            width: 15%;
        }

        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 33%;
        }

            ul.checkout-bar li span {
                height: 45px;
                left: 40%;
                line-height: 45px;
                position: absolute;
                top: -65px;
                width: 45px;
                z-index: 100;
            }

            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    background-size: 35px 35px;
                    background-color: #9AC04C;
                    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    content: "";
                    height: 15px;
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    width: 100%;
                    z-index: 99;
                }

                ul.checkout-bar li.visited.last:after {
                    width: 52%;
                    border-radius: 15px;
                }
}

@charset "utf-8";
/* ========================================================================
	TABLE OF CONTENTS
	1. Imports and body
	2. Typography (Text Elements Headers, smalls)
	3. linQ WIDGETS
		3.1. Portlets (Widgets as portlets)
	4. Bootstrap Styles Override (Modals, Panels, Navs, Carousel, Tabs, Colors, List Groups, Buttons, Pagination, Progress Bars, Alerts, Tables)
	5. Page Globals (Elements used on every page)
		5.1 Top Horizontal Menu 
		5.2 Left Main Menu Nav
		5.3 Breadcrumbs
		5.4 Main Top Menu
		5.5 Social Icons
		5.6 Scroll to Top
        5.7 Page Loading
        5.8 Items
        5.9 Help Window
        5.10 Grids
    6. Forms
		6.1 Bootstrap Forms 
		6.2 linQ Forms
        6.3 Validation Summary	
        6.4 Nestable Lists
        6.5 Select2
    7. Media Queries 
	8. Color Helpers 
	9. Examples, Code Highlight, CallOuts and other stuff
    10. DevExpress
        10.1 DevExpress Grid
    11. MultiDatesPicker 
    12. SelectPicker
    13. HighCharts
 * ======================================================================== */



/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 1. IMPORTS AND BODY
 * ========================================================================
 * ========================================================================
 * ======================================================================== */



/* Fonts */

/*Main Body and Layout*/

html,
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    height: 100%;
    width: 100% !important;
    background-color: #33383d;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

    body > .row {
        margin-left: 0;
        margin-right: 0;
    }
/*Very important div for mobile and touch devices*/

.smooth-overflow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.font-6xlg {
    font-size: 40px;
}

.font-5xlg {
    font-size: 36px;
}

.font-4xlg {
    font-size: 32px;
}

.font-3xlg {
    font-size: 28px;
}

.font-xxlg {
    font-size: 24px;
}

.font-xlg {
    font-size: 20px;
}

.font-lg {
    font-size: 18px;
}

.font-md {
    font-size: 14px;
}

.font-sm {
    font-size: 12px;
}

.font-xsm {
    font-size: 10px;
}

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

/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 2. TYPOGRAPHY
 * ========================================================================
 * ========================================================================
 * ======================================================================== */


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1em;
    text-shadow: 0 0 1px rgba(51,51,51,.2);
    color: inherit;
    letter-spacing: 0px;
}

a {
    color: #3b8dbd;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #3e6f82;
        text-decoration: underline;
    }

.page-header {
    margin: 0px;
    border-bottom: 5px solid #dddddb;
}

    .page-header h1 {
        margin: 0;
        color: #858689;
        text-transform: uppercase;
    }

    .page-header h2,
    .page-header h3 {
        margin: 0;
    }

        .page-header h3 span.pull-left,
        .page-header .pull-left h3 {
            padding-top: 8px;
        }

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0;
    color: #949fb2;
    font-size: 75%;
}

    h1 small:before,
    h2 small:before,
    h3 small:before,
    h4 small:before,
    h5 small:before,
    h6 small:before,
    .h1 small:before,
    .h2 small:before,
    .h3 small:before,
    .h4 small:before,
    .h5 small:before,
    .h6 small:before,
    h1 .small:before,
    h2 .small:before,
    h3 .small:before,
    h4 .small:before,
    h5 .small:before,
    h6 .small:before,
    .h1 .small:before,
    .h2 .small:before,
    .h3 .small:before,
    .h4 .small:before,
    .h5 .small:before,
    .h6 .small:before {
        content: "\0000a0 \7c \0000a0";
    }

h1.colossal {
    font-size: 3.5em;
    letter-spacing: -2px;
}

    h1.colossal i {
        font-size: 50%;
        vertical-align: middle;
        padding: 0 5px;
    }
/*Text links must always have underline*/


p a {
    text-decoration: underline;
}
/*Button as a - not! :) */


a.btn {
    text-decoration: none;
}

.label {
    text-transform: uppercase;
    font-weight: 700;
}

blockquote {
    border-left: 5px solid #c0c2c7;
}

.dropcap {
    display: block;
    background: #f1f1f1;
    color: #555;
    float: left;
    line-height: 40px;
    font-size: 50px;
    font-weight: 700;
    padding: 8px;
    padding-bottom: 12px;
    margin-right: 10px;
}

.dark-block {
    width: 150px;
    font-size: .95em;
    padding: 20px;
    margin-left: 10px;
    background: #555;
    color: #fff;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.scissors-block {
    border: 2px dotted #999;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 15px;
    position: relative;
}

    .scissors-block:before {
        font-family: 'FontAwesome';
        content: "\f0c4";
        color: #999;
        background: #fff;
        text-align: center;
        height: 30px;
        width: 30px;
        font-size: 15px;
        position: absolute;
        top: -20px;
        right: 49%;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    .scissors-block:after {
        font-family: 'FontAwesome';
        content: "\f0c4";
        color: #999;
        background: #fff;
        text-align: center;
        height: 30px;
        width: 30px;
        font-size: 15px;
        position: absolute;
        bottom: -20px;
        right: 49%;
    }

.icon-block {
    display: block;
    float: left;
    width: 120px;
    text-align: center;
    height: 120px;
    background: #f1f1f1;
    border-radius: 50%;
    padding: 20px;
    font-style: italic;
    margin: 0 10px;
    color: #999;
}

.tags {
    margin-top: 10px;
}

    .tags .tag {
        padding: .3em .4em .4em;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 3px;
        margin-right: 3px;
        background-color: #383C4F;
    }

        .tags .tag a.tag-delete {
            color: #bbb;
            cursor: pointer;
            -ms-opacity: 0.6;
            opacity: 0.6;
            vertical-align: bottom;
            top: 0;
            margin: 0 0 0 .3em;
            color: #fff;
            margin-bottom: 2px;
        }

            .tags .tag a.tag-delete:hover {
                -ms-opacity: 1.0;
                opacity: 1.0;
            }

        .tags .tag.template {
            display: inline-block;
            visibility: hidden;
        }

i .new {
    position: absolute;
    width: 18px;
    display: block;
    height: 18px;
    right: -10px;
    border-radius: 50%;
    top: -5px;
    background-color: #5ec6c8;
    color: #fff;
    font-size: 11px;
    padding-top: 3px;
    text-align: center;
}
/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 3. linq WIDGETS
 * ========================================================================
 * ========================================================================
 * ======================================================================== */

/* Main */


.powerwidget {
    margin: 0 0 20px 0;
    position: relative;
    border-radius: 0px;
    padding: 0;
}
    /* Header */


    .powerwidget > header {
        overflow: hidden;
        height: 40px;
        padding: 0 0 0 10px;
        line-height: 40px;
    }

.ui-sortable .powerwidget-sortable > header {
    cursor: move;
}

.powerwidget > header h2 {
    height: 100%;
    letter-spacing: normal;
    width: auto;
    float: left;
    font-size: 16px;
    position: relative;
    margin: 0;
    line-height: 40px;
}

    .powerwidget > header h2 span.details {
        font-weight: normal;
        font-size: 90%;
    }

        .powerwidget > header h2 span.details:before {
            content: " | ";
        }

.powerwidget > header .powerwidget-icon {
    width: 16px;
    height: 16px;
    float: left;
    margin: 12px 5px 0 0;
    display: block;
    zoom: 1;
    z-index: 4000;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
}

.powerwidget-ctrls {
    width: auto;
    float: right;
    padding: 10px 2px 0 0;
    margin: 0;
}

    .powerwidget-ctrls .button-icon {
        float: left;
        position: relative;
        margin: 0 5px 5px 0;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }

        .powerwidget-ctrls .button-icon i {
            width: 18px;
            text-align: center;
        }

        .powerwidget-ctrls .button-icon:hover {
            text-decoration: none;
        }

/* Content */




.powerwidget > div {
    float: left;
    width: 100%;
    min-height: 20px;
    position: relative;
    margin: 0;
}

.powerwidget .inner-spacer {
    padding: 20px;
}

.powerwidget .inner-spacer-zero-padding {
    padding: 0;
}
/* Edit box */


.powerwidget-editbox input {
    width: 85%;
}

.powerwidget-editbox {
    display: none;
    padding: 10px;
    padding-bottom: 0;
    background-color: #33383d;
}

    .powerwidget-editbox div {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .powerwidget-editbox label {
        width: 15%;
        color: #fff;
        float: left;
        line-height: 25px;
    }

    .powerwidget-editbox span {
        height: 17px;
        width: 17px;
        border-radius: 50%;
        float: left;
        margin: 7px 5px;
        cursor: pointer;
        box-shadow: 0 0 0 4px rgba(255,255,255,.3);
    }

        .powerwidget-editbox span:hover {
            box-shadow: 0 0 0 4px rgba(0,0,0,.1);
        }
/* Timestamp */



.powerwidget-timestamp {
    font-size: .9em;
}
/* Helpers */

.powerwidget-placeholder {
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Fullscreen */


body.nooverflow {
    overflow: hidden;
    position: fixed;
}

#powerwidget-fullscreen-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

    #powerwidget-fullscreen-mode .powerwidget {
        margin: 0;
        border-radius: 0;
    }

        #powerwidget-fullscreen-mode .powerwidget > div {
            overflow-y: scroll;
            border-radius: 0;
        }

    #powerwidget-fullscreen-mode > div > header {
        cursor: default;
    }
/* Styling */


.powerwidget {
    background-color: #c4c5c5;
    border-radius: 0px;
}

    .powerwidget > header,
    .powerwidget > header small {
        color: #fff;
    }

.powerwidget-ctrls {
    margin-right: 5px;
}

    .powerwidget-ctrls .button-icon {
        font-size: .9em;
        color: #fff;
        margin: 1px;
    }

@media screen and (max-width: 768px) {

    .powerwidget-ctrls .button-icon {
        font-size: 1.3em;
        color: #fff;
        margin: 1px;
    }
}


.powerwidget-loader {
    -webkit-animation: spin 3s infinite linear;
    -moz-animation: spin 3s infinite linear;
    -o-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
    font-size: 13px;
    margin-right: 5px;
    float: right;
    line-height: 38px;
    display: none;
}

    .powerwidget-loader:before {
        font-family: FontAwesome;
        content: "\f1ce";
    }

.powerwidget > div {
    background-color: #fff;
}

.powerwidget-placeholder {
    background: url(../images/bg-stripped.png);
}
/* Clearfix */


.powerwidget:before,
.powerwidget:after,
.powerwidget > div:before,
.powerwidget > div:after,
.inner-spacer:before,
.inner-spacer:after,
.powerwidget-editbox:before,
.powerwidget-editbox:after,
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.powerwidget:after,
.powerwidget > div:after,
.inner-spacer:after,
.powerwidget-editbox:after,
.clearfix:after {
    clear: both;
}

.powerwidget,
.powerwidget > div,
.inner-spacer:after,
.powerwidget-editbox,
.clearfix {
    zoom: 1; /*IE*/
}

    .powerwidget .powerwidget {
        margin-bottom: 0px;
    }

        .powerwidget .powerwidget > header {
            height: 26px;
            line-height: 20px;
            border: 1px solid #e3e3e3;
            cursor: pointer;
        }

            .powerwidget .powerwidget > header.active {
                background-color: #f5f5f5;
                margin-left: 20px;
                margin-right: -20px;
            }

                .powerwidget .powerwidget > header.active .notch-right,
                .powerwidget .powerwidget > header.active .border-notch.notch-right {
                    display: block;
                }

                .powerwidget .powerwidget > header.active .notch-right {
                    right: -32px;
                    z-index: 1;
                }

                .powerwidget .powerwidget > header.active .border-notch.notch-right {
                    right: -33px;
                }

            .powerwidget .powerwidget > header i {
                font-size: 18px;
                padding-top: 5px;
            }

            .powerwidget .powerwidget > header .powerwidget-ctrls {
                padding: 0px;
            }

                .powerwidget .powerwidget > header .powerwidget-ctrls a i {
                    padding-top: 3px;
                    color: #555;
                }

            .powerwidget .powerwidget > header h2 {
                font-size: 13px;
                line-height: 28px;
                color: #555;
                font-weight: bold;
            }

        .powerwidget .powerwidget > div {
            border: 1px solid #e3e3e3;
            border-top: none;
            border-bottom: none;
        }


.notch-right {
    display: none;
    position: absolute;
    right: 6px;
    top: 0;
    margin: 0;
    border-left: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #f5f5f5;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
    /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.border-notch.notch-right {
    display: none;
    border-left-color: #e3e3e3;
    right: 5px;
}
/* ========================================================================
 * Portlets
 * ======================================================================== */

.widget:hover .portlet,
.widget:focus .portlet,
.widget:active .portlet {
    box-shadow: 0 0 10px #ccc;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
    text-decoration: none;
}


.widget-results-inner {
    min-height: 74px;
    padding-top: 37px;
}

.widget:hover .number,
.widget:focus .number,
.widget:active .number {
    box-shadow: none !important;
}

.widget .number {
    padding: 15px 15px 15px;
}

    .widget .number h4 {
        margin-top: 0px;
        clear: both;
        height: 36px;
    }

        .widget .number h4 > span.with-dropdown {
            display: inline-block;
            float: left;
            margin-right: 5px;
            line-height: 34px;
        }

        .widget .number h4 .form-control {
            display: inline-block;
            width: auto !important;
        }

    .widget .number .inner-spacer {
        font-size: 42px;
    }

a.portlet-dashboard {
    display: block;
}

.portlet-dashboard .portlet-bottom-block {
    margin-top: 15px;
}

.portlet-dashboard .portlet-description {
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    padding-right: 65px;
    height: 34px;
    overflow: hidden;
    max-height: 34px;
}

.portlet .inner-spacer {
    padding-top: 0;
}
    /*If we have only one component inside portlet - it will be good to remove padding at all*/

    .portlet .inner-spacer.nopadding {
        padding: 0;
    }

.portlet-big-icon {
    font-size: 5em;
    padding: 0;
    line-height: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    opacity: 0.4;
}

ul.portlet-bottom-block {
    list-style: none outside none;
    margin-top: 10px;
    padding: 0;
    padding-top: 4px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    ul.portlet-bottom-block li {
        padding: 0px;
        padding-top: 7px;
        padding-bottom: 7px;
        text-align: center;
        position: relative;
        background: rgba(0,0,0,.05);
        border: #f0f0ed solid 3px;
        border-right: 0;
    }

        ul.portlet-bottom-block li:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 0 8px 8px;
            border-color: #f0f0ed transparent;
            display: block;
            width: 0;
            z-index: 1;
            margin-left: -8px;
            top: -8px;
            left: 50%;
        }

        ul.portlet-bottom-block li:before {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 0 9px 9px;
            border-color: #f0f0ed transparent;
            display: block;
            width: 0;
            z-index: 0;
            margin-left: -9px;
            top: -9px;
            left: 50%;
        }

        ul.portlet-bottom-block li strong {
            font-size: 1.1em;
            display: block;
        }

        ul.portlet-bottom-block li span {
            font-size: 0.75em;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        ul.portlet-bottom-block li:first-child {
            border-left: transparent;
        }

        ul.portlet-bottom-block li:last-child {
            border-right: transparent;
        }

.portlet-dashboard-actions {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent;
    border-right-color: #555;
    position: absolute;
    top: 0;
    right: 0;
}

.portlet-dashboard-actions-menu {
    top: 0;
}

.weather-current-city {
    background-size: cover;
    padding: 15px 20px;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.current-city {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
}

.current-temp {
    display: block;
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 5em;
    text-shadow: 1px 2px 3px rgba(0,0,0,.2);
    line-height: 1.1em;
}

.current-day {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
}

.current-day-icon {
    display: block;
    float: right;
    font-size: 1.2em;
    font-weight: 700;
}

ul.days {
    list-style: none outside none;
    margin-top: 10px;
    padding: 0 10px;
    color: #fff;
}

    ul.days li {
        text-align: center;
        border-left: 2px solid rgba(255,255,255,.3);
        padding-bottom: 10px;
    }

        ul.days li strong {
            position: relative;
            border-radius: 3px;
            font-size: 1.1em;
            text-transform: uppercase;
            line-height: 25px;
            margin-bottom: 5px;
            display: block;
        }

        ul.days li span {
            display: block;
            font-weight: 700;
            letter-spacing: -1px;
            font-size: 1.9em;
        }

.portlet .portlet-profile {
    position: absolute;
    text-transform: uppercase;
    left: 50%;
    display: block;
    width: 60%;
    color: #fff;
    top: 20px;
    margin-left: -30%;
    z-index: 5;
    text-align: center;
    padding: 10px;
}

    .portlet .portlet-profile h1 {
        font-size: 2.3em;
        text-transform: none;
        letter-spacing: -1px;
        font-weight: 700;
        padding: 0;
        margin: 10px 0 5px;
    }

    .portlet .portlet-profile .user-img {
        margin: 0 auto;
        display: block;
        max-width: 120px;
    }

        .portlet .portlet-profile .user-img img {
            display: inline-block;
            max-width: 100%;
            padding: 6px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 0 0 7px rgba(255,255,255,0.6);
        }
/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 4. BOOTSTRAP OVERRIDE
 * ========================================================================
 * ========================================================================
 * ======================================================================== */
.section-title {
    margin-bottom: 20px;
}

/* ========================================================================
 * Bootstrap Modal
 * ======================================================================== */
.modal-backdrop {
    z-index: 1000;
}

.modal {
    overflow: hidden;
    overflow-y: auto;
    z-index: 1001;
    top: 10px;
}

.modal-content {
    position: relative;
    border: 0;
    outline: none;
    -webkit-box-shadow: 0 0 0 6px rgba(0,0,0,.1);
    box-shadow: 0 0 0 6px rgba(0,0,0,.1);
    border-radius: 0px;
}

.modal-header {
    padding: 15px;
    border: 0;
    background: rgba(0,0,0,.05);
}

    .modal-header i {
        font-size: 4em;
        color: #fff;
        line-height: 80px;
        text-align: center;
        width: 80px;
        display: block;
        border-radius: 50%;
        height: 80px;
        margin: 0 auto;
        background: #33383d;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 20px;
    max-height: 500px;
    overflow: auto !important;
}

.modal-footer {
    padding: 10px 20px 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: 0px;
    text-align: left;
    border: 0;
    clear: both;
    background: rgba(0,0,0,.05);
}

.modal-full-container {
    top: 10px;
}

.modal-full {
    width: 98%;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .modal-full .modal-body {
        max-height: none;
        overflow-y: scroll;
    }

.scrolling-modal-panel {
    overflow-y: scroll;
    max-height: 300px;
}

.modal-xl {
    width: 90%;
    max-width: 1200px;
}

/* ========================================================================
 * Bootstrap Popovers
 * ======================================================================== */


.popover {
    z-index: 1010;
    max-width: 350px;
    padding: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #c0c2c7;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
}

    .popover .popover-title {
        font-size: 14px;
        font-weight: 700;
        border-bottom: 0;
    }

.popover-tooltip-example {
    text-align: center;
}

ul.popover-tooltip-example {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.popover-tooltip-example li {
        display: inline-block;
        margin-bottom: 5px;
    }
/* ========================================================================
 * Bootstrap Jumbotron
 * ======================================================================== */


.jumbotron {
    border-radius: 4px;
    padding: 10px;
    margin: 0 0 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    color: #333;
    white-space: pre-wrap;
    line-height: 1.4285;
    font-size: 13px;
}

.jumbotron0 {
    background: url(../images/gallery/0.jpg);
}

.jumbotron1 {
    background: url(../images/gallery/1.png);
}

.jumbotron2 {
    background: url(../images/gallery/2.png);
}

.jumbotron3 {
    background: url(../images/gallery/3.png);
}

.jumbotron4 {
    background: url(../images/gallery/4.png);
}

.jumbotron5 {
    background: url(../images/gallery/5.png);
}

.jumbotron6 {
    background: url(../images/gallery/6.png);
}

.jumbotron7 {
    background: url(../images/gallery/7.png);
}

.jumbotron8 {
    background: url(../images/gallery/8.png);
}

.jumbotron9 {
    background: url(../images/gallery/9.png);
}

.jumbotron10 {
    background: url(../images/gallery/10.png);
}

.jumbotron11 {
    background: url(../images/gallery/11.png);
}

.jumbotron12 {
    background: url(../images/gallery/12.png);
}

.jumbotron h1 {
    font-weight: 300;
    letter-spacing: -2px;
    padding: 0;
}
.assessment-jumbtron{
    padding-left: 15px;
    padding-right: 15px;
}
.jumbotron small {
    font-size: 13px;
    line-height: 16px;
}

.jumbotron a {
    color: #fff;
}
/* ========================================================================
 * Bootstrap Panels
 * ======================================================================== */
.panel {
    border: 0;
    border-radius: 0px;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #c4c5c5;
    padding: 10px;
    border: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-danger > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading {
    color: #fff;
}

.panel-body,
.panel-heading {
    padding: 10px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
}

    .panel-title a {
        color: #fff;
    }

        .panel-title a:hover {
            color: #fff;
            text-decoration: none;
        }

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0;
}

.panel-heading small {
    font-weight: 400;
}

    .panel-heading small:before {
        font-weight: 400;
        content: "\0000a0 \7c \0000a0";
    }

/* ========================================================================
 * Bootstrap Well
 * ======================================================================== */
.well {
    border-radius: 0px;
}

    .well .dx-texteditor-input {
        background-color: #fff !important;
    }

/* ========================================================================
 * Bootstrap Carousel
 * ======================================================================== */




.carousel-inner > .item {
    height: 300px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.carousel-inner .item1 {
    background: #00abab url(../images/gallery/11.png);
}

.carousel-inner .item2 {
    background: #f87aa0 url(../images/gallery/5.png);
}

.carousel-inner .item3 {
    background: #EF6F20 url(../images/gallery/9.png);
}

.carousel-inner .item4 {
    background: #EF6F20 url(../images/gallery/6.png);
    background-size: 60%;
}

.carousel-inner .item5 {
    background: #EF6F20 url(../images/gallery/7.png);
    background-size: 60%;
}

.carousel-inner .item6 {
    background: #EF6F20 url(../images/gallery/3.png);
    background-size: 60%;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

.carousel-indicators {
    bottom: 0;
}

    .carousel-indicators li {
        -webkit-transition: -webkit-transform .3s ease, background-color .3s ease;
        transition: transform .3s ease, background-color .3s ease;
        margin: 0 10px;
        opacity: 0.5;
        border: 2px solid #fff;
    }

        .carousel-indicators li:hover {
            opacity: 1;
            box-shadow: 0 0 0 5px rgba(255,255,255,.2);
        }

    .carousel-indicators .active {
        background-color: #fff;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        margin: 0 10px;
    }
/*Carousel Inside Portlet*/

.portlet .carousel .slide {
    border-radius: 0;
}

.portlet .carousel .carousel-inner > .item {
    height: 250px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* Carousel Inside Portlet With User or Product Image*/
/* We user the same structure in Profile page - but with larger picture */

/* ========================================================================
 * Bootstrap Tabs and Modifs
 * ======================================================================== */

.tab-content {
    position: relative;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: transparent;
}

.tab-content > .tab-pane {
    background: #fff;
    padding: 15px;
    border: 2px solid #ddd;
    border-top: 0;
    overflow-y: auto;
}

.nav-tabs {
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -2px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            color: #555;
            border: 2px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #ddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 2px solid #ddd;
            border-bottom-color: transparent;
        }

    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover {
        outline: none;
    }

.navbar-default .navbar-brand {
    font-size: 16px;
    padding: 10px 15px;
    color: #fff;
    background-color: #33383d;
}

    .navbar-default .navbar-brand:hover {
        background-color: #33383d;
        color: #fff;
    }

.chap-navbar-actions {
    margin-right: -25px;
}

    .chap-navbar-actions .btn-toolbar {
        margin-bottom: 0px;
        margin-top: 6px;
        margin-left: 5px;
        background-color: #5ec6c8;
    }

    .chap-navbar-actions .dropdown-menu > li > a {
        text-transform: none;
    }

#manage-actions {
    padding-left: 15px;
}

    #manage-actions a.active {
        font-weight: bold;
    }

/*Colored Tabs*/
/*Nav-Tabs Grey*/



.tabs-grey .tab-content > .tab-pane,
.tabs-grey .nav-tabs > li > a:hover {
    background: #dee4e7;
    border-color: #dee4e7;
}

.tabs-grey .tab-content > .tab-pane {
    color: #555;
}

.tabs-grey .nav-tabs {
    border-color: #dee4e7;
}

    .tabs-grey .nav-tabs > li.active > a,
    .tabs-grey .nav-tabs > li.active > a:hover,
    .tabs-grey .nav-tabs > li.active > a:focus {
        color: #555;
        cursor: default;
        background-color: #dee4e7;
        border-color: #dee4e7;
    }
/*Nav-Tabs White*/



.tabs-white .tab-content > .tab-pane,
.tabs-white .nav-tabs > li > a:hover {
    background: #fff;
    border-color: #fff;
}

.tabs-white .tab-content > .tab-pane {
    color: #555;
}

.tabs-white .nav-tabs {
    border-color: #fff;
}

    .tabs-white .nav-tabs > li.active > a,
    .tabs-white .nav-tabs > li.active > a:hover,
    .tabs-white .nav-tabs > li.active > a:focus {
        color: #555;
        cursor: default;
        background-color: #fff;
        border-color: #fff;
    }
/*Nav-Tabs Green*/



.tabs-green .tab-content > .tab-pane,
.tabs-green .nav-tabs > li > a:hover {
    background: #9AC04C;
    color: #fff;
    border-color: #9AC04C;
}

.tabs-green .nav-tabs {
    border-color: #9AC04C;
}

    .tabs-green .nav-tabs > li.active > a,
    .tabs-green .nav-tabs > li.active > a:hover,
    .tabs-green .nav-tabs > li.active > a:focus {
        color: #fff;
        cursor: default;
        background-color: #9AC04C;
        border-color: #9AC04C;
    }
/* Сustom inclusion of right, left and below tabs. */



.tabbable .tab-content .tab-pane {
    border-top: 2px solid #ddd;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border: 0;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -2px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-color: #ddd;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent #ddd #ddd #ddd;
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs {
    float: left;
    border: 0;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -2px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

        .tabs-left > .nav-tabs > li > a:hover,
        .tabs-left > .nav-tabs > li > a:focus {
            border-color: #ddd;
        }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #fff;
    }

.tabs-right > .nav-tabs {
    float: right;
    border: 0;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -2px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

        .tabs-right > .nav-tabs > li > a:hover,
        .tabs-right > .nav-tabs > li > a:focus {
            border-color: #ddd;
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #fff;
    }

.tabs-right .tab-content .tab-pane,
.tabs-left .tab-content .tab-pane {
    overflow: hidden;
    min-height: 150px;
}
/* ========================================================================
 * Bootstrap Colors Override and Resets
 * ======================================================================== */



.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th,
.bg-primary,
.list-group-item-primary {
    background-color: #dff3f9;
}

.alert-primary,
.progress-bar,
.panel-primary > .panel-heading {
    background-color: #3b8dbd;
    color: #fff;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th,
.bg-success,
a.list-group-item-success,
.list-group-item-success {
    background-color: #d9ead0;
    color: #9AC04C;
    font-weight: 700;
}

.has-success .input-group-addon,
.alert-success,
.progress-bar-success,
.panel-success > .panel-heading,
.label-success {
    background-color: #9AC04C;
    color: #fff;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th,
.list-group-item-info,
a.list-group-item-info,
.bg-info {
    background-color: #dff3f9;
    color: #5bc0de;
    font-weight: 700;
}

.alert-info,
.progress-bar-info,
.label-info,
.panel-info > .panel-heading {
    background-color: #5bc0de;
    color: #fff;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th,
.list-group-item-warning,
a.list-group-item-warning,
.bg-warning {
    background-color: #fff4e1;
    color: #fdc153;
    font-weight: 700;
}

.progress-bar-warning,
.panel-warning > .panel-heading {
    background-color: #EF6F20;
    color: #fff;
}

.alert-warning {
    background-color: #fdc968;
    color: #000;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th,
.bg-danger,
a.list-group-item-danger,
.list-group-item-danger {
    background-color: #f7e0db;
    color: #d24d33;
    font-weight: 700;
}

.validation-summary-errors,
.alert-danger,
.progress-bar-danger,
.panel-danger > .panel-heading {
    background-color: #d24d33;
    color: #fff;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
    background-color: #9AC04C;
    color: #fff;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #EF6F20;
    color: #fff;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
    background-color: #5bc0de;
    color: #fff;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #d24d33;
    color: #fff;
}

.text-primary,
.btn-link,
.btn-primary .badge,
.pagination > li > a,
.pagination > li > span {
    color: #c0c2c7;
}

.bg-primary,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-primary .badge,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.label-primary,
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #3b8dbd;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #31759d;
    }

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #d3d4d6;
}

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

.btn-success,
.label-success,
.progress-bar-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #9AC04C;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #6CA94B;
    }

.btn-warning,
.label-warning,
.progress-bar-warning,
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #EF6F20;
}

.btn-info,
.label-info,
.progress-bar-info,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
}

.btn-danger,
.label-danger,
.progress-bar-danger,
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d24d33;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-color: #bc4329;
    }

.btn-link-options {
    background-color: #FFFEFE;
    color: #202090;
    font-weight: bold;
    border: 2px solid #C0C0C0;
    padding: 2px;
    text-transform: capitalize;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: #3b8dbd;
}


.td-btn {
    width: 42px;
}

.td-date {
    width: 100px;
}

.td-nested {
    padding: 0px 0px 0px 41px !important;
}

.row-gray {
    background-color: #f2f2f2;
}

/* ========================================================================
 * Bootstrap List Groups
 * ======================================================================== */

.list-group-item {
    margin-bottom: -2px;
    border: 2px solid #ddd;
}
    /*Get Rid from grey borders*/

    .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .list-group-item a {
        color: #555;
    }

.list-group-item-danger {
    border-color: #f7e0db;
}

.list-group-item-info {
    border-color: #dff3f9;
}

.list-group-item-success {
    border-color: #d9ead0;
}

.list-group-item-warning {
    border-color: #fff4e1;
}

.list-group-item-turquoise {
    background-color: #5ec6c8;
    color: #fff;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    border-color: #d24d33;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    border-color: #5bc0de;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    border-color: #9AC04C;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    border-color: #EF6F20;
}


.left-menu-list-group {
    margin-left: 15px;
    margin-right: 15px;
}

    .left-menu-list-group .list-group-item {
        padding: 5px 10px;
    }

/* ========================================================================
 * Bootstrap Buttons and Modifs
 * ======================================================================== */
/*Buttons With Big Icons */
.step-button.btn {
    font-size: .85em;
    padding: 7px 7px;
    border-radius: 0px;
    text-align: left;
    width: 221px;
    float: left;
    position: relative;
    border-bottom: 5px solid #f1f1f1;
}

    .step-button.btn:after,
    .step-button.btn:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .step-button.btn:after {
        border-width: 10px;
        margin-left: -10px;
    }

    .step-button.btn:before {
        border-width: 16px;
        margin-left: -16px;
        border-top-color: #f1f1f1;
    }


    .step-button.btn.last:after,
    .step-button.btn.last:before {
        border-width: 0px;
        margin-left: 0px;
    }

    .step-button.btn .step-number {
        float: left;
        font-size: 36px;
    }

    .step-button.btn .step-name {
        font-size: 18px;
        padding-left: 10px;
        float: left;
        margin-top: 14px;
    }



    /** disabled step button */
    .step-button.btn.disabled {
        background-color: #ccc !important;
        opacity: 1 !important;
    }

        .step-button.btn.disabled:after {
            border-top-color: #ccc !important;
        }

        .step-button.btn.disabled .step-number {
            color: #f1f1f1 !important;
        }

    /** orange step button */
    .step-button.btn.orange-btn:after {
        border-top-color: #ef6f20;
    }

    .step-button.btn.orange-btn .step-number {
        color: #F49A63;
    }
    /** purple step button **/
    .step-button.btn.purple-btn:after {
        border-top-color: #702a81;
    }

    .step-button.btn.purple-btn .step-number {
        color: #A97FB3;
    }
    /** Dark Red step button */
    .step-button.btn.dark-red-btn:after {
        border-top-color: #993838;
    }

    .step-button.btn.dark-red-btn .step-number {
        color: #B87474;
    }
    /** Yellow step button */
    .step-button.btn.yellow-btn:after {
        border-top-color: #e8cf1b;
    }

    .step-button.btn.yellow-btn .step-number {
        color: #F4E78D;
    }
    /** Blue step button */
    .step-button.btn.blue-btn:after {
        border-top-color: #00aeef;
    }

    .step-button.btn.blue-btn .step-number {
        color: #80D6F7;
    }
    /** Red step button */
    .step-button.btn.red-btn:after {
        border-top-color: #ef4032;
    }

    .step-button.btn.red-btn .step-number {
        color: #F47970;
    }
    /** Turquoise step button */
    .step-button.btn.turquoise-btn .step-number {
        color: #B2E3E5;
    }

ul.steps-requirements,
ul.steps-completed,
ul.steps-review {
    list-style-type: none;
    padding-left: 15px;
}

    ul.steps-requirements li,
    ul.steps-completed li,
    ul.steps-review li {
        padding-left: 1.2em;
        padding-bottom: 0px;
        line-height: 24px;
    }

        ul.steps-requirements li:before,
        ul.steps-completed li:before,
        ul.steps-review li:before {
            font-family: FontAwesome;
            display: inline-block;
            width: 1.2em;
            margin-left: -1.2em;
            font-size: 16px;
        }

        ul.steps-requirements li:before {
            content: '\f18e';
            color: #E8CF1B;
        }

        ul.steps-completed li:before {
            content: '\f058';
            color: #9ac04c;
        }

        ul.steps-completed li.info-item:before {
            content: '\f05a';
            color: #008bbf;
        }

        ul.steps-review li:before {
            content: '\f18e';
            color: #888;
        }

/*Others buttons*/
.btn {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    transition: background 500ms, box-shadow 500ms;
    padding: 9px 12px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-radius: 2px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.btn-toolbar {
    margin-bottom: 10px;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 7px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
/*We no using borders, so we need to remove 1px margins from Bootstrap Buttons*/

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: 0;
}

.input-group-btn > .btn + .btn {
    margin-left: 0;
}

.btn-group-vertical .btn {
    margin-bottom: 0;
}

.btn-toolbar {
    margin-left: -5px;
    border: 0;
}

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
        border: 0;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
        border: 0;
    }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: 0;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

.btn-default {
    color: #fff;
    background-color: #c0c2c7;
    border-color: #737477;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #a7aab1;
        border-color: #c0c2c7;
    }

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
}

.btn i {
    font-weight: 300;
}

.btn-success {
    border-color: #398439;
}

.btn-primary {
    border-color: #2F7197;
}

.btn-danger {
    border-color: #933624;
}

.btn-warning {
    border-color: #BF591A;
}

.btn-info {
    border-color: #40869B;
}

.btn-dark {
    border-color: #bbb;
}


/*Pagination*/



.pagination > li > a,
.pagination > li > span {
    font-weight: 600;
    margin-left: -2px;
    border: 2px solid #ddd;
}
/* ========================================================================
 * Bootstrap Progress Bars
 * ======================================================================== */
.progress {
    border-radius: 1px;
    background-color: #dddddb;
    margin-bottom: 15px;
}

.progress-bar {
    font-weight: 700;
    font-size: .85em;
}

    .progress-bar span {
        padding-left: 10px;
        padding-right: 10px;
        color: #333;
    }

.progress .progressbar-back-text {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.progress .progressbar-front-text {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.progress.right .progress-bar {
    right: 0;
}

.progress.right .progressbar-front-text {
    position: absolute;
    right: 0;
}

.progress.vertical {
    width: 20px;
    height: 100%;
    float: left;
    margin-right: 20px;
}

    .progress.vertical.bottom {
        position: relative;
    }

        .progress.vertical.bottom .progressbar-front-text {
            position: absolute;
            bottom: 0;
        }

    .progress.vertical .progress-bar {
        width: 100%;
        height: 0;
        -webkit-transition: height .6s ease;
        transition: height .6s ease;
    }

    .progress.vertical.bottom .progress-bar {
        position: absolute;
        bottom: 0;
    }

.progress .progress-bar.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

.progress.vertical .progress-bar.six-sec-ease-in-out {
    -webkit-transition: height 6s ease-in-out;
    -moz-transition: height 6s ease-in-out;
    -ms-transition: height 6s ease-in-out;
    -o-transition: height 6s ease-in-out;
    transition: height 6s ease-in-out;
}

.progress.wide {
    width: 50px;
}

.vertical-progressbars {
    height: 150px;
}
/* ========================================================================
 * Bootstrap Alerts
 * ======================================================================== */
.alert {
    border: 0;
}

    .alert a {
        color: #fff;
        text-decoration: underline;
    }

        .alert a:hover {
            color: #fff;
        }

    .alert strong {
        text-transform: uppercase;
        font-weight: 700;
        font-size: .9em;
    }

    .alert i {
        font-size: .8em;
    }
/* ========================================================================
 * Bootstrap Badge
 * ======================================================================== */


.badge {
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
}
/* ========================================================================
 * Bootstrap Dropdowns
 * ======================================================================== */


.dropdown-menu {
    font-size: 12px;
    border: 0;
    border-radius: 0px;
}

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 10px;
        clear: both;
        font-weight: normal;
        color: #333;
        white-space: nowrap;
    }
/* ========================================================================
 * Bootstrap Navbars (linq Not use it, but we revise that element for you
 * ======================================================================== */


.navbar {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    min-height: 50px;
    border: 0;
    padding: 0;
    border-radius: 0px;
    margin-bottom: 10px;
}

.navbar-form {
    margin: 5px;
}

.navbar-default {
    background-color: #fff;
    border-bottom: 0;
}

.navbar-brand {
    padding-top: 0px;
    padding-right: 0px;
}

    .navbar-brand a {
        color: #555;
    }

.nav.navbar-nav .open > a,
.nav.navbar-nav .open > a:hover,
.nav.navbar-nav .open > a:focus {
    background-color: #fff;
    border: 0;
}

.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus {
    border: 0;
}
/*Commented in Update 1.1*/
/*.navbar-default .navbar-nav > li i { font-size: 1.3em; }*/

.navbar-default .navbar-nav > li > .dropdown-menu {
    background: #5ec6c8;
    border: 0;
}

.navbar-default .navbar-nav > li > a .badge {
    background-color: #000;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #5ec6c8;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #5ec6c8;
}

.navbar-default .navbar-nav .dropdown-menu > li > a {
    color: #fff;
    padding: 10px 15px;
    transition: all .05s ease-in;
}

    .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: #5bc0de;
    }

.navbar-default .navbar-nav .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #6ab6d2;
}

.navbar-inverse {
    background-color: #33383d;
    border-color: #080808;
}
/* ========================================================================
 * Boostrap Tables
 * ======================================================================== */


.table h1,
.table h2,
.table h3,
.table h4,
.table h5 {
    margin: 0;
    margin-bottom: 2px;
}

.table {
    border-top: 0;
    background: #fff;
}

.table-striped tbody {
    border-bottom: 5px solid #cbd2b0;
}

.table .num {
    font-size: 0.8em;
    display: inline-block;
    padding: 7px;
    width: 29px;
    text-align: center;
    border-radius: 35px;
    color: #fff;
    font-weight: 700;
    background-color: #d3d3d3;
}

.table .label {
    font-size: .75em;
    display: inline-block;
    margin: 2px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 6px 8px;
    vertical-align: middle;
    border-top: 1px solid #e2eae9;
}

.table > thead > tr > th {
    background: #858689;
    color: #fff;
    font-size: .87em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #8b8c8d;
    padding: 7px 10px;
    border-bottom: 7px solid #ddd;
}

.table > tfoot > tr > th {
    background: #ddd;
    color: #999;
    font-size: .87em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #ddd;
    padding: 7px 10px;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #d8e3e6;
}

    .table-hover > tbody > tr:hover > td .num,
    .table-hover > tbody > tr:hover > th .num {
        background-color: #858689;
    }
/*Tables with Transparent thead and tfoot - the r air like*/

.table.airtable > thead > tr > th {
    color: #858689;
    background: transparent;
    font-size: .87em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #fff;
    padding: 7px 10px;
    border-bottom: 7px solid #ddd;
}

.table.airtable > tfoot > tr > th {
    background: transparent;
    color: #999;
    font-size: .87em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #fff;
    border-top: 7px solid #ddd;
    padding: 7px 10px;
}
/*Dark Tables*/

.table.table-dark {
    border-top: 0;
}

    .table.table-dark .num {
        color: #fff;
        background-color: #595F66;
    }

    .table.table-dark > thead > tr > th,
    .table.table-dark > tfoot > tr > th {
        background: #595F66;
        color: #fff;
        font-size: .87em;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        border: 1px solid #595F66;
        padding: 7px 10px;
        border-bottom: 7px solid #33383d;
    }

    .table.table-dark > tbody > tr > td {
        background: #33383d;
        border-top: 1px solid #33363b;
        color: #fff;
    }

.table-striped.table-dark > tbody > tr:nth-child(odd) > td,
.table-striped.table-dark > tbody > tr:nth-child(odd) > th {
    background-color: #454B52;
}

.table-hover.table-dark > tbody > tr:hover > td,
.table-hover.table-dark > tbody > tr:hover > th {
    background-color: #595F66;
    transition: background .2s ease-in-out; /*Annoyable Transition as a Experient*/
}

    .table-hover.table-dark > tbody > tr:hover > td .num,
    .table-hover.table-dark > tbody > tr:hover > th .num {
        background-color: #3c4250;
    }

.table-bordered.table-dark > tbody > tr > th,
.table-bordered.table-dark > tfoot > tr > th,
.table-bordered.table-dark > tbody > tr > td,
.table-bordered.table-dark > tfoot > tr > td {
    border: 1px solid #454B52;
}

.gray-row td {
    background-color: #fdfdfd;
    font-weight: 600;
}

/* ========================================================================
 * Boostrap Pager
 * ======================================================================== */
.pager {
    padding-left: 10px;
    padding-right: 10px;
}

    .pager .previous > a, .pager .previous > span {
        border-radius: 0px;
    }

    .pager li > a, .pager li > span {
        border-radius: 0px;
    }

.lead {
    font-size: 18px;
}

#wizard-back,
#wizard-next {
    border-width: 0px;
}

/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 5. PAGES GLOBALS
 * ========================================================================
 * ========================================================================
 * ======================================================================== */


/* Main Wrap With Menu, Content Wrapper and Right User Sidebars */

.main-wrap {
    position: absolute;
    width: 100% !important;
    left: 0;
    bottom: 0;
    right: 0;
    top: 67px;
}
/* Main Menu */


.menu-container {
    position: absolute;
    width: 220px;
    height: auto;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}

#menu-toggle {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    position: fixed;
    left: 220px;
    top: 50%;
    background-color: #33383d;
    padding: 5px 5px 5px 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .3s ease-in-out 0s;
}

    #menu-toggle.is-open {
        left: 10px;
    }

.menu-info {
    margin: 0px;
    padding: 10px 5px;
    background-color: #66CEF5;
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    text-decoration: none;
    display: block;
}
/* Center Block With All Content */


.content-wrapper {
    position: relative;
    overflow: hidden;
    top: 0px;
    padding: 10px;
    margin: 0 10px 0 0;
    margin-left: 220px;
    height: auto !important;
    min-height: 1100px;
    right: 0px;
    background: #f0f0ed;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
}
    /*Your copyright*/

    .content-wrapper:after {
        color: #858689;
        font-size: 11px;
        position: absolute;
        bottom: 10px;
        right: 15px;
    }
/*Toggle Screen Classes*/



.sidebar-toggle {
    margin-left: -210px;
}

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

.menu-container {
    transition: all .2s ease-in-out 0s;
}

.content-wrapper {
    transition: all .3s ease-in-out 0s;
}
/*Toggle Userbar Classes*/



.userbar-toggle {
    left: -200px;
    right: 190px;
}

.main-wrap {
    transition: all .3s ease-in-out 0s;
}

.menu-container {
    transition: all .2s ease-in-out 0s;
}
/*Making Vidz Embeds Responsible*/


video {
    max-width: 100%;
    height: auto;
}

iframe,
embed,
object {
    max-width: 100%;
}

/* ========================================================================
 * 5.2 Left Main Menu Nav
 * ======================================================================== */

.filter-group {
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 200px;
}

.filter-checkbox {
    transform: scale(1.3);
}

.filter-label {
    color: white;
    font-size: 0.85em;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    margin-left: 2px;
}

.menu-container {
    transition: all .2s ease-in-out 0s;
    position: absolute;
    width: 220px;
    height: auto;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}

    .menu-container #dash-sub {
        display: block;
    }

    .menu-container #menu {
        list-style: none outside none;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }


        .menu-container #menu > li > a {
            width: 100%;
            font-size: 0.85em;
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            letter-spacing: 0px;
            text-decoration: none;
            display: block;
            color: #fff;
            position: relative;
            padding: 13px 0px 13px 6px;
            overflow: hidden;
            outline: none;
            text-shadow: 1px 1px 0 rgba(0,0,0,.2);
            transition: background .4s;
        }


            .menu-container #menu > li > a:hover {
                background: rgba(255,255,255,.1);
            }

            .menu-container #menu > li > a.active,
            .menu-container #menu > li > a.submenu.active {
                color: #52535a;
                z-index: 1;
                text-shadow: none;
                box-shadow: 0 5px 5px -5px rgba(0,0,0,0.6);
                background-color: #f0f0ed;
            }


            .menu-container #menu > li > a.submenu:before {
                font-family: FontAwesome;
                content: "\f107";
                font-weight: 400;
                font-size: 15px;
                display: block;
                height: 50%;
                position: absolute;
                right: 10px;
                top: 25%;
            }

            .menu-container #menu > li > a.downarrow {
                background: rgba(255,255,255,.15);
            }

                .menu-container #menu > li > a.downarrow:before {
                    font-family: FontAwesome;
                    content: "\f107";
                }

            .menu-container #menu > li > a .badge {
                background: #fffbdb;
                color: #33383d;
                font-size: .8em;
                text-shadow: none;
            }

            .menu-container #menu > li > a.active .badge,
            .menu-container #menu > li > a.submenu.active .badge {
                background: #5bc0de;
                color: #fff;
            }

        .menu-container #menu > li:first-child > a.active {
            position: relative;
            display: block;
            box-shadow: 5px 0 0 0 #f0f0ed;
        }

        .menu-container #menu > li.active:hover {
            background: #f0f0ed;
        }

        .menu-container #menu > li > a i {
            font-size: 14px;
            padding-right: 5px;
        }

        .menu-container #menu > li > ul {
            width: 100%;
            background-color: #5c6064;
            overflow-x: hidden;
            overflow-y: auto;
            padding-left: 0px;
            max-height: 315px;
        }

            .menu-container #menu > li > ul > li {
                display: flex;
                width: 100%;
            }

                .menu-container #menu > li > ul > li > a {
                    padding: 8px 10px 8px 12px;
                    color: #fff;
                    position: relative;
                    overflow: hidden;
                    transition: background .4s;
                    font-size: .85em;
                    text-transform: uppercase;
                    font-weight: 700;
                    font-family: 'Open Sans', sans-serif;
                    letter-spacing: 1px;
                    text-decoration: none;
                    width: 100%;
                    display: inline-block;
                }

                    .menu-container #menu > li > ul > li.active > a,
                    .menu-container #menu > li > ul > li > a:hover,
                    .menu-container #menu > li > ul > li > a:active,
                    .menu-container #menu > li > ul > li > a:focus {
                        background: rgba(255,255,255,.1);
                    }
/* ========================================================================
 * 5.3 Breadcrumbs
 * ======================================================================== */

.breadcrumb {
    position: relative;
    font-weight: 700;
    height: 44px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: #dddddb;
}

    .breadcrumb ul {
        list-style: none outside none;
        padding: 0;
        margin: 0;
    }

    .breadcrumb li {
        float: left;
        font-family: 'Open Sans', sans-serif;
        margin: 0 7px 0 14px;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 17px;
        letter-spacing: 1px;
    }

        .breadcrumb li a {
            background: #fff;
            display: block;
            height: 28px;
            padding: 5px 10px 8px;
            float: left;
            text-decoration: none;
            color: #555;
            position: relative;
        }

            .breadcrumb li a:before {
                content: "";
                position: absolute;
                top: 50%;
                margin-top: -14px;
                border-width: 14px 0 14px 9px;
                border-style: solid;
                border-color: #fff #fff #fff transparent;
                left: -9px;
            }

            .breadcrumb li a:after {
                content: "";
                position: absolute;
                top: 50%;
                margin-top: -14px;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
                border-left: 9px solid #fff;
                right: -9px;
            }

    .breadcrumb:after {
        content: "";
        clear: both;
    }

    .breadcrumb li:first-child a:before {
        border: 0;
    }

    .breadcrumb li:first-child a {
        padding-left: 15px;
        margin-left: -18px;
    }

    .breadcrumb li + li:before {
        content: "";
    }

    .breadcrumb li a:hover {
        background: #777;
        color: #f5f5f5;
    }

        .breadcrumb li a:hover:before {
            border-color: #777 #777 #777 transparent;
        }

        .breadcrumb li a:hover:after {
            border-left-color: #777;
        }

    .breadcrumb .active {
        margin-top: 5px;
        margin-left: 9px;
        color: #777;
    }
/* ========================================================================
 * 5.4 Main Top Menu
 * ======================================================================== */

/*Site Search*/

.site-search {
    float: left;
    position: relative;
    padding: 9px;
    padding-left: 0;
}

    .site-search i {
        position: absolute;
        color: #fff;
        font-family: FontAwesome;
        font-size: 16px;
        left: 11px;
        top: 15px;
    }

    .site-search input[type=search] {
        background: #33383d;
        width: 15px;
        color: #33383d;
        cursor: pointer;
        border: 0;
        font-weight: 400;
        padding: 6px 10px 7px 30px;
        width: 55px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

        .site-search input[type=search]:hover {
            background-color: #454b52;
        }

        .site-search input[type=search]:focus {
            width: 150px;
            padding-left: 30px;
            color: #fff;
            background-color: #454b52;
            cursor: auto;
        }

.main-header-separator {
    border-right: 1px solid #ddd;
    height: 30px;
    float: right;
    padding-left: 10px;
    margin-right: 10px;
}


.main-header {
    background: #fff;
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    z-index: 999;
    display: block;
    padding: 0;
    margin: 0;
}

    .main-header .navbar-brand {
        display: block;
        text-align: left;
        float: left;
    }

    .main-header .navbar-content {
        padding: 10px 7px 5px 0;
    }

        .main-header .navbar-content .navbar-item {
            margin: 0px 7px;
        }

    .main-header .btn-default {
        background: #fff;
        line-height: 20px;
        font-size: 0.9em;
        padding: 5px 9px;
        color: #33383d;
        border-width: 0px;
    }

        .main-header .btn-default i {
            font-size: 17px;
        }

    .main-header .btn {
        margin: 0;
    }

    .main-header .dropdown-toggle {
        border-radius: 3px;
    }

    .main-header .btn-user {
        color: #33383d;
        width: 42px;
        overflow: hidden;
        line-height: 13px;
        padding-top: 6px;
        height: 42px;
        margin: 0;
        margin-left: 10px;
        border-radius: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #33383d;
        margin-right: 3px;
        transition: all 0.2s ease-in;
    }
    /*Uncomment here if you want to see User Name on hover*/
    /*.main-header .btn-user:hover {
	width:140px;
	padding-left:40px;
	color:#fff;
	}*/

    .main-header .btn-dark {
        background: #595f66;
    }

    .main-header .btn-user i {
        position: absolute;
        top: 7px;
        color: #fff;
        left: 10px;
        font-size: 1.7em;
    }

    .main-header .btn-user .logged-as {
        font-size: 9px;
        float: left;
        font-weight: 300;
        display: inlie-block;
        text-transform: uppercase;
    }

    .main-header .btn-user .logged-as-name {
        font-size: 1.2em;
        line-height: 12px;
        float: left;
        width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        font-weight: 600;
        display: block;
    }

    .main-header .btn-default:hover,
    .main-header .btn-default:active,
    .open .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #33383d;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /*We should disable round corners in that state*/



    .main-header .open .dropdown-toggle.btn-default {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .main-header .btn-default .badge {
        position: absolute;
        right: -5px;
        top: -3px;
        background-color: #9AC04C;
        color: #fff;
    }
    /*The Badge without the digits - just circle*/



    .main-header .btn-default .new {
        position: absolute;
        width: 15px;
        display: block;
        height: 15px;
        right: -8px;
        border-radius: 50%;
        top: -1px;
        background-color: #5ec6c8;
        color: #fff;
        font-size: 11px;
        padding-top: 2px;
        text-align: center;
    }

@keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1.2);
    }
}

@-moz-keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1.2);
    }
}

@-webkit-keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1.2);
    }
}

.main-header .dropdown-menu {
    margin-top: -2px;
    text-transform: uppercase;
    background: #33383d;
    width: 300px;
}
/*Some Specials for Settings*/


.main-header #settings-dropdown {
    width: 220px;
    right: 8px;
}

    .main-header #settings-dropdown li {
        background-color: #fff;
        padding: 0px;
    }

        .main-header #settings-dropdown li a {
            color: #777;
            padding: 10px;
            cursor: pointer;
            text-transform: capitalize;
        }

            .main-header #settings-dropdown li a i {
                margin-right: 5px;
            }

        .main-header #settings-dropdown li:hover {
            background-color: #f0f0ed;
        }

            .main-header #settings-dropdown li:hover a {
                color: #555;
            }

.main-header .dropdown-menu .dropdown-container {
    overflow: hidden;
    display: block;
}

.main-header .dropdown-menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .main-header .dropdown-menu ul > li > a {
        color: #fff;
        clear: both;
        display: block;
        transition: all 0.05s ease-in;
        box-shadow: 0px -2px rgba(0, 0, 0, 0.15) inset;
    }

        .main-header .dropdown-menu ul > li > a:hover {
            text-decoration: none;
        }

.main-header .dropdown-menu > li:hover,
.main-header .dropdown-menu > li > a:hover,
.main-header .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #8B9698;
}

.main-header .dropdown-menu .dropdown-header {
    padding: 10px 20px;
    font-weight: 300;
    line-height: 25px;
    font-size: 15px;
    text-transform: none;
    color: #fff;
    border-bottom: 3px solid #8B9698;
}

.main-header .dropdown-menu .dropdown-footer {
    padding: 10px 20px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    border-top: 3px solid #8B9698;
}

    .main-header .dropdown-menu .dropdown-footer .btn {
        border-radius: 3px;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.9em;
        padding: 5px 7px;
        display: inline-block;
        margin: 0;
    }

.main-header .dropdown-menu .dropdown-header .badge {
    margin-top: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    font-size: 0.55em;
    color: #8b9698;
}

    .main-header .dropdown-menu .dropdown-header .badge:after {
        content: "";
        position: absolute;
        top: 4px;
        left: -5px;
        border-style: solid;
        border-width: 5px 5px 5px 0;
        border-color: transparent #fff;
        display: block;
        width: 0;
        z-index: 1;
    }

.main-header .dropdown-menu li {
    color: #fff;
}

.main-header .dropdown-menu .inbox-dropdown > li > a {
    position: relative;
    padding: 10px 40px 10px 75px;
    height: auto;
    color: #fff;
}

    .main-header .dropdown-menu .inbox-dropdown > li > a p {
        font-size: 0.85em;
        margin-bottom: 4px;
        text-transform: none;
    }

    .main-header .dropdown-menu .inbox-dropdown > li > a .label {
        font-weight: 600;
        text-transform: none;
    }

        .main-header .dropdown-menu .inbox-dropdown > li > a .label.label-default {
            background-color: #fff;
            color: #8B9698;
        }

    .main-header .dropdown-menu .inbox-dropdown > li > a h4 {
        margin: 0 0 3px;
        font-size: 1.1em;
        letter-spacing: -1px;
        font-weight: 700;
        line-height: 15px;
        padding: 0;
    }

    .main-header .dropdown-menu .inbox-dropdown > li > a .delete {
        position: absolute;
        font-size: 1.5em;
        right: 13px;
        top: 20%;
        visibility: hidden;
    }

    .main-header .dropdown-menu .inbox-dropdown > li > a:hover .delete {
        visibility: visible;
        display: block;
        max-width: 40px;
    }

    .main-header .dropdown-menu .inbox-dropdown > li > a .user-image {
        position: absolute;
        left: 17px;
        top: 15px;
        display: block;
        max-width: 40px;
    }

        .main-header .dropdown-menu .inbox-dropdown > li > a .user-image img {
            display: inline-block;
            max-width: 100%;
            border-radius: 50%;
            box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
        }
/*Styles for Alerts Dropdown*/
.main-header #alert-dropdown {
    margin-right: 8px;
}

.main-header .dropdown-menu .alert-dropdown > li > a {
    position: relative;
    padding: 10px 10px 10px 60px;
    height: auto;
    white-space: normal;
}

    .main-header .dropdown-menu .alert-dropdown > li > a .alert-icon {
        position: absolute;
        display: block;
        background: #fff;
        border-radius: 50%;
        color: #33383d;
        left: 10px;
        top: 10px;
        width: 40px;
        text-align: center;
        height: 40px;
        font-size: 2.15em;
    }

    .main-header .dropdown-menu .alert-dropdown > li > a h4 {
        margin: 0 0 3px;
        font-size: 1.1em;
        letter-spacing: -1px;
        font-weight: 700;
        line-height: 15px;
        padding: 0;
    }

    .main-header .dropdown-menu .alert-dropdown > li > a p {
        font-size: 0.85em;
        margin-bottom: 4px;
        text-transform: none;
    }

.main-header .dropdown-menu .alert-dropdown > li.bg-danger > a,
.main-header .dropdown-menu .alert-dropdown > li.bg-danger > a .alert-icon {
    color: #d24d33;
}

.main-header .dropdown-menu .alert-dropdown > li.bg-info > a,
.main-header .dropdown-menu .alert-dropdown > li.bg-info > a .alert-icon {
    color: #5bc0de;
}

.main-header .dropdown-menu .alert-dropdown > li.bg-warning > a,
.main-header .dropdown-menu .alert-dropdown > li.bg-warning > a .alert-icon {
    color: #EF6F20;
}

.main-header .dropdown-menu .alert-dropdown > li.bg-success > a,
.main-header .dropdown-menu .alert-dropdown > li.bg-success > a .alert-icon {
    color: #9AC04C;
}
/*Styles for Settings Dropdown*/

.main-header .dropdown-menu .settings-dropdown > li {
    padding: 8px 15px;
    color: #fff;
}

    .main-header .dropdown-menu .settings-dropdown > li label {
        text-transform: none;
        font-weight: 700;
    }
/* ========================================================================
 * 5.5 Social Icons
 * ======================================================================== */

.social-buttons {
    margin: 20px auto 10px auto;
    clear: both;
}

.social {
    list-style: none;
    line-height: 26px;
    text-align: center;
    font-size: 1.8em;
}

.social-buttons ul {
    margin: 0px;
    padding: 0;
}

.social li {
    display: inline;
    margin: 0px;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 500ms;
}

    .social li a {
        color: #fff;
        text-decoration: none;
        padding: 1px;
    }

.social:hover li {
    opacity: 0.2;
}

.social li:hover {
    opacity: 1;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
/* ========================================================================
 * 5.6 Scroll to Top
 * ======================================================================== */

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    z-index: 99999999;
    background: rgba(89,95,102,.7);
    color: #eeeeee;
    width: 36px;
    height: 36px;
    right: 40px;
    bottom: 1px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .scroll-top-wrapper:hover {
        background: #5ec6c8;
        opacity: 0.8;
        box-shadow: 0 0 0 6px rgba(255,255,255,.7);
    }

    .scroll-top-wrapper.show {
        visibility: visible;
        cursor: pointer;
        opacity: 1.0;
    }

    .scroll-top-wrapper i {
        font-size: 20px;
        line-height: 35px;
    }

/* ========================================================================
 * 5.7 Page Loading
 * ======================================================================== */
.loading {
    background-image: url('../Content/css/images/loading.gif') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.prProgress-overlay {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.2;
    z-index: 199999;
}

.prProgress {
    display: block;
    position: absolute;
    z-index: 200000;
}

.progress-content {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 15px 20px;
    border-radius: 0px;
}

.progress-header {
    color: #222;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 5px;
    white-space: nowrap;
}

.progress-item {
    margin: 0;
}

.progress-spinner-container {
    margin: 3px 0;
    width: 80px;
    height: 25px;
}

.progress-spinner {
    background: url('../Content/css/images/loading-small.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
}

.progress-status {
    color: #222;
    line-height: 1;
    margin: 0;
}

.hide-spinner {
    display: none;
    visibility: hidden;
    font-size: 0px;
    width: 0px;
}

/* ========================================================================
 * 5.8 Items
 * ======================================================================== */
.items-view-grid ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .items-view-grid ul li {
        width: 20%;
        margin-bottom: 15px;
        display: inline-block;
        float: left;
        vertical-align: top;
        position: relative;
    }

.items-inner {
    background: #f1f1f1;
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px 15px;
    margin: 0 7px;
}

    .items-inner:hover {
        background: #ddd;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .items-inner:hover .control-buttons {
            color: #33383d;
            visibility: visible;
        }

.items-icon .fa-stack {
    width: 150px;
    height: 150px;
    line-height: 150px;
}

.items-icon .fa-stack {
    font-size: 65px;
}

.items-icon .fa-stack-2x {
    font-size: 150px;
}

#service-line-items-queue-grid .dx-datagrid .dx-row-alt {
    background-color: #fff;
}

    #service-line-items-queue-grid .dx-datagrid .dx-row-alt:hover {
        background-color: #e3e6e8;
    }

/* ========================================================================
 * 5.9 Help Window
 * ======================================================================== */
#contact-org-btn {
    background-color: #ef6f20;
    color: #fff;
    display: block;
    position: fixed;
    right: 393px;
    bottom: 0px;
    height: 38px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-top: -2px;
    font-size: 20px;
    padding: 6px 12px;
}

    #contact-org-btn:hover {
        background-color: #BF591A;
    }

.help-container {
    margin: 0px 27px;
    bottom: 0px;
    right: 60px;
    position: fixed;
    z-index: 999999999;
    min-width: 300px;
}

.help-header {
    background-color: #33383d;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


    .help-header a {
        color: #fff;
        text-decoration: none;
    }

.help-body-container {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
    display: none;
}

.help-body {
    width: 100%;
}

.help-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
}

    .help-item h5 {
        padding: 0px;
        margin: 0px 0px 5px 0px;
    }

    .help-item ul {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

/* ========================================================================
 * 5.10 Grids
 * ======================================================================== */
.grid {
    background-color: #fff;
    border: 1px solid #dddddb;
    max-width: fit-content !important;
}

.grid-container {
    padding: 10px;
    background-color: #f0f0ed;
    border-color: #E4E4E4;
    border: 1px solid #dddddb;
}

.grid-header {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 6. FORMS CHAPTER
 * ========================================================================
 * ========================================================================
 * ======================================================================== */

.form-group {
    margin-bottom: 10px;
}

/* ========================================================================
 * 6.1 Bootstrap Forms
 * ======================================================================== */

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #c0c2c7;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.dropdown-arrow {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #c0c2c7;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -webkit-appearance: none;
}

.form-control-sm {
    width: 33%;
}

.form-control-md {
    width: 66%;
}

.form-control-lg {
    width: 100%;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

select.form-control option[disabled] {
    background-color: #eee;
}

.input-group-addon {
    background-color: #eee;
    border: 2px solid #c0c2c7;
    border-radius: 3px;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    padding: 4px 10px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: 9px 16px;
}

.has-feedback .form-control-feedback {
    top: 25px;
    width: 38px;
    height: 38px;
    line-height: 38px;
}

.help-block {
    display: block;
    font-size: 11px;
    margin-top: 6px;
    padding: 0px 1px;
    margin-bottom: 0;
    color: #999;
    line-height: 16px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #9AC04C;
}

.has-success .form-control {
    border-color: #9AC04C;
    background: #cae1bd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-success .form-control:focus {
        border-color: #33383d;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-success .input-group-addon {
    color: #9AC04C;
    background-color: #dff0d8;
    border-color: #9AC04C;
}

.has-success .form-control-feedback {
    color: #9AC04C;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #fcb42e;
}

.has-warning .form-control {
    border-color: #fcb42e;
    background: #fff4e1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-warning .form-control:focus {
        border-color: #33383d;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-warning .input-group-addon {
    color: #fcb42e;
    background-color: #fcf8e3;
    border-color: #fcb42e;
}

.has-warning .form-control-feedback {
    color: #fcb42e;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #d24d33;
}

.has-error .form-control {
    border-color: #d24d33;
    background: #f0c6bd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-error .form-control:focus {
        border-color: #33383d;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-error .input-group-addon {
    color: #d24d33;
    background-color: #f2dede;
    border-color: #d24d33;
}

.has-error .form-control-feedback {
    color: #d24d33;
}

legend {
    display: block;
    font-weight: 400;
    padding: 0 0 10px;
    margin-bottom: 20px;
    font-size: 1.3em;
    line-height: inherit;
    border-bottom: 5px solid rgba(0, 0, 0, 0.1);
}

.form-horizontal .control-label {
    text-align: left !important;
    margin-bottom: 5px;
    display: inline;
}
/* Tool tip*/
/* tooltips */



.form-horizontal .tooltip {
    position: absolute;
    z-index: 1;
    left: -9999px;
    padding: 6px 8px 6px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    background: rgba(0,0,0,0.9);
    color: #fff;
    opacity: 0;
    -ms-transition: margin .3s, opacity .3s;
    -moz-transition: margin .3s, opacity .3s;
    -webkit-transition: margin .3s, opacity .3s;
}

    .form-horizontal .tooltip:after {
        content: '';
        position: absolute;
    }

.form-horizontal .input input:focus + .tooltip,
.form-horizontal .textarea textarea:focus + .tooltip {
    opacity: 1;
}

.form-horizontal .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}

    .form-horizontal .tooltip-top-right:after {
        top: 100%;
        right: 16px;
        border-top: 4px solid rgba(0,0,0,.9);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.form-horizontal .input input:focus + .tooltip-top-right,
.form-horizontal .textarea textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom: 5px;
}

.form-horizontal .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}

    .form-horizontal .tooltip-top-left:after {
        top: 100%;
        left: 16px;
        border-top: 4px solid rgba(0,0,0,0.9);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.form-horizontal .input input:focus + .tooltip-top-left,
.form-horizontal .textarea textarea:focus + .tooltip-top-left {
    right: auto;
    left: 0;
    margin-bottom: 5px;
}

.form-horizontal .tooltip-right {
    top: 9px;
    white-space: nowrap;
    margin-left: 15px;
}

    .form-horizontal .tooltip-right:after {
        top: 6px;
        right: 100%;
        border-top: 4px solid transparent;
        border-right: 4px solid rgba(0,0,0,0.9);
        border-bottom: 4px solid transparent;
    }

.form-horizontal .input input:focus + .tooltip-right,
.form-horizontal .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}

.form-horizontal .tooltip-left {
    top: 9px;
    white-space: nowrap;
    margin-right: 15px;
}

    .form-horizontal .tooltip-left:after {
        top: 6px;
        left: 100%;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid rgba(0,0,0,0.9);
    }

.form-horizontal .input input:focus + .tooltip-left,
.form-horizontal .textarea textarea:focus + .tooltip-left {
    right: 100%;
    left: auto;
    margin-right: 5px;
}

.form-horizontal .tooltip-bottom-right {
    top: 100%;
    margin-top: 15px;
}

    .form-horizontal .tooltip-bottom-right:after {
        bottom: 100%;
        right: 16px;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(0,0,0,.9);
        border-left: 4px solid transparent;
    }

.form-horizontal .input input:focus + .tooltip-bottom-right,
.form-horizontal .textarea textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top: 5px;
}

.form-horizontal .tooltip-bottom-left {
    top: 100%;
    margin-top: 15px;
}

    .form-horizontal .tooltip-bottom-left:after {
        bottom: 100%;
        left: 16px;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(0,0,0,0.9);
        border-left: 4px solid transparent;
    }

.form-horizontal .input input:focus + .tooltip-bottom-left,
.form-horizontal .textarea textarea:focus + .tooltip-bottom-left {
    right: auto;
    left: 0;
    margin-top: 5px;
}

.phone-control {
    position: relative;
}

    .phone-control .phone-control-sign {
        padding: 5px 5px 0px 0px;
    }

    .phone-control .phone-control-country-code {
        width: 64px;
    }

    .phone-control .phone-control-number {
        width: 100%;
        margin-left: 90px;
        position: absolute;
        padding-right: 120px;
    }

/* normal state */
/* ========================================================================
 * 6.2 linq Forms
 * ======================================================================== */
.linq-form {
    outline: none;
}

    .linq-form header {
        display: block;
        letter-spacing: -1px;
        padding: 0 0px 10px;
        margin: 10px 15px;
        border-bottom: 5px solid rgba(0,0,0,.1);
        font-size: 1.7em;
        font-weight: 400;
        text-align: left;
    }

    .linq-form fieldset {
        display: block;
        padding: 10px 0;
        border: none;
    }

        .linq-form fieldset + fieldset {
            border-top: 5px solid rgba(0,0,0,.1);
        }

    .linq-form section {
        margin-bottom: 10px;
    }

    .linq-form footer {
        display: block;
        padding: 10px 15px;
        border-top: none;
        margin: 0px;
    }
/*Small Hack For Inner Widgets Forms*/
.inner-spacer .linq-form footer {
    padding-bottom: 0;
}

.linq-form footer:after {
    content: '';
    display: table;
    clear: both;
}

.linq-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
}

    .linq-form .label.col {
        margin: 0;
        padding-top: 10px;
    }

.linq-form .note {
    margin-top: 6px;
    padding: 0 1px;
    font-size: 11px;
    line-height: 15px;
    color: #999;
}

.linq-form .input,
.linq-form .select,
.linq-form .textarea,
.linq-form .radio,
.linq-form .checkbox,
.linq-form .toggle,
.linq-form .button {
    position: relative;
    display: block;
}

    .linq-form .input input,
    .linq-form .select select,
    .linq-form .textarea textarea {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        font-weight: 600;
        height: 38px;
        padding: 8px 10px;
        outline: none;
        border-width: 2px;
        border-radius: 3px;
        border-style: solid;
        background: #fff;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

.linq-form .progress {
    float: right;
    height: 36px;
    font-weight: 300;
    font-size: 2em;
    color: #9AC04C;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* file inputs */



.linq-form .input-file .button {
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 3px;
    font-weight: 600;
    float: none;
    height: 30px;
    margin: 0;
    padding: 0 20px;
    font-size: 13px;
    line-height: 31px;
}

    .linq-form .input-file .button:hover {
        box-shadow: none;
    }

    .linq-form .input-file .button input {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        font-size: 29px;
        cursor: pointer;
        opacity: 0;
    }
/* selects */



.linq-form .select i {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 6px;
    height: 9px;
    background: #fff;
    box-shadow: 0 0 0 12px #fff;
    pointer-events: none;
}

    .linq-form .select i:after,
    .linq-form .select i:before {
        content: '';
        position: absolute;
        right: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .linq-form .select i:after {
        bottom: 0;
        border-top: 4px solid #555;
    }

    .linq-form .select i:before {
        top: 0;
        border-bottom: 4px solid #555;
    }

.linq-form .select-multiple select {
    height: auto;
}
/* textareas */



.linq-form .textarea textarea {
    height: auto;
    resize: none;
}

.linq-form .textarea-resizable textarea {
    resize: vertical;
}

.linq-form .textarea-expandable textarea {
    height: 38px;
}

    .linq-form .textarea-expandable textarea:focus {
        height: auto;
    }
/* radios and checkboxes */

.checkboxes ul {
    list-style: none;
    padding-left: 0px;
}

.linq-form .radio,
.linq-form .checkbox {
    margin-bottom: 4px;
    padding-left: 27px;
    line-height: 27px;
    color: #404040;
    cursor: pointer;
}

    .linq-form .radio:last-child,
    .linq-form .checkbox:last-child {
        margin-bottom: 0;
    }

    .linq-form .radio input,
    .linq-form .checkbox input {
        position: absolute;
        left: -9999px;
    }

    .linq-form .radio i,
    .linq-form .checkbox i {
        position: absolute;
        top: 5px;
        left: 0;
        display: block;
        width: 13px;
        height: 13px;
        outline: none;
        border-width: 2px;
        border-style: solid;
        background: #fff;
    }

    .linq-form .radio i {
        border-radius: 50%;
    }

    .linq-form .radio input + i:after,
    .linq-form .checkbox input + i:after {
        position: absolute;
        opacity: 0;
        -ms-transition: opacity .1s;
        -moz-transition: opacity .1s;
        -webkit-transition: opacity .1s;
    }

    .linq-form .radio input + i:after {
        content: '';
        top: 4px;
        left: 4px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .linq-form .checkbox input + i:after {
        content: '\f00c';
        top: -1px;
        left: -1px;
        width: 15px;
        height: 15px;
        font: normal 12px/16px FontAwesome;
        text-align: center;
    }

    .linq-form .radio input:checked + i:after,
    .linq-form .checkbox input:checked + i:after {
        opacity: 1;
    }

.linq-form .inline-group {
    margin: 0 -30px -4px 0;
}

    .linq-form .inline-group:after {
        content: '';
        display: table;
        clear: both;
    }

    .linq-form .inline-group .radio,
    .linq-form .inline-group .checkbox {
        float: left;
        margin-right: 30px;
    }

        .linq-form .inline-group .radio:last-child,
        .linq-form .inline-group .checkbox:last-child {
            margin-bottom: 4px;
        }
/* toggles */



.linq-form .toggle {
    margin-bottom: 4px;
    padding-right: 61px;
    line-height: 27px;
    font-weight: 400;
    cursor: pointer;
}

    .linq-form .toggle:last-child {
        margin-bottom: 0;
    }

    .linq-form .toggle input {
        position: absolute;
        left: -9999px;
    }

    .linq-form .toggle i {
        content: '';
        position: absolute;
        top: 4px;
        right: 1px;
        display: block;
        width: 49px;
        height: 17px;
        border-width: 2px;
        border-style: solid;
        border-radius: 12px;
        background: #fff;
    }

        .linq-form .toggle i:after {
            content: 'OFF';
            position: absolute;
            top: 2px;
            right: 8px;
            left: 8px;
            font-style: normal;
            font-size: 9px;
            line-height: 13px;
            font-weight: 700;
            text-align: left;
            color: #5f5f5f;
        }

        .linq-form .toggle i:before {
            content: '';
            position: absolute;
            z-index: 1;
            top: 4px;
            right: 4px;
            display: block;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            opacity: 1;
            -ms-transition: right .2s;
            -moz-transition: right .2s;
            -webkit-transition: right .2s;
        }

    .linq-form .toggle input:checked + i:after {
        content: 'ON';
        text-align: right;
    }

    .linq-form .toggle input:checked + i:before {
        right: 36px;
    }
/* ratings */



.linq-form .rating {
    margin-bottom: 4px;
    line-height: 27px;
    color: #404040;
}

    .linq-form .rating:last-child {
        margin-bottom: 0;
    }

    .linq-form .rating input {
        position: absolute;
        left: -9999px;
    }

    .linq-form .rating label {
        display: block;
        float: right;
        height: 17px;
        margin-top: 5px;
        padding: 0 2px;
        font-size: 17px;
        line-height: 17px;
        cursor: pointer;
    }
/* buttons */



.linq-form .button {
    float: right;
    height: 39px;
    overflow: hidden;
    margin: 10px 0 0 20px;
    padding: 0 25px;
    outline: none;
    border: 0;
    font: 300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.linq-form .button-uploading {
    position: relative;
    color: transparent;
    cursor: default;
}

    .linq-form .button-uploading:after {
        content: 'Uploading...';
        position: absolute;
        top: 10px;
        left: 5px;
        width: 100px;
        height: 100%;
        color: #fff;
        -o-animation: blink 1s linear infinite;
        -ms-animation: blink 1s linear infinite;
        -moz-animation: blink 1s linear infinite;
        -webkit-animation: blink 1s linear infinite;
    }

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}
/* icons */
.bullet {
    padding: 0px 5px;
}

.linq-form .icon-append,
.linq-form .icon-prepend {
    position: absolute;
    top: 2px;
    width: 29px;
    height: 34px;
    font-size: 1.3em;
    line-height: 29px;
    text-align: center;
}

.linq-form .icon-append {
    right: 5px;
    padding-left: 3px;
    border-left-width: 2px;
    border-left-style: solid;
}

.linq-form .icon-prepend {
    left: 5px;
    padding-right: 3px;
    border-right-width: 2px;
    border-right-style: solid;
}

.linq-form .input .icon-prepend + input,
.linq-form .textarea .icon-prepend + textarea {
    padding-left: 46px;
}

.linq-form .input .icon-append + input,
.linq-form .textarea .icon-append + textarea {
    padding-right: 46px;
}

.linq-form .input .icon-prepend + .icon-append + input,
.linq-form .textarea .icon-prepend + .icon-append + textarea {
    padding-left: 46px;
}
/* grid */



.linq-form .row {
    margin: 0 -15px;
}

    .linq-form .row:after {
        content: '';
        display: table;
        clear: both;
    }

.linq-form .col {
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.linq-form .col-1 {
    width: 8.33%;
}

.linq-form .col-2 {
    width: 16.66%;
}

.linq-form .col-3 {
    width: 25%;
}

.linq-form .col-4 {
    width: 33.33%;
}

.linq-form .col-5 {
    width: 41.66%;
}

.linq-form .col-6 {
    width: 50%;
}

.linq-form .col-7 {
    width: 58.33%;
}

.linq-form .col-8 {
    width: 66.67%;
}

.linq-form .col-9 {
    width: 75%;
}

.linq-form .col-10 {
    width: 83.33%;
}

.linq-form .col-11 {
    width: 91.66%;
}

@media screen and (max-width: 600px) {
    .linq-form .col {
        float: none;
        width: 100%;
    }
}
/* tooltips */



.linq-form .tooltip {
    position: absolute;
    z-index: 1;
    left: -9999px;
    padding: 6px 8px 6px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    background: rgba(0,0,0,0.9);
    color: #fff;
    opacity: 0;
    -ms-transition: margin .3s, opacity .3s;
    -moz-transition: margin .3s, opacity .3s;
    -webkit-transition: margin .3s, opacity .3s;
}

    .linq-form .tooltip:after {
        content: '';
        position: absolute;
    }

.linq-form .input input:focus + .tooltip,
.linq-form .textarea textarea:focus + .tooltip {
    opacity: 1;
}

.linq-form .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}

    .linq-form .tooltip-top-right:after {
        top: 100%;
        right: 16px;
        border-top: 4px solid rgba(0,0,0,.9);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.linq-form .input input:focus + .tooltip-top-right,
.linq-form .textarea textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom: 5px;
}

.linq-form .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}

    .linq-form .tooltip-top-left:after {
        top: 100%;
        left: 16px;
        border-top: 4px solid rgba(0,0,0,0.9);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.linq-form .input input:focus + .tooltip-top-left,
.linq-form .textarea textarea:focus + .tooltip-top-left {
    right: auto;
    left: 0;
    margin-bottom: 5px;
}

.linq-form .tooltip-right {
    top: 9px;
    white-space: nowrap;
    margin-left: 15px;
}

    .linq-form .tooltip-right:after {
        top: 6px;
        right: 100%;
        border-top: 4px solid transparent;
        border-right: 4px solid rgba(0,0,0,0.9);
        border-bottom: 4px solid transparent;
    }

.linq-form .input input:focus + .tooltip-right,
.linq-form .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}

.linq-form .tooltip-left {
    top: 9px;
    white-space: nowrap;
    margin-right: 15px;
}

    .linq-form .tooltip-left:after {
        top: 6px;
        left: 100%;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid rgba(0,0,0,0.9);
    }

.linq-form .input input:focus + .tooltip-left,
.linq-form .textarea textarea:focus + .tooltip-left {
    right: 100%;
    left: auto;
    margin-right: 5px;
}

.linq-form .tooltip-bottom-right {
    top: 100%;
    margin-top: 15px;
}

    .linq-form .tooltip-bottom-right:after {
        bottom: 100%;
        right: 16px;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(0,0,0,.9);
        border-left: 4px solid transparent;
    }

.linq-form .input input:focus + .tooltip-bottom-right,
.linq-form .textarea textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top: 5px;
}

.linq-form .tooltip-bottom-left {
    top: 100%;
    margin-top: 15px;
}

    .linq-form .tooltip-bottom-left:after {
        bottom: 100%;
        left: 16px;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(0,0,0,0.9);
        border-left: 4px solid transparent;
    }

.linq-form .input input:focus + .tooltip-bottom-left,
.linq-form .textarea textarea:focus + .tooltip-bottom-left {
    right: auto;
    left: 0;
    margin-top: 5px;
}
/* normal state */



.linq-form .input input,
.linq-form .select select,
.linq-form .textarea textarea,
.linq-form .radio i,
.linq-form .checkbox i,
.linq-form .toggle i,
.linq-form .icon-append,
.linq-form .icon-prepend {
    border-color: #c0c2c7;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

    .linq-form .toggle i:before {
        background-color: #33383d;
    }

.linq-form .rating label {
    color: #c0c2c7;
    -ms-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.linq-form .button {
    background-color: #33383d;
    opacity: 0.8;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

    .linq-form .button.button-secondary {
        background-color: #b3b3b3;
    }

.linq-form .icon-append,
.linq-form .icon-prepend {
    color: #c0c2c7;
}
/* hover state */



textarea:hover,
input:hover {
    background: #fffbdb;
}

.linq-form .input:hover input,
.linq-form .select:hover select,
.linq-form .textarea:hover textarea,
.linq-form .radio:hover i,
.linq-form .checkbox:hover i,
.linq-form .toggle:hover i,
.linq-form .ui-slider-handle:hover {
    background: #fffbdb;
}

.linq-form .rating input + label:hover,
.linq-form .rating input + label:hover ~ label {
    color: #33383d;
}

.linq-form .button:hover {
    opacity: 1;
}
/* focus state */



.linq-form .input input:focus,
.linq-form .select select:focus,
.linq-form .textarea textarea:focus,
.linq-form .radio input:focus + i,
.linq-form .checkbox input:focus + i,
.linq-form .toggle input:focus + i {
    border-color: #33383d;
}
/* checked state */



.linq-form .radio input + i:after {
    background-color: #33383d;
}

.linq-form .checkbox input + i:after {
    color: #33383d;
}

.linq-form .radio input:checked + i,
.linq-form .checkbox input:checked + i,
.linq-form .toggle input:checked + i {
    border-color: #33383d;
}

.linq-form .rating input:checked ~ label {
    color: #f4cc13;
}
/* error state */



.linq-form .state-error input,
.linq-form .state-error select,
.linq-form .state-error textarea,
.linq-form .radio.state-error i,
.linq-form .checkbox.state-error i,
.linq-form .toggle.state-error i {
    border-color: #e9a89a;
    background: #f0c6bd;
}

.linq-form .state-error .icon-append,
.linq-form .state-error .icon-prepend {
    border-color: #e9a89a;
    color: #e9a89a;
}

.linq-form .state-error select + i {
    background: #f0c6bd;
    box-shadow: 0 0 0 12px #f0c6bd;
}

.linq-form .toggle.state-error input:checked + i {
    background: #f0c6bd;
}

.linq-form .state-error + em {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 15px;
    color: #ee9393;
}

.linq-form .rating.state-error + em {
    margin-top: -4px;
    margin-bottom: 4px;
}
/* success state */




.linq-form .state-success input,
.linq-form .state-success select,
.linq-form .state-success textarea,
.linq-form .radio.state-success i,
.linq-form .checkbox.state-success i,
.linq-form .toggle.state-success i {
    border-color: #9AC04C;
    background: #cae1bd;
}

.linq-form .state-success .icon-append,
.linq-form .state-success .icon-prepend {
    border-color: #9AC04C;
    color: #9AC04C;
}

.linq-form .state-success select + i {
    background: #cae1bd;
    box-shadow: 0 0 0 12px #cae1bd;
}

.linq-form .toggle.state-success input:checked + i {
    background: #cae1bd;
}

.linq-form .state-success + em {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #ee9393;
}

.linq-form .note-success {
    color: #6fb679;
}
/* disabled state */



.linq-form .input.state-disabled input,
.linq-form .select.state-disabled,
.linq-form .textarea.state-disabled {
    background: #eee;
    opacity: 0.5;
}

.linq-form .radio.state-disabled,
.linq-form .checkbox.state-disabled,
.linq-form .toggle.state-disabled,
.linq-form .button.state-disabled {
    opacity: 0.5;
    cursor: default;
}

    .linq-form .input.state-disabled:hover input,
    .linq-form .select.state-disabled:hover select,
    .linq-form .textarea.state-disabled:hover textarea,
    .linq-form .radio.state-disabled:hover i,
    .linq-form .checkbox.state-disabled:hover i,
    .linq-form .toggle.state-disabled:hover i {
        border-color: #e5e5e5;
    }
/* submited state */


.linq-form .message {
    display: none;
    color: #6fb679;
}

    .linq-form .message i {
        display: block;
        margin: 0 auto 20px;
        width: 81px;
        height: 81px;
        background: #9AC04C;
        color: #fff;
        border-radius: 50%;
        font-size: 30px;
        line-height: 81px;
    }

.linq-form.submited fieldset,
.linq-form.submited footer {
    display: none;
}

.linq-form.submited .message {
    display: block;
    padding: 25px 30px;
    background: rgba(255,255,255,.9);
    font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
}
/* Datepicker */



.ui-datepicker {
    display: none;
    padding: 10px 12px;
    background: rgba(255,255,255,0.93);
    text-align: center;
    color: #555;
}

    .ui-datepicker a {
        color: #404040;
    }



.ui-datepicker-header {
    position: relative;
    margin: -10px -12px 10px;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
    line-height: 27px;
    background: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: 0;
    display: block;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0px;
}

.ui-datepicker-prev {
    left: 0;
}

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

.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px;
}

    .ui-datepicker-calendar th {
        color: #999;
    }

    .ui-datepicker-calendar a,
    .ui-datepicker-calendar span {
        display: block;
        width: 26px;
        margin: auto;
        text-decoration: none;
        color: #404040;
    }

        .ui-datepicker-calendar a:hover {
            background: rgba(0,0,0,.05);
            border: none;
        }

    .ui-datepicker-calendar span {
        color: #bfbfbf;
    }

.ui-datepicker-today a {
    font-weight: 700;
}

.ui-datepicker-calendar .ui-state-active {
    background: rgba(0,0,0,.05);
    cursor: default;
    border: none;
}

.ui-datepicker-inline {
    background: #fff;
    border: none;
}

    .ui-datepicker-inline .ui-datepicker-header {
        line-height: 47px;
        border-radius: 0;
        border: none;
        background-image: none;
    }

    .ui-datepicker-inline .ui-datepicker-calendar {
        width: 100%;
    }

.ui-datepicker .ui-state-default {
    text-align: center;
}

/* Slider */




.linq-form .ui-slider {
    position: relative;
    height: 3px;
    border-radius: 4px;
    border: 2px solid #abb2b4;
    background: #c0c2c7;
    margin: 12px 6px 26px;
}

.linq-form .ui-slider-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: -8px 0 0 -8px;
    border: 2px solid #abb2b4;
    outline: none;
    background: #fff;
    transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

    .linq-form .ui-slider-handle:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #abb2b4;
        top: 3px;
        left: 3px;
        z-index: 2;
    }
/* bootstrap compatibility */

.linq-form *,
.linq-form *:after,
.linq-form *:before {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.linq-form .label {
    border-radius: 0;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    color: inherit;
}

.linq-form .radio,
.linq-form .checkbox {
    font-weight: 400;
}

    .linq-form .radio + .radio,
    .linq-form .checkbox + .checkbox {
        margin-top: 0;
    }


.linq-btn-group ul {
    right: 0;
    left: auto;
    border-radius: 0;
    background-color: #33383d;
    margin-top: 0px;
    padding: 2px;
    list-style-type: none;
}

    .linq-btn-group ul li a {
        padding: 10px;
        color: #fff;
    }

        .linq-btn-group ul li a:focus,
        .linq-btn-group ul li a:active,
        .linq-btn-group ul li a:hover {
            background-color: #5c6064;
            padding: 10px;
        }

    .linq-btn-group ul li {
        padding: 10px;
    }


/* ========================================================================
 * 6.3 Validation Summary	
 * ======================================================================== */

.validation-summary-errors {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.input-validation-error,
input.validation-error,
select.validation-error {
    border-color: #d24d33 !important;
    background: #f0c6bd !important;
    box-shadow: none !important;
}

.field-validation-error,
span.validation-error {
    color: #d24d33;
    display: block;
    font-size: 11px;
    margin-top: 6px;
    padding: 0px 1px;
    margin-bottom: 0;
}

/* ========================================================================
 * 6.4 Nestable Lists
 * ======================================================================== */


#nestable-menu {
    padding: 0;
    margin: 0;
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}

    .dd-list:after {
        clear: both;
    }

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    border: 2px solid #ddd;
    background: #fafafa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .dd-handle:hover {
        background: #fff;
    }

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}
    /*Collapse Button*/



    .dd-item > button:before {
        content: '\f055';
        font-family: "FontAwesome";
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: '\f056';
    }
/*Placeholder*/



.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #fff url(../images/bg-stripped.png);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
        border: 0;
    }

    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
        box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
    }
/*Nestable Extras*/

.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

#nestable-menu {
    padding: 0;
}

.nestable2 .dd-handle {
    color: #fff;
    border: 2px solid #999;
    background: #bbb;
}

    .nestable2 .dd-handle:hover {
        background: #bbb;
    }

.nestable2 .dd-item > button:before {
    color: #fff;
}

.dd-hover > .dd-handle {
    background: #2ea8e5 !important;
}
/*Resetting Elements Margins - We Don't Need Em*/



.nestable3 .dd-item,
.nestable4 .dd-item {
    margin: 0;
}

.nestable3 .dd-list .dd-list,
.nestable4 .dd-list .dd-list {
    margin: 0;
    padding: 0;
}
/*Style Inner Content*/

.task-icon {
    position: absolute;
    left: 10px;
    top: 9px;
    display: block;
    background: #fff;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-top: 4px;
}

    .task-icon i {
        font-size: 24px;
    }

.task-count {
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    background: #969fa1;
    border-radius: 50%;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.task-content {
    display: block;
    height: auto;
    margin: 0;
    padding: 10px 60px 10px 60px;
    color: #333;
    text-decoration: none;
    border-top: 2px inset rgba(0,0,0,0.2);
    border-bottom: 2px inset rgba(0,0,0,0.2);
    transition: background 0.2s;
    cursor: pointer;
}

.tasks-items {
    padding: 10px 25px 10px 0px;
}

.nestable4 .task-content {
    padding: 10px 10px 5px 80px;
}

.task-content:hover {
    background: #fff;
}

.task-content h4 {
    margin: 0;
    font-size: 1.2em;
    margin-bottom: 5px;
    padding: 0;
}

.task-content .desc {
    padding: 0;
    line-height: 14px;
    margin: 0;
    margin-bottom: 0px;
}

.task-content.header {
    display: block;
    padding: 10px 5px;
    font-weight: 700;
    text-transform: uppercase;
}
/*Styling Sub Items*/

.nestable3 .dd-item > button,
.nestable4 .dd-item > button {
    position: absolute;
    right: 5px;
    top: 2px;
}

.dd-dragel > .task-item > .task-content {
    margin: 0;
}

.task-item > button {
    margin-left: 30px;
}
/*Styling Handle*/

.task-handle {
    position: absolute;
    margin: 0;
    width: 32px;
    background: transparent;
    height: 100%;
    left: 0;
    top: 2px;
    bottom: 2px;
    cursor: move;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 0;
}

.nestable3 .dd-handle,
.nestable4 .dd-handle {
    border: 0;
}

.task-handle:before {
    font-family: "entypo";
    content: '\e8a2';
    display: block;
    border: 0;
    padding: 13px 0px;
    background: #33383d;
    position: absolute;
    left: 10px;
    top: 21%;
    border-radius: 15px;
    width: 12px;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.nestable4 .dd-handle:hover {
    background: none;
}
/*Top Levels - Name of Task Groups*/

.nestable3 ol li,
.nestable4 ol li {
    background: none;
}

.task-content.header {
    display: block;
    padding: 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
}
/*Hide handler from main li */

.nestable3 li .dd-handle,
.nestable4 li .dd-handle {
    display: none;
}
/*Show handler in child ol li */

.nestable3 li ol li .dd-handle,
.nestable4 li ol li .dd-handle {
    display: block;
}

.task-handle:hover {
    background: #ddd;
}
/*Color Styling*/

.nestable3 .dd-list ol li {
    background: #f0f0ed;
}

.nestable4 .dd-list ol.new li {
    background: #dff3f9;
}

    .nestable4 .dd-list ol.new li:before {
        position: absolute;
        left: 30px;
        top: 21%;
        display: block;
        background: #5bc0de;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 2em;
        font-family: 'FontAwesome';
        content: "\f0eb";
    }

    .nestable4 .dd-list ol.new li h4 {
        color: #5bc0de;
    }

.nestable4 .dd-list ol.important li {
    background: #f7e0db;
}

    .nestable4 .dd-list ol.important li:before {
        position: absolute;
        left: 30px;
        top: 21%;
        display: block;
        background: #d24d33;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 2em;
        font-family: 'FontAwesome';
        content: "\f0e7";
    }

.nestable4 .dd-item > button:before {
    content: '\f13a';
}

.nestable4 .dd-item > button[data-action="collapse"]:before {
    content: '\f139';
}

.nestable4 .dd-list ol.important li h4 {
    color: #d24d33;
}

.nestable3 .dd-list ol.completed li {
    text-decoration: line-through;
}

.nestable4 .dd-list ol.completed li {
    background: #d9ead0;
    text-decoration: line-through;
}

    .nestable4 .dd-list ol.completed li:before {
        position: absolute;
        left: 30px;
        top: 21%;
        display: block;
        background: #9AC04C;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 2em;
        font-family: 'FontAwesome';
        content: "\f00c";
    }

    .nestable4 .dd-list ol.completed li h4 {
        color: #9AC04C;
    }

#consultant-tasks li.has-items:hover,
#consultant-tasks li.has-items:focus,
#consultant-tasks li.has-items:active {
    cursor: pointer;
}
/* ========================================================================
 * 6.5 Select 2
 * ======================================================================== */
.select2-selection--single {
    display: block;
    width: 100%;
    height: 30px !important;
    font-size: 12px !important;
    color: #555 !important;
    background-color: #fff;
    border: 1px solid #c0c2c7 !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    line-height: 1.42857143;
}

/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 7. RESPONSIVE FEATURES (MEDIA QUERIES)
 * ========================================================================
 * ========================================================================
 * ======================================================================== */
@media screen and (min-width: 1200px) and (max-width: 1550px) {
    #dashboard .widget {
        width: 33.33333333% !important;
    }
}

@media screen and (max-width: 767px) {
    .menu-container {
        float: left;
        width: 45px;
        height: 100%;
        position: relative;
    }
        /*We need to use position:absolute here to avoid jumping*/

        .menu-container #menu li span,
        .menu-container #menu li a span {
            left: 9999px;
            display: inline-block;
            position: absolute;
        }
        /*At that query we need to style class .opened to show stylish hovers*/

        .menu-container #menu li.opened span {
            line-height: 20px;
        }
            /*Adding static to badges inside span*/

            .menu-container #menu li.opened span span.badge,
            .menu-container #menu li a span span.badge {
                position: static;
                line-height: 10px;
                padding: 3px 7px;
            }

        .menu-container #menu li {
            width: 45px;
            transition: width 0.2s;
        }
            /*If you have long menu names - change it width*/
            .menu-container #menu li a:hover {
                width: 180px;
            }
            /*Style for opened (hovered) elements*/

            .menu-container #menu li.opened,
            .menu-container #menu li.opened ul li,
            .menu-container #menu li.opened + ul {
                width: 180px;
                display: block;
                background: #5c6064;
            }
                /*Adding Rounded Corners*/
                .menu-container #menu li.opened,
                .menu-container #menu li.opened ul li:last-child {
                    border-bottom-right-radius: 3px;
                    border-top-right-radius: 3px;
                }
            /*Arrow*/
            .menu-container #menu li a.submenu:before {
                font-size: 8px;
                right: 4px;
            }
            /*Making Arrow Bigger*/
            .menu-container #menu li.opened a.submenu:before {
                font-size: 15px;
                right: 7px;
            }

            .menu-container #menu li.opened span {
                left: 35px;
            }

    .content-wrapper {
        margin-left: 0;
        border-radius: 0;
        left: 45px;
        position: absolute;
    }

    .main-header {
        z-index: 100;
        position: relative;
    }

    .menu-container #menu li a {
        padding: 13px 0px 13px 6px;
    }
    /*Second Level*/

    .menu-container #menu ul li li a {
        padding: 8px 10px 8px 12px;
    }
    /*Toggle */

    .sidebar-toggle {
        margin-left: -200px;
    }

    .main-content-toggle-left {
        left: 10px;
    }
}

@media screen and (max-width: 480px) {

    .smooth-overflow {
        z-index: 1060;
    }

    .modal {
        z-index: 9999;
        overflow: hidden;
        overflow-y: hidden;
    }

        /* scroll large modal forms */
        .modal .modal-body {
            max-height: 400px;
            overflow-y: auto;
        }

    .main-header .navbar-brand {
        display: none;
    }

    .left-toggler {
        display: none;
    }

    .site-search {
        float: none;
        padding-left: 9px;
        clear: both;
        width: 100%;
    }

        .site-search i {
            left: 18px;
            top: 15px;
        }

        .site-search input[type=search] {
            background: #33383d;
            color: #fff;
            width: 100%;
        }

            .site-search input[type=search]:focus {
                width: 100%;
            }

    .main-header .navbar-content {
        float: none;
        padding: 9px 7px 5px 9px;
        width: 100%;
    }

    .main-header .btn-user {
        width: 40px !important;
        padding: 0px;
    }

        .main-header .btn-user i {
            top: 11px;
            left: 10px;
            position: absolute;
            font-size: 1.7em;
        }

    .main-header .navbar-header {
        float: none;
        width: 100%;
    }

    .main-header #alert-dropdown {
        left: auto;
        right: auto;
    }

    .main-header #inbox-dropdown {
        left: -40px;
        right: auto;
    }

    .main-header #settings-dropdown {
        left: auto;
        right: -50px;
    }

    .menu-container {
        min-height: 50px;
        width: 100%;
        float: left;
        position: relative;
    }

    .sidebar-toggle {
        margin-left: 0;
        width: 100%;
    }

    .user-menu {
        padding-top: 10px;
        padding-left: 10px;
        right: 10px;
    }

    .main-content-toggle-left {
        margin-left: 0px !important;
    }

    .main-wrap {
        position: relative;
        top: 0;
        float: left;
        margin-bottom: 0;
        bottom: 0;
        min-height: auto;
        height: auto !important;
    }

    .content-wrapper {
        position: relative;
        float: left;
        width: 100%;
        left: 0;
        margin-left: 0;
        margin-right: 10px;
    }

    .menu-container .responsive-menu {
        display: block;
        top: 0;
    }

    .menu-container #menu {
        display: none;
    }

    .menu-container .responsive-menu {
        font-size: 1.9em;
        line-height: 48px;
        font-weight: 800;
        color: #5bc0de;
        letter-spacing: -1px;
        text-transform: uppercase;
    }

        .menu-container .responsive-menu .menuicon {
            color: #fff;
            font-size: 24px;
            position: absolute;
            right: 22px;
            top: 0;
        }

    .menu-container #menu li a span,
    .menu-container #menu li.opened a span {
        left: auto;
    }

    .menu-container #menu li a.submenu span {
        top: 0;
    }

    .menu-container #menu li.opened a.submenu:before {
        right: 15px;
    }

    .menu-container #menu li a span {
        left: auto;
        position: relative;
        padding-top: 0;
    }

        .menu-container #menu li.opened a span span.badge,
        .menu-container #menu li a span span.badge {
            position: relative;
            padding: 3px 7px;
        }

    .menu-container #menu li {
        width: auto;
        transition: none;
    }

        .menu-container #menu li a:hover {
            width: auto;
        }
        /*Style for opened (hovered) elements*/

        .menu-container #menu li.opened,
        .menu-container #menu li.opened ul li,
        .menu-container #menu li.opened + ul {
            width: auto;
            display: block;
            background: #5c6064;
        }

        .menu-container #menu li a {
            color: #fff;
            padding: 10px;
            font-size: 0.85em;
        }

            .menu-container #menu li a.submenu:before {
                font-size: 14px;
                right: 15px;
                top: 10px;
            }
}

/* ========================================================================
 * 8. Color Helpers (We use it to quickly override color options for classes)
 * ======================================================================== */


.portlet-white,
.bg-white,
.portlet-white .inner-spacer {
    background: #fff;
    color: #555;
}

    .portlet-white h2,
    .portlet-white h2 small,
    .portlet-white .powerwidget-ctrls .button-icon {
        color: #555;
    }

.portlet-white {
    border: 1px solid #ddd;
}

    .portlet-white ul.portlet-bottom-block li {
        background: rgba(0,0,0,.01);
        border-bottom: none;
    }

.portlet-pink,
.portlet-pink .inner-spacer {
    background: #f87aa0;
}

.portlet-blue,
.portlet-blue .inner-spacer {
    background: #00AEEF;
    color: #fff;
}

.portlet-slate,
.portlet-slate .inner-spacer {
    background: #383C4f;
    color: #fff;
}

.portlet-turquoise,
.portlet-turquoise .inner-spacer {
    background: #5ec6c8;
    color: #fff;
}

.portlet-dark-blue,
.portlet-dark-blue .inner-spacer,
.portlet-Edit,
.portlet-Edit .inner-spacer {
    background: #3c4ca0;
    color: #fff;
}

.portlet-green,
.portlet-green .inner-spacer,
.portlet-Add,
.portlet-Add .inner-spacer {
    background: #9ac04c;
    color: #fff;
}

.portlet-burgundy,
.portlet-burgundy .inner-spacer {
    background: #820051;
    color: #fff;
}

.portlet-green-alt,
.portlet-green-alt .inner-spacer {
    background: #58b868;
    color: #fff;
}

.portlet-acid-green,
.portlet-acid-green .inner-spacer {
    background: #ccd600;
    color: #fff;
}

.portlet-yellow,
.portlet-yellow .inner-spacer {
    background: #E8CF1B;
    color: #fff;
}

.portlet-yellow-muted,
.portlet-yellow-muted .inner-spacer {
    background: #f4cc13;
    color: #fff;
}

.portlet-purple,
.portlet-purple .inner-spacer {
    background: #a7609a;
    color: #fff;
}

.portlet-grey,
.portlet-grey .inner-spacer,
.portlet-NoChanges,
.portlet-NoChanges .inner-spacer {
    background: #888;
    color: #fff;
}

.portlet-light-grey,
.portlet-light-grey .inner-spacer {
    background: #f5f5f5;
    color: #555;
}

.portlet-light-grey {
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}


.portlet-cold-grey,
.portlet-cold-grey .inner-spacer {
    background: #595f66;
    color: #fff;
}

.portlet-orange,
.portlet-orange .inner-spacer {
    background: #EF6F20;
    color: #fff;
}

.portlet-magenta,
.portlet-magenta .inner-spacer {
    background: #D43E85;
    color: #fff;
}

.portlet-red,
.portlet-red .inner-spacer,
.portlet-Drop,
.portlet-Drop .inner-spacer {
    background: #EF4032;
    color: #fff;
}

.portlet-purple,
.portlet-purple .inner-spacer {
    background: #702a81;
    color: #fff;
}

.portlet-dark-red,
.portlet-dark-red .inner-spacer {
    background: #993838;
    color: #fff;
}

.portlet-black,
.portlet-black .inner-spacer {
    background: #000;
    color: #fff;
}

.portlet-marine,
.portlet-marine .inner-spacer {
    background: #00a9ae;
    color: #fff;
}

.pink-btn,
.bg-pink,
.bg-PalliativeCare,
.powerwidget.pink {
    background-color: #f87aa0;
}

.pink-btn {
    border-bottom: 3px solid #C66280;
}

    .pink-btn,
    .pink-btn:hover,
    .pink-btn:active,
    .pink-btn:focus {
        color: #fff;
    }

        .pink-btn:hover,
        .pink-btn:active,
        .pink-btn:focus {
            background-color: #C66280;
        }

.blue-light-btn,
.bg-blue-light,
.powerwidget.blue-light {
    background-color: #5ec6c8;
}

.blue-light-btn {
    border-bottom: 3px solid #62b3d0;
}

    .blue-light-btn,
    .blue-light-btn:hover,
    .blue-light-btn:active,
    .blue-light-btn:focus {
        color: #fff;
    }

        .blue-light-btn:hover,
        .blue-light-btn:active,
        .blue-light-btn:focus {
            background-color: #5ec6c8;
        }


.blue-btn,
.bg-blue,
.powerwidget.blue,
.bg-annual {
    background-color: #00AEEF !important;
}

.blue-btn {
    border-bottom: 3px solid #008BBF;
}

    .blue-btn,
    .blue-btn:hover,
    .blue-btn:active,
    .blue-btn:focus {
        color: #fff;
    }

        .blue-btn:hover,
        .blue-btn:active,
        .blue-btn:focus,
        .bg-annual .label {
            background-color: #008BBF;
        }

.slate-btn,
.bg-slate,
.powerwidget.slate {
    background-color: #33383d !important;
}

.slate-btn {
    border-bottom: 3px solid #060608 !important;
}

    .slate-btn,
    .slate-btn:hover,
    .slate-btn:active,
    .slate-btn:focus {
        color: #fff !important;
    }

        .slate-btn:hover,
        .slate-btn:active,
        .slate-btn:focus {
            background-color: #060608 !important;
        }

.turquoise-btn,
.bg-turquoise,
.powerwidget.turquoise {
    background-color: #5eC6c8;
}

.turquoise-btn {
    border-bottom: 3px solid #4B9EA0;
}

    .turquoise-btn,
    .turquoise-btn:hover,
    .turquoise-btn:active,
    .turquoise-btn:focus {
        color: #fff;
    }

        .turquoise-btn:hover,
        .turquoise-btn:active,
        .turquoise-btn:focus {
            background-color: #4B9EA0;
        }

.dark-blue-btn,
.bg-dark-blue,
.powerwidget.dark-blue {
    background-color: #3c4ca0;
}

.dark-blue-btn {
    border-bottom: 3px solid #1E2650;
}

    .dark-blue-btn,
    .dark-blue-btn:hover,
    .dark-blue-btn:active,
    .dark-blue-btn:focus {
        color: #fff;
    }

        .dark-blue-btn:hover,
        .dark-blue-btn:active,
        .dark-blue-btn:focus {
            background-color: #1E2650;
        }

.green-btn,
.bg-green,
.powerwidget.green,
.bg-initial,
.bg-licensure,
.bg-initialandlicensure,
.bg-chow {
    background-color: #9ac04c !important;
}

.bg-initial {
    color: #fff;
}

.green-btn {
    border-bottom: 3px solid #7B9A3D;
}

    .green-btn,
    .green-btn:hover,
    .green-btn:active,
    .green-btn:focus {
        color: #fff;
    }

        .green-btn:hover,
        .green-btn:active,
        .green-btn:focus,
        .bg-initial .label {
            background-color: #7B9A3D;
        }

.green-alt-btn,
.bg-green-alt,
.powerwidget.green-alt {
    background-color: #58b868;
}

.green-alt-btn {
    border-bottom: 3px solid #469353;
}

    .green-alt-btn,
    .green-alt-btn:hover,
    .green-alt-btn:active,
    .green-alt-btn:focus {
        color: #fff;
    }

        .green-alt-btn:hover,
        .green-alt-btn:active,
        .green-alt-btn:focus {
            background-color: #469353;
        }

.green-acid-btn,
.bg-acid-green,
.powerwidget.green-acid {
    background-color: #ccd600;
}

.green-acid-btn {
    border-bottom: 3px solid #A3AB00;
}

    .green-acid-btn,
    .green-acid-btn:hover,
    .green-acid-btn:active,
    .green-acid-btn:focus {
        color: #fff;
    }

        .green-acid-btn:hover,
        .green-acid-btn:active,
        .green-acid-btn:focus {
            background-color: #A3AB00;
        }

.yellow-btn,
.bg-yellow,
.bg-No,
.powerwidget.yellow,
.bg-renewal,
.bg-renewal-deemed,
.bg-renewal-initialdeemed,
.bg-initialdeemed,
.bg-productcode,
.bg-renewal-nd .bg-core {
    background-color: #E8cf1b;
}

.bg-renewal,
.bg-renewal-deemed,
.bg-renewal-initialdeemed,
.bg-initialdeemed,
.bg-renewal-nd .bg-core {
    color: #fff;
}

.yellow-btn {
    border-bottom: 3px solid #BAA616;
}

    .yellow-btn,
    .yellow-btn:hover,
    .yellow-btn:active,
    .yellow-btn:focus {
        color: #fff;
    }

        .yellow-btn:hover,
        .yellow-btn:active,
        .yellow-btn:focus,
        .bg-renewal .label,
        .bg-renewal-initialdeemed .label,
        .bg-renewal-deemed .label,
        .bg-renewal-nd .label .bg-core .label {
            background-color: #BAA616;
        }

.yellow-muted-btn,
.bg-yellow-muted,
.powerwidget.yellow-muted {
    background-color: #fffbdb;
}

.yellow-muted-btn {
    border-bottom: 3px solid #E6E2C5;
}

    .yellow-muted-btn,
    .yellow-muted-btn:hover,
    .yellow-muted-btn:active,
    .yellow-muted-btn:focus {
        color: #333;
    }

        .yellow-muted-btn:hover,
        .yellow-muted-btn:active,
        .yellow-muted-btn:focus {
            background-color: #E6E2C5;
        }

.purple-btn,
.bg-purple,
.powerwidget.purple,
.bg-complaint,
.bg-complaint-ij {
    background-color: #702a81;
}

.purple-btn {
    border-bottom: 3px solid #381540;
}

    .purple-btn,
    .purple-btn:hover,
    .purple-btn:active,
    .purple-btn:focus {
        color: #fff;
    }

        .purple-btn:hover,
        .purple-btn:active,
        .purple-btn:focus,
        .bg-complaint .label {
            background-color: #381540;
        }

.grey-btn,
.bg-grey,
.bg-NA,
.powerwidget.grey {
    background-color: #888;
}

.grey-btn {
    border-bottom: 3px solid #444444;
}

    .grey-btn,
    .grey-btn:hover,
    .grey-btn:active,
    .grey-btn:focus {
        color: #fff;
    }

        .grey-btn:hover,
        .grey-btn:active,
        .grey-btn:focus {
            background-color: #444444;
        }

.light-grey-btn,
.bg-light-grey,
.powerwidget.light-grey {
    background-color: #F8F8F8;
}

.light-grey-btn {
    border-bottom: 3px solid #C6C6C6;
}

    .light-grey-btn,
    .light-grey-btn:hover,
    .light-grey-btn:active,
    .light-grey-btn:focus {
        color: #333;
    }

        .light-grey-btn:hover,
        .light-grey-btn:active,
        .light-grey-btn:focus {
            background-color: #C6C6C6;
        }

.cold-grey-btn,
.bg-cold-grey,
.powerwidget.cold-grey {
    background-color: #595f66;
}

.cold-grey-btn {
    border-bottom: 3px solid #2C3033;
}

    .cold-grey-btn,
    .cold-grey-btn:hover,
    .cold-grey-btn:active,
    .cold-grey-btn:focus {
        color: #fff;
    }

        .cold-grey-btn:hover,
        .cold-grey-btn:active,
        .cold-grey-btn:focus {
            background-color: #2C3033;
        }

.dark-cold-grey-btn,
.bg-dark-cold-grey,
.powerwidget.dark-cold-grey {
    background-color: #454b52;
}

.dark-cold-grey-btn {
    border-bottom: 3px solid #373C42;
}

    .dark-cold-grey-btn,
    .dark-cold-grey-btn:hover,
    .dark-cold-grey-btn:active,
    .dark-cold-grey-btn:focus {
        color: #fff;
    }

        .dark-cold-grey-btn:hover,
        .dark-cold-grey-btn:active,
        .dark-cold-grey-btn:focus {
            background-color: #373C42;
        }

.orange-btn,
.bg-orange,
.powerwidget.orange,
.bg-initialpost-deferral-cl,
.bg-initialpost-deferral-bor,
.bg-initialpost-deferral,
.bg-initialpostdeferral,
.bg-bor {
    background-color: #EF6F20;
}

.bg-initialpost-deferral-cl,
.bg-initialpost-deferral-bor,
.bg-initialpost-deferral {
    color: #fff;
}

.orange-btn {
    border-bottom: 3px solid #BF591A;
}

    .orange-btn,
    .orange-btn:hover,
    .orange-btn:active,
    .orange-btn:focus {
        color: #fff;
    }

        .orange-btn:hover,
        .orange-btn:active,
        .orange-btn:focus,
        .bg-initialpost-deferral-cl .label,
        .bg-initialpost-deferral-bor .label,
        .bg-initialpost-deferral .label {
            background-color: #BF591A;
        }

.magenta-btn,
.bg-magenta,
.powerwidget.magenta {
    background-color: #D43E85;
}

.magenta-btn {
    border-bottom: 3px solid #AA326A;
}

    .magenta-btn,
    .magenta-btn:hover,
    .magenta-btn:active,
    .magenta-btn:focus {
        color: #fff;
    }

        .magenta-btn:hover,
        .magenta-btn:active,
        .magenta-btn:focus {
            background-color: #AA326A;
        }

.red-btn,
.bg-red,
.bg-Yes,
.powerwidget.red,
.bg-focus-cl,
.bg-focus-bor,
.bg-focus-ij,
.bg-focus-postdeskreview,
.bg-focus,
.bg-cl,
.bg-focus-licensure,
.bg-ij {
    background-color: #EF4032 !important;
}

.bg-focus-cl,
.bg-focus-bor,
.bg-focus-ij,
.bg-focus-postdeskreview,
.bg-focus {
    color: #fff;
}

.red-btn {
    border-bottom: 3px solid #BF3328;
}

    .red-btn,
    .red-btn:hover,
    .red-btn:active,
    .red-btn:focus {
        color: #fff;
    }

        .red-btn:hover,
        .red-btn:active,
        .red-btn:focus,
        .bg-focus-cl .label,
        .bg-focus-bor .label,
        .bg-focus .label,
        .bg-focus-ij .label {
            background-color: #BF3328;
        }

.dark-red-btn,
.bg-dark-red,
.powerwidget.dark-red {
    background-color: #993838;
}

.dark-red-btn {
    border-bottom: 3px solid #3D1616;
}

    .dark-red-btn,
    .dark-red-btn:hover,
    .dark-red-btn:active,
    .dark-red-btn:focus {
        color: #fff;
    }

        .dark-red-btn:hover,
        .dark-red-btn:active,
        .dark-red-btn:focus {
            background-color: #3D1616;
        }

.black-btn,
.bg-black,
.powerwidget.black {
    background-color: #33383d;
}

.black-btn {
    border-bottom: 3px solid #050606;
}

    .black-btn,
    .black-btn:hover,
    .black-btn:active,
    .black-btn:focus {
        color: #fff;
    }

        .black-btn:hover,
        .black-btn:active,
        .black-btn:focus {
            background-color: #050606;
        }

.burgundy-btn,
.bg-burgundy,
.powerwidget.burgundy {
    background-color: #820051;
}

.burgundy-btn {
    border-bottom: 3px solid #1A0010;
}

    .burgundy-btn,
    .burgundy-btn:hover,
    .burgundy-btn:active,
    .burgundy-btn:focus {
        color: #fff;
    }

        .burgundy-btn:hover,
        .burgundy-btn:active,
        .burgundy-btn:focus {
            background-color: #1A0010;
        }

.marine-btn,
.bg-marine,
.powerwidget.marine {
    background-color: #00a9ae;
}

.marine-btn {
    border-bottom: 3px solid #00878B;
}

    .marine-btn,
    .marine-btn:hover,
    .marine-btn:active,
    .marine-btn:focus {
        color: #fff;
    }

        .marine-btn:hover,
        .marine-btn:active,
        .marine-btn:focus {
            background-color: #00878B;
        }

.bg-PalliativeCare {
    background-color: #f87aa0;
}

    .bg-PalliativeCare #wizard-back,
    .bg-PalliativeCare #wizard-next {
        background-color: #f87aa0;
        color: #fff;
    }

    .bg-PalliativeCare .dx-header-row td {
        background-color: #f87aa0;
        color: #fff;
    }


.bg-CSE {
    background-color: #39BC61;
}

    .bg-CSE #wizard-back,
    .bg-CSE #wizard-next {
        background-color: #39BC61;
        color: #fff;
    }

    .bg-CSE .dx-header-row td {
        background-color: #91E273;
        color: #fff;
    }

.bg-Fundamental {
    background-color: #e8cf1b;
}

    .bg-Fundamental #wizard-back,
    .bg-Fundamental #wizard-next {
        background-color: #e8cf1b;
        color: #fff;
    }

    .bg-Fundamental .dx-header-row td {
        background-color: #EDD949;
        color: #fff;
    }

.bg-HighAcuityCareAtHome{
    background-color: #555;
}
.bg-HomeHealth {
    background-color: #d43e85;
}

    .bg-HomeHealth #wizard-back,
    .bg-HomeHealth #wizard-next {
        background-color: #d43e85;
        color: #fff;
    }

    .bg-HomeHealth .dx-header-row td {
        background-color: #DD659D;
        color: #fff;
    }

.bg-AgeFriendlyCare {
    background-color: #607D8B;
}

.bg-HomeAcuityCare {
    background-color: #555;
}

.bg-AgeFriendlyCare {
    background-color: #607D8B;
}

    .bg-AgeFriendlyCare#wizard-back,
    .bg-AgeFriendlyCare#wizard-next {
        background-color: #607D8B;
        color: #fff;
    }

    .bg-AgeFriendlyCare.dx-header-row td {
        background-color: #435761;
        color: #fff;
    }

.bg-Hospice {
    background-color: #7d2e81;
}

    .bg-Hospice #wizard-back,
    .bg-Hospice #wizard-next {
        background-color: #7d2e81;
        color: #fff;
    }

    .bg-Hospice .dx-header-row td {
        background-color: #97589A;
        color: #fff;
    }

.bg-Pharmacy {
    background-color: #86bd4b;
}

    .bg-Pharmacy #wizard-back,
    .bg-Pharmacy #wizard-next {
        background-color: #86bd4b;
        color: #fff;
    }

    .bg-Pharmacy .dx-header-row td {
        background-color: #9ECA6F;
        color: #fff;
    }

.bg-HomeCare {
    background-color: #00bcbe;
}

    .bg-HomeCare #wizard-back,
    .bg-HomeCare #wizard-next {
        background-color: #00bcbe;
        color: #fff;
    }

    .bg-HomeCare .dx-header-row td {
        background-color: #33C9CB;
        color: #fff;
    }


.bg-HomeMedicalEquipment {
    background-color: #2e364b;
}

    .bg-HomeMedicalEquipment #wizard-back,
    .bg-HomeMedicalEquipment #wizard-next {
        background-color: #2e364b;
        color: #fff;
    }

    .bg-HomeMedicalEquipment .dx-header-row td {
        background-color: #585E6F;
        color: #fff;
    }

.bg-HomeInfusionTherapy {
    background-color: #93024f;
}

    .bg-HomeInfusionTherapy #wizard-back,
    .bg-HomeInfusionTherapy #wizard-next {
        background-color: #93024f;
        color: #fff;
    }

    .bg-HomeInfusionTherapy .dx-header-row td {
        background-color: #A93572;
        color: #fff;
    }


.bg-PublicHealth {
    background-color: #2e469e;
}

    .bg-PublicHealth #wizard-back,
    .bg-PublicHealth #wizard-next {
        background-color: #2e469e;
        color: #fff;
    }

    .bg-PublicHealth .dx-header-row td {
        background-color: #586BB1;
        color: #fff;
    }

.bg-Core {
    background-color: #e8cf1b;
}

    .bg-Core #wizard-back,
    .bg-Core #wizard-next {
        background-color: #e8cf1b;
        color: #fff;
    }

    .bg-Core .dx-header-row td {
        background-color: #EDD949;
        color: #fff;
    }

.bg-SupplementalStaffing {
    background-color: #ef6f20;
}

    .bg-SupplementalStaffing #wizard-back,
    .bg-SupplementalStaffing #wizard-next {
        background-color: #ef6f20;
        color: #fff;
    }

    .bg-SupplementalStaffing .dx-header-row td {
        background-color: #F28C4D;
        color: #fff;
    }

.bg-CommunityNursingCenter {
    background-color: #00aeef;
}

    .bg-CommunityNursingCenter #wizard-back,
    .bg-CommunityNursingCenter #wizard-next {
        background-color: #00aeef;
        color: #fff;
    }

    .bg-CommunityNursingCenter .dx-header-row td {
        background-color: #33BEF2;
        color: #fff;
    }

.bg-CommunityCareFacility {
    background-color: #2e469e;
}

    .bg-CommunityCareFacility #wizard-back,
    .bg-CommunityCareFacility #wizard-next {
        background-color: #2e469e;
        color: #fff;
    }

    .bg-CommunityCareFacility .dx-header-row td {
        background-color: #586BB1;
        color: #fff;
    }

.bg-PediatricCertification {
    background-color: #607D8B;
}

    .bg-PediatricCertification #wizard-back,
    .bg-PediatricCertification #wizard-next {
        background-color: #607D8B;
        color: #fff;
    }

    .bg-PediatricCertification .dx-header-row td {
        background-color: #435761;
        color: #fff;
    }


.bg-facebook {
    background-color: #335795 !important;
}

.bg-twitter {
    background-color: #4099FF !important;
}

.bg-linkedin {
    background-color: #0077B5 !important;
}

.text-facebook {
    color: #335795;
}

.text-twitter {
    color: #4099FF;
}

.text-linkedin {
    color: #0077B5;
}


.text-black {
    color: #000;
}

.text-white {
    color: #fff !important;
}

.text-SupplementalStaffing {
    color: #ef6f20;
}

.text-Fundamental,
.text-Core {
    color: #e8cf1b;
}

.text-PublicHealth {
    color: #2e469e;
}

.text-HomeMedicalEquipment {
    color: #2e364b;
}

.text-HomeInfusionTherapy {
    color: #93024f;
}

.text-CommunityNursingCenter {
    color: #00aeef;
}

.text-HomeHealth {
    color: #d43e85;
}

.text-Hospice {
    color: #7d2e81;
}


.text-Pharmacy {
    color: #86bd4b;
}

.text-HomeCare {
    color: #00bcbe;
}

.text-PalliativeCare {
    color: #f87aa0;
}

.text-HighAcuityCareAtHome{
    color: #555;
}

.text-CommunityCareFacility {
    color: #2e469e;
}

.text-pink {
    color: #f87aa0;
}

.text-blue,
.text-annual {
    color: #00aeef !important;
}

.text-slate {
    color: #383C4f;
}

.text-turquoise {
    color: #5ec6cb;
}

.text-dark-blue {
    color: #3c4ca0;
}

.text-burgundy {
    color: #820051;
}

.text-green,
.text-initial {
    color: #9ac04c !important;
}

.text-green-alt {
    color: #58b868;
}

.text-green-acid {
    color: #ccd600;
}

.text-warning,
.text-yellow,
.text-renewal,
.text-renewal-deemed,
.text-renewal-nd {
    color: #E8CF1b !important;
}

.text-yellow-muted {
    color: #fffbdb;
}

.text-purple,
.text-complaint {
    color: #a7609a !important;
}

.text-grey {
    color: #888;
}

.text-cold-grey {
    color: #595f66;
}

.text-dark-cold-grey {
    color: #454b52;
}

.text-orange,
.text-initialpost-deferral-cl,
.text-initialpost-deferral-bor,
.text-initialpost-deferral {
    color: #ef6f20 !important;
}

.text-magenta {
    color: #ef6f20;
}

.text-danger,
.text-red,
.text-focus-cl,
.text-focus-bor,
.text-focus {
    color: #EF4032 !important;
}

.text-purple {
    color: #702A81;
}

.text-dark-red {
    color: #993838;
}

.text-cold-grey {
    color: #33383d;
}

.text-marine {
    color: #00a9ae;
}


.text-AgeFriendlyCare {
    color: #607D8B;
}


/* border */
.border {
    border: 1px solid rgba(0,0,0,.1);
}

.border-left {
    border-left: 1px solid rgba(0,0,0,.1);
}

.border-top {
    border-top: 1px solid rgba(0,0,0,.1);
}

.border-right {
    border-right: 1px solid rgba(0,0,0,.1);
}

.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

/*Paddings, Margins Boarders*/

.display-none {
    display: none;
}

.buttons-margin-bottom .btn {
    margin-bottom: 5px;
}

.buttons-margin-bottom .modal .btn {
    margin-bottom: 0;
}

.zero-padding-margin {
    padding: 0 !important;
    margin: 0 !important;
}

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

.margin-0px {
    margin: 0 !important;
}

.margin-negative-top-10px {
    margin-top: -10px !important;
}

.margin-negative-top-20px {
    margin-top: -20px !important;
}

.margin-negative-top-30px {
    margin-top: -30px !important;
}

.padding-5px {
    padding: 5px !important;
}

.padding-10px {
    padding: 10px !important;
}

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

.padding-20px {
    padding: 20px !important;
}

.padding-25px {
    padding: 25px !important;
}

.padding-30px {
    padding: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-top-0px {
    padding-top: 0px !important;
}

.padding-top-5px {
    padding-top: 5px !important;
}

.padding-top-10px {
    padding-top: 10px !important;
}

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

.padding-top-20px {
    padding-top: 20px !important;
}

.padding-top-25px {
    padding-top: 25px !important;
}

.padding-top-30px {
    padding-top: 30px !important;
}

.padding-bottom-0px {
    padding-bottom: 0px !important;
}

.padding-bottom-5px {
    padding-bottom: 5px !important;
}

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

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

.padding-bottom-20px {
    padding-bottom: 20px !important;
}

.padding-bottom-25px {
    padding-bottom: 25px !important;
}

.padding-bottom-30px {
    padding-bottom: 30px !important;
}

.margin-5px {
    margin: 5px !important;
}

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

.margin-15px {
    margin: 15px !important;
}

.margin-20px {
    margin: 20px !important;
}

.margin-25px {
    margin: 25px !important;
}

.margin-30px {
    margin: 30px !important;
}

.margin-left-0px {
    margin-left: 0px !important;
}

.margin-left-5px {
    margin-left: 5px !important;
}

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

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

.margin-left-20px {
    margin-left: 20px !important;
}

.margin-left-25px {
    margin-left: 25px !important;
}

.margin-left-30px {
    margin-left: 30px !important;
}

.margin-right-0px {
    margin-right: 0px !important;
}

.margin-right-5px {
    margin-right: 5px !important;
}

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

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

.margin-right-20px {
    margin-right: 20px !important;
}

.margin-right-25px {
    margin-right: 25px !important;
}

.margin-right-30px {
    margin-right: 30px !important;
}

.margin-top-0px {
    margin-top: 0px !important;
}

.margin-top-5px {
    margin-top: 5px !important;
}

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

.margin-top-15px {
    margin-top: 15px !important;
}

.margin-top-20px {
    margin-top: 20px !important;
}

.margin-top-25px {
    margin-top: 25px !important;
}

.margin-top-30px {
    margin-top: 30px !important;
}

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

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

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

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

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

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

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


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

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

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

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

.no-left-border {
    border-left-width: 0px !important;
}

.no-top-border {
    border-top-width: 0px !important;
}

.no-bottom-border {
    border-bottom-width: 0px !important;
}

.no-right-border {
    border-right-width: 0px !important;
}

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

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

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

.z-index-10 {
    z-index: 10;
}

.z-index-9 {
    z-index: 9;
}

.z-index-8 {
    z-index: 8;
}

.z-index-7 {
    z-index: 7;
}

.z-index-6 {
    z-index: 6;
}

.z-index-5 {
    z-index: 5;
}

.z-index-4 {
    z-index: 4;
}

.z-index-3 {
    z-index: 3;
}

.z-index-2 {
    z-index: 2;
}

.z-index-1 {
    z-index: 1;
}


    /* ========================================================================
 * 9. Examples, Code Highlight, CallOuts and other stuff
 * ======================================================================== */
    .example {
        position: relative;
        padding: 35px 10px 10px;
        margin: 0 -10px;
        background-color: #f0f0ed;
    }

    .example:after {
        content: "Example";
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 0.8em;
        font-weight: 700;
        color: #595f66;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .example + .highlight {
        margin: 0 -10px 15px -10px;
        border-radius: 0;
        border-width: 0;
    }

.highlight {
    position: relative;
    padding: 15px;
    margin-bottom: 14px;
    background-color: #454b52;
}

    .highlight:after {
        content: "";
        position: absolute;
        top: -7px;
        left: 5%;
        border-style: solid;
        border-width: 0 7px 7px;
        border-color: #454b52 transparent;
        display: block;
        width: 0;
        z-index: 1;
    }

    .highlight pre {
        color: #f1f1f1;
        font-weight: 600;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-color: transparent;
        border: 0;
        white-space: nowrap;
    }

.callout {
    position: relative;
    min-height: 60px;
    margin: 10px 0 15px;
    padding: 15px 30px 15px 60px;
    border-left: 5px solid #eee;
    font-size: 0.9em;
}

.inner-spacer .callout {
    margin: 10px -10px 15px;
}

.callout h4 {
    margin-top: 0;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout code,
.callout .highlight {
    background-color: #fff;
}

.callout-danger {
    background-color: #F7E0DB;
    border-color: #d24d33;
}

    .callout-danger:before {
        position: absolute;
        left: 10px;
        top: 10px;
        display: block;
        background: #d24d33;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        text-align: center;
        height: 40px;
        font-size: 2.15em;
        font-family: 'FontAwesome';
        content: "\f0e7";
    }

    .callout-danger h4 {
        color: #d24d33;
    }

.callout-warning {
    background-color: #fff4e1;
    border-color: #fdc153;
}

    .callout-warning:before {
        position: absolute;
        left: 10px;
        top: 10px;
        display: block;
        background: #fdc153;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        text-align: center;
        height: 40px;
        font-size: 2.15em;
        font-family: 'FontAwesome';
        content: "\f071";
    }

    .callout-warning h4 {
        color: #fcb42e;
    }

.callout-info {
    background-color: #dff3f9;
    border-color: #5bc0de;
}

    .callout-info:before {
        position: absolute;
        left: 10px;
        top: 10px;
        display: block;
        background: #5bc0de;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        text-align: center;
        height: 40px;
        font-size: 2.15em;
        font-family: 'FontAwesome';
        content: "\f0a2";
    }

    .callout-info h4 {
        color: #5bc0de;
    }

.view-input {
    word-wrap: break-word;
    padding-top: 7px;
    display: inline-block;
}
/* ========================================================================
 * Code Styling
 * ======================================================================== */


code,
kbd,
pre,
samp {
    font-family: 'Open Sans', sans-serif;
}

code {
    padding: 1px 3px;
    font-size: 0.95em;
    color: #c7254e;
    white-space: nowrap;
    background-color: #f9f2f4;
    border-radius: 4px;
}

.hll {
    background-color: #ffc;
}

.c {
    color: #999;
}

.err {
    color: #A00;
    background-color: #FAA;
}

.k {
    color: #069;
}

.o {
    color: #555;
}

.cm {
    color: #999;
}

.cp {
    color: #099;
}

.c1 {
    color: #999;
}

.cs {
    color: #999;
}

.gd {
    background-color: #FCC;
    border: 1px solid #C00;
}

.ge {
    font-style: italic;
}

.gr {
    color: red;
}

.gh {
    color: #030;
}

.gi {
    background-color: #CFC;
    border: 1px solid #0C0;
}

.go {
    color: #AAA;
}

.gp {
    color: #009;
}

.gu {
    color: #030;
}

.gt {
    color: #9C6;
}

.kc {
    color: #069;
}

.kd {
    color: #069;
}

.kn {
    color: #069;
}

.kp {
    color: #069;
}

.kr {
    color: #069;
}

.kt {
    color: #078;
}

.m {
    color: #F60;
}

.s {
    color: #ffa0a0;
}

.na {
    color: #b0e4f3;
}

.nb {
    color: #366;
}

.nc {
    color: #0A8;
}

.no {
    color: #360;
}

.nd {
    color: #99F;
}

.ni {
    color: #999;
}

.ne {
    color: #C00;
}

.nf {
    color: #C0F;
}

.nl {
    color: #99F;
}

.nn {
    color: #0CF;
}

.nt {
    color: #fffbdb;
}

.nv {
    color: #033;
}

.ow {
    color: #000;
}

.w {
    color: #bbb;
}

.mf {
    color: #F60;
}

.mh {
    color: #F60;
}

.mi {
    color: #F60;
}

.mo {
    color: #F60;
}

.sb {
    color: #C30;
}

.sc {
    color: #C30;
}

.sd {
    color: #C30;
    font-style: italic;
}

.s2 {
    color: #C30;
}

.se {
    color: #C30;
}

.sh {
    color: #C30;
}

.si {
    color: #A00;
}

.sx {
    color: #C30;
}

.sr {
    color: #3AA;
}

.s1 {
    color: #C30;
}

.ss {
    color: #FC3;
}

.bp {
    color: #366;
}

.vc {
    color: #033;
}

.vg {
    color: #033;
}

.vi {
    color: #033;
}

.il {
    color: #F60;
}

.css .o,
.css .o + .nt,
.css .nt + .nt {
    color: #999;
}

/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 10. DevExpress
 * ========================================================================
 * ========================================================================
 * ======================================================================== */

/* ========================================================================
 * 10.1 DevExpress Grid 
 * ======================================================================== */

.export-link {
    display: none;
}

    .export-link,
    .export-link:active,
    .export-link:hover,
    .export-link:focus {
        color: #666666;
        font-weight: bold;
    }

        .export-link i {
            font-size: 22px;
            padding-left: 2px;
            padding-right: 2px;
        }

.dx-datagrid-search-panel {
    margin-top: 4px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 0px !important;
    border-radius: 3px;
}

.dx-datagrid-group-panel {
    margin-top: 4px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.dx-datagrid-filter-row input.dx-texteditor-input {
    background: #f0f0ed !important;
    color: #2b2b2b !important;
}

.dx-datagrid-column-chooser-button,
.dx-datagrid-export-button {
    margin-top: 4px;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
    border-radius: 0px;
    box-shadow: none;
    background-color: #f0f0ed;
}

    .dx-datagrid-export-button:hover {
        background-color: #f8f8f8;
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
        background-image: -moz-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
        background-image: -ms-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
        background-image: -o-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
        background-image: linear-gradient(180deg,#f8f8f8 0%,#ededed 100%);
    }

    .dx-datagrid-export-button:focus {
        -webkit-box-shadow: 0 0 3px gray;
        -moz-box-shadow: 0 0 3px gray;
        box-shadow: 0 0 3px gray;
    }

    .dx-datagrid-export-button:active {
        background: #dcdcdc;
        -webkit-box-shadow: inset 0 1px 3px rgba(255,255,255,.1);
        -moz-box-shadow: inset 0 1px 3px rgba(255,255,255,.1);
        box-shadow: inset 0 1px 3px rgba(255,255,255,.1);
        border: 1px solid rgba(0,0,0,.2);
    }

.dx-datagrid-refresh-button {
    margin-top: 4px;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
    border-radius: 0px;
    box-shadow: none;
    background-color: #f0f0ed;
}

.dx-texteditor-container {
    height: 36px !important;
}

.dx-datagrid-refresh-button:hover {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
    background-image: -moz-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
    background-image: -ms-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
    background-image: -o-linear-gradient(-90deg,#f8f8f8 0%,#ededed 100%);
    background-image: linear-gradient(180deg,#f8f8f8 0%,#ededed 100%);
}

.dx-datagrid-refresh-button:focus {
    -webkit-box-shadow: 0 0 3px gray;
    -moz-box-shadow: 0 0 3px gray;
    box-shadow: 0 0 3px gray;
}

.dx-datagrid-refresh-button:active {
    background: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 3px rgba(255,255,255,.1);
    box-shadow: inset 0 1px 3px rgba(255,255,255,.1);
    border: 1px solid rgba(0,0,0,.2);
}

.dx-datagrid-table .dx-data-row > td {
    text-align: left !important;
    padding: 7px !important;
}

.dx-texteditor-input {
    background-color: #eae9e9;
}

.bg-blue .dx-header-row td {
    background-color: #00aeef;
    color: #fff;
}

.bg-blue #wizard-back,
.bg-blue #wizard-next {
    background-color: #00aeef;
    color: #fff;
}

.bg-blue .dx-datagrid-rowsview .dx-group-row,
.bg-blue .dx-datagrid-rowsview .dx-row:hover {
    background-color: #80D6F7;
}

.bg-slate .dx-header-row td {
    background-color: #33383d;
    color: #fff;
}

.bg-slate #wizard-back,
.bg-slate #wizard-next {
    background-color: #33383d;
    color: #fff;
}

.bg-slate .dx-datagrid-rowsview .dx-group-row,
.bg-slate .dx-datagrid-rowsview .dx-row:hover {
    background-color: #e3e6e8;
}

.bg-yellow .dx-header-row td {
    background-color: #e8cf1b;
    color: #fff;
}

.bg-yellow .dx-datagrid-rowsview .dx-group-row,
.bg-yellow .dx-datagrid-rowsview .dx-row:hover {
    background-color: #F4E78D;
}

.bg-orange .dx-header-row td {
    background-color: #ef6f20;
    color: #fff;
}

.bg-orange .dx-datagrid-rowsview .dx-group-row,
.bg-orange .dx-datagrid-rowsview .dx-row:hover {
    background-color: #F7B790;
}

.bg-purple .dx-header-row td {
    background-color: #702a81;
    color: #fff;
}

.bg-purple .dx-datagrid-rowsview .dx-group-row,
.bg-purple .dx-datagrid-rowsview .dx-row:hover {
    background-color: #B894C0;
}

.bg-dark-red .dx-header-row td {
    background-color: #993838;
    color: #fff;
}

.bg-dark-red .dx-datagrid-rowsview .dx-group-row,
.bg-dark-red .dx-datagrid-rowsview .dx-row:hover {
    background-color: #CC9C9C;
}

.bg-red .dx-header-row td {
    background-color: #ef4032;
    color: #fff;
}

.bg-red .dx-datagrid-rowsview .dx-group-row,
.bg-red .dx-datagrid-rowsview .dx-row:hover {
    background-color: #F7A098;
}

.bg-turquoise .dx-header-row td {
    background-color: #5ec6c8;
    color: #fff;
}

.bg-turquoise .dx-datagrid-rowsview .dx-group-row,
.bg-turquoise .dx-datagrid-rowsview .dx-row:hover {
    background-color: #AEE2E4;
}

.bg-burgundy .dx-header-row td {
    background-color: #820051;
    color: #fff;
}

.bg-burgundy .dx-datagrid-rowsview .dx-group-row,
.bg-burgundy .dx-datagrid-rowsview .dx-row:hover {
    background-color: #DAB2CB;
}

.dx-datagrid-rowsview .dx-row {
    cursor: pointer;
}

.not-clickable .dx-row {
    cursor: default;
}

.dx-data-row td span.fa-stack,
.dx-data-row td i.fa-stack-2x {
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 26px;
}

.dx-data-row td i.fa-stack-1x {
    font-size: 14px;
}


/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 11. MultiDatesPicker 
 * ========================================================================
 * ========================================================================
 * ======================================================================== */
.multi-dates-picker .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background-color: #383C4F;
    color: #fff;
    font-weight: bold;
}

.multi-dates-picker .ui-datepicker-inline .ui-datepicker-header {
    line-height: 25px;
}

.multi-dates-picker .ui-datepicker-prev,
.multi-dates-picker .ui-datepicker-next {
    background-color: #993838;
    color: #fff !important;
    height: 30px;
    width: 30px;
    font-weight: bold;
}

.multi-dates-picker .ui-datepicker-calendar thead {
    background-color: #993838;
}

    .multi-dates-picker .ui-datepicker-calendar thead span {
        color: #fff !important;
    }

.multi-dates-picker .ui-datepicker-header {
    margin: -10px 0px 0px;
}

.multi-dates-picker .ui-datepicker {
    width: auto;
}

    .multi-dates-picker .ui-datepicker tr td {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

        .multi-dates-picker .ui-datepicker tr td:first-child {
            border-left: 1px solid #ddd;
        }

.ui-datepicker .ui-datepicker-header {
    padding: 0px 0px 12px 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    width: 100%;
}


/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 12. SelectPicker 
 * ========================================================================
 * ========================================================================
 * ======================================================================== */
.bootstrap-select .btn-default {
    background: #fff;
    display: block;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #c0c2c7;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    font-weight: normal;
    padding: 6px 12px;
}

    .bootstrap-select .btn-default:hover,
    .bootstrap-select .btn-default:active,
    .bootstrap-select .btn-default:focus {
        background-color: #fff !important;
        border: 1px solid #c0c2c7 !important;
    }

.bootstrap-select .dropdown-menu {
    z-index: 10000;
}

.bs-actionsbox .btn-group .btn-default {
    background: #dddddb;
    border: #bbb;
    width: 48%;
}

.bs-actionsbox .btn-group .bs-select-all {
    margin-right: 1%;
}

.bs-actionsbox .btn-group .bs-deselect-all {
    margin-left: 1%;
}


/* ========================================================================
 * ========================================================================
 * ========================================================================
 * 13. HighCharts
 * ========================================================================
 * ========================================================================
 * ======================================================================== */

.highcharts-figure,
.highcharts-data-table table {
    width: 100%;
    margin: 1em auto;
}

#container {
    height: 400px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.notbillablefrocertifiaction{
    color : red;
    font-size : 10px;
    margin-top : 6px;
}
.fixed-width-textarea {
    width: 800px;
    height: 500px;
    overflow: hidden;
    resize: vertical;
}

.Header {
    display: block;
    text-decoration: underline;
    padding: 0;
    border: none;
    background-color: none;
    margin: 20px
}

.RightSide {
    margin: 40px;
    top: 30px;
    left: 65%;
    position: absolute;
}

.jumbotronText {
    width: 60%
}
.assessmenRequiredDocument {
    color: red;
    position: absolute;
    margin-left: 160px;
    font-size: 25px;
}
a.self-study-add-comment.toggle-for.btn.add-comment {
    position: sticky;
    top: 0px;
    display: block;
    /* right: 0px; */
    float: left;
}


.commentSidebar {
    position: fixed;
    right: -500px;
    top: 0;
    width: 500px;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 1000;
    padding: 5px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;

}

.active-sidebar {
    right: 0 !important;
}
.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
   width:100%
}

.close-btn {
    background: none;
    border: 1px solid #555;
    font-size: 20px;
    cursor: pointer;
    border-radius:50%;
    width:30px;
    height:30px
}
.sendButton {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
   
    padding: 10px 20px;

}
.avatar {
    border-radius: 50%;
    /* padding: 18px 26px; */
    background-color: #5EC6C9;
    font-size: 31px;
    font-weight: bolder;
    color: white;
    text-align: center;
    width: 60px;
    line-height: 4.6rem;
    /* height: 70px; */
    vertical-align: middle;
}
.Attachment-files {
    
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
   
}
    .Attachment-files .item {
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
   /* .Attachment-files .item p {
        text-align:center;
    }*/
    .Attachment-Container {
        border-top: 1px solid #8f8f8f36;
        border-bottom: 1px solid #8f8f8f36;
        width: 102%;
        margin-left: -16px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
.deleteAttachment {
    color: red;
}
.fa-trash {
    width: 15px;
    font-size: 23px;
    margin-left: 100px;
    margin-right: 20px;
}
.attachment-item {
    border: 1px solid #8f8f8f36;
    padding: 10px;
    margin: 10px 15px;
    border-radius: 5px;
}
.attachment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    padding: 20px 15px 0;

}

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

.add-files-btn {
    display: flex; 
    align-items: center; 
}

    .add-files-btn i {
        margin-right: 5px; 
    }

.btn-group.self-study-response.row {
    float: inline-end;
    margin-right: 30px;
}
button.btn.self-study-btn.met {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin:0 10px;
}
.activeValue {
    background: #2eb746; 
    color: #f2fff6 !important;
}
.powerwidgetAssessment > div {
    background-color: #e1e1e1;
}
textarea:hover {
    background-color: #fff;
}
textarea {
    border: 1px solid #E8EFFF;
    background-color: #F8FAFE;
    padding:10px;
   border-radius:5px;
}
p.comment-textarea {
    margin-top: 20px;
    word-wrap:break-word;
}

.EditComment{
    display:inline-block;
    float:right;
    background-color:transparent;
    border:none;
}
.well-assessment {
    margin-top: 20px;
    text-align: center;
}
.evidenceValue {
    width: max-content;
    text-align: center;
    border: 1px solid;
    border-radius: 20px;
    vertical-align: middle;
    padding: 10px 25px;
    background-color: #9ac04c;
    font-weight: bold;
    max-height: 40px;
    color: #fff;
}