/*
	Global Content Stuff
*/

html
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body
{
	color: #222a39;
	font-family: "Helvetica","Arial", sans-serif;
	font-size: 18px;
	background-color: #ececec;
	background-image: url('../images/Small_Lines.png');
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
.body_lightbox
{
	margin: 30px;
	background-color: #d2dada;
	background-image: none;
	overflow: hidden;
	width: 90%;
}
.content_wrapper
{
	padding-top: 40px;
	max-width: 960px;
	min-width: 320px; /* 960px */
	min-height: 100%;
	margin: 0 auto;
	margin-left: 10px;
	margin-right: 10px;
}

.lighbox_message_wrapper
{
	background-color: #d2dada;
	background-image: none;
	overflow: hidden;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	
	box-sizing: border-box;
	padding: 20px;
}

.lighbox_message_wrapper .title
{
	color: #222a39;
	font-family: "Helvetica","Arial", sans-serif;
	font-size: 24px;
	
	margin-bottom: 20px;
}

.lighbox_message_wrapper .label
{
	display: block;
	color: #222a39;
	font-family: "Helvetica","Arial", sans-serif;
	font-size: 16px;
	width: 430px;
	margin-bottom: 20px;
}

.lighbox_message_wrapper .button_wrapper
{
	width: 100%;
	display: block;
	text-align: center;
}

.button_wrapper .ok_button, .button_wrapper .second_button
{
	display: inline-block;
	font-family: "Helvetica","Arial", sans-serif;
	font-size: 14px;
	
	padding: 1px 10px 2px;
	border-radius: 3px;
	
	cursor: pointer;
}
.button_wrapper .ok_button
{
	color: #eae32c;
	background-color: #222a39;
}
.button_wrapper .second_button
{
	color:  #222a39;
	background-color: #eae32c;
	margin-left: 20px;
}


/*
   Header stuff that is always on the page - Register Stuff in login.css
*/
.header_wrapper
{
	height: 50px;
	width: 100%;  /*100%*/
	background-color: #222a39;
	z-index: 20;
	position: absolute;
 	overflow: hidden; 
 	min-width: 320px;

}

.logo
{
	text-indent: -500px;
	background-image: url('../images/LR_Logo.svg');
	background-repeat: no-repeat;
	height: 26px;
	width: 152px;
	display: inline-block;
	margin-left: 12.5px;
	margin-top: 12.5px;
	cursor: pointer;
	color: transparent;
}

.login_btn_wrapper
{
	 width: 97px;
	 height: 50px;
	 position: absolute;
	 right: 0px;
	 top: 0px;
	 color: #222a39;
	 background-color: #222a39; 	
	 z-index: 30;
}

.login_button
{
	border: solid 2px white;
	background-color: #eae32c;
	border-radius: 3px;
	height: 26px;
	width: 83px;
	margin-top: 10px;
	float: left;
	color: #222a39;
	font-size: 16px;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
}

.flag_selector_English
{
	margin-top: 17px;
	height: 13px;
	width: 22px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/language_flag/flag_en.png');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}


.flag_selector_Spanish
{
	margin-top: 17px;
	height: 13px;
	width: 22px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/language_flag/Spanish.png');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}

.flag_selector_German
{
	margin-top: 17px;
	height: 13px;
	width: 22px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/language_flag/German.png');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}

.flag_selector_Italian
{
	margin-top: 17px;
	height: 13px;
	width: 22px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/language_flag/Italian.png');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}

.flag_selector_French
{
	margin-top: 17px;
	height: 13px;
	width: 22px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/language_flag/French.png');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}

.flag_selector_EnglishUSA
{
	margin-top: 17px;
	height: 13px;
	width: 20px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/SVG_Flag/Flag_USA.svg');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}
.flag_selector_EnglishAUS
{
	margin-top: 17px;
	height: 13px;
	width: 20px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/SVG_Flag/Flag_AUS.svg');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}
.flag_selector_EnglishSA
{
	margin-top: 17px;
	height: 13px;
	width: 20px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/SVG_Flag/Flag_SA.svg');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}
.flag_selector_EnglishCA
{
	margin-top: 17px;
	height: 13px;
	width: 20px;
	position: absolute;
	right: 107px;
	top: 0;
	
	background-image: url('../images/SVG_Flag/Flag_CA.svg');
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: rgba(255,255,255,0.50);
	
	cursor:pointer;
}

.login_fields_wrapper
{
/* 	width: 574px; */
	position: absolute;
	right: -434px;
	top: 0px;
	height: 50px;
	-webkit-transition: all 1s; 
    transition: all 1s;
    z-index: 25;
    overflow:auto;
    text-align: right;
    margin-right: 10px;
}

.login_input
{	
	display: inline-block;
	margin-top: 11px;
	margin-right: 7px;
	text-indent: 7px;
	border-radius: 3px;
	height: 26px;
	width: 213px;
	border: none;
	color: #222a39;
}

.login_error_msg
{
	color: #eae32c;
	display: none;
	margin-right: 5px;
	font-size: 14px;
	
}


.login_sub_nav
{
	height: 32px;
	width: 100%;
	background-color: rgba(34,42,57,0.75);
	margin-top: 18px;
	position: absolute;
	top: 0;
	z-index: 10;	
	-webkit-transition: all 1s ease 1s; 
    transition: all 1s ease 1s;
    color: #ffffff;
    font-size: 14px;
    line-height: 32px;

}

.login_sub_nav_remember
{
	position: absolute;	
	right: 468px;
}
a.forgot_password_href
{
	color: white;
	text-decoration: none;
}
a.forgot_password_href,
a.forgot_password_href:visited,
a.forgot_password_href:hover,
a.forgot_password_href:active
{
	text-decoration: none;
	color: #ffffff;
}
.login_sub_nav_forgot
{
	text-decoration: none;
	position: absolute;
	right: 224px;
	cursor: pointer;
}

.remember_check
{
	margin-top:9px;
}


.main_menu
{
	min-height: 83px;
	line-height: 83px;
	width: 100%;
	background-color: rgba(34,42,57,0.75);
	margin-top: -34px;
	position: absolute;
	top: 0;
	z-index: 10;
	-webkit-transition: all 1s; 
    transition: all 1s;
  
    text-align: right;
}
.main_menu_button
{
	margin-right: 30px;
	position: relative;
	display: inline-block;
}	
.main_menu_label
{
	color: #eae32c;
	text-decoration: none;
	transition: all 0.2s ease;
}

.main_menu_label:hover
{
	color: #36b7a8;
}

.menu_wrapper
{
	position: absolute;
	right: 0;
	top: 0;
/* 	width: 500px; */
	text-align: right;
	
}

.welcome_label
{
	color: #ffffff;
	line-height: 50px;
	font-size: 18px;
	margin-right: 16px;
}

.welcome_user_label
{
	color: #eae32c;
	transition: all 0.2s ease;
	text-decoration: none;
}

.welcome_user_label:hover
{
	color: #36b7a8;
	text-decoration: none;
}

.menu_button
{
	margin-right: 10px;
	text-indent: -500px;
	width: 33px;
	height: 27px;
	background-image: url('../images/menu_button.png');
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	cursor: pointer;
	color: transparent;
	text-indent:9999px;
}

.pageTitle
{	
	font-size:38px;
	margin-bottom:50px;
	margin-top:50px;
}

.page_overlay {
	background: rgba(0,0,0,0.2);
	width: 100%;
	z-index: 299;
	top: 0;
	left: 0;
	position: fixed;
}

#modal_popup {
	background-color: #FFFFFF;
	position: absolute;
	z-index: 300;
	
	border: 0px solid transparent;
	border-radius:3px;
	
	/* For Safari 3.1 to 6.0 */
    -webkit-transition-property: left, right, top, bottom;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: left, right, top, bottom;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
   
}

#popup_close_btn {
	top: -1px;
	right: 0px;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-indent: .15em;
	content: "×";
	font-size: 1.75rem;
	line-height: 1.5rem;
	color: #eae32c;
	background: #222a39;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.close_wrapper
{
	background: url('../images/CloseX.svg') #222a39 no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	top: 10px;
}

.popup_cross
{
	background: url('../images/CloseX.svg') #222a39 no-repeat;
	height: 20px;
	width: 20px;
	background-position: center;
}

#view_rpt_iframe {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.popup_iframe
{
	border: 0px solid transparent;
	border-radius: 5px;
	background-color: transparent;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    
}

.footer_logo
{
	
}

/* .content_wrapper:after 
{
	content: "";
	display: block;
} */
.footer_wrapper
{
	width:100%;
	background-color: #222a39;
	height: 190px;
	position: relative;
	clear: both;
}
.footer_label
{
	position: absolute;
	top: 25px;
	left: 25px;
	color: #ffffff;
	font-size: 14px;
}
.footer_logo_icon
{
	position: absolute;
	bottom: 25px;
	left: 25px;
	height: 35px;
	width: 151px;
	background-image: url("../images/polarisoft_logo_white.png");
}
.footer_bottom_link
{
	position: absolute;
	bottom: 25px;
	right: 125px;
}
.footer_bottom_link,.footer_bottom_link a
{
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
.footer_bottom_link a
{
	margin: 0px 5px;
}
.footer_ccss_logo_icon
{
	position: absolute;
	bottom: 25px;
	right: 25px;
	width: 71px;
	height: 53px;
	background-image: url("../images/CCS_supplier.png");
}

.loading_icon
{
	max-height: 200px;
	max-width: 200px;
}

.loading_text
{
	max-width: 200px;
	color: #000000;
	font-family: "Myrid Pro", "Calibri", sans-serif;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.language
{
	cursor:pointer;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:  150px;
}

.language:hover
{
	background-color: #36b7a8;
}

.flagsTitle
{	
 	font-size: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 155px;
    text-align: center;
}

.flagsSubtitle
{
    font-size: 14px;
    margin: 20px auto 30px;
    width: 170px;
    
}

.flagAccount
{
	background-image: url("../images/language_flag/flag_en.png");
}


.select-style
{
	height: 27px;
	overflow: hidden;
	border-radius:3px;
	display:inline-block;
    background: url("../images/filter_dropdown_arrow.png") no-repeat 96% #fff;
    vertical-align: middle;
}

.select-style select 
{
	background: transparent;
	padding: 5px;
	font-size: 14px;
	line-height: 1;
	border: 0;
	border-radius: 3px;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select-style select:focus 
{
    outline: none;
}

.select_hider
{
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: inline;
}
.free_icon
{
	background: url('../images/Icon_Free.svg') no-repeat;
}

.pro_icon
{
	background: url('../images/Icon_Pro.svg') no-repeat;
}

.company_icon
{
	background: url('../images/Icon_Company.svg') no-repeat;
}

.headHide
{
	display: none;
	margin-top:0 !important;
	margin-left:0 !important;
	padding-left:0 !important;
	padding-top:0 !important;
/* 	width: 800px; */
}

.feedbackButton
{
	display: inline-block;
	float: left;
	z-index: 2;
	cursor: pointer;
	color: #000;
	margin-left: 24px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: #eae32c  1px solid;
	line-height: 21px;
	height: 19px;
	margin-top: 30px;
	padding: 0 9px;
	font-size: 14px;
	background-color: #eae32c;
	transition: all 0.2s ease;
}

.feedbackButton:hover
{
	color: #fff;
	background-color: #2fb5a7;
	border-color: #2fb5a7;
}

.popout_circle
{
	background: #36b7a8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	z-index: 999;
	position: absolute;
	right: -75px;
	top: 185px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	cursor: default;
	line-height: 20px;
}
.popout_circle span 
{
	font-weight: 700;
}

.hate_text
{
	margin-top: 18px;
	margin-bottom: 10px;
}

.love_text
{
	margin-top: 0px;
}

.footer_logo
{
	width: 150px;
	height: 25px;
	padding-right: 20px;
	float: right;
}

.select_flag_default
{
	width: 22px;
	height: 13px;
	margin-right: 3px;
}

.delete_prompt_title
{
	font-size: 34px;
	margin-bottom: 30px;
}

.delete_prompt_p
{
	font-size: 16px;
	margin-bottom: 10px;
}

.delete_prompt_bold
{
	font-weight: bolder;
	margin-bottom: 85px;
	font-size: 17px;
	letter-spacing: -1.1px;
}


.delete_prompt_button
{
	display: inline-block;
	font-family: "Helvetica","Arial", sans-serif;
	font-size: 14px;
	padding: 1px 10px 2px;
	border-radius: 3px;
	cursor: pointer;
	color: #eae32c;
	background-color: #222a39;
	width: 85px;
	height: 25px;
	line-height: 25px;
	float: left;
	margin-right: 30px;
	text-align: center;
}

.delete_prompt_trash_icon
{
	background: url('../images/Icon_Bin_Roundel.svg') no-repeat;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 70px;
	right: 60px;
}

.delete_prompt_wrapper
{
	background-color: #d2dada;
	background-image: none;
	overflow: hidden;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	
	box-sizing: border-box;
	padding: 25px;
}