body{ font-family:helvetica,arial,sans-serif; font-size:15px; color:#000000; line-height:normal;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clear{clear:both;}
.row{ width:100%; float:left;}
ul,p{ padding:0; margin:0;}
.Table{ display:table; width:100%;}
.tablerow{ display:table-row;}
.Cell{ display:table-cell; width:50%;}
.FeedbackPDF{ width:1024px; margin:0 auto;}
.shadow{box-shadow:0 0px 18px #dcdada; display:inline-block;}
.gradiantbg{background: #e3e8ec;}
h1{ color:#4d4d4d; font-size:24px; float:left;}
.PDFHeader{ padding:20px;}
.PDFHeader h1{ max-width:70%;color: #3b5366;}
.PDFHeader img{float:right; height:60px; width:auto;}
.block{width:100%; float:left;}
.Avatar{ width:90px; height:90px; display:inline-block; }
.Avatar img{ width:100%; height:100%; border-radius:50%; border:2px solid #764FB7; padding:2px;}
.EmployeeInfo{ padding:20px 0 10px; display:table;}
.EmployeePhoto{ display:table-cell; width:250px; vertical-align:middle; text-align:center; margin-top:30px; padding:0 15px;}
.EmployeePhoto label{color:#764FB7; font-size:18px; display:block; font-weight:bold;margin-top:4px;}
.EmployeePhoto span{ color:#000; display:block; margin-top:4px; }
.CycleInfo{ width:774px; display:table-cell; vertical-align:top;}
.CycleInfo table{ margin-left:-10px; width:100%;}
.CycleInfo h2{color:#3b5366; font-size:16px; margin:0 0 5px 0; }
.CycleInfo table td{width:50%; background:#fff; padding:10px; vertical-align:top;}
.CycleInfo td label{ color:#666666; font-size:13px; display:block; margin:0 0 5px 0;}
.CycleInfo td span{font-size:16px; display:block;}
.TabStructure{ width:97%; margin:16px auto 0;}
.TabHeader{color: #3b5366;
    font-weight: bold; text-transform:uppercase;
    font-size: 16px;
    padding: 14px; border-top-right-radius:8px; border-top-left-radius:5px;}
.TabContent{ border-color:#e3e3e3; border-width:0px 1px 1px 1px; border-style:solid; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
.TabContent td { width:50%; vertical-align:top;}
.TabContent td label,.FeedbackProgress div label,.SignCol label{ color:#666666; font-size:13px; display:block; margin:0 0 5px 0;}
.TabContent td span{font-size:16px; display:block;}
.StatusCol{ width:50%; margin:10px 0; float:left;}
.StatusCol .progress {
    height: 14px;
    background: #e2e7eb;
    width: 180px !important; float:right;
}
.StatusCol .progresspercentage{ margin:-1px 0 0 9px; float:right;}
.FeedbackProgress{ padding:24px 10px; }
.FeedbackProgress div{ width:30%; float:left;}
.progress{border:1px solid #e3e3e3; border-radius:10px; height:10px; width:180px !important; float:left;}
.progress .progress-bar{ height:100%; display:inline-block; vertical-align:top; border-radius:5px;}
.progresspercentage{ float:left; font-weight:bold; margin:-3px 0 0 10px;color: #3b5366;}
.SectionHeader{border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3; font-size:20px;
 font-weight:bold; padding:14px; position:relative;color: #3b5366;}
.SectionHeader span,.Subsection h2 span{ position:absolute; right:10px; top:12px; }
.SectionHeader .ScetionScore{color:#666666; font-size:15px; font-weight:normal; top:15px; right:14px;}
.SectionHeader .ScetionScore b{color:#764FB7;}
.SectionHeader p,.Subsection p{ font-weight:normal; font-size:15px; margin:10px 0 0px; clear:both;}
.Subsection h2{ padding:0; font-size:16px; margin:0; position:relative;color: #3b5366;}
.GoalHeader h3{ font-size:16px; margin:0; padding:0; color:#764FB7;}
.Subsection .GoalSection{ padding:20px; float:left; margin-bottom:20px;}
.GoalSection{ background:#e3e8ec;}
.SubsectionHeader{padding:20px;}
.TargetSection{ background:#fff; border:1px solid #e3e3e3; border-radius:8px; padding:10px 14px; margin:14px 0; width:100%; float:left;}
.TargetSection div,.MeasureSection div{width:50%; float:left;}
.TargetSection p,.MeasureSection p{ margin:0;}
.measurelabel,.StatusCol label{ font-weight:bold; font-size:15px; color:#3b5366; margin:0 0 5px 0; display:block;}
.MeasureSection div{ margin-bottom:14px;}
.FeedbackSection h3{ text-transform:uppercase; color:#3b5366; font-size:14px; margin-bottom:10px;}
.FeedbackSection .Rating b, .Training h4{color: #3b5366;}
.FeedbackSection ul { background:#fff; border:1px solid #e3e3e3; padding:0px;border-radius:8px; float:left; width:100%;}
.FeedbackSection ul li{ list-style:none;  padding:14px 10px 10px; width:100%; float:left; border-bottom:1px solid #e3e3e3;}
.FeedbackSection ul li:first-child{padding-top:10px;}
.FeedbackSection ul li:last-child{ border:none; padding-bottom:20px;}
.EmployeeComments{ width:70%; display:table-cell; border-right:1px solid #e3e3e3;padding:0;vertical-align: middle;}
.EmployeeComments .Avatar{ width:60px; height:60px;}
.CommentSection{ width:calc(100% - 100px); display:inline-block; vertical-align:top; padding:4px 0 0 10px;}
.CommentSection label{color:#764FB7; font-weight:bold;}
.CommentSection label span{ color:#8f9296; font-weight:normal;}
.CommentSection p{ margin:5px 0 0 0;}
.FeedbackSection .Rating { width:280px; vertical-align:middle; display:table-cell; padding:0 0 0 20px;vertical-align:middle; text-align:center; padding:10px 0;}
.FeedbackSection ul li:last-child .EmployeeComments,.FeedbackSection ul li:last-child .Rating{ border-bottom:0;}
.OnlyComments .EmployeeComments{ width:928px; border:0;}
.OnlyComments .Rating{width:1px;}
.FeedbackSection .Rating span {
    color: rgb(0,0,0);
    font-size: 14px;
    margin-top: 0;
}
.FeedbackSection .progress {
    border: 1px solid #eceaea;
    background: -webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    border-radius: 6px;
    height: 10px;
    width: 90%;
    margin: 8px auto 0; float:none;
    position: relative;
}
.FeedbackSection .ProgressPercentage span{display: inline-block;
    margin-top: 5px;
    font-size: 12px;}
.ProgressPercentage{ width:180px;margin:0 auto;}
.StartValue{ float:left; }
.EndValue{ float:right;}
.GradeValue{color:#764FB7; font-weight:bold;}
.RatingSummary,.Training{ padding:0px;}

.Sborder{border:1px solid #e3e3e3; border-radius:8px;}
td .CardStyle{ width:100%;}
.RatingSummary .CardStyle:nth-child(even) {
    margin-left: 17px;
}
.Training .CourseCard:nth-child(even),.Othercard:nth-child(even) {
    margin-left: 17px;
}
.Others { margin-bottom:10px;}
.Others p{ padding:0 15px;}
.Training h4{ margin:0 0 5px; padding:0 15px;}
.ScoreProgress .progress{ background:#e4e6e8; width:120px !important;}
.ScoreProgress .progress .progress-bar{ background:#764FB7;}
.ScoreBoard td{ width:auto !important; text-align:center;}
.ScoreBoard td span{ font-size:26px; font-weight:bold;  color:#764FB7; margin-bottom:5px;}
.ScoreBoard td label{ margin:0 !important;}
.EmployeeConfirmation{border: 1px solid #e3e3e3;
    width: 98%;
    margin: 0 auto 10px;
    padding: 14px; border-radius:5px;}
.EmployeeConfirmation .SignCol{ width:50%; float:left; margin:8px 0 0;}
.EmployeeConfirmation .SignCol span{ border-bottom:1px solid #a5a5a5; display:inline-block; width:80%;}
.SignName{ font-weight:bold; display:block; margin-bottom:5px;color: #3b5366;}
.MetStar{margin-top:5px;}
	.fa.fa-star{color:#ffd203;}
.footer{ background:#3a5264; position:relative; padding:10px; margin-top:20px; width:100%; float:left;}
.footer span{color:#fff; font-size:12px; font-style:italic; width:33%; display:inline-block;}
.Rating .progress-bar{ float:left;}
.Remaining{ height:8.5px; display:inline-block; vertical-align:top; background:#fff; border-top-right-radius:6px; border-bottom-right-radius:6px;}
.GridStructure.TabContent td,.GridStructure.TabContent th{width: 25%;text-align: left;}
.GridStructurefive.TabContent td,.GridStructurefive.TabContent th{width: 20%;text-align: left;}
.GridStructurefive .SectionHeader{border: 0px;padding-bottom: 0px;font-size: 16px;}
.TabStructure .InnerTable{border: 1px solid #e3e3e3;margin: 14px 14px 0px;border-radius: 8px;}
.TabStructure .InnerTable:last-child{margin-bottom: 14px;}
.GridStructurefive.TabContent{border-width: 1px;}
.NoRecords{color: #666666;font-size: 13px;}
.GridStructuresix.TabContent td,.GridStructuresix.TabContent th{width: 16.66%;text-align: left;}