/* Minification failed. Returning unminified contents.
(14174,10): run-time error CSS1030: Expected identifier, found ' '
(14236,1): run-time error CSS1019: Unexpected token, found '}'
(14962,34): run-time error CSS1034: Expected closing parenthesis, found ','
(14962,34): run-time error CSS1042: Expected function, found ','
(14962,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(15551,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*@import "https://use.fontawesome.com/releases/v5.8.1/css/all.css";*/

@import url(/TalentFirst/Content/fontawesome-all.css);

html, body {
    height: 98.7%;
    background-color: #FFFFFF !important;
}

body {
    color: #474646;
    background-color: #FFFFFF;
    font-family: "Droid Sans",arial, verdana;
    font-size: 13px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    position: relative !important;
}

.icf6body {
    background-color: #F3F2F1;
}

.msteamsbody {
    background-color: #F3F2F1 !important;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.display {
    display: table_row;
}

.nodisplay {
    display: none;
}

.ovr_hidden,
.ovr-hidden {
    overflow: hidden;
}

a {
    color: #0351fb;
    text-decoration: None;
}

    a:hover, a:focus {
        color: #064e80;
        text-decoration: None;
        outline: none;
    }

.orangelink {
    color: #e97c21;
}

    .orangelink:hover {
        color: #b35506;
    }

.blacklink {
    color: #474646;
}

    .blacklink:hover {
        color: #064e80;
    }

.txt11 {
    font-size: 11px;
}

.txt12 {
    font-size: 12px;
}

.txt14 {
    font-size: 14px;
}

.txt15 {
    font-size: 15px;
}

.txt16 {
    font-size: 16px;
}

.txt18 {
    font-size: 18px;
}

.txt20 {
    font-size: 20px;
}

.txt30 {
    font-size: 30px;
}

.txt_center {
    text-align: center;
}

.txt_right {
    text-align: right;
}

.txt_orange {
    color: #f77c00;
}

.txt_black {
    color: #474646;
}

.heading18 {
    font-size: 18px;
}

.border {
    border: 1px solid #e7e7e7;
}

.blue_heading {
    color: #2271a3;
    font-size: 16px;
}

a.selected {
    color: #e97c21;
    text-decoration: None;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0;
}

.mrg10 {
    margin: 10px;
}

.mrg15 {
    margin: 15px;
}

.mrg20 {
    margin: 20px;
}

.mrgleft5 {
    margin-left: 5px;
}

.mrgleft10 {
    margin-left: 10px;
}

.mrgleft15 {
    margin-left: 15px;
}

.mrgleft20 {
    margin-left: 20px;
}

.mrgleft40 {
    margin-left: 40px;
}

.mrgtop2 {
    margin-top: 2px;
}

.mrgtop5 {
    margin-top: 5px;
}

.mrgtop7 {
    margin-top: 7px;
}

.mrgtop10 {
    margin-top: 10px;
}

.mrgtop15 {
    margin-top: 15px;
}

.mrgtop20 {
    margin-top: 20px;
}

.mrgtop30 {
    margin-top: 30px;
}

.mrgtop40 {
    margin-top: 40px;
}

.mrgright5 {
    margin-right: 5px;
}

.mrgright10 {
    margin-right: 10px;
}

.mrgright15 {
    margin-right: 15px;
}

.mrgright20 {
    margin-right: 20px;
}

.mrgright30 {
    margin-right: 30px;
}

.mrgbottom5 {
    margin-bottom: 5px;
}

.mrgbottom10 {
    margin-bottom: 10px;
}

.mrgbottom15 {
    margin-bottom: 15px;
}

.mrgbottom20 {
    margin-bottom: 20px;
}

.mrgbottom30 {
    margin-bottom: 30px;
}

.nav-icon {
    float: left;
    margin: 25px 0 0 5px;
}

    .nav-icon a {
        padding: 7px;
        display: block;
        border-radius: 4px;
    }

.logo {
    float: left;
    margin: 15px 0 0 10px;
}

    .logo img {
        max-width: 234px;
        height: 53px;
    }

    .logo input[type="image"] {
        max-width: 234px;
        height: 53px;
    }

.left_panel {
    width: 290px;
    height: 100%;
    position: fixed;
}

.main_panel {
    height: 100%;
    margin-left: 290px;
}

.left_top {
    /*overflow: hidden;*/
}

.left_top_row1 {
    height: 82px;
    border-bottom: 1px solid #6d7c83;
}

.left_top_row2 {
    margin: 10px;
    min-height: 35px;
}

.search {
    float: left;
    border-radius: 4px;
    position: relative;
}

.search_icon {
    float: left;
    margin: 6px 10px 0 0;
}

.search_icon_coach {
    float: left;
    margin: 6px 10px 0 -24px;
}

.search_textbox {
    float: left;
}

    .search_textbox input {
        border: 0;
        margin: 5px;
        width: 180px;
        font-family: "Droid Sans",arial, verdana;
        font-size: 13px;
    }

.search-opt-drop-down {
    position: absolute;
    top: 33px;
    left: 0;
    width: 218px;
    opacity: 0.9;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 5px 0;
    z-index: 1000;
}

    .search-opt-drop-down ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 14px;
    }

        .search-opt-drop-down ul li a {
            display: block;
            padding: 3px 20px;
            clear: both;
            line-height: 25px;
            color: #000000;
            cursor: pointer;
        }

            .search-opt-drop-down ul li a:hover {
                color: #FFFFFF;
                padding-left: 30px;
                background-image: url(/TalentFirst/TalentFirstV3/images/arrow_orange_right.png);
                background-repeat: no-repeat;
                background-position: 15px 10px;
            }

.notification {
    float: right;
    width: 28px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

    .notification img {
        position: absolute;
        bottom: 0;
        left: 0;
        cursor: pointer;
    }

    .notification span {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        line-height: 20px;
        background-color: #f97c13;
        border-radius: 50px;
        color: #FFFFFF;
        font-size: 11px;
        text-align: center;
        cursor: pointer;
    }

    .notification label {
        margin-bottom: 0;
        cursor: pointer;
    }

.left_top_row3 {
    text-align: center;
    margin: 20px 10px;
}

.top_usericon img {
    width: 90px;
    height: 90px;
    border-radius: 50px;
    display: inline-block;
    background-color: #FFFFFF;
}

.top_username {
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000000;
    margin-top: 5px;
}

/*.top_username a {
        width: 12px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
        background-image: url(/TalentFirst/TalentFirstV3/images/top_username_arrow.png);
    }*/

.top_userdesignation {
    font-size: 12px;
    color: #FFFFFF;
    font-style: italic;
    display: none;
    margin-right: 22px;
}

.left_bottom {
    margin: 0 20px 20px 20px;
    overflow: hidden;
}

.leftpanel_rating {
    overflow: hidden;
}

.leftpanel_rating_scroll {
    height: 200px;
    overflow: auto;
}

.leftpanel_ratingbox {
    padding: 10px;
    float: left;
    width: 125px;
    height: 100px;
    cursor: pointer;
}

.leftpanel_rating .like {
    border-bottom: 2px solid #cafa2c;
}

.leftpanel_rating .approval {
    border-bottom: 2px solid #e78c14;
}

.leftpanel_rating .learning {
    border-bottom: 2px solid #f5e40c;
}

.leftpanel_rating .welldone {
    border-bottom: 2px solid #67f6d6;
}

.leftpanel_rating_value {
    font-size: 30px;
}

    .leftpanel_rating_value img {
        width: 32px;
        height: 32px;
        margin-right: 5px;
    }

.leftpanel_rating_text {
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.myteam_container {
    margin-top: 20px;
}

.myteam_ipadlink {
    display: none;
}

.myteam_panel {
    overflow: hidden;
    outline: none;
}

.myteam_toplink {
    font-size: 16px;
    text-shadow: 1px 1px 2px #000000;
    overflow: hidden;
    /*border-bottom:2px solid #67f6d6;*/
}

    .myteam_toplink ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .myteam_toplink ul li {
            padding: 0;
            margin: 0;
            float: left;
            width: 33.3%;
            text-align: center;
            padding-bottom: 3px;
            color: #FFFFFF;
            display: block;
            cursor: pointer;
            opacity: .5;
        }

            .myteam_toplink ul li:hover {
                color: #FFFFFF;
                opacity: 1;
            }

            .myteam_toplink ul li.selected {
                color: #FFFFFF;
                opacity: 1;
                cursor: default;
            }

            .myteam_toplink ul li:first-child {
                text-align: left;
            }

            .myteam_toplink ul li:last-child {
                text-align: right;
            }
/*.myteam_toplink ul li a
    {
        color: #FFFFFF;
        display:block;
    }
    .myteam_toplink ul li a:hover 
    {
        color: #;
    }*/

.leftmenu {
    margin-top: 10px;
    overflow: hidden;
}

#coachTeamSection .leftmenu {
    background-color: #798a92 !important;
}

.leftmenu_row {
    overflow: hidden;
    /*cursor: pointer;*/
}


.leftmenu_row_selected {
    cursor: default;
}

.levelfirst {
    overflow: hidden;
    padding: 5px 10px;
    outline: none;
}

.leftmenu_image {
    float: left;
    width: 45px;
    min-height: 40px;
}

    .leftmenu_image img {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        display: inline-block;
        background-color: #EFEFEF;
    }

.leftmenu_text {
    float: left;
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 5px;
    word-wrap: break-word;
}

.team_leftcontainer .leftmenu_text {
    max-width: 135px;
}

.team_leftcontainer170 .leftmenu_text {
    max-width: 120px;
}

.leftmenu_text_small {
    float: left;
    color: #FFFFFF;
    font-size: 15px;
    margin-top: 5px;
}

.cls-100 {
    width: 100%;
}

.connect_bg {
    height: 100% !Important;
    padding: 20px;
    position: relative;
}

.connectcoll_arrowleft {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url(/TalentFirst/TalentFirstV3/images/connectcoll_arrow.png);
    position: absolute;
    right: 5px;
}

@media (max-width:868px) {
    .connectcoll_arrowleft {
        display: none;
    }
}

.connect_colbg {
    background-color: #edf0f2;
    text-align: center;
}

.connectcoll_arrowright {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url(/TalentFirst/TalentFirstV3/images/connectcoll_arrow.png);
    background-position: 0 -48px;
    margin-top: 20px;
}

.connect_colbg_text {
    color: #e97c21;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    /*transform: rotate(90deg);*/
    margin: 0 auto;
    margin-top: 10px;
    width: 15px;
    line-height: 22px;
    height: auto;
    word-wrap: break-word;
    text-align: center;
}

.heading_orange {
    border-left: 5px solid #e97c21;
    padding-left: 10px;
}

    .heading_orange h1 {
        padding: 0;
        margin: 0;
        color: #e97c21;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

.heading_blue {
    padding-left: 10px;
}

    .heading_blue h1 {
        padding: 0;
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

/*BUTTONS CSS*/

/*-------- chetan 21-11-2017
.btn 
{
    color: #FFFFFF;
    font-family: "Droid Sans",arial, verdana !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    padding: 6px 10px;
}

.btn:hover 
{
    color: #FFFFFF !important;
    transition: all 1s ease 0s;
}
------------------ */
.btn-blue {
    background-color: #0052FA;
}

    .btn-blue:hover {
        background-color: #3369FE;
    }

.btn-orange {
    background-color: #585E80;
}

    .btn-orange:hover {
        background-color: #6B6F99;
    }

.btn-gray {
    background-color: #434344;
}

    .btn-gray:hover {
        background-color: #1b1b1b;
    }

.btn-blue, .btn-orange, .btn-gray {
    color: #FFFFFF !important;
    font-family: "Droid Sans",arial, verdana !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    padding: 4px 10px !important;
    margin: 0 2px;
}

    .btn-blue:hover, .btn-orange:hover, .btn-gray:hover {
        color: #FFFFFF !important;
        transition: all 1s ease 0s;
    }

        .btn-blue[disabled],
        .btn-blue:hover[disabled] {
            opacity: .50;
        }

        .btn-orange[disabled],
        .btn-orange:hover[disabled] {
            opacity: .50;
        }

        .btn-gray[disabled],
        .btn-gray:hover[disabled] {
            opacity: .50;
        }

input[type="image"]:disabled {
    opacity: .50;
}
/*BUTTONS CSS*/


.postview {
    background-color: #FFFFFF;
    padding: 5px;
    min-height: 55px;
    border-radius: 4px;
    margin-top: 20px;
}

.postimage {
    width: 45px;
    height: 45px;
    position: relative;
}

.dvPostImage {
    width: 45px;
    height: 45px;
    cursor: pointer;
    border: 1px solid #edf0f2;
    border-radius: 30px;
}

.postview_arrow {
    position: absolute;
    right: 8px;
    bottom: 8px;
}

.postview_textbox {
    float: left;
    width: 83%;
}

.txt_postview {
    width: 100%;
    height: 45px;
    border: 0;
    background-color: #FFFFFF;
    font-family: "Droid Sans",arial, verdana;
    font-size: 12px;
    color: #5b5b5b;
    overflow: auto;
    resize: none;
    padding: 5px;
}

.connectbox {
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 20px;
}

.connectbox_top {
    overflow: hidden;
    border-bottom: 1px solid #d9dadd;
    padding: 10px;
}

    .connectbox_top table {
        width: 100%;
    }

.connectbox_bottom {
    overflow: hidden;
    padding: 10px;
}

.connect_image {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #e2e2e2;
}

.connect_heading {
    color: #2d2d2d;
    font-size: 18px;
    line-height: 20px;
    margin-left: 10px;
}

.connect_designation {
    color: #888888;
    font-size: 12px;
    margin-left: 10px;
    font-style: italic;
}

.connect_text {
    color: #616367;
    line-height: 20px;
}

.connect_icon {
    margin-top: 10px;
    overflow: hidden;
}

    .connect_icon a {
        background-image: url(/TalentFirst/TalentFirstV3/images/connect_icon.png);
        background-repeat: no-repeat;
        height: 16px;
        font-size: 12px;
        color: #616367;
        margin-right: 10px;
        display: inline-block;
    }

.comment {
    background-position: 0 0;
    padding-left: 25px;
}

    .comment:hover {
        background-position: 0 -106px;
    }

.like {
    background-position: 0 -26px;
    padding-left: 25px;
}

    .like:hover {
        background-position: 0 -132px;
    }

.share {
    background-position: 0 -51px;
    padding-left: 25px;
}

    .share:hover {
        background-position: 0 -157px;
    }

.attachment {
    background-position: 0 -78px;
    padding-left: 25px;
}

    .attachment:hover {
        background-position: 0 -184px;
    }

.track_heading {
    padding: 12px 20px;
    height: 65px;
}

.connect_greeting img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #e2e2e2;
}

.connect_greeting span {
    font-size: 14px;
    display: block;
    padding-top: 5px;
}

.connect_arrow {
    color: #e97c21;
    font-size: 30px;
    line-height: 20px;
    margin: 5px 10px 0 10px;
}

.connect_comment_box {
    background-color: #e5e5e5;
    margin: -8px;
    margin-top: 10px;
    border-radius: 4px;
}

.comment_box_container {
    border-bottom: 1px solid #c3c3c3;
    padding: 10px;
}

.connect_comment_image {
    width: 40px;
    height: 40px;
    border: 1px solid #e2e2e2;
    border-radius: 50px;
}

.connect_comment_heading {
    color: #485c66;
    font-size: 16px;
    line-height: 20px;
    margin-left: 10px;
}

.comment_box_post {
    padding: 10px;
    overflow: hidden;
}

.comment_box_post_container {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    overflow: hidden;
    padding: 5px;
}

.post_comment_textbox {
    background-color: #ffffff;
    border: 0 none;
    font-family: arial;
    font-size: 12px;
    height: 26px;
    overflow: auto;
    resize: none;
    width: 98%;
}

.track_container {
    padding: 20px;
    min-height: 230px;
}

.learning_container {
    padding: 20px;
}

.droupdown-arrow {
    color: #e97c21;
    background-image: url(/TalentFirst/TalentFirstV3/images/droupdown_arrow.png);
    background-repeat: no-repeat;
    background-position: right 5px !important;
    padding-right: 20px;
    display: inline-block;
}

    .droupdown-arrow:hover {
        color: #e97c21;
    }

.track_dd .dropdown-menu {
    position: absolute;
    left: inherit;
    right: 0;
    min-width: 215px;
}

.chartbox_container {
    width: 140px;
    min-height: 160px;
    margin: 0 auto;
}

.chartbox {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    position: relative;
}

    .chartbox span {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        color: #676f7c;
        font-size: 20px;
        width: 120px;
        text-align: center;
        margin-top: 45px;
    }

.chartbox_name {
    font-size: 14px;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
}

a.carousel-arrow {
    width: 23px;
    height: 42px;
    display: block;
    background-image: url(/TalentFirst/TalentFirstV3/images/carousel-arrow.png) !important;
    background-repeat: no-repeat;
    margin-top: 50px;
}

.carousel-arrow-back {
    background-position: -10px -10px;
}

.carousel-arrow-next {
    background-position: -70px -10px;
}

.act_heading {
    padding: 12px 20px;
    height: 65px;
}


.act_icon {
    float: right;
    margin-top: 10px;
    overflow: hidden;
}

    .act_icon a {
        float: left;
        width: 27px;
        height: 27px;
        display: block;
        margin-left: 5px;
    }

        .act_icon a.grid {
            background-position: -10px -10px;
        }

            .act_icon a.grid:hover {
                background-position: -10px -49px;
            }

        .act_icon a.grid_s {
            background-position: -10px -88px;
        }

        .act_icon a.thumb {
            background-position: -40px -10px;
        }

            .act_icon a.thumb:hover {
                background-position: -40px -49px;
            }

        .act_icon a.thumb_s {
            background-position: -40px -88px;
        }

.table {
    margin: 0;
}

.data_grid table tr th {
    background-color: #f2f2f2;
    border-bottom: 2px solid #d8d8d8;
}

.data_grid table tr td {
    border-bottom: 1px solid #d8d8d8;
}

.data_grid table tr.gridpager td,
tr.gridpager td {
    border-bottom: 0;
    padding: 0;
}

    .data_grid table tr.gridpager td table,
    tr.gridpager td table {
        float: right;
        margin-top: 10px;
    }

        .data_grid table tr.gridpager td table td,
        tr.gridpager td table td {
            padding: 5px;
        }

            .data_grid table tr.gridpager td table td span,
            tr.gridpager td table td span {
                color: #FFFFFF;
                border-radius: 50px;
                text-align: center;
                min-width: 25px;
                line-height: 25px;
                display: inline-block;
            }

.status_inprogress {
    color: #469cd8;
    background-color: #e9e9e9;
    padding: 3px 5px;
    border-radius: 3px;
}

.status_overdue {
    color: #ff2400;
    background-color: #e9e9e9;
    padding: 3px 5px;
    border-radius: 3px;
}

.status_atrisk {
    color: #f26c58;
    background-color: #e9e9e9;
    padding: 3px 5px;
    border-radius: 3px;
}

.status_completed {
    color: #FFFFFF;
    background-color: #66953c;
    padding: 3px 5px;
    border-radius: 3px;
}

.status_notstarted {
    color: #565c6a;
    background-color: #e9e9e9;
    padding: 3px 5px;
    border-radius: 3px;
}

.progress_bar {
    overflow: hidden;
}

.progress_bar_bg {
    height: 15px;
    position: relative;
    background-color: #e2e2e2;
    margin: 0 7px;
    border-radius: 4px;
}

.progress_bar_complete {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
}

.bar_inprogress {
    background-color: #469cd8;
}

.bar_overdue {
    background-color: #ff2400;
}

.bar_atrisk {
    background-color: #f26c58;
}

.bar_completed {
    background-color: #66953c;
}

.progress_bar_text {
    color: #5b5b5b;
    font-size: 13px;
    margin-top: 25px;
}
/*progress sliderbar css*/

.progress_sliderbar .ui-slider-horizontal {
    height: 15px;
    border: 0px;
    background-color: #e2e2e2;
    border-radius: 4px;
    margin: 0 10px;
}

.progress_sliderbar .ui-slider-range {
    background: transparent;
    border-radius: 4px;
}

.progress_sliderbar .ui-slider .ui-slider-handle {
    height: 15px;
    width: 15px;
    border-radius: 50px;
    top: 0px;
    background-image: url(/TalentFirst/TalentFirstV3/images/progress_sliderbar_bg.png);
    background-repeat: repeat-x;
    border: 1px solid #999999;
    cursor: pointer;
}


/*progress sliderbar css*/


.progress_bubble {
    overflow: hidden;
}

    .progress_bubble ul {
        padding: 0;
        margin: 0;
        overflow: hidden;
        z-index: 100;
    }

        .progress_bubble ul li {
            float: left;
            padding: 0;
            margin: 0;
            list-style-type: none;
            position: relative;
            height: 59px;
        }
/*.progress_bubble ul li:first-child .progress_bubble_bg
{
    left:20px;
}
.progress_bubble ul li:last-child .progress_bubble_bg
{
    right:30px;
}*/

.progress_bubble_bg {
    position: absolute;
    top: 6px;
    width: 100%;
    height: 10px;
    background-image: url(/TalentFirst/TalentFirstV3/images/progress_bubble_bg.png);
    background-repeat: repeat-x;
}

.progress_bubble_bg_current {
    display: none;
}

.progress_bubble_bullet {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 19px;
    background-image: url(/TalentFirst/TalentFirstV3/images/progress_bubble.png);
    background-repeat: no-repeat;
}

.progress_bubble ul li:first-child .progress_bubble_bullet {
    left: 0;
}

.progress_bubble ul li:last-child .progress_bubble_bullet {
    right: 0 !Important;
    left: auto;
}

.progress_bubble_container {
    /*min-width: 60px;*/
    min-width: 75px;
    font-size: 11px;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 0;
}

.progress_bubble ul li:first-child .progress_bubble_container {
    text-align: left;
}

.progress_bubble ul li:last-child .progress_bubble_container {
    text-align: right;
}


.progress_bubble ul li.progress_bubble .progress_bubble_bg {
    background-position: 0 -20px;
}

.progress_bubble ul li.progress_bubble .progress_bubble_bullet {
    background-position: -5px -5px;
}

.progress_bubble ul li.progress_bubble .progress_bubble_container {
    /*color: #686869;*/
    color: #000000;
}

.progress_bubble ul li.progress_bubble_current .progress_bubble_bg {
    background-position: 0 0;
}

.progress_bubble ul li.progress_bubble_current .progress_bubble_bullet {
    background-position: -36px -37px;
    z-index: 100;
}

.progress_bubble ul li:first-child.progress_bubble_current .progress_bubble_bullet {
    background-position: -5px -37px;
}

.progress_bubble ul li.progress_bubble_current .progress_bubble_container {
    color: #3283bb;
}

.progress_bubble ul li.progress_bubble_current .progress_bubble_bg_current {
    display: block;
    position: absolute;
    top: 6px;
    left: 20px;
    width: 100%;
    height: 10px;
    background-image: url(/TalentFirst/TalentFirstV3/images/progress_bubble_bg.png);
    background-repeat: repeat-x;
    background-position: 0 -20px;
}

.progress_bubble ul li:last-child.progress_bubble_current .progress_bubble_bg_current {
    display: none;
}


.progress_bubble ul li.progress_bubble_checked .progress_bubble_bg {
    background-position: 0 0;
}

.progress_bubble ul li.progress_bubble_checked .progress_bubble_bullet {
    background-position: -67px -69px;
}

.progress_bubble ul li:first-child.progress_bubble_checked .progress_bubble_bullet {
    background-position: -5px -69px;
}

.progress_bubble ul li:last-child.progress_bubble_checked .progress_bubble_bullet {
    background-position: -36px -69px;
}

.progress_bubble ul li.progress_bubble_checked .progress_bubble_container {
    /*color: #3283bb;*/
    color: #000000;
}

.bubble_container {
    height: 60px;
    /*min-width: 60px;*/
    min-width: 75px;
    position: absolute;
}

.progress_bubble ul li:first-child .bubble_container {
    left: 0;
}

.progress_bubble ul li:last-child .bubble_container {
    right: 0;
}



.progress_bubble2 ul li {
    width: 50%;
}


.progress_bubble3 ul li:first-child {
    width: 40%;
}

.progress_bubble3 ul li {
    width: 30%;
}

.progress_bubble4 ul li {
    width: 27%;
}

    .progress_bubble4 ul li:last-child {
        width: 19%;
    }

.progress_bubble5 ul li {
    width: 21%;
}

    .progress_bubble5 ul li:last-child {
        width: 16%;
    }


/* My Team panel CSS Starts*/
.left_submenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
}

    .left_submenu ul li {
        margin: 0;
        border-top: 1px solid #CCCCCC;
        padding: 10px;
        cursor: pointer;
        line-height: 26px;
    }

        .left_submenu ul li:first-child {
            border-top: 0;
            border-radius: 4px 4px 0 0;
        }

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

        .left_submenu ul li.disabled {
            cursor: not-allowed !important;
            color: #b2b2b2;
        }

            .left_submenu ul li.disabled:hover {
                background-color: transparent;
            }


        .left_submenu ul li:nth-child(even) {
            background: #F5F5F5;
        }

        .left_submenu ul li:nth-child(odd) {
            background: #FFFFFF;
        }

        .left_submenu ul li:hover {
            background: #d1d1d1;
        }

.left_feedbackmenu ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
    width: 100%;
}

.left_feedbackmenu li {
    border-top: 0 !important;
    padding: 10px;
    margin: 0;
    cursor: pointer;
}

    .left_feedbackmenu li.left_feedbackmenu-top {
        background: -moz-linear-gradient(top, #b7b7b7 0%, #191919 73%);
        background: -webkit-linear-gradient(top, #b7b7b7 0%,#191919 73%);
        background: linear-gradient(to bottom, #b7b7b7 0%,#191919 73%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#191919',GradientType=0 );
    }

.popover-content {
    padding: 0 !important;
    width: 260px;
}


.leftmenu_main_progress {
    background-color: #525252 !important;
    text-align: center;
}

/*Left Sub menu icon*/
.icon_leftmenu span {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-right: 7px;
    margin-top: -1px;
}

    .icon_leftmenu span.provide_feedback {
        background-position: -23px -20px;
    }

    .icon_leftmenu span.provide_feedback_dis {
        background-position: -123px -20px;
    }

    .icon_leftmenu span.assign_task {
        background-position: -23px -80px;
    }

    .icon_leftmenu span.assign_task_dis {
        background-position: -123px -80px;
    }

    .icon_leftmenu span.assign_training {
        background-position: -23px -140px;
    }

    .icon_leftmenu span.assign_training_dis {
        background-position: -123px -140px;
    }

    .icon_leftmenu span.assess_proficiency {
        background-position: -23px -200px;
    }

    .icon_leftmenu span.assess_proficiency_dis {
        background-position: -123px -200px;
    }

    .icon_leftmenu span.goals_projects {
        background-position: -23px -260px;
    }

    .icon_leftmenu span.goals_projects_dis {
        background-position: -123px -260px;
    }

    .icon_leftmenu span.request_selfassessment {
        background-position: -23px -320px;
    }

    .icon_leftmenu span.request_selfassessment_dis {
        background-position: -123px -320px;
    }

    .icon_leftmenu span.documents {
        background-position: -23px -380px;
    }

    .icon_leftmenu span.documents_dis {
        background-position: -123px -380px;
    }

    .icon_leftmenu span.scorecard {
        background-position: -23px -440px;
    }

    .icon_leftmenu span.scorecard_dis {
        background-position: -123px -440px;
    }

    .icon_leftmenu span.welldone {
        background-position: -23px -500px;
    }

    .icon_leftmenu span.welldone_dis {
        background-position: -123px -500px;
    }

    .icon_leftmenu span.quickfeedback {
        background-position: -23px -560px;
    }

    .icon_leftmenu span.quickfeedback_dis {
        background-position: -123px -560px;
    }

    .icon_leftmenu span.coachingfeedback {
        background-position: -23px -620px;
    }

    .icon_leftmenu span.coachingfeedback_dis {
        background-position: -123px -620px;
    }

    .icon_leftmenu span.myprofile {
        background-position: -23px -680px;
    }

    .icon_leftmenu span.myprofile_dis {
        background-position: -123px -680px;
    }

    .icon_leftmenu span.reward {
        background-position: -23px -744px;
    }

    .icon_leftmenu span.reward_dis {
        background-position: -123px -744px;
    }

    .icon_leftmenu span.requestfeedback {
        background-position: -23px -803px;
    }

    .icon_leftmenu span.requestfeedback_dis {
        background-position: -123px -803px;
    }

    .icon_leftmenu span.solicitfeedback {
        background-position: -23px -862px;
    }

    .icon_leftmenu span.solicitfeedback_dis {
        background-position: -123px -862px;
    }

    .icon_leftmenu span.feedbackhistory {
        background-position: -23px -921px;
    }

    .icon_leftmenu span.feedbackhistory_dis {
        background-position: -123px -921px;
    }


    .icon_leftmenu span.reviewjournal {
        background-position: -23px -980px;
    }

    .icon_leftmenu span.reviewjournal_dis {
        background-position: -123px -980px;
    }


.icon_leftmenu img {
    vertical-align: top !important;
}

.popover {
    padding: 0;
}

.left_feedbackmenu-top {
    border-radius: 4px 4px 0 0;
}
/*Left Sub menu icon*/

/* My Team panel CSS Ends*/






.act_thumb {
    overflow: hidden;
}

    .act_thumb ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: hidden;
    }

        .act_thumb ul li {
            float: left;
            width: 170px;
            height: 190px;
            border: 1px solid #e6e6e6;
            border-radius: 4px;
            margin: 15px;
        }

.act_thumb_top {
    background-color: #ebeeef;
    overflow: hidden;
    padding: 5px 8px;
    min-height: 120px;
    position: relative;
}

    .act_thumb_top .act_completed {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

        .act_thumb_top .act_completed img {
            width: 20px;
            height: 20px;
        }


.act_thumb_data {
    color: #000000;
}

.act_image {
    width: 85px;
    height: 85px;
}

.act_thumb_text {
    overflow: hidden
}

.act_thumb_name {
    text-align: center;
    height: 35px;
    font-size: 13px;
    width: 100px;
    width: 160px;
    margin: 0 auto;
    margin-top: 5px;
    line-height: 16px;
    word-wrap: break-word;
}

    .act_thumb_name a {
        color: #474646;
    }

.act_thumb_type {
    text-align: center;
    color: #f77c00;
    font-weight: bold;
    font-style: italic;
}

/*Menu CSS Starts*/

.logged-user-drop-down {
    position: absolute;
    top: 267px;
    right: 3px;
    width: 169px;
    opacity: 0.9;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 5px 0;
    z-index: 1000;
}

    .logged-user-drop-down ul {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

        .logged-user-drop-down ul li {
            list-style-type: none;
            padding: 0;
            height: auto;
            text-align: left;
            border-left: 0;
        }

            .logged-user-drop-down ul li a {
                display: block;
                padding: 3px 20px;
                clear: both;
                line-height: 25px;
                color: #000000;
                cursor: pointer;
            }

                .logged-user-drop-down ul li a:hover {
                    color: #FFFFFF;
                    padding-left: 30px;
                    background-image: url(/TalentFirst/TalentFirstV3/images/arrow_orange_right.png);
                    background-repeat: no-repeat;
                    background-position: 15px 10px;
                }





/*chart*/
.home_track_projects ul {
    list-style-type: none;
    margin-top: 5px;
}

    .home_track_projects ul li {
        background-color: transparent !important;
        background-image: none !important;
    }

.home_track_projects .igdm_MenuScrollContainer,
.home_track_projects .igdm_MenuScrollContainerRootHorizontal {
    height: 180px !important;
    width: 100% !important;
}

.home_track_projects .igdm_ControlHorizontal,
.home_track_projects .ig_Control {
    background-color: transparent !important;
    background-image: none !important;
    height: 180px !important;
}

.home_track_projects .igdm_MenuItemHorizontal,
.home_track_projects .igdm_MenuItemHorizontalRootActive,
.home_track_projects .igdm_MenuItemHorizontalRootSelected {
    border: 0 !important;
    background-color: transparent !important;
    background-color: transparent !important;
}

.home_track_projects .igdm_MenuScrollIconLeft {
    left: -5px;
}

.home_track_projects .igdm_MenuScrollIconRight {
    right: -5px;
}

.home_track_projects .igdm_MenuItemHorizontalRoot {
    color: #4a5058;
    font-size: 14px;
    font-weight: bold;
    -webkit-font-smoothing: always;
    -moz-font-smoothing: always;
    -o-font-smoothing: always;
    font-smoothing: always;
    text-rendering: always;
}

.my-goals {
    text-align: center;
    width: 150px;
    margin: 0 auto;
    cursor: pointer;
}

    .my-goals .select_goal {
        background-color: #f4f4f4;
        border-radius: 4px;
        border: 1px solid #e3e3e3;
    }

    .my-goals canvas {
        margin-left: 2px;
    }
/*
.my-competencies {
    width: 150px;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #aaaaaa;
    cursor: pointer;
}

    .my-competencies:hover {
        background-color: #FFFFFF;
        border: 1px solid #868686;
    }

    .my-competencies .mast {
        width: 54px;
        height: 54px;
        background-image: url(/TalentFirst/TalentFirstV3/images/comp_mast.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 25px;
        font-weight: normal;
        color: #e8e8e8;
        line-height: 54px;
        text-align: center;
        margin: 0 auto;
    }

    .my-competencies:hover .mast {
        background-image: url(/TalentFirst/TalentFirstV3/images/comp_mast.png);
        background-position: 0 -60px;
        color: #FFFFFF;
    }

    .my-competencies .name {
        width: 135px;
        height: 65px !important;
        font-size: 14px;
        color: #bababa;
        margin: 0 auto;
        margin-top: 5px;
        text-align: center;
        word-wrap: break-word;
        white-space: normal;
        font-weight: normal;
    }

    .my-competencies:hover .name {
        color: #000000;
    }

    .my-competencies .igdm_MenuScrollContainer,
    .my-competencies .igdm_MenuScrollContainerRootHorizontal {
        height: 160px !important;
        width: 100% !important;
    }

*/
/*chart*/


.chart {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    text-align: center;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
        height: 110px;
    }

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
    color: #7d8c9d;
    font-size: 20px;
    font-family: "Droid Sans",arial, verdana;
    font-weight: normal;
}

.igdm_MenuItemHorizontalRoot table td {
    vertical-align: top !important;
}

.chart-name span {
    font-size: 14px;
    text-align: center;
    font-family: "Droid Sans",arial, verdana;
    color: #474646;
    font-weight: normal;
    white-space: normal !important;
}

.igdm_MenuScrollButton {
    border: 0 !important;
    /*background-color:#FFFFFF!important;*/
    background-color: transparent !important;
    background-image: none !important;
    width: 40px !important;
}

.igdm_MenuScrollIconRight,
.igdm_MenuScrollIconLeft {
    height: 42px !important;
    display: block !important;
    background-image: url(/TalentFirst/TalentFirstV3/images/carousel-arrow.png) !important;
    background-repeat: no-repeat !important;
}

.igdm_MenuScrollIconRight {
    background-position: -58px -10px !important;
}

.igdm_MenuScrollIconLeft {
    background-position: -5px -10px !important;
}



/*Snapshot Report CSS STARTS*/

.modal-width-per {
    width: 80% !important;
    max-width: 1100px !important;
}

/*Snapshot Report CSS ENDS*/

/*notification droup down Starts*/
.top-notification_popup {
    width: 400px;
    border: 1px solid #cccccc;
    position: absolute;
    top: 66px;
    right: 179px;
    overflow: auto;
    background-color: #fafafa;
    z-index: 1000;
}

@media (max-width:800px) {
    .top-notification_popup {
        top: 132px;
    }
}

.notification_top {
    padding: 10px;
    font-style: italic;
    font-size: 13px;
    border-bottom: 1px solid #CCCCCC;
}

    .notification_top span {
        position: relative;
        background-color: transparent;
        color: #464747;
        border: 0;
    }

.notification_bottom {
    text-align: center;
    border-top: 1px solid #cccccc;
    padding: 10px;
}

.notification_list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .notification_list ul li {
        border-top: 1px solid #CCCCCC;
        margin: 0;
        padding: 5px 10px 5px 20px;
        height: auto;
        background-color: #fafafa;
        cursor: pointer;
    }

        .notification_list ul li:first-child {
            border-top: 0;
        }

.notification_subject {
    font-size: 17px;
}

.notification_body {
    font-size: 13px;
}

    .notification_body br {
        display: none;
    }

.notification_date {
    float: left;
    font-size: 12px;
    color: #fa7d13;
}

.notification_time {
    float: right;
    font-size: 12px;
    color: #fa7d13;
}

.notification_list ul li.notification_list_new {
    background-image: url(/TalentFirst/TalentFirstV3/images/notification_new.png);
    background-repeat: repeat-y;
    background-color: #ececec;
    cursor: pointer;
}

    .notification_list ul li.notification_list_new .notification_subject {
        color: #4ea2de;
    }



/*notification droup down Ends*/

.postmore-drop-down {
    position: absolute;
    top: 42px;
    left: 2px;
    width: 200px;
    opacity: 0.9;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 5px 0;
    z-index: 1000;
}

    .postmore-drop-down ul {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

        .postmore-drop-down ul li {
            list-style-type: none;
            padding: 5px 5px 5px 10px;
            height: auto;
            text-align: left;
            color: #000000;
            cursor: pointer;
        }

            .postmore-drop-down ul li img {
                width: 20px;
                height: 20px;
                margin-right: 8px;
                border-radius: 50px;
            }

            .postmore-drop-down ul li:hover {
                color: #FFFFFF;
            }

                .postmore-drop-down ul li:hover img {
                    width: 25px;
                    height: 25px;
                }

/*Progress bar css starts here*/
.progressbar_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    z-index: 11000;
}

.progressbar_image {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -100px;
    background-color: #FFFFFF;
    width: 200px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.popup_progressbar_bg {
    position: absolute;
    width: 100%;
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    z-index: 1000;
}
/*Progress bar css ends here */

/*******MENU CSS STARTS HERE*******/

.menu_progressbar_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    z-index: 1000;
}

.menu_bg {
    width: 290px;
    background-color: #FFFFFF;
    height: 100%;
}

.left_menu_close a {
    display: inline-block;
    padding: 5px;
    border-radius: 0 5px 5px 0;
    position: absolute;
    left: 290px;
    top: 20px;
}

.menu_logo {
    padding: 10px;
    text-align: center;
}

    .menu_logo img {
        max-width: 234px;
        height: 53px;
    }

    .menu_logo input[type="image"] {
        max-width: 234px;
        height: 53px;
    }

.left_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .left_menu ul li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #e1e1e1;
    }

        .left_menu ul li:first-child {
            border-top: 0;
        }

        .left_menu ul li:nth-child(odd) {
            background: #FFFFFF;
        }

        .left_menu ul li:nth-child(even) {
            background: #f6f6f6;
        }

        .left_menu ul li a {
            display: block;
            line-height: 50px;
            font-size: 16px;
            color: #2d2d2d;
            padding-left: 60px;
        }



        .left_menu ul li .left_menu_logout {
            border: 0;
            display: block;
            line-height: 50px;
            font-size: 16px;
            color: #2d2d2d;
            padding: 0 0 0 60px;
            background-color: transparent;
            width: 100%;
            text-align: left;
            background-position: 10px -293px;
        }

            .left_menu ul li .left_menu_logout:hover {
                background-position: 10px -650px;
            }






        .left_menu ul li a.coach {
            background-position: 10px -15px;
        }

            .left_menu ul li a.coach:hover {
                background-position: 10px -372px;
            }

        .left_menu ul li a.train {
            background-position: 10px -82px;
        }

            .left_menu ul li a.train:hover {
                background-position: 10px -439px;
            }

        .left_menu ul li a.assess {
            background-position: 10px -153px;
        }

            .left_menu ul li a.assess:hover {
                background-position: 10px -510px;
            }

        .left_menu ul li a.reports {
            background-position: 10px -223px;
        }

            .left_menu ul li a.reports:hover {
                background-position: 10px -580px;
            }

        .left_menu ul li a.signout {
            background-position: 10px -293px;
        }

            .left_menu ul li a.signout:hover {
                background-position: 10px -650px;
            }

        .left_menu ul li a.home {
            background-position: 10px -726px;
        }

            .left_menu ul li a.home:hover {
                background-position: 10px -857px;
            }

        .left_menu ul li a.more {
            background-position: 10px -794px;
        }

            .left_menu ul li a.more:hover {
                background-position: 10px -925px;
            }

        .left_menu ul li a.left-menu-selected {
            background-position: 10px -925px;
            text-decoration: none;
        }



        .left_menu ul li a.help {
            background-position: 10px -1464px;
        }

            .left_menu ul li a.help:hover {
                background-position: 10px -1524px;
            }

        .left_menu ul li.disabled a.help {
            background-position: 10px -1584px;
        }



        .left_menu ul li.disabled a,
        .left_menu_sub ul li.disabled a {
            color: #b4b4b4;
            cursor: default;
        }

            .left_menu ul li.disabled a:hover,
            .left_menu_sub ul li.disabled a:hover {
                color: #b4b4b4;
                background-color: transparent;
                cursor: default;
            }

            .left_menu ul li.disabled a.coach {
                background-position: 10px -982px;
            }

            .left_menu ul li.disabled a.train {
                background-position: 10px -1049px;
            }

            .left_menu ul li.disabled a.assess {
                background-position: 10px -1120px;
            }

            .left_menu ul li.disabled a.reports {
                background-position: 10px -1190px;
            }





            .left_menu_sub ul li.disabled a.admin,
            .left_menu_sub ul li.disabled a.admin:hover {
                background-position: -18px -366px;
            }

            .left_menu_sub ul li.disabled a.report,
            .left_menu_sub ul li.disabled a.report:hover {
                background-position: -18px -480px;
            }

            .left_menu_sub ul li.disabled a.roster,
            .left_menu_sub ul li.disabled a.roster:hover {
                background-position: -18px -423px;
            }

            .left_menu_sub ul li.disabled a.meetings,
            .left_menu_sub ul li.disabled a.meetings:hover {
                background-position: -18px -649px;
            }




.left_menu_sub ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .left_menu_sub ul li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #e1e1e1;
    }

        .left_menu_sub ul li:first-child {
            border-top: 0;
        }

            .left_menu_sub ul li:first-child,
            .left_menu_sub ul li:first-child a:hover {
                border-radius: 4px 4px 0 0;
            }

        .left_menu_sub ul li:last-child,
        .left_menu_sub ul li:last-child a:hover {
            border-radius: 0 0 4px 4px;
        }

        .left_menu_sub ul li:nth-child(odd) {
            background: #FFFFFF;
        }

        .left_menu_sub ul li:nth-child(even) {
            background: #f6f6f6;
        }



        .left_menu_sub ul li:hover a {
            color: #FFFFFF;
        }

        .left_menu_sub ul li a {
            display: block;
            line-height: 40px;
            font-size: 15px;
            color: #2d2d2d;
            padding-left: 45px;
            cursor: pointer;
        }



            .left_menu_sub ul li a.admin {
                background-position: -18px -8px;
            }

                .left_menu_sub ul li a.admin:hover {
                    background-position: -18px -187px;
                }

            .left_menu_sub ul li a.roster {
                background-position: -18px -65px;
            }

                .left_menu_sub ul li a.roster:hover {
                    background-position: -18px -244px;
                }

            .left_menu_sub ul li a.report {
                background-position: -18px -122px;
            }

                .left_menu_sub ul li a.report:hover {
                    background-position: -18px -301px;
                }

            .left_menu_sub ul li a.meetings {
                background-position: -18px -535px;
            }

                .left_menu_sub ul li a.meetings:hover {
                    background-position: -18px -592px;
                }

.left_menu ul li a.home.selected {
    background-position: 10px -857px;
}

.left_menu ul li a.coach.selected {
    background-position: 10px -372px;
}

.left_menu ul li a.train.selected {
    background-position: 10px -439px;
}

.left_menu ul li a.assess.selected {
    background-position: 10px -510px;
}

.left_menu ul li a.reports.selected {
    background-position: 10px -580px;
}


.left_notification {
    padding: 10px;
}

.notification_box {
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-top: 15px;
    padding: 10px;
    box-shadow: 0 0 5px #cdcdcd;
    cursor: pointer;
}

.notification_box_new {
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    background-image: url(/TalentFirst/TalentFirstV3/images/notification_new.png);
    background-repeat: repeat-y;
    background-color: #f2efef;
    color: #3e9ddf;
    margin-top: 15px;
    padding: 10px;
    box-shadow: 0 0 5px #cdcdcd;
    cursor: pointer;
}

    .notification_box img,
    .notification_box_new img {
        width: 30px;
        height: 30px;
        margin-right: 10px;
        border-radius: 50px;
        border: 1px solid #e2e2e2;
    }

/*******MENU CSS ENDS HERE*******/


.modal-backdrop {
    opacity: 0.7 !important;
}

.modal-higher-zindex {
    z-index: 1282 !important;
}

.modal-lower-zindex {
    z-index: 1045 !important;
}

.modal-header {
    padding: 10px 15px;
    border-bottom-width: 0 !important;
    border-radius: 4px 4px 0 0;
}

.modal-body {
    padding: 0 !important;
}

.modal-title {
    color: #ffffff;
    font-size: 22px;
    /*text-transform:uppercase;*/
}

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

    .modal-header .close:hover {
        opacity: 1;
    }

.reportbox_headerpadding .form-control {
    resize: none;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: none;
}

.form-control {
    resize: none;
    background-color: #FFFFFF;
    border-radius: 0;
    border: 0px;
    border-bottom: 2px solid #d6d6d6;
    box-shadow: none;
}

    .form-control:hover {
        background-color: #ededed;
        border-bottom: 2px solid #6b6b6b;
        box-shadow: none;
    }

    .form-control:focus {
        background-color: #FFFFFF;
        border-bottom: 2px solid #0052fa;
        box-shadow: none;
    }

.posts_popupcontainer,
.popup_container {
    margin: 10px;
    overflow: hidden;
}

.table_spacing table {
    border-collapse: separate !Important;
    border-spacing: 7px !Important;
}

.table_spacing .data_grid table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

    .table_spacing .data_grid table tr th {
        background-color: #f2f2f2 !important;
        border-bottom: 2px solid #cccccc !important;
        padding: 8px !important;
    }

    .table_spacing .data_grid table tr td {
        border-bottom: 1px solid #cccccc !important;
        padding: 8px !important;
    }


/*------calander css--------*/
/*MK27 AUG 2018: Added this style to resovle client issue comming with the training assignment */
.cal {
    position: relative;
    height: 40px;
}

.cl-bg table {
    border-collapse: separate !Important;
    border-spacing: 1px !Important;
}

    .cl-bg table tr td {
        border: 0 solid red;
        color: #000000;
        font-size: 11px !important;
        background-color: #f8f8f8 !important;
        padding: 0 !important;
        font-weight: normal !important;
    }

.cl-bg .ajax__calendar_container {
    background-color: #c9c9c9;
    border: solid 1px #363636;
    width: 180px !important;
}

.cl-bg .ajax__calendar_header {
    background-color: #363636;
    margin-bottom: 4px;
}

.cl-bg .ajax__calendar_title, .cl-bg .ajax__calendar_next, .cl-bg .ajax__calendar_prev {
    color: #FFFFFF;
    padding-top: 3px;
}

.cl-bg .ajax__calendar_prev {
    float: left;
    width: 8px !important;
    height: 12px !important;
    margin-left: 5px;
    margin-top: 2px;
    background-image: url(/TalentFirst/TalentFirstV3/Images/ig_cal_blueP0.gif);
    background-repeat: no-repeat;
}

.cl-bg .ajax__calendar_next {
    float: right;
    width: 8px !important;
    height: 12px !important;
    margin-right: 5px;
    margin-top: 2px;
    background-image: url(/TalentFirst/TalentFirstV3/Images/ig_cal_blueN0.gif);
    background-repeat: no-repeat;
}

.cl-bg .ajax__calendar_body {
    background-color: #f8f8f8;
    border: solid 1px #363636;
}

.cl-bg .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    width: 20px;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #000000;
}

.cl-bg .ajax__calendar_hover .ajax__calendar_day, .cl-bg .ajax__calendar_hover .ajax__calendar_month, .cl-bg .ajax__calendar_hover .ajax__calendar_year, .cl-bg .ajax__calendar_active {
    color: #FFFFFF !important;
    font-weight: bold !important;
    background-color: #ea8000 !important;
}

.cl-bg .ajax__calendar_today {
    font-weight: normal;
    color: #000000;
}

.cl-bg .ajax__calendar_hover .ajax__calendar_today, .cl-bg .ajax__calendar_hover {
    color: #363636;
}

.cl-bg .ajax__calendar_other {
    color: #b8b8b8;
}

.cl-bg .ajax__calendar_days,
.cl-bg .ajax__calendar_months,
.cl-bg .ajax__calendar_years,
.cl-bg .ajax__calendar_body {
    position: relative;
}

.cl-bg .ajax__calendar_header div {
    float: left;
    overflow: hidden;
}

.cl-bg .ajax__calendar_header {
    position: relative;
    height: 22px !important;
}

.cl-bg .ajax__calendar_next {
    position: absolute;
    top: 0;
    right: 0;
}

.cl-bg .ajax__calendar_title {
    width: 120px;
}

.cl-bg .ajax__calendar_body {
    height: 140px !important;
    overflow: hidden !important;
}

.cl-bg table tr td {
    line-height: 18px !important;
    height: 18px !important;
}

/*------calander css--------*/

.heading22 {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ececec !important;
}

    .heading22 span {
        color: #005387;
        font-size: 22px;
    }

.heading18_bottomborder {
    border-bottom: 1px solid #ececec !important;
}

    .heading18_bottomborder span {
        color: #005387;
        font-size: 18px;
    }

.heading_22 {
    color: #005387;
    font-size: 22px;
}

.heading_18 {
    color: #005387;
    font-size: 18px;
}



/*mis css stars*/
.popup_fileupload {
    -webkit-border-radius: 4px !Important;
    border-radius: 4px !Important;
    border: 1px solid #d8d8d7;
    background-color: #f0f0f0;
    padding: 10px;
    margin-top: 10px;
    overflow: hidden;
}

.popup_reportlist ul {
    padding: 0;
    margin: 0;
}

    .popup_reportlist ul li {
        list-style-type: none;
        float: left;
        padding: 5px;
        margin: 5px;
        width: 420px;
        background-color: #f3f3f3;
        border: 1px solid #c9c9c9;
        border-radius: 4px;
        color: #2271a3;
        cursor: pointer;
    }

        .popup_reportlist ul li:hover {
            background-color: #ededed;
            color: #ff8400;
        }

        .popup_reportlist ul li.sales_rep {
            margin: 5px;
            margin-right: 17px;
            background-color: transparent;
            border: 0;
            cursor: pointer;
            padding: 0;
        }

.levelsecond {
    cursor: pointer;
}

.disabled {
    cursor: default !important;
}

/*mis css ends*/

/*Chart Css*/
.coach_barchart_big canvas {
    width: 1120px;
    height: 350px;
    margin-top: 20px;
}

.coach_barchart_big_container {
    max-width: 1120px;
    overflow: hidden;
}

.coach_barchart_small {
    width: 48%;
    overflow: hidden;
}

.coach_barchart_small_container {
    max-width: 1000px;
    margin: 0;
    overflow: hidden;
}

    .coach_barchart_small_container canvas {
        height: 350px !important;
    }


.coach_barchart_engagement_container {
    max-width: 700px;
    margin: 0;
    overflow: hidden;
}

    .coach_barchart_engagement_container canvas {
        height: 300px !important;
    }

@media screen and (max-width:1024px) {
    .coach_barchart_big {
        width: 100%;
        height: 350px;
    }

    .coach_barchart_big_container {
        max-width: 100%;
        overflow: hidden;
    }

    .coach_barchart_small {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .coach_barchart_small_container {
        max-width: 100%;
        margin: 0;
        overflow: hidden;
    }
}
/*Chart Css*/

/*28-1-16*/
.list_gird {
    overflow: hidden;
}

    .list_gird ul {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .list_gird ul li {
            list-style-type: none;
            padding: 10px;
            border: 1px solid #bbbbbb;
            border-top: 0;
            overflow: hidden;
        }

            .list_gird ul li:nth-child(odd) {
                background: #f5f5f5;
            }

            .list_gird ul li:nth-child(even) {
                background: #dfdddd;
            }

            .list_gird ul li:first-child {
                border-top: 1px solid #bbbbbb;
                border-radius: 7px 7px 0 0;
            }

            .list_gird ul li:last-child {
                border-radius: 0 0 7px 7px;
            }

.learning_leaderboard_left {
    float: left;
    width: 35%;
    margin-right: 1%;
    overflow: hidden;
}

.learning_leaderboard_middle {
    float: left;
    width: 53%;
    overflow: hidden;
    background-color: #bdbdbd;
    height: 25px;
    margin-top: 18px;
}

.learning_leaderboard_right {
    float: right;
    font-size: 17px;
    text-align: right;
    margin-top: 18px;
}

    .learning_leaderboard_right span {
        color: #039319;
    }

.learning_leaderboard_image {
    float: left;
    width: 25%;
    text-align: center;
}

    .learning_leaderboard_image img {
        width: 60px;
        height: 60px;
        border-radius: 30px;
    }

.learning_leaderboard_text {
    float: right;
    width: 70%;
    color: #464747;
    font-size: 18px;
    margin-top: 5px;
}

    .learning_leaderboard_text .rank {
        font-size: 14px;
        color: #d05f00;
        font-style: italic;
    }

.learning_leaderboard_line {
    height: 25px;
    background: #2085c4; /* Old browsers */
    background: -moz-linear-gradient(top, #0c6094 1%, #2085c4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0c6094), color-stop(100%,#2085c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0c6094 1%,#2085c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0c6094 1%,#2085c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0c6094 1%,#2085c4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0c6094 1%,#2085c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6094', endColorstr='#2085c4',GradientType=0 ); /* IE6*/
}
/*28-1-16*/

/* Responsive chart CSS*/
.chart-legend ul {
    list-style: none !important;
}

.chart-legend li {
    float: left;
    padding-left: 10px;
}

    .chart-legend li span {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 5px;
    }
/* Responsive chart CSS*/


.gray_bgbox {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 10px;
}

.gray_bgbox_heading {
    color: #383737;
    font-size: 18px;
    padding-bottom: 10px;
    background-image: url(/TalentFirst/TalentFirstV3/images/gray_bgbox_heading.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}


/*CSS stylev4_new starts*/
.panel-noborder {
    border: 0;
    margin: 0;
    box-shadow: 0 0 0;
}

    .panel-noborder .panel-heading {
        background-color: #FFFFFF;
        padding: 0;
        border: 0;
    }

    .panel-noborder .panel-body {
        padding: 0;
    }

*:focus {
    outline: none;
}

.txtwhite {
    color: #FFFFFF;
}

.txtorange {
    color: #f97c13;
}

.lineheight20,
.line_height20 {
    line-height: 20px;
}

.lineheight30 {
    line-height: 30px;
}


.txt_red,
.redtext {
    color: #FF0000 !important;
}

.txt_blue {
    color: #2271a3;
}



.connect_loading {
    background-color: #5b5a5a;
    text-align: center;
}

.disabledlnk {
    background-position: 0 -26px;
    padding-left: 25px;
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.grid_progress {
    margin-bottom: 0;
    height: 12px;
}

.tf_grid th {
    color: #FFFFFF !Important;
    background-color: #4e4e4e !important;
    text-align: left;
    padding: 5px;
    font-size: 14px !important;
    border-bottom: 1px !important;
}

.tf_grid td {
    background-color: #FFFFFF !important;
    padding: 5px !Important;
    font-size: 14px !important;
    vertical-align: top !Important;
}

    .tf_grid td.igg_SelectedCell {
        background-color: #e18e35 !important;
        color: #FFFFFF !important;
    }

.tf_grid tbody.igg_Item > tr > td {
    cursor: pointer;
}

.progress_start {
    background-color: #66953c;
}

.progress_complete {
    background-color: #e18e35;
}

.gridlearning {
    overflow: auto;
}

.txt-orange {
    color: #f97c13;
}

.txt-darkgray {
    color: #485c66;
}


.quickfeedback-quick-disabled {
    cursor: default;
}


.white_bg {
    background-color: white !important;
}

#rptWellDone {
    font-size: 12px !important;
}

.igdw_ModalBackground {
    background-color: #000000 !important;
    width: 100% !important;
    position: fixed !important;
}











.myprofile_image {
    width: 120px;
    height: 120px;
    border-radius: 60px;
}

.popup-skils ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .popup-skils ul li {
        padding: 0;
        margin: 0;
        float: left;
        margin: 0 10px 10px 0;
    }

.popup-skils-name {
    background-color: #2d90ce;
    border: 1px solid #006fb5;
    padding: 0 10px;
    color: #FFFFFF;
    border-radius: 5px;
    float: left;
    line-height: 25px;
}

.skill-endorsement-act {
    background-color: #2d90ce;
    border: 1px solid #006fb5;
    padding: 0 10px;
    color: #FFFFFF;
    border-radius: 5px;
    float: left;
    line-height: 25px;
    cursor: pointer;
}

.popup-skils-click {
    float: left;
    padding: 0 5px;
    background-color: #e18e35;
    border: 1px solid #d1720c;
    border-radius: 5px;
    display: block;
    line-height: 25px;
}

.popup-skils-disabled {
    float: left;
    padding: 0 5px;
    background-color: #e18e35;
    border: 1px solid #d1720c;
    border-radius: 5px;
    display: block;
    line-height: 25px;
}

.gridpager table tr td,
table tr.gridpager td {
    border-top: 0 solid red !important;
}

.igdm_MenuItemHorizontalRoot {
    padding: 0 !important;
}



.page_title {
    color: #000000 !important;
    font-size: 18px !important;
}

.norecord {
    font-size: 14px;
    padding-left: 10px;
    color: #000000;
    text-align: center;
}

.norecordact {
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 5px 0px;
    text-align: center;
    font-weight: bold;
}

.popup_toggle {
    width: 40px !important;
    height: 20px !important;
}

    .popup_toggle .toggle-off,
    .popup_toggle .toggle-blob {
        height: 18px !important;
    }

    .popup_toggle .toggle-slide {
        height: 18px !important;
    }

    .popup_toggle .toggle-off,
    .popup_toggle .toggle-on {
        background: #45a31f !important;
    }


.post_heading {
    background-color: #f3f3f3;
    color: #005387;
    font-size: 18px;
    padding: 3px 5px;
    margin-bottom: 5px;
    border-radius: 4px;
}

label {
    font-weight: normal;
    margin: 0;
}

.postMore-drop-down {
    width: 200px;
    border: 1px solid #cccccc;
    background-color: #fafafa;
    position: absolute;
    top: 128px;
    left: 16px;
    z-index: 100;
}

    .postMore-drop-down ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .postMore-drop-down ul li {
            padding: 8px;
            font-size: 13px;
            cursor: pointer;
        }

            .postMore-drop-down ul li:hover {
                color: #FFFFFF;
                background-color: #e18e35;
            }

.competencydimension-heading {
    background-color: #757474;
    color: #ffffff;
    border: 1px solid #A5A5A5;
    border-radius: 4px;
    font-family: arial,verdana;
    font-size: 14px;
    font-weight: bold;
    overflow: auto;
    padding: 5px;
    height: 30px;
}

.reviewompetencies {
    margin-left: 0;
    margin-top: 10px;
}

    .reviewompetencies ul {
        padding: 5px 0 0 10px;
        margin: 0;
        list-style-type: none;
    }

        .reviewompetencies ul li {
            background-image: url(/TalentFirst/TalentFirstV3/images/reviewompetencies-bullet.png);
            background-repeat: no-repeat;
            padding: 0;
            padding-left: 20px;
            line-height: 20px;
            margin-top: 5px;
        }

.border_orange3 {
    border: 3px solid #e67b00;
    overflow: hidden;
}

.border_blue3 {
    border: 3px solid #2085c4;
    overflow: hidden;
}

.border_bg3 {
    border: 3px solid #f7f7f6;
    overflow: hidden;
}

.border_bg4 {
    border: 3px solid #FFFFFF;
    overflow: hidden;
}

.competencies_box {
    float: left;
    border: 1px solid #a5a5a5;
    background-color: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
}

.competencies_heading {
    background: url(/TalentFirst/TalentFirstV3/images/competencies_heading.png);
    background-repeat: repeat-x;
    line-height: 35px;
    height: 38px;
    color: #363636;
    font-size: 16px;
    padding-left: 8px;
}

.competencies_container {
    padding: 8px;
}

.competencies-textbox {
    background-image: url(/TalentFirst/TalentFirstV3/images/competencies-textbox.png);
    background-repeat: repeat-x;
    background-color: #e0e0e0;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    font-family: arial,verdana;
    font-size: 14px;
    color: #000000;
    padding: 5px;
    resize: none;
    overflow: auto;
}

.metric_name {
    background-color: #969696;
    color: #ffffff;
    border-radius: 4px;
    font-family: arial,verdana;
    font-size: 14px;
    font-weight: bold;
    overflow: auto;
    padding: 5px;
    height: 30px;
}

.metric_box {
    float: left;
    border: 1px solid #a5a5a5;
    background-color: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
}

.metric_heading {
    background-color: #DEDEDE;
    line-height: 35px;
    height: 38px;
    color: #363636;
    font-size: 16px;
    padding-left: 8px;
}

.metric_container {
    padding: 8px;
}

.metric-text-box-heading {
    background-color: #DEDEDE;
    border: 0;
    font-family: arial,verdana;
    font-size: 14px;
}

.metric-textbox {
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    font-family: arial,verdana;
    font-size: 12px;
    padding: 5px;
    resize: none;
    overflow: auto;
}

.heading_bluebg {
    line-height: 30px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 10px 0 10px;
    border-radius: 5px 5px 0 0;
    float: left;
    background-color: #196faa;
}

.heading_bluebg_container {
    border: 1px solid #bcbcbc;
    border-radius: 0 5px 5px 5px;
    padding: 10px;
    overflow: hidden;
    background-color: #FFFFFF;
    clear: both;
}

.popup_rating {
    min-height: 25px;
    margin-top: 10px;
}

    .popup_rating #wrRating {
        height: 25px !Important;
    }

        .popup_rating #wrRating .igr_EmptyContainer {
            height: 23px !Important;
            width: 115px !Important;
        }

        .popup_rating #wrRating .igr_SelectedContainer {
            height: 23px !Important;
            top: -24px !Important;
            left: 1px !Important;
        }

        .popup_rating #wrRating .igr_HoveredContainer {
            margin-top: -7px;
            height: 23px !Important;
            margin-left: 1px;
        }

.Empty {
    background: url(/TalentFirst/TalentFirstV3/images/Empty.png) no-repeat right top;
}

    .Empty:hover {
        background: url(/TalentFirst/TalentFirstV3/images/Filled.png) no-repeat right top;
    }

.Filled {
    background: url(/TalentFirst/TalentFirstV3/images/Filled.png) no-repeat right top;
}

.OnlyEmpty {
    background: url(/TalentFirst/TalentFirstV3/images/Empty.png) no-repeat right top;
}
/*chat window*/
.chatwindow {
    width: 370px;
    height: 480px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #edf0f2;
    border: 1px solid #c8c8c8;
    z-index: 1001;
}

.chatwindow_heading {
    background-color: #64747c;
    padding: 10px;
    color: #FFFFFF;
    font-size: 18px;
}

    .chatwindow_heading a {
        float: right;
    }

.chat_area {
    height: 380px;
    padding: 10px;
    padding-top: 0;
    overflow: auto;
}

.chat_comment_area {
    background-color: #FFFFFF;
    padding: 5px;
    margin: 15px 5px 5px 12px;
    overflow: hidden;
}

    .chat_comment_area textarea {
        border: 0;
        background-color: #FFFFFF;
        font-family: Arial;
        font-size: 13px;
        width: 98%;
        height: 54px;
        resize: none;
    }



.chat_box_self,
.chat_box_other {
    overflow: hidden;
    margin-top: 10px;
}


    .chat_box_self .chat_user img,
    .chat_box_other .chat_user img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

    .chat_box_self .chat_arrow {
        width: 19px;
        height: 18px;
        background-image: url(/TalentFirst/TalentFirstV3/images/chat_arrow.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        margin: 0 0 0 5px;
    }

    .chat_box_other .chat_arrow {
        width: 19px;
        height: 18px;
        background-image: url(/TalentFirst/TalentFirstV3/images/chat_arrow.png);
        background-repeat: no-repeat;
        background-position: -24px 0;
        margin: 0 5px 0 0;
    }

    .chat_box_self .chat_container {
        min-height: 65px;
        background-color: #FFFFFF;
        overflow: hidden;
        padding: 8px;
        border-radius: 4px;
    }

    .chat_box_other .chat_container {
        min-height: 65px;
        background-color: #d0d0d0;
        overflow: hidden;
        padding: 8px;
        border-radius: 4px;
    }

    .chat_box_self .chat_username,
    .chat_box_other .chat_username {
        color: #2271a3;
        font-weight: bold;
        font-size: 13px;
        display: block;
    }

    .chat_box_other .chat_username {
        color: #d26100;
    }

    .chat_box_self .chat_text,
    .chat_box_other .chat_text {
        color: #000000;
        font-size: 12px;
        display: block;
    }

    .chat_box_self .chat_date,
    .chat_box_other .chat_date {
        color: #777777;
        font-size: 11px;
        display: block;
        text-align: right;
    }
/*chat window*/
.hidden {
    display: none;
}

.clearfix {
    clear: both;
}


/*INF GRID STARTS HERE*/
.inf_grid .igg_Header {
    background-image: none !important;
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-family: "Droid Sans",arial, verdana !important;
    color: #000000 !important;
    font-size: 14px !important;
    padding: 20px !important;
}

.inf_grid table th {
    padding: 8px !Important;
}

.inf_grid tbody.igg_Item > tr > td {
    background-color: #FFFFFF;
    font-family: "Droid Sans",arial, verdana !important;
    color: #000000 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 8px;
}

    .inf_grid tbody.igg_Item > tr > td.igg_SelectedCell {
        background-color: #e18e35;
        color: #FFFFFF !important;
    }

/*a.inf_paging {
    color: #4da4df;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 20px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
}

.inf_paging_selected,
.inf_paging_selected:hover {
    color: #FFFFFF;
    border: 1px solid #4da4df;
    background-color: #4da4df;
    width: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
    cursor: default;
}*/
a.inf_paging {
    color: #4da4df;
    margin-top: 5px;
    display: inline-block;
    padding: 5px;
    line-height: 11px;
}

.inf_paging_selected,
.inf_paging_selected:hover {
    background-color: #4da4df;
    color: #FFFFFF;
    border-radius: 20px;
    font-weight: bold;
    cursor: default;
    margin-top: 5px;
    display: inline-block;
    padding: 5px;
    line-height: 11px;
}

/*INF GRID ENDS HERE*/

.observers_list {
    overflow: hidden;
    min-height: 115px;
}

    .observers_list ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .observers_list ul li {
            float: left;
            padding: 0;
            margin: 0;
            text-align: center;
            width: 150px;
            margin: 5px;
        }

            .observers_list ul li img {
                width: 55px;
                height: 55px;
                border-radius: 50px;
                border: 1px solid #a0a0a0;
            }

            .observers_list ul li span {
                display: block;
                color: #474646;
                font-size: 16px;
            }



.observers_list_ActTask {
    overflow: auto;
    height: 90px;
}

    .observers_list_ActTask ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .observers_list_ActTask ul li {
            float: left;
            padding: 0;
            margin: 0;
            text-align: center;
            width: 150px;
            margin: 5px;
        }

            .observers_list_ActTask ul li img {
                width: 55px;
                height: 55px;
                border-radius: 50px;
                border: 1px solid #a0a0a0;
            }

            .observers_list_ActTask ul li span {
                display: block;
                color: #474646;
                font-size: 16px;
            }

.modal-content iframe {
    /*margin-bottom: -5px !important;*/
    margin-bottom: -1px !important;
}

.catalog_rating {
    font-style: italic;
    text-align: center;
    margin-top: 5px;
}

    .catalog_rating span {
        display: block;
        color: #000000;
        font-size: 14px;
    }

.EmptyRating {
    background: url(/TalentFirst/TalentFirstV3/Images/star_emp.png) no-repeat;
}

.FilledRating {
    background: url(/TalentFirst/TalentFirstV3/Images/star_fill.png) no-repeat;
}


.gray_box {
    float: left;
    width: 270px;
    margin-left: 15px;
    margin-bottom: 20px;
    border: 1px solid #c9c9c9;
    overflow: hidden;
    border-radius: 4px;
}

.gray_box_heading {
    background-color: #c9c9c9;
    padding: 5px;
    font-size: 18px;
}

.gray_box_container {
    padding: 10px;
    overflow: hidden;
}

.gray_box_coloum {
    width: 49%;
    float: left;
    text-align: center;
    font-size: 16px;
}

.gray_box_line {
    width: 2%;
    float: left;
    text-align: center;
}

.gray_box_coloum span.orange {
    color: #e18e35;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 5px;
}

.gray_box_coloum span.blue {
    color: #196faa;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 5px;
}

@media (min-width:800px) {
    .popup_container .content_scroll_container {
        width: 845px;
    }


    .competency_benchmark_chart {
        width: 800px !important;
        height: 300px !important;
    }

    .popup_container .content_scroll_competency {
        width: 860px;
    }
}

@media (max-width:799px) {
    .popup_container .content_scroll_container {
        width: 565px;
    }

    .popup_container .content_scroll_competency {
        width: 552px;
    }

    .competency_benchmark_chart {
        width: 500px !important;
        height: 200px !important;
    }
}

/*Manoj*/

.cpd {
    cursor: default !important;
    list-style: none !important;
}

.goal-desc {
    width: 100%;
    margin-top: 15px;
}

    .goal-desc textarea {
        width: 80%;
    }

    .goal-desc ul {
        padding-left: 0;
        margin-top: 5px;
    }

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.completed {
    color: #479c41;
}

.in-progress {
    color: #e1b929;
}

.onhold {
    color: #71716f;
}

.not-started {
    color: #0b0b0b;
}

.completed, .in-progress, .onhold, .not-started {
    font-size: 15px;
    font-weight: 300;
}

.marginright30 {
    margin: 0 5px;
}

.w10 {
    width: 100px;
}

.milestone-icons {
    text-align: center;
    width: 100%;
}

.milestone-text {
    width: 85px;
    text-align: center;
}

.igdw_BodyContent .observers_list ul li img {
    width: 40px !important;
    height: 40px !important;
}

.igdw_BodyContent .observers_list ul li {
    width: 121px !important;
}

    .igdw_BodyContent .observers_list ul li span {
        font-size: 14px !important;
    }

.igdw_BodyContent .observers_list {
    max-height: 140px !important;
    overflow-y: auto !important;
}

.heading19 span {
    color: #005387;
    font-size: 18px;
}

.milestone-pop-arrow {
    background: rgba(0, 0, 0, 0) url(/TalentFirst/TalentFirstV3/Images/miles-popup-arrow.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 17px;
    left: -10px;
    position: absolute;
    top: 11px;
    width: 11px;
}

.miles-pop-close {
    display: inline-block;
    position: absolute;
    right: -14px;
    top: -13px;
}

.miles-pop {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    box-shadow: 2px 5px 5px #ccc;
    left: 17px;
    position: absolute;
    top: 25px;
    z-index: 999;
    width: 158px;
}

    .miles-pop ul li a {
        font-size: 15px !important;
        padding: 3px 9px 4px 9px;
        display: inline-block;
    }

        .miles-pop ul li a:hover {
            color: #ff8309;
            text-decoration: none !important;
        }

    .miles-pop ul {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        max-height: 262px !important;
        overflow-y: auto !important;
    }

        .miles-pop ul li {
            list-style: none;
            border-bottom: 1px solid #CCCCCC;
        }

    .miles-pop .close {
        color: #000;
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        opacity: 0.8 !important;
        text-shadow: 0 1px 0 #fff;
    }

    .miles-pop .chatwindow {
        height: 339px !important;
    }

    .miles-pop .chat_area {
        height: 290px !important;
    }

.task-panel {
    float: left;
    width: 65%;
}


.popup-block .chat_container {
    width: 175px;
    padding: 0 5px 0 6px !important;
    margin: 3px 0 !important;
}

.popup-block .chat_area {
    height: 240px;
}

/*19 April Manoj CSS*/
.popup-block .chatwindow_heading {
    border-radius: 5px 5px 0 0 !important;
}

.popup-block .chat_comment_area textarea {
    height: 29px !important;
}

.popup-block .chat_comment_area {
    height: 37px;
}

.popup-block img {
    width: 40px !important;
    height: 40px !important;
}

.popup-block .chat_area {
    width: 279px;
    height: 366px !important;
}

.mrgtop28 {
    margin-top: 28px;
}



.mrgtop-32 {
    margin-top: -32px;
}

@media only screen and (max-width:768px) {
    .goal-desc textarea {
        width: 72% !important;
    }

    .add {
        margin-right: 10px;
    }
    /*.table-responsive table {height:110px}*/
}

.fontsize12 {
    font-size: 12px;
    font-weight: normal;
}

.catalogcontainerwidth {
    width: 60%;
}


.top-Employee_Search_popup {
    width: 500px;
    height: 250px;
    border: 2px solid;
    position: absolute;
    top: 55px;
    right: 0;
    overflow: auto;
    background-color: lightgrey;
}


.search-opt-drop-down ul li {
    list-style-type: none;
    padding: 0;
    height: auto;
    border-left: 0;
}



    .search-opt-drop-down ul li a.searchTM {
        background-position: 0 0;
    }

        .search-opt-drop-down ul li a.searchTM:hover {
            color: #FFFFFF;
            padding-left: 30px;
            background-image: url(/TalentFirst/TalentFirstV3/images/arrow_orange_right.png);
            background-repeat: no-repeat;
            background-position: 15px 10px;
        }




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .catalogcontainerwidth {
        width: 92%;
    }
}



@media (min-width:801px) {
    .act-leftmargin {
        margin-left: 30px;
    }
}


.assessment_typelist ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    overflow: hidden;
    list-style-type: none;
}

    .assessment_typelist ul li {
        margin: .5%;
        padding: 0;
        float: left;
        width: 15.5%;
        min-width: 145px;
        height: 160px;
        border: 1px solid #d2d5d7;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
    }

        .assessment_typelist ul li:hover {
            background-color: #e9e9e9;
        }

        .assessment_typelist ul li.selected {
            background-color: #e9e9e9;
            cursor: default;
        }

.assessment_typelist_heading {
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
}

    .assessment_typelist_heading span {
        width: 80px;
        height: 80px;
        display: block;
        background: url(/TalentFirst/TalentFirstV3/images/assessment_typelist.png);
        background-repeat: no-repeat;
        margin: 10px auto;
    }

        .assessment_typelist_heading span.quiz {
            background-position: -20px -20px;
        }

        .assessment_typelist_heading span.survey {
            background-position: -20px -120px;
        }

        .assessment_typelist_heading span.assess {
            background-position: -20px -220px;
        }

        .assessment_typelist_heading span.degree {
            background-position: -20px -320px;
        }

        .assessment_typelist_heading span.certify {
            background-position: -20px -420px;
        }

        .assessment_typelist_heading span.appraise {
            background-position: -20px -520px;
        }

        .assessment_typelist_heading span.competencyassessments {
            background-position: -20px -620px;
        }

.assessment_typelist ul li .assessment_typelist_text {
    display: none;
}

.assessment_typelist ul li:hover .assessment_typelist_text {
    display: block;
}

.assessment_typelist_text {
    background-image: url(/TalentFirst/TalentFirstV3/images/blackbg75.png);
    padding: 5px;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 4px;
}



/*Chart Css*/

@media screen and (max-width:1024px) {
    .coach_barchart_big {
        width: 100%;
        height: 350px;
    }

    .coach_barchart_big_container {
        max-width: 100%;
        overflow: hidden;
    }

    .coach_barchart_small {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .coach_barchart_small_container {
        max-width: 100%;
        margin: 0;
        overflow: hidden;
    }
}
/*Chart Css*/

/*Snapshot Report CSS*/
.snapshot_topuser {
    float: left;
    width: 45%;
    overflow: hidden;
    font-size: 18px;
}

    .snapshot_topuser span.designation {
        font-size: 15px;
        color: #f97c13;
        display: block;
        font-style: italic;
    }

    .snapshot_topuser img {
        width: 48px;
        height: 48px;
        border-radius: 50px;
    }

.snapshot_toparrow {
    float: left;
    width: 10%;
    text-align: center;
    line-height: 48px;
}

.snapshot_topgraybox {
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 10px;
    overflow: hidden;
}

.chart_yearglance {
    width: 33.3%;
    padding: 1%;
    float: left;
    text-align: center;
}

@media (max-width:1000px) {
    .chart_yearglance {
        width: 100%;
        padding: 1%;
        float: none;
        text-align: center;
    }
}

.txt18 {
    font-size: 18px;
}

.txt20 {
    font-size: 20px;
}

.chart_tasktally {
    overflow: hidden;
    text-align: center;
}

    .chart_tasktally p {
        background-color: #e5e5e5;
        padding: 5px;
        margin-top: 10px;
    }

.topcomments_row {
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e9eb;
}

    .topcomments_row table {
        border-collapse: collapse;
        width: 100%;
        border: 0;
    }

    .topcomments_row td {
        padding: 0;
        vertical-align: top;
    }

.topcomments_image {
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #afafaf;
}

.topcomments_box {
    overflow: hidden;
    padding: 0 10px 0 20px;
}

.topcommentsbox_heading {
    color: #474646;
    font-size: 18px;
}

    .topcommentsbox_heading span {
        font-size: 12px;
        font-weight: normal;
        float: right;
    }
/*Snapshot Report CSS*/

.button {
    background-image: url(/TalentFirst/TalentFirstV3/images/button_bg.png);
    background-repeat: repeat-x;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 27px;
    font-size: 14px;
    outline-style: none;
    padding: 0 10px;
    display: inline-block;
}

    .button:hover {
        background-image: none;
        background-color: #757474;
    }

.button_blue {
    background-color: #4da4df;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 36px;
    outline-style: none;
    padding: 0 15px;
}

    .button_blue:hover {
        background-image: none;
        background-color: #064e80;
    }

.button_orange {
    background-color: #f97c13;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 36px;
    outline-style: none;
    padding: 0 15px;
}

    .button_orange:hover {
        background-image: none;
        background-color: #b65300;
    }

.button_disabled {
    background-color: #c2c2c2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: default;
    font-weight: bold;
    height: 36px;
    outline-style: none;
    padding: 0 15px;
}

    .button_disabled:hover {
        background-image: none;
        background-color: #c2c2c2;
    }

.txt-right {
    text-align: right;
}
/*CSS stylev4_new ends*/


.heading_bg_dark {
    padding: 20px;
    background-color: #b2bbbf;
    overflow: hidden;
}

.heading_bg {
    padding: 20px;
    background-color: #edf0f2;
    overflow: hidden;
}

.heading_blue_small {
    border-left: 5px solid #0d8dd3;
    padding-left: 10px;
    text-transform: uppercase;
}

    .heading_blue_small h1 {
        padding: 0;
        margin: 0;
        color: #0d8dd3;
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
    }

.heading_orange_small {
    border-left: 5px solid #e97c21;
    padding-left: 10px;
    text-transform: uppercase;
}

    .heading_orange_small h1 {
        padding: 0;
        margin: 0;
        color: #e97c21;
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
    }

.heading_gray_small {
    border-left: 5px solid #2d4855;
    padding-left: 10px;
    text-transform: uppercase;
}

    .heading_gray_small h1 {
        padding: 0;
        margin: 0;
        color: #2d4855;
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
    }

.popnotification_heading {
    color: #e97c21;
    font-size: 18px;
    padding: 10px;
}

    .popnotification_heading span {
        font-size: 12px;
        color: #000000;
    }

.popnotification_container {
    height: 270px;
    overflow: auto;
    padding: 0 10px;
}

.popnotification_bottom {
    padding: 10px;
    text-align: center;
}

.left_notification .popnotification_container {
    height: 380px;
}

@media only screen and (min-width : 800px) and (max-width : 1024px) {
    .left_notification .popnotification_container {
        height: 175px;
    }
}

.filterby .btn {
    color: #474646;
}

    .filterby .btn:hover {
        color: #000000 !important;
    }

.page_tilte {
    padding: 20px;
    height: 70px;
}

    .page_tilte h1 {
        padding: 0;
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 10px;
        line-height: 30px;
    }

@media (max-width:1100px) {
    .page_tilte h1 {
        font-size: 16px;
    }
}

.sub_heading_black {
    font-size: 18px;
    color: #474646;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.sub_heading_orange {
    font-size: 18px;
    color: #e97c21;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.left_panelbutton ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .left_panelbutton ul li {
        padding: 0;
        margin: 0;
        margin-top: 20px;
    }

        .left_panelbutton ul li a {
            background-image: url(/TalentFirst/TalentFirstV3/images/left_panelbutton.png);
            background-repeat: no-repeat;
            background-position: 20px 10px;
            background-color: #64747c;
            display: block;
            color: #FFFFFF;
            font-size: 18px;
            text-shadow: 1px 1px 2px #000000;
            box-shadow: 0 3px 0 #485c66;
            line-height: 47px;
            border-radius: 25px;
            padding-left: 60px;
            margin: 30px 0;
        }

            .left_panelbutton ul li a:hover,
            .left_panelbutton ul li a:focus {
                color: #FFFFFF;
                background-color: #485c66;
                box-shadow: 0 3px 0 #203c4a;
                transition: all 1s ease 0s;
            }



/*--------------------------*/
.goalpopup_container {
    overflow: hidden;
}

.goalpopup_container_left {
    overflow: hidden;
    float: left;
    width: 67%;
    padding: 10px;
}

.goalpopup_container_left_scroll {
    height: 255px;
    overflow: auto;
    padding-right: 20px;
}

.goalpopup_container_right {
    overflow: hidden;
    background-image: url(/TalentFirst/TalentFirstV3/images/goalpopup_container_saprater.jpg);
    background-repeat: repeat-y;
    background-color: #edf0f2;
    float: right;
    width: 33%;
}

.goalpopup_feedback_heading {
    color: #005387;
    font-size: 22px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c7c9cb;
    margin: 10px 10px 10px 17px;
}

.goalpopup_feedback_height
/*chetan*/ {
    height: 515px;
    overflow: auto;
    margin: 0 10px 0 17px;
}

.taskpopup_feedback_readonly_height {
    height: 275px !important;
    overflow: auto;
}

.taskpopup_feedback_height {
    height: 523px !important;
    overflow: auto;
}


@media (max-width:800px) {
    .goalpopup_container_left {
        float: none;
        width: 100%;
    }

    .goalpopup_container_left_scroll {
        height: 180px;
    }

    .goalpopup_container_right {
        float: none;
        width: 100%;
        margin-top: 10px;
        background-image: none;
    }

    .goalpopup_feedback_height {
        height: auto;
        margin-right: 20px;
        height: 250px;
        overflow: auto !Important;
    }

    .taskpopup_feedback_height {
        height: auto;
    }

    .chat_comment_area {
        margin: 15px 5px 5px 5px;
    }
}

.competencies_box_new {
    border: 1px solid #e6e6e6;
    background-color: #FFFFFF;
    overflow: hidden;
    color: #474646;
    font-family: "Droid Sans",arial, verdana;
    font-size: 13px;
}

    .competencies_box_new .competencies_heading_new {
        font-size: 15px;
        line-height: 30px;
        color: #ffffff;
        padding: 0 5px;
        height: 60px;
    }

.competencies_heading_blue {
    background-color: #64b5eb;
}

.competencies_heading_red {
    background-color: #f6988a;
}

.competencies_heading_green {
    background-color: #4cb6ab;
}

.competencies_heading_yellow {
    background-color: #d8b54e;
}

.competencies_heading_royalblue {
    background-color: #6275b3;
}

.competencies_heading_bluishgreen {
    background-color: #717f8e;
}

.competencies_box_new .competencies_box_container {
    border: 0;
    padding: 5px;
    width: 185px !important;
    height: 100px !important;
    word-wrap: break-word;
    white-space: normal;
}

.metric_name_new {
    background-color: #ddeaef;
    color: #0d8dd3;
    font-family: "Droid Sans",arial, verdana;
    font-size: 18px;
    padding: 5px 10px;
}

.connect-right-panel {
    width: 95%;
}

.connect-left-panel {
    width: 4%;
}


/*LAP CSS STARTS HERE*/
.lap_row {
    overflow: hidden;
    margin-bottom: 20px;
}

.imagepreview {
    width: 200px;
    height: 150px;
    position: relative;
}

.imagepreview_name {
    width: 200px;
    margin-top: 5px;
    text-align: center;
}

.imagepreview img {
    width: 200px;
    height: 150px;
    display: block;
    border: 1px solid #cdcdcd !important;
}

.imagepreview .review {
    display: block;
    width: 200px;
    height: 150px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    display: none;
}

.imagepreview:hover .review {
    display: block;
}

.imagepreview .review span {
    position: absolute;
    cursor: pointer !important;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    width: 89px;
    height: 89px;
    padding-top: 30px;
    top: 25px;
    left: 55px;
    z-index: 100;
    background-image: url(/TalentFirst/TalentFirstV3/images/review_bg.png);
}

.imagepreview .bottombar {
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 2px 4px;
    font-size: 14px;
    color: #FFFFFF;
}

    .imagepreview .bottombar .imagepreview_catalog_star .EmptyRating {
        background: url(/TalentFirst/TalentFirstV3/Images/star_empty_small.png) no-repeat;
    }

    .imagepreview .bottombar .imagepreview_catalog_star .FilledRating {
        background: url(/TalentFirst/TalentFirstV3/Images/star_full_small.png) no-repeat;
    }

.lap_box {
    background-color: #F4f4f4;
    overflow: hidden;
    padding: 10px;
    margin-left: 10px;
}

.lap_box_left {
    width: 240px;
    overflow: hidden;
}

.completed_date {
    color: #627f04;
    background-image: url(/TalentFirst/TalentFirstV3/images/completed_date.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

.learner {
    font-size: 14px;
    color: #485c66;
}

.learner_commentbox {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 4px;
}

.learner_commentbox_bottom {
    background-color: #e5e5e5;
    overflow: hidden;
    padding: 5px 10px;
}

.learner_comments {
    border: 1px solid #FFFFFF;
    width: 100%;
    height: 70px;
    resize: none;
    font-family: "Droid Sans",arial, verdana;
    font-size: 13px;
    padding: 5px;
}
/*LAP CSS ENDS HERE*/
.learningtask_edit {
    position: absolute;
    right: 0;
    top: 0;
}

.glyphicon_iconbg {
    border-radius: 50px;
    margin: 5px;
    color: #FFFFFF;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

    .glyphicon_iconbg:hover {
        color: #ffffff;
        background-color: #f97c13;
    }


/*Competencies 6 color box*/
.mycompetencieslist ul {
    padding: 0;
    margin: 0;
}

    .mycompetencieslist ul li {
        padding: 4px 10px 0 10px;
        margin: 0;
    }

.mycompetenciesbox {
    width: 160px;
    overflow: hidden;
    cursor: pointer;
}

.mycompetenciesbox_selected {
    cursor: default;
}

.mycompetenciesbox:hover,
.mycompetenciesbox_selected {
    box-shadow: 0 0 8px #888888;
    border-radius: 4px;
}

    .mycompetenciesbox:hover .mycompetenciesbox_container,
    .mycompetenciesbox_selected .mycompetenciesbox_container {
        background-color: #f5f5f5;
    }

.mycompetenciesbox_header {
    height: 70px;
    width: 160px;
    border-radius: 4px 4px 0 0;
    display: table-cell;
    vertical-align: middle;
}

.mycompetenciesbox_blue .mycompetenciesbox_header {
    background-color: #64b5eb;
}

.mycompetenciesbox_red .mycompetenciesbox_header {
    background-color: #f6988a;
}

.mycompetenciesbox_green .mycompetenciesbox_header {
    background-color: #4cb6ab;
}

.mycompetenciesbox_yellow .mycompetenciesbox_header {
    background-color: #d8b54e;
}

.mycompetenciesbox_royalblue .mycompetenciesbox_header {
    background-color: #6275b3;
}

.mycompetenciesbox_bluishgreen .mycompetenciesbox_header {
    background-color: #717f8e;
}

.mycompetenciesbox_header span {
    display: block;
    word-wrap: break-word;
    white-space: normal;
    color: #FFFFFF;
    text-align: center;
    font-family: "Droid Sans",arial, verdana;
    font-size: 15px;
    font-weight: normal;
}

.mycompetenciesbox_container {
    height: 85px;
    font-family: "Droid Sans",arial, verdana;
    font-size: 12px;
    color: #464747;
    font-weight: normal;
    padding: 10px;
    word-wrap: break-word;
    white-space: normal;
    border: 1px solid #c8c9ca;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}
/*Competencies 6 color box*/

.feedback_statusbox {
    border: 1px solid #e6e6e6;
    background-color: #F2F3F4;
    padding: 3px;
    border-radius: 4px;
    overflow: hidden;
}

.feedback_down {
    color: #cc171b;
}

.feedback_up {
    color: #5d8600;
}
/* Skils tags AddNewSkills report control starts*/
.addskills ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .addskills ul li {
        float: left;
        margin: 5px;
        padding: 7px 25px 7px 7px;
        background-color: #e3e2e2;
        border-radius: 4px;
        position: relative;
    }

        .addskills ul li a {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 3px;
            right: 3px;
            line-height: 14px;
            text-align: center;
            background-color: #888888;
            color: #FFFFFF;
            font-weight: bold;
            border-radius: 15px;
            display: inline-block;
        }

            .addskills ul li a:hover {
                background-color: #e97c21;
                color: #FFFFFF;
            }
/* Skils tags AddNewSkills report control ends*/

/*People Search Css Starts here*/
.peoplesearch_box {
    overflow: hidden;
    padding: 8px 15px 15px 15px;
    margin: 5px 5px 15px 5px;
    border-radius: 5px;
}

    .peoplesearch_box:hover {
        box-shadow: 0px 0px 5px #ababab;
    }

.peoplesearch_box_blue {
    background: #ddeaef; /* Old browsers */
    background: -moz-linear-gradient(top, #f6fcff 1%, #ddeaef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f6fcff), color-stop(100%,#ddeaef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6fcff 1%,#ddeaef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6fcff 1%,#ddeaef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6fcff 1%,#ddeaef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6fcff 1%,#ddeaef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fcff', endColorstr='#ddeaef',GradientType=0 ); /* IE6*/
    border: 1px solid #cee0e7;
}

.peoplesearch_box_gray {
    background: #e4e5e5; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfaf9 1%, #e4e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbfaf9), color-stop(100%,#e4e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfaf9 1%,#e4e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfaf9 1%,#e4e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfaf9 1%,#e4e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fbfaf9 1%,#e4e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfaf9', endColorstr='#e4e5e5',GradientType=0 ); /* IE6*/
    border: 1px solid #d9e0e4;
}

.peoplesearch_box_orange {
    background: #fff4dd; /* Old browsers */
    background: -moz-linear-gradient(top, #fffbf2 1%, #fff4dd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fffbf2), color-stop(100%,#fff4dd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fffbf2 1%,#fff4dd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fffbf2 1%,#fff4dd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fffbf2 1%,#fff4dd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fffbf2 1%,#fff4dd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf2', endColorstr='#fff4dd',GradientType=0 ); /* IE6*/
    border: 1px solid #f6dda9;
}

.peoplesearch_box_blue .peoplesearch_box_heading {
    color: #0687cd;
}

.peoplesearch_box_gray .peoplesearch_box_heading {
    color: #485c66;
}

.peoplesearch_box_orange .peoplesearch_box_heading {
    color: #bf6f19;
}

.peoplesearch_box .addskills ul li {
    background-color: #798a92;
    color: #FFFFFF;
}

    .peoplesearch_box .addskills ul li a {
        background-color: #FFFFFF;
        color: #798a92;
    }

        .peoplesearch_box .addskills ul li a:hover {
            background-color: #f57c00;
            color: #ffffff;
        }

.peoplesearch_box .ui-slider-horizontal {
    background-color: #c6c6c6;
}

.peoplesearch .addskills ul li {
    background-color: #798a92;
    color: #FFFFFF;
    padding: 7px;
}

.hightlightresult {
    background-color: #f77c00 !important;
}

.txt_green {
    color: #627f04;
}

.txt_bluegray {
    color: #485c66;
}

.circul_green {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #627f04;
    color: #FFFFFF;
    border-radius: 50px;
    margin-right: 5px;
}

.circul_orange {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #e97c21;
    color: #FFFFFF;
    border-radius: 50px;
    margin-right: 5px;
}

.circul_bluegray {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #485c66;
    color: #FFFFFF;
    border-radius: 50px;
    margin-right: 5px;
}

.mrgleft30 {
    margin-left: 30px;
}

.mrgleft40 {
    margin-left: 40px;
}

.box33 {
    float: left;
    width: 33.3%;
    padding-right: 15px;
    overflow: hidden;
}

.bar_orange {
    background-color: #e18e35;
}

.skills_help_icon {
    margin-right: 10px;
    cursor: pointer;
}

.skills_help {
    min-height: 50px;
    border: 1px solid #c6dde6;
    background-color: #f7fafb;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 3px 3px 5px #c5c5c5;
}
/*.skills_help span 
{
    display:block;
}*/

/*.show_skills .skills_help{display:block;}
.show_skills:hover .skills_help {display:block;}*/
/*People Search Css Ends here*/


.categories_list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .categories_list ul li {
        padding: 0;
        margin: 0;
        float: left;
    }



.radio_list table tr td {
    padding: 5px !important;
}

.radio_list input[type=radio] {
    margin: 0;
    float: left;
}

.radio_list label {
    margin: -2px 5px 0 5px;
    float: left;
}

.task_ratingpopup_label {
    float: left;
    width: 125px;
    margin-top: 15px;
}

.task_ratingpopup_value {
    float: left;
}


/*Set popup width*/
.RewardPopup .modal-lg {
    width: 685px !important;
}
/*Set popup width*/


.coach-track-section .track_heading {
    display: none;
}

.coach-track-section .droupdown-arrow {
    background-position: right 11px;
}


/*RatingCarousel CSS*/
.leftpanel_rating_big {
    height: 158px;
}

.leftpanel_rating_big_heading {
    line-height: 32px;
    height: 32px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}

.leftpanel_rating_big_container {
    height: 126px;
    padding-top: 30px;
}

.rating_meter {
    width: 110px;
    height: 60px;
    margin: 0 auto;
}

.rating0 {
    background-position: 0 -10px;
}

.rating05 {
    background-position: 0 -110px;
}

.rating10 {
    background-position: 0 -210px;
}

.rating15 {
    background-position: 0 -310px;
}

.rating20 {
    background-position: 0 -410px;
}

.rating25 {
    background-position: 0 -510px;
}

.rating30 {
    background-position: 0 -610px;
}

.rating35 {
    background-position: 0 -710px;
}

.rating40 {
    background-position: 0 -810px;
}

.rating45 {
    background-position: 0 -910px;
}

.rating50 {
    background-position: 0 -1010px;
}

.leftpanel_rating_big_icon {
    float: left;
    width: 112px;
    text-align: right;
}

.leftpanel_rating_big_text {
    float: left;
    margin-left: 10px;
    font-size: 45px;
    line-height: 45px;
    text-shadow: 2px 2px 3px #515252;
}


a.RatingCarousel_arrrow {
    width: 30px;
    height: 44px;
    display: block;
    background-image: url(/TalentFirst/TalentFirstV3/images/RatingCarousel_arrrow.png) !important;
    background-repeat: no-repeat;
    margin-top: 70px;
    cursor: pointer;
}

.RatingCarousel_arrrowback {
    background-position: -120px 0;
}

.RatingCarousel_arrrownext {
    background-position: -179px 0;
}

#RatingCarousel .carousel-indicators li.active {
    border-color: transparent;
}

#RatingCarousel .carousel-indicators li {
    border: 0;
}

#RatingCarousel .leftpanel_rating_big_container {
    cursor: pointer;
}

#RatingCarousel .carousel-indicators {
    bottom: 0px;
}
/*RatingCarousel CSS*/


/*01-Sep-2016*/
.anonymous_header {
    background-color: #798a92;
    overflow: hidden;
    padding: 10px 20px;
}

.anonymous_user {
    color: #FFFFFF;
    font-size: 14px;
    text-shadow: 1px 1px 2px #000;
}

    .anonymous_user img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        border: 4px solid #a3afb6;
    }

.anonymous_title {
    background-color: #edf0f2;
    color: #485c66;
    font-size: 20px;
    padding: 10px 20px;
}
/*01-Sep-2016*/



/*----------------*/
.report_chart {
    overflow: hidden;
    margin-top: 20px;
}

.chart_area {
    overflow: hidden;
    border-bottom: 1px solid #bbbbbb;
}

.chart_bar {
    height: 341px;
    width: 7.14%;
    position: relative;
    float: left;
}

.chart_bar_bg {
    height: 100%;
    width: 22px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background-image: url(/TalentFirst/TalentFirstV3/images/chart_bar_bg.png);
    background-repeat: repeat-y;
    background-position: top center;
    z-index: 99;
}

.chart_range {
    width: 20px;
    background-color: #dcdcdc;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    z-index: 1;
}

.chart_value {
    width: 28px;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    margin-bottom: -2px;
    z-index: 100;
}

    .chart_value img {
        width: 14px;
        height: 14px;
        z-index: 100;
        margin-left: 7px;
    }

.chart_bottom {
    position: relative;
    overflow: hidden;
    min-height: 130px;
    font-size: 13px;
}

.chart_line {
    width: 7.14%;
    float: left;
    text-align: center;
}

.chart_lable1 {
    position: absolute;
    top: 15px;
    left: 0;
    text-align: center;
    width: 7.14%;
}

.chart_lable2 {
    position: absolute;
    top: 65px;
    left: 7.14%;
    text-align: center;
    width: 7.14%;
}

.chart_lable3 {
    position: absolute;
    top: 15px;
    left: 14.28%;
    text-align: center;
    width: 7.14%;
}

.chart_lable4 {
    position: absolute;
    top: 65px;
    left: 20%;
    text-align: center;
    width: 10%;
}

.chart_lable5 {
    position: absolute;
    top: 15px;
    left: 28%;
    text-align: center;
    width: 8%;
}

.chart_lable6 {
    position: absolute;
    top: 65px;
    left: 35.7%;
    text-align: center;
    width: 7.14%;
}

.chart_lable7 {
    position: absolute;
    top: 15px;
    left: 42.84%;
    text-align: center;
    width: 7.14%;
}

.chart_lable8 {
    position: absolute;
    top: 65px;
    left: 49.98%;
    text-align: center;
    width: 7.14%;
}

.chart_lable9 {
    position: absolute;
    top: 15px;
    left: 57.12%;
    text-align: center;
    width: 7.14%;
}

.chart_lable10 {
    position: absolute;
    top: 65px;
    left: 64.26%;
    text-align: center;
    width: 7.14%;
}

.chart_lable11 {
    position: absolute;
    top: 15px;
    left: 71.4%;
    text-align: center;
    width: 7.14%;
}

.chart_lable12 {
    position: absolute;
    top: 65px;
    left: 78.54%;
    text-align: center;
    width: 7.14%;
}

.chart_lable13 {
    position: absolute;
    top: 15px;
    left: 85.68%;
    text-align: center;
    width: 7.14%;
}

.chart_lable14 {
    position: absolute;
    top: 65px;
    left: 92.82%;
    text-align: center;
    width: 7.14%;
}
/**/
.chart_lable_pdf1 {
    position: absolute;
    top: 15px;
    left: 0;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf2 {
    position: absolute;
    top: 65px;
    left: 7.14%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf3 {
    position: absolute;
    top: 15px;
    left: 14.28%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf4 {
    position: absolute;
    top: 65px;
    left: 20%;
    text-align: center;
    width: 10%;
}

.chart_lable_pdf5 {
    position: absolute;
    top: 15px;
    left: 28%;
    text-align: center;
    width: 8%;
}

.chart_lable_pdf6 {
    position: absolute;
    top: 65px;
    left: 34.7%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf7 {
    position: absolute;
    top: 15px;
    left: 42%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf8 {
    position: absolute;
    top: 65px;
    left: 49%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf9 {
    position: absolute;
    top: 15px;
    left: 56.12%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf10 {
    position: absolute;
    top: 65px;
    left: 63%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf11 {
    position: absolute;
    top: 15px;
    left: 70%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf12 {
    position: absolute;
    top: 65px;
    left: 77.5%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf13 {
    position: absolute;
    top: 15px;
    left: 84%;
    text-align: center;
    width: 7.14%;
}

.chart_lable_pdf14 {
    position: absolute;
    top: 65px;
    left: 90.82%;
    text-align: center;
    width: 7.14%;
}

.charttxt_green {
    color: #0b8c1e;
}




.supertraits_area {
    height: 25px;
    position: relative;
    width: 160px;
    margin: 8px;
    display: block;
}

.supertraits_leftline {
    height: 9px;
    width: 1px;
    background-image: url(/TalentFirst/TalentFirstV3/images/gray_dot.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 0px;
    left: 0px;
}

.supertraits_middleline {
    height: 9px;
    width: 1px;
    background-image: url(/TalentFirst/TalentFirstV3/images/gray_dot.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 0px;
    left: 79px;
}

.supertraits_rightline {
    height: 9px;
    width: 1px;
    background-image: url(/TalentFirst/TalentFirstV3/images/gray_dot.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 0px;
    right: 0px;
}

.supertraits_bottomline {
    height: 1px;
    width: 160px;
    background-image: url(/TalentFirst/TalentFirstV3/images/gray_dot.png);
    background-repeat: repeat-x;
    position: absolute;
    top: 9px;
}

.supertraits_arrow {
    position: absolute;
    top: 7px;
    display: inline-block;
    margin-left: -7px;
}

a.expend {
    background-image: url(/TalentFirst/TalentFirstV3/images/expender_hover.png);
    width: 18px;
    height: 18px;
    display: inline-block;
}

    a.expend:hover {
        background-image: url(/TalentFirst/TalentFirstV3/images/expender.png);
    }

a.collapse {
    background-image: url(/TalentFirst/TalentFirstV3/images/collapse.png);
    width: 18px;
    height: 18px;
    display: inline-block;
}

    a.collapse:hover {
        background-image: url(/TalentFirst/TalentFirstV3/images/collapse_hover.png);
        display: inline-block;
    }

.light-gray-box {
    background-color: #ececec;
    padding: 10px;
}

.subtraits_score_container {
    margin: 5px 0;
    position: relative;
    height: 20px;
}

.subtraits_score_bg {
    background-color: #c7c7c7;
    border-radius: 5px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0 3px;
}

.subtraits_score_range {
    position: absolute;
    height: 20px;
    border-radius: 5px;
    background-color: #469cd9;
    top: 0px;
}

.subtraits_score {
    position: absolute;
    height: 20px;
    width: 5px;
    border-radius: 2px;
    background-color: #354d5a;
    top: 0px;
    margin-left: -3px;
}



/*personality traits slider*/
.personality_traits .progress_bar {
    height: 35px;
}

    .personality_traits .progress_bar .progress_bar_bg {
        background-color: #FFFFFF;
        border: 1px solid #c9c9c9;
        border-top: 0px;
        border-radius: 0px;
    }

.personality_traits .ui-slider .ui-slider-handle {
    background-image: url(/TalentFirst/TalentFirstV3/images/supertraits_arrow.png);
    background-repeat: no-repeat;
    border: 0px;
    background-color: transparent;
    top: 17px;
}

.personality_traits .bar_inprogress {
    background-color: transparent;
}

.personality_traits .middle_line {
    height: 15px;
    width: 1px;
    background-image: url(/TalentFirst/TalentFirstV3/images/gray_dot.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 0px;
    left: 49.5%;
}

.mycompetencieslist li {
    float: left;
    list-style: none;
}
/*personality traits slider*/


/*Dashboard Trainings Section*/
.dashboaard_tab {
    position: absolute;
    top: 70px;
    left: 314px;
    z-index: 1000;
    transform: rotate(90deg);
    transform-origin: left top 0;
}

@media (max-width:868px) {
    .dashboaard_tab {
        top: 195px;
        left: 24px;
    }
}

.dashboaard_tab a {
    background-image: url(/TalentFirst/TalentFirstV3/images/dashboaard_tab.png);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
}

    .dashboaard_tab a:hover {
        background-image: none;
        background-color: #67b5df;
    }

.heading_graybg {
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000000;
}

.dashboard_trainingbox {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 10px 5px;
    box-shadow: 0 0 5px #cdcdcd;
    position: relative;
}

.dashboard_trainingbox_overlay {
    display: none;
}

.dashboard_trainingbox:hover .dashboard_trainingbox_overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
}

.dashboard_trainingbox .dashboard_trainingbox_overlay .preview span {
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -45px;
}

.dashboard_trainingimage {
    text-align: center;
    padding: 10px 5px 5px 5px;
}

    .dashboard_trainingimage img {
        width: 100%;
        max-width: 200px;
        max-height: 150px;
    }

.dashboard_trainingname {
    text-align: center;
    padding: 2px;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 10px;
}

.dashboard_trainingrating {
    overflow: hidden;
    margin: 5px 0;
}

    .dashboard_trainingrating input.EmptyRating {
        background: url(/TalentFirst/TalentFirstV3/Images/star_empty_small.png) no-repeat;
        width: 16px;
        height: 16px;
        float: left;
        margin: 0 2px;
    }

    .dashboard_trainingrating input.FilledRating {
        background: url(/TalentFirst/TalentFirstV3/Images/star_full_small.png) no-repeat;
        width: 16px;
        height: 16px;
        float: left;
        margin: 0 2px;
    }

.visibleonipadlandscapemodeonly {
    display: none;
}

@media (max-width:770px) {
    .visibleonipadlandscapemodeonly {
        display: block;
    }
}

/*Dashboard Trainings Section*/
.advancedsearch_icon {
    color: #0d8dd3;
    background-image: url(/TalentFirst/TalentFirstV3/images/advanced_search.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 2;
    cursor: pointer;
    display: inline-block;
}

/*11-11-2016*/
.dashboard_leftmargin {
    margin: 0px;
    margin-left: 40px !important;
}

.dashboard_fixedpanel {
    width: 40px;
    position: absolute;
    height: 100%;
}

.dashboard_fixedpanel_icon {
    width: 30px;
    margin: 20px auto;
    padding-top: 30px;
    cursor: pointer;
    font-size: 18px;
    color: #f5b851;
    text-shadow: 1px 1px 2px #000000;
    font-weight: bold;
}

    .dashboard_fixedpanel_icon:hover {
        color: #FFFFFF;
    }

    .dashboard_fixedpanel_icon span {
        width: 16px;
        display: block;
        margin-left: 7px;
        line-height: 22px;
        word-wrap: break-word;
        text-align: center;
        text-transform: uppercase;
    }

.dashboard_fixedpanel .learn {
    background-image: url(/TalentFirst/TalentFirstV3/images/dashboard_learnicon.png);
    background-repeat: no-repeat;
}

.dashboard_fixedpanel .connect {
    background-image: url(/TalentFirst/TalentFirstV3/images/dashboard_connecticon.png);
    background-repeat: no-repeat;
}

.dashboard_fixedpanel .track {
    background-image: url(/TalentFirst/TalentFirstV3/images/dashboard_track.png);
    background-repeat: no-repeat;
}

.dashboard_fixedpanel_line {
    margin: 30px 5px;
    height: 2px;
    background-image: url(/TalentFirst/TalentFirstV3/images/dashboard_fixedpanel_line.png);
    background-position: left bottom;
    background-repeat: repeat-x;
}

@media (max-width:868px) {
    .dashboard_leftmargin {
        margin-left: 0px !important;
    }

    .dashboard_fixedpanel {
        width: 100%;
        background-color: #94a1a8;
        position: relative;
        height: 40px;
    }

    .dashboard_fixedpanel_icon {
        width: auto;
        float: left;
        height: 30px;
        margin: 0 0 0 0;
        padding-top: 7px;
        padding-left: 38px;
        cursor: pointer;
        font-size: 18px;
        color: #f5b851;
        text-shadow: 1px 1px 2px #000000;
        font-weight: bold;
        background-position: 10px 9px;
    }

        .dashboard_fixedpanel_icon span {
            width: auto;
            line-height: 22px;
            word-wrap: normal;
        }

    .dashboard_fixedpanel_line {
        display: none !important;
    }

    .dashboard_fixedpanel .learn, .dashboard_fixedpanel .connect, .dashboard_fixedpanel .track {
        float: left;
    }
}
/*11-11-2016*/

.myteam_toplink_language {
    overflow: hidden;
    border-bottom: 2px solid #a2c25f;
    margin-bottom: -10px;
}

.myteam_toplink_language_tab ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
}

    .myteam_toplink_language_tab ul li {
        float: left;
        width: 33.3%;
    }

        .myteam_toplink_language_tab ul li span {
            display: block;
            height: 40px;
            background-image: url(/TalentFirst/TalentFirstV3/images/myteam_toplink_language.png);
            background-repeat: no-repeat;
            opacity: 0.5;
            filter: alpha(opacity=50);
            cursor: pointer;
        }

            .myteam_toplink_language_tab ul li span:hover {
                background-color: #60737c;
                border-radius: 4px 4px 0 0;
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .myteam_toplink_language_tab ul li span.selected {
                background-color: #485c66;
                border-radius: 4px 4px 0 0;
                opacity: 1;
                filter: alpha(opacity=100);
                cursor: default;
            }

            .myteam_toplink_language_tab ul li span.coach {
                background-position: 15px 5px;
            }

            .myteam_toplink_language_tab ul li span.team {
                background-position: -88px 5px;
            }

            .myteam_toplink_language_tab ul li span.peers {
                background-position: -193px 5px;
            }

.myteam_toplink_language_name {
    background-color: #485c66;
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000000;
}

@media (max-width:868px) {
    .myteam_toplink_language {
        margin-bottom: 0px;
    }
}



.form_text_area {
    overflow: hidden;
    float: left;
}

.form_text_area_margin {
    margin-left: 20px;
}

@media (max-width:1024px) {
    .form_text_area {
        float: none;
    }

    .form_text_area_margin {
        margin-left: 0px;
        margin-top: 10px;
    }

    .form_text_area_value {
        width: 180px;
    }
}

.ipad_addicon {
    position: absolute !important;
    top: 0px !important;
    right: 5px !important;
    width: 288px;
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    border: 0px !important;
    -webkit-transition: bottom 0.3s ease-out !important;
    -moz-transition: bottom 0.3s ease-out !important;
    -o-transition: bottom 0.3s ease-out !important;
    transition: bottom 0.3s ease-out !important;
}

.ipad_addicon_container {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    padding: 10px;
    color: #000000;
    border-radius: 5px;
    width: 265px;
    box-shadow: 3px 3px 13px #9e9e9e;
    height: 420px;
}

.ipad_addicon_container_text {
    font-size: 16px;
    text-align: center;
    background-color: #306081;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.ipad_addicon_checkbox img {
    width: 19px;
    height: 19px;
    background-image: url(/TalentFirst/TalentFirstV3/images/ipad_addicon_checkbox.png);
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}

    .ipad_addicon_checkbox img.uncheck {
        background-position: 0px -10px;
    }

    .ipad_addicon_checkbox img.check {
        background-position: 0px -39px;
    }

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.padding_formlist label {
    padding: 0 10px;
}


.quiz_assess {
    width: 45px;
    height: 35px;
    display: block;
    background: url(/TalentFirst/TalentFirstV3/images/icon_assignmentquiz.png);
    background-position: -236px -66px;
}

.survey_assess {
    width: 45px;
    height: 35px;
    display: block;
    background: url(/TalentFirst/TalentFirstV3/images/icon_assignmentquiz.png);
    background-position: -236px -138px;
}

.assess_assess {
    width: 45px;
    height: 35px;
    display: block;
    background: url(/TalentFirst/TalentFirstV3/images/icon_assignmentquiz.png);
    background-position: -235px -213px;
}

.degree_assess {
    width: 45px;
    height: 35px;
    display: block;
    background: url(/TalentFirst/TalentFirstV3/images/icon_assignmentquiz.png);
    background-position: -230px -280px;
}

.certify_assess {
    width: 45px;
    height: 35px;
    display: block;
    background: url(/TalentFirst/TalentFirstV3/images/icon_assignmentquiz.png);
    background-position: -237px -357px;
}

.featured_carousel_desc {
    overflow: auto;
    max-height: 150px;
    padding-bottom: 10px;
}
/*Custom Leaderboard starts here*/
.usergraybox {
    border: 1px solid #d1d5d8;
    background-color: #f4f4f4;
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #cdcdcd;
}

.usergraybox_image {
    box-shadow: 0 0 5px #cdcdcd;
    background-color: #FFFFFF;
    border: 1px solid #d3d4d8;
    padding: 5px;
    border-radius: 100px;
    margin-right: 20px;
}

    .usergraybox_image img {
        border-radius: 100px;
        width: 100px;
        height: 100px;
        display: inline-block;
    }

.usergraybox_name {
    color: #4581c0;
    font-size: 26px;
}

.usergraybox_nymber span {
    background-color: #e08f36;
    font-size: 30px;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 2px #4d4d4d;
}

.userlist ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
}

    .userlist ul li {
        position: relative;
        padding-bottom: 5px;
    }

        .userlist ul li .user {
            box-shadow: 0 0 5px #cdcdcd;
            background-color: #FFFFFF;
            border: 1px solid #d3d4d8;
            padding: 5px;
            border-radius: 100px;
            position: absolute;
            top: 9px;
        }

            .userlist ul li .user img {
                border-radius: 100px;
                width: 55px;
                height: 55px;
            }

        .userlist ul li .contentarea {
            border: 1px solid #d1d5d8;
            background-color: #FFFFFF;
            padding: 10px 10px 10px 40px;
            min-height: 85px;
            margin: 5px 5px 5px 35px;
            border-radius: 5px;
            box-shadow: 0 0 5px #cdcdcd;
        }

        .userlist ul li .username {
            color: #4581c0;
            font-size: 18px;
        }
/*Custom Leaderboard ends here*/


.otherdashboardlink {
    background: url(/TalentFirst/TalentFirstV3/images/icon_otherdashboard.png);
    background-repeat: no-repeat;
    height: 25px;
    padding-left: 38px;
    line-height: 25px;
    display: inline-block;
    color: #e97c21;
}

.teamsummarylink {
    background: url(/TalentFirst/TalentFirstV3/images/icon_teamsummary.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    height: 25px;
    padding-left: 35px;
    line-height: 25px;
    display: inline-block;
    color: #e97c21;
}

    .otherdashboardlink:hover,
    .teamsummarylink:hover {
        color: #b35506;
    }

/*custom dd css starts */
.custom_dd {
    float: left;
    background: #e0823d none repeat scroll 0 0;
    border-radius: 3px;
    border: 1px solid red;
    font-size: 14px;
    position: relative;
}

    .custom_dd a {
        padding: 5px;
        display: inline-block;
        color: #fff;
    }

        .custom_dd a:hover {
            color: #e78b3c;
            color: #fff;
        }

.custom_dd_sub {
    background-color: #fff;
    border: 1px solid #b5b5b3;
    border-radius: 5px;
    box-shadow: 1px 0px 9px #a0a0a0;
    position: absolute;
    top: 48px;
    width: 150px;
    right: 0px;
    z-index: 1000;
}

    .custom_dd_sub ul {
        padding: 3px 0;
        margin: 0;
        list-style-type: none;
    }

        .custom_dd_sub ul li a {
            padding: 7px 12px;
            color: #e2790b;
            display: block;
        }

            .custom_dd_sub ul li a:hover {
                color: #000000;
                transition: all .3s ease;
            }

.white-circle-down-arrow {
    background-color: #fff;
    border-radius: 25px;
    margin-top: -1px;
    padding: 1px 3px 2px;
}

.custom_dd_arrow-up {
    display: inline-block;
    width: 21px;
    height: 9px;
    position: absolute;
    top: -14px;
    right: 6px;
}

.custom_dd_sub ul li {
    border-bottom: 1px solid #f0d8c9;
}

    .custom_dd_sub ul li:last-child {
        border-bottom: 0;
    }
/*custom dd css ends */


.data_grid table tr.gridpager_rightmrg table {
    margin-right: 20px;
}

/*16-2-17*/
.connect_row {
    overflow: hidden;
    margin-top: 10px;
}

    .connect_row table {
        border-collapse: collapse;
        width: 100%;
        border: 0px;
    }

    .connect_row td {
        padding: 0px;
        vertical-align: top;
    }

.connect_box {
    background-color: #efefef;
    min-height: 55px;
    padding: 10px;
    border-radius: 5px;
}

.connectbox_heading {
    color: #2271a3;
    font-size: 14px;
    font-weight: bold;
}

    .connectbox_heading span.date {
        float: right;
    }

    .connectbox_heading span.username_heading {
        color: #2271a3;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        padding-top: 0px;
    }

    .connectbox_heading span {
        color: #838382;
        font-size: 11px;
        font-weight: normal;
        font-style: italic;
        display: block;
        padding-top: 2px;
    }

.post_heading {
    color: #ffffff;
    font-size: 14px;
    background-color: #939393;
    padding: 5px 0 0 10px;
    margin-right: 12px;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 5px #888888;
}

.connectbox_configGreeting {
    min-height: 72px;
    /*background-image: url(/TalentFirst/TalentFirstV3/images/connectbox_welldone.png)!important;*/
    background-repeat: no-repeat;
    background-position: top right;
    margin-top: -10px;
    margin-right: -10px;
    padding-top: 10px;
}

.connectbox_configGreeting_user {
    text-align: center;
    float: left;
}

    .connectbox_configGreeting_user img {
        border-radius: 50px;
        height: 50px;
        width: 50px;
    }

    .connectbox_configGreeting_user span {
        color: #2271a3;
        font-size: 14px;
        font-weight: bold;
        display: block;
        padding-top: 5px;
    }

.connectbox_configGreeting_arrow {
    float: left;
    margin: 20px 30px;
}

.connectbox_configGreeting_data {
    color: #838382;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    display: block;
    padding-top: 2px;
}

a[disabled="disabled"] {
    color: #ACA899 !important;
}

.connectbox_welldone_arrow {
    float: left;
    margin: 20px 30px;
}

.date {
    color: #f77c00 !important;
    font-size: 13px !important;
}

.popup_connect_comment_box {
    background-color: #efefef;
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    border-bottom: 0px;
}

.popup_comment_box_container {
    border-bottom: 1px solid #dfdfdf;
    padding: 10px;
}

.popup_connect_comment_heading {
    color: #485c66;
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
}
/*16-2-17*/


.opacity40 img,
.opacity40 input {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    cursor: default !important;
}

.nohand {
    cursor: default !important;
}

.pd5 {
    padding: 5px;
    display: inline-block;
}


/*Quick Feedback Popup*/
.qf_tablewidth {
    width: 90%;
    max-width: 600px;
    margin-bottom: 10px;
}

.qf_user {
    background-color: #FFFFFF;
    border: 1px solid #d3d4d8;
    border-radius: 100px;
    text-align: center;
}

    .qf_user img {
        border-radius: 100px;
        width: 55px;
        height: 55px;
        margin: 5px;
    }

.qf_container_user {
    position: relative;
    margin-right: 10px;
}

    .qf_container_user .arrow {
        position: absolute;
        right: 0px;
        top: 22px;
    }

    .qf_container_user .box {
        border: 1px solid #d1d5d8;
        background-color: #f4f4f4;
        padding: 5px 10px;
        min-height: 65px;
        border-radius: 5px;
        margin-right: 15px;
        font-size: 14px;
    }

    .qf_container_user .name {
        color: #e76c22;
        font-size: 18px;
    }

.qf_container_otheruser {
    position: relative;
    margin-left: 10px;
}

    .qf_container_otheruser .arrow {
        position: absolute;
        left: 0px;
        top: 22px;
    }

    .qf_container_otheruser .box {
        border: 1px solid #d1d5d8;
        background-color: #FFFFFF;
        padding: 5px 10px;
        min-height: 65px;
        border-radius: 5px;
        margin-left: 15px;
        font-size: 14px;
    }

    .qf_container_otheruser .name {
        color: #4581c0;
        font-size: 18px;
    }

.qf_commentarea {
    background-color: #FFFFFF;
    padding: 5px;
    min-height: 55px;
    border-radius: 5px;
    padding-top: 15px !important;
}

.txt_qf_commentarea {
    width: 100%;
    height: 40px;
    border: 0px;
    background-color: #FFFFFF;
    font-family: "Droid Sans",arial, verdana;
    font-size: 14px;
    color: #474646;
    overflow: auto;
    resize: none;
}

/*Quick Feedback Popup*/


/*Assign Task Popup*/
.bluebg_heading {
    background-color: #126096;
    padding: 8px;
    overflow: hidden;
}

.bluebg_heading_conteiner {
    border: 1px solid #dcdcdc;
    background-color: #f6f5f5;
    padding: 10px;
    overflow: hidden;
}



.coach_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .coach_list ul li {
        float: left;
        padding: 0;
        margin: 0;
        text-align: center;
        width: 150px;
        margin: 5px;
    }

        .coach_list ul li img {
            width: 95px;
            height: 95px;
            border-radius: 50px;
            border: 1px solid #c5c3c3;
        }

        .coach_list ul li span {
            display: block;
            color: #676767;
            font-size: 17px;
            padding-top: 5px;
        }

.coach_list a {
    color: #de0000;
    font-size: 12px;
    display: inline-block;
}

    .coach_list a:hover {
        color: #2085c4;
    }
/*Assign Task Popup*/


/*People Popup CSS Starts Here*/
.people_popup {
    overflow: hidden;
}

    .people_popup ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border-top: 1px solid #d8d8d8;
    }

    .people_popup li {
        margin: 0;
        padding: 5px 10px;
        list-style-type: none;
        overflow: hidden;
        border-bottom: 1px solid #d8d8d8;
    }

        .people_popup li:nth-child(odd) {
            background: #FFFFFF;
        }

        .people_popup li:nth-child(even) {
            background: #f6f6f6;
        }

.people_user {
    box-shadow: 0 0 5px #cdcdcd;
    background-color: #FFFFFF;
    border: 1px solid #d3d4d8;
    padding: 3px;
    border-radius: 100px;
}

    .people_user img {
        width: 65px;
        height: 65px;
        border-radius: 50px;
    }

.people_popup_icon span {
    float: left;
    vertical-align: text-top;
    padding-top: 10px
}

.people_popup_icon a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
}


    .people_popup_icon a.quickfeedback {
        background-position: -23px -560px;
    }

    .people_popup_icon a.quickfeedback_dis {
        background-position: -123px -560px;
        cursor: default;
    }

    .people_popup_icon a.coachingfeedback {
        background-position: -23px -620px;
    }

    .people_popup_icon a.coachingfeedback_dis {
        background-position: -123px -620px;
        cursor: default;
    }

    .people_popup_icon a.myprofile {
        background-position: -23px -680px;
    }

    .people_popup_icon a.myprofile_dis {
        background-position: -123px -680px;
        cursor: default;
    }

    .people_popup_icon a.requestfeedback {
        background-position: -23px -20px;
    }

    .people_popup_icon a.requestfeedback_dis {
        background-position: -123px -20px;
        cursor: default;
    }
/*People Popup CSS Ends Here*/


.report_box_heading {
    background-color: #ddeaef;
    overflow: hidden;
    padding: 10px 15px;
}

    .report_box_heading h1 {
        margin: 0;
        color: #485c66;
        font-size: 20px;
        float: left;
    }

.report_box_container {
    padding: 20px;
    border: 1px solid #ddeaef;
    overflow: hidden;
}


.noborder {
    border: 0px !important;
}
/*Act Coaching & Feedback CSS*/
.act_nopadding {
    padding: 0px !important;
}

.act_coaching {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin-bottom: 10px;
}

.act_coaching_type {
    width: 150px;
    text-align: center;
    overflow: hidden;
}

.act_coaching_user {
    width: 120px;
    float: right;
    text-align: center;
    font-size: 15px;
}

.act_coaching_left {
    width: 100px;
    font-size: 13px;
    float: left;
}

.act_coaching_user img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #d8d8d8;
}
/*Act Coaching & Feedback CSS*/


.usergraybox_image_small {
    box-shadow: 0 0 5px #cdcdcd;
    background-color: #FFFFFF;
    border: 1px solid #d3d4d8;
    padding: 5px;
    border-radius: 100px;
}

    .usergraybox_image_small img {
        border-radius: 100px;
        width: 70px;
        height: 70x;
    }


.solicit_box .box {
    border: 1px solid #d1d5d8;
    background-color: #f4f4f4;
}

    .solicit_box .box .name {
        color: #e76c22;
    }



/*MOD RADIO BUTTON CSS STARTS HERE*/
.mod_radiobtn input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

    .mod_radiobtn input[type=radio]:not(old) + label {
        display: inline-block;
        margin-left: -28px;
        padding-left: 28px;
        background: url(/TalentFirst/TalentFirstV3/images/checks.png) no-repeat 0 0;
        line-height: 24px;
    }


    .mod_radiobtn input[type=radio]:not(old):checked + label {
        background-position: 0 -48px;
    }

    .mod_radiobtn input[type=radio]:not(old):disabled + label {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
/*MOD RADIO BUTTON CSS ENDS HERE*/

/*Custom Leaderboard Responsive CSS*/
@media (max-width:590px) {
    .usergraybox_image {
        margin-right: 10px;
    }

        .usergraybox_image img {
            width: 60px;
            height: 60px;
        }

    .usergraybox_name {
        font-size: 20px;
    }

        .usergraybox_name span {
            display: block;
        }

    .usergraybox_nymber span {
        font-size: 20px;
        color: #FFFFFF;
    }

    .userlist ul li .username {
        float: none;
    }

        .userlist ul li .username span {
            display: block;
        }

    .userlist ul li .notopmargin {
        margin-top: 5px !important;
    }
}
/*Custom Leaderboard Responsive CSS*/




/*NEW DASHBOARD & REPORTS CSS STARTS*/
.reports_bg {
    background-color: #FFFFFF;
    padding: 20px;
    position: relative;
}

.report_heading {
    color: #474646;
    font-size: 18px;
}

.report_subheading {
    /*background-color: #dde4f0;*/
    color: #111111;
    /*padding: 10px;
    font-size: 14px;
    font-weight: 600;*/
    display: flex;
    margin-bottom: 10px;
}

.report_pdficon {
    position: fixed;
    top: 100px;
    right: 0px;
    z-index: 1;
}

@media (max-width:868px) {
    .report_pdficon {
        position: absolute;
        top: 30px;
    }
}

.reportbox {
    border: 1px solid #d8dcdd;
    background-color: #FFFFFF;
    padding: 15px;
    overflow: hidden;
}

.reportbox_bg {
    border: 1px solid #d8dcdd;
    background-image: url(/TalentFirst/TalentFirstV3/images/formio/reportbox_bg.png);
    background-repeat: repeat-y;
    background-color: #FFFFFF;
    padding: 15px;
    overflow: hidden;
}

@media (max-width:1000px) {
    .reportbox_bg {
        background-image: none;
    }
}

.dasboardreport_grid {
    position: relative;
}

    .dasboardreport_grid .table-responsive {
        border: 0px;
    }

    .dasboardreport_grid .xlsicon {
        position: absolute;
        top: 0;
        right: -1px;
        z-index: 100;
    }

    .dasboardreport_grid .pdficon {
        position: absolute;
        top: 0;
        right: 52px;
        z-index: 100;
    }

    .dasboardreport_grid .table-responsive {
        overflow: auto !important;
    }



    .dasboardreport_grid .margin_top,
    .margin_top {
        margin-top: 35px !important;
    }

    .dasboardreport_grid tr {
        border-bottom: 1px solid #cccccc;
    }

        .dasboardreport_grid tr:hover {
            background-color: #EFEFEF;
            border-bottom: 1px solid #747b80;
        }

    .dasboardreport_grid th {
        background-color: #cccccc;
        color: #373737;
        font-size: 13px !important;
        font-weight: 500;
        padding: 8px !important;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #898989;
    }

        .dasboardreport_grid th.colored {
            background-color: #485c65;
            color: #FFFFFF;
        }

    .dasboardreport_grid tr.highlight {
        background-color: #fff600 !important;
    }

    .dasboardreport_grid td {
        padding: 8px !important;
        color: #373737;
        font-size: 13px !important;
        border: 0 !important;
    }

    .dasboardreport_grid tr.gridpager td {
        padding: 0px !important;
    }

        .dasboardreport_grid tr.gridpager td table {
            border: 0 !important;
        }

            .dasboardreport_grid tr.gridpager td table td {
                padding: 5px !important;
            }

    .dasboardreport_grid tr.grid_emptyrow td {
        text-align: center;
        font-weight: bold;
        color: #474646;
    }



    .dasboardreport_grid tr.coachrow {
        background: #DBDBDB !important;
        font-weight: bold;
    }

    .dasboardreport_grid .footerpaging {
        border: 1px solid #d8dcdd;
        border-top: 0px;
    }

        .dasboardreport_grid .footerpaging table {
            border: 0px;
        }

            .dasboardreport_grid .footerpaging table td {
                border: 0px solid red;
                padding: 4px !important;
                background-color: #f1f1f1;
            }







    .dasboardreport_grid tr.paging_list {
        background-color: #edecec !important;
        border-top: 1px solid #d8dcdd;
    }

        .dasboardreport_grid tr.paging_list table {
            border: 0px;
        }

        .dasboardreport_grid tr.paging_list td {
            padding: 2px !important;
            border: 0px !important;
            background-color: #edecec;
            min-width: 10px !important;
        }

            .dasboardreport_grid tr.paging_list td span {
                background-color: #4da4df;
                color: #FFFFFF;
                width: 25px;
                height: 25px;
                display: inline-block;
                border-radius: 50px;
                text-align: center;
                line-height: 25px;
                cursor: default;
            }

            .dasboardreport_grid tr.paging_list td a {
                color: #4da4df;
                height: 25px;
                display: inline-block;
                border-radius: 50px;
                text-align: center;
                line-height: 25px;
                margin: 3px;
            }

                .dasboardreport_grid tr.paging_list td a:hover {
                    color: #313030;
                }

    .dasboardreport_grid tr.color1 {
        background-color: #ddeaf0 !important;
    }

    .dasboardreport_grid tr.color2 {
        background-color: #d8dcdd !important;
    }

        .dasboardreport_grid tr.color1 td,
        .dasboardreport_grid tr.color2 td {
            border-bottom: 1px solid #bfbfbf !important;
        }

.gridcol_minwidth td {
    min-width: 150px;
}




.reports_droupdown button,
.reports_droupdown button:hover {
    color: #7a7a7a !important;
    border-radius: 20px;
}

.reports_droupdown .btn-group {
    width: 100% !important;
}

.reports_droupdown .bootstrap-select .dropdown-toggle:focus,
.btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
}


.competency_analytics_left,
.competency_analytics_right {
    float: left;
    width: 50%;
}

@media (max-width:1030px) {
    .competency_analytics_left,
    .competency_analytics_right {
        float: none;
        width: 100%;
    }
}

.dropdown_border a {
    background-color: #FFFFFF;
    border: 1px solid #d8dcdd;
    border-radius: 5px;
    padding: 10px 30px 10px 10px;
}

.dropdown_border_arrow {
    background-image: url(/TalentFirst/TalentFirstV3/images/dropdown_border_arrow.png) !important;
    background-position: right 15px !important;
}

.dropdown-menu a {
    border: 0px !important;
    min-width: 200px;
}

.btn_otherdashboardlink {
    border: 1px solid #a4bcc6;
    border-radius: 5px;
    background-color: #eaf4f7;
    padding: 7px 32px 7px 10px;
    color: #282929;
    font-size: 15px;
    display: inline-block;
    background-image: url(/TalentFirst/TalentFirstV3/images/btn_otherdashboardlink.png);
    background-repeat: no-repeat;
    background-position: center right;
}

    .btn_otherdashboardlink:hover {
        border: 1px solid #a4bcc6;
        background-color: #d0dcdf;
        color: #282929;
    }



.day_topbox_left {
    width: 48%;
    float: left;
}

.day_topbox_right {
    width: 48%;
    float: right;
}

@media (max-width:1200px) {
    .day_topbox_left, .day_topbox_right {
        width: 98%;
        float: none;
    }

    .day_topbox_right {
        margin-top: 20px !important;
    }
}

.day_topbox_left, .day_topbox_right {
    background-color: #FFFFFF;
    border: 1px solid #cccecf;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #cdcdcd;
    margin: 5px;
    padding: 10px;
}

.day_topbox_heading {
    font-size: 18px;
    color: #000000;
}

.day_topbox_container {
    width: 44%;
    margin: 3%;
    height: 80px;
    position: relative;
    float: left;
}

.day_topbox_number {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 80px;
    width: 80px;
    border-radius: 50px;
    background-color: #FFFFFF;
    z-index: 1;
}

    .day_topbox_number span {
        background-color: #196faa;
        display: inline-block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        color: #FFFFFF;
        font-size: 25px;
        border-radius: 50px;
        margin: 5px 0 0 5px;
        text-align: center;
    }

.day_topbox_text {
    position: absolute;
    top: 19px;
    width: 100%;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 42px;
    padding-left: 100px;
    border-radius: 5px;
}

.orange_bg {
    background-color: #ff8932;
}

.darkgray_bg {
    background-color: #64747c;
}

.green_bg {
    background-color: #4cb6aa;
}




/*NEW DASHBOARD & REPORTS CSS ENDS*/
.highcharts-xaxis-labels-big {
    font-size: 16px !important;
    fill: #2085c4 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.highcharts-legend-item text {
    font-size: 14px !important;
    fill: #474747 !important;
    font-weight: normal !important;
}



.breadcrumb {
    background-color: #f5f5f5;
    font-family: "Droid Sans",arial, verdana;
    font-size: 14px;
    color: #000000;
}

    .breadcrumb > li + li::before {
        padding: 0 5px;
        color: #000000;
        font-family: "Droid Sans",arial, verdana;
        font-size: 14px;
        content: "/\00a0";
    }

    .breadcrumb a {
        color: #3283bb;
        text-decoration: underline;
    }

.popupchart_container {
    padding: 20px;
}

/*Custom colors only for column highchart*/
.tf-column-highchart .highcharts-color-0, .tf-column-highchart .highchart-series-0 {
    fill: #d9544f;
    stroke: #d9544f;
}

.tf-column-highchart .highcharts-color-1, .tf-column-highchart .highchart-series-1 {
    fill: #2e90cf;
    stroke: #2e90cf;
}

.tf-column-highchart .highcharts-color-2, .tf-column-highchart .highchart-series-2 {
    fill: #efad4d;
    stroke: #efad4d;
}

.tf-column-highchart .highcharts-color-3, .tf-column-highchart .highchart-series-3 {
    fill: #69c09f;
    stroke: #69c09f;
}

.tf-column-highchart .highcharts-color-4, .tf-column-highchart .highchart-series-4 {
    fill: #004c85;
    stroke: #004c85;
}

.tf-column-highchart .highcharts-color-5, .tf-column-highchart .highchart-series-5 {
    fill: #ffd119;
    stroke: #ffd119;
}

.tf-column-highchart .highcharts-color-6, .tf-column-highchart .highchart-series-6 {
    fill: #006f72;
    stroke: #006f72;
}
/*Custom colors only for column highchart*/


/*----Folder View----*/

.folderview ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
}

    .folderview ul li {
        float: left;
        width: 170px;
        height: 130px;
        border-radius: 4px;
        border: 1px solid #c7c7c7;
        background-color: #f2f2f2;
        margin: 10px;
        box-shadow: 0 0 8px #cdcdcd;
        padding: 5px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
    }

        .folderview ul li:hover {
            -webkit-transform: scale(1.1);
            -ms-transition: all 100ms ease-in;
            -ms-transform: scale(1.1);
            -moz-transition: all 100ms ease-in;
            -moz-transform: scale(1.1);
            transition: all 100ms ease-in;
            transform: scale(1.1);
            color: #e97c30;
        }

        .folderview ul li a {
            display: block;
            height: 100%;
        }

        .folderview ul li span.image {
            width: 70px;
            height: 70px;
            border-radius: 50px;
            background-color: #FFFFFF;
            border: 1px solid #c7c7c7;
            display: inline-block;
            margin-bottom: 5px;
        }

        .folderview ul li:hover span.image {
            background-position: 0 -85px;
        }

.folder_back {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url(/TalentFirst/TalentFirstV3/images/connectcoll_arrow.png);
}

/*----Folder View----*/




.asignto_box {
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    overflow: hidden;
    margin-bottom: 10px;
}

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

.assignto_expend {
    width: 32px;
    margin-top: 5px;
    margin-left: 5px;
}

    .assignto_expend a {
        width: 32px;
        height: 32px;
        display: inline-block;
        background-image: url(/TalentFirst/TalentFirstV3/images/assignto_expend.png);
        background-repeat: no-repeat;
    }

        .assignto_expend a.plus {
            background-position: 0 -52px;
        }

        .assignto_expend a.minus {
            background-position: 0 0;
        }

.assignto_image {
    width: 51px;
    height: 51px;
}

    .assignto_image img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        border: 1px solid #d7d7dc;
    }

.assignto_user {
    font-size: 18px;
    color: #000000;
}

.assignto_designation {
    font-size: 14px;
    color: #000000;
}

.asignto_boxopen {
    background-color: #f6f5f5;
}

    .asignto_boxopen table tr.asignto_boxopen_head {
        background-color: #126096;
    }

    .asignto_boxopen tr.asignto_boxopen_head .assignto_user,
    .asignto_boxopen tr.asignto_boxopen_head .assignto_designation {
        color: #FFFFFF;
    }

    .asignto_boxopen tr.asignto_boxopen_head td {
        border-top: 0px;
    }

    .asignto_boxopen table td {
        border-top: 1px solid #dddddd;
    }

/*TALENT SEARCH IMPACT BOX*/
.impact_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .impact_list ul li {
        padding: 0;
        margin: 10px;
        float: left;
        width: 180px;
        border: 1px solid #c8c9ca;
        border-radius: 4px;
        background-color: #FFFFFF;
    }

.impact_kra {
    overflow: hidden;
    padding: 8px;
    color: #FFFFFF;
    font-size: 14px;
}

.impact_kra_container {
    height: 75px;
    overflow: auto;
    padding: 5px;
}

.impact_kra_selected span {
    color: #2271a3;
    font-size: 15px;
    display: inline-block;
    width: 145px;
}

.impact_kra_container a {
    display: inline-block;
    float: right;
}
/*TALENT SEARCH IMPACT BOX*/

.chetan {
    border: 1px solid red;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    background-color: #e97c21;
    z-index: 1000;
    display: inline-block;
}



.chart_goalpopup {
    width: 90px;
}

    .chart_goalpopup .chart {
        position: relative;
        display: inline-block;
        width: 90px;
        height: 90px;
        text-align: center;
    }

        .chart_goalpopup .chart canvas {
            position: absolute;
            top: 0;
            left: 0;
            height: 90px;
        }

    .chart_goalpopup .percent {
        display: inline-block;
        line-height: 90px;
        z-index: 2;
        color: #7d8c9d;
        font-size: 16px;
        font-family: "Droid Sans",arial, verdana;
        font-weight: normal;
    }

.table_noborder > tbody > tr > td {
    border-top: 0px;
}


/* bootbox confirm */
.bootbox-body {
    padding: 20px;
    font-size: 14px;
}

.bootbox .modal-footer {
    border-top: 0px;
}
/* bootbox confirm */





/*19-06-2017*/
.performance_factors ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .performance_factors ul li {
        padding: 0;
        margin: 0;
        float: left;
        margin: 5px;
        line-height: 28px;
        padding: 0 5px;
        font-size: 14px;
        color: #FFFFFF;
        border-radius: 4px;
        display: inline-block;
        cursor: pointer;
    }

        .performance_factors ul li span.checkbox {
            width: 16px;
            height: 16px;
            float: right;
            margin: 6px 3px 0 5px;
            background-image: url(/TalentFirst/TalentFirstV3/images/performance_factors.png);
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .performance_factors ul li.check span.checkbox {
            background-position: 0 -39px;
        }

        .performance_factors ul li.blue {
            background-color: #64b5eb;
        }

        .performance_factors ul li.red {
            background-color: #f6988a;
        }

        .performance_factors ul li.green {
            background-color: #4cb6ab;
        }

        .performance_factors ul li.yellow {
            background-color: #d8b54e;
        }

        .performance_factors ul li.royalblue {
            background-color: #6275b3;
        }

        .performance_factors ul li.bluishgreen {
            background-color: #717f8e;
        }

.tab_summaryreview {
    background-color: #7192a3;
    overflow: hidden;
    font-size: 18px;
    color: #FFFFFF;
    padding: 0 10px;
    line-height: 50px;
}

.tabcontainer_summaryreview {
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 10px;
}

.sr-feedback {
    box-shadow: 0 0 8px rgba(0, 0, 0, .175);
    height: 40px;
    width: 40px;
    border-radius: 50px;
    margin-right: 10px;
}
/*19-06-2017*/


.feedback_popupheight {
    max-height: 470px;
    overflow: auto;
}

.feedbackHistory_qfPopup .feedback_popupheight {
    max-height: 350px;
    overflow: auto;
}

.goaldate {
    border: 0px;
    padding: 0px;
    color: #f2f2f2;
}

.goaltogoal_list {
    overflow: hidden;
}

    .goaltogoal_list ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .goaltogoal_list ul li {
            padding: 0;
            margin: 0;
            float: left;
            width: 23%;
            height: 155px;
            margin: 5px;
            padding: 5px;
            text-align: center;
            font-size: 15px;
        }

.goaltogoal_list_number {
    width: 95px;
    height: 95px;
    margin: 0 auto;
    border: 3px solid #FFFFFF;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-radius: 50px;
    font-size: 14px;
    color: #FFFFFF;
}

.goaltogoal_list_number_blue {
    background-color: #64b5eb;
}

.goaltogoal_list_number_red {
    background-color: #f6988a;
}

.goaltogoal_list_number_green {
    background-color: #4cb6ab;
}

.goaltogoal_list_number_yellow {
    background-color: #d8b54e;
}

.goaltogoal_list_number_royalblue {
    background-color: #6275b3;
}

.goaltogoal_list_number_bluishgreen {
    background-color: #717f8e;
}

.goaltogoal_list_number span.number_text {
    display: block;
    font-size: 38px;
    font-weight: normal;
    line-height: 46px;
    padding-top: 9px;
    text-shadow: 1px 1px 2px #000000;
}

.qf_container_otheruser .box_select {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    padding: 5px 10px;
    min-height: 65px;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 14px;
}

.qf_container_otheruser .name a,
.qf_container_otheruser .name a:hover {
    color: #f97c13;
}


.zIndexQf {
    z-index: 1284;
}





.org_chart_legend {
    text-align: center;
    margin-top: 10px;
}

    .org_chart_legend span.color {
        border-radius: 50px;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-top: 5px;
    }

    .org_chart_legend span.text {
        display: inline-block;
        margin: 0 10px 0 5px;
    }


.org_chart .rocItemWrap {
    width: 9.667em !important;
}

.org_chart ul li .rocPseudoGroup {
    background-color: #64b5eb !important;
}

.org_chart ul li ul li .rocPseudoGroup {
    background-color: #f6988a !important;
}

.org_chart ul li ul li ul li .rocPseudoGroup {
    background-color: #4cb6ab !important;
}

.org_chart ul li ul li ul li ul li .rocPseudoGroup {
    background-color: #6275b3 !important;
}

.org_chart .rocItemTemplate {
    border: 0px solid red !important;
    background-image: none !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
    height: auto !important;
    text-align: center !important;
    font-size: 1.30em;
    width: 100% !important;
    height: 3.5em !important;
    padding: 0 !important;
}

.org_chart a.rocExpandArrow,
.org_chart a.rocCollapseArrow {
    background-color: #ffffff;
    border-radius: 50px;
    bottom: -0.75em;
    box-shadow: 0 0 5px #cdcdcd;
    color: #e97c21;
    font-size: 2em;
    font-weight: normal;
    height: 1.35em;
    line-height: 1.1em;
    padding: 3px;
    text-align: center;
    text-indent: unset;
    width: 1.35em;
    margin-left: -0.65em;
}

.rocNode::before {
    border-top: 2px solid #7f7f7f !important;
}

.RadOrgChart .rocGroup::before, .RadOrgChart.rocSimple .rocNode::after {
    height: 2em !important;
    border-left: 2px solid #7f7f7f !important;
}

.RadOrgChart .rocGroup::after, .RadOrgChart.rocSimple .rocItem::after, .RadOrgChart.rocSimple .rocItemTemplate::after {
    border-left: 2px solid #7f7f7f !important;
    height: 2em !important;
}





.linked-goalbg {
    background-color: #f8f6f6;
    border-bottom: 1px solid #d1d5d8;
    overflow: hidden;
    box-shadow: 0px 0px 8px #cdcdcd;
    padding: 15px;
}

.linked-goalbg_heading {
    font-size: 24px;
    color: #4681bd;
}

.linked-goallist ul {
    padding: 0;
    margin: 0 10px 10px 10px;
    list-style-type: none;
}

    .linked-goallist ul li {
        padding: 0;
        margin: 0;
        min-height: 88px;
        overflow: hidden;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
    }

        .linked-goallist ul li .userimage {
            background-color: #FFFFFF;
            border: 1px solid #d3d4d8;
            padding: 5px;
            border-radius: 100px;
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .linked-goallist ul li .userimage img {
                border-radius: 100px;
                width: 55px;
                height: 55px;
            }

        .linked-goallist ul li .contentarea {
            background-color: #FFFFFF;
            padding: 10px 10px 10px 90px;
            overflow: hidden;
        }



/*Summary Review Report*/
.reoprt_title {
    background-color: #7192a3;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 50px;
    padding: 0 10px;
    text-transform: uppercase;
    text-shadow: 3px 3px 3px #484848;
}

.report_topboximage {
    box-shadow: 0 0 5px #cdcdcd;
    background-color: #FFFFFF;
    border: 1px solid #d3d4d8;
    padding: 3px;
    border-radius: 100px;
    margin: 2px;
    margin-right: 10px;
}

    .report_topboximage img {
        border-radius: 100px;
        width: 40px;
        height: 40px;
        display: inline-block;
    }

.SummaryReview_toplink ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .SummaryReview_toplink ul li {
        margin: 0;
        padding: 0;
        float: left;
    }

        .SummaryReview_toplink ul li a {
            font-size: 15px;
            color: #474646;
            text-transform: uppercase;
            line-height: 45px;
            height: 60px;
            padding: 0 15px;
            display: inline-block;
        }

            .SummaryReview_toplink ul li a:hover {
                color: #4da4df;
            }

            .SummaryReview_toplink ul li a.selected {
                color: #f97c13;
                background-image: url(/TalentFirst/TalentFirstV3/images/SummaryReview_toplink_arrow.png);
                background-repeat: no-repeat;
                background-position: bottom center;
                cursor: default;
            }

.SummaryReview_toplink_box {
    background-color: #ececec;
    border-radius: 5px;
    padding: 1px;
}


.SummaryReview_middlebg_left {
    float: left;
    width: 70%;
    overflow: hidden;
}

.SummaryReview_middlebg_right {
    float: right;
    width: 28%;
    overflow: hidden;
}














.PeerFeedback_contaner {
    background-color: #7192a3;
    border-radius: 5px;
    overflow: hidden;
}

.PeerFeedback_box {
    margin: 10px 10px 0 10px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

    .PeerFeedback_box .user {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        border: 1px solid #dbdada;
    }

    .PeerFeedback_box .username {
        font-size: 17px;
        line-height: 16px;
        margin-top: 5px;
    }

.feedback_reporticon {
    box-shadow: 0 0 8px rgba(0, 0, 0, .175);
    height: 30px;
    width: 30px;
    border-radius: 50px;
    margin-left: 10px;
}

.PeerFeedback_box_selected {
    background-color: #ffe8d3;
    border: 1px solid #ffab57;
}

.whitelink {
    color: #FFFFFF;
}

    .whitelink:hover {
        color: #cdcdcd;
    }

.commentbox {
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
}

.commentbox_heading {
    background-color: #e5e5e5;
    color: #485c66;
    font-size: 18px;
    overflow: hidden;
    padding: 10px;
}

.SummaryReview_toplink_box .track_container {
    height: 284px;
    padding: 20px;
}

.SummaryReview_toplink_box .owl-theme .owl-controls {
    margin-top: 65px;
}

.SummaryReview_toplink_box .my-goals {
    width: 200px;
}

.SummaryReview_toplink_box .my-goals {
    border-radius: 5px;
    width: 220px;
    height: 250px;
    padding-top: 25px;
}

.task_background_new {
    background-image: url(/TalentFirst/TalentFirstV3/images/task_bg.png);
    background-repeat: repeat-x;
}

.SummaryReview_toplink_box .chart {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 130px;
    text-align: center;
}

    .SummaryReview_toplink_box .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
        height: 130px;
    }

.SummaryReview_toplink_box .chart-name {
    margin-top: 20px;
}

    .SummaryReview_toplink_box .chart-name span {
        font-size: 15px;
    }

/*Summary Review Report*/



/*Summary Review Report*/


/*Custom Leaderboard Responsive CSS*/


/*MOD CHECK BOX CSS STARTS HERE*/
.mod_checkbox input[type=checkbox]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

    .mod_checkbox input[type=checkbox]:not(old) + label {
        display: inline-block;
        margin-left: -28px;
        padding-left: 28px;
        background: url(/TalentFirst/TalentFirstV3/images/checkbox.png) no-repeat 0 0;
        line-height: 24px;
    }


    .mod_checkbox input[type=checkbox]:not(old):checked + label {
        background-position: 0 -48px;
    }

    .mod_checkbox input[type=checkbox]:not(old):disabled + label {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
/*MOD CHECK BOX CSS End HERE*/

.graybg_box {
    background-color: #f2f2f2;
    display: flex;
    border-radius: 4px;
    padding: 10px;
}

.reviewcycle_bottom {
    position: relative;
    margin-top: 40px;
}

    .reviewcycle_bottom .xlsicon {
        position: absolute;
        top: -28px;
        right: 0;
    }

.reviewcycle_search {
    background-color: #d8dcdd;
    overflow: hidden;
    padding: 10px;
    margin: -15px -15px 10px -15px;
}

.reviewcycle_status ul {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    list-style-type: none;
}

    .reviewcycle_status ul li {
        padding: 0 15px;
        margin: 0;
        float: left;
        cursor: pointer;
        font-size: 16px;
        height: 100px;
    }

        .reviewcycle_status ul li span {
            display: block;
        }

            .reviewcycle_status ul li span.value {
                font-size: 35px;
                padding-left: 35px;
                color: #474747;
                background-image: url(/TalentFirst/TalentFirstV3/images/reviewcycle_status.png);
                background-repeat: no-repeat;
            }

            .reviewcycle_status ul li span.notstarted {
                background-position: 0 0;
            }

            .reviewcycle_status ul li span.inprogress {
                background-position: 0 -60px;
            }

            .reviewcycle_status ul li span.complete {
                background-position: 0 -120px;
            }

            .reviewcycle_status ul li span.acknowledged {
                background-position: 0 -180px;
            }

            .reviewcycle_status ul li span.assigned {
                background-position: 0 -240px;
            }

        .reviewcycle_status ul li:hover {
            color: #4da4df;
        }

        .reviewcycle_status ul li.selected {
            background-image: url(/TalentFirst/TalentFirstV3/images/reviewcycle_arrow.png);
            background-repeat: no-repeat;
            background-position: bottom center;
            color: #f67c00;
        }

.reviewcycle_statusbox {
    background-color: #ebebeb;
    padding: 10px;
    overflow: hidden;
    border-radius: 5px;
}

.reviewcycle_bottom .dasboardreport_grid table {
    border: 1px solid #ebebeb;
}

    .reviewcycle_bottom .dasboardreport_grid table th {
        background-color: #ebebeb;
        color: #474646;
        border-top: 1px solid #ebebeb;
    }

    .reviewcycle_bottom .dasboardreport_grid table td {
        border-top: 1px solid #ebebeb;
    }



.SummaryReview_grid {
    border: 1px solid #92a4ae;
}

    .SummaryReview_grid table th {
        background-color: #92a4ae;
        color: #FFFFFF;
        font-size: 15px;
        padding: 15px 10px !important;
        border-top: 0px !important;
    }

    .SummaryReview_grid table td {
        border-top: 0px !important;
        padding: 10px !important;
        color: #474646;
        font-size: 14px;
    }

    .SummaryReview_grid tr:nth-child(even) {
        background: #FFFFFF;
    }

    .SummaryReview_grid tr:nth-child(odd) {
        background: #e9eef0;
    }

.SummaryReview_toplink_box .reviewcycle_status ul li,
.SummaryReview_toplink_box .reviewcycle_status ul li:hover {
    cursor: default;
    color: #474646;
}

    .SummaryReview_toplink_box .reviewcycle_status ul li.selected {
        background-image: url(/TalentFirst/TalentFirstV3/images/whitebox_arrow.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        color: #f67c00;
    }

.SummaryReview_task ul li {
    height: 70px;
}

.SummaryReview_task span.value {
    font-size: 22px !important;
}

.SummaryReview_task ul li span.notstarted {
    background-position: 0 -10px;
}

.SummaryReview_task ul li span.inprogress {
    background-position: 0 -70px;
}

.SummaryReview_task ul li span.complete {
    background-position: 0 -130px;
}

.SummaryReview_task ul li span.assigned {
    background-position: 0 -250px;
}

.SummaryReview_taskcomplete {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 10px;
}

.whitebox {
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
}

.SummaryReview_assessment {
    overflow: hidden;
    margin-bottom: 10px;
}

    .SummaryReview_assessment .asses_question {
        position: relative;
        overflow: hidden;
    }

        .SummaryReview_assessment .asses_question .asses_question_icon {
            position: absolute;
            top: 0;
            left: 0;
        }

        .SummaryReview_assessment .asses_question .asses_question_arrow {
            position: absolute;
            left: 45px;
            top: 10px;
        }

        .SummaryReview_assessment .asses_question .asses_question_box {
            background-color: #d8dcdd;
            margin-left: 59px;
            border-radius: 4px;
            padding: 10px;
            min-height: 40px;
            overflow: hidden;
        }

    .SummaryReview_assessment .asses_answer {
        position: relative;
        overflow: hidden;
        margin-top: 5px;
        margin-left: 59px;
    }

        .SummaryReview_assessment .asses_answer .asses_answer_user {
            position: absolute;
            top: 0;
            left: 0;
        }

            .SummaryReview_assessment .asses_answer .asses_answer_user img {
                width: 40px;
                height: 40px;
                border-radius: 50px;
                border: 1px solid #bcbbbb;
            }

        .SummaryReview_assessment .asses_answer .asses_answer_arrow {
            position: absolute;
            left: 45px;
            top: 10px;
        }

        .SummaryReview_assessment .asses_answer .asses_answer_box {
            background-color: #ffe8d3;
            margin-left: 59px;
            border-radius: 4px;
            padding: 10px;
            min-height: 40px;
            overflow: hidden;
        }

        .SummaryReview_assessment .asses_answer .imagelist img {
            width: 50px !important;
            height: 50px !important;
        }





.tblSalesTeam_col {
    float: left;
    margin-right: 10px;
}

    .tblSalesTeam_col .form-control {
        display: inline-block;
        width: 152px;
    }

@media (max-width:1025px) {
    .tblSalesTeam_col {
        width: 30%;
    }
}


.dropdownLink {
    width: 180px;
}

.textBoxLink {
    width: 150px;
}

@media (max-width:800px) {
    .dropdownLink {
        width: 140px;
    }

    .textBoxLink {
        width: 100px;
    }
}

.feedback_close {
    color: #FFFFFF;
    padding: 0 8px;
    float: right;
    line-height: 26px;
    border-radius: 50px;
}

    .feedback_close:hover {
        color: #63747c;
        background-color: #FFFFFF;
    }


.status_open {
    width: 89px;
    height: 34px;
    background-image: url(/TalentFirst/TalentFirstV3/images/status.png);
}

.status_close {
    width: 89px;
    height: 34px;
    background-image: url(/TalentFirst/TalentFirstV3/images/status.png);
    background-position: 0 -64px;
}

.surverquestion_border {
    border: 1px solid #d8dcdd;
    background-color: #FFFFFF;
    overflow: hidden;
}

.surverquestion {
    background-color: #d8dcdd;
    overflow: hidden;
    padding: 10px;
    font-size: 20px;
    color: #485c66;
}

.surverquestion_type {
    font-size: 14px;
    color: #f87c00;
    display: block;
    font-style: italic;
}

.surverquestion_container {
    padding: 15px;
}



.surver_question {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

    .surver_question .surver_question_icon {
        position: absolute;
        top: 0;
        left: 0;
    }

    .surver_question .surver_question_arrow {
        position: absolute;
        left: 45px;
        top: 10px;
    }

    .surver_question .surver_question_box {
        background-color: #ebebeb;
        margin-left: 59px;
        border-radius: 4px;
        padding: 10px;
        min-height: 40px;
        overflow: hidden;
    }

@media (max-width:868px) {
    .reportname_ipad {
        font-size: 14px !important;
    }

    .SummaryReview_toplink ul li a {
        padding: 0 10px;
    }

    .reviewcycle_search {
        font-size: 14px !important;
    }
}

.SummaryReview_toplink ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .SummaryReview_toplink ul li {
        margin: 0;
        padding: 0;
        float: left;
    }

        .SummaryReview_toplink ul li a {
            font-size: 15px;
            color: #474646;
            text-transform: uppercase;
            line-height: 45px;
            height: 60px;
            padding: 0 15px;
            display: inline-block;
        }

            .SummaryReview_toplink ul li a:hover {
                color: #4da4df;
            }

            .SummaryReview_toplink ul li a.selected {
                color: #f97c13;
                background-image: url(/TalentFirst/TalentFirstV3/images/SummaryReview_toplink_arrow.png);
                background-repeat: no-repeat;
                background-position: bottom center;
                cursor: default;
            }

        .SummaryReview_toplink ul li input[type=submit] {
            font-size: 15px;
            color: #474646;
            text-transform: uppercase;
            line-height: 25px;
            height: 48px;
            padding: 0 15px;
            display: inline-block;
            border: 0px;
            background-color: transparent;
            background-image: none;
        }

        .SummaryReview_toplink ul li:hover input[type=submit] {
            color: #4da4df;
        }

        .SummaryReview_toplink ul li .selected {
            color: #f97c13 !important;
            cursor: default !important;
        }

.reportbutton_ipad {
    background-color: #dddfdf !important;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 10px;
}





.loading_connect {
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: -20px;
    margin-top: -20px;
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    z-index: 1000;
}


.reportinner_box {
    border: 0;
    border-radius: 0;
    background-color: #f3f3f3;
    padding: 10px;
    overflow: hidden;
}

.reportinner_heading {
    padding: 10px;
    background-color: #edecec;
    border-bottom: 1px solid #d8dcdd;
    color: #313030;
    font-size: 18px;
}


.metricsborder1 {
    border: 1px solid #64b5eb;
    background: rgba(100, 181, 235, .3);
}

.metricsborder2 {
    border: 1px solid #f6988a;
    background: rgba(246, 152, 138, .3);
}

.metricsborder3 {
    border: 1px solid #717f8e;
    background: rgba(113, 127, 142, .3);
}

.metricsborder4 {
    border: 1px solid #d8b54e;
    background: rgba(216, 181, 78, .3);
}

.metricsborder5 {
    border: 1px solid #6275b3;
    background: rgba(98, 117, 179, .3);
}

.metricsborder6 {
    border: 1px solid #4cb6ab;
    background: rgba(76, 182, 171, .3);
}

.resource_box {
    background-color: #f5f5f5;
    overflow: hidden;
    float: left;
    margin: 10px;
    border-radius: 4px;
    padding: 4px;
}


.resource_box_title {
    font-size: 13px;
    padding: 5px;
    color: #000000;
    font-weight: 600;
}

.resource_box_image {
    width: 100%;
    height: 135px;
    background-color: #ececec;
    position: relative;
    text-align: center
}

    .resource_box_image img {
        height: 135px;
    }

    .resource_box_image:hover .overlay {
        display: block;
    }

    .resource_box_image .overlay {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: 30px;
        display: none;
    }

@media (max-width: 1200px) {
    .resource_box_image .overlay {
        display: block;
        background: rgba(0, 0, 0, 0.2);
    }
}

.resource_box_image .overlay .btnpreview {
    background-color: #0052fa;
    border: 1px solid #0052fa;
    color: #FFFFFF;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
    min-width: 100px;
}

    .resource_box_image .overlay .btnpreview:hover {
        border-color: #3369FE;
        background-color: #3369FE;
    }

.resource_box_image .overlay .btnassign {
    background-color: #FFFFFF;
    border: 1px solid #0052fa;
    color: #0052fa;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
    min-width: 100px;
    margin-top: 10px;
}

    .resource_box_image .overlay .btnassign:hover {
        border-color: #373737;
    }

.resource_box_image .overlay .btnassigned {
    background-color: #e6e6e6;
    border: 1px solid #c9c9c9;
    color: #727272;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
    min-width: 100px;
    margin-top: 10px;
}


.resource_box_image input {
    width: 100px !important;
    height: 120px !important;
}

.resource_box_text {
    float: left;
    width: 185px;
    padding: 10px;
}

.resource_box_text_lable {
    padding: 4px;
    width: 50px;
    color: #808080;
    font-size: 14px;
    float: left;
}

.resource_box_text_value {
    padding: 4px;
    width: calc(100% - 60px);
    color: #000000;
    font-size: 14px;
    float: left;
}

.resource_box_preview {
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

    .resource_box_preview img {
        margin-top: 28px;
    }

.resource_box_image:hover .resource_box_preview {
    display: block;
}

.dashboard_reportpdficon {
    position: fixed;
    top: 55px;
    right: 0px;
    z-index: 1000;
}



.loading_bg {
    background: rgba(255, 255, 255, .6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1006;
}

.loading_bg_absolute {
    background: rgba(255, 255, 255, .6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1006;
}

.loading_container {
    width: 100px;
    height: 70px;
    margin: -35px 0 0 -50px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
}

.noleft-margin .highcharts-axis-labels span {
    left: 0 !important;
}

.report_profile {
    overflow: hidden;
    width: 110px;
    font-family: "Droid Sans",arial, verdana;
    font-size: 14px;
}

    .report_profile img {
        width: 30px;
        height: 30px;
        border-radius: 50px;
    }

.impact-topbg {
    background-color: #f8f6f6;
    border-bottom: 1px solid #d1d5d8;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0px 0px 8px #cdcdcd;
}

    .impact-topbg ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        .impact-topbg ul li {
            float: left;
            width: 260px;
            background-color: #FFFFFF;
            border: 1px solid #c8c9ca;
            border-radius: 4px;
            margin: 10px;
        }

.impact-topbg-heading {
    text-align: center;
    color: #FFFFFF;
    padding: 10px 0;
    font-size: 15px;
}

.impact-tabledate table {
    width: 100%;
    border-top: 1px solid #e4e4e4;
}

    .impact-tabledate table td {
        padding: 5px;
        border-bottom: 1px solid #e4e4e4;
    }

        .impact-tabledate table td.value {
            background-color: #f5f5f5;
            color: #f77c00;
            font-weight: bold;
            text-align: center;
        }

.impact-smallstar .rating-sm {
    font-size: 20px;
}

.impact_information {
    position: absolute;
    top: 10px;
    right: 30px;
}

    .impact_information img {
        width: 20px;
        height: 20px;
    }

.table_data {
    border: 1px solid #d8dcdd;
    border-top: 0px;
    border-left: 0px;
}

    .table_data td {
        padding: 8px;
        border-top: 1px solid #d8dcdd;
        border-left: 1px solid #d8dcdd;
        vertical-align: top;
    }

        .table_data td.cellabel {
            background-color: #f2f2f2;
            font-weight: bold;
        }

.unfixed {
    position: relative;
    left: auto;
    bottom: auto;
}

.impact_popover {
    text-decoration: none;
    color: black;
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    padding: 0 20px;
}

.surveyUsage_questionimage {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    border-radius: 50px;
}

.impact_information_popover {
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 1000;
}

.grayheading_box {
    border: 1px solid #d8dcdd;
    overflow: hidden;
    background-color: #FFFFFF;
}

    .grayheading_box .heading {
        background-color: #d8dcdd;
        padding: 10px;
        overflow: hidden;
        font-size: 20px;
        color: #485c66;
    }

.img_whiteborder {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 3px solid #FFFFFF;
    box-shadow: 1px 1px 5px #4b4b4b;
}


.empsearch_dd .layout-padding {
    padding: 2px !important;
}

    .empsearch_dd .layout-padding > * {
        padding: 0px !important;
    }

.empsearch_dd .md-autocomplete-suggestions li {
    border-bottom: 1px solid red !important;
}



.grayheading_box {
    border: 1px solid #d8dcdd;
    overflow: hidden;
    background-color: #FFFFFF;
}

    .grayheading_box .heading {
        background-color: #d8dcdd;
        padding: 10px;
        overflow: hidden;
        font-size: 20px;
        color: #485c66;
    }

.img_whiteborder {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 3px solid #FFFFFF;
    box-shadow: 1px 1px 5px #4b4b4b;
    display: inline-block;
}



.indi_perf_trendchart ul {
    margin: 0;
    padding: 0;
    padding-top: 1%;
    list-style-type: none;
}

    .indi_perf_trendchart ul li {
        margin: 0;
        padding: 0;
        width: 48%;
        float: left;
        margin: 0 1% 1% 1%;
        border: 1px solid #f0f0f0;
    }

        .indi_perf_trendchart ul li .heading {
            background-color: #f0f0f0;
            color: #313030;
            font-size: 18px;
            text-align: center;
            padding: 10px;
        }

@media (max-width:1400px) {
    .indi_perf_trendchart ul li {
        margin: 0;
        padding: 0;
        width: 95%;
        float: left;
        margin: 0 2% 2% 2%;
        border: 1px solid #f0f0f0;
    }
}

.reportname_ipad {
    display: none;
}

@media (max-width:1024px) {
    .reportname_web {
        display: none;
    }

    .reportname_ipad {
        display: block;
    }
}

.associated_role ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .associated_role ul li {
        float: left;
        margin: 5px 10px 5px 0;
        padding: 7px;
        background-color: #798a92;
        color: #FFFFFF;
        border-radius: 4px;
        position: relative;
    }

        .associated_role ul li.new {
            padding: 7px 25px 7px 7px;
            background-color: #e97c21;
            color: #FFFFFF;
        }

        .associated_role ul li a {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 3px;
            right: 3px;
            line-height: 14px;
            text-align: center;
            background-color: #FFFFFF;
            color: #888888;
            font-weight: bold;
            border-radius: 15px;
            display: inline-block;
        }

            .associated_role ul li a:hover {
                background-color: #ffffff;
                color: #e97c21;
            }

.teamperformance_chart .highcharts-container {
    overflow: visible !important;
}



.icon_plusminus a {
    width: 55px;
    height: 55px;
    background-image: url(/TalentFirst/TalentFirstV3/images/plus-minus.png);
    display: inline-block;
}

    .icon_plusminus a.plus {
        background-position: 0 -60px;
    }

    .icon_plusminus a.minus {
        background-position: 0 0px;
    }



.IndividualAssessReport table {
    border-bottom: 1px solid #d8dcdd;
    border-left: 1px solid #d8dcdd;
}

.IndividualAssessReport th {
    background-color: #edecec;
    color: #313030;
    font-size: 15px;
    padding: 15px 10px !important;
    border-top: 1px solid #d8dcdd;
    border-right: 1px solid #d8dcdd;
}

    .IndividualAssessReport th.subheading {
        background-color: #d6d4d4;
        color: #313030;
        font-size: 15px;
        padding: 15px 10px !important;
        border-right: 1px solid #FFFFFF;
    }

.IndividualAssessReport td {
    border-top: 1px solid #d8dcdd;
    border-right: 1px solid #d8dcdd;
    padding: 10px !important;
    color: #646768;
    font-size: 14px;
}

.IndividualAssessReport tr:nth-child(even) {
    background: #f9f9f9;
}

.IndividualAssessReport tr:nth-child(odd) {
    background: #FFFFFF;
}

/********ERROR PAGE****************/
.error-container {
    background: rgba(255,255,255,0.5);
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    box-shadow: 0 0 10px #bfbfbf;
    font-size: 14px;
    width: 90%;
    max-width: 905px;
    margin: 0 auto;
    position: relative;
    top: 120px;
}

.error-topleft {
    background-image: url(/TalentFirst/TalentFirstV3/images/error-topleft.png);
    background-repeat: no-repeat;
    width: 164px;
    height: 148px;
    position: absolute;
    left: 0;
    top: 0;
}

    .error-topleft span {
        display: inline-block;
        width: 148px;
        height: 154px;
        color: #FFFFFF;
        text-align: center;
        padding-top: 18px;
        font-size: 30px;
        -moz-transform: rotate(-45.0deg);
        -o-transform: rotate(-45.0deg);
        -webkit-transform: rotate(-45.0deg);
        text-transform: uppercase;
    }

.error-text {
    background-image: url(/TalentFirst/TalentFirstV3/images/error-icon.png);
    background-repeat: no-repeat;
    background-position: 0 50px;
    min-height: 230px;
    margin: 0 20px 20px 30px;
    padding-left: 280px;
    overflow: hidden;
}

.txt-oops {
    font-size: 110px;
    font-family: candara;
    background: linear-gradient(#ea6d2b 25%, #a72901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/********ERROR PAGE****************/



.modal {
    z-index: 10000 !important;
}

/********/
.assessment_report_question {
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 10px;
    min-height: 40px;
    overflow: hidden;
}

.lightorange_box {
    background-color: #ffe8d3;
    border-radius: 5px;
    padding: 10px;
}

.answer_correct {
    background-image: url(/TalentFirst/TalentFirstV3/images/icon_rightgreen.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding-left: 42px;
    font-size: 16px;
    color: #4f9b4b;
}

.answer_incorrect {
    background-image: url(/TalentFirst/TalentFirstV3/images/icon_cancelred.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding-left: 42px;
    font-size: 16px;
    color: #fa5b5b;
}

    .answer_incorrect span.correctanswer {
        color: #484848;
        display: block;
        font-size: 14px;
        padding-top: 5px;
    }
/************************/




/****FCR REPORT CSS****/
.report_leftpane {
    width: 280px;
    background-image: url(/TalentFirst/TalentFirstV3/images/report_leftpanebg.png);
    background-repeat: repeat-y;
    background-position: top right;
    background-color: #edf0f2;
    border-right: 1px solid #c7cbcd;
    position: fixed;
}

.report_leftpane_conteiner {
    padding: 10px;
}

    .report_leftpane_conteiner ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .report_leftpane_conteiner ul li {
            margin: 0;
            padding: 0;
        }

            .report_leftpane_conteiner ul li a {
                color: #565656;
                font-size: 16px;
                background-color: #FFFFFF;
                border: 1px solid #d9d9d9;
                border-radius: 5px;
                padding: 10px;
                margin-bottom: 10px;
                display: block;
            }

                .report_leftpane_conteiner ul li a:hover {
                    background-color: #efefef;
                }

                .report_leftpane_conteiner ul li a.selected {
                    background-color: #f87c00;
                    border: 1px solid #f87c00;
                    color: #FFFFFF;
                    cursor: default;
                }

.report_rightpane {
    margin-left: 280px;
}

.report_rightpane_container {
    padding: 15px;
}

@media screen and (min-width:800px) {
    .report_rightpane_container_ipad {
        padding: 15px;
        height: 250px;
        overflow: auto;
    }

    .report_rightpane_expander_container_ipad {
        padding: 15px;
        height: 375px;
        overflow: auto;
    }
}

@media screen and (min-width: 800px) and (max-width:1024px) {
    .report-metrics {
        width: 45%;
        max-width: 280px;
    }
}

@media screen and (max-width:799px) {
    .report_rightpane_container_ipad {
        padding: 15px;
        height: 340px;
        overflow: auto;
    }

    .report_rightpane_expander_container_ipad {
        padding: 15px;
        height: 465px;
        overflow: auto;
    }
}

.report_rightpane_footer {
    border-top: 1px solid #d6d6d6;
    line-height: 60px;
    text-align: right;
    padding-right: 10px;
}

.report_heading {
    font-size: 14px;
    font-weight: 600;
    color: #2d2d2d;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.report_boxheading {
    color: #5b759a !important;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 2px solid #c2c2c2;
}

    .report_boxheading .competencyname, .report_boxheading .competencyname a {
        color: #5b759a !important;
        font-size: 14px;
        font-weight: 600;
        margin-top: 5px;
    }

.reportcomment_box {
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden
}

.reportcomment_box_heading {
    font-size: 16px;
    color: #485c66;
    padding: 5px;
    background-color: #e5e5e5;
}



/*.report_sections {
    border: 1px solid #d8dcdd;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}*/

.report_sections .report_heading {
    /*background-color:#7192a3;*/
    background-color: #cccccc;
    color: #464747;
    padding: 8px 10px;
    margin: 0px;
}

    .report_sections .report_heading a {
        font-weight: 400;
    }

.report_sections .report_sections_container {
    margin: 10px 0px;
}

@media (max-width:1025px) {
    .report_leftpane {
        background-image: none;
        background-repeat: repeat-y;
        background-position: top right;
        background-color: #edf0f2;
        border: 0px;
        border-bottom: 1px solid #c7cbcd;
        position: relative;
        width: auto;
        display: block;
        height: 125px;
    }

    .report_leftpane_conteiner ul li {
        margin: 0;
        padding: 0;
        float: left;
        margin-right: 5px;
    }

        .report_leftpane_conteiner ul li a {
            color: #565656;
            font-size: 12px;
            background-color: #FFFFFF;
            border: 1px solid #d9d9d9;
            border-radius: 5px;
            padding: 3px;
            margin-bottom: 5px;
            display: block;
        }

    .report_rightpane {
        margin-left: 0;
    }

    .report_actionleft {
        width: 55% !important;
    }
}



/****FCR REPORT CSS****/




/****Behavioral Analysis REPORT CSS****/
.bi_employeelist ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .bi_employeelist ul li {
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #d8dcdd;
        border-bottom: 3px solid #d8dcdd;
        margin: 0 10px 10px 10px;
        overflow: hidden;
    }

.bi_employeelist_top {
    overflow: hidden;
    padding: 5px;
    cursor: pointer;
}

    .bi_employeelist_top:hover {
        background-color: #f2f2f2;
    }

.bi_employeelist_top_selected,
.bi_employeelist_top_selected:hover {
    background-color: #f97c13;
    cursor: default;
}

.bi_employeelist_bottom {
    overflow: hidden;
    background-color: #f2f2f2;
    padding: 3px 5px;
    border-top: 1px solid #d8dcdd;
}

.bi_employeelist ul li .user_image {
    border: 1px solid #d8dcdd;
    border-radius: 50px;
    background-color: #FFFFFF;
    padding: 3px;
    float: left;
}

    .bi_employeelist ul li .user_image img {
        width: 55px;
        height: 55px;
        border-radius: 50px;
    }

.bi_employeelist ul li .user_details {
    float: left;
    width: 170px;
    margin: 10px 0 0 10px;
    color: #2d2d2d;
    font-size: 18px;
}

    .bi_employeelist ul li .user_details span.date {
        display: block;
        color: #f99245;
        font-size: 14px;
        font-style: italic;
    }

    .bi_employeelist ul li .user_details span.nodate {
        display: block;
        color: #FF0000;
        font-size: 14px;
        font-style: italic;
    }

.bi_employeelist ul li .bi_employeelist_top_selected .user_details,
.bi_employeelist ul li .bi_employeelist_top_selected .user_details span.date {
    color: #FFFFFF !important;
}
/****Behavioral Analysis REPORT CSS****/

.reviewreportscroll {
    height: 634px;
    overflow: auto;
}

@media (max-width:868px) {
    .reviewreportscroll {
        height: 890px;
        overflow: auto;
    }
}


.customsessionlength_checkbox input[type="checkbox"] {
    margin-left: 0px !important;
}

.customsessionlength {
    margin-left: 40px;
    margin-top: 10px;
}

    .customsessionlength .checkbox {
        margin-left: 28px !important;
    }

    .customsessionlength input[type="checkbox"]:not(old) {
        margin-left: -28px !important;
        margin: 5px;
    }

    .customsessionlength label {
        cursor: default !important;
    }

.gray-shadowbg {
    background-color: #f3f3f3;
    overflow: hidden;
    padding: 10px;
}


.dymreport_middleuser {
    display: none;
}

.label_dynamic {
    font-size: 14px;
    font-weight: 600;
}

/*@media (max-width:1025px) 
{
    .dymreport_toprightuser {display:none;}
    .dymreport_middleuser {display:block; overflow:hidden; margin-bottom:10px;}
}*/

.performance_height {
    height: 350px;
    overflow: auto;
    padding: 10px;
}

.view_performance_review .performance_height {
    height: auto;
    overflow: auto;
    padding: 0px;
}

.disabledlayer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 1000;
    opacity: 0.2;
}

.reviewjournalheight {
    margin: 0 10px 10px 10px;
    height: 405px;
    overflow: auto;
}


/*Quick Feedback New CSS*/
.quickfeedback_to, .quickfeedback_from {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

    .quickfeedback_to .qf_userimage {
        position: absolute;
        top: 0px;
        left: 0px;
        border: 1px solid #d9dadc;
        border-radius: 100px;
        text-align: center;
        padding: 3px;
    }

        .quickfeedback_to .qf_userimage img,
        .quickfeedback_from .qf_userimage img {
            width: 55px;
            height: 55px;
            border-radius: 50px;
        }

    .quickfeedback_to .qf_arrow {
        position: absolute;
        top: 15px;
        left: 70px;
    }

    .quickfeedback_to .user_comment {
        background-color: #FFFFFF;
        border: 1px solid #d2d1d1;
        font-size: 15px;
        padding: 10px;
        border-radius: 5px;
        overflow: hidden;
        min-height: 65px;
        margin-left: 80px;
    }

    .quickfeedback_to .username {
        color: #4581c0;
        font-size: 18px;
        float: left
    }

    .quickfeedback_to .commentdate,
    .quickfeedback_from .commentdate {
        color: #74767a;
        font-size: 14px;
        float: right;
    }

    .quickfeedback_from .qf_userimage {
        position: absolute;
        top: 0px;
        right: 0px;
        border: 1px solid #d9dadc;
        border-radius: 100px;
        text-align: center;
        padding: 3px;
    }

    .quickfeedback_from .qf_arrow {
        position: absolute;
        top: 15px;
        right: 70px;
    }

    .quickfeedback_from .user_comment {
        background-color: #f4f4f4;
        border: 1px solid #d2d1d1;
        font-size: 15px;
        padding: 10px;
        border-radius: 5px;
        overflow: hidden;
        min-height: 65px;
        margin-right: 80px;
    }

    .quickfeedback_from .username {
        color: #e8783b;
        font-size: 18px;
        float: left
    }

.quickfeedback_comments {
    border: 1px solid #cac9c9;
    border-radius: 5px;
    margin: 5px;
    overflow: hidden;
}

.quickfeedback_commentsfeedback {
    background-color: #485c66;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}

    .quickfeedback_commentsfeedback a {
        color: #ff7c38;
        text-decoration: underline;
    }

        .quickfeedback_commentsfeedback a:hover {
            color: #ffc1a1;
        }

.txt_qf_commentarea_new {
    width: 100%;
    height: 75px;
    border: 0px;
    background-color: #FFFFFF;
    font-family: "Droid Sans",arial, verdana;
    font-size: 17px;
    color: #474646;
    overflow: auto;
    resize: none;
}
/*Quick Feedback New CSS*/


.user-goals {
    border: 1px solid #e8e8e8;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 10px;
    width: 180px;
    height: 180px;
    margin: 2px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .175);
}

.user-goals-selected {
    border: 1px solid #e8e8e8;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 10px;
    width: 180px;
    height: 180px;
    margin: 2px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .175);
}

.user-goals-arrow {
    text-align: center;
    margin-top: 5px;
}

.user_goalsbox {
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.user_goalsbox_left {
    width: 50%;
    float: left;
}

.user_goalsbox_right {
    width: 50%;
    float: right;
}

.user_goalsbox_rightcontainer {
    width: 125px;
    height: 70px;
    float: left;
    margin-left: 3%;
}

    .user_goalsbox_rightcontainer .value {
        margin-top: 10px;
    }

@media (max-width:1175px) {
    .user_goalsbox_left {
        width: 70%;
        float: left;
    }

    .user_goalsbox_right {
        width: 25%;
        float: right;
    }

    .user_goalsbox_rightcontainer {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 10px;
        display: inline-block;
    }

        .user_goalsbox_rightcontainer .value {
            margin-top: 2px;
        }
}


.dropdown_goals,
.dropdown_goals:focus {
    border: 0px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    color: #e97c21;
    background-image: url(/TalentFirst/TalentFirstV3/images/droupdown_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .dropdown_goals option {
        color: #000000;
    }

.goalcal,
.goalcal:focus {
    border: 0px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    color: #e97c21;
}

.goalcal_btn,
.goalcal_btn:focus {
    color: #e97c21 !important;
    border: 0px;
    background-color: #f2f2f2 !important;
}

.owl-carousel .owl-stage {
    display: flex;
}


.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    padding-left: 30px;
    background-image: url(/TalentFirst/TalentFirstV3/images/arrow_orange_right.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
}



.suggestedaction_box {
    position: relative;
    height: 60px;
}

.suggestedaction_image {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 2px solid #ffffff;
    border-radius: 100px;
    text-align: center;
    line-height: 55px;
}

    .suggestedaction_image img {
        width: 45px;
        height: 45px;
    }

.suggestedaction_contaner {
    background-color: #f8f6f7;
    border: 1px solid #dadbdd;
    border-radius: 4px;
    height: 60px;
    margin-left: 30px;
    padding: 0 10px 0 50px;
}

.suggestedaction_name {
    font-size: 20px;
    color: #000000;
}

.suggestedaction_link {
    font-size: 20px;
}

    .suggestedaction_link a.selected {
        color: #f97c12;
        font-size: 20px;
    }

.suggestedaction_subbox {
    margin-left: 85px;
    overflow: hidden;
}

.icon_published {
    position: absolute;
    top: 100px;
    left: 100px;
}

    .icon_published img {
        width: 20px !important;
        height: 20px !important;
    }

.my-goals .goalicon {
    width: 120px !important;
    height: 120px;
    margin-left: 15px;
}

.linked-goallist-all {
    overflow: auto;
    height: 300px;
}

.linked-goallist {
    overflow: auto;
    height: 250px;
}



.compbox_image {
    border: 1px solid #c8c9ca;
    border-radius: 4px;
    width: 160px;
    height: 155px;
    display: table-cell;
    cursor: pointer;
}

    .compbox_image img {
        width: 140px !important;
        height: 140px !important;
        margin: 7px 0 0 9px;
    }




.dasboardreport_grid_border table {
    border: 1px solid #d8dcdd;
    border-bottom: 0;
    border-left: 0
}

.dasboardreport_grid_border th,
.dasboardreport_grid_border td {
    border-left: 1px solid #d8dcdd;
    border-bottom: 1px solid #d8dcdd;
}

.dasboardreport_grid_border th {
    background-color: #edecec;
    color: #313030;
    font-size: 14px;
    padding: 5px 10px !important;
}

    .dasboardreport_grid_border th.main-heading {
        background-color: #7192a3;
        color: #FFFFFF;
        font-size: 14px;
        padding: 5px 10px !important;
        text-align: center;
    }

.dasboardreport_grid_border td {
    border-top: 1px solid #d8dcdd;
    padding: 10px !important;
    color: #646768;
    font-size: 14px;
}

.dasboardreport_grid_border tr:nth-child(even) {
    background: #f9f9f9;
}

.dasboardreport_grid_border tr:nth-child(odd) {
    background: #FFFFFF;
}

.dasboardreport_grid_border tr.footer td {
    background-color: #7192a3;
    color: #FFFFFF !important;
}

.repeater_grid table {
    border: 1px solid #d8dcdd;
    width: 100%;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

    .repeater_grid table td {
        padding: 0px;
        border: 0px;
    }

        .repeater_grid table td table {
            border: 0px;
            border-collapse: collapse !important;
            border-spacing: 0 !important
        }

        .repeater_grid table td .heading {
            background-color: #edecec;
            color: #313030;
            font-size: 15px;
            padding: 15px 10px !important;
            font-weight: bold;
            height: 70px;
        }

        .repeater_grid table td .row1 {
            background-color: #f9f9f9;
            border-top: 1px solid #d8dcdd;
            padding: 10px !important;
            color: #646768;
            font-size: 14px;
        }

        .repeater_grid table td .row2 {
            background-color: #FFFFFF;
            border-top: 1px solid #d8dcdd;
            padding: 10px !important;
            color: #646768;
            font-size: 14px;
        }


.dyndasboard_heading {
    background-color: #d8dcdd;
    overflow: hidden;
    color: #485c66;
    font-size: 14px;
}

.dyndasboard_heading_left {
    float: left;
    width: 85%;
    padding: 10px;
}

.dyndasboard_heading_right {
    float: right;
    width: 15%;
    padding-right: 10px;
    text-align: right;
}

.plusminus_small a,
.plusminus_small span {
    height: 34px;
    width: 34px;
    display: inline-block;
    background-image: url(/TalentFirst/TalentFirstV3/images/formio/plus-minus_small.png);
    background-repeat: no-repeat;
    margin-top: 2px;
}

    .plusminus_small a.minus,
    .plusminus_small span.minus {
        background-position: 0 -40px;
    }


.customdashboard_departmentlist {
    min-height: 160px;
    max-height: 250px;
    overflow: auto;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .175);
}

.customdashboard_departmentlist_progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.customdashboard_departmentlist ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .customdashboard_departmentlist ul li {
        margin: 0;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        display: table-cell;
        padding: 5px;
    }

        .customdashboard_departmentlist ul li .highcharts-contextmenu hr {
            display: none !important
        }

        .customdashboard_departmentlist ul li .highcharts-menu {
            padding: 0px !important
        }

        .customdashboard_departmentlist ul li .highcharts-menu-item {
            padding: 2px !important;
            font-size: 10px !important;
        }


.cd_tagcloud {
    width: 450px;
    background-color: #f3f2f1
}

.cd_piechart {
    width: 410px;
    height: 451px;
}

.cd_tagcloud .customdashboard_departmentheading {
    padding: 2px 5px
}

    .cd_tagcloud .customdashboard_departmentheading a {
        color: #FFFFFF;
    }

.cd_tagcloud .blue {
    background-color: #64b5eb;
}

.cd_tagcloud .red {
    background-color: #f6988a;
}

.cd_tagcloud .green {
    background-color: #4cb6ab;
}

.cd_tagcloud .yellow {
    background-color: #d8b54e;
}

.cd_tagcloud .royalblue {
    background-color: #6275b3;
}

.cd_tagcloud .bluishgreen {
    background-color: #717f8e;
}

.cd_tagcloud .TagCloud {
    text-align: center;
    padding: 0px;
    height: 310px;
    overflow: auto;
    background-color: #f3f2f1;
}

    .cd_tagcloud .TagCloud span /* Applies to each tag of the tag cloud */ {
        margin-right: 3px;
        text-align: center;
    }

    .cd_tagcloud .TagCloud .TagWeight1 /* Applies to the largest tags */ {
        font-size: 45px;
        color: #007bcc;
    }

    .cd_tagcloud .TagCloud .TagWeight2 {
        font-size: 35px;
        color: #1d97d8;
    }

    .cd_tagcloud .TagCloud .TagWeight3 {
        font-size: 30px;
        color: #7e8e9a;
    }

    .cd_tagcloud .TagCloud .TagWeight4 {
        font-size: 25px;
        color: #a4cde5;
    }

    .cd_tagcloud .TagCloud .TagWeight5 /* Applies to the smallest tags */ {
        font-size: 18px;
        color: #828282;
    }

/********Behavioral Analysis Report Starts Here********/
.behavioralreport_left {
    position: fixed;
    width: 280px;
    background-image: url(/TalentFirst/TalentFirstV3/images/report_leftpanebg.png);
    background-repeat: repeat-y;
    background-position: top right;
    background-color: #edf0f2;
    border-right: 1px solid #c7cbcd;
    z-index: 100;
}

.behavioralreport_right {
    margin-left: 280px;
    padding: 10px;
}

.behavioral_selectemp_box {
    float: left;
    margin: 10px 0 0 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    min-width: 130px;
    color: #FFFFFF;
}

.behavioral_selectemp_name {
    float: left;
    padding: 7px;
}

.behavioral_selectemp_close {
    float: right;
    margin: 3px 3px 0 0;
}

@media (max-width:1024px) {
    .behavioralreport_left {
        background-image: none;
        background-repeat: repeat-y;
        background-position: top right;
        background-color: #edf0f2;
        border: 0px;
        border-bottom: 1px solid #c7cbcd;
        position: relative;
        width: auto;
        display: block;
    }

    .bi_employeelist ul li {
        float: left;
        width: 210px;
        margin: 0 5px 10px 5px;
        position: relative;
    }

        .bi_employeelist ul li .user_image img {
            width: 30px;
            height: 30px;
        }

        .bi_employeelist ul li .user_details {
            width: 157px;
            font-size: 14px;
            margin-top: 5px;
            margin-left: 3px;
        }

            .bi_employeelist ul li .user_details span.date {
                font-size: 10px !important;
            }

    .behavioralreport_right {
        margin-left: 0px;
    }

    .bi_employeelist {
        height: 110px;
        overflow: auto;
    }

    .bi_employeelist_top {
        height: 65px;
    }

    .bi-redalert {
        position: absolute;
        top: 40px;
        left: 17px
    }

    .bi_employeelist_bottom {
        font-size: 11px;
        height: 25px;
    }
}

/********Behavioral Analysis Report Ends Here********/



.traningreview_box {
    border: 1px solid #7192a3
}

.traningreview_title {
    background-color: #7192a3;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
}

.customdasboard_dd {
    width: 300px;
}

@media (max-width:1024px) {

    .customdasboard_dd {
        width: 200px;
    }
}

.cdgrid_scroll {
    overflow: auto;
}


.dasboardreport_grid .xlsicon_small {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    height: 34px;
    width: 34px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .175);
    cursor: pointer;
}



.act_witharrow ul li {
    width: 225px;
    border: 0px;
    border-radius: 0px;
    background-image: url(/TalentFirst/TalentFirstV3/images/act_witharrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin: 15px;
}

    .act_witharrow ul li:last-child {
        background-image: none;
    }

    .act_witharrow ul li .act_witharrow_container {
        width: 170px;
        height: 190px;
        position: relative;
        border-radius: 4px;
        border: 1px solid #e6e6e6;
    }

        .act_witharrow ul li .act_witharrow_container .gray_over {
            position: absolute;
            top: 0px;
            left: 0px;
            background: rgba(0, 0, 0, .5);
            width: 100%;
            height: 100%;
            border-radius: 4px;
            z-index: 1;
        }

.folderview ul li span.image img {
    width: 70px;
    height: 70px;
    border-radius: 50px;
}

.tagcloud_camera {
    position: absolute;
    right: 12px;
    top: 11px;
    width: 15px;
    height: 13px;
    font-size: 0px;
}

.folder_link,
.folder_link a.nolink {
    color: #f77c00;
    font-size: 16px;
    cursor: default;
}

    .folder_link a {
        color: #3283bb;
        padding: 0 5px;
    }

        .folder_link a:first-child {
            padding-left: 0px;
        }

.user_goalsbox_pdf {
    overflow: hidden;
    border-bottom: 1px solid #d8dcdd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.width100per {
    width: 100% !important;
}

.emptydatadiv {
    border-top: 1px solid #d8dcdd;
    border-bottom: 1px solid #d8dcdd;
    padding: 10px;
    font-size: 13px;
    color: #474646;
    font-weight: bold;
    text-align: center
}


/*Performance Journal copy to clipboard Javed dated 13-nov-2018*/
.perjournal_comments {
    padding: 10px;
    position: relative;
}

    .perjournal_comments .text {
        margin-right: 20px;
    }

    .perjournal_comments .icon {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
    }

    .perjournal_comments:hover .icon {
        display: block;
    }
/*Performance Journal copy to clipboard Javed dated 13-nov-2018*/

.markcompletebox {
    border-radius: 4px;
    background-color: #FFFFFF;
    margin: 20px 5px 5px 5px;
    box-shadow: 0 0 10px #b2b2b2;
    overflow: hidden;
}

.markcompletebox_top {
    background-color: #f2f2f2;
    padding: 15px;
    overflow: hidden
}

.markcompletebox_bottom {
    padding: 15px;
    overflow: hidden
}

.markcompletebox_sig {
    margin-top: 10px;
    position: relative;
}

    .markcompletebox_sig .text {
        position: absolute;
        top: 5px;
    }

    .markcompletebox_sig .value {
        margin-left: 135px;
    }

a.icon_reportinformation {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/TalentFirst/TalentFirstV3/images/formio/icon_reportinfo.png);
    background-repeat: no-repeat;
}

.owl-carousel .owl-item img.addGoal_plus {
    background-image: url(/TalentFirst/TalentFirstV3/images/icon_goalplus.png);
    background-repeat: no-repeat;
    width: 0px !important;
    height: 0px !important;
    margin-top: 43px;
    margin-left: 44px;
    padding: 12px 12px;
    font-size: 0px;
    content: ""
}

span.addGoal_pluslink {
    color: #f77c00;
    font-weight: bold;
}

.cal_assigntask {
    position: relative;
}

    .cal_assigntask .cl-bg {
        top: -20px !important;
    }

.cal_opentop {
    height: 36px;
    position: relative
}

    .cal_opentop .cl-bg {
        position: absolute;
        top: -192px !important;
    }

/*MY PROFILE POPUP NEW CSS*/

.profile_tab {
    border-bottom: 4px solid #ececec;
}

    .profile_tab ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .profile_tab ul li {
            float: left;
            padding-bottom: 10px;
        }

            .profile_tab ul li.selected {
                background-image: url(/TalentFirst/TalentFirstV3/images/up-arrow.png);
                background-repeat: no-repeat;
                background-position: bottom center;
            }

                .profile_tab ul li.selected a,
                .profile_tab ul li.selected a:hover {
                    color: #f97c13;
                    cursor: default;
                }

            .profile_tab ul li a {
                padding: 0 20px;
                height: 30px;
                line-height: 30px;
                display: inline-block;
                color: #474646;
                font-size: 15px;
            }

                .profile_tab ul li a:hover {
                    color: #707070;
                }




.privatenotes th {
    border: 1px solid red;
    display: none;
}

.privatenotes_box {
    border-radius: 4px;
    margin: 10px;
    padding: 10px;
    box-shadow: 0 0 5px #cdcdcd;
    position: relative;
    background-color: #FFFFFF;
}

.privatenotes tr.mulrow .privatenotes_box {
    background: #f5f5f5;
}

.privatenotes tr.grid_emptyrow td {
    text-align: center;
    font-weight: bold;
    color: #474646;
}


.privatenotes_scroll {
    padding: 0 10px;
}

.popup_notes .privatenotes_scroll {
    height: 350px;
    overflow: auto;
}

.privatenotes_box .btnclose {
    background-color: #FFFFFF;
    box-shadow: 0 0 5px #cdcdcd;
    position: absolute;
    right: -7px;
    top: -8px;
    border-radius: 50px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    display: none;
}

    .privatenotes_box .btnclose:hover {
        background-color: #e5e3e3;
    }

.privatenotes_box:hover .btnclose {
    display: block;
}

.notes_xls {
    text-align: right;
    margin-top: -50px;
    height: 60px;
}

.popup_notes .notes_xls {
    height: 55px;
}
/*MY PROFILE POPUP NEW CSS*/

.goal_icon_edit {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    outline: none;
    content: ""
}


.managetab {
    padding: 10px 10px 0 10px;
    overflow: hidden;
}

    .managetab ul {
        padding: 0;
        list-style-type: none;
        height: 40px;
        border-bottom: 3px solid #e9e8e7;
    }

        .managetab ul li {
            float: left;
            border-bottom: 3px solid #e9e8e7;
            height: 40px;
        }

            .managetab ul li.blanktab {
                width: 20px;
            }

            .managetab ul li a {
                display: inline-block;
                line-height: 37px;
                font-size: 15px;
                color: #484644;
                padding: 0 10px;
            }

                .managetab ul li a:hover {
                    color: #cdcdcd;
                }

            .managetab ul li.selected,
            .managetab ul li.selected a {
                color: #e97c21;
                border-bottom: 3px solid #e97c21;
            }

.canvas-holder {
    width: 850px;
    margin: 0 auto;
}

@media (max-width:1050px) {
    .canvas-holder {
        width: 700px;
    }
}

.managetab_caontainer {
    padding: 0 10px 10px 10px;
    clear: both;
}

.notes_managetab .heading18_bottomborder {
    display: none
}

.notes_managetab .privatenotes_scroll {
    padding: 0 !important
}

.notes_managetab .notes_xls {
    height: 45px !important
}

.taskrating_managetab .heading_18 {
    display: none;
}

.taskrating_managetab .impact-topbg {
    background-color: transparent;
    padding: 0;
    border-bottom: 0;
}

.taskrating_managetab .owl-controls {
    top: 115px;
}





@media (min-width:700px) {
    .preview_txtbox {
        width: 250px;
    }
}

.dvassignto_scroll {
    height: 495px;
    padding: 0 10px;
    overflow: auto
}

@media (max-width:700px) {
    .assignto_user {
        width: 250px;
    }

    .assignto_multiline {
        width: 200px;
    }

    .dvassignto_scroll {
        height: 495px;
        border: 1px solid red;
        padding: 0 10px;
        overflow: scroll
    }
}

.mygoals_delete {
    display: none;
}

.my-goals:hover .mygoals_delete {
    display: block;
}

.mygoals_delete {
    background-image: url(/TalentFirst/TalentFirstV3/images/popup_bg.png);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 100;
    border-radius: 5px;
    padding-top: 50px;
}

    .mygoals_delete a {
        background: rgba(0, 0, 0, .4);
        border-radius: 5px;
        font-size: 16px;
        color: #FFFFFF;
        cursor: pointer;
        padding: 20px;
    }

.goal_roundbox_margin {
    padding: 12px;
}

.goal_roundbox {
    border-radius: 4px;
    box-shadow: 0 0 5px #cdcdcd;
    background-color: #FFFFFF;
}

.managedd {
    border: 0px;
    padding: 0px;
    background-color: #f2f2f2;
}



.manage_feedbackpopup {
    overflow: hidden;
    background-color: #edf0f2;
    border-radius: 5px;
}

.manage_feedbackpopup_chararea {
    height: 400px;
    overflow: auto;
}

.manage_feedbackpopup_commentarea {
    background-color: #FFFFFF;
    margin: 5px;
    overflow: hidden;
    border-radius: 5px;
    height: 54px;
}

    .manage_feedbackpopup_commentarea textarea {
        background-color: #FFFFFF;
        font-family: Arial;
        font-size: 13px;
        height: 54px;
        width: 100%;
        resize: none;
        border: 0;
        padding: 8px;
    }

.icon_published_eye {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #d0d0d0;
    background-color: #dedbd8;
    border-radius: 4px;
    padding: 2px 4px;
    display: grid;
}

    .icon_published_eye img {
        width: 20px;
        height: 12px;
    }

.managepage_title {
    height: 70px;
    font-size: 20px;
}

    .managepage_title a {
        font-size: 13px;
    }

    .managepage_title img {
        width: 50px;
        height: 50px;
        display: inline-block;
        border-radius: 100px;
        border: 2px solid #fff;
        box-shadow: 0px 0px 10px #ccc;
    }

.moredd .dropdown-menu {
    position: absolute;
    left: inherit;
    right: 0px !important;
    padding: 0;
}

.moredd_top {
    background-color: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px
}

.moredd_container {
    padding: 10px;
}

.checkboxlist td {
    padding: 5px 0;
}

.moredd ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .moredd ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .moredd ul li a,
        .moredd ul li .btnlink {
            display: block;
            padding: 5px 10px;
            margin: 5px 0;
            color: #616367;
        }

            .moredd ul li a:hover,
            .moredd ul li .btnlink:hover {
                background-color: #e9e8e7;
            }

.privatenotes_txt {
    border: 0px;
    width: 100%;
    padding: 0px;
    resize: none;
    height: 40px;
}

.task_userlist ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .task_userlist ul li {
        float: left;
        margin-right: 15px;
        text-align: center;
        font-size: 12px;
    }

        .task_userlist ul li img {
            width: 30px;
            height: 30px;
            margin: 0 auto;
            border-radius: 50px;
            display: block;
            border: 1px solid #c5c5c5;
        }

.link-menu {
    position: absolute;
    width: 200px;
    top: 35px;
    right: 0;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 100;
}

    .link-menu .close {
        border: 1px solid rgba(0, 0, 0, .15);
        background-color: #FFFFFF;
        border-radius: 50px;
        opacity: 1;
        width: 20px;
        height: 20px;
        text-align: center;
        margin: -10px -10px 0 0;
    }

        .link-menu .close a {
            font-size: 12px;
            display: block;
            line-height: 20px;
            color: #FF0000;
        }

    .link-menu .link_container {
        padding: 20px 10px 10px 10px;
    }

    .link-menu .link_containerbg {
        background-color: #f2f2f2;
        border-top: 1px solid #e5e5e5;
        padding: 10px
    }

.coaching_toggle {
    overflow: hidden;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background-color: #FFFFFF;
}

    .coaching_toggle .toggle_select {
        float: left;
        color: #FFFFFF;
        background-color: #51677f;
        padding: 5px 10px;
        cursor: default;
    }

    .coaching_toggle .toggle_value {
        float: left;
        color: #474646;
        padding: 5px 10px;
        cursor: pointer;
    }

.userimage40 {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #c6c6c6 !important;
}


.team_leftcontainer {
    float: left;
    width: 200px;
}

.team_leftcontainer170 {
    float: left;
    width: 170px;
}

.team_leftcontainer .team_lefticon {
    float: left;
    background-color: #f2f2f2;
    color: #000000;
    font-size: 12px;
    border-radius: 50px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.team_rightcontainer {
    float: right;
    width: 20px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background-image: url(/TalentFirst/TalentFirstV3/images/icon_more.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.owl-item .mycompetencieslist {
    margin-right: 10px;
}

/*ICF6 custom changes START*/

.icf6bg {
    background-color: #f3f2f1 !important;
}

.icf6Assessment .page_tilte {
    display: none;
}

.icf6Assessment .mrgtop40 {
    margin-top: 0;
}

.icf6Assessment .sub_heading_black {
    font-size: 22px;
    color: #252423;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

/*ICF6 custom changes END*/

.goalfilter {
    position: absolute;
    border: 1px solid red;
    background-color: #FFFFFF;
    z-index: 10000;
    width: 230px;
    text-align: left;
    padding: 15px;
    right: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
}

.icf6assessment_report .popup_container {
    margin: 0 20px;
}

.assessmen-report {
    height: 534px !important;
    overflow: auto !important;
}

.icf6assessment_report .assessmen-report {
    height: auto !important;
    overflow: visible !important;
}

.newlook {
    color: #FFFFFF;
    display: inline-block;
    margin-top: 5px;
    color: #f1f1f1;
    font-size: 12px;
    cursor: pointer;
}

    .newlook span.new {
        color: #ffbb03;
        font-size: 15px;
        font-style: italic;
        font-weight: bold;
        padding-right: 5px;
        text-shadow: 1px 1px 2px #000000;
    }

.profiletop_left {
    float: left;
    width: 200px;
    text-align: center;
}

.profiletop_right {
    float: right;
    width: calc(100% - 220px);
}

.profilev6tab {
    border-bottom: 4px solid #ececec;
    font-size: 17px;
    padding-bottom: 10px;
    margin: 10px 0;
}


.ICF6_reports_bg {
    background-color: #f3f2f1;
    padding: 0 20px 20px 20px;
    position: relative;
    height: 100%;
}
    /*ICF6-731*/
    .ICF6_reports_bg .grayheading_box {
        height: calc(100% - 230px) !important;
    }

    .ICF6_reports_bg .dasboardreport_gridheight {
        height: calc(100% - 40px) !important;
    }

    .ICF6_reports_bg .grayheading_box .dasboardreport_gridheight .cdgrid_scroll {
        height: 100% !important;
    }
    /*ICF6-731*/

    /*ICF6-752*/
    .ICF6_reports_bg .OrgEmployeeChart_height,
    .ICF6_reports_bg .RadAjaxPanel,
    .ICF6_reports_bg .OrgEmployeeChart_height #ctl00_CPHNested_RadAjaxPanel1 {
        height: 100% !important;
    }

    .ICF6_reports_bg .foo {
        height: 100% !important;
    }
/*ICF6-752*/

/*ICF6-747*/
.ICF6_reports_droupdown .btn-default {
    display: none !important;
}

.ICF6_reports_droupdown .selectpicker {
    position: relative !important;
    opacity: 1 !important;
    width: 110px !important;
    border: 1px solid #d7d7d7 !important;
    padding: 5px !important;
    left: 0% !important;
}
/*ICF6-747*/



/*ICF6-839*/

.ICF_height100 {
    height: 100% !important
}

.ICF6_subpopup_assign {
    height: 100%;
    background-color: #f3f2f1;
}

    .ICF6_subpopup_assign #ctl00_CPHPopupContainer_updPnl {
        height: 100%;
        padding: 10px;
    }

        .ICF6_subpopup_assign #ctl00_CPHPopupContainer_updPnl .popup_container {
            height: 100%;
            margin: 0 !important
        }

    .ICF6_subpopup_assign .grayheading_box {
        height: calc(100% - 120px) !important;
    }
/*ICF6-839*/
/*ICF6-747*/

/*ICF6-741*/
.ICF6_behavioral_reports_bg {
    background-color: #f3f2f1;
    padding: 0 20px;
    position: relative;
    height: 100% !important;
}

    .ICF6_behavioral_reports_bg .BehavioralPageheight {
        height: 100% !important;
    }

    .ICF6_behavioral_reports_bg .behavioralreport_left {
        height: calc(100% - 2px) !important;
    }

        .ICF6_behavioral_reports_bg .behavioralreport_left .bi_employeelist {
            height: calc(100% - 60px) !important;
            overflow: auto;
        }

    .ICF6_behavioral_reports_bg .behavioralreport_right {
        height: 100% !important;
        overflow: auto;
    }

@media screen and (min-width:767px) and (max-width: 1023px) {
    .ICF6_behavioral_reports_bg .behavioralreport_left {
        height: 170px !important;
    }

        .ICF6_behavioral_reports_bg .behavioralreport_left .bi_employeelist {
            height: 110px !important;
        }

    .ICF6_behavioral_reports_bg .behavioralreport_right {
        height: calc(100% - 170px) !important;
    }
}
/*ICF6-741*/

/*ICF6-857*/
.taskrating_popup {
    height: 570px;
}

    .taskrating_popup .taskrating_popup_container {
        height: 460px;
        padding: 15px;
        overflow: auto;
    }

.taskrating_popup_button {
    text-align: right;
    border-top: 1px solid #e4e4e4;
    padding: 15px 15px 0 0;
}

.taskrating_main {
    font-family: "Droid Sans",arial, verdana;
    font-size: 13px;
    text-transform: none;
    padding: 6px 10px;
    background-color: #768fab;
    border: 2px solid #768fab;
    color: #FFFFFF;
}

    .taskrating_main:hover {
        color: #FFFFFF !important;
        background-color: #51677f;
        border: 2px solid #51677f;
    }

.taskrating_cancel {
    font-family: "Droid Sans",arial, verdana;
    font-size: 13px;
    text-transform: none;
    padding: 6px 10px;
    background-color: #FFFFFF;
    color: #000000;
    border: 2px solid #c8c6c4;
}

    .taskrating_cancel:hover {
        background-color: #c8c6c4;
    }

.taskrating_popup_box .glyphicon {
    font-size: 25px !important;
}

.taskrating_popup_box .glyphicon-minus-sign {
    font-size: 21px !important;
    padding-top: 5px;
}

.taskrating_popup_box .rating-container .caption {
    margin-top: 0px;
}

.taskrating_popup_formcontrol {
    border-bottom: 2px solid #d5d5d5;
    box-shadow: none;
    transition: none;
    color: #616367;
    font-size: 13px;
    resize: none;
    height: 70px !important;
}

.TaskRating_skills li {
    background-color: #eef4fa !important;
    border: 1px solid #768fab !important;
    border-radius: 5px;
}

    .TaskRating_skills li .skill-endorsement-act {
        background-color: #eef4fa !important;
        border: 0px !important;
        color: #474646 !important;
    }

    .TaskRating_skills li .popup-skils-disabled {
        background-color: #768fab !important;
        border: 0px !important;
        border-radius: 0 !important;
    }
/*ICF6-857*/


.div_norecord {
    text-align: center;
    padding: 10px;
    border: 1px solid #d8dcdd;
    font-weight: bold;
}

    .div_norecord td {
        padding: 10px;
    }

.showinipad {
    display: none;
}

@media (max-width:1025px) {
    .showinipad {
        display: block;
    }

    .showinweb {
        display: none;
    }
}


.btnlink {
    background-color: transparent;
    color: #3283bb;
    border: 0px;
    padding: 0px;
}

    .btnlink:hover {
        color: #064e80;
    }

@media (max-width:500px) {
    .task_ratingpopup_label, .task_ratingpopup_value {
        float: none;
    }

    .taskrating_popup .taskrating_popup_container {
        height: auto;
        padding: 15px;
        overflow: hidden;
    }
}

/*23-july-2019 dynamic report iphone css*/
.iphone_bottomspace {
    display: none;
}

.dymreport_iphone_heading {
    display: none;
}

@media (max-width:750px) {
    .iphone_scroll {
        overflow: auto !important;
    }

    .reportbox_bg_responsive, .ICF6_dynamicreport100 {
        border: 0px !important;
        background-color: transparent !important;
    }

    .report_rightpane_container {
        overflow: hidden !important;
        height: auto !important;
        padding: 0px !important; /*commented by chetan margin:-8px;*/
    }

    .report_rightpane_footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    .iphone_bottomspace {
        display: block;
        height: 35px;
    }

    .acknowledge {
        margin-top: 0px !important;
    }

    .iphonereportmenu {
        top: 40px !important;
        position: fixed !important;
        z-index: 1005 !important
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #485c66;
    }

    .expandall {
        display: none;
    }

    .dymreport_iphone_heading {
        display: block;
        position: absolute;
        z-index: 10;
        top: 8px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #0d8dd3;
        font-size: 16px;
    }
}

/*23-july-2019 dynamic report iphone css*/

.user_goalsbox_rightcontainer1,
.user_goalsbox_rightcontainer2,
.user_goalsbox_rightcontainer3,
.user_goalsbox_rightcontainer4 {
    float: left;
    display: inline-block;
    margin-bottom: 10px;
    min-width: 175px;
}

.user_goalsbox_rightcontainer1,
.user_goalsbox_rightcontainer2,
.user_goalsbox_rightcontainer3 {
    margin-right: 10px;
}

    .user_goalsbox_rightcontainer1 .value,
    .user_goalsbox_rightcontainer2 .value,
    .user_goalsbox_rightcontainer3 .value,
    .user_goalsbox_rightcontainer4 .value {
        float: left;
        margin-left: 7px;
    }

        .user_goalsbox_rightcontainer1 .value .form-control,
        .user_goalsbox_rightcontainer2 .value .form-control,
        .user_goalsbox_rightcontainer3 .value .form-control,
        .user_goalsbox_rightcontainer4 .value .form-control {
            font-size: 13px;
            padding: 0px;
        }

@media (max-width:650px) {
    .user_goalsbox_rightcontainer1,
    .user_goalsbox_rightcontainer2,
    .user_goalsbox_rightcontainer3,
    .user_goalsbox_rightcontainer4 {
        float: none;
        width: 99%;
        display: inline-block;
    }
}

/*New Goal UI as per V6 START*/
.grayshadowbox {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 0 4px #bfbfbf;
    margin: 4px 4px 15px 4px;
    position: relative;
    min-height: 200px;
}

.grayshadowbox_left {
    background-color: #e9e8e7;
    width: 160px;
    height: 100%;
    position: absolute;
    padding: 10px;
    text-align: center;
}

.grayshadowbox_leftmargin {
    margin-left: 160px;
    padding: 15px;
}

.goals_heading {
    font-size: 16px;
}

.goals_formvalue {
    height: 22px;
    padding: 0;
    max-width: 150px;
    cursor: not-allowed;
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
}

.goals_calander {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/TalentFirst/TalentFirstV3/images/icon_goals_calander.png);
    width: 0;
    height: 0;
    padding: 16px 0 0 16px;
    box-sizing: border-box;
}

.goal_edit {
    height: 26px;
    width: 26px;
    background-image: url(/TalentFirst/TalentFirstV3/images/icon_goals_edit.png);
    display: inline-block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    outline: none;
    content: "";
}

.goalcal_btncolor,
.goalcal_btncolor:focus {
    color: #919191 !important;
    border: 0px;
    background-color: #f2f2f2 !important;
}

/*New Goal UI as per V6 END*/
.annualrating_heading {
    font-size: 16px;
}

.annualrating_grid table {
    border: 1px solid #c5c5c5;
    border-top: 0px;
    border-right: 0px;
    width: 100%;
}

.annualrating_grid th {
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding: 10px !important;
    color: #646768;
    background-color: #dcdcdc;
    font-weight: bold !important;
}

    .annualrating_grid th label {
        font-weight: bold !important;
    }

.annualrating_grid td {
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding: 10px !important;
    color: #646768;
}

.annualrating_grid tr:nth-child(even) {
    background: #f3f2f1;
}

.annualrating_grid tr:nth-child(odd) {
    background: #FFFFFF;
}



.txt13 {
    font-size: 13px;
}

@media (min-width:1025px) {
    .annualrating_goals {
        width: 1000px;
    }
}

.annualrating_list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

    .annualrating_list ul li {
        border: 1px solid red;
        margin: 10px;
        padding: 0;
        float: left;
        border: 1px solid #c7c7c7;
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 0 0 5px #cdcdcd;
    }

        .annualrating_list ul li .form-lable {
            background-color: #eaeeef;
            display: table-cell;
            height: 75px;
            width: 225px;
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
        }

        .annualrating_list ul li .form-value {
            padding: 20px 15px;
        }

/*15-10-2019*/
.solicitfeebackbox_left {
    width: 200px;
}

.solicitfeebackbox_box {
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.solicitfeebackbox_box_heading {
    background-color: #e1e1e1;
    padding: 10px;
    font-size: 16px;
}

.solicitfeebackbox_box_container {
    overflow: hidden;
    padding: 10px;
}

.solicitfeebackbox_list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
}

    .solicitfeebackbox_list ul li {
        margin: 0px;
        padding: 0px;
        float: left;
        margin: 10px 20px 20px 0;
        border: 1px solid #d5d5d5;
        background-color: #f7f7f7;
        padding: 10px;
        position: relative;
        border-radius: 4px;
    }

        .solicitfeebackbox_list ul li .listboxclose {
            border: 1px solid #d5d5d5;
            background-color: #FFFFFF;
            position: absolute;
            top: -10px;
            right: -10px;
            width: 20px;
            line-height: 17px;
            height: 20px;
            text-align: center;
            border-radius: 50px;
        }

            .solicitfeebackbox_list ul li .listboxclose a {
                display: block;
                color: #dc3b45;
                font-weight: bold;
            }

        .solicitfeebackbox_list ul li .listboximg {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            display: inline-block;
            border: 1px solid #dedfdf;
        }

        .solicitfeebackbox_list ul li .listboxcontent {
            font-size: 16px;
            margin: 5px 10px 0 10px;
        }

            .solicitfeebackbox_list ul li .listboxcontent .user-desi {
                display: block;
                font-size: 12px;
                color: #919191;
                font-style: italic;
            }

.error-msg {
    display: inline-block;
    padding-top: 5px;
    color: #FF0000
}
/*15-10-2019*/
.show-editable-area {
    position: relative;
    z-index: 1003;
}

.solicitfeeback_userimage {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    display: inline-block;
}

/*22-10-2019*/
.assessment_coloum {
    float: left;
    width: 33%;
    font-size: 18px;
    text-align: center;
    height: 220px;
    padding: 40px 0;
}

    .assessment_coloum .score {
        font-size: 40px;
        display: inherit;
        margin-top: 20px;
    }

    .assessment_coloum .pass {
        color: #79ab6d;
    }

    .assessment_coloum .fail {
        color: #db4844;
    }

    .assessment_coloum img {
        width: 80px;
        height: 80px;
        margin: 10px 0;
    }

.assessment_coloum_border {
    border-left: 1px solid #c2c2c2;
}

.fake-heigth-width {
    height: 1px;
    width: 1px;
    overflow: hidden;
}
/*ICF6-1626*/
.v6_customreport {
    height: 100% !important;
    padding: 6px !important;
}

@media (max-width:800px) {
    .v6_customreport .v6_customreport_container {
        height: calc(100% - 200px) !important;
    }

        .v6_customreport .v6_customreport_container .v6_customreport_row {
            height: calc(100% - 35px) !important;
        }

        .v6_customreport .v6_customreport_container .v6_customreport_col {
            height: 100% !important;
        }

            .v6_customreport .v6_customreport_container .v6_customreport_col .formbuilder {
                min-height: 500px !important;
                height: 100% !important;
            }

            .v6_customreport .v6_customreport_container .v6_customreport_col .formarea {
                min-height: 546px !important;
                height: 100% !important;
            }
}

@media (min-width:1025px) {
    .v6_customreport .v6_customreport_container {
        height: calc(100% - 200px) !important;
    }

        .v6_customreport .v6_customreport_container .v6_customreport_row {
            height: calc(100% - 35px) !important;
        }

        .v6_customreport .v6_customreport_container .v6_customreport_col {
            height: 100% !important;
        }

            .v6_customreport .v6_customreport_container .v6_customreport_col .formbuilder {
                min-height: 500px !important;
                height: 100% !important;
            }

            .v6_customreport .v6_customreport_container .v6_customreport_col .formarea {
                min-height: 546px !important;
                height: 100% !important;
            }
}
/*ICF6-1626*/

/*CSS added for Role Play Control START 05/11/2019*/
.role-heading-wrapper {
    display: flex;
    /*border-bottom:solid 1px #d5d5d5; */
    padding: 10px 0 2px 0;
}

.record-heading {
    font-size: 17px;
    color: #3283bb;
    padding-right: 30px;
}

    .record-heading:hover {
        cursor: pointer;
        color: #064e9e;
    }

    .record-heading i {
        margin-right: 5px;
        opacity: 0.75;
    }

.role-warea-wrapper {
    display: flex;
}

.role-coach-wrapper {
    width: 50%;
    border: solid 1px #d5d5d5;
}

.remove-role-border {
    border-left: 0;
}

.role-coach-heading {
    font-size: 15px;
    color: #ffffff;
    background-color: #485c65;
    padding: 5px 10px;
}

.role-coach-scroll {
    max-height: 220px;
    overflow: auto;
}

@media only screen and (max-width: 1025px) and (min-width: 800px) {
    .role-coach-scroll {
        max-height: 125px;
    }
}

@media (max-width:799px) {
    .role-coach-scroll {
        max-height: 300px;
    }
}

.role-coach-warea {
    display: flex;
    padding: 5px 10px;
    background-color: #ffffff;
    border-bottom: solid 1px #e5e5e5;
}

    .role-coach-warea:nth-child(2n) {
        background-color: #f7f7f7;
    }

.role-icon-set {
    text-align: right;
    width: 110px;
    display: flow-root;
    align-items: flex-end;
}

    .role-icon-set i {
        margin: 5px;
        padding: 5px;
        color: #3283bb;
        font-size: 18px;
    }

        .role-icon-set i:hover {
            cursor: pointer;
            color: #064e9e;
        }


.role-coach-text {
    width: calc(100% - 110px);
    vertical-align: top;
    display: flex;
    cursor: pointer;
}

.role-coach-icon {
    display: inline-block;
    font-size: 24px;
    opacity: 0.7;
    width: 45px;
    vertical-align: top;
    padding-top: 5px;
    text-align: left;
}

    .role-coach-icon:hover {
        cursor: pointer;
    }

.role-coach-main {
    width: calc(100% - 45px);
}

.role-coach-main-title {
    font: 14px/18px "Droid Sans", arial, verdana;
    color: #474646;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-coach-main-date {
    font: 12px/18px "Droid Sans", arial, verdana;
    color: #2c6cb4;
    margin: 0;
}

.record-audio-box {
    position: relative;
    background: #7f7f7f;
    border-radius: 5px;
    width: 400px;
}

    .record-audio-box:after {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(127, 127, 127, 0);
        border-bottom-color: #7f7f7f;
        border-width: 11px;
        margin-left: -11px;
    }

.record-audio-box-heading {
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
}

.record-audio-box-warea {
    background-color: #f3f2f0;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 15px;
    border: solid 1px #d5d5d5;
    border-radius: 4px;
}

.record-audio-row {
    display: flex;
}

.record-label {
    width: 25%;
    line-height: 30px;
    font-size: 16px;
}

.record-input {
    width: 75%;
}

.record-pause-icon {
    font-size: 24px;
    color: #0272b7;
    margin-right: 10px;
}

.record-stop-icon {
    font-size: 24px;
    color: #ff0000;
    margin-right: 10px;
}

    .record-stop-icon:hover {
        cursor: pointer;
    }

.record-meeting-wrapper {
    font-size: 14px;
    padding-top: 15px;
}

    .record-meeting-wrapper span {
        display: inline-block;
        margin-right: 15px;
        font-size: 16px;
    }

.start-recording-icon {
    color: #2c6cb4;
}

.cancel-recording-icon {
    color: #ff0000;
}

    .start-recording-icon:hover, .cancel-recording-icon:hover {
        cursor: pointer;
    }

/*.panel-body {
    padding: 0;
}*/

.panel-body .OT_publisher, .OT_subscriber {
    min-height: 324px;
}

.audio-wrapper {
    margin: 0 auto;
    width: 450px;
    padding-top: 20px;
}

    .audio-wrapper audio {
        width: 100%;
    }

.video-wrapper {
    margin: 0 auto;
    width: 450px;
    padding-top: 20px;
}

.audio-wrapper video {
    width: 100%;
}

/*CSS added for Role Play Control END 05/11/2019*/

/*ICFSUPPORT-380*/
.v6formbuilder_viewer {
    height: 100% !important;
    padding: 5px !important;
}

    .v6formbuilder_viewer .v6formbuilder_viewer_container {
        height: calc(100% - 200px) !important;
    }

        .v6formbuilder_viewer .v6formbuilder_viewer_container .v6formbuilder_viewer_row {
            height: calc(100% - 35px) !important;
        }

        .v6formbuilder_viewer .v6formbuilder_viewer_container .v6formbuilder_viewer_col {
            height: 100% !important;
        }

            .v6formbuilder_viewer .v6formbuilder_viewer_container .v6formbuilder_viewer_col .formbuilder {
                height: 100% !important;
            }

            .v6formbuilder_viewer .v6formbuilder_viewer_container .v6formbuilder_viewer_col .formcomponents {
                height: 100% !important;
                overflow: auto;
            }

            .v6formbuilder_viewer .v6formbuilder_viewer_container .v6formbuilder_viewer_col .formarea {
                height: 100% !important;
            }
/*ICFSUPPORT-380*/

.ICF6dashboard_reports_body {
    background-color: blue !important;
}

.ICF6dashboard_reports_bg {
    min-height: 100% !important;
    height: 100% !important;
    background-color: #f3f2f1 !important;
}

    .ICF6dashboard_reports_bg .selectpicker {
        height: 34px !Important;
        border: 1px solid #ccc;
        opacity: 100 !important;
        width: 100% !important;
        z-index: 1000;
        left: 0;
        border-radius: 4px;
        top: 0;
        padding: 6px 12px !important;
        font-size: 14px;
    }

.ICF6_noscroll {
    overflow: visible !important;
}
/*ICF6-1626*/




#upddaterange {
    width: 100%;
}

.pepolesearch {
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    background-color: #FFFFFF;
    height: 37px;
}

    .pepolesearch .pepolesearch_txtbox {
        border: 0px;
    }

    .pepolesearch .date_txtbox {
        border: 0px;
        width: calc(100% - 25px);
    }


ul.pepolesearch_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    top: 35px;
    z-index: 1000;
}

    ul.pepolesearch_list li {
        margin: 0;
        padding: 10px;
        border: 1px solid #d5d5d5;
        border-bottom: 2px solid #d5d5d5;
        background-color: #FFFFFF;
        display: flex;
    }

        ul.pepolesearch_list li:hover {
            background-color: #d5d5d5;
        }

        ul.pepolesearch_list li img {
            float: left;
            width: 35px;
            height: 35px;
            border-radius: 50px;
            border: 1px solid #d5d5d5;
            background-color: #FFFFFF;
            display: inline-block
        }

        ul.pepolesearch_list li span.emp-details {
            float: left;
            margin-left: 10px;
            color: #616367;
            font-size: 15px;
            cursor: pointer;
            line-height: 15px;
        }

            ul.pepolesearch_list li span.emp-details span.desc {
                font-size: 12px;
                color: #2c6cb4;
                font-style: italic;
                display: block;
            }

.green_bg {
    background-color: #4cb6aa;
}

.dd_daterange {
    position: absolute;
    top: 35px;
    z-index: 1000;
    border: 1px solid #d5d5d5;
    background-color: #FFFFFF;
    padding: 10px;
}





#upddaterange {
    width: 100%;
}

.pepolesearch {
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    background-color: #FFFFFF;
    height: 37px;
}

    .pepolesearch .pepolesearch_txtbox {
        border: 0px;
    }

    .pepolesearch .date_txtbox {
        border: 0px;
        width: calc(100% - 25px);
    }


ul.pepolesearch_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    top: 35px;
    z-index: 1000;
}

    ul.pepolesearch_list li {
        margin: 0;
        padding: 10px;
        border: 1px solid #d5d5d5;
        border-bottom: 2px solid #d5d5d5;
        background-color: #FFFFFF;
        display: flex;
    }

        ul.pepolesearch_list li:hover {
            background-color: #d5d5d5;
        }

        ul.pepolesearch_list li img {
            float: left;
            width: 35px;
            height: 35px;
            border-radius: 50px;
            border: 1px solid #d5d5d5;
            background-color: #FFFFFF;
            display: inline-block
        }

        ul.pepolesearch_list li span.emp-details {
            float: left;
            margin-left: 10px;
            color: #616367;
            font-size: 15px;
            cursor: pointer;
            line-height: 15px;
        }

            ul.pepolesearch_list li span.emp-details span.desc {
                font-size: 12px;
                color: #2c6cb4;
                font-style: italic;
                display: block;
            }

.green_bg {
    background-color: #4cb6aa;
}

.dd_daterange {
    position: absolute;
    top: 35px;
    z-index: 1000;
    border: 1px solid #d5d5d5;
    background-color: #FFFFFF;
    padding: 10px;
}



/*NEW DASHBOARD DESIGN CSS STARTS HERE*/
.dashboard-box {
    border: 1px solid #d5d5d5;
    background-color: #FFFFFF;
}

    .dashboard-box .box-heading {
        border-bottom: 1px solid #d5d5d5;
        background-color: #f5f5f5;
        padding: 10px;
        height: 60px;
    }

    .dashboard-box .control-spacing {
        margin-left: 25px
    }

    .dashboard-box .box-container {
        padding: 10px;
    }

.dashboardchart-var ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    .dashboardchart-var ul li {
        margin: 0px;
        padding: 10px;
        float: left;
        border-right: 1px solid #d5d5d5;
        text-align: center;
        width: 240px;
        font-size: 16px;
    }

        .dashboardchart-var ul li .value {
            display: block;
            font-size: 40px;
            color: #667f9c;
        }

.dashboard-box .highcharts-background {
    fill: #f3f2f0 !important;
}

.dashboard-box .box-relative {
    position: relative;
}

.dashboard-box .box-graybg {
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 101;
}

.dashboardfilter {
    overflow: hidden;
}

    .dashboardfilter ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .dashboardfilter ul li {
            margin: 0 10px 10px 0;
            padding: 4px 4px 4px 7px;
            float: left;
            border-radius: 5px;
            border: 1px solid #d5d5d5;
            background-color: #f7f7f7;
        }

            .dashboardfilter ul li input {
                margin-left: 4px;
                /*padding: 0px;*/
                line-height: 10px;
                height: 20px;
                width: 20px;
                background-color: #6e7e93;
                color: #FFFFFF;
                border-radius: 50px;
            }

            .dashboardfilter ul li.clearall {
                border: 1px solid #ffffff;
                background-color: transparent;
                padding: 4px 0 4px 0;
            }

                .dashboardfilter ul li.clearall input {
                    width: auto;
                    background-color: transparent;
                    color: #3383bb;
                    margin-left: 0px;
                }

.linkbutton {
    border: 0;
    background-color: transparent;
    color: #3283BD;
}

/*NEW DASHBOARD DESIGN CSS ENDS HERE*/
.green_bg {
    background-color: #4cb6aa;
}

/*Coach the Coach css starts here*/
.coachtheCoach_list {
    border: 1px solid #d8dcdd;
    max-height: 300px;
    overflow: auto;
}

    .coachtheCoach_list ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .coachtheCoach_list ul li {
            margin: 0;
            padding: 10px;
            border-top: 1px solid #d8dcdd;
            display: flex;
        }

            .coachtheCoach_list ul li:first-child {
                border-top: 0px;
            }

            .coachtheCoach_list ul li:nth-child(odd) {
                background: #edecec;
            }

            .coachtheCoach_list ul li:nth-child(even) {
                background: #FFFFFF;
            }

            .coachtheCoach_list ul li .userimage {
                float: left;
                width: 60px;
            }

                .coachtheCoach_list ul li .userimage img {
                    width: 50px;
                    height: 50px;
                    border-radius: 50px;
                    border: 1px solid #d8dcdd;
                    display: inline-block;
                    background-color: #FFFFFF;
                }

            .coachtheCoach_list ul li .userdetails {
                float: left;
                width: calc(100% - 60px);
            }

                .coachtheCoach_list ul li .userdetails .createdby {
                    font-size: 16px;
                    color: #313030;
                    position: relative;
                }

                    .coachtheCoach_list ul li .userdetails .createdby a {
                        float: right;
                        display: inline-block;
                        width: 15px;
                        text-align: right;
                        font-size: 14px;
                        color: #616367;
                    }

                    .coachtheCoach_list ul li .userdetails .createdby .options {
                        position: absolute;
                        right: 0;
                        top: 20px;
                        width: 150px;
                        background-color: #FFFFFF;
                        border: 1px solid rgba(0, 0, 0, .15);
                        border-radius: 4px;
                        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                    }

                        .coachtheCoach_list ul li .userdetails .createdby .options a {
                            display: block;
                            float: none;
                            width: 100%;
                            text-align: left;
                            margin: 5px 0;
                            padding: 2px 10px;
                        }

                            .coachtheCoach_list ul li .userdetails .createdby .options a:hover {
                                background-color: #edecec;
                            }

                            .coachtheCoach_list ul li .userdetails .createdby .options a i {
                                color: #7192a3;
                                margin-right: 5px;
                            }

                .coachtheCoach_list ul li .userdetails .createddate {
                    font-size: 12px;
                    color: #ce6e5b;
                }

            .coachtheCoach_list ul li .useredit {
                float: left;
                width: calc(100% - 60px);
                border: 1px solid #cccccc;
                background-color: #FFFFFF;
                border-radius: 5px;
            }

                .coachtheCoach_list ul li .useredit textarea {
                    width: 100%;
                    resize: none;
                    border: 0px;
                    padding: 5px;
                }

.coachtheCoach_addcomments {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-radius: 5px;
    margin-bottom: 10px;
}

    .coachtheCoach_addcomments textarea {
        width: 100%;
        resize: none;
        border: 0px;
        padding: 5px;
    }

        .coachtheCoach_addcomments textarea,
        .coachtheCoach_addcomments textarea:hover,
        .coachtheCoach_addcomments textarea:focus {
            box-shadow: none;
        }
/*Coach the Coach css ends here*/

.daterange .cl-bg {
    position: absolute;
    top: -30px !important;
}

.report_title_icon input {
    width: 40px !important
}
/*VIACOM REPORT DESING FOR IPHONE*/
.viacom_header {
    height: 50px;
    line-height: 50px;
    background-color: #e5e5e5;
    font-size: 16px;
    color: #51677f;
    font-weight: bold;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.viacom_header_left {
    width: 30px;
    float: left;
}

.viacom_header_middle {
    width: calc(100% - 60px);
    float: left;
    height: 45px;
    overflow: hidden;
}

.viacom_header_right {
    width: 30px;
    float: right;
}

.viacom_middle {
    /*height: calc(100% - 115px);
    overflow: auto;*/
    margin-top: 60px;
    border: 0px solid red;
}

.viacom_footer {
    height: 65px;
    width: 100%;
    line-height: 65px;
    background-color: #e5e5e5;
    border-top: 1px solid #c0c0c0;
    position: fixed;
    bottom: 0px;
    z-index: 1000;
}


.viacom_link ul {
    margin: 10px;
    padding: 0;
    list-style-type: none;
}

    .viacom_link ul li {
        margin-bottom: 20px;
    }

        .viacom_link ul li a {
            background-color: #51677f;
            font-size: 16px;
            color: #FFFFFF;
            display: block;
            padding: 15px 30px 15px 15px;
            border-radius: 5px;
            text-shadow: 2px 2px 4px #000000;
            background-image: url(/TalentFirst/TalentFirstV3/images/formio/menu-arrow.png);
            background-repeat: no-repeat;
            background-position: right;
        }

.viacom_btn_main {
    border: 2px solid #657b94;
    background-color: #657b94;
    color: #FFFFFF;
    font-size: 16px;
}

.viacom_btn_cancel {
    border: 2px solid #c8c6c4;
    background-color: #ffffff;
    color: #616367;
    font-size: 16px;
}

.viacom_middle .panel-default {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    margin: 10px;
    border: 0px;
}

.viacom_middle .panel-heading,
.viacom_middle .acknowledge-left {
    display: none;
}

.viacom_middle .panel-body {
    padding: 0px !important
}

.viacom_middle .radio-inline {
    display: block;
    margin-top: 20px;
}

.viacom_middle .control-label {
    line-height: 25px;
}

.dashboard-box .control-spacing {
    margin-left: 20px
}

.viacom_middle .acknowledge {
    float: none;
}

.txt_acknowledge {
    height: 300px !important;
}


.viacom_goalslist ul {
    margin: -15px;
    padding: 0;
    list-style-type: none;
}

    .viacom_goalslist ul li {
        padding: 10px 30px 15px 15px;
        border-bottom: 1px solid #c0c0c0;
        overflow: hidden;
    }

        .viacom_goalslist ul li .viacomchart {
            float: left;
            width: 70px;
        }

            .viacom_goalslist ul li .viacomchart img {
                width: 60px;
                height: 60px;
                display: inline-block;
            }

        .viacom_goalslist ul li .viacomchart-name {
            float: left;
            font-size: 18px;
            margin-top: 15px;
            width: calc(100% - 70px);
            background-image: url(/TalentFirst/TalentFirstV3/images/formio/goals-arrow.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 25px;
        }

        .viacom_goalslist ul li.selected .viacomchart-name {
            background-image: url(/TalentFirst/TalentFirstV3/images/formio/goals-arrow-down.png);
        }



        .viacom_goalslist ul li .goalsedit_name {
            border-bottom: 1px solid #c2c2c2;
            padding-bottom: 5px
        }

            .viacom_goalslist ul li .goalsedit_name .goalsedit_namevalue {
                float: left;
                font-size: 15px;
                width: calc(100% - 70px);
            }

            .viacom_goalslist ul li .goalsedit_name .goalsedit_button {
                float: right;
            }

        .viacom_goalslist ul li span.goalsedit_value {
            font-style: italic;
            color: #52667f;
            width: 80px;
            display: inline-block;
            float: left;
        }

        .viacom_goalslist ul li .goalsedit_heading {
            font-weight: bold;
            font-style: italic;
            color: #52667f;
            margin-bottom: 5px
        }

        .viacom_goalslist ul li .rbulider_cal {
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        }

            .viacom_goalslist ul li .rbulider_cal .goalcal {
                background-color: #FFFFFF !important;
                color: #555555 !important;
                padding: 5px;
                width: 90px !important;
            }

            .viacom_goalslist ul li .rbulider_cal .goalcal_btn {
                color: #657b94 !important;
            }

                .viacom_goalslist ul li .rbulider_cal .goalcal_btn .glyphicon {
                    top: 4px !important
                }

        .viacom_goalslist ul li .type-select {
            max-width: calc(100% - 61px);
        }

.viacomchart .percent {
    line-height: 66px !important;
    font-size: 12px !important;
}

.viacomchart .chart {
    width: 65px;
    height: 65px;
}

@media (max-width:450px) {
    .viacom_mainbuttton {
        border: 2px solid #657b94 !important;
        background-color: #657b94 !important;
        color: #FFFFFF !important;
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .viacom_cancelbuttton {
        border: 2px solid #c8c6c4 !important;
        background-color: #ffffff !important;
        color: #616367 !important;
        font-size: 16px !important;
        font-weight: normal !important;
    }
}

.report_title_icon input {
    width: 40px !important
}

.viacom_noborder .reportbox {
    border: 0px !important;
}
/*VIACOM REPORT DESING FOR IPHONE*/
/*****NEW CUSTOM DASHBOARD CSS STARTS HERE*****/
.custamdashboard_topcontainer {
    min-height: 60px;
    max-height: 100px;
    display: inline-table;
    width: 100%;
}

.custamdashboard_container {
    height: calc(100% - 100px);
    padding: 20px !important;
}

.custamdashboard_tab a {
    display: inline-block;
    font-size: 15px;
    color: #000000;
    background-color: #f2f2f2;
    border: 1px solid #d5d5d5;
    border-bottom: 3px solid #d5d5d5;
    padding: 0 30px;
    margin-right: 4px;
    line-height: 38px;
}

    .custamdashboard_tab a:hover {
        background-color: #d5d5d5;
    }

    .custamdashboard_tab a.selected {
        color: #FFFFFF;
        background-color: #667f9c;
        border: 1px solid #667f9c;
        border-bottom: 3px solid #667f9c;
    }

.custamdashboard_tabcontainer {
    border: 1px solid #d5d5d5;
    height: calc(100% - 97px);
    padding: 20px;
    overflow: auto;
    font-size: 14px !important;
}

.custamdashboard_grid {
    border: 0px !important;
}

    .custamdashboard_grid tr {
        border-bottom: 1px solid #cccccc;
        background-color: #FFFFFF;
    }

        .custamdashboard_grid tr:hover {
            background-color: #EFEFEF;
            border-bottom: 1px solid #747b80;
        }

    .custamdashboard_grid th {
        background-color: #cccccc;
        color: #373737;
        font-size: 13px !important;
        font-weight: 500;
        padding: 8px !important;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #898989;
    }

.competency-textarea {
    border: 1px solid;
    border-color: #d6d6d6;
    border-radius: 4px;
}

    .competency-textarea:hover {
        border-color: #d6d6d6;
    }

    .competency-textarea:focus {
        border-color: #0052fa;
    }

.custamdashboard_grid td, .custamdashboard_grid th {
    border-top: 0 !important;
}


.custamdashboard_scroll {
    max-height: calc(100% - 30px);
    overflow: auto;
}

.custamdashboard_list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .custamdashboard_list ul li {
        margin: 0 15px 15px 0;
        padding: 0;
        float: left;
        border: 1px solid #d5d5d5;
        background-color: #f3f2f1;
    }

.custamdashboard_heading {
    background-color: #d5d5d5;
    padding: 0 10px;
    line-height: 40px;
    font-size: 18px;
    color: #616367;
}

    .custamdashboard_heading a {
        color: #667f9c;
    }

.pepolesearch .customdashboard_nodisplay {
    display: none;
}
/*****NEW CUSTOM DASHBOARD CSS ENDS HERE*****/

.gray_overlay {
    position: absolute;
    background-color: rgba(245, 245, 245, .5);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 101;
}

.clustercoaching_headingbg {
    background-color: #d5d5d5;
    color: #616367;
    padding: 5px 10px;
    overflow: hidden;
    font-size: 18px;
}

.clustercoaching_gridth {
    background-color: #cccccc !Important;
    border-bottom: 1px solid #898989 !Important;
    border-right: 1px solid #FFFFFF;
    color: #373737 !Important;
    font-size: 13px !important;
    font-weight: 500;
    padding: 8px !important
}

.my-goals_completed {
    position: absolute;
    top: 10px;
    right: 10px;
}

@media (max-width:700px) {
    .my-goals_completed {
        top: 0px;
        left: 50px;
        width: 16px;
    }
}

.anchor-disabled {
    color: #616367;
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

.clustercoaching_mobilecontainer {
    border: 1px solid #d5d5d5;
    border-top: 0px;
}

    .clustercoaching_mobilecontainer ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .clustercoaching_mobilecontainer ul li {
            padding: 10px;
            margin: 0;
            list-style-type: none;
            border-top: 1px solid #d5d5d5;
        }

            .clustercoaching_mobilecontainer ul li:nth-child(even) {
                background: #F5F5F5;
            }

            .clustercoaching_mobilecontainer ul li:nth-child(odd) {
                background: #FFFFFF;
            }

    .clustercoaching_mobilecontainer table {
        border: 1px solid #d5d5d5;
    }

        .clustercoaching_mobilecontainer table th {
            background-color: #f3f2f0;
            color: #373737 !important;
            border: 1px solid #d5d5d5;
        }

        .clustercoaching_mobilecontainer table td {
            border: 1px solid #d5d5d5;
        }

@media (max-width:450px) {
    .report_sections_mobcontainer {
        margin: 0px !important;
    }

        .report_sections_mobcontainer .resource_box {
            width: 100% !important;
            margin: 0 0 10px 0
        }

        .report_sections_mobcontainer .resource_box_text_offline {
            width: calc(100% - 125px) !important;
        }
}

/*Mobile View for Action Item controls*/
.viacom_middle .report_sections {
    border: 0px;
    box-shadow: none;
}

.viacom_middle .gray-shadowbg {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-bottom: 0;
}

.viacom_middle .report_sections .report_heading {
    font-size: 13px;
    color: #474646;
    background: none;
    padding: 0 !important;
    margin-bottom: 15px;
    border-bottom: 0;
    overflow: hidden;
}

.viacom_middle .tfCompetencyActionItems_height {
    padding: 0 !important;
}

.viacom_middle .comp_actionitem_height {
    width: 100%;
}
/*Mobile View for Action Item controls*/

/*6 july 2020 actionitem popup */
.actionitempopup {
    overflow: hidden
}

    .actionitempopup .form-control {
        height: 25px;
        padding: 2px;
        font-size: 13px
    }

    .actionitempopup .btn-blue, .actionitempopup .btn-orange {
        font-size: 12px !important;
        padding: 2px 5px !important;
    }

.actionitempopup_footer {
    text-align: center;
    margin-top: 10px;
}

.actionitempopup_tab {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    overflow: hidden;
    margin: 10px;
}

    .actionitempopup_tab a {
        width: 49%;
        display: inline-block;
        text-align: center;
        font-size: 15px;
        color: #616367;
        padding: 7px 0;
    }

        .actionitempopup_tab a.selected {
            background-color: #51677f;
            color: #FFFFFF;
        }

.actionitempopup_tabcontainer {
    height: 330px;
    overflow: auto;
    padding: 0 10px;
}

.actionitempopup_chatbox {
    border: 1px solid #d5d5d5;
    background-color: #f7f7f7;
    height: 330px;
    margin: 0 10px;
    border-radius: 4px;
}

.actionitempopup_chatboxhistory {
    padding: 10px;
    height: calc(100% - 60px);
    overflow: auto;
}

.actionitempopup_chat_to {
    margin-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    overflow: hidden;
}

    .actionitempopup_chat_to .user {
        float: left;
        width: 65px;
    }

    .actionitempopup_chat_to .message {
        float: right;
        width: calc(100% - 65px);
    }

.actionitempopup_chat_from {
    margin-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    overflow: hidden;
}

    .actionitempopup_chat_from .user {
        float: right;
        width: 65px;
        text-align: right;
    }

    .actionitempopup_chat_from .message {
        float: left;
        width: calc(100% - 65px);
    }

.actionitempopup_chat_user {
    width: 55px;
    height: 55px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #d5d5d5;
}

.actionitempopup_chat_name {
    font-size: 15px;
    color: #5c5da1;
    display: block;
    padding-bottom: 5px;
}

.actionitempopup_chat_date {
    font-size: 12px;
    color: #ce6e5b;
    display: block;
    padding-top: 5px;
}


.actionitempopup_chatsend {
    background-color: #e1e1e1;
    border-top: 1px solid #d5d5d5;
    height: 60px;
}

.actionitempopup_chatsend_box {
    background-color: #FFFFFF;
    margin: 5px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    height: 50px;
}

.actionitempopup_chatsend_txt {
    float: left;
    width: calc(100% - 45px);
}

.actionitempopup_chatsend_txtbox {
    width: 100%;
    border: 0px;
    resize: none;
    height: 40px;
    color: #616367
}

.actionitempopup_chatsend_btn {
    float: right;
    margin: 10px 10px 0 0;
}

@media (max-width:450px) {
    .IndividualSearchCSS {
        width: 150px !important
    }
}

/*6 july 2020 actionitem popup */

.viacom_middle .iphone_scroll {
    overflow: auto
}

.viacom_middle .annualrating_list ul li {
    float: none;
}

    .viacom_middle .annualrating_list ul li .form-lable {
        width: 100%;
        display: inline-block;
        height: auto;
        padding: 10px;
    }

.PeerFeedback_top {
    overflow: hidden;
    margin-bottom: 5px;
}

    .PeerFeedback_top .userimage {
        float: left;
        width: 50px;
    }

    .PeerFeedback_top .userdetails {
        float: left;
        width: calc(100% - 50px);
    }


.viacom_middle .taskbox_top ul li {
    padding: 0 3px;
    font-size: 12px;
}

.viacom_middle .feedbackarrow {
    display: none;
}

.viacom_middle .tfTasks_height {
    height: 240px;
}


.viacom_middle .report_whatnext ul li {
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
}

.viacom_middle .whatnext_box {
    float: none !important;
    width: 100% !important;
    padding: 0px !important;
    margin-top: 20px;
}




.assigntask_popuprow {
    overflow: hidden;
    margin-top: 15px;
}

.assigntask_popuplable {
    float: left;
    width: 120px;
    margin-top: 7px;
}

.assigntask_popupvalue {
    float: right;
    width: calc(100% - 130px);
}

.assigntask_popuptitle {
    float: left;
}

    .assigntask_popuptitle .form-control {
        width: 250px;
    }

.assigntask_popupaddlink {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

.assigntask_popupaddcoach {
    float: left;
    margin-top: 5px;
}

.assigntask_popupaddcoach_txt {
    float: left;
    margin-left: 10px;
    width: 280px;
}

.assigntask_popupaddcoach_icon {
    float: left;
    margin-left: 5px;
}

.assigntask_popupaddcoach_btn {
    float: left;
    margin-left: 10px
}

.iphonelink {
    display: none
}


.score_row {
    overflow: hidden;
    margin-top: 15px;
}

.score_row_lable {
    float: left;
    width: 120px;
    margin-top: 7px;
}

.score_row_value {
    float: left;
    margin-left: 10px;
}

.coachcoachee_row {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0
}

.solicitfeebackbox_option {
    display: table-cell;
    margin-top: 20px;
}

.viacom_middle .report_sections .report_heading a {
    color: #3283bb !important;
}

.Compbyclusters_add {
    float: left;
    margin-top: 7px
}

.Compbyclusters_txtbox {
    float: left;
    margin-left: 10px;
}

.Compbyclusters_icon {
    float: left;
    margin-left: 10px;
}

.resource_boxwidth {
    max-width: 280px;
    width: 45%
}

.productmetrics_txtbox {
    float: left;
    margin-top: 6px;
    margin-bottom: 10px;
}

.productmetricss_icon {
    float: left;
    margin-left: 10px;
    margin-top: 5px
}

.selfassesment_lable {
    float: left;
    width: 70px;
    margin-top: 7px;
}

.selfassesment_value {
    float: right;
    width: calc(100% - 80px);
}



@media (max-width: 450px) {
    .form-control {
        height: 25px;
        padding: 2px;
    }

    .btn-blue, .btn-orange, .btn-gray {
        font-size: 12px !important;
        padding: 2px 5px !important;
    }

    .assigntask_popuprow {
        margin-top: 10px;
    }

    .assigntask_popuplable {
        float: none;
        width: 100%;
        margin-top: 0px;
    }

    .assigntask_popupvalue {
        float: none;
        width: 100%;
        margin-top: 5px;
    }

    .assigntask_popuptitle {
        float: none;
    }

        .assigntask_popuptitle .form-control, .form-control_100 {
            width: 100% !important;
        }

    .assigntask_popupaddlink {
        float: none;
        margin-left: 0;
    }

    .assigntask_popupaddcoach {
        float: none;
        margin-top: 0px;
    }

    .assigntask_popupaddcoach_txt {
        float: left;
        margin-left: 0;
        width: calc(100% - 90px)
    }


    .catalog_hover, .training_catalog_image:hover .catalog_hover {
        display: block !important;
        width: 200px;
        height: 150px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 100;
        background-image: none;
    }

        .catalog_hover .preview, .catalog_hover .assingbtn {
            display: none
        }

    .iphonelink {
        display: block;
        margin-top: 5px;
        overflow: hidden;
    }

    .tflearning_height {
        height: auto !important;
        max-height: 345px !important;
        overflow: auto !important;
    }

    .record-heading {
        font-size: 14px;
        padding-right: 20px;
    }

    .role-warea-wrapper {
        display: block;
    }

    .role-coach-wrapper {
        width: 100%;
        margin-top: 15px
    }

    .remove-role-border {
        border-left: 1px;
    }

    .role-coach-scroll {
        background-color: #FFFFFF;
    }

    .audio-wrapper, .video-wrapper {
        width: 95%;
    }

    .score_row_lable {
        float: none;
        width: 100% !important;
        margin-top: 0px;
    }

    .score_row_value {
        float: none;
        width: 100%;
        margin-top: 5px;
        margin-left: 0px;
    }

    .reportheading_iphone {
        font-size: 15px;
        color: #474646;
        margin-bottom: 15px;
    }

    .coachcoachee_box {
        border: 1px solid #e5e5e5;
        border-bottom: 0;
        background-color: #FFFFFF;
    }

    .coachcoachee_row {
        padding: 15px 10px
    }

    .solicitfeebackbox_left {
        float: none;
        width: 100% !important;
    }

    .solicitfeebackbox_row {
        float: none !important;
        width: 100%;
        margin-left: 0px !important;
        margin-top: 5px;
        overflow: hidden;
    }

    .solicitfeebackbox_option {
        display: block
    }

    .solicitfeebackbox_norow {
        display: none !important
    }

    .employee_search_div ul {
        margin-bottom: 0 !important
    }

    #addNewCategory .modal-dialog {
        width: 93% !important;
    }


    .Compbyclusters_add {
        margin-top: 3px;
    }

    .Compbyclusters_txtbox {
        width: calc(100% - 90px);
    }

    .Compbyclusters_icon img, .report-offline-icon img, .productmetricss_icon img {
        width: 26px !important;
        height: 26px !important;
    }

    .resource_boxwidth, .report-metrics {
        width: 96% !important;
    }

    .productmetrics_txtbox {
        width: calc(100% - 45px);
    }

    .selfassessment_datebtn {
        padding: 1px 5px !important;
    }

    .selfassesment_value .btn {
        height: 25px;
    }

    .assigntaskpopup_height {
        height: 330px !important;
    }

    .assigntrainingpopup_height {
        height: 260px !important;
    }

    .form-control_max100 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .customdatetime_mobile .form-control {
        height: 34px !important;
        padding: 6px 12px !important;
    }

    .dropdown-menu a {
        min-width: 100px !important;
    }

    .viacom_middle .panel-default .panel-default {
        margin: 0px;
        border: 1px solid #d8dcdd;
    }

        .viacom_middle .panel-default .panel-default .panel-heading {
            display: block;
        }

            .viacom_middle .panel-default .panel-default .panel-heading .panel-title {
                font-size: 14px !important;
            }

        .viacom_middle .panel-default .panel-default .panel-body {
            padding: 8px !important;
        }

    .CPDTasks_height_iphone {
        height: 350px !important;
    }

    .actionitempopup_tabcontainer, .actionitempopup_chatbox {
        height: 275px;
    }

    .msteams_ddselect {
        height: 50px;
    }

        .msteams_ddselect .dropdown-toggle {
            display: none !important
        }

        . msteams_ddselect .bootstrap-select {
            width: 100% !important;
        }

        .msteams_ddselect .selectpicker {
            width: 100% !important;
            height: 30px !important;
            opacity: 100 !important;
            left: 0 !important;
            top: -11px;
            border: 1px solid #cdcdcd !important;
            padding: 5px !Important;
            border-radius: 5px;
        }


    .dashboardpopup_scroll {
        height: 520px;
        overflow: auto;
    }

    @media (max-width:700px) {
        .dashboardpopup_scroll {
            height: auto;
            overflow: inherit;
            padding-bottom: 60px;
        }

        .dashboardpopup_scrollfooter {
            position: fixed;
            bottom: 0px;
            padding: 5px;
            height: 60px;
            background-color: #FFFFFF;
            width: 100%;
            z-index: 1;
        }
    }

    .icf6body .assessmen-report table tr th {
        background-color: #cdcdcd !important;
    }

    .icf6body .assessmen-report table tr:nth-child(even) {
        background: #F5F5F5 !important;
    }

    .icf6body .assessmen-report table tr:nth-child(odd) {
        background: #FFFFFF !important;
    }

    .assess_margin {
        margin-top: 0 !important;
    }

        .assess_margin .sub_heading_black {
            font-size: 17px !important;
        }

    .msteamsbody .reports_bg {
        padding: 0 2px 0 0 !important
    }
}

@media (max-width:868px) {
    .competencybenchmark_table {
        width: 300px
    }
}
/*Dashboard iPAD Related Css*/
.reportbgn_spacing {
    margin-left: 10px;
}

.cd_daterange {
    width: 265px;
}

@media (max-width:868px) {
    .reports_bg {
        padding: 10px;
    }

    .dashboard-box .control-spacing {
        margin-left: 10px;
    }

    .control90 {
        width: 90px !important;
    }

    .control130 {
        width: 130px !important;
    }

    .pepolesearch {
        width: 115px !important;
    }

    .moredd_container .pepolesearch, .cd_daterange .pepolesearch {
        width: 100% !important;
    }

    .pepolesearch_txtbox {
        width: 90px !important;
    }

    .reportbgn_spacing {
        margin-left: 5px;
    }

    .btn-report {
        width: 20px;
        height: 20px;
    }

    .dashboardchart-var ul li {
        width: 190px;
        font-size: 12px;
    }

    .txt-customdashboard {
        padding: 6px 12px !important;
        height: auto !important;
    }
}
/*Dashboard iPAD Related Css*/

/*Cusom Headr popup Css 27-Aug 2020*/
.customheader_btnimage {
    border: 0px;
    background-color: transparent;
    color: #3283bb;
}

.customheader_imgupload label {
    padding-bottom: 10px;
}

.customheader_imgupload .form-group {
    margin-bottom: 0px !important
}

.customheader_imgupload .mrgtop30 {
    margin-top: 5px !important
}
/*Cusom Headr popup Css 27-Aug 2020*/


/*CUSTOM REPORT NEW CSS 3 SEP 20*/
.reportbox_headerpadding {
    margin: 10px;
    padding: 10px !important;
    padding-bottom: 0px !important;
    background-color: #f2f2f2;
}

.reportheader_control {
    display: inline-block;
    width: 100%;
}

    .reportheader_control ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none
    }

        .reportheader_control ul li {
            padding: 0px;
            margin: 0px;
            float: left;
            height: 37px;
            margin-bottom: 10px;
        }

            .reportheader_control ul li:nth-child(1),
            .reportheader_control ul li:nth-child(4),
            .reportheader_control ul li:nth-child(7) {
                width: 36%;
            }

            .reportheader_control ul li:nth-child(2),
            .reportheader_control ul li:nth-child(3),
            .reportheader_control ul li:nth-child(5),
            .reportheader_control ul li:nth-child(6),
            .reportheader_control ul li:nth-child(8),
            .reportheader_control ul li:nth-child(9) {
                width: 32%;
            }

                .reportheader_control ul li:nth-child(3) .control_wapper,
                .reportheader_control ul li:nth-child(6) .control_wapper,
                .reportheader_control ul li:nth-child(9) .control_wapper {
                    float: right
                }



            .reportheader_control ul li .control_wapper p.input-group {
                margin-bottom: 0 !important;
            }

            .reportheader_control ul li .uib-daypicker table {
                background-color: #FFFFFF;
                border: 1px solid #d3d3d3;
                box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                border-radius: 5px;
            }

            .reportheader_control ul li .customtitle {
                width: 100%;
            }

                .reportheader_control ul li .customtitle .formvalue {
                    width: calc(100% - 166px);
                }

                    .reportheader_control ul li .customtitle .formvalue .formwidth {
                        width: 100%;
                    }

.customtitle_pdf {
    overflow: hidden;
    margin-bottom: 10px;
}

    .customtitle_pdf .formlable {
        float: left;
        width: 166px;
        padding-right: 10px;
    }

    .customtitle_pdf .formvalue {
        float: left;
        width: calc(100% - 166px);
    }

@media (max-width:1100px) {
    .reportheader_control ul li {
        height: 50px;
    }

        .reportheader_control ul li .customtitle .formvalue {
            width: 100%;
        }

            .reportheader_control ul li .customtitle .formvalue .formwidth {
                width: 100%;
            }

    .dynamicreport_header_left .formlable, .dynamicreport_header_right .formlable {
        float: none !important;
        display: block;
    }

    .reportheader_control ul li .formvalue .form-control {
        height: 25px;
        padding: 2px;
    }

    .btn-default {
        padding: 0 8px;
        height: 25px;
    }
}


.customtadio_list {
    position: relative;
}

    .customtadio_list .customtadio_list_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        display: none;
    }

    .customtadio_list .customtadio_lable {
        float: left;
        width: calc(100% - 10px);
        overflow: hidden;
        height: 22px;
    }

    .customtadio_list .arrow {
        position: absolute;
        right: 5px;
        width: 96%;
        text-align: right;
        display: inline-block;
    }

    .customtadio_list .menudd {
        position: absolute;
        top: 34px;
        left: 0px;
        width: 100%;
        max-height: 130px;
        z-index: 1;
        overflow: auto;
        border: 1px solid #cccccc;
        background-color: #FFFFFF;
        border-radius: 5px;
        padding: 5px;
    }

.customtadio_list_dis .customtadio_list_overlay {
    display: block !important;
    background-color: #f5f5f5;
    text-align: right;
    padding-right: 5px;
    padding-top: 4px;
    cursor: not-allowed;
}

.customtadio_list_dis .customtadio_lable {
    color: #555555 !important;
    position: absolute;
    z-index: 1000;
    cursor: not-allowed;
}


/*Report Header Height*/
.header_control1_withoutlogo {
    height: calc(100% - 89px);
}

.header_control4_withoutlogo {
    height: calc(100% - 136px);
}

.header_control7_withoutlogo {
    height: calc(100% - 183px);
}


.header_control1_withlogo {
    height: calc(100% - 129px);
}

.header_control4_withlogo {
    height: calc(100% - 176px);
}

.header_control7_withlogo {
    height: calc(100% - 223px);
}

@media (max-width:1100px) {
    .header_control1_withoutlogo {
        height: calc(100% - 124px);
    }

    .header_control4_withoutlogo {
        height: calc(100% - 171px);
    }

    .header_control7_withoutlogo {
        height: calc(100% - 218px);
    }

    .header_control1_withlogo {
        height: calc(100% - 164px);
    }

    .header_control4_withlogo {
        height: calc(100% - 211px);
    }

    .header_control7_withlogo {
        height: calc(100% - 258px);
    }
}

.reportbox_withoutheader {
    height: calc(100% - 7px);
}
/*Report Header Height*/

/* This Cass 
.active, .inactive 
{
    font-size: 26px;
    cursor: pointer;
}

i.active {
    color: #323f4e;
}
*/


@media (max-width:868px) {
    .dasboardreport_grid .footerpaging table td {
        padding: 2px !important;
    }
}


.dynreport_leftpane_height {
    height: 100%;
}

.dynreport_leftpane_height {
    border-right: 2px solid #d6d6d6;
    /*background-image: url(/TalentFirst/TalentFirstV3/images/formio/reportbox_bg.png);*/
    background-repeat: repeat-y;
    padding: 10px;
    overflow: hidden;
}
/*CUSTOM REPORT NEW CSS 3 SEP 20*/


.header-toggle {
    position: relative;
    margin: 4px 10px 0 10px
}

    .header-toggle .toggle-bg {
        position: relative;
        width: 30px;
        height: 20px;
        background-color: #323f4e;
        border-radius: 50px;
    }

    .header-toggle .toggle-bullet {
        width: 16px;
        height: 16px;
        float: right;
        background-color: #FFFFFF;
        display: inline-block;
        border-radius: 50px;
        margin: 2px;
        cursor: pointer;
    }

    .header-toggle .toggle-bullet-left {
        float: left !important;
    }

    .header-toggle .toggle-overlayer {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 100;
    }

.header-toggle-dis .toggle-overlayer {
    display: block !important;
}

.header-toggle-dis .toggle-bg {
    background-color: #cdcdcd;
}

@media (max-width:1000px) {
    .dynreport_leftpane_height {
        background-image: none;
    }
}

@media (max-width: 700px) {
    .reportheader_control ul li {
        height: 50px;
    }

        .reportheader_control ul li:nth-child(1),
        .reportheader_control ul li:nth-child(2),
        .reportheader_control ul li:nth-child(3),
        .reportheader_control ul li:nth-child(4),
        .reportheader_control ul li:nth-child(5),
        .reportheader_control ul li:nth-child(6),
        .reportheader_control ul li:nth-child(7),
        .reportheader_control ul li:nth-child(8),
        .reportheader_control ul li:nth-child(9) {
            width: 50%;
        }

            .reportheader_control ul li:nth-child(1) .control_wapper,
            .reportheader_control ul li:nth-child(3) .control_wapper,
            .reportheader_control ul li:nth-child(5) .control_wapper,
            .reportheader_control ul li:nth-child(7) .control_wapper,
            .reportheader_control ul li:nth-child(9) .control_wapper {
                float: left;
            }

            .reportheader_control ul li:nth-child(2) .control_wapper,
            .reportheader_control ul li:nth-child(4) .control_wapper,
            .reportheader_control ul li:nth-child(6) .control_wapper,
            .reportheader_control ul li:nth-child(8) .control_wapper {
                float: right;
            }




        .reportheader_control ul li:nth-child(odd) .control_wapper {
            width: 96% !important;
        }

        .reportheader_control ul li:nth-child(even) .control_wapper {
            width: 96% !important;
        }

            .reportheader_control ul li:nth-child(even) .control_wapper .formlable {
                text-align: left;
            }

        .reportheader_control ul li .control_wapper .formlable {
            width: auto;
        }

    .customtadio_list .arrow {
        padding: 0px;
        background-color: transparent;
        background-image: none;
        right: 3px;
    }
}
/*CUSTOM REPORT NEW CSS 3 SEP 20*/
@media (max-width:868px) {
    .competencybenchmark_table {
        width: 300px;
    }

    .header-toggle {
        margin: 3px 2px 0 2px
    }

        .header-toggle .toggle-bg {
            width: 27px;
            height: 21px;
        }

        .header-toggle .toggle-bullet {
            width: 17px;
            height: 17px;
        }
}

.dd_daterange {
    position: absolute;
    top: 35px;
    z-index: 1000;
    border: 1px solid #d5d5d5;
    background-color: #FFFFFF;
    padding: 10px;
}


.user-goals-container {
    position: relative;
    height: 100%;
}


    .user-goals-container .goalname {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 14px;
        color: #474646;
        width: 100%;
        height: 47px;
        overflow: hidden;
    }

    .user-goals-container .goalcompleted {
        position: absolute;
        top: -8px;
        right: -8px;
    }

    .user-goals-container .goal-date {
        position: absolute;
        top: 60px;
        left: 0px;
        font-size: 12px;
        color: #474646;
        width: 100%;
        overflow: hidden;
    }

    .user-goals-container .goalimage {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .user-goals-container .healthimage {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .user-goals-container .goalstatus-txt {
        position: absolute;
        bottom: 0px;
        right: 0px;
        display: none;
    }

    .user-goals-container .goalimage img {
        width: 40px;
        height: 40px;
    }

    .user-goals-container .healthimage img {
        width: 50px;
        height: 10px;
        border: 1px solid #b4b4b4;
        border-radius: 4px;
    }

    .user-goals-container .goalstatus {
        position: absolute;
        bottom: 0px;
        left: 0px;
        border: 1px solid #c4c4c4;
        width: 50px;
        height: 10px;
        border-radius: 4px;
    }

    .user-goals-container .goalprogressbar {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: #e2e2e2;
        width: 100%;
        height: 10px;
    }

        .user-goals-container .goalprogressbar .progressrail {
            height: 10px;
            background-color: #748599;
        }


.user-goals:hover {
    background-color: #748599;
}

    .user-goals:hover .user-goals-container .goalname,
    .user-goals:hover .user-goals-container .goal-date,
    .user-goals:hover .user-goals-container .goalstatus-txt {
        color: #FFFFFF;
        text-shadow: 1px 1px #101010;
    }

    .user-goals:hover .user-goals-container .goalstatus-txt {
        display: block;
    }

    .user-goals:hover .user-goals-container .goalimage,
    .user-goals:hover .user-goals-container .healthimage,
    .user-goals:hover .user-goals-container .goalprogressbar,
    .user-goals:hover .user-goals-container .goalcompleted {
        display: none;
    }

.value_goaledit {
    font-style: italic;
    color: #52667f;
    font-weight: bold;
}

/*Goals Slider Css Starts Here*/
.goal-slider-container {
    position: relative;
    overflow: hidden;
    height: 50px;
    width: 75%;
    margin-top: 10px;
}

.goal-slider-dis {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(205, 205, 205, 0.1);
    z-index: 100;
}

.goal-slider-images {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 30px;
    border: 1px solid #c4c4c4;
}

.goal-slider-box {
    float: left;
    height: 100%;
}

    .goal-slider-box img {
        width: 100%;
        height: 100%;
    }

.goal-slider {
    position: absolute;
    width: 100%;
    top: 5px;
    left: 0px;
}


.goal-slider-container .ui-widget-content {
    border: 0px !important;
    background-color: transparent !important;
    height: 50px;
    z-index: 1;
}

.goal-slider-container a {
    border: 1px solid #c4c4c4 !important;
    background-color: #FFFFFF !important;
    width: 15px !important;
    height: 50px !important;
    border-radius: 4px !important;
}

.goal-slider-container span.ui-slider-handle {
    border: 1px solid #c4c4c4 !important;
    background-color: #FFFFFF !important;
    width: 15px !important;
    height: 50px !important;
    border-radius: 4px !important;
}
/*Goals Slider Css Ends Here*/

.value_goaledit_border {
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}

.performancejournal_disabled {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.healthimage_iphone {
    width: 50px !important;
    height: 15px !important;
    border: 1px solid #b4b4b4;
    margin-top: 19px;
    border-radius: 7px;
}

.chart_moblink {
    display: none;
}

@media (max-width:750px) {
    .chart_moblink {
        display: block;
        text-align: right;
    }

    .chart_weblink {
        display: none;
    }
}

.resource_box_preview .preview-container {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-color: rgb(0, 0, 0, 0.5);
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 28px;
    padding-top: 28px;
}

    .resource_box_preview .preview-container span {
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        color: #FFFFFF;
        word-wrap: break-word;
        width: 80px;
        display: inline-block;
    }




.amgen-piechart-left {
    float: left;
    width: 405px;
}

.amgen-barchart {
    float: left;
    width: calc(100% - 830px);
    margin: 0 10px;
}

.amgen-piechart-right {
    float: left;
    width: 405px;
}

@media (max-width:1110px) {
    .amgen-piechart-left, .amgen-barchart, .amgen-piechart-right {
        float: none;
        width: 100%;
        margin: 0px;
        margin-bottom: 10px;
    }
}

.amgen-heading {
    background-color: #d5d5d5;
    color: #616367;
    font-size: 16px;
    padding: 10px;
}

.amgen-chartbg {
    background-color: #f3f2f0;
    border: 1px solid #d5d5d5;
}


.coachingsnapshot-piechart-left {
    float: left;
    width: 405px;
}

.coachingsnapshot-barchart {
    float: left;
    width: calc(100% - 830px);
    margin: 0 10px;
}

.coachingsnapshot-piechart-right {
    float: left;
    width: 405px;
}

@media (max-width:1110px) {
    .coachingsnapshot-piechart-left, .coachingsnapshot-barchart, .coachingsnapshot-piechart-right {
        float: none;
        width: 100%;
        margin: 0px;
        margin-bottom: 10px;
    }
}

.coachingsnapshot-heading {
    background-color: #d5d5d5;
    color: #616367;
    font-size: 16px;
    padding: 10px;
}

.coachingsnapshot-chartbg {
    background-color: #f3f2f0;
    border: 1px solid #d5d5d5;
}

.dasboardreport_grid th.header {
    position: sticky;
    top: 0;
}

.scroll_110 {
    max-height: 110px;
    overflow: auto;
}

@media (max-width:600px) {
    .cke_dialog_contents_body {
        width: 260px !important;
    }

    .cke_dialog .ImagePreviewBox {
        width: 140px !important;
    }
}

.amgen-fm-time-piechart-left {
    float: left;
    width: 275px;
}

.amgen-fm-time-barchart {
    float: left;
    width: calc(100% - 580px);
    margin: 0 10px;
}

.amgen-fm-time-piechart-right {
    float: left;
    width: 275px;
}

@media (max-width:1110px) {
    .amgen-fm-time-piechart-left, .amgen-fm-time-barchart, .amgen-fm-time-piechart-right {
        float: none;
        width: 100%;
        margin: 0px;
        margin-bottom: 10px;
    }
}

.txt_red_enlarged {
    color: #FF0000 !important;
    font-size: 20px !important;
    line-height: 1px;
    font-family: "Droid Sans",arial, verdana;
}

.blank_span_min_height {
    min-height: 70px;
    border: 1px solid #b5b5b5;
    padding: 5px;
    display: block;
    width: 100%;
    border-radius: 5px;
    margin-top: 5px;
}

.blank_span_min_height_30 {
    min-height: 30px;
    border: 1px solid #b5b5b5;
    padding: 5px;
    display: block;
    width: 100%;
    border-radius: 5px;
    margin-top: 5px;
}

.fileSelector-border {
    text-align: center;
    border: 1px solid;
    border-color: #e6e6e6;
    border-radius: 5px 5px 0 0;
    background-color: #f5f5f5;
    background-image: url(/TalentFirst/TalentFirstV3/images/fileselector.png);
    background-repeat: repeat-x;
}

    .fileSelector-border span {
        margin-right: 5px;
    }

.fileSelector_data {
    overflow: hidden;
    border-top: 1px solid;
    border-color: #e6e6e6;
    height: 220px;
    overflow: auto;
    position: relative;
}

.fileSelector_loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 7;
    text-align: center;
    padding-top: 66px;
}

.fileSelector_data .uploader-box {
    width: 160px;
    border: 1px solid #dcd4d4;
    border-radius: 5px;
    background-color: #e6e6e6;
    position: relative;
    margin: 15px;
}

    .fileSelector_data .uploader-box .image-preview {
        width: 100% !important;
        height: 90px !important;
    }

    .fileSelector_data .uploader-box .imagename {
        color: #252423;
        font-size: 14px;
        text-align: center;
        padding: 5px;
        display: block;
        overflow: hidden;
        line-height: normal;
    }

        .fileSelector_data .uploader-box .imagename label {
            line-height: normal;
        }

    .fileSelector_data .uploader-box .imagesize {
        color: #868686;
        font-size: 12px;
        text-align: center;
        display: block;
        padding: 3px 0 0 5px;
        line-height: normal;
    }

.fileSelector_data .close-button {
    position: absolute;
    top: -10px;
    right: -10px;
}

    .fileSelector_data .close-button a {
        background-color: #FFFFFF;
        border: 1px solid #d4d4d4;
        border-radius: 50px;
        display: block;
        height: 25px;
        width: 25px;
        line-height: 25px;
        text-align: center;
        color: #444444;
        font-weight: bold;
    }

        .fileSelector_data .close-button a:hover {
            background-color: #444444;
            border: 1px solid #444444;
            color: #ffffff;
        }

.UploadedFiles-buttons {
    padding: 0 5px 5px 0;
    line-height: normal;
}

.imagename_pdf {
    color: #252423;
    font-size: 25px;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
}

.imagesize_pdf {
    color: #868686;
    font-size: 21px;
    text-align: center;
    display: block;
    padding: 3px 0 0 5px;
}

.image-scroll {
    overflow: auto;
    max-width: 100%;
    max-height: 450px;
}

.image-srink {
    max-width: 570px;
    max-height: 450px;
}

.shrink-expand {
    width: 24px;
    height: 25px;
    background-image: url(/TalentFirst/TalentFirstV3/images/shrink-expand.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
}

.shrinkview {
    background-position: 0 0;
}

.fullview {
    background-position: 0 -31px;
}

.UploadedFiles-header {
    height: 75px;
    color: #424242;
}

.UploadedFiles-headertxt {
    text-align: center;
    font-size: 14px;
    padding-top: 14px;
    font-weight: 600;
    color: #1c1c1c;
}

.support-file {
    text-align: center;
    font-size: 13px;
    color: #3b3b3b;
    padding: 5px;
    font-style: italic;
}

    .support-file span {
        color: #FF0000 !important;
    }

.fileuploader-popup {
    width: max-content;
    max-width: 850px;
}

.fileuploader-iframe {
    width: 810px;
    height: 450px;
}

@media (max-width:868px) {
    .fileuploader-popup {
        max-width: 650px;
    }

    .fileuploader-iframe {
        width: 650px;
    }
}

/*CKEditor Open AI Changes*/
.cke_dialog_title {
    background-color: #5F7995 !important;
    border: 10px solid #FFFFFF !important;
    border-bottom: 0px !important;
    color: #FFF !important;
    font-size: 14px !important;
    padding: 8px !important;
}

.cke_dialog_close_button {
    display: none !important;
}

.cke_dialog_footer {
    background-color: transparent !important;
    border-top: 1px solid #d6d6d6 !important;
    padding: 5px !important;
}

.cke_dialog_footer a.cke_dialog_ui_button {
    background-color: #585E80 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    margin-right: 5px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 0px !important;
}

.cke_dialog_footer a.cke_dialog_ui_button:hover {
    background-color: #6b6f99 !important;
}

.cke_dialog_footer a.cke_dialog_ui_button_ok {
    background-color: #0052FA !important;
}

.cke_dialog_footer a.cke_dialog_ui_button_ok:hover {
    background-color: #3369fe !important;
}
.cke_dialog_ui_hbox_child a.cke_dialog_ui_button {
    background-color: #0052FA !important;
}

.cke_dialog_ui_hbox_child a.cke_dialog_ui_button:hover {
    background-color: #3369fe !important;
}
.cke_dialog_footer a.cke_dialog_ui_button:focus {
    box-shadow: none !important;
    padding: 4px 1px !important;
}

.cke_dialog_ui_labeled_label {
    display: flex !important;
    color: #373737 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background-color: #f2f2f2 !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    letter-spacing: .3px !important;
}

.cke_dialog_ui_input_textarea textarea {
    background-color: #FFFFFF !important;
    padding: 10px !important;
    margin-top: 10px !important;
    /*border: 0px !important;*/
    border: 1px solid !important;
    border-color: #d6d6d6 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: arial !important;
    color: #373737 !important;
    letter-spacing: .3px !important;
    height: 240px !important;
}
/*.cke_dialog_ui_input_textarea textarea:hover {
    border-color: #6b6b6b !important;
}

.cke_dialog_ui_input_textarea textarea:focus {
    border-color: #0052fa !important;
}*/

.cke_dialog_htmlcontainer {
    margin-top: 10px !important;
    overflow: hidden !important;
}

    .cke_dialog_htmlcontainer .criteria {
        float: left !important;
        font-size: 14px !important;
        color: #373737 !important;
        margin-top: 5px !important;
    }

    .cke_dialog_htmlcontainer .action {
        float: left !important;
        margin-left: 20px !important;
        margin-top: 6px !important;
    }

    .cke_dialog_htmlcontainer a {
        background-color: #585E80 !important;
        color: #FFFFFF !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        text-transform: capitalize !important;
        padding: 4px 10px !important;
        margin-right: 5px !important;
        border-radius: 4px !important;
        cursor: pointer !important;
    }

        .cke_dialog_htmlcontainer a:hover {
            background-color: #6b6f99 !important;
        }

        .cke_dialog_htmlcontainer a.selected {
            background-color: #31373b !important;
        }

        .cke_dialog_htmlcontainer a.rewrite {
            background-color: #0052FA !important;
        }

            .cke_dialog_htmlcontainer a.rewrite:hover {
                background-color: #3369fe !important;
            }

        .cke_dialog_htmlcontainer a.back {
            background-color: transparent !important;
            color: #767676 !important;
            font-weight: bold !important;
        }

            .cke_dialog_htmlcontainer a.back:hover {
                background-color: #d9d9d9 !important;
            }

    .cke_dialog_htmlcontainer .sublink {
        border: 1px solid #cccccc !important;
        border-radius: 4px !important;
        padding: 0 !important;
        margin-left: 10px !important;
        display: inline-block;
        float: left;
    }

        .cke_dialog_htmlcontainer .sublink a {
            float: left !important;
            background-color: #f4f5f9 !important;
            color: #373737 !important;
            border-left: 1px solid #cccccc !important;
            border-radius: 0 !important;
            padding: 5px !important;
            margin: 0 !important;
            text-align: center !important;
            /*min-width: 110px !important;*/
            min-width: 160px !important;
        }

            .cke_dialog_htmlcontainer .sublink a:first-child {
                border-left: 0 !important;
            }

            .cke_dialog_htmlcontainer .sublink a:hover {
                background-color: #ccd0e2 !important;
            }

            .cke_dialog_htmlcontainer .sublink a.selected {
                background-color: #5f7995 !important;
                color: #FFFFFF !important;
            }
        
.flyout-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: white;
    border: 1px solid #d1d1d1;
    width: 105px;
}

    .flyout-menu li {
        padding: 5px 2px 5px 6px;
        font-size: 13px;
        cursor: pointer;
        position: relative;
    }

        .flyout-menu li:hover {
            background: #e9e9e9;
        }

        .flyout-menu li .right-arrow {
            float: right;
            font-size: 20px;
            line-height: 18px;
        }

/* Submenu */
.submenu .submenu-list {
    display: none;
    position: absolute;
    left: 95px;
    top: 0;
    background: white;
    border: 1px solid #d1d1d1;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 86px;
}

.submenu:hover .submenu-list {
    display: block;
}
.cke_dialog_background_cover {
    opacity: 0.3 !important;
}
.cke_dialog {
    border-radius: 4px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .94), 0 0 0 3px rgba(128, 128, 128, .4), 0 0 0 2px rgba(255, 255, 255, .54), 0 8px 20px 0 rgba(0, 0, 0, .27);
    animation: zoom-in-zoom-out 1s;
}

@keyframes zoom-in-zoom-out {
    0% {
        scale: 50%;
    }

    100% {
        scale: 100%;
    }
}

.cke_loader {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 240px !important;
    text-align: center !important;
    background-color: #FFFFFF !important;
}

    .cke_loader img {
        padding-top:98px!important;
        width: 32px !important;
        height: 32px !important;
    }

.icf_rewrite_dialog_close
{	background: #ffffff;
	width:400px;
	z-index:100000;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .94), 0 0 0 3px rgba(128, 128, 128, .4), 0 0 0 2px rgba(255, 255, 255, .54), 0 8px 20px 0 rgba(0, 0, 0, .27);
	/*animation: zoom-in-zoom-out 1s;*/
}
.icf_rewrite_dialog_close h2{
	background-color: #f2f2f2;
    text-align: center;
    padding: 15px;
    margin: 20px 10px;
    display: block;
    font-size: 15px;
    color: #373737;
	border-radius: 4px;
}
.icf_rewrite_dialog_close .btncontainer
{
	display: flex;
	justify-content: end;
	gap: 10px;
	padding: 16px;
	border-top: 1px solid rgba(0, 0, 0, .16);
}
.icf_rewrite_dialog_close .btncontainer .btn-ok,
.icf_rewrite_dialog_close .btncontainer .btn-cancel
{
	color: #FFFFFF !important;
    font-family: "Droid Sans", arial, verdana !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    padding: 4px 10px !important;
    margin: 0 2px;
	border: 1px solid transparent;	    
    border-radius: 4px;
	line-height: 1.42857143;
}
.icf_rewrite_dialog_close .btncontainer .btn-ok{
    background-color: #0052FA;
}
.icf_rewrite_dialog_close .btncontainer .btn-ok:hover {
	background-color: #3369FE;
}
.icf_rewrite_dialog_close .btncontainer .btn-cancel{
    background-color: #585E80;
}
.icf_rewrite_dialog_close .btncontainer .btn-cancel:hover {
	background-color: #6B6F99;
}

.icf_rewrite_wrapper {
    border: 1px solid #c4c7cf !important;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.icf_rewrite_wrapper .rewrite_leftwrapper {
    display: flex;
    width: 450px;
    flex-direction: column;
    padding: 12px;
    background-color: #f4f5f9 !important;
    border-right: 1px solid #c4c7cf !important;
}

.icf_rewrite_wrapper .rewrite_rightwrapper {
    display: flex;
    flex-direction: column;
    width: 450px;
    padding: 12px;
}

.icf_rewrite_wrapper .rewrite_heading {
    color: #5b759a;
    font-size: 14px;
    border-bottom: 2px solid #5b759a;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    font-weight: 600;
}

.icf_rewrite_wrapper .rewrite_textwrapper {
    margin-top: 10px;
    position: relative;
}

.icf_rewrite_wrapper textarea {
    background-color: #FFFFFF !important;
    border: 1px solid !important;
    border-color: #FFFFFF !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: arial !important;
    color: #373737 !important;
    letter-spacing: .3px !important;
    height: 240px !important;
    width: 100% !important;
    resize: none !important;
}

.icf_rewrite_wrapper .txtoriginaltext {
    border-radius: 4px;
    font-size: 14px;
    font-family: arial;
    color: #373737;
    letter-spacing: .3px;
    height: 240px;
    width: 100%;
    overflow: auto;
    white-space: normal;
}

.icf_rewrite_wrapper .txtoriginaltext * {
    white-space: normal;
    padding: revert;
    font: unset;
    color: unset;
    letter-spacing: .3px;
}

.icf_rewrite_wrapper .txtoriginaltext li, .icf_rewrite_wrapper .txtoriginaltext p {
    margin-bottom: 10px;
}

.icf_rewrite_wrapper strong {
    font-weight: bold !important;
}

.icf_rewrite_wrapper em {
    font-style: italic !important;
}
.icf_rewrite_disclaimer {
    color: #575757 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: right !important;
    margin: 10px 0 20px 0 !important;
}
@media (max-width: 1000px) {
    .icf_rewrite_wrapper .rewrite_leftwrapper,
    .icf_rewrite_wrapper .rewrite_rightwrapper {
        width: 320px;
    }

    .cke_dialog_htmlcontainer .sublink a {
        /*min-width: 65px !important;*/
        min-width: 125px !important;
    }

    .icf_rewrite_wrapper .txtoriginaltext {
        height: 300px;
    }
}
/*CKEditor Open AI Changes*/
.link_competencybenchmark {
    display: flex;
    flex-direction: row-reverse;
    padding: 0 10px 5px 0;
}

@media (min-width: 768px) {
    .modal-dialog {width: 98%;max-width: 900px;}
}
.login_bg {
    font-family: Inter, sans-serif;
    font-size: 13px;
    color: #373737;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #FFFFFF !important;
    margin: 0;
    padding: 0;
}

form.rld-login-form {
    padding: 0;
    margin: 0;
    height: 100%;
}

.login-wrapper {
    --login-content-offset-top: -24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
}

.login-left-wrapper {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    background: rgb(242,242,242);
    background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(230,233,235,1) 35%, rgba(141,182,206,1) 100%);
    align-items: center;
    text-align: center;
    position: relative;
}

.login-logo {
    min-width: 304px;
    min-height: 100px;
    width: 100%;
}
.login-copyright {
    position: absolute;
    bottom: 10px;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #373737;
    font-weight: 500;
}

    .login-logo input {
        width: 280px;
    }

.login-right-wrapper {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 52px;
    max-width: 480px;
}

.login-right-container {
    position: relative;
    top: -24px;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}

.login-right-top {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.login-icon {
    background: #317694;
    width: 48px;
    height: 48px;
    border-radius: 128px;
    display: flex;
    padding: 12px;
}

.login-right-top h1 {
    font-family: Inter, sans-serif;
    font-size: 28px;
    color: #1C1C1C;
    font-weight: 500;
    margin-bottom: 12px;
}

.login-form {
    display: flex;
    flex-direction: column;
}

.login-input-group {
    width: 100% !important;
    align-items: center;
    display: flex !important;
    padding: 0 8px;
    border-bottom: 2px solid #8a8a8a;
}

    .login-input-group:hover {
        border-bottom: 2px solid #0052FA;
        background-color: #FFFFFF;
    }

.txt-login {
    border: 0px;
    background-color: transparent;
    font-family: Inter, sans-serif;
    border-radius: 0;
    height: 42px;
    font-size: 14px;
    color: #949494;
    box-shadow: none !important;
}

    .txt-login:hover, .txt-login:focus {
        background-color: #FFFFFF;
        border-bottom: 0;
    }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:visited {
    border: 0px !important;
    -webkit-text-fill-color: #000000 !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.forgot {
    color: #0052FA;
    font-size: 13px;
}

    .forgot:hover {
        color: #317694;
    }

.btn-login {
    background-color: #0052FA;
    font-size: 13px;
    color: #FFFFFF;
    width: 100%;
    padding: 0 20px;
    border-radius: 4px;
    display: block;
    text-align: center;
    border: 0;
    display: flex;
    align-items: center;
    height: 28px;
}

    .btn-login:hover {
        background-color: #3369FE;
    }

    .btn-login:focus {
        background-color: #0044CF;
    }

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/*Flag Icon CSS*/
.imgflag {
    width: 24px;
    height: 24px;
}

.flag_icon ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

    .flag_icon ul li {
        display: flex;
        align-items: center;
        padding: 4px;
        width: 31%;
        font-size: 16px;
        color: #373737;
        font-size: 13px;
    }

        .flag_icon ul li a {
            color: #373737;
            padding-left: 6px;
        }

        .flag_icon ul li:hover {
            background-color: #e9e9e9;
        }

            .flag_icon ul li:hover a {
                color: #000000;
            }


/*Flag Icon CSS*/












.mrgtop10 {
    margin-top: 10px;
}

.mrgtop20 {
    margin-top: 30px;
}

.password_requirements {
    background-color: #e0e5eb;
    border-radius: 4px;
    padding: 10px;
}

    .password_requirements span {
        background-color: #637f9c;
        color: #FFFFFF;
        display: block;
        padding: 10Px;
        border-radius: 4px;
        font-weight: bold;
        margin-bottom: 10px;
    }

.ovr_hidden {
    overflow: hidden;
}

.login_bg .toast-container {
    top: 100px;
    margin-top: 0px;
}

/*

* html .toast-container{position:relative; margin-left: 800px;margin-right: 0px;width: 35%;margin-bottom: 50px;}
.toast-item{height:auto;background:#000;opacity:.7;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius: 5px; color:#eee;padding-top:20px;padding-bottom:20px;padding-left:6px;padding-right:6px;font-family:Verdana;font-size:13px;border:1px solid #555;display:block;position:relative;margin:0 0 12px 0;}
.toast-item p{text-align:left;margin-left:50px;}
.toast-item-close{background:url();width:22px;height:22px;position:absolute;top:7px;right:7px;}
.toast-item-image{width:32px;height:32px;margin-left:10px;margin-top:-6px;margin-right:10px;float:left;}
.toast-item-image-notice{background:url(../Img/notice.png);}

.toast-type-notice{color:white;}
.toast-type-success{color:white;}
.toast-type-warning{color:white;border-color:#FCBD57;}
.toast-type-error{color:white;border-color:#B32B2B;}
.toast-position-top-left{position:fixed;left:20px;top:20px;}
.toast-position-top-center{position:fixed;top:20px;left:50%;margin-left:-140px;}
.toast-position-top-right{position:fixed;top:20px;right:20px;}
.toast-position-middle-left{position:fixed;left:20px;top:50%;margin-top:-40px;}
.toast-position-middle-center{position:fixed;left:50%;margin-left:-140px;margin-top:-40px;top:50%;}
.toast-position-middle-right{position:fixed;right:20px;margin-left:-140px;margin-top:-40px;top:50%;}
.toast-position-bottom-left{left:10px;bottom:1px;margin-top:auto}*/

.toast-container{width:350px;z-index:420000; position:fixed; top:50%; left:50%; margin-top:-10%; margin-left:-175px; }
.toast-box
{
    min-height:45px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius: 5px; 
    color:#FFFFFF;
    padding: 15px;
    font-family:Verdana;
    font-size:13px;
    display:flex;
    position:relative;
    margin:0 0 12px 0;
    box-shadow: 0 0 10px #646464;    
    overflow:hidden;
}
.toast-box p
{
    margin:10px 0 0 10px;
    width:250px;
    float:left;    
    padding:0px!important;
}
.toast-red
{
    background-color:#c11105;
}
.toast-green
{
    background-color:#718315;
}
.toast-yellow
{
    background-color:#ca9000;
}
.toast-item-image-error{width:43px;height:43px;float:left; background:url(../images/icon_error.png); background-repeat:no-repeat;}
.toast-item-image-warning{width:43px;height:43px;float:left; background:url(../images/icon_warning.png); background-repeat:no-repeat;}
.toast-item-image-success{width:43px;height:43px;float:left; background:url(../images/icon_success.png); background-repeat:no-repeat;}