.content .actions-links{
    color:rgb(0, 135, 199);
    font-weight:500;
   margin-bottom:10px;

}
.actions-links i{
    margin-right:5px;
    margin-left:10px;
}

.content .inside-tab-nav li {
    border-right: 1px solid rgb(70,70,70);
}

.content.inside-tab-nav li:last-child {
    border-right: none;
}

.content .nav-tabs > li > a {
    margin-right: 0;
    text-decoration:none;   
}

.performance-tabs > .nav-tabs{
    background-color:white !important;
}

/*.performance-tabs > .tab-content{
    background-color:#f5f5f5;
}*/

.performance-tabs > .nav-tabs li{
    line-height:48px;
    padding:0 10px;
}

.performance-tabs > .nav-tabs li.active{
    background-color:rgb(245,245,245);
    /*border:1px solid rgb(230,230,230);*/
}

.performance-tabs > .nav-tabs li a{
    color:black;
}

.nav-tabs li .cycle-list  {
    display:none;
    margin-left:5px;
    line-height:48px;
    padding:6px;
    background-color:rgb(236, 239, 246);
    color:black;
    border:1px solid rgb(214, 217, 222);
    border-radius:6px;
}
.nav-tabs li.active .cycle-list { display:inline;}
.cycle-list select{
    border-radius: 0 5px 5px 0;
    border:1px solid rgb(214, 217, 222);
}




.performance-tabs > .tab-content .section-container{
    color:rgb(0,0,0);
}
 
.performance-tabs > .tab-content .each-section{
     border:1px solid rgb(230, 230, 230);
     border-radius: 4px;
     margin-bottom:20px;
     background-color:#fff;
}

.performance-tabs > .tab-content .each-section .section-head{
    padding:10px 20px 10px 20px;
    border-bottom:1px solid rgb(230,230,230);
}

.performance-tabs > .tab-content .weightage-container{
    border:1px solid black;
    border-radius:50%;
    width:50px;
    height:50px;
    right:0;
}


.performance-tabs > .tab-content .section-title{
    text-transform: capitalize;
    font-weight:600;
    line-height:28px;
    vertical-align:middle;
}

.performance-tabs > .tab-content .section-title a {
    color:black;
}

.performance-tabs > .tab-content .section-title .fa-2x{
    margin-top:-2px;
}

.performance-tabs > .tab-content .section-description-container{
    display:block;
    width:100%;
}

 .performance-tabs > .tab-content .section-description{
     width:95%;
     float:left;
 }

 .performance-tabs > .tab-content .section-minifer{
     width:5%;
     float:right;
 }

.performance-tabs > .tab-content .each-section .section-content{
    padding:20px;
}

.performance-tabs > .tab-content .each-section .section-content .sub-section{
    margin-bottom:20px;
    background-color: rgb(245,245, 247);
}

.performance-tabs > .tab-content .sub-section .sub-section-head{
    border-bottom:1px solid rgb(230,230,230);
    padding:10px 20px;
}

.performance-tabs > .tab-content .sub-section .sub-section-head .sub-section-title{
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:5px;
}

.performance-tabs > .tab-content .sub-section-title .fa-2x {
    margin-top: -6px;
}

.performance-tabs > .tab-content .sub-section-title a{
    color:black
}

.performance-tabs > .tab-content .sub-section .sub-section-head .sub-section-description-container{
}

.performance-tabs > .tab-content .sub-section .sub-section-head .sub-section-description-container .sub-section-description{
     width:95%;
     float:left;
 }

.performance-tabs > .tab-content .sub-section .sub-section-contents {
    background-color:#fff;
    padding:10px 20px;
 }
/* .performance-tabs > .tab-content .contents-align>.col-lg-6,.performance-tabs > .tab-content .contents-align>.col-md-6,.performance-tabs > .tab-content .contents-align>.col-sm-6{
	width:48%;
	
} */
.performance-tabs > .tab-content .each-question{
    background-color: rgb(245,245, 247);
    padding:10px 20px;
    border:1px solid rgb(216, 219, 224);
    border-radius: 4px;
 	margin-bottom:20px;
	/*margin-right:20px; */
}

    /*.performance-tabs > .tab-content .each-question:nth-child(odd) {
        float: left;
        margin-right: .5%;
    }

    .performance-tabs > .tab-content .each-question:nth-child(even) {
        float: right;
    }*/

    .each-question .question-heading{
        font-weight:600;
        margin-bottom:5px;
    }

    .section-head .show-more-content{
        height:auto;
        overflow:auto;
    }

    .section-head .show-less-content{
        /* height:60px; */
        overflow:hidden;
    }
.section-head {
    position:relative;
}
.section-head button {
        position:absolute;
        right:15px;
        top:30%;
}

.each-question .message-block{
    /*padding:10px 10px;*/
    /*border:1px solid rgb(230, 230, 230);
    
    background-color:#fff;*/
}
.question-message:first-child,.question-message:nth-child(2){margin-top: 0px;}

.question-message{
    /*color:rgb(84,108,144);*/
    /*overflow:hidden;
    float:left;
    margin-right:20px;*/
    margin-top:1.714rem;
	/* height:60px; */
}

.question-message .message-icon{
    font-size:1.75em;
    margin-right:10px;
    float:left;
}
.question-message .message-content{
    float:left;
    text-align:left;
   /*  font-size:.75em; */
    font-size:12px;
	width:75%;
}
.message-content .message-title{
    margin:0;
    text-transform:uppercase;
    font-weight:600;
/* 	white-space:nowrap; */
}

.message-content .message-value {
     margin: 6px 0 0; 
    text-transform: capitalize;
  /*   border: 1px solid rgb(216, 219, 224);
    padding: 5px 2px 4px 7px; */
    border-radius: 4px;
    white-space: normal;
}

.feedback-messages label{
    font-weight:500;
    margin-top:15px;
    margin-bottom:0;
}

.feedback-message{
    margin-top:15px;
}

.feedback-message .feedback-header{
    display:table;    
    width:100%;
}
.feedback-message .feedback-header .left-content{
    width:60%;
    position:relative;
    float:left;
}

    .feedback-message .feedback-header .left-content img {
        height:40px;
        width:40px;
        border-radius:50%;
        float:left;
        margin-right:5px;
    }

    .feedback-message .feedback-header .left-content div{
        float:left;
        padding:0;
        margin-bottom:0;
        margin-right:5px;
    }

    .feedback-message .feedback-header .left-content div p.name{
        margin:0;
        font-weight:500;
    }

    .feedback-message .feedback-header .left-content div p.designation{
        margin:0;
        color:rgb(151,151,153);
    }

    .feedback-message .feedback-header .right-content{
        float:right;
        width:40%;
        text-align:right;
    }

    .feedback-message .feedback-value p{
        background-color:#fff;
        border:1px solid rgb(230,230,230);
        border-radius: 4px;
        margin-top:10px;
        display:block;
        padding:15px;
    }
	.each-question-wrapper .each-question .help_tool{
    background-color: #fff;
    border: 1px solid rgb(230,230,230);
    border-radius: 4px;
    padding: 15px;
    }
	.feedback-message .progress{
		margin-bottom:5px;
		height:15px;
	}
	
.amber{background:#FFC200;}
.green{ background:#0AD88E;}
.red{ background:#2370CB;}
.progress{ position:relative;}
.progress > span {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;top: -2px;
}

    /*.panel-default{
        color:black;
    }
*/
    .panel-default > .panel-heading{
        background-color:white;
       /* border:1px solid #e6e6e6;*/
    }
.performance-tabs .panel-default > .panel-heading{ background:#fff;}
    .panel-default > .panel-body{
        border-top:none;
        padding:0;
    }

    .feedback-search{
        background-color:rgb(236, 239, 246);
        padding: 10px 15px;
        color:rgb(117,133,166);
    }
	
	.feedback-search .search-input input[type=text]{
		padding:5px;
		border-radius: 4px;
	}
	.feedback-search .search-input button.fa-search{
		background-color:transparent;
		border:none;
		outline:none;
	}

    .Advanced_Search_Options{
        background-color:rgb(236, 239, 246);
        padding: 10px 15px;
        border-top:1px solid rgb(218,220,228);
        color:rgb(117,133,166);
        display:none;
    }

    .Advanced_Search_Options > div{
        float:left;
        margin-right:10px;
    }
        .Advanced_Search_Options > div.form-inline >label {
            margin-right: 5px;
        }

        .Advanced_Search_Options > div.form-inline > input[type=checkbox] {
            margin-top: 10px;
        }

        .Advanced_Search_Options #jstree-default{
            z-index:100;
            top:0;
        }


    input[type="text"].TreeInput{background: #ffffff url("../images/TreeIcon.png") no-repeat 4px 5px;  padding: 5px 5px 5px 27px;}


    .obtained-scores{
        background-color:#fff;
        color:black;
        border:1px solid rgb(230, 230, 230);
        border-radius: 4px;
    }

    .obtained-scores .individual-scores{
        padding:15px 30px;
        vertical-align:middle;
        text-align:center;
        border-right:1px solid rgb(230,230,230);
    }
    .each-score {
        width:20%;
        text-align:center;
        float:left;
    }
        .each-score .score-value {
            font-size: 2em;
            width:100%;
            color:rgb(0,172,74);
        }
        .each-score .score-label{
            font-weight:500;
            width:100%;
        }

        /*.each-score-2{
            width:20%;
            text-align:center;
            float:left;
            margin-right:30px;
        }*/

        .score-value > i.fa-caret-down {
            margin-left:5px;
            font-size:0.75em;
        }

    .obtained-scores .total-score{
        margin: 0px 0;
        text-align:center;
        height:inherit;
        padding: 15px 30px;
        vertical-align: middle;
    }

    .total-score .score-label{
        font-weight:500;
    }

    .total-score .score-value{
        font-size:3em;
        color:rgb(0,172,74);margin-bottom: 10px;
    }

    .force-no-border{
        border:none !important;
    }

/**** view past feedbacks page user details and cycle related info container ****/
.form-inline.col-md-3{ margin-bottom:5px;}
.Advanced_Search_container  label{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.Not_Rated span{ width:38%; float:left;}
.user-details-container {
    display: block;
    border: 1px solid rgb(214, 219, 225);
    border-radius: 4px;
    color: black;
	position:relative;
	background:#fff; padding:10px;
}

   .employee-details {
       /*  width: 35%; */
        float: left;
        /* border-right: 1px solid rgb(214,219,225); */
		padding:10px 0;
    }

.employee-details .employee-image {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            float: left;
            margin-top: 3px;    border: 2px solid #764FB7;
    display: inline-block;
    padding: 2px;
        }
        .each-question-wrapper .feedback-messages .wallcontent .FeedbackBy .avatar{    border: 2px solid #cccccc;
    display: inline-block;    line-height: 51px;}

            .employee-details .employee-image img {
                height: 100%;
                width: 100%;
                border-radius: 50%;
            }

      .employee-details .employee-other-details {
            float: left; width:65%;
        }

         .employee-details .employee-other-details .employee-name {
                text-transform: capitalize;
                font-weight: 600;
            }

          .employee-details .employee-other-details .employee-designation {
                color:#9b9b9b;
            }

          .employee-other-details div {
                text-transform: capitalize;
				 white-space: nowrap;
            }

          .employee-details .employee-other-details .fa {
                color: rgb(112, 116, 120);
            }
    .cycle-related-info {
        /* width: 65%; */
        float: left;
		padding:10px 5px;
    }

         .cycle-related-info h3 {
            text-transform: capitalize;
            font-weight: 600; font-size:14px; margin:0 0 4px;
        }

         .export-option {
           right:0; width:100px; font-size:12px;
        }
 .export-option span {font-size:16px;}
         .export-option .fa-file-excel-o {
                color: rgb(145,195, 131);
            }

         .export-option .fa-file-pdf-o {
                color: rgb(185, 40, 43);
            }
			
      /** Starts **/
  .columns-container {
            display: table;
            width: 100%;
        }
.columns-container.CycleName li{width: initial;display: block;}
.columns-container li{ line-height:17px;  width:49%;display:inline-block;}
.columns-container li label{ max-width:40%;display:inline-block; vertical-align:top; color:rgb(125,125,125);}
.columns-container li span{ width:60%;display:inline-block;padding:0 0 0 5px;}

            .user-details-container .cycle-related-info .columns-container .each-column {
                display: table-cell;
            }

                .user-details-container .cycle-related-info .columns-container .each-column .inner-left-column {
                    float: left;
                    display: block;
                }

                    .user-details-container .cycle-related-info .columns-container .each-column .inner-left-column label  {
                        display: block;
                        font-weight: normal;
                        margin: 0;
                    }
                    .user-details-container .cycle-related-info .columns-container .each-column .inner-left-column label .fa{
                        color: rgb(125,125,125);
                    }

                    .user-details-container .cycle-related-info .columns-container .each-column .inner-left-column label .fa-sitemap{
                        -ms-transform: rotate(-90deg); /* IE 9 */
                        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
                        transform: rotate(-90deg);
                        margin-left: -3px;
                    }

                .user-details-container .cycle-related-info .columns-container .each-column .inner-right-column {
                    float: left;
                    display: block;
                    margin-left: 10px;
                }

                    .user-details-container .cycle-related-info .columns-container .each-column .inner-right-column label {
                        display: block;
                        font-weight: normal;
                        margin: 0;
                    }



                    .rating-container.rating-xs{
                        font-size:1em;
                    }
                    .rating-container.rating-xs .clear-rating{
                        display:none;
                    }
                    .rating-container.rating-xs .caption{
                        display:none;
                    }
					
					.rating-container .filled-stars {
						color:rgb(242,101,30) ! important;
					}
					

					.question-status{
						width:100%;
						margin:10px 0;
						display:table;
					}
					.question-status select{
							width:125px;
							float:left;
							font-weight:500;
							outline:none;cursor: pointer;
					}
					.question-status select option{
						background:#fff;
					}
					.question-status select.completed{
							color:#58CB56;
					}
					.question-status select.not-started{
							color:#E0251E; 
					}
					.question-status select.pending{
							color:#E39D11;
					}
					.question-status>div{
						float:right;
						width:40%;
						padding-top:5px;
					}
					/*.question-status>div>.progress{
						float:left;
						width:80%;
						margin:0 0 0 10px;
					}*/
					.question-status>div> i{
						float:left;
						font-size:20px;;
						margin-right:1%;
						width:10%;
					}
					
.panel-default > .panel-heading {
    background-color: white;
   /* border: 1px solid #e6e6e6;*/
}
.rating-section .Cannot_Rate span b{color: #333;}
.each-question label{ font-weight:bold;color: #333;}
.summary-content .FilterActive{ background:#eceff6; position:relative;}
.summary-content .FilterActive a{ color:#1c1c1c; position:absolute; top:-12px; right:-5px; font-size:20px; display:block;}
input.FilterActive,input.FilterActive:hover,input.FilterActive:focus{border: 2px solid #348fe2;}
.summary-content div a{ display:none;}
/*.question-message [class^="icon-"], .question-message [class*=" icon-"]{font-size:30px;}*/
.WhiteBg{ background:#fff; padding:10px; border:1px solid rgb(216, 219, 224); border-radius: 4px;}
/*.AchievedTargetTypeCont input[type="text"]{ width:36%; float:left; margin:0 2px 0 0; }*/
p.message-value.show-less-content{ height:60px !important; }
/* p.message-value.show-more-content{ margin-bottom:5px !important;} */
.show-less{color:#337ab7; float:right; line-height:normal; }
.SelectYear{ background:#eceff6; border-bottom:1px solid #d3d5dc; padding:15px 0 13px;}
.SelectYear label{ line-height:32px; font-size:14px; font-weight:600; color:#566a8f;}
.UISelectBox:disabled{ background-color:#dddddd;}
.AchievedTargetTypeCont label{ display:block; font-weight:normal; margin:3px 0 0;}
.AchievedTargetTypeCont select{ display:block; background-image:none; margin:0 !important; width:100%;}
.section-desc {
    padding: 4px!important;	
    color: #7d7c7c!important;
    border-radius: 4px;
    width: 250px;
}
.SelectYear .btn-group.bootstrap-select.form-control{ margin:0 !important;}
.feedbacktab .ActionHeader{margin:-10px -10px 0; border-right:0; border-left:0; }
.feedbacktab .Add_Employee{height: inherit;line-height: inherit;padding: 7px 10px !important;border-radius: 4px; margin: 5px 10px 0 0;}
/*my performance 10/7/18*/
.chats{padding: 20px 15px 0 15px;}
.chats .date-time{font-size: 12px;}
/*my performance  end/
/*7/08/18 start*/
#collapseTwo .Advanced_Search_container{border-width: 0;}
#review-pip1 .Advanced_Search_container{border: 0; background-color: transparent;}
/*#review-pip1 .cycle-related-info{padding: 0;}*/
#review-pip1 .Advanced_Search_container .col-md-4{margin-bottom: 0;}
#review-pip1  .Advanced_Search_container label{width: unset;}
#review-pip1 .feedback-message .feedback-value section{background-color: #fbfafa;border: 1px solid rgb(230,230,230);
    border-radius: 4px;margin-top: 10px;display: block;padding: 15px;word-wrap: break-word;}
#review-pip1  .feedback-message .feedback-header .left-content div p.name{font-weight: bold;}
.countdown{font-size: 11px;color: #666;font-style: italic;
    display: block;margin: 0;font-weight: normal;}
#review-pip1 table tr td:first-child{width: 40%;text-align: right;} 
#review-pip1  table tr td:last-child{width: 60%;text-align: left;}
#review-pip1 table td input{width: 89%;}
#review-pip1 textarea {resize: none; width: 100%;pointer-events: none;opacity: 0.3;}
#review-pip1 .check_box {width: auto;text-align: right;}
/*7/08/18 end*/
/*countinous feedback wall start*/
.ReplayContainer .ReplyText{font-weight: normal;}
a.ViewColor{color: #764FB7;}
.FeedbackContent{border-radius: 5px !important;}
.FeedbackWall .panel-default > .panel-heading{border-radius: 5px 5px 0px 0px; background:#fff;}
/*countinous feedback wall end*/
/* Holocracy Reporting  */
.HolocracySection {
	display:none;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin: 20px 15px 0;
}
.ChooseManager {
    padding: 20px 5px 20px;
    border-right: 1px solid #e0e0e0;
}
.ValueSelected {
    background: #ececec;
    padding: 10px;
    border-radius: 4px;
    display: none;
}
.avatarwithname {
    background: #53a3fe;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
    margin: 2px 0 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-weight: 'latosemibold';
}
/*other feedback start*/
.OtherFeedback .GiverName a{font-weight: bold;}
.OtherFeedback .employee-details{padding:0px 15px 0px 0px;}
.SingleClass{line-height: 60px;}
.OtherFeedback .WallDateWise{padding: 0px 0px;}
.FeedbackBy.BorNone{border-bottom: none;}
.OtherFeedback .avatar-content{border-right: 1px solid #e6e6e6;margin-bottom: 20px;width: 75%;padding-right: 10px;}
.OtherFeedback .FeedbackBy{padding: 0 20px 13px 0px; display: table;margin-top:0px !important;}
.OtherFeedback .feedback-message .feedback-header .left-content{width: 80%;}
.OtherFeedback .feedback-message .feedback-header .right-content{width: 20%;}
.OtherFeedback .FeedbackSection .name{color: #764FB7;}
.OtherFeedback  .designation{color: #8f9296;}
.OtherFeedback .avatar-content p{color: rgb(0,0,0);display: table-header-group;}
.OtherFeedback .feedback-header{border-bottom: 1px solid #e6e6e6;margin-top: 12px;}
.OtherFeedback  .MetStar .fa-star, .OtherFeedback .AboveStar .fa-star{color: #ffd203;}
.OtherFeedback  .MetStar .fa-star-o{color: #ccc;}
.OtherFeedback .progress{border: 1px solid #eceaea;/*background: #fff;*/
    background: -webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    border-radius: 6px;height: 10px;width: 60%;
    margin: 8px auto 0;/*float: right;*/position: relative;}
    .OtherFeedback .ProgressPercentage {
    margin: 0 auto;
    width: 60%;float: none;
}
.OtherFeedback .right-content .ProgressPercentage span{display: inline-block;margin-top: 5px;font-size: 12px;margin-left: 0px !important;}
.OtherFeedback .FeedbackBy  .WidthOutRating{border-right: 0px !important;width: 100%;}
.OtherFeedback .FeedbackBy:last-child{border-bottom: 0px;}
.OtherFeedback  .progress-white{background: #fff;display: inline-block;
    height: 100%;/*width: 60%;*/float: right;}
.OtherFeedback .progress-bar{height: initial;/*background: #f87331;*/width: 40%;background:transparent;
/*background: linear-gradient(to right, #f85c33 20%, #f7c22a 80%)*/}
.OtherFeedback .feedback-message .feedback-header .left-content div{margin-bottom: 12px;}
.OtherFeedback .UISelectBox{border: none;color: #8f9296;}
.OtherFeedback .UISelectBox{background-image: url(../images/DownArrow.png);background-position: right 13px;padding: 0 18px 0 5px;}
.OtherFeedback .ActionItems{width: 25%;position: unset; text-align: center;}
.OtherFeedback .employee-details, .OtherFeedback .avatar-content, .OtherFeedback .ActionItems, .OtherFeedback .avatar
{vertical-align: middle;display: table-cell; position:inherit;}
.OtherFeedback .ActionItems span{color: rgb(0,0,0);
    font-size: 14px; margin-top: 0;}
.OtherFeedback .FeedbackContent{padding: 15px 0px 0px 0px;border-radius: 0px 0px 4px 4px!important;}
.OtherFeedback .UISelectBox option{font-size: 15px;}
.GiverName label.ActionDate{letter-spacing: initial;color: #8f9296;font-size: 14px;font-weight: normal;margin-top: 2px;display: block;}
.GiverName label.ActionDate i{font-size: 16px;color: #8f9296;} 
.OtherFeedback .FeedbackBy{padding: 13px 20px 13px 20px;width: 100%;}
@media (max-width: 1200px) and (min-width: 768px){
  .OtherFeedback .FeedbackBy .avatar {
    margin: 0px 15px 0px 0px;
}
}
@media (max-width: 991px) and (min-width: 768px){
.OtherFeedback .avatar-content {width: 75%;}  
.OtherFeedback .ActionItems{width: 25%;}
}
@media (max-width: 1200px) and (min-width: 992px){
.OtherFeedback .avatar-content {width: 70%;}  
.OtherFeedback .ActionItems{width: 30%;}
}
.OtherFeedback .dropdown-toggle{ background:#fff; color:#8f9296; margin:5px 0 0; padding:0; font-weight:normal; font-size:15px;box-shadow: none;border: 0px;}
.OtherFeedback .dropdown-toggle i{color:#1e8efe; margin:0 3px 0 0;}
.OtherFeedback .dropdown-menu{ left:0px; top:30px;}
.OtherFeedback .dropdown-toggle::after {
      display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: .255em;
    content: "";	
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    font-size: 18px;
    margin-top: 8px;
    float: right;
	color: #b2b7bd;
}
.OtherFeedback .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.OtherFeedback a.dropdown-item{ padding:10px 8px; font-size:15px; color:#8f9296 !important; font-weight: normal !important;    border-bottom: 1px solid #dfdfdf;}
.OtherFeedback a.dropdown-item:hover{background:#1e8efe; color:#ffffff !important;}
/*other feedback end*/
/*Recommendation start*/
.RecommenTable tbody tr td label{font-weight: 600;margin-bottom: 0px;}
.RecommenTable tr td:first-child{text-align: right;width: 30%;}
.RecommenTable tr td:last-child {text-align: left;width: 70%;}
.RecommenTable input, .RecommenTable textarea{width: 60%;}
.RecommenTable .bootstrap-select{margin: 0px !important;width: 30% ! important;}
.RecommenTable .character{display: inline-block;font-size: 11px;color: rgb(125,125,125);
    font-style: italic;font-weight: bold;float: right;width: 54%;}
.NewTabbedPanel .FeedbackBy{ width:250px;}
.NewTabbedPanel .FeedbackBy .avatar{ width:40px !important; height:40px !important; line-height:40px !important;
 font-size:18px !important; }
.Comments-Text td.long{min-width: 250px;white-space: unset;}
.SummeryTable .section-description{ width:200px;}
.headcol {min-width: 260px;}
.NewTabbedPanel.summerycontent.b-t-0{border-top: 0;}
.NewTabbedPanel .FeedbackBy{border-bottom: 0;display: table;}
.NewTabbedPanel  .rTableCell .AvatarName{color: #337ab7;font-size: 15px; display:table-cell; vertical-align: middle;  float: none;margin: 0;width:150px;line-height: 22px;}
.rTableCell .show-more{font-size: 12px;}
.NewTabbedPanel  .grid_table{border-radius: 5px 5px 0px 0px !important;}
.NewTabbedPanel .PaginationDiv.grid_table{border-radius: 0px 0px 5px 5px !important;}
.tab-content .panel-body .page-header{text-transform: uppercase;font-size: 16px;font-weight: 600;}
.NewTabbedPanel .ContentSection .rTableCell{padding: 10px 13px;}
.NewTabbedPanel .grid_table .Employee_Avatar span{height: 40px;width: 40px; display:inherit;}
.panel .panel-body{border-radius: 0px 0px 5px 5px;background-color: #fff;}
.panel-heading{border-radius: 4px;}
.nav-tabs + .tab-content{border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
.panel-title{font-weight: 600;}
#collapsefive textarea{border-radius: 4px;padding: 8px;}
.NineBoxInfo .icon-info-icon{ margin:0 10px 0px 0;}
.NineBoxInfo a:hover{ text-decoration:underline;}
/*.NewTabbedPanel .rTableCell a{line-height: 0px;}*/
.performance-tabs .summerycontent .section-description{ width:250px;}
.NewTabbedPanel .ContentSection .rTableHead{padding: 10px 13px;color: #5d5c5c; min-width:150px;}
.panel .collapsein{border-radius: 5px 5px 0px 0px;}
@media (max-width: 1200px) and (min-width: 768px){
.FeedbackBy .avatar {margin:0px 15px 0px 0px !important;}  
}
/*Recommendation end*/
/*myperformance css*/
.Dropdown_Attachment{overflow: hidden;height: 205px;}
/*New Countinuous feedback*/
.feedbacktab .wallcontent .AddFeedback{display: block;}
.feedbacktab .AddFeedbackButton, .feedbacktab .WallDateWise .DateCal{background: #fff;}
.WallDateWise .GiverName a:hover{text-decoration: none;}
.feedbacktab{padding: 10px;}
.GoalGrid a.PageLink{text-decoration: none;}
.ContinuousFeedbackGoals.section-container{border: none;}
.Continuous_Feedback_View .FeedbackWall .wallcontent .WallDateWise{padding: 10px 10px 15px 10px;}
.FeedbackGoals .GoalGrid .rTableCell.ActionCell{height: 76px;}
.FeedbackWall .Goal_Name{margin: 0;padding: 5px 13px 9px;}
.FeedbackWall  .Load_More .load_btn{background: #fff;}
.GoalGrid .rTableCell.FeedbackView{min-width: 230px;}
.ContinuousFeedbackGoals .section-content .sub-section-contents{border-radius: 0px 0px 5px 5px;}
.GoalGrid .section-desc .PageLink{margin-top: 3px;display: block;}
.GoalGrid .section-desc .PageLink:hover, .FeedbackView:hover .PageLink {text-decoration: underline;}
.GoalGrid .section-desc .PageLink i{font-size: 16px;
    margin-right: 5px;}
    .GoalGrid .section-desc .PageLink:hover{text-decoration: none;}
    .GoalGrid .section-desc .PageLink span:hover{text-decoration: underline;}
	
@media (max-width: 1370px) and (min-width: 1200px){	
	.page-sidebar-minified .RedeemPoints span{margin:13px 0;}
}
/*recommend training course css start*/

.tab-content  .panel:hover{box-shadow: none;}
.TrainingCourse  .multiselect-native-select{width: initial;display: initial;}
.tab-content .panel-body{border-color: #e6e6e6; background:#fff;}
.category-search .btn.btn-default.dropdown-toggle{margin: 0px;}
.training-view-mode .Passport-list{padding: 0px;}
.training-view-mode .Passport-list label{color: #434444;font-weight: bold;margin-bottom: 0px;font-size: 16px;}
.training-view-mode .passport-table .SerachArea {padding: 0px 0px 20px 0px;}
.training-view-mode .PaginationNew {
    padding: 25px 0px 20px 0px;
}
.NewSeachBox:hover, .DatePickerBox:hover {
    border: 1px solid #53a3fe;
}
.TrainingCourse .availableCourse{padding: 22px 0px 21px !important;}
.training-view-mode .TableOuter{width: 100%;border-top: 0px;}
/*.TrainingCourse  .training-view-mode {padding: 25px;}*/
.training-view-mode .rTableHead, .training-view-mode .table-section .rTableCell{color: #434444;}
.TrainingCourse .availableCourse{width: 100% !important;}
.availableCourse.BottomCourse{padding-bottom: 0px !important;}
.CheckIns.modal.right .modal-body{ padding-bottom:0px !important;}
.GoalList p{ margin:0;}
.CheckIns.modal.right .Insert_Image .modal-body{ overflow-y:inherit !important;}
@media (max-width: 991px) and (min-width: 768px){
.TrainingCourse .availableCourse{width: 98% !important;}
.danger-text{font-size: 9px !important;line-height: 17px;bottom: -21px;}
}
@media (max-width: 848px) and (min-width: 768px){
  .danger-text {
    line-height: 10px !important;
}  
}
@media (max-width: 1000px) and (min-width: 1366px){
  .danger-text {
    font-size: 10px !important;
}  
}
/*recommend training course css end*/
/*9 box analysis start*/
.Recommended-form.Full-width{width: 100%;}
.NineBoxInfo{padding:0px !important;margin:0px 15px 0 0;width: 29%;cursor: default;}
.Recommended-form{width: 69%;float: right;}
.Info-Section .Info-box{width: 42px;height: 42px;margin: 0px;background: #dcd6c0 !important;border: 1px solid #e0e0e0;
margin: 0 1px 5px 0;cursor: default;}
.NineBoxInfo .nine-quad-chart{width: 100%;}
.NineBoxInfo .inner-table{border-collapse: separate; border-spacing: 0px 0px;}
.NineBoxInfo .Info-Topalign{vertical-align: top;}
.NineBoxInfo .Info-Bottomalign{vertical-align: bottom;}
.NineBoxInfo .Xlabel{left: 5px;bottom: 15px;}
.NineBoxInfo .Ylabel{left: -98px;top: 39%;}
.NineBoxInfo .Box-View{clear: both;text-decoration: underline;padding: 0px 0px 15px 0;display: block;font-weight: bold;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(4), .NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(3),
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(2),.NineBoxInfo .nine-quad-chart table tr:nth-child(3) td:nth-child(2),
.NineBoxInfo .nine-quad-chart table tr:nth-child(3) td:nth-child(3),.NineBoxInfo .nine-quad-chart table tr:nth-child(3) td:nth-child(4),
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(2),.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(3),
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(4){background: transparent;}
.NineBoxInfo .Employee-Head{display: table;margin: 4px 0 10px -5px;}
.NineBoxInfo .Info-Employee{width: 52px;height: 52px;margin: 0px;background: #b6dfce !important;
    border: 1px solid #e0e0e0;display: table-cell;vertical-align: middle;/*transform: scale(1.1);*/}
.NineBoxInfo .Rating-Label{font-size: 14px;font-weight: bold;clear: both;border-radius: 20px;padding: 7.4px 6px 6px;width: auto;
margin: 0 auto 0px 75px;text-transform: uppercase;background: #b0e3e6;text-align: center;max-width: 160px;cursor: default;}
.NineBoxInfo .OuterBorderImg{width: 40px;height: 40px;}
.NineBoxInfo.Info-Section .info-text{font-size: 14px;}
.Info-Section .close{padding: 13px 10px 0px 0;}
.Info-Section .close:focus{outline: none;}
.Analysis-Info{padding: 15px 10px 10px 15px;display: inline-block;width: 90%;}
.NineBox-Open{display: inline-block;margin: 7px 0px 0px 10px;font-size: 16px;}
.NineBox-Open span:hover{text-decoration: underline;display: inline-block;}
.NineBox-Open img{margin-right: 10px;width: 25px;height: 25px;}
.Info-Section.NineBoxInfo .icon-info-icon{margin-top: 0px;}
.NineBoxInfo td.Employee-Head:hover {transform: scale(1.1);box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);cursor: pointer;}
.NineBoxInfo td.Employee-Head:hover .OuterBorderImg img{cursor: pointer;}
.NineBoxInfo table tr:nth-child(4) td:nth-child(2) .Info-box,.NineBoxInfo table tr:nth-child(4) td:nth-child(3) .Info-box,
.NineBoxInfo table tr:nth-child(4) td:nth-child(4) .Info-box{margin: 0;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td.Employee-Head:nth-child(3),
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(2),
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(4){margin: 20px 0 6px -6px;}
.NineBoxInfo .Xlabel,.NineBoxInfo .Ylabel{font-size: 10px;}
.NineBoxInfo .nine-quad-chart table .xaxis {
    height: 45px;
}
.TopHigh{margin:0 5px 5px 0;display: inline-block;}
.LeftLow{padding-bottom: 15px;}
.LeftLow img{position: relative;
    right: -10px;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(4) .Info-box,
.NineBoxInfo .nine-quad-chart table tr:nth-child(3) td:nth-child(4) .Info-box,
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(4) .Info-box{margin: 0 6px 5px -17px;}
.NineBoxInfo .BottomLow{position: relative;top: 32px;left: -11px;}
.NineBoxInfo .BottomLow,.NineBoxInfo .smltxt{font-size: 13px;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(2){padding-bottom: 15px;}
.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}
.Info_Rating .triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #d4d4d4;
    border-right: 12px solid transparent;
    height: 0;
    left: 20px;
    position: absolute;
    top: 63px;
    z-index: 9999;
}
.Info_Rating .inner-triangle {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 0;
}
.Info_Rating .tooltipdiv {
    background: #fff none repeat scroll 0 0;
    right: -155px;
    top: 74px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 250px;
    border: 0px solid #dcdada;
    box-shadow: 0 0px 7px #888888;
    border-radius: 4px;
}
.Info_Rating .tooltipdiv ul {
    padding: 0px;
    margin: 0;
}
.Info_Rating .tooltipdiv ul li {
    border-bottom: 1px solid #d4d4d4;
    float: left;
    width: 100%;
}
.Info_Rating .tooltipdiv ul li a {
    color: #434343;
    width: 100%;
    display: block;
    padding: 10px 10px 5px;font-size: 16px;
}
.Info_Rating .tooltipdiv ul li .Score-Value{color: #434343;
    width: 100%;
    display: block;
    padding: 0 10px 10px;
    font-weight: bold;
    font-size: 20px;}
.Info_Rating .tooltipdiv ul li:last-child {
    border-bottom: 0px;
}
.NineBox-Open .icon-forward-Down{margin-left: 5px;vertical-align: middle;font-size: 11px;color: #757575;}
.NineBoxInfo td .LowLeft{float: left;}
.NineBoxInfo td .Lowright{vertical-align: top;position: relative;left: -6px;}
.right-high{position: relative;top: -8px;left: -7px;}
.panel-default > .panel-heading {
    background-color: white;
    /*border: 1px solid #e6e6e6 !important;*/
}
/*achieved target*/
.TargetAchieved-Section {
    background: #e8e8fb;
    border-radius: 4px;
    padding: 15px;
}
.TargetAchieved-Section .question-message.TargetSet {
    width: 50%;
}
.TargetAchieved-Section .question-message.AchievedSet {
    width: 50%;
}
.TargetAchieved-Section .question-message:nth-child(3){margin-top: 10px;}
.TargetAchieved-Section .question-message {
    margin-top: 0px;
}
.question-message .message-content {
    float: left;
    text-align: left;
    /* font-size: .75em; */
    font-size: 12px;
    width: 100%;
}
.message-content .message-title {
    margin: 0;
    text-transform: capitalize;
    font-weight: 700;
    color: #333;
    font-size: 11px;
    /* white-space: nowrap; */
}
.TargetAchieved-Section .icon {
    color: #7c7c7c;
}
.icon .icon-History {
    font-size: 20px;
    vertical-align: middle;
    color: #764FB7;
}
.AchievedTargetTypeCont {
    margin-top: 15px;
}
.AchievedTargetTypeCont select {
    display: block;
    background-image: none;
    margin: 0 !important;
    width: 100%;
}
.message-content .AchievedTargetTypeCont .bootstrap-select {
    width: 155px !important;
}
.AchievedTargetTypeCont .btn-group {
    margin: 0px 12px 0 0px !important;
}
.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle {
    border: 1px solid #c7c7c7 !important;box-shadow: none;
    border-radius: 4px;
}
.AchievedTargetTypeCont .AchieveInput {
    background: #fff;
    display: inline-block;
    width: 30%;
    border-radius: 4px;
    padding: 10px;
    margin: -7px 0px 0px 12px;
}
.AchievedTargetTypeCont .AchieveLabel {
    background: #fff;
    display: inline-block;
    width: calc(100% - 175px);
    border-radius: 4px;
    padding: 10px;
    margin: 0px 0px 0px 12px;
    height: auto;
    min-height: 82px;
    resize: none;
}
.AchievedTargetTypeCont .icon-arrow-down {
    font-size: 11px;
    color: #757575;
}   
.TargetAchieved-Section .question-message.AchievedSet .message-content {
    width: 100%;
}
.TableOuter{background-color: #fff;border-radius: 4px;}
@media (max-width: 1023px) and (min-width: 768px){
  .NineBoxInfo {width: 100%;margin-bottom: 20px;}
  .Recommended-form{width: 100% !important;}
  .Info-Section .Info-box{margin: 0 15px 10px 0 !important;}
.NineBoxInfo .Start-Section{display: table;margin: 0 auto;}
.NineBoxInfo .ContentSection {display: table-cell;}
.NineBoxInfo.Info-Section .info-text{margin-bottom: 20px;}
.NineBox-Open{float: left;margin: 0;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(2){padding-bottom: 5px;}
.NineBoxInfo td .Lowright{left: 10px;}
.right-high{left: 8px;}
}
@media (max-width: 1200px) and (min-width: 1024px){
.Info-Section .Info-box{width: 42px;height: 42px;margin: 0 15px 10px 0;}
.Info-Section{font-size: 12px;width: 32%;}
.Info-Section .LowLeft,.Info-Section .Lowright{width: 30px;margin-left: 0px;}
.NineBoxInfo .Xlabel{left: -10px;}
.Recommended-form{width: 65%;}
.NineBoxInfo .Employee-Head{margin: 0 -6px 10px -5px;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(2) td:nth-child(4) .Info-box, .NineBoxInfo .nine-quad-chart table tr:nth-child(3) td:nth-child(4) .Info-box, 
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(4) .Info-box{margin: 0 15px 10px 0;}
.NineBoxInfo .Rating-Label{margin: 0 auto 0px 60px;}
}
@media (max-width: 1299px) and (min-width: 1201px){
.Info-Section .Info-box{margin: 0 15px 10px 0 !important;}
.NineBoxInfo .nine-quad-chart table tr:nth-child(4) td:nth-child(2) {padding-bottom: 5px;}
}
@media (max-width: 1399px) and (min-width: 1300px){
.Recommended-form{width: 71%}
.NineBoxInfo{width: 27%;}
}
@media (max-width: 1600px) and (min-width: 1400px){
.NineBoxInfo{width: 24%;}
.Recommended-form{width: 74%;}
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus{background: #ee9134;}
.question-message.col-md-3{width: 50%;padding-left: 0px;}
.accordion-toggle-styled .icon-DownArrow {
    font-size: 9px;
    position: absolute;
    right: 20px;
    top: 24px;
    font-weight: 500;
}
.section-head .accordion-toggle-styled.collapsed .icon-DownArrow, .editable-container .accordion-toggle-styled.collapsed .icon-DownArrow, .library-container .accordion-toggle-styled .icon-DownArrow {
    transform: rotate(180deg);
    margin-top: -3px;
}
.editable-container .section-head .accordion-toggle-styled .icon-DownArrow,.each-section .section-head .accordion-toggle-styled .icon-DownArrow{
    transform: unset;
}