/* 
	Main style css 
*/

* {
  -webkit-user-select: auto !important;
  -moz-user-select: inherit  !important;
  -ms-user-select: inherit  !important;
  user-select: auto  !important;
}

/* Common css */
.container{
	width:1170px;
}
html body .m-b-10{ margin-bottom:10px; }
html body .m-t-10{ margin-top:10px; }
html body .m-t-20{ margin-top:20px; }
html body .m-b-25{ margin-bottom:25px; }
html body .m-t-50{ margin-top:50px; }
html body .m-r-30{ margin-right:30px; }
html body .p-r-0{ padding-right:0; }
html body .p-l-0{ padding-left:0; }
html body .p-b-13{ padding-bottom:13px; }
html body .dt{ display:table; }
html body .dl{ display:inline-block; }
html body .op0{ opacity:0; }
html body .weight-600{ font-weight:600; }
body p{
	line-height:26px;
}
p {
    font-size: 17px;
}
input,select,textarea{
	border-width:1.5px!important;
}

/* header style */
#header{
	padding: 10px 0 0 0;
	background-color: #fff;
	z-index: 1;
	position: relative;
}

#header a.caward,
.hslinks span{
	font-size: 15px !important;
	color: #0CA789;
	line-height: 18px;
}

.asection .dropsection{
	position: absolute;
	right: 15px;
	bottom: 41px;
	top: 18px;
}

.asection .pmenu{
	position:absolute;
	right: 1px;
	width:250px;
	margin-top: 41px;
	background: #ffffff;
	display:none;
	padding: 10px 19px 40px 20px;
	-webkit-box-shadow: 0 24px 54px rgba(0,0,0,.15),0 4.5px 13.5px rgba(0,0,0,.08);
	box-shadow: 0 24px 54px rgba(0,0,0,.15),0 4.5px 13.5px rgba(0,0,0,.08);
}

.dropsection .pmenu ul{
	list-style:none;
	padding:0;
	margin: 0;
}

#pmenu .largecircle{
	width: 88px;
	height: 88px;
	border-radius: 55px;
	line-height: 84px;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}

.pmenu h3{
	font-size: 18px;
	text-align: left;
	color:#000000;
	margin: 14px 0 24px 0;
}

.pmenu a.close{
	position: absolute;
	top: 28px;
	right: 22px;
	font-size: 15px;
	color:#000000;
}

.dropsection .pmenu ul li{
	padding: 0 20px 0 20px;
}

.dropsection .pmenu ul li a{
	color:#000;
	font-size: 16px;
	font-weight: bold;
}

.main_wrapper .asection{
	position:relative;
}

/* Content style */
.main_wrapper{
	min-height: 100vh;
	position:relative;
}
.content-wrap{
	padding: 15px 0 40px;
	min-height: calc(100vh - 174px);
}
.content-wrap.login-pg {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}
.content-wrap .bg-img{
	background-image: url('../images/spie-goat.jpg');
	background-color:#E6E6E6;
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.1;
	bottom: 0;
	right: 0;
}
.content-wrap .our-mission{
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 1.2px;
	padding: 20px 0;
	margin-bottom: 15px;
}
.welcome .title,
.inst-wrap .inst-title,
.login-wrap .title,
.dept-goals .title{
	font-weight: 700;
	letter-spacing: 0.4px;
	font-size: 22px;
	line-height:26px;
}
.login-wrap .title{
	font-weight: normal;
	padding: 10px 0;
}
.inst-wrap .instruction,
.dept-goals .sub-txt{
	line-height: 26px;
	margin-bottom: 38px;
	font-size: 22px;
}
.dept-goals .goal-list{
	list-style: none;
	padding: 0;
}
.goal-list .dept-btn i{
	font-size: 12px;
	line-height: 19px;
	vertical-align: middle;
}
.goal-list li a.help{
	margin-left:10px;
}

.dept-goals .goal-list li{
	padding-left: 55px;
	margin: 3px 0;
	position:relative;
}
.content-wrap .card,
.content-wrap .review_wrap,
.content-wrap .fp-wrap,
.content-wrap .login-wrap{
	background: #fff;
	padding: 20px 28px;
	border-radius: 3px;
	box-shadow: 2px 12px 12px -2px rgba(0,0,0,0.3);
}
.login-wrap .start-btn{
	margin: 15px 0;
	font-size: 24px;
	padding: 12px 20px;
}
.login-wrap .btn-wrap{
	margin-top: 12px;
}

.underlinelink{
	text-decoration: underline;
}

.lform-wrap .fpass-link,
.fp-wrap a.returnlogin,
#authenticated_form a.returnlogin,
.login-wrap a.returnlogin,
#forgot_form a.cancel-btn{
	color: #0078D7;
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
}
.content-wrap .video-wrap{
	height: auto;
	margin-top: 40px;
}
.welcome .video-wrap{
	margin: 5px 0 20px;
}
.content-wrap .video-wrap iframe{
	height: 100%;
	width: 100%;
	border-radius: 3px;
}
.alert-success{ 
	font-size: 15px;
	line-height: 20px;
}
.alert-error p,
.alert-error{
	padding: 0;
	color: #ff0000;
	font-size: 15px !important;
	line-height: 20px;
}

.alert-error p{
	margin:0;
}
.login-wrap .period{
	font-size: 16px;
}
.logo_wrap img.logo{
	max-width:100%;
}
.logo_wrap img{
	width: 296px;
	padding: 15px 0 15px 0;
}

.loginalert {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(166,184,227,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(166,184,227,1);
	box-shadow: 0px 0px 5px 0px rgba(166,184,227,1);
	color:#EF2F37;
	padding: 14px;
}

.requiredsection{
	color:#ff0000;
}

/* Dashboard css */
#header .emp_info{
	text-align: right;
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 12px 0;
	letter-spacing: 0.3px;
	margin-right: 46px;
	line-height: 28px;
}
.emp_info .emp_title{
	font-weight:normal;
	font-size: 17px;
	display: block;
	line-height: 20px;
	min-height: 20px;
}
.plans-wrap .plans-list li a{
	color: #34495e;
}
.rside .slinks{
	float:right;
}

.slinks img{
	max-width:100% !important;
}

.plans-list .last_update{
	font-size: 14px;
	display: inline-block;
	margin-left: 5px;
	color: #6B6B6B;
}
.plans-wrap .plans-list li a:hover{
	text-decoration:underline;
}

.plans-list li i{
	margin-left: 15px;
}

/* Review plan page css */
.review_wrap .btn-wrap{
	padding-bottom: 25px;
}
.review_wrap .last_update{
	margin-top:-25px;
}
.goal-fields{
	overflow:auto;
}
.goal-fields .form-group{
	margin-bottom: 5px;
}
.goal-fields .form-group label{
	margin:0;
}

.goal-fields td{
	vertical-align:top;
}
.goal-fields td:first-child{ 
	width: 45px;
	font-size: 36px;
	padding: 10px;
}	
.goal-fields th.task{
	width:250px
}
textarea.tinymce,
.goal-fields td textarea{
	height:305px
}
.review_wrap  .add_goal,
.review_wrap  .maximum_limit{
	margin-bottom: 15px;
	display: block;
}
.review_wrap  .add_goal.task_limit,
#forgot_form,
.sb-card .sidebar li a.hide,
#rating_form,
.rtab .widget-title,
.spot_popup img.simage{
	display:none;
}

/* Sidebar css */
.content-wrap .sb-card{
	padding:20px 28px;
}
.sb-card .sidebar{
	list-style:none;
	padding:0;
	margin:0;
}
.sb-card .sidebar li{
	margin: 2px 0;
}
.sb-card .sidebar li a{
	display: block;
	padding: 3px 10px;
	color: #34495e;
}
.sb-card .sidebar li a:hover,
.sb-card .sidebar li a.active{
	background: #f5f5f5;
}

/* Rating page css */
.rating-wrap .title{
	font-size: 24px;
	margin-bottom: 15px;
}
.inst-wrap{
	margin-top: 24px;
}
.inst-wrap .instruction{
	font-size: 17px;
	line-height: 26px;
}
.rating-wrap .rating-tbl{
	line-height: 24px;
	font-size: 17px;
	margin-bottom: 30px;
	margin-top: 22px;
}
.rating-tbl .theading{
	text-align: center;
	font-weight: 700;
	font-size:16px;
	display: table;
	line-height: 21px;
    width: 100%;
}
.theading .rhead{
	display: table-cell;
	padding: 5px 0;
	width:50%;
	border-top: none;
}
.theading .rhead.seperate{
	width:20px;
	background-color:#b7b7b7;
}
.rating-tbl a{
	color: #4a4a4a;
    display: block;
}
.rating-tbl  .help{
	color: #fff;
	display: inline-block;
	font-size: 18px;
	margin-left: 5px;
	vertical-align: middle;
	text-align: center;
}
.rating-tbl .element{
	display: inline-block;
	text-decoration: underline;
}
.rating-tbl .action-btn{
	color: #5c6167;
	display: inline-block;
	padding: 0 5px;
	line-height: 21px;
	font-size: 25px;
	background: transparent;
	border: none;
	cursor: pointer;
}
.rating-tbl .action-btn i{
	vertical-align:middle;
}
.rating-tbl .rating{
	display:table;
	height: 43px;
}
.rating-tbl .goal_row .rating{
	height: 80px;
}
.rating .rt-wrap{
	display:table-cell;
    width: 50%;
	vertical-align: middle;
	padding-top: 6px;
	padding-bottom: 5px;
}
.rating .emp-rating,
.rating .svr-rating{
	display: inline-block;
	height: 40px;
	line-height: 38px;
	min-width:100px;
}
.rating .emp-rating .pending,
.rating .svr-rating .pending{
	background: #d8d8d8;
}
.rating .seperate{
	max-width:20px;
	background-color:#b7b7b7;
	display:table-cell;
	border: 1px solid #4a4a4a;
}

.rating .rate{
	font-size: 20px;
	font-weight: 700;
	padding: 6px 10px;
	display:block;
	line-height: 30px;
	height:100%;
}

/* Popup css */
.popup_wrap,
.exitintentpopup_wrap{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1040;
	background-color: rgba(0,0,0,0.8);
}
.popup_wrap .close-btn,
.exitintentpopup_wrap .close-btn,
.popup_wrap .close-btn_spot,
#comment .close-btn{
	position: absolute;
	right: -14px;
	top: -14px;
	display: inline-block;
	line-height: 23px;
	color: #ffffff;
	background: #0078d7;
	z-index: 99999;
	padding: 10px;
	border-radius: 100%;
	width: 45px;
	font-size: 12px;
	text-align: center;
}
.popup_wrap .popup,
.exitintentpopup_wrap .popup{
	margin: auto;
	z-index: 1050;
	height: 100%;
	display: table;
}
.popup .cell_wrap {
    display: table-cell;
    vertical-align: middle;
	position: relative;
}
.popup .popup_cont{
	position: relative;
	background:#fff;
	border-radius:6px;
	width: 800px;
	box-shadow: 0 0px 15px 5px #000;
	padding: 30px 20px 20px;
	max-width: 92vw;
	min-height: 150px;
}
.popup .popup_cont.plan_execution{
	min-height: 670px;
}
.popup_cont .popup_inner{
	overflow: auto;
	margin-right: -20px;
	padding-right: 20px;
}
.popup_cont.plan_execution .popup_inner{
	max-height: 78vh;
}

#exitIntentModal .popup_cont{
    width: auto !important;
}

.loader_wrap{
	position: absolute;
	top: calc(50% - 24px);
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

/* Rating form css */
.rform-wrap{
	margin-bottom:15px;
}
.rform-wrap .form-group{
	margin-bottom: 5px;
}
.rform-wrap .form-group label{
	margin-bottom: 5px;
    line-height: 20px;
}
.rform-wrap .rcheck{
	padding-right: 10px;
	font-size: 18px;
	cursor:pointer;
}
.rform-wrap .rcheck input{
	margin-right:3px;
}
.rform-wrap .form-section{
	padding: 10px 0;
}
.rform-wrap h5{
	font-size: 25px;
	margin: 0 0 5px;
}
.rform-wrap .fs-label{
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 7px;
}
.rform-title .r-more{
	display: inline-block;
	color:#4a4a4a;
	font-weight:normal;
	margin-left:5px;
	font-size: 16px;
}

h3.widget-title i{
	color: #008000;
	margin-right: 8px;
}

#sidebar .infocontent{
	color: #515151;
	padding-top: 15px;
}

.card .section-wrap {
	box-shadow:0 0 12px -2px rgba(0,0,0,0.3);
	padding:0;
}

/* Edit Profile */

.section-title{
	color: #000;
	text-transform: uppercase;
	padding: 5px 15px 5px 15px;
	margin-bottom: 12px;
}

.plan-ready .section-title,
.annualappraisal .section-title,
.profile .section-title,
.midarea .section-title,
.section-title.review-title,
.ninety_review .section-title{
	background: #D8D8D8;
}

a.help{
	background: #0CA789;
	border-radius: 100%; 
	color: #fff;
	height: 20px;
	width: 20px;
	display: inline-block;
	line-height: 14px;
	font-size: 18px;
	text-align: center;
}

a.help:hover{
	color: #fff;
}

.section-title .help{
	color: #fff;
	background: #0CA789;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	display: inline-block;
	line-height: 14px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 6px;
	text-align: center;
}

.section-title .help i,
a.help i {
  width: 21px;
  height: 21px;
  line-height: 18px;
}

.section-title .note{
	text-align: right;
	text-transform: none;
	font-size: 16px;
	line-height: 18px;
	margin-top: 5px;
}
.form-group .chk-wrap label{
	margin: 0 46px 0 0;
}
.form-group .chk-wrap input{
	margin-right:3px;
}

/* Footer style */
#footer{
	background: #fff;
	z-index: 1;
	position: relative;
	color: #4a4a4a;
	font-size: 20px;
	letter-spacing: 0.2px;
	text-align:center;
}
#footer a{
	color: #4a4a4a;
}
.rplan_slider button{
	box-shadow:none!important;
	height: auto;
}

.sign-off .form-group{
	display:inline-block;
	width:calc(50% - 5px);
	margin-bottom:0;
	padding-top: 5px;
	padding-left: 6px;
}
.sign-off .input_help{
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 17px;
	padding-top: 0;
}

.sign-off .form-group label{
	margin-bottom:3px;
	line-height: 22px;
}

.sign-off .ms-CheckBox{
	padding-left: 5px;
	padding-top: 9px;
}

.greenbutton{
	color: #000000;
	background-color: #F4F4F4;
	border-color: #8A8886;
}
.greenbutton:hover{
	color: #000000;
	background-color: #EAEAEA;
	border-color: #8A8886;
}

.tnc-wrap label{
	color: #ff3333;
	font-size: 18px;
	font-weight: 600;
	cursor:pointer;
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	margin: 10px 0 12px!important;
}
.tnc-wrap .tnc_check{
	margin-right:5px;
	cursor:pointer;
}
.tnc-wrap span.label{
	vertical-align: middle;
	display: inline-block;
	margin-left: 5px;
}
.goal-fields label{
	font-size: 18px;
	font-weight: bold;
}
.select2-container--default .select2-selection--multiple{
	height: 42px;
	border: 1.5px solid #bdc3c7 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	font-size: 15px;
	margin: 7px 3px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #0CA789;
	border:none;
	font-size: 15px;
}
.select2-container .select2-search--inline{
	margin:3px 0!important;
	padding:0;
}
.select2-results__option{
	font-size: 15px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color:#fff!important;
}
.select2-search{
	width:auto;
}
.rating-tbl .rt_cell{
	vertical-align: middle;
	display: block;
	height: 100%;
	line-height: 28px;
	padding: 5px 0;
}
.rating-tbl .goal_row .rt_cell{
	line-height: 20px;
	font-size: 16px;
	padding-right: 10px;
	min-height: 70px;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
}

.goal_row .goallist{ 
	padding-left:20px;
}

.rt_cell .r-more{
	text-decoration:underline;
	display:inline-block;
}
.goal-wrap .title{
	margin: 0 0 30px;
}
.goal-wrap .label,
.rating_slider .label{
	font-weight:600;
	font-size:22px;
	line-height: 25px;
}

.rating_slider .label{
	line-height: 24px;
	font-size:18px;
}

.goal-wrap .value,
.rating_slider .value{
	font-size:18px;
	margin-bottom:20px;
}

.goal-wrap .value p,
.rating_slider .value p{ 
	margin:0;
	line-height: 1.4;
}
.overall-rating.ele_content p{
	margin: 0 0 15px;
}

.plan_table .name{
	width:160px;
	text-align:left!important;
}
.plan_table .plan{
	width:165px;
}
#team_plan .plan_table .plan{
	width:100px;
}
#team_plan .plan_table th{
	font-size:14px;
}
#team_plan .plan_table td{
	font-size:15px;
	vertical-align: top;
}
.plan_table .plan a i{
	margin-left:15px;
	color:#34495e;
}
.plan_table tr th, 
.plan_table tr td {
	border:none;
}
/* Rating form css */
.r-tab-wrap .rlink-wrap{
	margin: 0;
	padding: 0;
	list-style: none;
	border-collapse:collapse;
}
.r-tab-wrap .rlink-wrap li{
	float: left;
	width: 124px;
	border:1px solid #4a4a4a;
	border-collapse:collapse;
	margin:0;
}
.rlink-wrap .rt-link{
	width: 100%;
	margin: 0;
	cursor: pointer;
	padding: 0;
	text-align: center;
	font-size: 22px;
	font-weight: 900;
	line-height: 43px;
	position:relative;
}
.rlink-wrap .rt-link input{
	opacity:0;
	position:absolute;
	z-index: -1;
}

.rt-link .selected,
.rt-link .unselected{
	position: absolute;
	right: 15px;
	bottom: 0;
	color: #fff;
	font-size: 22px;
	top: 0;
	vertical-align: middle;
	line-height: 40px;
}
.rt-link .selected{
	display: none;
}
.rlink-wrap .rt-link input:checked ~.selected{
	display: inline-block;
}

.rlink-wrap .rt-link input:checked ~.unselected{
	display: none;
}

.r-tab-wrap .tab-wrap{
	border:1px solid #4a4a4a;
	margin-bottom: 10px;
}
.tab-wrap .rtab{
	padding:10px 7px;
	font-size: 15px;
	line-height: 22px;
	text-align:justify;
	min-height:100px;
}
.rating_slider .rtab li{
	display:block
}
.rating_slider .rtab li:before{
	content: "\2022";
	margin-right: 8px;
}
.tab-wrap .rtab.active{
	display:block;
}

.infocontent h4.rating_label{
	margin:0;
}
.section_loader{
	top:0;
	position:absolute;
	left:0;
	right:0;
	background-color:rgba(255,255,255,0.4);
	height:100%;
	width:100%;
	text-align:center;
	display:none;
	z-index: 3;
}
.section_loader img{
    left: 0;
    position: absolute;
    right: 0;
    top: 44%;
	margin: 0 auto;
}
.tplan-outer{
	position:relative;
}
.form-group.inline label{ 
	display:inline-block;
	margin-right:5px;
}
.form-group.inline .udate{
	display: inline-block;
	font-size: 12px;
}
.form-group.inline input{
	display: inline-block;
	width: calc(100% - 50px);
	max-width:180px;
}
.form-group input.yrof-edu,
.form-group input.datepicker{
	max-width:110px;
}
/* Elements table css */
.rplan_slide .ele_content{
	overflow:auto;
}
.rplan_slide .ele_content table{
	width:100%; 
	border-collapse:collapse; 
}
.rplan_slide .ele_content table td{ 
	padding:7px; 
	border:#7F8C8D 1px solid;
	line-height:26px;
}
.infocontent table tr td:first-child,
.ele_content table tr td:first-child{
	width:33%;
}
/* provide some minimal visual accomodation for IE8 and below */
.rplan_slide .ele_content table tr,
.rplan_slide .ele_content table tr:nth-child(odd){
	background: #ECF0F1;
}

/*  Define the background color for all the EVEN background rows  */
.rplan_slide .ele_content table tr:nth-child(even){
	background: #BDC3C7;
}

/* Header Menu */ 
#header-menu ul li{
	display:inline-block;
	list-style:none;
}

#header-menu .menu{
	padding: 0;
	margin: 9px 0 0px 0;
}

#header-menu ul li a{
    color: #34495e;
	padding: 10px;
}

#header-menu ul li a:hover,
#header-menu ul li a.active{
	background: #0CA789;
	color: #fff;
}
#header-menu ul li a.disabled{
	background: transparent;
	cursor: not-allowed;
	color: #34495e;
	opacity: 0.6;
}
.goal-fields a.dgoal,
.form-section a.dgoal,
.form-section a.copysection{
	float:right;
	margin-right: 2px;
}
.chk-wrap .checkbox{
	display:inline-block;
}
.rplan_slider .prev_btn{
	margin-bottom:3px;
}

/* PDF page css */
.pdf_outer{
	position: absolute;
	width: 100%;
	top: 0;
	z-index: -6;
	opacity:0;
	color:#000;
}
.pdf_outer .pdf_data{
	background:#fff;
}

.pdf_data .seperator{
	min-height: 25px;
	background: #ffaa44;
}
.pdf_data .emp_info_wrap{
	padding:10px 0;
}
.pdf_data .emp_info{
	font-size: 15px;
	padding: 2px 0;
}

.asection .hslinks{
	display: block;
	text-align: right;
	line-height: 18px;
    padding-bottom: 10px;
    font-size: 0;
}

.asection .menu-section{
	cursor:pointer;
	border-radius: 54px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	margin: 25px 0;
	color: #ffffff;
	font-weight: bold;
	margin: 0 auto;
	display: table; 
	overflow: hidden;
}

.menu-section .section-inner{
    display: table-cell; 
    vertical-align: middle
}

.hslinks a{
	display:inline-block;
}

.pdf_data input{
	line-height:25px;
	padding:0 12px;
}
.pdf_data .container{
	width: 100%;
	max-width: 100%;
}
.pdf_data .review{
	height:auto;
	min-height:79px;
	border-width:1.5px;
}

/* Delete popup css */
.clear_popup .popup_cont,
.delete_popup .popup_cont,
.filter_popup .popup_cont{
	width: 400px;
	min-height: 230px;
}
.clear_popup h3.widget-title,
.claim_popup h3.widget-title,
.delete_popup h3.widget-title{
	text-align: center;
	margin-bottom: 10px;
}
.clear_popup .button-wrap,
.claim_popup .button-wrap,
.delete_popup .button-wrap{
	text-align: center;
	padding-top: 38px;
}
.clear_popup .button-wrap a,
.claim_popup .button-wrap a,
.delete_popup .button-wrap a{
	min-width: 100px;
}
.clear_popup .button-wrap a:first-child,
.claim_popup .button-wrap a:first-child,
.delete_popup .button-wrap a:first-child{
	margin-right:15px;
}
.nxt-wrap .gray{
	background:#CED2DA;
}
.dept_quote{
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}
.dept_quote p{
	display:inline;
}
.dept_pdf{
	line-height: 18px;
	padding: 10px 0;	
}
.dept_pdf p{
	line-height: 18px;
	margin-bottom: 5px;
}
.dept_quote i{
	vertical-align:top;
	font-size:13px;
	line-height:20px;
	width: 20px;
}

.goal-list .dinfo-wrap,
#spotaward .info-wrap{
	border:1px solid #bdc3c7;
	padding:5px 15px;
	border-top:none;
	border-radius: 0 0 3px 3px;
	width:100%;
}

.plan-list{
	overflow-y:auto;
}

#spotaward.spotaward{
	padding:0;
	margin: 0;
	border: 0;
	margin-bottom:15px;
}

.dept-goals .section-title,
#spotaward .section-title{
	line-height: 24px;
	text-align: left;
	width:100%;
	margin:0;
	border-radius: 3px 3px 0 0;
}

h3.widget-title,
.dept-goals .section-title,
#spotaward .section-title{
	background-color:#FFAA44;
}

.rplan_slide .nxt-wrap{
	position:relative;
}
.nxt-wrap .plink{
	display: inline-block;
	margin-right: 10px;
	text-decoration: underline;
	color: #8373c5;
	display:none;
}
.form-section .ele-list{
	margin: 0 -7px;
	padding: 0 0 7px;
	list-style: none;
}
.form-section .ele-list li{
	display: inline-block;
	margin: 0;
}
.form-section .ele-list li a,
.plan-header li a,
#filterOptions a{
	color: #7564f9;
	text-decoration: underline;
	padding: 0 7px;
	border-right: 1px solid #555
}

#filterOptions a{
	border-right: 0;
}

.form-section .ele-list li:last-child a{
	border-right:none;
}
.rating-tbl .ele-heading{
	padding-top: 10px;
	display: block;
	font-weight: 600;
	line-height: 30px;
}
.form-group label span.label{
	display: block;
	line-height: 20px;
	margin-top: 7px;
}
.ele-wrap .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked{
	color: #0CA789;
}
.hide-help{
	padding-top:12px;
}
.btn:focus{
	box-shadow:none!important;
}
.fp-msg{
	margin-top:30px;
}
.form-control[readonly],
.form-control[disabled]{
	color: #34495e;
}
.switch-btn{
	display: none;
	padding-bottom: 6px;
}

.switch-btn > span{
	display:block;
}
.switch-btn > span:first-child{
	color: #ff6363;
	line-height: 23px;
	margin: 10px 0;
}
.spot-link{
	display:block;
	color:#0CA789;
	font-size: 16px;
	text-decoration: none;
	text-align:center;
}

.spotlinks .spot-link{
	text-align:left;
}

.spot-link:hover{
	color:#0CA789;
}

a.whatnew {
    margin-bottom: 0;
    color: #0CA789;
    text-decoration: none;
	font-size: 14px;
	line-height: 24px;
}

div.spotlinks{
	padding-top: 0;
	display:table;
}

div.spotlinks .stlinks{
	display:table-cell;
	vertical-align:middle
}

.faqsection h3{
	font-size: 25px;
	margin-top: 0;
}

/* Spot-popup css */

.spot_popup label{
	margin: 0;
}
.spot_popup .remark-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
p.notes{
	line-height: 25px;
}
.spot_popup .remark-list li{
	display:block;
	margin-bottom:-2px;
	font-size:16px;
}
.spot_popup .remark-list .checkbox{
	display: inline-block;
	font-size: 16px;
	line-height: 17px;
}
.spot_popup .select2-container{
	border-width:1px;
}
.spot_popup .form-group{
	margin-bottom:8px;
}
.spot_popup select.multiselect{
	padding: 0;
	display: block !important;
	opacity: 0;
}

.spot_popup .formsection,
.formsection .saward,
.formsection .otheraward{
	display:none;
}

.otheraward ul.gbadge{
	padding:0;
}

.awardlist ul.awardlistul{
	padding:0;
	margin-bottom:0;
}

.awardlist ul.awardlistul li{
	line-height: 15px;
	list-style: none;
	display: inline-block;
	width: 145px;
	text-align: center;
	margin-right: 3px;
	vertical-align: top;
	margin-bottom: 20px;
}

.select2-choices li{
	width: auto !important;
}

.remark-list li{
	width:100% !important;
	text-align: left !important;
}

.awardlist ul li img{
	max-width:60px;
}

.awardlist ul li .award_title{
	color: #000;
	margin-top: 8px;
	font-size: 14px;
}

.text-count-wrapper {
    text-align: right;
    font-size: 15px;
}

/* Sport Award popup style*/
.form-group .custom-section{
	display:none;
}

.badge-section ul {
	padding:0;
}

.badge-section ul li{
	display:inline-block !important;
	text-align:center;
	position:relative;
	width: 120px;
}

.badge-section ul li img{
	width: 66px;
}

.badge-section ul li .ms-CheckBox{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index:9;
	left: 85px;
}

.remark-list li.custom-message{
	border: 1px #b2bcc5 solid;
	padding: 15px 8px 0 8px;
}

.form-group .image-section{
	position: absolute;
	right: 0;
	text-align: right;
	height: 100%;
	top: 0;
}

span.jobtitle{
	font-size: 20px;
}
.plan_table .sub-table{
	border-collapse:collapse;
}
.plan_table .sub-table tr{
	background:transparent!important;
}	
#team_plan .plan_table .sub-table tr td{
	font-size: 11px;
	height: 20px;
	padding: 3px 5px;
	line-height: 12px;
	padding-left: 0;
}

td.topalign{
	vertical-align:top;
}
.ms-CheckBox-field .ms-Label{
	color:#34495e;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height: 20px;
	vertical-align: top;
}
.rating_slider .slick-slide:last-child .save-btn[data-type="save_next"]{
	display:none;
}
.ms-Button{
	padding: 0px 16px;
	vertical-align: top;
	background: #fff;
	margin-bottom: 1px;
	line-height: 28px;
	font-weight: 600;
	text-align:center;
	padding-bottom: 2px;
}

.ms-Button:enabled:hover,
.popup_cont .ms-Button:hover,
.ms-Button:enabled:hover .ms-Button-label{
    background-color: #005A9E;
    border-color: #005A9E;
    color: #ffffff;
	transition: none !important;
}

.rplan_slider .ms-Button,
.rplan_slider .goal-fields,
.rplan_slider .tox-tinymce  {
	margin-right:1px;
}
.rating-tbl .border-b{
	border-bottom:1px solid #000;
}
.rating-tbl .border-t{
	border-top:1px solid #000;
}
.rating-tbl .border-l{
	border-left:1px solid #000;
}
.rating-tbl .border-l-0{
	border-left:0 !important;
}
.rating-tbl .border-r{
	border-right:1px solid #000;
}
.form-control[readonly]{
	background-color:#fff;
	opacity:1;
}
.sign-off .form-control[readonly]{
	background-color:#f0f1eb;
}
.rform-wrap .fs-label i{
   vertical-align: bottom;
	font-size: 25px;
	line-height: 26px;
}
.ms-Icon--Lightbulb{
	color: #fc1d3e;
	vertical-align: middle;
	font-size: 25px;
	line-height: 23px;
	font-weight: 900;
}

.form-section .plan-header,
.rating-wrap .plan-header{
	background:#ffffff;
	padding: 10px 16px;
	margin-bottom:10px;
}

.main_wrapper div.goback{
	margin-bottom: -15px;
	z-index: 9;
}

.plan-header .plan-year{
	font-size: 24px;
	color:#000;
	border-right: 2px #000 solid;
	height: 100%;
	display: table;
	width: 100%;
	margin-left: -9px;
	padding-right: 20px;
}

.plan-header .elementsection{
	padding-right: 20px;
	padding-left: 20px;
}

.plan-header ul.ele-list li a{
	border-right: 0;
	padding: 0;
}

.plan-header ul.ele-list li span,
.nonrated_list ul.ele-list li span{
	padding: 0 3px 0 5px !important;
}

.plan-header ul.ele-list,
.nonrated_list ul.ele-list{
	margin-left: 0;
	padding-left: 0;
	padding-bottom:0;
}

.plan-header ul.ele-list li,
.nonrated_list ul.ele-list li{
	display: inline-block;
	line-height: 24px;
}
.plan-header ul.ele-list li:last-child span,
.nonrated_list ul.ele-list li:last-child span{
	display:none;
}

.plan-header .htitle,
.nonrated_list .htitle{
	color:#000000;
}

.nonrated_list .htitle{
	display:block !important;
}

.plan-year>div{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.downloads li{
	line-height:20px !important;
	display: block !important;
}

.downloads li a{
	font-size:13px;
}

div.editappraisal{
	position: absolute;
	right: 0;
}

#year_filter.review-select,
#year_report.review-select{
	display: inline-block;
	width: auto;
	margin-left: 9px;
}

.plan-list .second_planinner,
.plan-list .third_planinner{
	display:none;
}

.plan-list a.planlink{
	text-decoration:underline;
	color:#000000;
}

#report_navigation .direction-icon{
	padding-left: 8px;
	vertical-align: middle;
}

#report_navigation .direction-icon i{
	font-weight: bold;
}

ul#report_navigation{
	list-style:none;
	background: #d9d9d9;
	padding: 14px;
}

ul#report_navigation li{
	display: inline-block;
	margin-right: 15px;
	border-right: 1px #000000 solid;
	padding-right: 18px;
	line-height: 18px;
}

ul#report_navigation li:first-child,
ul#report_navigation li:last-child{
	border-right:0
}

ul#report_navigation li a{
	color:#0CA789;
}

.plan-list .gbutton,
.green_button{
    border-style: none;
    background: #0CA789;
	color:#fff;
    padding: 5px 16px;
}

.plan-list .plist th{
	font-size:14px;
	line-height: 20px;
	text-align: center;
}

.plan-list table{
	margin-bottom:5px;
}

#team_plan .select2-container {
	width:400px;
	margin-bottom:6px;
}

#header>.container,
.plan_slider .rplan_slide{
	position:relative;
}

.plan_slider .rplan_slide{
	display:inline-block;
	text-align:center;
	padding-right: 5px;
	padding-bottom: 9px;
}

.plan_slider a{
	display:inline-block;
	position:relative;
}

#header .plan_slider{
	position: absolute;
	right: 420px;
	z-index: 9;
	max-height: 108px;
	min-height: 56px;
	width: 370px;
	overflow-x: hidden !important; 
	padding-left: 21px;
	padding-right: 21px;
}

.plan_slider .rplan_slide img{
	width:46px;
	opacity: 1;
}

.spotaward ul {
	padding:0;
	margin-bottom: 0;
}

.plan_slider .rplan_slide .clicked img{
	opacity: 1;
}

.plan_slider a i{
	position: absolute;
	bottom: -12px;
	right: -6px;
	font-size: 11px;
	color:#3b3a39;
}


#atitle h2 {
    margin: 0;
    font-size: 25px;
}

/* Help page */
.spot_headerpopup .spotpdf{
    display: inline-block;
	font-size: 15px;
}

.spotpdf i {
    margin-left: 6px;
	font-size: 18px;
}

.spot_headerpopup .pdfsection,
.spot_employeeheaderpopup .pdfsection{
	text-align:right;
}

.spot_headerpopup h4.headertitle,
.spot_employeeheaderpopup h4.headertitle{
	margin-top: 0;
	margin-bottom: 41px;
}

.spot_headerpopup .csection,
.spot_employeeheaderpopup .csection{
	position:relative;
	background: #dff6dd;
	border-radius: 19px;
	padding: 14px;
	margin-bottom: 20px;
	width: 90%;
	border: 2px #a70c02 solid;
}

.spot_headerpopup .csection img,
.spot_employeeheaderpopup .csection img{
	position: absolute;
	top: -41px;
	right: -46px;
	margin: 0 auto;
	max-width: 95px;
}

.csection .namesection{
	margin: 0 auto;
}

.namesection .row>div{
	border-left: 1px #000 solid;
	border-bottom: 1px #000 solid;
	text-align: center;
}

.namesection .row>div:first-child{
	border-bottom: 1px #000 solid;
	border-left: 0;
}

.csection .datesection{
	text-align: right;
	margin-right: 42px;
}


.spot_headerpopup  .popup_cont,
.spot_employeeheaderpopup .popup_cont{
	width: 950px;
	max-height: 710px;
}

.awardsection .tbar{
	background: #B75550; 
	color: #fff;
	padding: 5px 8px;
	font-size: 14px;
}

.awardsection h4{
	font-size: 22px;
	margin-bottom:0;
}

.awardsection .redeemsection{
	position:relative;
	width: 612px;
}

.awardsection p{
	font-size:15px
}

.awardsection label{
	margin-bottom:0;
}

.redeemsection .form-control{
	padding:0;
	max-width: 350px;
	display: inline-block;
}

.claim_inner .claim_item{
	list-style:none;
	display:inline-block;
	width: 245px;
	height: 252px;
	margin-right:20px;
	text-align: center;
	padding: 19px;
	margin-bottom:24px;
	height: 252px;
	vertical-align: top;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
}

.claim_inner .claim_item:hover img{
	opacity: 0.1;
}

.claim_inner .claim_item:hover .idescription{
	display:block;
}

.claim_item .idescription{
	position: absolute;
	z-index: 9;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color:#00000;
	display:none;
}

.idescription p {
    font-size: 16px;
}

.claim_inner .image-section{
	height:168px;
	position:relative;
}

.claim_inner .disable{
	background: #c8c8c8;
	border-radius: 4px;
	padding: 6px;
	cursor:not-allowed;
	color: #fff;
}

.claim_item .image-section img{
	max-height: 168px;
	margin-bottom: 7px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.image-section img{
	max-height:100%;
}

.claim_item #savepoint{
	background: #3c6;
    border-radius: 5px;
    width: 100%;
	margin: 0;
}

.cbutton:disabled,
.ms-Button:disabled  {
  background: #c8c8c8 !important;
  cursor: not-allowed !important;
}

.claim_inner .claim_item:last-child{
	margin-right:0;
}

.claim_section #filterOptions{
	padding:0;
}

.claim_section #filterOptions li{
	display:inline-block;
	margin-right:0;
	list-style:none;
	padding:0;
}

.claim_section #filterOptions span{
	margin-left: 6px;
	margin-right: 2px;
}

.redeemsection .claimbutton,
#savepoint {
    background: #0078d7;
    border-style: none;
    color: #fff;
    font-size: 15px;
    padding: 8px 22px;
    margin-left: 5px;
	cursor:pointer;
}

#savepoint {
	border-radius: 0;
	width: auto;
	height: 42px;
	top: 0;
}

#help .ui-state-active,
#help .ui-button.ui-state-active:hover {
	border: 1px solid #c5c5c5;
	background:#c5c5c5;
}

a.vpdf{
	color: #0CA789;
}

.execution_item a{
	text-decoration:underline;
	color:#8b83fb;
}

/* Plan comment section */
#comment {
    position: fixed;
    top: 0;
    z-index: 99;
    right: 0;
    background:#eeeeee;
    width: 350px;
	display:none;
	padding: 18px;
	box-shadow: 0px 0px 2px #888;
	padding-top: 68px;
}

#comment .close-btn{
	top: 5px;
	right: 10px;
}

#comment textarea {
    width: 100%;
    height: 150px;
    border-style: none;
    border: 1px #bdc3c7 solid;
	font-size:16px;
}

#comment input{
	border-style: none;
	background:#005A9E;
	color:#fff;
	padding: 4px 15px;
	font-size: 15px;
	cursor:pointer;
	margin-bottom: 4px;
}

.savesend select{
	margin-bottom: 4px;
}

#comment a.ncomment,
a.plan_comment  {
    background:#fff;
	border: 1px #eaeaea solid;
	color:#000;
	padding: 8px 20px 9px 18px;
	margin-bottom: 8px;
	font-size: 13px;
	box-shadow: 0px 0px 2px #888;
}

#comment a.ncomment{
	display: inline-block;
	height: 36px;
	line-height: 16px;
}

#comment a.ncomment i{
	vertical-align:middle;
	font-size:16px;
	margin-right:12px;
}

#comment h4 {
    font-weight: normal;
    font-size: 25px;
}

#comment .cform{
	display:none;
	margin-bottom:15px;
	margin-top: 10px;
}

#comment .newcomment{
	text-align:right;
}

.comment_loader{
	top:0;
	position:absolute;
	left:0;
	right:0;
	background-color:rgba(255,255,255,0.4);
	height:100%;
	width:100%;
	text-align:center;
	display:none;
	z-index: 3;
}
.comment_loader img{
    left: 0;
    position: absolute;
    right: 0;
    top: 44%;
	margin: 0 auto;
}

#updatecomment{
	list-style:none;
	padding: 0;
}

#updatecomment .username {
    font-weight: 400;
    font-size: 18px;
	margin-bottom: -4px;
}

#updatecomment>li>.username{
	line-height: 14px;
	margin-bottom: 5px;
}

#updatecomment .date{
	font-size: 14px;
	margin: 5px 0 0px 0;
}

#updatecomment p{
	color:#7f8c9a;
	font-size: 15px;
	line-height: 21px;
}

#updatecomment li{
	margin-top: 0px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 12px;
	margin-left: 12px;
	position: relative;
	padding-top: 4px;
}

#updatecomment>li{
	border-left:4px #8a8886 solid;
	padding-left:15px;
	margin-bottom:15px;
}

#updatecomment li:last-child{
	border-bottom: 0;
}

#ccontent{
	max-height: 78vh;
	overflow: scroll;
}

#comment .comment_section{
	margin-top: 16px;
}

.reply_section a {
    font-size: 15px;
}

#comment .rform .comm{
	height:65px;
}

ul.list_comment{
	list-style:none;
	padding:0;
}

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

#comment .error{
    color: #ed1c24;
    font-size: 14px;
    line-height: 25px;
}

a.plan_comment{
	margin-bottom: 0;
	display: inline-block;
	border: 1px #c4c4c4 solid;
	box-shadow: 0px 0px 1px 0px #c4c4c4;
	padding: 5px 9px;
	color:#2b579a;
	font-size: 16px;
}

.review_wrap .comment_section{
	text-align:right;
	padding-right: 1px;
	float:right;
}

.acsection #yearend{
	margin-bottom:15px;
}

a.plan_comment i{
    margin-right: 6px;
}

div.user_circle{
	position: absolute;
	color:#ffffff;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	left: -15px;
	top: 0px;
}

#updatecomment .pcomment{
	background: #eaeaea;
	padding: 8px;
}

.date a.dcomment{
	margin-left: 8px;
}

#eelement li:first-child a{
	padding-right:8px;
}

.have_question h6{
	margin-bottom:5;
	font-size: 21px;
}

.help .have_question{
	margin-bottom: 12px;
	position: absolute;
	right: 0;
	top: 0;
}

.help .label{
	display: inline-block;
	margin-right: 24px;
	text-align:center;
	line-height:24px;
}

.help .label:last-child{
	margin-right: 0;
}

.have_question .cicons{
	text-align:center;
}

.cicons a {
    font-size: 21px;
    color: #000000;
	margin-right: 10px;
}

.cicons a:last-child{
	margin-right: 0;
}

a.plan_comment:first-child{
	margin-left:5px;
}

a.plan_comment span{
    font-size: 14px;
    font-weight: bold;
}

a.plan_comment>span{
	margin-left:5px;
}

.spot_headerpopup .awardsection .redeemsection.noclaim{
	width:276px !important;
}

.spot_headerpopup .popup_cont.noclaim{
	width: 309px !important;
	min-height: auto !important;
	padding-bottom: 26px !important;
}

div.locked{
	box-sizing: border-box;
	margin: 0;
	padding: 2px 20px;
	box-shadow: none;
	font-family: Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	background-color: #f4f4f4;
	border: 1px solid #8A8886;
	cursor: pointer;
	display: inline-block;
	height: 32px;
	min-width: 80px;
}

div.locked.savecomplete{
	background:#bdc3c7;
}

#savecomplete{
	visibility:hidden;
}

div.number_wrapper{
	position: relative;
}

.paddingleft div.number_wrapper{
	padding-left: 40px;
}

span.number_process{
	position: absolute;
	left: 25px;
	top: 10px;
	border-radius: 100%;
	border: 1px #d74964 solid;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 22px;
	color: #d74964;
	font-size: 14px;
	cursor: pointer;
}

.number_wrapper .ms-CheckBox-field{
	margin-top: 4px !important;
}

.sign-off .instruction{
	padding: 1px 0 6px 0;
	font-size: 15px;
}

.awardlist div.hoverpopup{
	position: absolute;
	border: 2px #0CA789 solid;
	background: #ffffff;
	color: #000000;
	z-index: 9;
	padding: 19px;
	border-radius: 5px;
	margin-top: 2px;
	font-size: 16px;
	display: none;
	font-weight: normal;
	max-width: 458px;
	max-height: 80%;
	overflow-y: auto;
}

.awardlist div.hoverpopup p{
	line-height:24px;
	text-align:justify;
}

a.helptext:hover .hoverpopup{
	display:block;
}

.tab-wrap .rtab{
	display:none;
}

.tab-wrap .rtab:first-child{
	display:block;
}

.popup_cont .scroll-wrapper,
.popup_cont .scroll-wrapper > .scroll-content {
    position: unset !important;
}

h3.widget-title{
	border-radius: 6px 6px 0 0;
	color: #000;
	width:100%;
	font-size: 16px;
	margin: 0;
	padding: 12px 15px;
	text-transform: uppercase;
}

/* Popup */
.popup_inner h3.widget-title,
#comment h3.widget-title{
	position: absolute;
	left: 0;
	top: 0;
}

#comment h3.widget-title{
	border-radius:0;
}

.popup_cont .infocontent.havingheader,
.popup_inner .awardlist{
    margin-top: 32px;
}

.popup_cont .infocontent.havingheader{
	line-height: 1.3;
}

#elementyear_error,
#elementyear_perror{
	display:none;
}

.livechat a:last-child span{
	display:none;
}

div.readonly_text{
	height: 305px;
	border: 1px solid #ccc;
	padding: 12px;
}

.readonly_text .popup_inner{
	max-height: 305px !important;
}

.readonly_text p{
	line-height:26px;
}

#login_form label,
#authenticated_form label,
.fp-wrap label {
    line-height: 22px !important;
	margin-bottom: 0;	
}

#login_form i.fa-eye, 
#login_form i.fa-eye-slash{
    color: #000000 !important;
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 999;
    cursor: pointer;
    font-size: 14px;
    padding: 12px;
}

#sidebar.loginsection,
#fp-wrap{
	max-width: 383.33px !important;
	flex: 100% !important;
}

#createplan{
    color: #fff;
    font-size: 15px;
}

.noteditable .tox-menubar,
.noteditable .tox-toolbar,
.noteditable .tox-statusbar,
.rplan_slider div.hidesection{
	display:none !important;
}

.noteditable .tox-tinymce{
	border-top:0 !important;
}

/* Plan popup */
.plan_popup .popup_cont{
	max-width: 442px;
}

.hiddentask{
	height:0;
	position:absolute;
	z-index: -1;
	opacity: .01;
	display:none; 
}

.copyclip {
    color: green;
	font-size: 15px;
}

.copysection{
	clear:both;
	margin-top:8px;
	font-size: 18px;
}

.form-section a.dgoal {
    margin-bottom: 10px;
	font-size: 18px;
}

#header-menu{
	position:absolute;
	bottom:4px
}

.form-group .review_element{
	padding:0;
	list-style:none;
}

.form-group .review_element>li{
	margin-top:8px;
}

.rating-wrap .alert-success{
	margin-top: 24px;
}

.review_element li span,
.review_element ul li span{
	font-size:80%;
}

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

.green_button,
#tbutton,
#sbutton{
	cursor:pointer;
}

.third_planinner .viewfilter
{
	display:inline-block;
}

.third_planinner .dleftsection{
	width:480px;
}

.third_planinner .ms-Button,
.second_planinner .ms-Button{
	vertical-align:middle;
	margin-bottom: 4px;
}

.savefilter select{
	margin-left: 6x;
	width:300px
}

#savefilter {
    margin-right: 1px;
}

.dreport table tr td, 
.dreport table tr th {
    padding: 5px 10px !important;
}

select.year_report{
    width: 125px;
    margin: 0 10px;
    padding: 5px 10px;
    height: 36px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: none;
	color: #565656;
}

.dreport tr td:first-child {
    width: 360px;
    text-align: left;
}

.cosection{
	text-align:right;
	position:relative;
}

.cosection a.plan_comment{
	font-size: 12px;
	margin-top: 12px;
	margin-left: 0;
}

.cosection a.plan_comment span {
    font-size: 12px;
}

#yearform #year_report{
	width: 124px;
}

.planlink.active{
	font-weight:bold;
}

.dleftsection{
	display:none;
}

button.bottompart{
	float:right;
}

.viewfilter select,
.viewfilter a{
	display:inline-block;
}

.viewfilter #delete_view{
	display:none;
}

.limit_section {
    margin-top: 10px;
    font-size: 14px;
}

.cform {
	padding-top: 4px;
}

.cform  label{
	margin-right: 8px;
}

.cform  select{
    display: inline-block;
    width: 202px;
}

.dasection .goal-list{
	margin-bottom: 30px;
}

.ele-wrap .chk-wrap{
	margin-bottom: 15px;
}

.spotwrap.popup_wrap .popup .popup_cont{
	width:auto !important;
}

.spotwrap .button-wrap{
	text-align: center;
	margin-top: 15px;
}

.dreport .sub-level{
	list-style-type: none;
	padding:0
}

.comment_section a,
.comment_section button{
	vertical-align: middle;
}

.sendmail{
	text-align:right;
	padding-bottom:10px;
}

.supervisoremail{
	text-align:left;
}

.employeemail{
	text-align:right;
}

.performance_email label{
	margin:0;
	font-size: 16px;
}

.performance_email div{
	line-height:15px;
	font-size: 16px;
}

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

.performance_email .popup_cont{
	width:535px;
	max-width: 100%;
}

.performance_email textarea{
	height:210px;
}

.performance_email .email_container{
	padding-top:12px;
}

.hide_section{
	display:none;
}

select.previousplan{
	max-width:168px;
}

.duplicate_section select,
.duplicate_section button{
	display:inline-block;
}

.duplicate_section button{
	vertical-align:middle;
}

.helptextsection {
    font-size: 80%;
    line-height: 19px;
}

.smallsection small{
	font-size:80%;
}

.privatesection{
	display:none;
}

.privatesection p,
.privatesection label{
	margin-bottom:0;
}

.readonlyfield{
  pointer-events: none;
}

.pcomment .psection{
    font-size: 14px;
    color: #7f8c9a;
}

.midyear .bootstrap-switch,
.yearendswitch .bootstrap-switch,
.planswitch .bootstrap-switch{
    width: 137px;
	-webkit-mask-box-image:unset;
}

.midyear .bootstrap-switch-off > div,
.planswitch .bootstrap-switch-off > div,
.yearendswitch .bootstrap-switch-off > div {
    margin-left: -108px;
}

.midyear .bootstrap-switch > div,
.planswitch .bootstrap-switch > div,
.yearendswitch .bootstrap-switch > div {
	width: 335px;
}

.midyear .bootstrap-switch > div > span,
.planswitch .bootstrap-switch > div > span,
.yearendswitch .bootstrap-switch > div > span{
    width: 122px;
}

.midyear .bootstrap-switch-handle-off::before,
.planswitch .bootstrap-switch-handle-off::before,
.yearendswitch .bootstrap-switch-handle-off::before {
    left: 108px;
}

.plan-ready,
.midsection,
.goalsection,
.yearsection{
	position:relative;
}

.goalsection{
	padding-top: 18px;
}

.plan-ready .plan_comment,
.goalsection .plan_comment,
.yearsection .plan_comment,
.midsection .plan_comment{
	margin-bottom: 5px;
}

.plan-ready .comment_section,
.goalsection .comment_section,
.yearsection .comment_section,
.midsection .comment_section{
	position:absolute;
	top: -4px;
	right: 0;
}

.plan-ready .planswitch{
	padding-top: 36px;
	margin-top: 21px;
}

.midsection,
.yearsection {
    padding-top: 6px;
}

.goalsection h6{
	margin-bottom: 28px;
}

.plan-ready .plan_comment{
	top:48px;
}

.plan_readycomment{
	top:48px !important;
}

a.ceocomment{
	margin-right: 3px;
	background-color:#2980B9; 
	color:#fff; 
	border:1px solid #000;
}

div.pnotes{
	font-size:70%;
}

.widget-title.ratetite{
	background:none;
	padding-left: 0;
}

.spotaward a.viewall{
	font-size: 14px;
}

.strcounting {
  text-align: right;
  font-size: 14px;
}

.slick-next,
.slick-next:hover{
  right: -6px;
  opacity: 1;
  top: 35px;
}

.slick-prev,
.slick-prev:hover{
  left: -5px;
  opacity: 1;
  top: 35px;
}

.spotaward ul li{
    display:inline-block;
}

.spotaward ul li a{
	display:block;
}

.loadform {
  padding-right: 15px;
}

.copyrightSPIE {
  color: #505050;
  width: 158px;
  text-align: left;
}

.subtext2 {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

.toTopPage {
  width: 158px;
  text-align: right;
}

.toTopPageImage {
  margin-right: 5px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.toTopPageButtons {
  color: #505050;
  cursor: pointer;
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.bottomHalf {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 32px;
  margin-bottom: 30px;
}

#spotaward {
  text-align: center;
  border: 1px solid #49F;
  border-radius: 4px;
  padding: 18px;
  margin-bottom: 26px;
  margin-top: 28px;
}

#spotaward .info-wrap>div img{
	width:46px;
	opacity: 1;
}

#spotaward .info-wrap>div .clicked img{
	opacity: 1;
}

#spotaward a i{
	position: absolute;
	bottom: -12px;
	right: -6px;
	font-size: 11px;
	color:#3b3a39;
}

#spotaward .info-wrap>div{
	position:relative;
	display:inline-block;
	text-align:left;
	padding-bottom: 9px;
	width: 52px;
}

#spotaward a{
	display:inline-block;
	position:relative;
}

a.continuelink,
a.viewall{
	font-size: 16px;
}

.popupcont{
	max-height:100vh !important;
}

label a.help{
	vertical-align:middle;
}

.plan-ready .sign-off .form-group{
	padding-top: 5px;
}

.plan-ready .number_wrapper > div,
.midyear .number_wrapper > div {
	background: #ffffff;
	margin-bottom:8px;
	position:relative;
	border:1px solid #F3F3F3;
}

.plan-ready .number_wrapper > div,
.midyear .number_wrapper > div {
	border:1px solid #dee2e6;
}

.plan-ready .activebar .form-group,
.midyear .form-group,
.plan-ready .form-group,
.ssection .switch-btn{
  margin-bottom: 7px;
  padding-top: 5px;
  padding-left: 51px;
}

#notes{
	width: 99%;
}

.plan-ready .activebar img.checkmark,
.midyear .activebar img.checkmark{
	margin: auto;
}

.review_section{
	border: 1px solid #49F;
	border-radius: 4px;
	padding: 18px;
}

.claim .card > label {
  line-height: 22px;
}

.startplan>.form-group.m-r-30 {
	margin-right:10px;
}

.image_area {
  min-height: 60px;
}

.awardlist>label{
	line-height: 24px;
	margin-bottom: 26px;
}

.yearendswitch label {
  line-height: 25px;
}

.form-group.input_help,
.ssection .switch-btn{
	width:100% !important;
	max-width:100% !important;
}

.messagesection,
.imgsection{
	display:table;
	position:unset;
	margin-bottom: 0;
}

.messagesection  > div.msgsection,
.imgsection > div{
	display:table-cell;
	vertical-align:middle;
	padding: 9px 9px;
}

.messagesection label,
.input_help{
	padding-top: 5px;
	line-height: 17px;
	font-size: 14px;
}

.leftpadding{
	padding-left: 2px !important;
}

.width55 {
	width:65.5% !important;
}

.width40 {
	width:32% !important;
}

.activebar .form-group label{
	line-height: 20px;
}

.paddingleft span.number_process{
	left: 10px;
}

.ratesect.goback {
  z-index: 0 !important;
}

.editbutton button{
	margin-bottom:6px;
}

.planswitch.notoppadding{
  padding-top: 0;
}

.plan-ready .form-group label,
.midyear .form-group label{
	line-height: 1.2 !important;
}

.alertbuttonsection{
	padding-top:9px;
}

.tox-mbtn {
	display:block !important;
}

#stoggle {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  max-width: 137px;
  max-height: 35px;
  cursor:pointer;
}
body.login_body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.login_body .main_wrapper{
	display: table;
	width: 100%;
}
#login_form label,
.fp-wrap label,
#forgot_form label{
  font-size: 13px;
  line-height: 22px !important;
  margin-bottom:0;
}

#login_form .alert ,
.fp-wrap .alert ,
.lform-wrap .alert {
	margin-top: 30px;
}

#login_form input,
#forgot_form input,
.fp-wrap input{
  border-radius: 2px !important;
  height: 38px !important;
}

#login_form .fp-msg,
.login-wrap .fp-msg,
#forgot_form .fp-msg,
.fp-wrap .fp-msg{
	line-height: 20px;
}

#login_form .btn,
#forgot_form .btn{
    margin-bottom: 14px;
}

.lform-wrap .title,
.login-wrap .title,
.notesection{
  line-height: 20px;
}

.notesection{
	margin-top:5px;
	margin-bottom:0;
}

.awardsection  .sheader{
	width: auto !important
}

.pdfsection{
	margin-top:15px;
}

.pdfsection a{
	font-size: 14px;
}

.notactive,.notactive:hover{
	color:#ccc;
}

#authenticated_form .btn-wrap {
  text-align: center;
}

.fp-wrap a.returnlogin,
.login-wrap a.returnlogin{
	margin-top: 14px;
	text-align: right;
	display: inline;
	text-decoration: underline;
}

.rlogin_wrap{
	margin-bottom:6px;
}

.fp-wrap .rlogin_wrap{
	margin-top:14px;
}

.link_wrap {
  margin-top: 10px;
}

.link_wrap>div{
	display:inline-block;
	width: 62%;
	text-align:right;
}

.link_wrap>div a{
	display:inline !important;
}

.link_wrap>div:first-child{
	text-align:left !important;
	width: 36%
}

.form-section .duplicate_section{
	margin-bottom: 20px;
}

.dashboard2 .rside .slinks{
	float:none;
}

div.title_heading {
  font-weight: 700;
  letter-spacing: 0.4px;
  font-size: 22px;
  line-height: 26px;
}

.submission_wrap {
  margin-top: 28px;
}

.submission_wrap .submission_title {
  margin-bottom: 15px;
}

.submission_wrap .submission_item {
  background: #F0F2F5;
}

#spotaward, .submission_wrap .submission_item {
  text-align: center;
  border: 1px solid #49F;
  border-radius: 4px;
  padding: 18px;
  margin-bottom: 15px;
}

.submission_item .image_wrap {
  display: table-cell;
  vertical-align: middle;
}

.submission_item .text_section {
  text-align: left;
  line-height: 1.5;
} 

.claim_popup .popup_cont {
  max-width: 400px !important;
}

.claim_popup .button-wrap {
  text-align: center;
}

.slick-slide {
  padding-right: 8px;
}

.quickplan{
	font-size:80%
}

.quickplan td{
	vertical-align:top;
}

.team_plan .teamsection{
	display:inline-block;
	width: 45%;
	margin-right: 25px;
	vertical-align:top;
}

.team_plan .teamsection:last-child{
	margin-right: 0;
}

span.submissionleft{
	vertical-align: middle;
}

#comment .close-btn {
  position: absolute;
  line-height: 23px;
  padding: 5px;
  width: 32px;
  font-size: 9px;
  height: 32px;
}

.viewsection .viewplan{
	font-size: 20px;
	margin-right: 4px;
}

.rating-tbl i{
	vertical-align:middle;
}

a.getstarted{
	display:table;
	margin-top:8px;
}

.rplan_slide .form-section{
	position:relative;
}

.start_section{
  margin-top: 24px;
}

.start_section label{
	margin-right:5px;
}

.start_section input{
	display:unset;
}

div.help_urls {
  position: fixed;
  z-index: 9999;
  right: 14px;
  bottom: 7px;
  display:none;
}

.helpurl iframe{
	margin-top: 21px;
	border:0
}

.helpurl .popup_cont {
  min-height: 280px;
  width: 1050px;
}

.helpurl h3 {
  text-align: center;
}

a.adminedit {
  margin-left: 10px;
}

.rplan_slide li,
.popup_cont .infocontent li{
	line-height:26px !important;
	margin-bottom: 5px !important;
}

.ele_content p{
	line-height:26px;
}

/* added for popup window styles */ 
.TFtable { border-collapse: collapse; width: 100%; }
.TFtable td { vertical-align: top; border-bottom: 1px solid #ddd; padding: 18px 6px 14px 6px; }

.logout_popup .popup_cont{
	padding-top: 56px;
	width: 516px;
}

.logout_popupcontainer{
	margin-bottom: 10px;
}