/** @import url(http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css); **/
@import "variables.css";
/***** questionnaire layout [start] *****/
.assessment label{
	float:none;
	display:block;
	width:auto;
	text-align:left;
}
ul.optionsList{
	margin-bottom:0px;
}
.optionsList li{
	list-style-type:none;
	overflow:hidden;
}
.optionsList label{
	display:inline !important;
	font-weight:normal !important;
}
/***** questionnaire layout [end] *****/

/***** fixes for bootstrap [start] ****/
label span.required{
	color:#EE0000;
}
.errorMessage{
	color:#EE0000;
}

.btn.special.large{
	border-color:#bfd1d7;
	border-width:5px;
	vertical-align: middle;
}

.moduleSwitcher{
	float:right;
}
/***** fixes for bootstrap [end] ****/

/*** Clearfix ***/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

body {
	color: #333333;
	font-family: Arial;
	font-size: 14px;
}

.wrapper {
	margin: 0px auto;
	width: 960px;
}

/*** Header ***/
#header {
	height: 103px;
}

#logo {
	float: left;
	height: 76px;
	/*margin: 47px 0px 0px;*/
	/*width: 294px;*/
	margin-top: 25px;
	position: absolute;
}

#logo a:link,
#logo a:visited {
	/*background: url(../img/NEWlogo.png) no-repeat;*/
	display: block;
	height: 87px;
	text-indent: -9999px;
	width: 340px;
}

#user-menu {
	/*background: url(../img/icons/bubble-icon.jpg) no-repeat 0 50%;*/
	float: right;
	margin-top: 5px;
	/*padding: 3px 0px 3px 25px;*/
}
#user-menu  ul{
	 margin: 0 0 5px 25px;
}
#user-menu ul li {
	color: #000;
	display: inline;
	font-size: 12px;
}

#user-menu ul li a:link,
#user-menu ul li a:visited {
	/*color: #000;*/
	display: inline;
	text-decoration: none;
}

#user-menu ul li a:hover {
	/*color: #666666;*/
	text-decoration: underline;
}


/*** Main Menu ***/
#main-menu {
	height: 41px;
	margin-bottom: 42px;
}

#main-menu ul {
	height: 41px;
	position: relative;
	margin-left: -10px;
}

#main-menu ul li {
	background: url(../img/menu-sep.jpg) no-repeat scroll 100% 50%;
	display: inline;
	float: left;
}

#main-menu ul li.last {
	background: none;
}

#main-menu ul li a:link,
#main-menu ul li a:visited {
	display: inline;
	color: #fff;
	float: left;
	font-size: 16px;
	line-height: 41px;
	text-decoration: none;
	margin: 0px 24px;
	font-weight: bold;
}


#main-menu ul li.active a {
	background: url(../img/main-menu-hover-right2.jpg) no-repeat scroll 100% 0;
	color: #000;
	margin: -8px 1px 0px;
}


#main-menu ul li.active a span {
	background: url(../img/main-menu-hover-left2.jpg) no-repeat scroll 0 0;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 49px;
	padding: 0px 23px;
}
#main-menu ul li a:hover{
	background: url(../img/main-menu-hover-right2.jpg) no-repeat scroll 100% 0;
	color: #000;
	margin: -8px 1px 0px;
}

#main-menu ul li a:hover span{
	background: url(../img/main-menu-hover-left2.jpg) no-repeat scroll 0 0;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 49px;
	padding: 0px 23px;

}

#main-menu ul li ul {
	left: 0px;
	position: absolute;
	top: 100%;
	margin-left: 10px;
}

#main-menu ul li ul li {
	background: none;
	margin-top: 7px;
}

#main-menu ul li ul li a:link,
#main-menu ul li ul li a:visited {
	background: none;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	margin: 0px 1px;

}

#main-menu ul li ul li.active a,
#main-menu ul li ul li a:hover {
	background: url(../img/main-menu-sub-hover-right.jpg) no-repeat scroll 100% 0;
	color: #ff591b;
	font-weight: normal;
	margin:0 1px
}

#main-menu ul li.active ul li a span,
#main-menu ul li ul li a span {
	background: none;
	line-height: 27px;
	padding: 0px 17px;
}

#main-menu ul li ul li.active a span,
#main-menu ul li ul li a:hover span {
	background: url(../img/main-menu-sub-hover-left.jpg) no-repeat scroll 0 0;
line-height: 27px;
}

/*** Main ***/
#main {
	background: url(../img/main-bg.jpg) repeat-y;
}

#main .top {
	background: #0e7289 url(../img/top-bg.jpg) no-repeat;
	height: 40px;
	line-height: 40px;
	padding: 0px 17px;
}

#main .top h1 {
	color: #fff;
	margin-bottom: 0px;
	line-height: 40px;
    margin: 0;
	overflow: hidden;
    white-space: nowrap;
    font-size:27px;
}

#main .bottom {
	background: url(../img/bottom-bg.jpg) no-repeat;
	height: 115px;
}

/*upgrade trial*/
#main .bottom.clear.white {
	background: url(../img/bottom-white-bg.jpg) no-repeat;
}
#content.wide {	
	width: 926px;
}


#ix, #iy, #iz, #it, #io{  float:left;  }

#iw{ text-align:center; margin-top:20px; }

#ii{ width:788px;     margin: 0 auto; height:197px;}


.enterprise_call{
	margin-top: 115px;
    position: absolute;
    text-align: center;
    width: 130px;
}

#it{ }
#iz{ }
#iy{ }
#ix{ }
#io{ }
#ix img, #iy img, #iz img, #it img, #io img{
	border: 1px solid #fff;
	padding: 5px;
	margin: 12px;
}
#ix img:hover, #iy img:hover, #iz img:hover, #it img:hover,#io img:hover,#io img.hover{
	-moz-box-shadow: 1px 1px 25px #999;
	-webkit-box-shadow: 1px 1px 25px #999;
        box-shadow: 1px 1px 25px #999;
		border:1px solid #0E7289;
	 }

#ix img.active, #iy img.active, #iz img.active, #it img.active,#io img.active{
	-moz-box-shadow: 1px 1px 25px #999;
	-webkit-box-shadow: 1px 1px 25px #999;
        box-shadow: 1px 1px 25px #999;
		border:1px solid #0E7289;
	 }	 
#inactive-plan{
	position: absolute;
	z-index: 10;      
	height: 130px;
	background-color : #FFFFFF;
	opacity: 0.7;
	width: 175px;
}

#account-change-box{
	border-bottom: 2px solid #D4D4D4; 
	margin: 0 auto 25px; 
	padding: 25px; 
	width : 500px;
	height: 125px;
}

.upgrade_plan_list{
	width:788px;
	margin-left: 70px;
	font-weight: bold;	
}
.upgrade_plan_list td{	
	font-weight: bold;
	border:1px solid #FFFFFF;
	text-align:center;
	font-family: Tahoma;
}
.upgrade_plan_list td img{
	
}
.upgrade_plan_list tr.row-one, div.row-one{	
	background-color: #E4ECF3;	
}


.upgrade_plan_list tr.row-two, div.row-two{	
	background-color: #F8F8FF;
}
div.row-one, div.row-two{
	line-height: 38px;
	height: 38px;
	border: 1px solid #FFFFFF;	
	text-align: center;
}
div.row-one img, div.row-two img{
	margin-top: 12px;
}

.upgrade_plan_list td.y-header{	
	color: #FFFFFF;
	width: 150px;
	line-height: 14px;
}

.upgrade_plan_list td.x-header , div.x-header{	
	background-color: #0C5261;
    background-image: -moz-linear-gradient(center top , #1D99B3, #0C5261);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
div.x-header{
	line-height: 26px;	
}

table.upgrade_plan_list td.y-header.one{
	background-color:  #0C5261;	
}
table.upgrade_plan_list td.y-header.two{
	background-color:  #387E8D;	
}

.upgrade_plan_list.pasive{
	margin-left:0px;
	width:640px;
	color: gray;
}

.upgrade_plan_list.pasive tr.row-one{
	background-color: #EAEAEA;
}
.plan_header td.x-header{
	line-height:4px;
}

.upgrade_plan_list.pasive td.x-header{
	background-color: #064C5B;
	background-image: -moz-linear-gradient(center top , #C7C7C7, #696969);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.selected_plan_over{
	width:100px;
	height:484px;
	background-color: #FFFFFF;
	position: absolute;		
	z-index: 30;
	-moz-box-shadow: 1px 1px 20px 7px #999;
	-webkit-box-shadow: 1px 1px 20px 7px #999;
        box-shadow: 1px 1px 20px 7px #999;
	margin-top: -13px;
	font-weight: bold;
}
/*end*/

/*** Content ***/
#content {
	background-color: #fff;
	border-top: 3px solid #bfd1d7;
	float: left;
	min-height: 500px;
	padding: 27px 17px 0px;
	width: 646px;
}

/*** Sidebar ***/
#sidebar {
	background: #eeeeee url(../img/sidebar-bg.jpg) no-repeat;
	float: right;
	font-size: 12px;
	min-height: 500px;
	padding: 40px 28px 0px 37px;
	width: 215px;
}

#sidebar h3 {
	color: #0e7289;
	font-size: 16px;
	font-weight: bold;
}

/*** Footer ***/
#footer {
	background-color: #0e7289;
	min-height: 40px;
}

#footer p {
	color: #fff;
	font-size: 11px;
	line-height: 40px;
	margin: 0px;
	text-align: center;
}
#footer-menu{
	text-align: center;
	padding-top: 20px;
	margin: 0;
}
#footer-menu li{
	list-style: none;
	display: inline;
	color: #fff;
}
#footer-menu li a {
	color: #fff;
}

h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-family: Arial;
	font-weight: normal;
	margin-bottom: 0px;
}

h1 {
	font-size: 38px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

p {
	margin: 0 0 30px 0;
}
/*
andriy.dobush
fixes for tables cells
*/
.table-style {
	overflow: hidden;
	width:75px;
	white-space: normal;
	word-wrap: break-word;
	margin: 0 3px;
}

form#survey-form div.full_width div.table-style {
	width: 184px;
}

form#survey-form  div.table-style {
	width: 132px;
}

/*search label in head*/
form div#search label{
	position:absolute;
	top:8px;
	left:9px;
	color:#aaa;
	float : none;
	text-align : left;
	font-size: 16px;
	font-style: italic;
}

/*
Igor Martynyuk
fixes for form labels
*/
#account-form div.input {
	padding-top: 8px;
}

#account-form div.input input {
	margin-top: -8px;
}

#pop-up{
	z-index: -999;
	border: 1px solid #000000;
	text-align: center;
	bottom: 0px;
	position: fixed;
	right: 0px;
	min-width: 100%;
	height: 100%;
	display: none;
/*	
	background: url("../img/bg-popup.png") repeat;
*/
}

div.pop-up-main{
	width:250px;
	margin:350px auto;
	background: white;
	border-radius: 10px;
	height:60px;
	padding-top:40px;
	font-weight: bold;

}



/*** Start pricng page ***/
.pricing_table{
	width:940px;	
	color: #505050;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}

.pricing_table td{
	border-left: 1px solid;
	border-color:#D6DEE0;
	text-align: center;
	width: 126px;
	vertical-align: middle;
	border-top: 0;
	font-weight: bold;
}
.pricing_table td.first{
	border-left: 0px;
	text-align: right;
	color: #8F8E8E;
	width: 300px;
}
.pricing_table td.header-x{
	vertical-align: baseline;
}


.pricing_table .header-x span.plan-name, .most-popular-plan .header-x span.plan-name{
	color: #000000;
	font-size: 18px;
    font-weight: bold;
    margin-bottom : 10px;
    display: inline-block;
}
.pricing_table .title-chequed, .most-popular-plan .title-chequed{
	color: RGB(255,89,25);
	font-weight: bold;
	display: inline;
	font-size: 12px;
}
.pricing_table .title-reference, .most-popular-plan .title-reference{
	color: RGB(0,73,98);
	font-weight: bold;
	display: inline;
	font-size: 12px;
}
.pricing_table .price,.most-popular-plan  .price{
	color: #387E8D;
	margin-bottom : 10px;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
}

.pricing_table tr.row-one{
	background-color: RGB(227,235,237);
}

.setting_on {
	background:url("/res/img/score/score-1-1.0.png");
 	display: inline-block;
    height: 16px;
    width: 16px;
}


.most-popular-plan{
	margin-left: 518px;
    background-color: #FFFFFF;
    border: 1px solid #D6DEE0;
    font-weight: bold;
    margin-top: -20px;
    position: absolute;
    width: 150px;
    z-index: 30;
	text-align: center;
	color: #505050;
}

.most-popular-plan .header-x {
	height: 123px;
	background: url("../../../../res/img/self_provision/most-popular_1.png") no-repeat scroll 0 0 transparent;
	padding-top: 45px;
}

.most-popular-plan div.row-two {
    background-color: #FEFEFE;
}

.most-popular-plan .setting_on {
	margin-top: 10px;
}


/*** End pricng page ***/



/** manager pricing**/
div.plan-row {
	float:left;
	width: 140px;	
	position: relative;
}
div.settings-title{
	float:left;
	width: 224px;
}

div.settings-title ul {
    color: #8F8E8E;
    text-align: right;
    width: 204px;
	list-style: none outside none;
	margin: 0;
}

div.settings-title ul li{
	line-height: 18px;
	width: 204px;
	display: inline-block;
	padding: 10px 10px 9px;
	font-weight: bold;
	font-size: 13px;
}
.settings-title .empty{
	height: 180px;
}

div.settings-title ul li.row-one, div.plan-row ul li.row-one{
	background-color: RGB(227,235,237);
}
div.settings-title ul li.row-two, div.plan-row ul li.row-two{
	background-color: #FFFFFF;
}

div.plan-row ul{
    color: #8F8E8E;
    text-align: center;
    width: 119px;
	list-style: none outside none;
	margin: 0;	
}



div.plan-row ul li{
	line-height: 18px;
	width: 119px;
	display: inline-block;
	padding: 10px 10px 9px;
	font-weight: bold;
	font-size: 13px;
	height: 18px;
	vertical-align: middle;
	border-left: 1px solid #D6DEE0;
}

div.plan-row.most-popular{
	margin-left: -3px;
	z-index : 100;	
	margin-top: -15px;
}
div.plan-row.most-popular ul{    
    width: 148px;	
	border: 1px solid #D6DEE0;
}
div.plan-row.most-popular ul li{	
	width: 125px;
	height: 20px;
	line-height: 20px;	
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

div.plan-row ul li.header{
	height: 180px;
	/*background-color: #FFFFFF;*/
	border: 0 none;
    width: 120px;
	background: url("../img/pricing-vertical_separator200px.png") no-repeat scroll 0 0 #FFFFFF;
}
div.plan-row.most-popular ul li.header{
	height: 136px;
	background-color: #FFFFFF;	
    width: 128px;
	border: 0 none;
}


div.plan-row .title-chequed{
	color: RGB(255,89,25);
	font-weight: bold;
	display: inline;
	font-size: 12px;
}
div.plan-row .title-reference{
	color: RGB(0,73,98);
	font-weight: bold;
	display: inline;
	font-size: 12px;
}
div.plan-row .price{
	color: #387E8D;
	margin-bottom : 10px;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
}

div.plan-row span.plan-name{
	color: #000000;
	font-size: 18px;
    font-weight: bold;
    margin-bottom : 10px;
    display: inline-block;
}

.plan-row.most-popular .header{
	background: url("../../../../res/img/self_provision/most-popular_1.png") no-repeat scroll 0 0 transparent;
    padding-top: 45px;
}

div.plan-row:hover {
  position: relative;
  z-index: 100;
  left: -5px;
  top: -15px;
  box-shadow: 5px 0px 30px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 0px 30px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 0px 30px rgba(0,0,0,0.5);
}


.header-border{
	border: 0 none;
    margin-left: -70px;
    margin-top: -10px;
    position: absolute;
}

.plan-button{
	display: block;
    position: absolute;
    top: 111px;
	margin-left: 13px;
}

#save-print-settings {
	margin-top: 5px;
	color: white;
	font-weight: bold;
	padding: 5px 10px;
	background-image: none;
	border: none;
}

/**END**/

.delete_row_style {
    position: absolute;
    top: -7px;
    right: -7px;
}

div select{
	padding: 4px;
}

/** retention Reports Grid CSS**/
.retentionDashboard {
	display: grid;
	display: -ms-grid;
	margin:0px;
	min-height: 100vh;
	min-width: 100%;
	grid-row-gap: 20px;
	-ms-grid-rows: 30px 1fr ;
	-ms-grid-columns: 1fr;
	grid-template-rows: 30px 1fr;
	grid-template-areas: "header" "content";
}
.retentionDashboardContent {
	-ms-grid-row: 2;
	grid-area: content;
	min-width: 0;
}
.buttonRow {
	display: grid;
	display: -ms-grid;
	grid-area: header;
	-ms-grid-rows:	1fr ;
	-ms-grid-columns:	1fr 1fr ;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "leave dashboard";
	justify-items: left;
}
.buttonRow > .leftButton {
	justify-items: left;
	-ms-grid-column: 1;
	grid-area: leave;
}
.buttonRow > .rightButton {
	-ms-grid-column: 2;
	grid-area: dashboard;
	justify-items: right;
}

.retention_Summary {
	display: grid;
	display: -ms-grid;
	grid-area: content;
	-ms-grid-rows: 500px 100px auto;
	-ms-grid-columns:  1fr 1fr 1fr;
	grid-template-rows: 500px auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: "compare turnover asmt" "summary summary summary";
	grid-row-gap: 100px;
}
.summary_compare {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: compare;
}
.summary_terminate {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: turnover;
}
.summary_asmt_terminate {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: asmt;
}
.summary_summary {
	-ms-grid-row: 3;
	-ms-grid-column-span: 3;
	grid-area: summary;
}
/** retention End **/

.results, #forceCompleteResults {
	display: none;
}

.status_button {
	width: 100%;
	border-radius: 12px;
	display: inline-block;
	text-align: center;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}
.status_button.Completed {
	background-color: var(--success-text-color);
	border-color: var(--success-text-color);
}
.status_button.In-Progress {
	background-color: var(--info-text-color);
	border-color: var(--info-text-color);
}
.status_button.Expired, .status_button.Undeliverable {
	background-color: var(--theme-soft-coloud-70);
	border-color: var(--theme-soft-coloud-70);
}
.status_button.Sent, .status_button.New {
	background-color: var(--theme-shade-50);
	border-color: var(--theme-shade-50);
}
.status_new {
	background-color: var(--theme-shade-50);
	color: var(--theme-white) !important;
}
.status_started {
	background-color: var(--primary-button-color);
	color: var(--theme-white) !important;
}
.status_ready {
	background-color: var(--success-text-color);
	color: var(--theme-white) !important;
}