/* @group My Group */


input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}


::placeholder {
	color: #999;	
}
::-webkit-input-placeholder { /* Chrome */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #999;
  opacity: 1;
}


textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer; 
	*overflow: visible; 
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}


/* @end */


.form .form-readonly-value {
	font:  100% Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 9px 10px;
    border: 1px solid #eee;
    background: #eee;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #454748;
    display: block;
    float: left;
    box-sizing: border-box;
}

/* @group Form Styles */

/* FORMS
******************************************************/

.form-control {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	position: relative;
	
}
.form-control-submit {
	padding-top: 20px;
}
.form-control-submit input {
	display: block;
	float: left;
}
.form-control-submit .reset-button {
	background: none;
	border: none;
	text-decoration: underline;
	color: #e72f31;
	margin-top: 5px;
}

.form-control.two-rows input {
	clear: both;
	margin-bottom: 10px;
}
.form-control.one-row input {
	margin-bottom: 10px;
	margin-right: 20px;
}

.form .columns-1-2 {
	width: 50%;
}
.form .columns-1-1 {
	width: 100%;
}
.form .columns-1-3 {
	width: 33.33%;
}
.form .columns-2-3 {
	width: 66.66%;
}
.form .columns-side {
	width: 100%;
}
.form label {
	font-weight: bold;
}


.form-control span.required {
	color: #f00;
	padding-left: 2px;
}

.form-required>label:after {
	color: #f00;
	padding-left: 2px;
	content: '*';
}



.form select {

	display: inline-block;
	border: 1px solid #bed4db;
	padding: 8px 4px 7px 3%;

	width: 100%;
	font-size: 16px;
	line-height: 19px;
	height: 37px;
	font-weight: bold;
	color: #0869a2;
	background: #fff url(images/select-bg.png) top right !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
	text-indent: 0.01px;
	border-radius: 4px;
}
.form select option {
	font-size: 16px;
	font-weight: bold;
	color: #0869a2;
	outline: none;
}


input,
textarea {
	margin: 0;
	padding: 9px 10px;
	border: 1px solid #d6dee1;
	background: #fff;
/*	-webkit-border-radius: 4px;
			border-radius: 4px; */
	-webkit-background-clip: padding-box; 
			background-clip: padding-box;
	color: #454748;
	display: block;
	float: left;
	box-sizing: border-box;
}
input[type=checkbox],
input[type=radio] {
	padding: 0;
	border: none;
	background: none;
	-webkit-border-radius: 0;
			border-radius: 0;
}


.form {
	width: 100%;
	box-sizing: content-box;
}

label {
	box-sizing: border-box;
	padding: 8px 14px 0 0;
	margin: 0;

	display: block;
	margin-bottom: 3px;
	color: #595d5d;
	font-size: 14px;
	font-weight: normal;

}
.form input[type=submit] {
	font-size: 17px;
	line-height: 20px;
	height: auto;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	background: #19c0d3;
	border-radius: 3px;
	padding: 9px 25px 8px;
	border: none;
}

.form input[type=text],
.form textarea {
	width: 100%;
	box-sizing: border-box;

}

.form .socool_recaptcha_wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
}


.help-block {
	
    display: block;
    float: left;
    max-width: 100%;
    color: #000;
    font-size: 13px;
    padding: 10px;
    background-color: #0869a2;
    color: #000;
    width: 120px;
    position: absolute;
    border: none;
    margin-top: 44px;
    border-radius: 3px;
}
.help-block.form-error {
	color: #fff;
}
.help-block:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
/*      border-color: transparent transparent #22526a transparent;*/
      border-color: transparent transparent #0869a2 transparent;

      top: -16px;
      left: 10px;
      right: auto;
      pointer-events: none;
}


.socool-form-validate .help-block {
    display: block;
    /* min-width: 0; */
    max-width: 100%;
    width: auto !important;
    color: #000;
    font-size: 12px;
    padding: 1px 9px 0px 8px;
    background-color: #19C0D3;
    color: #000;
    position: absolute !important;
    border: 1px solid #19C0D3;
    margin-top: 0px;
    position: relative;
    border-radius: 3px;
    clear: both;
    font-weight: bold;
    margin-top: -22px;
    margin-left: 0;
    right: 9px;
    line-height: 16px;
}

.socool-form-validate .help-block.form-error {
	color: #fff;
}
.socool-form-validate .help-block:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
      border-color:  #19C0D3 transparent transparent transparent;

      top: 16px;
      right: 8px;
      left: auto;
      pointer-events: none;
}


.form .form-error-found {
	border-color: #19C0D3;
}



.form .form-description {
	display: block;
	float: left;
	
	font-size: 11px;
	line-height: 15px;
	color: #666;
	padding: 5px 0px 5px 5px;
	box-sizing: border-box;
	
}


.form-validate-email input {
	background: #fff url(images/form-icons.png) no-repeat left top;
	background-size: 32px 128px;
	padding-left: 35px;
}
.form-validate-phone input,
.form-validate-msisdn input {
	background: #fff url(images/form-icons.png) no-repeat left -40px;
	background-size: 32px 128px;
	padding-left: 35px;
	
}

.form-validate-date input {
	background: #fff url(images/form-icons.png) no-repeat right -86px;
	background-size: 32px 128px;
	padding-right: 35px;
	
}


.form .columns-side .form-input-wrap {
	width: 75%;
	float: left;
	display: block;
}
.form .columns-side label {
	width: 25%;
	float: left;
	display: block;
	text-align: right;
}

.form .columns-1-1 input[type=text],
.form .columns-1-1 textarea {
	width: 100%;

}

.form input.address-input-street2 {
	margin-top: 4px;
}
.form input.address-input-country {
	margin-top: 4px;
}
.form input.address-input-postcode {
	width: 49% !important;
	margin-right: 1%;
	float: left;
	margin-top: 4px;
}
.form input.address-input-city {
	width: 50% !important;
	float: left;
	margin-top: 4px;
}

.form input.name-input-first {
	width: 49% !important;
	margin-right: 1%;
	float: left;
	margin-top: 4px;
}
.form input.name-input-last {
	width: 50% !important;
	float: left;
	margin-top: 4px;
}

.form .form-control-upload .fileupload_container,
.form .form-control-upload ul.fileupload_container li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin: 8px 0 0 0;
}
.form .form-control-upload ul.fileupload_container li {
    width: 94%;
    border: 1px solid #ccc;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: none !important;
    overflow: hidden;
}
.form .form-control-upload .blue-filename {
    display: block;
    float: left;
    width: 100%;
}
.form .form-control-upload .socool-upload {
    background: #eee;
    display: block;
    float: left;
    width: 100%;
}
.form .form-control-upload .form-input-hidden {
    display: none;
}
.form .form-control-upload .uploaded_image img {
    width: 100%;
    height: auto;
}
.form .form-control-upload .delete_uploaded_file {
    display: block;
    float: left;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 5px;
    cursor: pointer;
}
.form .form-control-upload .uploaded_file {
    display: block;
    float: left;
    width: 65%;
}
.form .form-control-upload .uploaded_image {
    display: block;
    float: left;
    width: 30%;
}
.form .form-control-upload .socool-upload .progress-bar {
    display: block;
    float: left;
    width: 100%;
    height: 3px;
    background: #555;
}
.form .form-control-upload .form-upload-button {
    display: block;
    float: left;
    padding: 6px 12px;
    color: #fff;
    background: #19c0d3;
    border-radius: 3px;

}
.form .form-control-upload .form-file-info {
    padding: 5px 10px;
    
}
.form .form-control-upload .form-file-info-filename {
    font-weight: bold;
    margin-bottom: 5px;
}

.form .form-control-radio-option input {
	opacity: 0;
}
.form .form-control-radio .form-input-wrap {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
}
.form .form-control-radio-option {
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 10px 16px 0 0;
}
.form .form-control-radio-option label {
	width: auto;
	float: left;
	padding: 0 0 0 24px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
}
.form .form-control-radio-option label:before {
	content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #c3d7de;
 
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ecf2f0;
    border-radius: 8px;
    font-size: 18px;
    line-height: 16px;	




}
.form .form-control-radio-option.disabled label {
	opacity: 0.5;	
}

.form .form-control-radio-option.checked label:before {
    background-color: #19c0d3;
    border-color: #19c0d3;
    text-align: center;

}
.form .form-control-radio-option.checked label:after {
	content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid #19c0d3;
 
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #fff;
    border-radius: 3px;
	
    text-align: center;
}
.form .form-control-radio-option.checked label {
	color: #0869a2;
}




.form .form-control-checkbox-option input {
	display: none;
}
.form .form-control-checkbox .form-input-wrap {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
}
.form .form-control-checkbox-option {
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 10px 16px 0 0;
}
.form .form-control-checkbox-option label {
	width: auto;
	float: left;
	padding: 0 0 0 24px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
}
.form .form-control-checkbox-option label:before {
	content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #bed4db;
 
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ecf2f0;
    border-radius: 2px;
    font-size: 18px;
    line-height: 16px;	

}
.form .form-control-checkbox-option.checked label:before {
	
    content: "\2713";
    color: #f3f3f3;
    background-color: #19c0d3;
    border-color: #19c0d3;
    text-align: center;
}
.form .form-control-checkbox-option.checked label {
	color: #0869a2;
}




/* Separators */
.form .form-separator-space .form-control-checkbox-option,
.form .form-separator-space .form-control-radio-option {
	display: block;
	float: left;
}

.form .form-separator-widerspace .form-control-checkbox-option,
.form .form-separator-widerspace .form-control-radio-option {
	display: block;
	float: left;
	margin-right: 24px;
}
.form .form-separator-linebreak .form-control-checkbox-option,
.form .form-separator-linebreak .form-control-radio-option {
	clear: both;
}
.form-control-hidden {
	display: none;
}


/* Site specific customizations */

.form .columns-side label {
	font-weight: normal;
}





@media only screen and (max-width: 480px){

.form .columns-1-2 {
	width: 100%;
}
.form .columns-1-1 {
	width: 100%;
}
.form .columns-1-3 {
	width: 100%;
}
.form .columns-2-3 {
	width: 100%;
}
.form .columns-side {
	width: 100%;
}
.form .columns-side label {
	width: 100%;
	text-align: left;
	font-weight: bold;
}
.form .columns-side .form-input-wrap {
	width: 100%;
}
}









/* @group datepicker */
.xdsoft_datetimepicker{
	box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1506);
	background: #FFFFFF;
	border: 1px solid #fff;
	color: #333333;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 99999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	display:block;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	text-align:center;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}


/* @end */







/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 0px solid #000;
	background: #0B656F;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* @group Typeahead */
.typeahead-container button,
.typeahead-container input,
.typeahead-container optgroup,
.typeahead-container select,
.typeahead-container textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

.typeahead-container button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

.typeahead-container button,
.typeahead-container select {
    text-transform: none;
}


.typeahead-container button,
.typeahead-container input[type="button"], /* 1 */
.typeahead-container input[type="reset"],
.typeahead-container input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}


.typeahead-container button[disabled],
.typeahead-container input[disabled] {
    cursor: default;
}

.typeahead-container button::-moz-focus-inner,
.typeahead-container input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.typeahead-container input {
    line-height: normal;
}

.typeahead-container {
    position: relative;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.typeahead-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.typeahead-query {
    width: 100%;
}

.typeahead-filter {
    position: relative;
}

.typeahead-filter button {
    min-width: 66px;
}

.typeahead-field {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.typeahead-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
}

.typeahead-field > span {
    display: table-cell;
    vertical-align: top;
}


/*------------------------------------*\
    INPUT, BUTTON, A & DROPDOWN
\*------------------------------------*/

.typeahead-button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.typeahead-field input,
.typeahead-select {
    display: block;
    width: 100%;
/*    height: 32px; */
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555555;
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.typeahead-field input {
    -webkit-appearance: none;
    /*Bootstrap 4 override*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.typeahead-container .typeahead-field input {
    background: #fff;
}

.typeahead-container.hint .typeahead-field input {
    background: transparent;
}

.typeahead-container.hint .typeahead-field input:last-child,
.typeahead-hint {
    background: #fff;
}

.typeahead-container button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    height: 32px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.typeahead-container button:focus,
.typeahead-container button:active {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.typeahead-container button:hover,
.typeahead-container button:focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.typeahead-container button:active,
.typeahead-container button.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.typeahead-field input.disabled,
.typeahead-field input[disabled],
.typeahead-container button.disabled,
.typeahead-container button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border-color: #cccccc;
}

.typeahead-filter button,
.typeahead-button button {
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.typeahead-query {
    position: relative;
    z-index: 2;
}

.typeahead-filter,
.typeahead-button {
    z-index: 1;
}

.typeahead-container.filter .typeahead-filter,
.typeahead-filter:hover,
.typeahead-filter:hover,
.typeahead-filter:active,
.typeahead-filter:focus,
.typeahead-button:hover,
.typeahead-button:active,
.typeahead-button:focus,
.typeahead-button:focus button:focus,
.typeahead-button:active button:active {
    z-index: 1001;
}

.typeahead-list,
.typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow: hidden;
}
.typeahead-list li span.autocomplete-date {
	color: #777;
	font-size: 11px;
}
.typeahead-result.detached .typeahead-list {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto;
}

.typeahead-dropdown {
    right: 0;
    left: auto;
    z-index: 1001;
}

.typeahead-list > li:first-child {
    border-top: none;
}

.typeahead-list > li {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.typeahead-list > li > a,
.typeahead-dropdown > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

.typeahead-list > li > a:hover,
.typeahead-list > li > a:focus,
.typeahead-list > li.active > a,
.typeahead-dropdown > li > a:hover,
.typeahead-dropdown > li > a:focus,
.typeahead-dropdown > li.active > a {
    background-color: #ebebeb;
    color: #333;
}

.typeahead-list.empty > li > a:hover,
.typeahead-list.empty > li > a:focus,
.typeahead-list.empty > li.active > a {
    background-color: transparent;
}

.typeahead-list.empty > li > a {
    cursor: default;
}

.typeahead-list > li.typeahead-group > a,
.typeahead-list > li.typeahead-group > a:hover,
.typeahead-list > li.typeahead-group > a:focus,
.typeahead-list > li.typeahead-group.active > a {
    border-color: #9cb4c5;
    color: #305d8c;
    background-color: #d6dde7;
    cursor: default;
}

.typeahead-container.result .typeahead-list,
.typeahead-container.filter .typeahead-dropdown,
.typeahead-container.hint .typeahead-hint,
.typeahead-container.backdrop + .typeahead-backdrop {
    display: block !important;
}

.typeahead-container .typeahead-list,
.typeahead-container .typeahead-dropdown,
.typeahead-container .typeahead-hint,
.typeahead-container + .typeahead-backdrop {
    display: none !important;
}


/*------------------------------------*\
    EXTRA
\*------------------------------------*/

.typeahead-dropdown .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.typeahead-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.typeahead-search-icon {
    min-width: 40px;
    height: 18px;
    font-size: 13px;
    display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
}


/* @end */

.socool-block {
	display: block;
	float: left;
	width: 100%;
	min-height: 50px;
	background-size: cover;
	background-position: center;
	position:relative;
	box-sizing: border-box;
	z-index: 0;
}

.socool-color-overlay {
	display: block;
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

blockcontrol socooleditor {
	outline: 1px dashed rgba(55, 144, 255, 0.16) !important;
}

socooleditor {
	display: block;
	float: left;
	width: 100%;
}

.socool-block-anchor {
	position: absolute;
	top: -60px;
	display: block;
	float: left;
	width: 1px;
	height: 1px;
	background: none;
	
		
}

/* @group Blocks - background image fitting / layout */

.socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
	z-index: -1;
	background-repeat: no-repeat;
}
.socool-block-background-image div {
	display: block;
	float: left;
	position: absolute;
	background-size: cover;
	background-position: center center;
	z-index: -1;
	background-repeat: no-repeat;
}

.socool-background-cover .socool-block-background-image div,
.socool-background-cover .socool-block-background-image {
	background-size: cover;
	background-position: center center;
}
.socool-background-cover-left .socool-block-background-image div,
.socool-background-cover-left .socool-block-background-image {
	background-size: cover;
	background-position: left center;
}
.socool-background-cover-right .socool-block-background-image div,
.socool-background-cover-right .socool-block-background-image {
	background-size: cover;
	background-position: right center;
}
.socool-background-cover-top .socool-block-background-image div,
.socool-background-cover-top .socool-block-background-image {
	background-size: cover;
	background-position: center top;
}
.socool-background-cover-bottom .socool-block-background-image div,
.socool-background-cover-bottom .socool-block-background-image {
	background-size: cover;
	background-position: center bottom;
}

.socool-background-contain .socool-block-background-image div,
.socool-background-contain .socool-block-background-image {
	background-size: contain;
	background-position: center center;
}

.socool-background-fit-height-center .socool-block-background-image div,
.socool-background-fit-height-center .socool-block-background-image {
	background-size: auto 100%;
	background-position: center 0;
}

.socool-background-fit-height-left .socool-block-background-image div,
.socool-background-fit-height-left .socool-block-background-image {
	background-size: auto 100%;
	background-position: left 0;
}

.socool-background-fit-height-right .socool-block-background-image div,
.socool-background-fit-height-right .socool-block-background-image {
	background-size: auto 100%;
	background-position: right 0;
}

.socool-background-fit-width-top .socool-block-background-image div,
.socool-background-fit-width-top .socool-block-background-image {
	background-size: 100% auto;
	background-position: 0 top;
}

.socool-background-fit-width-bottom .socool-block-background-image div,
.socool-background-fit-width-bottom .socool-block-background-image {
	background-size: 100% auto;
	background-position: 0 bottom;
}



.socool-block-style-image-right .socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	z-index: -1;
}

.socool-block-style-image-right-66 .socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: 66%;
	height: 100%;
	top: 0;
	left: 34%;
	z-index: -1;
}

.socool-block-style-image-two-right .socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: auto;
	height: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 34%;
	z-index: -1;
	margin: 10px 10px 10px 0px;
	box-sizing: border-box;
}
.socool-block-style-image-two-right .socool-block-background-image-1 {
	position: absolute;
	left: 0;
	width: 50%;
	width: calc(50% - 5px);
	height: 100%;
	box-sizing: border-box;
}
.socool-block-style-image-two-right .socool-block-background-image-2 {
	position: absolute;
	right: 0;
	width: 50%;
	width: calc(50% - 5px);
	height: 100%;
	box-sizing: border-box;
}


.socool-block-style-image-left .socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.socool-block-style-image-left-66 .socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: 66%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}



.socool-block-style-image-full .socool-block-background-image {
	display: block;
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}


.socool-block-style-image-full .socool-block-text-wrap {
	display: none;
}

/* @end */

/* @group Blocks - text layouts */

.socool-block-style-full-text-left-bg-mobile .socool-block-text-wrap,
.socool-block-style-full-text-left .socool-block-text-wrap,
.socool-block-style-image-right .socool-block-text-wrap {
	display: block;
	float: left;
    width: 50%;
	box-sizing: border-box;
	padding-right: 15px;
}

.socool-block-style-image-two-right .socool-block-text-wrap,
.socool-block-style-image-right-66 .socool-block-text-wrap {
	display: block;
	float: left;
    width: 34%;
	box-sizing: border-box;
	padding-right: 15px;
}

.socool-block-style-full-text-right-bg-mobile .socool-block-text-wrap,
.socool-block-style-full-text-right .socool-block-text-wrap,
.socool-block-style-image-left .socool-block-text-wrap {
	display: block;
	float: right;
    width: 50%;
	box-sizing: border-box;
	padding-left: 15px;

}
.socool-block-style-image-left-66 .socool-block-text-wrap {
	display: block;
	float: right;
    width: 34%;
	box-sizing: border-box;
	padding-left: 15px;

}

.socool-block-style-full-text-top .socool-block-text-wrap,
.socool-block-style-image-bottom .socool-block-text-wrap {
	display: block;
	float: left;
    width: 100%;
}
.socool-block-style-image-bottom .socool-block-text-wrap,
.socool-block-style-image-top .socool-block-text-wrap {
	display: block;
	float: left;
	position: static;
	left: auto;
	top: auto;
}

/* @end */




.socool-block-banner-image-mobile {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	display: none;

	
	z-index: -1;
	
}

/* @group Blocks - minimum height classes */

.min-height-120 {
	min-height: 120px;
}
.min-height-240 {
	min-height: 240px;	
}
.min-height-260 {
	min-height: 260px;	
}
.min-height-280 {
	min-height: 280px;	
}
.min-height-300 {
	min-height: 300px;		
}
.min-height-320 {
	min-height: 320px;		
}
.min-height-330 {
	min-height: 330px;		
}
.min-height-340 {
	min-height: 340px;		
}
.min-height-350 {
	min-height: 350px;		
}
.min-height-360 {
	min-height: 360px;		
}
.min-height-380 {
	min-height: 380px;		
}
.min-height-400 {
	min-height: 400px;		
}
.min-height-420 {
	min-height: 420px;		
}
.min-height-480 {
	min-height: 480px;		
}
.min-height-600 {
	min-height: 600px;		
}


.socool-block-content {
	max-width: 1024px;
    margin: 0 auto;
    box-sizing: border-box;
}


.socool-block-style-image-top .socool-block-background-image {
	display: block;
	float: left;
    position: relative;
}

.socool-block-style-image-bottom .socool-block-background-image {
	display: block;
    float: left;
    position: relative;
}

.min-height-120.socool-block-style-image-top .socool-block-background-image {
	display: none;
}
.min-height-120.socool-block-style-image-top .socool-block-banner-image-mobile {
	display: block;
}
.min-height-120.socool-block-style-image-bottom .socool-block-background-image {
	display: none;
}
.min-height-120.socool-block-style-image-bottom .socool-block-banner-image-mobile {
	display: block;
}
.min-height-240.socool-block-style-image-bottom .socool-block-background-image {
	height: 240px;
}
.min-height-260.socool-block-style-image-bottom .socool-block-background-image {
	height: 260px;
}
.min-height-280.socool-block-style-image-bottom .socool-block-background-image {
	height: 280px;
}
.min-height-300.socool-block-style-image-bottom .socool-block-background-image {
	height: 300px;
}
.min-height-320.socool-block-style-image-bottom .socool-block-background-image {
	height: 320px;
}
.min-height-350.socool-block-style-image-bottom .socool-block-background-image {
	height: 350px;
}
.min-height-360.socool-block-style-image-bottom .socool-block-background-image {
	height: 360px;
}
.min-height-380.socool-block-style-image-bottom .socool-block-background-image {
	height: 380px;
}
.min-height-420.socool-block-style-image-bottom .socool-block-background-image {
	height: 420px;
}
.min-height-480.socool-block-style-image-bottom .socool-block-background-image {
	height: 480px;
}
.min-height-600.socool-block-style-image-bottom .socool-block-background-image {
	height: 600px;
}
.min-height-600.socool-block-style-image-bottom .socool-block-background-image {
	height: 600px;
}
.min-height-viewport-33.socool-block-style-image-bottom .socool-block-background-image {
	height: 33vh;
}
.min-height-viewport-50.socool-block-style-image-bottom .socool-block-background-image {
	height: 50vh;
}
.min-height-viewport-58.socool-block-style-image-bottom .socool-block-background-image {
	height: 58vh;
}
.min-height-viewport-66.socool-block-style-image-bottom .socool-block-background-image {
	height: 66vh;
}
.min-height-viewport-75.socool-block-style-image-bottom .socool-block-background-image {
	height: 75vh;
}
.min-height-viewport-100.socool-block-style-image-bottom .socool-block-background-image {
	height: 100vh;
}


.min-height-240.socool-block-style-image-top .socool-block-background-image {
	height: 240px;
}
.min-height-260.socool-block-style-image-top .socool-block-background-image {
	height: 260px;
}
.min-height-280.socool-block-style-image-top .socool-block-background-image {
	height: 280px;
}
.min-height-300.socool-block-style-image-top .socool-block-background-image {
	height: 300px;
}
.min-height-320.socool-block-style-image-top .socool-block-background-image {
	height: 320px;
}
.min-height-350.socool-block-style-image-top .socool-block-background-image {
	height: 350px;
}
.min-height-360.socool-block-style-image-top .socool-block-background-image {
	height: 360px;
}
.min-height-380.socool-block-style-image-top .socool-block-background-image {
	height: 380px;
}
.min-height-420.socool-block-style-image-top .socool-block-background-image {
	height: 420px;
}
.min-height-480.socool-block-style-image-top .socool-block-background-image {
	height: 480px;
}
.min-height-600.socool-block-style-image-top .socool-block-background-image {
	height: 600px;
}
.min-height-600.socool-block-style-image-top .socool-block-background-image {
	height: 600px;
}
.min-height-viewport-33.socool-block-style-image-top .socool-block-background-image {
	height: 33vh;
}
.min-height-viewport-50.socool-block-style-image-top .socool-block-background-image {
	height: 50vh;
}
.min-height-viewport-58.socool-block-style-image-top .socool-block-background-image {
	height: 58vh;
}
.min-height-viewport-66.socool-block-style-image-top .socool-block-background-image {
	height: 66vh;
}
.min-height-viewport-75.socool-block-style-image-top .socool-block-background-image {
	height: 75vh;
}
.min-height-viewport-100.socool-block-style-image-top .socool-block-background-image {
	height: 100vh;
}



.socool-block-background-image.socool-bg-left-40 {
	background-position: 40% bottom;
}

.socool-block-background-image.socool-bg-fit-height {
	background-size: auto 100%;
}

.socool-block-background-image.socool-bg-fit-width {
	background-size: auto 100%;
}

.socool-block-background-image.left-50p {
	left: 50%;	
	right: auto;
}

.socool-text-light h1,
.socool-text-light h2,
.socool-text-light h3,
.socool-text-light h4,
.socool-text-light p,
.socool-text-light b,
.socool-text-light strong,
.socool-text-light a {
	color: #fff;
}
.socool-text-light-dark h1,
.socool-text-light-dark h2,
.socool-text-light-dark h3,
.socool-text-light-dark h4,
.socool-text-light-dark p,
.socool-text-light-dark b,
.socool-text-light-dark strong,
.socool-text-light-dark a {
	color: #fff;
}
.socool-text-light-with-background h1,
.socool-text-light-with-background h2,
.socool-text-light-with-background h3,
.socool-text-light-with-background h4,
.socool-text-light-with-background p,
.socool-text-light-with-background b,
.socool-text-light-with-background strong,
.socool-text-light-with-background a {
	color: #fff;
}

/* TODO, populate these viewport styles with jQuery to px versions for better browser support! */

.min-height-viewport-33 {
	min-height: 240px;
	min-height: 33vh;
}
.min-height-viewport-50 {
	min-height: 360px;
	min-height: 50vh;
}
.min-height-viewport-58 {
	min-height: 420px;
	min-height: 58vh;
}
.min-height-viewport-66 {
	min-height: 500px;
	min-height: 66vh;
}
.min-height-viewport-75 {
	min-height: 600px;
	min-height: 75vh;
}
.min-height-viewport-100 {
	min-height: 720px;
	min-height: 100vh;
}

/* @end */

/* @group Blocks - paddings */

.socool-block-content-padding {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    z-index: 2;
}

/* Top */
.socool-padding-top-none .socool-block-content-padding {
	padding-top: 0px;
}
.socool-padding-top-xsmall .socool-block-content-padding {
	padding-top: 10px;
}
.socool-padding-top-small .socool-block-content-padding {
	padding-top: 30px;
}
.socool-padding-top-medium .socool-block-content-padding {
	padding-top: 60px;
}
.socool-padding-top-large .socool-block-content-padding {
	padding-top: 90px;
}
.socool-padding-top-xlarge .socool-block-content-padding {
	padding-top: 140px;
}
.socool-padding-top-xxlarge .socool-block-content-padding {
	padding-top: 200px;
}
.socool-padding-top-xxxlarge .socool-block-content-padding {
	padding-top: 240px;
}
	

.socool-padding-top-viewport-33  .socool-block-content-padding {
	padding-top: 300px;
	padding-top: 33vh;
}
.socool-padding-top-viewport-50 .socool-block-content-padding {
	padding-top: 400px;
	padding-top: 50vh;
}
.socool-padding-top-viewport-58 .socool-block-content-padding {
	padding-top: 450px;
	padding-top: 58vh;
}
.socool-padding-top-viewport-66 .socool-block-content-padding {
	padding-top: 500px;
	padding-top: 66vh;
}
.socool-padding-top-viewport-75 .socool-block-content-padding {
	padding-top: 550px;
	padding-top: 75vh;
}





/* Bottom */
.socool-padding-bottom-none .socool-block-content-padding {
	padding-bottom: 0px;
}
.socool-padding-bottom-xsmall .socool-block-content-padding {
	padding-bottom: 10px;
}
.socool-padding-bottom-small .socool-block-content-padding {
	padding-bottom: 20px;
}
.socool-padding-bottom-medium .socool-block-content-padding {
	padding-bottom: 30px;
}
.socool-padding-bottom-large .socool-block-content-padding {
	padding-bottom: 60px;
}
.socool-padding-bottom-xlarge .socool-block-content-padding {
	padding-bottom: 120px;
}

.socool-padding-bottom-xxlarge .socool-block-content-padding {
	padding-bottom: 240px;
}

/* Sides */
.socool-padding-sides-site .socool-block-content {
    
    margin: 0 auto;
}
.socool-padding-sides-sitenarrow .socool-block-content {
    max-width: 740px;
    margin: 0 auto;
}
.socool-padding-sides-site-medium .socool-block-content {
    
    margin: 0 auto;
}
.socool-padding-sides-site-large .socool-block-content {
    
    margin: 0 auto;
}
.socool-padding-sides-none .socool-block-content {
	max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.socool-padding-sides-small .socool-block-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 33px;
    padding-right: 33px;
}
.socool-padding-sides-medium .socool-block-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 90px;
    padding-right: 90px;
}
.socool-padding-sides-large .socool-block-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 148px;
    padding-right: 148px;
}


/* Text */

.socool-text-padding-none .socool-block-text {
	padding: 0px;
}
.socool-text-padding-xsmall .socool-block-text {
	padding: 10px;
}
.socool-text-padding-small .socool-block-text {
	padding: 20px;
}
.socool-text-padding-medium .socool-block-text {
	padding: 30px;
}
.socool-text-padding-large .socool-block-text {
	padding: 60px;
}




/* @end */




/* @group Blocks - column layout classes */


.socool-column {
	display: block;
	position: relative;
	float: left;
	margin: 0 3% 0 0;
}

/* TODO add javascript equal height for browsers not supporting flexbox */
.socool-columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.socool-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


.socool-column.last {	
	margin-right: 0;
}


.socool-3-columns {
	
}


.socool-col-1 { width: 5.5%; }
.socool-col-2 { width: 14%; }
.socool-col-3 { width: 22.5%; }
.socool-col-4 { width: 31%; }
.socool-col-5 { width: 39.5%; }
.socool-col-6 { width: 48%; }
.socool-col-7 { width: 56.5%; }
.socool-col-8 { width: 65%; }
.socool-col-9 { width: 73.5%; }
.socool-col-10 { width: 82%; }
.socool-col-11 { width: 90.5%; }
.socool-col-12 { width: 100%; margin: 0; }

/* @end */


/* @group Blocks - text block styles (border as separator, boxed ...) */

.socool-column-text {
	box-sizing: border-box;
	width: 100%;
	float: left;
	display: block;
}


.socool-columns-style-border-separated .socool-column {
	padding: 0px 0px 0px 0px;
	border-right: 1px solid rgba(0,0,0,0.1);
/*	min-height: 100%; */
	position: relative;
}
.socool-columns-style-border-separated .socool-column-text {
	padding: 0 10px 0 0;
}
.socool-columns-style-border-separated .socool-column.last {
	border-right: none;
}

.socool-columns-style-gradient .socool-column {
   background: linear-gradient(to bottom, rgba(30, 87, 153, 0.15) 0%,rgba(0,0,0,0) 100%);
}

.socool-columns-style-gradient .socool-column-text {
	padding: 16px;
}


.socool-columns-style-border-boxed .socool-column .contentarea {
	position: relative;
	z-index: 1;
}

.socool-columns-style-border-boxed .socool-column {
   border: 1px solid rgba(0,0,0,0.1);
	
}
.socool-columns-style-border-boxed .socool-column-text {
	padding: 16px;
}


.socool-col-2:after {
   left: -8%;
   width: 110%;
}
.socool-col-3:after {
   left: -6%;
   width: 107%;
}
.socool-col-4:after {
   left: -5%;
   width: 105%;
}
.socool-col-5:after {
   left: -4%;
   width: 104%;
}
.socool-col-6:after {
   left: -3%;
   width: 103%;
}
.socool-col-8:after {
   left: -1.8%;
   width: 101.8%;
}


.socool-style-border-separated .socool-column {
	border-right: 1px solid rgba(0,0,0,0.07);
	min-height: 100%;
}
.socool-style-border-separated .socool-column-text {
	padding: 0px 10px 0px 0px;
}
.socool-style-boxed-gradient .socool-column-text {
	padding: 16px 10px;
	min-height: 100%;
	background: linear-gradient(to bottom, rgba(30, 87, 153, 0.15) 0%,rgba(0,0,0,0) 100%);
	margin: 20px 0 20px 0;
}

/* @end */

.last .socool-column-text {
	border-right: none;
}



.socool-block .socool-block-text {
	float: left;
    width: 100%;	
    box-sizing: border-box;
   }







/* @group Picture as box */
.socool-picture-as-box-left,
.socool-picture-as-box-right {
	min-height: 380px;
}

.socool-picture-as-box-left .text-box,
.socool-picture-as-box-right .text-box {
	display: block;
	float: left;
	position: static;

    paddin-top: 60px;
    width: 50%;

    padding: 60px 0 30px 0;
    margin: 0;
}
.socool-picture-as-box-left .text-box {
	float: right;
	
}


.socool-picture-as-box-left .text-box .text-box-text {
	float: left;
	padding-left: 30px;
}
.socool-picture-as-box-left .socool-block-image,
.socool-picture-as-box-right .socool-block-image {
	display: block;
	float: left;
	
	position: absolute;
	width: 50%;
	height: 100%;
	left: 50%;
	background-size: cover;
	background-position: center;
}

.socool-picture-as-box-left .socool-block-image {
	left: 0;
}

/* @end */




.text-box-text {
	display: block;
	float: left;
	width: 100%;
}

/* @group 3D arrows next previus  */


/*

<div class="prevPagination">
	<div class="prev">
		<p>prev</p>
		<div class="back"></div>	
		<div class="front"></div>
	</div>
</div>

*/

.3d-arrows .nextPagination{
	width: 90px;
	position: fixed;
	right: 0;
	height: 100%;
}
.3d-arrows .next{
	position: fixed;
	right: 0px;
	top: 50%;

}
.3d-arrows .next a.pagination{
	display: block;
	width: 140px;
	height: 90px;
}
.3d-arrows .next .back{
	width: 60px; height: 15px;

	background: #5CC1E4;
	background: -moz-linear-gradient(left, #5cc1e4 0%, #4ca0bd 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5cc1e4), color-stop(100%,#4ca0bd));
	background: -webkit-linear-gradient(left, #5cc1e4 0%,#4ca0bd 100%);
	background: -o-linear-gradient(left, #5cc1e4 0%,#4ca0bd 100%);
	background: -ms-linear-gradient(left, #5cc1e4 0%,#4ca0bd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cc1e4', endColorstr='#4ca0bd',GradientType=1 );
	background: linear-gradient(left, #5cc1e4 0%,#4ca0bd 100%);


	-moz-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 26.6deg);
	-webkit-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 26.6deg);
	-o-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 26.6deg);
	-ms-transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 26.6deg);
	transform: scale(1) rotate(0deg) translate(-15px, 0px) skew(0deg, 26.6deg);
	
	box-shadow: 0px 30px 10px rgba(0,0,0,.1);
}

.3d-arrows .next .front{
	width: 60px; height: 15px;
	
	background: #f8f8f8;
	background: -moz-linear-gradient(left, #f8f8f8 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8f8f8), color-stop(100%,#e2e2e2));
	background: -webkit-linear-gradient(left, #f8f8f8 0%,#e2e2e2 100%);
	background: -o-linear-gradient(left, #f8f8f8 0%,#e2e2e2 100%);
	background: -ms-linear-gradient(left, #f8f8f8 0%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e2e2e2',GradientType=1 );
	background: linear-gradient(left, #f8f8f8 0%,#e2e2e2 100%);
	
	-moz-transform: scale(1) rotate(0deg) translate(-15px, 15px) skew(0deg, -26.6deg);
	-webkit-transform: scale(1) rotate(0deg) translate(-15px, 15px) skew(0deg, -26.6deg);
	-o-transform: scale(1) rotate(0deg) translate(-15px, 15px) skew(0deg, -26.6deg);
	-ms-transform: scale(1) rotate(0deg) translate(-15px, 15px) skew(0deg, -26.6deg);
	transform: scale(1) rotate(0deg) translate(-15px, 15px) skew(0deg, -26.6deg);
	
	box-shadow: 0px 25px 10px rgba(0,0,0,.1);
}
.3d-arrows .nextPagination p{
	color: #fff;
	font-size: 30px;
	opacity: 0;
	-moz-transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	-webkit-transform: scale(1) rotate(-45deg) translate(-80px, -10px) skew(18.5deg, 18.5deg);
	-o-transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	-ms-transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	    
	text-shadow: -1px 1px 0px #f9f9f9,
				-2px 2px 0px #f9f9f9,
				-3px 3px 0px #f9f9f9,
				-4px 4px 0px #f9f9f9,
				-5px 5px 0px #f9f9f9,
				-6px 6px 0px #f9f9f9,
				-7px 7px 0px #f9f9f9,
				-8px 8px 0px #f9f9f9,
				-9px 9px 0px #f9f9f9,
				-10px 10px 0px #f9f9f9,
				-11px 11px 0px #f9f9f9,
				-12px 12px 0px #f9f9f9,
				-30px 30px 10px rgba(0,0,0,.1)
	;
}

.3d-arrows .nextPagination:hover p{
	opacity: 1;
	-moz-transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	-webkit-transform: scale(1) rotate(-45deg) translate(-55px, -10px) skew(18.5deg, 18.5deg);
	-o-transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	-ms-transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
	transform: scale(1) rotate(-45deg) translate(-60px, -10px) skew(18.5deg, 18.5deg);
}
.3d-arrows .prev{
	position: fixed;
	left: 0px;
	top: 50%;
}
.3d-arrows .prevPagination{
	width: 140px;
	position: fixed;
	left: 0;
	height: 100%;
}
.3d-arrows .prev .back{

	width: 60px; height: 15px;
	
	background: #5cc1e4;
	background: -moz-linear-gradient(left, #4ca0bd 0%, #5cc1e4 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4ca0bd), color-stop(100%,#5cc1e4));
	background: -webkit-linear-gradient(left, #4ca0bd 0%,#5cc1e4 100%);
	background: -o-linear-gradient(left, #4ca0bd 0%,#5cc1e4 100%);
	background: -ms-linear-gradient(left, #4ca0bd 0%,#5cc1e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca0bd', endColorstr='#5cc1e4',GradientType=1 );
	background: linear-gradient(left, #4ca0bd 0%,#5cc1e4 100%);

	
	-moz-transform: scale(1) rotate(0deg) translate(15px, 0px) skew(0deg, -26.6deg);
	-webkit-transform: scale(1) rotate(0deg) translate(15px, 0px) skew(0deg, -26.6deg);
	-o-transform: scale(1) rotate(0deg) translate(15px, 0px) skew(0deg, -26.6deg);
	-ms-transform: scale(1) rotate(0deg) translate(15px, 0px) skew(0deg, -26.6deg);
	transform: scale(1) rotate(0deg) translate(15px, 0px) skew(0deg, -26.6deg);
	
	box-shadow: 0px 25px 10px rgba(0,0,0,.1);
}

.3d-arrows .prev .front{
	width: 60px; height: 15px;

	background: #e2e2e2;
	background: -moz-linear-gradient(left, #e2e2e2 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(left, #e2e2e2 0%,#f8f8f8 100%);
	background: -o-linear-gradient(left, #e2e2e2 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(left, #e2e2e2 0%,#f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f8f8f8',GradientType=1 );
	background: linear-gradient(left, #e2e2e2 0%,#f8f8f8 100%);


	-moz-transform: scale(1) rotate(0deg) translate(15px, 15px) skew(0deg, 26.6deg);
	-webkit-transform: scale(1) rotate(0deg) translate(15px, 15px) skew(0deg, 26.6deg);
	-o-transform: scale(1) rotate(0deg) translate(15px, 15px) skew(0deg, 26.6deg);
	-ms-transform: scale(1) rotate(0deg) translate(15px, 15px) skew(0deg, 26.6deg);
	transform: scale(1) rotate(0deg) translate(15px, 15px) skew(0deg, 26.6deg);
	
	box-shadow: 0px 30px 10px rgba(0,0,0,.1);
}
.3d-arrows .prevPagination p {
	color: #fff;
	font-size: 30px;
	opacity: 0;
	-moz-transform: scale(1) rotate(-45deg) translate(40px, 50px) skew(18.5deg, 18.5deg);
	-webkit-transform: scale(1) rotate(-45deg) translate(40px, 50px) skew(18.5deg, 18.5deg);
	-o-transform: scale(1) rotate(-45deg) translate(40px, 50px) skew(18.5deg, 18.5deg);
	-ms-transform: scale(1) rotate(-45deg) translate(40px, 50px) skew(18.5deg, 18.5deg);
	transform: scale(1) rotate(-45deg) translate(40px, 50px) skew(18.5deg, 18.5deg);
	
	text-shadow: -1px 1px 0px #f9f9f9,
				-2px 2px 0px #f9f9f9,
				-3px 3px 0px #f9f9f9,
				-4px 4px 0px #f9f9f9,
				-5px 5px 0px #f9f9f9,
				-6px 6px 0px #f9f9f9,
				-7px 7px 0px #f9f9f9,
				-8px 8px 0px #f9f9f9,
				-9px 9px 0px #f9f9f9,
				-10px 10px 0px #f9f9f9,
				-11px 11px 0px #f9f9f9,
				-12px 12px 0px #f9f9f9,
				-30px 30px 10px rgba(0,0,0,.1)
	;
}
.3d-arrows .prevPagination:hover p{
	opacity: 1;
	-moz-transform: scale(1) rotate(-45deg) translate(20px, 50px) skew(18.5deg, 18.5deg);
	-webkit-transform: scale(1) rotate(-45deg) translate(25px, 50px) skew(18.5deg, 18.5deg);
	-o-transform: scale(1) rotate(-45deg) translate(20px, 50px) skew(18.5deg, 18.5deg);
	-ms-transform: scale(1) rotate(-45deg) translate(20px, 50px) skew(18.5deg, 18.5deg);
	transform: scale(1) rotate(-45deg) translate(20px, 50px) skew(18.5deg, 18.5deg);
}

.3d-arrows .prev,
.3d-arrows .next{
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: bob;
	-webkit-animation-duration: 2s;
	-webkit-animation-direction: alternate;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-name: bob;
	-moz-animation-duration: 2s;
	-moz-animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-name: scnextbob;
	animation-duration: 2s;
	animation-direction: alternate;
	
}
@-webkit-keyframes scnextbob { 
	from { -webkit-transform: translate(0,0) } 
	to { -webkit-transform: translate(0,7px) }
	}
@-moz-keyframes scnextbob { 
	from { -moz-transform: translate(0,0) } 
	to { -moz-transform: translate(0,7px) }
	}
@keyframes scnextbob { 
	from { transform: translate(0,0) } 
	to { transform: translate(0,7px) }

/* @end */
	}



.socool-video-aspect-16_9 {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.socool-video-aspect-4_3 {
  overflow: hidden;
  padding-top: 75%;
  position: relative;
}

.socool-video-aspect-21_9 {
  overflow: hidden;
  padding-top: 42.86%;
  position: relative;
}

.socool-video-aspect-3_2 {
  overflow: hidden;
  padding-top: 66,67%;
  position: relative;
}



.socool-video-aspect-16_9 iframe,
.socool-video-aspect-4_3 iframe,
.socool-video-aspect-3_2 iframe,
.socool-video-aspect-21_9 iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


/* @group YoutubeVideoplayer */


.socool-video-background {
	display: block;
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.ytplayer-container{
 position: absolute;
 top: 0;
 z-index: -1;
}

.socool-video-background-iframe {
	position: absolute;
	left: 50%;
	top: 50%
}

@media (min-aspect-ratio: 16/9) {
.socool-video-background-iframe {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
.socool-video-background-iframe {
    width: auto;
    height: 100%;
  }
}


/* @end */



.width-50 {
	width: 50%;
}
blockcontrol[data-widthclass='width-50'] {
	width: 50%;
}
blockcontrol[data-widthclass='width-50'] .width-50 {
	width: 100%;	
}



@media only screen and (max-width: 1080px) {
	.socool-block .socool-block-site-width {
		padding: 10px 4% 10px 4%;
		width: 92%;
	}
	.socool-padding-sides-site .socool-block-content {
		max-width: 100% !important;
	    margin: 0 4%;
	    width: 92%;
	}
	.socool-padding-sides-sitenarrow .socool-block-content {
		max-width: 100% !important;
	    margin: 0 4%;
	    width: 92%;
	}
	
}
@media only screen and (max-width: 960px) and (min-width: 720px) {
	.socool-block-style-image-right-66 .socool-block-background-image {
		width: 50%;
		height: 100%;
		top: 0;
		left: 50%;
		z-index: -1;
	}
	.socool-block-style-image-right-66 .socool-block-text-wrap {
		width: 50%;
	}
	.socool-block-style-image-two-right .socool-block-background-image {
		left: 50%;
	}
	.socool-block-style-image-two-right .socool-block-background-image-1 {
		width: 100%;
	}
	.socool-block-style-image-two-right .socool-block-background-image-2 {
		display: none;
	}
	.socool-block-style-image-two-right .socool-block-text-wrap {
		width: 50%;
	}

}

@media only screen and (max-width: 719px) {
	
	.socool-block {
		background-image: none !important;
	}
	
	.socool-col-1, 
	.socool-col-2, 
	.socool-col-3, 
	.socool-col-4, 
	.socool-col-5, 
	.socool-col-6, 
	.socool-col-7, 
	.socool-col-8, 
	.socool-col-9, 
	.socool-col-10, 
	.socool-col-11,
	.socool-col-12 {
		width: 100%;
		margin: 0;
	}
	
.min-height-viewport-66 {
	min-height: auto;
}	
.socool-block-style-image-top .socool-block-background-image {
	display: none;
}
	
.socool-text-dark-light h1,
.socool-text-dark-light h2,
.socool-text-dark-light h3,
.socool-text-dark-light h4,
.socool-text-dark-light p,
.socool-text-dark-light b,
.socool-text-dark-light strong,
.socool-text-dark-light a {
	color: #fff;
}
.socool-text-light-dark h1,
.socool-text-light-dark h2,
.socool-text-light-dark h3,
.socool-text-light-dark h4,
.socool-text-light-dark p,
.socool-text-light-dark b,
.socool-text-light-dark strong,
.socool-text-light-dark a {
	color: #000;
}

	.socool-columns {
		flex: none;
	}
	.socool-block .socool-block-site-width {
		display: block;
		padding: 10px 4% 10px 4%;
		width: 92%;
	}
.socool-block-style-image-full  .socool-block-background-image,
.socool-block-style-image-left .socool-block-background-image,
.socool-block-style-image-right .socool-block-background-image {
	display: none;
}	

.socool-block-style-image-right-66 .socool-block-background-image {
	display: none;
}	
.socool-block-style-image-left-66 .socool-block-background-image {
	display: none;
}	
.socool-block-style-full-text-top .socool-block-background-image {
	display: none;
} 

.socool-block-style-image-two-right .socool-block-text-wrap {
	width: 100%;
}

.socool-block-style-image-two-right .socool-block-background-image {
	display: block;
	float: left;
	position: relative;
	
	height: 300px;
	margin: 10px;
	width: calc(100% - 20px);
	left: 0;

}
	
.socool-block-style-full-text-right-bg-mobile .socool-block-text-wrap,
.socool-block-style-full-text-right .socool-block-text-wrap, 
.socool-block-style-image-left .socool-block-text-wrap,
.socool-block-style-image-left-66 .socool-block-text-wrap	 {
		float: left;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
.contentarea .socool-block-style-full-text-right .socool-block-banner-image-mobile figure img {
	margin-left: 0;
}
	
	
	.socool-block-banner-image-mobile {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		overflow: hidden;
	
	}
	.socool-block-banner-image-mobile figure {
		width: 100%;
		display: block;
		float: left;
		overflow: hidden;

	}

	.socool-block-banner-image-mobile figure img {
		display: block;
		float: left;
		margin: 0;
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}

	.socool-block-style-full-text-left .socool-block-banner-image-mobile figure img {
		width: 160%;
		max-width: 160% !important;
		margin-left: -60%;
		
	}

	.socool-block-style-full-text-right .socool-block-banner-image-mobile figure img {
		width: 160%;
		max-width: 160% !important;
		margin-left: 0%;
		
	}



/*
		width: 160%;
		max-width: 160% !important;
		margin-left: -60%;
*/

	.contentarea .socool-block-style-full-text-left-bg-mobile .socool-block-banner-image-mobile figure {
		display: none;
	}



	.socool-block-content {
		width: 100%;
		padding: 0;
		display: block;
		float: left;

	}
	.socool-block-style-full-text-left-bg-mobile .socool-block-text-wrap, 
	.socool-block-style-full-text-left .socool-block-text-wrap, 
	.socool-block-style-image-right .socool-block-text-wrap {
		width: 100%;
		display: block;
		float: left;
		
	}

	.socool-block-style-image-right-66 .socool-block-text-wrap {
		width: 100%;
		display: block;
		float: left;
		
	}

	.socool-block-style-full-text-left-bg-mobile .socool-block-content {
	margin: 0 !important;
	width: 100% !important;
}
	.socool-block-style-full-text-left-bg-mobile .socool-block-background-image {
	background-position: right 0;
}
	.socool-block-style-full-text-right-bg-mobile .socool-block-background-image {
	background-position: left 0;
}
	.socool-block-style-image-bottom .socool-block-background-image,
	.socool-block-style-full-text-right .socool-block-background-image,
	.socool-block-style-full-text-left .socool-block-background-image {
		display: none !important;
	}


.socool-padding-top-none .socool-block-content-padding {
	padding-top: 0px;
}

/* @group Mobile padding override */



.socool-padding-top-xsmall .socool-block-content-padding {
	padding-top: 10px;
}
.socool-padding-top-small .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-medium .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-large .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-xlarge .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-xxlarge .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-xxxlarge .socool-block-content-padding {
	padding-top: 20px;
}

.socool-block-style-full-text-right-bg-mobile.socool-padding-top-xlarge .socool-block-content-padding,
.socool-block-style-full-text-left-bg-mobile.socool-padding-top-xlarge .socool-block-content-padding {
	padding-top: 120px;
} 
.socool-block-style-full-text-right-bg-mobile.socool-padding-top-xxlarge .socool-block-content-padding,
.socool-block-style-full-text-left-bg-mobile.socool-padding-top-xxlarge .socool-block-content-padding {
	padding-top: 180px;
} 
.socool-block-style-full-text-right-bg-mobile.socool-padding-top-xxxlarge .socool-block-content-padding,
.socool-block-style-full-text-left-bg-mobile.socool-padding-top-xxxlarge .socool-block-content-padding {
	padding-top: 240px;
} 


.socool-padding-top-viewport-33  .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-viewport-50 .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-viewport-58 .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-viewport-66 .socool-block-content-padding {
	padding-top: 20px;
}
.socool-padding-top-viewport-75 .socool-block-content-padding {
	padding-top: 20px;
}

socool-block-text h1 {
	padding-top: 0px !important;
	margin-top: 0px !important;
}


/* @end */

.min-height-120 {
	min-height: 120px;
}
.min-height-240 {
	min-height: 120px;
}
.min-height-300 {
	min-height: 120px;
}
.min-height-360 {
	min-height: 120px;
}
.min-height-420 {
	min-height: 120px;
}
.min-height-480 {
	min-height: 120px;
}
.min-height-600 {
	min-height: 120px;
}


}


@media only screen and (max-width: 560px) {
	.socool-block-style-image-two-right .socool-block-background-image {
		height: 200px;

	}
}




/* Overriding default styles */

/* Custom font */

*, html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin: 0;
}


body {
    min-height: 100%;
	margin: 0;
	color: #425362;
	font: 16px/22px Helvetica, Arial, sans-serif;
	background: #00336a;
	overflow-y: scroll;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
	margin:0; padding:0;
}

img {border-style:none;}

.link,
a {
	text-decoration:none;
	color: #fd7c31;
	outline:none;
	cursor: pointer;
}
html.no-touch a:hover {
	text-decoration: none;
}
p a {
	font-weight:bold;
}
hr {
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	border-width: 0;
	/* border-color: #f66802; */
	border-bottom: 2px solid #f66802;
	padding-top: 10px;

}
html.no-touch a:hover {text-decoration:underline;}

q {quotes: none;}
q:before,
q:after {
	content: '';
	content: none;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {margin: 0 0 1.2em;}
h1{
	font: normal 38px/44px "", Helvetica, Arial, sans-serif;
	color:#101010;
	font-weight:normal;
	margin: 0 0 16px;
}
h1,h2, h3 {
  font-face: "Myriad W01 Regular", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: normal;
}
h4,h5,h6 {
  font-face: "Myriad W01 Bld", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
	
}

h2 {
	font-size:30px;
	line-height:32px;
	margin: 0 0 12px;
}

h3{
	font-size:24px;
	line-height:26px;
	margin: 0 0 24px 0;
	color:#101010;
}

h4 {
	color: #000;
	font-weight: bold;
	line-height: 17px;
	font-size: 17px;
	margin: 0px 0 11px 0;
	padding: 0;
}

ul.checked {
	margin: 0 0 24px 0;
	padding: 0;
	
}
ul.checked>li {
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 0 0 4px 24px;
	width: 100%;
	background: url("images/green-bullet.png") no-repeat 0px 4px;
	background-size: 18px 14px;
	
}


#content ul {
	margin: 0 0 24px 0;
	padding: 0;
}
#content ol {
	margin: 0 0 24px 0;
	padding: 0 0 0 25px;
}
#content ul li {		
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 14px;
	text-align: left;
	text-indent: 0px;
	background: url("images/red-bullet.png") no-repeat 0px 4px;
	background-size: 8px 12px;
	list-style: none;
	vertical-align: top;
}
#content ol li {		
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 3px;
	text-align: left;
	text-indent: 0px;
	vertical-align: top;
}

#content p{
	margin: 0 0 24px;
}
h2 {
	color:#fd7c31;
	
}

.center {
	text-align: center;
}
#content ol,
.contentarea ol,
#content ul,
.contentarea ul{
	clear: both;
}

#content h4,
.contentarea h4,
#content h5,
.contentarea h5 {
	font-size:16px;
	line-height:24px;
	color:#101010;
	margin-top: 10px;
}


#content h6,
.contentarea h6 {
	width: 60%;
	padding-right: 40%;
	margin: 50px 0 50px 0;
	color: #f66802;	
}

.inline-images-centered {
	text-align: center;
	
}
.inline-images-centered figure {
	display: inline-block;
}
.text-full-width {
  display: block;
  float: left;
  width: 100%;

}
.text-full-width .text-box-full-width {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 0 0px;
}
.text-full-width .text-box-full-width {
	text-align: center;
}



.text-two-columns {
  display: block;
  float: left;
  width: 100%;

}
.text-two-columns .full-width-wrap {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 0 0px;
}
.text-two-columns .text-box-column-left {
	display: block;
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
	margin: 0;
	min-height: 5px;
}
.text-two-columns .text-box-column-right {
	display: block;
	float: left;
	width: 49%;
	padding: 0;
	margin: 0;
	min-height: 5px;
}
.text-three-columns {
  display: block;
  float: left;
  width: 100%;

}
.text-three-columns .full-width-wrap {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 30px 0;
}
.text-three-columns .text-box-column-left {
	display: block;
	float: left;
	width: 30%;
	padding: 0 5% 0 0;
	margin: 0;
	min-height: 5px;
}
.text-three-columns .text-box-column-center {
	display: block;
	float: left;
	width: 30%;
	padding: 0 5% 0 0;
	margin: 0;
	min-height: 5px;
}
.text-three-columns .text-box-column-right {
	display: block;
	float: left;
	width: 30%;
	padding: 0;
	margin: 0;
	min-height: 5px;
}






.socool-calloutbox {
/*	background: rgba(30, 118, 171, 0.89);*/
}
#content .socool-calloutbox h1,
#content .socool-calloutbox h2,
#content .socool-calloutbox h3,
#content .socool-calloutbox h4,
#content .socool-calloutbox h5,
#content .socool-calloutbox h6,
#content .socool-calloutbox p,
#content .socool-calloutbox a 

.contentarea .socool-calloutbox h1,
.contentarea .socool-calloutbox h2,
.contentarea .socool-calloutbox h3,
.contentarea .socool-calloutbox h4,
.contentarea .socool-calloutbox h5,
.contentarea .socool-calloutbox h6,
.contentarea .socool-calloutbox p {
	color: #fff;
}

.socool-calloutbox-inner {
/*	background: #f66802; */
	background: rgba(30, 118, 171, 0.89);
	width: 88%;
	padding: 20px 6% 20px 6%;
	
}







#here-from-us {
	background: #d1e4d3;
	float: left;
	width: 92%;
	padding: 30px 4% 30px 4%;
	text-align: left;

}
#here-from-us table {
	margin: 0 auto;
}
#here-from-us h1 {
	color: #55963f;
    text-align: center;
    font-size: 33px;

}
#here-from-us h3 {
	font-size: 18px;
	line-height: 26px;
	
	font-weight: bold;
	color: #000;
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 8px;
}

#here-from-us h4 {
	color: #ccc;
}
#here-from-us h4 b,
#here-from-us h4 strong {
	font-size: bold;	
	color: #fff;

}
#here-from-us p {
	font-size: 18px;
	line-height: 28px;
	color: #444;
	margin-top: 0px;
}
#here-from-us p b,
#here-from-us p strong {
	font-size: bold;	
	color: #000;
/*	    text-shadow: 1px 1px 6px rgb(25, 27, 9) */
}




#here-from-us table td {
	border: none;
}
#here-from-us .form {
	width: auto;
	box-sizing: content-box;
}
#here-from-us .form input,
#here-from-us .form input:active {
	outline: none;
}
#here-from-us .form input {
	padding: 5px 15px;
	line-height: 25px;
	border: 0px;
	display: block;
	float: left;
	border-radius: 5px 0 0px 5px;
}
#here-from-us .form input[type=submit] {
	padding: 5px 25px;	
	border-radius: 0 5px 5px 0;
}



.ui-helper-hidden-accessible {
	display: none;
}

/* Error tooltip */
.ui-tooltip {
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	padding: 4px 6px;
	background: #fff;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	-webkit-background-clip: padding-box; background-clip: padding-box;
	box-shadow: 0 0 7px black;
	color: red;
	font-weight: bold;
	font-size: 0.9em;
}

/* Placeholder */
::-webkit-input-placeholder {
	color: #929aa0;
}
:-moz-placeholder { /* Firefox 18- */
	color: #929aa0;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #929aa0;
}
:-ms-input-placeholder {  
	color: #929aa0;
}





.posts-heading {
	margin-top: 20px !important;
	margin-bottom: -15px !important;

}
.posts-heading h1 {
	margin: 0;
}
					.mobile-image {
						display: none;
						float: left;
						overflow: hidden;
					}


#wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	background-color: #ffffff;
}
.socool-popup #wrapper {
	background-color: transparent;
}
.container{
	max-width:1024px;
	margin:0 auto;
	position:relative;
	padding:0 0px;
}
#menu-container {
	
	max-width:1024px;
	margin:0 auto;
	position:relative;
	padding:0 0px;
}
#menu-container:after,
.container:after{
	content:"";
	display:block;
	clear:both;
}


#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width:320px;
	padding: 0 0;
	z-index:1999;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	background: rgba(255,255,255, 0.92);
	height: 82px;
}

.noscroll #header{
	position: absolute !important;
}
.btn-login{
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	height: 15px;
	line-height: 15px;

	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background:#213164;
	padding:12px 20px;

	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}


html.no-touch .btn-login:hover{
	background:#1a389b;
	text-decoration:none;
}
#menu-wrap{
/*	box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
	-webkit-box-shadow: 0 0 10px rgba(9, 13, 28, 0.05); */
}

.w1{
	position:relative;
	padding-top: 82px;
}

#header-logo {
  position: absolute;
  top: 9px;
  left: 10px;
  margin: 0px 0 0px 0px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  padding: 0px 30px 5px 0px;
}


#settings-icon {
  position: absolute;
  top: 22px;
  right: 0;
  margin: 0px 0 0px 0px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  padding: 0px 30px 5px 0px;
}


#nav{
	float:left;
	font-size:17px;
	line-height:20px;
	font-weight:normal;
	position:relative;
	margin-left: 30%;
}
#nav .mobile-menu-trigger{display:none;}

#nav .desktop-hidden{display:none;}
#nav ul{
	float:left;
	margin:0;
	padding: 0 0 0 0px;
	list-style:none;
}


#nav ul li {
	float:left;
  -webkit-transform: skewX(-10deg);
		 -moz-transform: skewX(-10deg);
		  -ms-transform: skewX(-10deg);
		   -o-transform: skewX(-10deg);
		      transform: skewX(-10deg);  	
}
#nav ul li ul li {
  -webkit-transform: skewX(0deg);
		 -moz-transform: skewX(0deg);
		  -ms-transform: skewX(0deg);
		   -o-transform: skewX(0deg);
		      transform: skewX(0deg);  	
	
}

#nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
#nav a {
	font: normal 21px/22px "Myriad W01 Regular", Helvetica, Arial, sans-serif;

	display:block;
	padding: 30px 26px 30px 26px;
	color:#425362;

    -webkit-transform: skewX(10deg);
		   -moz-transform: skewX(10deg);
		    -ms-transform: skewX(10deg);
		     -o-transform: skewX(10deg);
		        transform: skewX(10deg);

	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;

}

html.no-touch #nav a:hover {
	color:#000;
	background: none;
	text-decoration:none;
	
}
html.no-touch #nav li.active:hover a,
html.no-touch #nav li.active a:hover {
	color: #fff;
}
#nav li.active {
	color:#fff;
	background:#fd7c31;
	text-decoration:none;
}
#nav li.active a {
	color: #fff;
}


#nav li .slide {
	display: none;
}

		#menu-container {
			position: relative;
		}
		#nav-selected {
			position: absolute;
			left: -1000px;
			top: 0;
			height: 82px;
			width: 180px;
			display: none;
			float: left;
			background: #fd7c31;
			-webkit-transform: skewX(-10deg);
			-moz-transform: skewX(-10deg);
			-ms-transform: skewX(-10deg);
			-o-transform: skewX(-10deg);
			transform: skewX(-10deg);
		}
		.scrolled #nav-selected {
			height: 47px;
		}

		#nav:hover #nav-selected {
			display: block;
		}
		#nav:hover li.active a {
			color: #fd7c31;
		}
		#nav:hover li.active {
			background: none;
		}
		#nav:hover li a:hover {
			color: #fff;
		}




/* Hover menu additions */
#nav .slide {
	display: none;
	position:absolute; 
	border: none;
	z-index: 500; 
/*	top:-9999px;*/
	top: 100% !important; 
	left: 1px; 
	width: 400px;
	height: 20px;
	color: white;
	font-size:15px;
	box-shadow: inset 0px 1px 0px 0px #ccc;
/*	border-top: 1px solid #ccc;*/
  -webkit-transform: skewX(-10deg);
		 -moz-transform: skewX(-10deg);
		  -ms-transform: skewX(-10deg);
		   -o-transform: skewX(-10deg);
		      transform: skewX(-10deg);  	

}
#nav .slide a {
	color: #000 !important;
	border-radius: 0px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2px;
	background: #FD7C31 !important;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: 1px solid rgba(0,0,0,0);
}
#nav .slide li:hover a {
	font-weight: bold;
	color: white !important;
}
#nav .slide li {
	margin-right: 5px;
 	border-right:5px solid white;
}
#nav .slide li:last-child {
	margin-right: 0px;
	border-right: 0px;
}
#nav li:hover .slide {
	display: block;
}


#nav-buttons {
	position: absolute;
	top: 23px;
	right: -50px;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}
#nav-buttons a {
	font-size: 17px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	background:#4cc1bf;
	border-radius:3px;
	padding: 8px 14px 7px 14px;
	cursor: pointer;
	border: 1px solid #4cc1bf;
}
#nav-buttons a#ota-yhteytta {
	background: #fff;
	color: #4cc1bf;
	border: 1px solid #4cc1bf;
}
.scrolled #nav-buttons {
	top:5px;
}
@media only screen and (max-width: 1450px) {
	#nav-buttons {
		right: 0px;
	}
}	

@media only screen and (max-width: 1100px) {
	#nav-buttons {
		right: 0px;
	}
}		
@media only screen and (max-width: 1050px) {
	#nav-buttons {
		right: 10px;
	}
}		
@media only screen and (max-width: 980px) {
	#nav-buttons a {
		padding: 4px 6px;
		font-size: 14px;
	}

}
@media only screen and (max-width: 900px) {
	#ota-yhteytta {
		display: none;
	}
}

@media only screen and (max-width: 720px) {
	#nav-buttons {
		display: none;
	}
}



		#settings-icon {
			z-index: 1000;
		}
		#settings-menu {
			position: absolute;
			float: left;
			display: none;
			top: 0px;
			right: 0px;
		}
		#settings-icon:hover #settings-menu {
			display: block;
		}
		#settings-menu ul {
			display: block;
			float: left;
			background: #fff;
			padding: 0;
			margin: 0;
			width: 220px;
			overflow: hidden;
			box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
			border-radius: 4px;
		}
		#settings-menu ul li {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			
		}
		#settings-menu ul li a {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			width: 200px;
			padding: 4px 10px;
			color: #fd7c31;
		}
		#settings-menu ul li a:hover {
			color: #fff;
			background-color: #fd7c31;
		}
		#settings-menu ul li span {
			display: block;
			float: left;
			padding: 0;
			margin: 0;			
			width: 200px;
		}
		#settings-menu ul li#user-credentials span {
			width: 200px;
			padding: 4px 10px;
			color: #999;
			font-size: 12px;
			line-height: 14px;
		}

		@media only screen and (max-width: 980px) {
			#nav-selected {
				height: 70px;
			}
		}

		@media only screen and (max-width: 719px) {
			#settings-menu-wrap {
				display: none;
			}
		}
.resize-active .wrap,
.resize-active .drop,
.resize-active .drop > ul {
	-webkit-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}

/* @group Scrolled */

.scrolled #header {
	padding-top: 0;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	height: 47px;
	box-shadow: 0 0 10px rgba(9, 13, 28, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(9, 13, 28, 0.2);
}
.scrolled #header-logo {
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	top: 1px;
	background: none;
	box-shadow: none;
}
.scrolled #settings-icon { 
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	top: 7px;
	background: none;
	box-shadow: none;
}

#header-logo img {
	width: 150px;
	height:auto;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}
.scrolled #header-logo img {
	display:block;
	width: 118px; 
	height:auto;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;	
}
.mfp-bg {
	z-index: 2999 !important;

}
.mfp-wrap {
	z-index: 3000 !important;
}


.scrolled #nav ul{
	padding:0 0 0 0px;
}

.scrolled #nav a {
		-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	padding:13px 26px 12px 26px;
}



#header.scrolled{padding:0;}
.scrolled .btn-login{
	display: block;
	float: left;
	box-sizing: content-box;
	padding: 16px 20px 13px 20px;
	z-index:100;
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;

}
.template-home.scrolled .btn-login {
	padding: 24px 20px 21px 20px;
	
}

/* @end */


/* @group Tabmenu */


.tab-nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
/*	overflow: hidden; */
	width: 100%;
	height: 37px;
	border-bottom: 1px solid #d6e3e6;
	
}

.tab-nav ul{
	float:left;
	margin:0;
	padding: 0 0 0 0px;
	list-style:none;
	
}


.tab-nav li{
	float:left;
	display: block;
	position: relative;
}

.tab-nav span {
	font: normal 16px/16px Helvetica, Arial, sans-serif;
	
	display:block;
	padding: 11px 18px 10px 18px;
	color: #fd7c31;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
	text-decoration: none;

	cursor: pointer;
/*		border-bottom: 1px solid #d6e3e6;*/
}
.tab-nav li.active span {
	font-weight: bold;
}
.tab-nav li span.notify { 
    position: absolute;
    top: -8px;
    right: -7px;
    border: none;
    background: #fd7c31;
    padding: 3px 7px;
    color: #fff;
    border-radius: 12px;
}
.tab-nav li span.notify:empty {
	display: none;
}
.tab-nav li.rest span {
	font: normal 16px/16px Helvetica, Arial, sans-serif;
	
	display:block;
	padding: 15px 18px 14px 18px;
	height: 16px;
	width: 200px;
	color: #12baed;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
	text-decoration: none;
;
	cursor: pointer;
	border-bottom: 1px solid #d6e3e6;
}
html.no-touch .tab-nav a:hover {
	color:#000;
	background: none;
	text-decoration:none;
	
}

html.no-touch .tab-nav .active a:hover,
.tab-nav .active span {
	color:#000;
	background:#fff;
	text-decoration:none;
	border-top: 1px solid #d6e3e6;
	border-left: 1px solid #d6e3e6;
	border-right: 1px solid #d6e3e6;
	border-bottom: 1px solid #fff;		
}

/* @end */


.bg-stretch{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
}

.next-previous-links {
	width: 100%;
	display: block;
	float: left;		
}
.next-previous-links .previous-link {

	display: block;
	float: left;		
	background: #999;
	color: #fff;
	border-radius: 4px;
	padding: 3px 10px 3px 6px;
}
.next-previous-links .next-link {
	display: block;
	float: right;		
	background: #999;
	color: #fff;
	border-radius: 4px;
	padding: 3px 6px 3px 10px;
}
.next-previous-links .previous-link:before {
	content: '❮';
	margin-right: 8px;
}
.next-previous-links .next-link:after {
	content: '❯';
	margin-left: 8px;
}




.list-list{
	list-style:none;
	margin:0;
	
	padding: 0 0 12px;
	font-weight:bold;
}
.list-list li{margin: 0 0 12px;}

.link-1:after {
	content: ' ›';
}
.link-2,
.btn{
	font-size: 17px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	background:#fd7c31;
	border-radius:3px;
	padding: 9px 15px 8px;
	cursor: pointer;
}










.align-center {
	text-align: center !important;
}

.market .text-box{
	width: 492px;
	float:right;
	padding: 199px 80px 30px 10px;
}
.market-alt h1{margin: 0 0 26px;}
.market-alt .text-box{
	width:350px;
	padding: 100px 10px 67px 20px;
}
.volunteer .text-box{
	width:100%;
	padding: 53px 90px;
	text-align:center;
}
.volunteer{min-height: 581px;}
.activities .text-box{
	width: 491px;
	float:right;
	padding: 144px 10px 120px;
}
.post-holder{
	display: block;
float: left;
width: 102%;

}
.post-holder .holder{
	margin:0 -10px;
	overflow:hidden;
	padding:30px 0 29px;
	font-size:0;
	letter-spacing:-4px;
}
.post-holder .post{
	display:inline-block;
	vertical-align:top;
	width:322px;
	padding:0 10px;
	letter-spacing:0;
	margin:0 0 21px;

}
.post .img-holder{
	position:relative;
	background: #fff;

}
.post .img-holder img{
	width:100%;
	display:block;
	height:auto;
}
.post .img-holder .btn{
	position:absolute;
	left:0;
	top:0;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 11px;
	border-radius: 0;
}
html.no-touch .post .img-holder a:hover .btn{background:#fd7c31;}
.post .text-holder{
	background:#fff;

	padding: 16px 8px 20px 20px;
	-webkit-box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
	box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
}
.post{
	font-size:14px;
	line-height:18px;
}
.post h1{
	font:bold 18px/21px Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
}
.post h1 a {
	color:#101010;
}	
a .post p {
	color:#101010;
}
html.no-touch a:hover .post h1 {
	color:#fd7c31; text-decoration: none; 
}
html.no-touch a:hover .post p {
	color:#fd7c31; text-decoration: none; 
}
html.no-touch a:hover { 
	text-decoration: none; 
}

.post p{margin:0 0 5px;}
.post .title{
	color:#101010;
	display:block;
}


#news-menu {
	background: #fff;	
}
#news-menu h2 {
	display: block;
	float: left;
	padding: 20px 7% 20px 7%;
	width: 86%;
	margin: 0;
	color: #525252;

	font: normal 24px/24px "Myriad W01 Regular", Helvetica, Arial, sans-serif;

}
#news-menu table {
	padding: 0;
	margin: 0;
	width: 100%;
	border: none;
	border-collapse: collapse;

}
#news-menu table td {
	border: none;
	border-top: 1px solid #e3e5e9;
	border-bottom: 1px solid #e3e5e9;
}
#news-menu td.img-holder {
	width: 130px;
	background-color: #ccc;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
  margin: 0;
}	
#news-menu td.text-holder {

	padding: 10px 10px 10px 10px;
}	
#news-menu td.text-holder a h3 {
	font: bold 16px/20px "Myriad W01 Bld", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #0f0f0f;
}

#tilaa-esittely {
	display: block;
	float: left;
	width: 100%;
	background: #e2e4e8;
	color: #525252;
}
#tilaa-esittely ul li#tilaa-right p {
	float: left;
	display: block;
	padding: 5px 20px 5px 20px;
	font: normal 18px/20px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
	color: #525252;
	margin: 0;
}
#tilaa-esittely ul li#tilaa-right p strong {
	font: bold 18px/20px "Myriad W01 Bld", Helvetica, Arial, sans-serif;
	color: #000;
}
#tilaa-esittely ul {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	
}
#tilaa-esittely ul li {
	display: block;
	float: left;
	padding: 5px 0 5px 0;
	max-width: 49%;
}
#tilaa-esittely ul li#tilaa-left {
	width: 50%;
	background: #fd7c31;
  -webkit-transform: skewX(-10deg);
		 -moz-transform: skewX(-10deg);
		  -ms-transform: skewX(-10deg);
		   -o-transform: skewX(-10deg);
		      transform: skewX(-10deg);  	
}
}

#tilaa-esittely ul li a {
	float: left;
	display: block;
	padding: 5px 20px 5px 20px;

	font: normal 18px/20px "Myriad W01 Regular", Helvetica, Arial, sans-serif;

}
#tilaa-esittely ul li#tilaa-left a {
	text-align: right;
	float: right;
	display: block;
	color: #fff;
	padding: 5px 20px 5px 20px;
  -webkit-transform: skewX(10deg);
		 -moz-transform: skewX(10deg);
		  -ms-transform: skewX(10deg);
		   -o-transform: skewX(10deg);
		      transform: skewX(10deg);  	
}


#footer {
	background: #fff;
	padding: 10px 0 10px 0;
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #e5eaee;
}
.align-right {
	text-align: right;
}
#footer p {
	font-size: 14px;
	color: #6d6d6d;
	margin: 5px 0 5px 0;
	padding: 0;
}
#footer p a {
	font-weight: normal;
	color: #6d6d6d;

}
.panel{
	float:right;
	width:300px;
	padding:10px 0 0;
}
.service-nav{
	list-style:none;
	margin:0;
	
	padding: 0 0 13px;
	font-size:14px;
	line-height:18px;
}
.service-nav li{margin: 0 0 8px 11px;}
.service-nav a{color:#fff;}

#social-networks {
	padding: 0;
	display: block;
	margin: 0 auto;
	clear: both;
	width: 100px;
}
#social-networks h5 {
    display: block;
    float: left;
    padding: 0;
    margin: 7px 1px 0 0;
    font-size: 12px;
	text-transform: uppercase;
}

#social-networks ul {
	list-style:none;
	margin:0;
	padding: 0;
	display: block;
	float: left;
}
#social-networks li{
	float: left;
	display: block;
	margin: 0 0 0 10px;
}


#social-networks a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: transparent url(images/some-icons_huge.png) no-repeat -9999px -9999px;
	background-size: 128px 34px;
	width:34px;
	height:34px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) {

#social-networks a {
	background: transparent url(images/some-icons_x2_huge.png) no-repeat -9999px -9999px;
	background-size: 128px 34px;
}
}
html.no-touch #social-networks a:hover { opacity:0.7; }
#social-networks #sn-twitter a { background-position: -1px 0px; }
#social-networks #sn-facebook a { background-position: -47px 0px; }
#social-networks #sn-linkedin a { background-position: -93px 0px; }




.copy{
	font-size:14px;
	line-height:16px;
	padding: 0 0 0 13px;
}
.copy p{margin:0 0 10px;}
.main-holder{
	padding: 10px 0 50px;	
	background: #EEF1F6;
	background-size: 100px 400px;
	position:relative;
}


body.socool-popup .second-menu-visible .main-holder, 
body.socool-popup .main-holder {
    padding: 10px 2% 10px 2%;
    width: 96%;
}

body.socool-popup .main-hoder {
	background: #fff;
}
body.socool-popup .main-holder .aside	 {
	display: none;
}
body.socool-popup #content {
	width: 100%;
	padding-top: 20px !important;
	margin: 0px !important;
}


.content-padding {
	padding: 0 30px 0 30px;
}
#content{
	float:left;
	padding: 0px 56px 30px 0px;
	font-size:15px;
	line-height:20px;
	color:#595d5d;


	width:675px;
	padding: 20px 0px 30px 0px;
	background: #fff;
	
}

body.socool-popup #content {
	padding: 0 0 0 0;
}

.article h1{margin: 0 0 7px;}
.article header time{
	font-size:12px;
	line-height:14px;
	color:#595d5d;
	display:block;
}
.article header{margin: 0 0 10px;}
.article .img-holder{margin:0 0 25px;}
.article .img-holder img{
	margin:0 auto;
	display:block;
	height:auto;
	max-width:100%;
}

.share{padding: 12px 0 0;}
.share li{margin:0 7px 0 0;}
.share .facebook{background-position:0 -60px;}
.share .twitter{background-position:-40px -60px;}
.share .google{background-position:-80px -60px;}
.aside{
	float:left;
	width:322px;
	margin-left: 10px;
}
.aside .post{
	margin:0 0 1px 0;
}
.aside .post p a {
  color: #595d5d;
  font-weight: normal;
}
.aside .post h4 {
	margin: 0 0 6px 0;
}

.form input[type=submit] {
	background: #fd7c31;
}

.filter-form{
	margin:0 20px 20px 0px;
	padding:10px 55px 10px 20px;
	background:#fd7c31;
	color:#fff;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	
}
.filter-form label{
	display:inline-block;
	vertical-align:top;
	margin:5px 12px;
	color: #fff;
}
.select-holder {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	border-radius:4px;
	width:235px;
	background:#fff url(images/sprite.png) no-repeat 100% -128px;
	background-size: 220px 160px;
	margin-left: 10px;
}
.select-holder select{
	display:block;
	width:110%;
	color:#f66802;
	font-size:18px;
	line-height:20px;
	border: 0 !important; 
	text-overflow: "";
	background:transparent;
	padding: 6px 50px 6px 7px;
	-moz-appearance: none;
	-webkit-appearance:none;
	appearance: none;
	outline:none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.filter-form select:focus {outline: none;}
.post-holder.alt .post{margin:0 0 21px;}
.post-holder.alt .holder{padding:0;}
.donate h1 {
	display:block;
	text-align:center;
	font:normal 36px/40px Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 10px 0;
	color: #fff;
}
#summa-muu-wrap.active:after {
	position: absolute;
	display: block;
	right: 5px;
	top: 3px;
	content: '€';
	color: #005fac;	
}
#summa-muu-wrap.active input {
	font-size: 15px;
	color: #005fac;	
}


#summa-muu-wrap {
	position: relative;
}
#summa-muu-wrap input {
	padding: 0;
}

#summa-muu-wrap.active {
	background: #fff;
}

.select-city {
	background: #00b9ea;
	display: block;
	float: left;
	width: 100%;
	padding:  12px 0 12px 0;
	margin: 20px 0 20px 0;
	position: relative;
}
#paikallinen {
	content: '';
	position: absolute;
	top: -73px;
	display: block;
	float: left;
	width: 1px;
	height: 1px;
	background: transparent;
}
#avainlippu {
	padding-top: -12px;
}	
#avainlippu a:hover {
	opacity: 0.8;
}
.select-city label{
	float:left;
	width: auto;
	padding: 7px 5px 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.socool-form-validate .help-block {
    background-color: #fd7c31;
    border: 1px solid #fd7c31;
}
.socool-static-block {
    display: block;
    float: left;
    width: 100%;
    min-height: 50px;
    background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
}  
#tilaa-left a {
	cursor: pointer;
}
#tilaa-left a:hover {
	text-decoration: underline;
} 
.form .columns-fullwidth input[type=submit] {
	width: 100%;
}

#login-button {
	position: absolute;
	top: 23px;
	right: 0;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;

}
.scrolled #login-button {
	top:5px;
}

/* @group Overlay notice */
		body.overlay-notice #wrapper {
			    -webkit-filter: blur(8px);
			    -moz-filter: blur(8px);
			    -o-filter: blur(8px);
			    -ms-filter: blur(8px);
			    filter: blur(8px);
		}
		
		#overlay-notice {
		    position: fixed;
		    width: 100%;
		    height: 100%;
		    background: rgba(0,0,0,0.4);
		    z-index: 20000;
		    display: none;
		    float: left;
		    top: 0;
		    left: 0;
		}
		#overlay-notice-text { 
			position: absolute;
			display: block;
			padding: 2%;
			width: 40%;
			top: 130px;
			left: 28%;
			background: rgba(255,255,255,0.8);
			border-radius: 5px;

		}
		body.overlay-notice #overlay-notice {
			display: block;
		}


/* @end */

/* @group sukupuoli */
	#kohdennus-sukupuoli-naisia {
		display: block;
		float: left;
		font-size: 13px;
		line-height: 16px;
		height: 55px;
		background: url(icons-turkoosi/sukupuoli-sprite.png) no-repeat 57px 0px;
		background-size: 62px 130px;
		padding-right: 40px;
		padding-top: 10px;
		width: 50px;
		overflow: hidden;
	}
	#kohdennus-sukupuoli-miehia {
		display: block;
		float: left;
		font-size: 13px;
		line-height: 16px;
		height: 55px;
		background: url(icons-turkoosi/sukupuoli-sprite.png) no-repeat -35px 0px;
		background-size: 62px 130px;
		padding-left: 35px;
		padding-top: 10px;		
	}
	#kohdennus-sukupuoli-naisia.less {
		background-position: 57px -65px;
	}
	#kohdennus-sukupuoli-miehia.less {
		background-position: -35px -65px;
	}


	#kohdennus-sukupuoli-naisia span,
	#kohdennus-sukupuoli-miehia span {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #4cc1bf;
	}

	#kohdennus-sukupuoli-naisia.less span {
		color: #9fb9c0;
	}
	#kohdennus-sukupuoli-miehia.less span {
		color: #9fb9c0;
	}


/* @end */




/* @group SWC */

.ConfirmDialogSWC {
	background: white;
	height: 80px;	
	border: 3px solid #002E5D;
}
.ConfirmDialogSWC > div {
	width: 100%;
	padding-top: 20px;
}
.ConfirmDialogSWC button {
	display: inline-block;
	background: #f9423a;
	color: #fff;
	margin-left: 5px;
}

/* @end */





/* @group Kartta sivu */
#tab-nav-wrap {
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.cols-2-7 {
		position: relative; 
		display: block; 
		float: left; 
	width: 28%;
}
.cols-5-7 {
		position: relative; 
		display: block; 
		float: left; 
	width: 72%;
}
	#map-selector {
		position: relative; 
		display: block; 
		float: left; 
		
		height: 220px;
	}

#kartta-haku h4 {
	display: none;

}
ul.tags-list {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
ul.tags-list li {
	display: block;
	float: left;
	width: auto;
	list-style: none;
	margin: 2px 8px 8px 0; 
	background: #12baed;
	border-radius: 3px; 
}
ul.tags-list span.value {
	display: block;
	float: left;
	color: #fff;
	font-size: 15px;
	line-height: 15px;
	padding: 6px 6px 8px 8px;
}
ul.tags-list span.remove {
	display: block;
	float: left;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	padding: 2px 8px 2px 4px;
	cursor: pointer;
	
}
ul.tags-list span.remove:after {
	color: #fff;
	content: '\d7';
}


ul.tagsInput-list {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
ul.tagsInput-list li {
	display: block;
	float: left;
	width: auto;
	list-style: none;
	margin: 2px 8px 8px 0; 
	background: #12baed;
	border-radius: 3px; 
}
ul.tagsInput-list span.value {
	display: block;
	float: left;
	color: #fff;
	font-size: 15px;
	line-height: 15px;
	padding: 6px 6px 8px 8px;
}
ul.tagsInput-list span.remove {
	display: block;
	float: left;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	padding: 2px 8px 2px 4px;
	cursor: pointer;
	
}
ul.tagsInput-list span.remove:after {
	color: #fff;
	content: '\d7';
}


.cols-2-3 {
	width: 68%;
	float: left;
}
.cols-1-2 {
	width: 50%;
	float: left;
}
	.select-map-mainimage {
		position: absolute;
		max-width: 100%; 
		height: auto;
		width: 180px;
		height: auto;
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
	}
	.select-map-image {
		position: absolute;
		max-width: 100%; 
		height: auto;
		width: 180px;
		height: auto;
		display: none;
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
                               
	}
	.no-interact {
		pointer-events:none;
	}



/* @end */



/* Fake user usage notification */

#fakeUserUsageNotification {
	position: fixed;
	top: 0;
	left: 20px;
	width: 310px;
	overflow: hidden;
	z-index: 100000;
	background-color: orange;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 5px 15px 5px 25px;
	color: white;
	font-size: 13px;

	-webkit-box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.75);
}
#fakeUserUsageText {
	display: block;
	width: 100%;
	float: left;
}
#fakeUserUsageId {
	display: block;
	width: 100%;
	float: left;
	font-weight: bold;
}
@media only screen and (max-width: 1085px) { 
	#fakeUserUsageNotification {
		width: 200px;
	}
}





/* Contact update page */
#contactUpdateContactListArea {
	display: block;
	float: left;
	width: 100%;
	padding-top: 20px;
}
.contactUpdateContactTable td {
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
}



/* statistiikka-sivu */
.groupStatsElement {
	margin-top:40px;
}
.groupStatsElement h2 {
	margin-top:40px;
	margin-bottom:20px;
}
.groupStatsTable, 
.billStatsTable {
	margin-top:30px;
}
.groupStatsTable tr:nth-child(even),
.billStatsTable tr:nth-child(even) {
	background-color: #eeeeee;
}
.groupStatsTable td,
.billStatsTable td {
	text-align: right;
}
.billStatsTable {
	font-size: 12px;
}
.billStatsTable th {
	text-align: left;
}
.groupStatsTable td:nth-last-child(1),
.groupStatsTable td:nth-last-child(2) {
	font-weight: bold;
}
.groupStatsGroupInfo {
	font-size: 90%;
}
#groupStatsPage {
	width: 1200px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#groupStatsPageContainer {
	overflow-x: auto;
	background-color: #ffffff;
}
#groupStatsPage .smallNote {
	font-size:80%;
	font-weight: lighter;
}
.groupStatsHeader {
	margin-top: 50px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	color: #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}




/* @group Maksu näkymän tyylit */



#stripeElement .group * {
  font-family: "Helvetica Neue", Helvetica;
  font-size: 15px;
  font-variant: normal;
  padding: 0;
  margin: 0;
}

#stripeElement form, 
#stripeElement .form {
  width: 100%;
  margin: 20px auto;
}

#stripeElement .group {
  background: white;
  margin-bottom: 16px;
}

#stripeElement label {
  position: relative;
  color: #8898AA;
  font-weight: 300;
  height: 52px;
  line-height: 40px;
  margin: 0;
  display: block;
}

#stripeElement .group label:not(:last-child) {
  border-bottom: 1px solid #F0F5FA;
}

#stripeElement label span.fieldlabel {
  text-align: left;
  float: left;
  display: block;
  font-size: 13px;
  line-height: 15px;
  height: 18px;
  padding: 0;
  width: 100%;
  color: #555;
}

#stripeElement .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  font-size: 15px;
  color: #31325F;
  outline: none;
  cursor: text;
  width: 100%;
  height: 40px;
  float: right;
}

#stripeElement .fieldinput {
  background: transparent;
  font-weight: 300;
  border: 0;
  outline: none;
  cursor: text;
  width: 98%;
  height: 40px;
  float: left;
  display: block;
  width: 94%;
  padding: 0 3% 0 3%;
  border: 1px solid #c2c9cc;
}

#stripeElement .field::-webkit-input-placeholder { color: #CFD7E0; }
#stripeElement .field::-moz-placeholder { color: #CFD7E0; }
#stripeElement .field:-ms-input-placeholder { color: #CFD7E0; }

#stripeElement .outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 24px;
  text-align: center;
}

#stripeElement .success,
#stripeElement .error {
  display: none;
  font-size: 13px;
}

#stripeElement .success.visible,
#stripeElement .error.visible {
  display: inline;
}

#stripeElement .error {
  color: #E4584C;
}

#stripeElement .success {
  color: #666EE8;
}

#stripeElement .success .token {
  font-weight: 500;
  font-size: 13px;
}



.show-pay-window #pay-window-overlay {
  display: block;
}
#pay-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
  background: rgba(0,0,0,.8);
}
#pay-window {
  width: 100%;
  max-width: 1000px;
    margin: 60px auto 0 auto;
    display: block;
}

#pay-window button {
  float: left;
  display: block;
  background: #65eeb7;
  color: white;
  box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
  border-radius: 4px;
  border: 0;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  line-height: 38px;
  outline: none;
}



#pay-window .goBack {

	display: block;
	float: left;
	width: 100%;
	margin-top: 0px;
}

#pay-window #productDescription {
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
	color: #fff;
}
#pay-window #productDescription table {
	border-collapse: collapse;
	border: none;
	margin-top: 0;
	padding-top: 0;	
}
#pay-window #productDescription table td {
	color: #ffffff;
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
}
#pay-window #productDescription table td:nth-child(2) {
	text-align: right;
}

#pay-window #productDescription p {
	color: #fff;
}

#pay-window #paymentOptions {
	margin-top: 0px;
	margin-bottom: 20px;
    float: left;
    position: relative;
    width: 100%;
    max-width: 1100px;
}

#pay-window {
  background: transparent;
  color: #000;
  overflow: hidden;
  padding-left: 25px;
}

#pay-window h4 {
  font-size: 17px;
  line-height: 22px;
}

#pay-window .paymentMethodElement {
	float: left;
	max-width: 600px;
	margin: 0 2% 0 0;
	padding: 10px 2% 10px 2%;
	background: #fff;
	
	
	width: 44%;
	position: relative;

  box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
  border-radius: 4px;
}


#pay-window .close-button {
  color: #fff;
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 5px 12px;
  float: right;
}

#pay-window #leaddeskLogin p, 
#pay-window #leadcloudBillingCard p {
	width: 100%;
}
#pay-window #transactionDescription {
	width: 100%;
	float: left;
}
#pay-window #serverLDMMessage {
	width: 100%;
	float: left;
	margin-top:15px;
	margin-bottom:15px;
  	color: #E4584C;
  	font-size: 13px;
  	text-align: center;
}
#pay-window #overlay-notice-text {
	padding: 25px 2% 5px 2%;
	background: rgba(255,255,255,0.98);
	box-shadow: 2px 1px 100px 1px rgba(0,0,0,0.5);
}
#pay-window #overlay-notice {
	background: rgba(0,0,0,0.001);
}
#pay-window #wrapper {
	 -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
}
#pay-window fieldset {
	border: 2px;
}

/* @end */




/* Autocomplete */

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete {
  position: relative;
}
.easy-autocomplete input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  float: none;
  padding: 6px 12px;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}
.easy-autocomplete a {
  display: block;
}
.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}
.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}
.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}
.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}
.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}
.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}
.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}
.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}
.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}
.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}
.easy-autocomplete.eac-dark {
  color: #fff;
}
.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-dark ul {
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass {
  color: #fff;
}
.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}
.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}
.easy-autocomplete.eac-blue {
  color: #fff;
}
.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}
.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}
.easy-autocomplete.eac-yellow {
  color: #333;
}
.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}
.easy-autocomplete.eac-purple {
  color: #333;
}
.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-purple ul {
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}
.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
}
.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}
.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}
.easy-autocomplete-container ul li b {
  font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}



/* Single Search */

#yritysHaku {
	display: block;
	float: left;
	margin-top: 200px;
	margin-bottom: 40px;
	width: 100%;
}

#yritysHaku .data-table table th,
#yritysHaku .data-table table td {
    padding: 4px 10px 2px 5px;
}

#yritysHakuHeader {
	position: fixed;
	top: 80px;
	z-index: 1000;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	background: #070100;
    border: none;
	width: 100%;   
	padding: 60px 0 0 0;

}
#yritysHakuHeaderBGwrap {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	float: left;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#yritysHakuHeaderBG {
	position: absolute;
	top: -5%;
	left: -5%;
	display: block;
	float: left;
	height: 110%;
	width: 110%;
	background: #000 url(/css/images/haku-bg-v3.jpg) no-repeat center top;
	background-size: cover;
	filter: blur(5px);
	-webkit-transition:all 0.25s linear;
	transition:all 0.4s linear;
	opacity: 0.4;
}


#yritysHakuApp.start #yritysHakuHeader {	
	padding: 200px 0 100px 0;	
}
#yritysHakuApp.start #yritysHakuHeaderBG {	
	filter: blur(0px);
	opacity: 0.9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
#yritysHakuApp.start #yritysHaku {	
	margin-top: 340px;
}

#yritysHakuApp.start {
	display: block;
	float: left;
	width: 100%;
	
}

    #yritysHakuTabs {
        width: 430px;
        margin: 40px auto 0px auto;
    }
    .scrolled #yritysHakuTabs {
    	margin: 15px auto 0px auto;	
    	display: none !important;
    }
	#yritysHakuTabs .tab-nav li span {
	    transform: skewX(10deg);
	    border: none !important;
	    background: none !important;
	    padding: 20px 9px 19px 18px;
	    display: inline-block;
	    position: static;
	    top: auto;
	    left: auto;

	}
	.scrolled #yritysHakuTabs .tab-nav li span {
		padding: 10px 9px 9px 18px;
	}

	#yritysHakuTabs .tab-nav span {
		color: #425362;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 19px;

	}
    #yritysHakuTabs .tab-nav li span.notify {
		font-size: 12px;
	    line-height: 12px;
	    padding: 3px 5px;
	    min-width: 10px;
	    text-align: center;
	    border-radius: 9px;
	    color: #000;
	    background: rgba(0,0,0,0.1) !important;
	    position: relative;
	    top: -3px;
	    right: 0;

    }
    #yritysHakuTabs .tab-nav li.active span.notify {
    	background: rgba(255,255,255,0.3) !important;
    	color: #fff	!important;
    }
    #yritysHakuTabs .tab-nav li.active {
    	background: #fe7b31	!important;
    }
    #yritysHakuTabs .tab-nav li.active span{
    	color: #fff	!important;
    }

#yritysHakuApp #yritysHakuTabs {
	display: block;
}
#yritysHakuApp #yritysHakuTulokset {
	display: block;
}
#yritysHakuApp.start #yritysHakuTabs {
	display: none;
}
#yritysHakuApp.start #yritysHakuTulokset {
	display: none;
}

#yritysHakuApp #yritysHakuOhje {
	display: none;
}
#yritysHakuApp.start #yritysHakuOhje {
	display: block;
	
}

#yritysHakuApp h1 {
	font-size: 23px;
	line-height: 25px;
	margin: 40px 0 20px 0;
	text-align: center;
	color: #232323;
}
#yritysHakuOhje p {
	text-align: center;
	font-size: 16px;
	color: #6c6c6c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	padding: 0 20px 0 20px;

}

#yritysHakuInputs {
	margin:  0 auto;
	width: 512px;
}
#yritysHakuApp {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	background: #e8e9ed;
	padding-bottom: 20px;

}
#yritysHakuApp .tab-nav {
	margin: 0 auto 0 auto;
	height: auto;
	width: 650px;
	border: none;
}
#yritysHakuApp .tab-nav li {
    transform: skewX(-10deg);
    background: #fff;
    margin-right: 2.2px;
    padding-right: 14px;
}


#yritysHakuApp .easy-autocomplete-container ul {
	background: rgba(255,255,255,0.8);
}
#yritysHakuApp .easy-autocomplete-container ul li {
	padding: 2px 12px; 
}


#yritysHakuApp .easy-autocomplete ul li.selected {
	background: #fd7c31 !important;
	
}
#yritysHakuApp .easy-autocomplete ul li.selected .ss-nimi {
	color: #fff !important;
}
#yritysEiTuloksia {
	display: none;
}

.scrolled #yritysHakuHeader {
	padding: 10px 0 10px 0;
	top: 47px;
}
#yritysHakuInputs input#yritys-haku-hae {
    position: absolute;
    right: -1px;
    top: 0;
    height: 50px;
    width: 50px;
    padding: 6px 6px;
    background: #fe7b31;
    border: none;
/*     box-shadow: 1px 1px 3px rgba(0,0,0,0.4); */
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	outline: none !important;
	border-radius: 0 !important;
	
}
#yritysHakuInputs input#yritys-haku-phrase {
	display: block;
    width: 100%;
    padding: 15px 12px;
    margin: 0;
    
    color: #000;
    background: #fff;
    border-radius: 0;
    font-size: inherit;
    height: 50px;
    font-size: 20px;
    line-height: 20px;
    border: none;
	outline: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;

	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);

}

#yritysHakuInputs input#yritys-haku-phrase:focus,
#yritysHakuInputs input#yritys-haku-phrase:active {
	border: none;
	outline: none;
}
#yritysHakuInputsWrap {
	position: relative;
}
.ss-nimi {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 100%;
}
.ss-paattaja {
	color: #888 !important;
	font-weight: normal !important;
	font-size: 100%;
	
}

    #yritysHakuTulokset {
        width: 880px;
        margin: 0 auto;
    }


    .hakuKortti {
        display: block;
        float: left;
        width: 100%;
        border: 1px solid #d6e3e6;
        padding: 10px 10px 10px 64px;
        box-sizing: border-box;
        margin-top: -1px;
        min-height: 70px;

    }
    .hakuKortti .piiloitettu {
		text-transform: uppercase;
		font-size: 10px;
		line-height: 10px;
		padding: 0 5px 0 2px;
		color: #333;
		background: rgba(0,0,0,0.1);
		font-family: Helvetica, Arial, sans-serif;
		font-weight: 300;
		display: block;
		float: left;
	    padding: 3px 6px;
	    margin: 0px 2px 3px 2px;
	    border-radius: 3px;
    }
    .hakuKortti h3 {
        margin:0 0 3px 0;
        font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;


    }
    .hakuKortti h3 a {
    	color: #222;
    }
    .hakuKortti h3 a:hover {
    	text-decoration: underline;
    	color: #fd7c31;
    }
    .hakuKortti p {
        margin:0 0 3px 0;
        font-size: 14px;
        line-height: 17px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
    }

    .yritysKortti {
        background: #fff url(icons-turkoosi/yritys-icon.png) no-repeat 30px 30px;
        background-position: 10px 10px;
        background-size: 40px 50px;
        
    }
    .henkiloKortti {
        background: #fff url(icons-turkoosi/paattaja-icon.png) no-repeat 30px 30px;
        background-position: 13px 10px;
        background-size: 30px 30px;
        
    }
    .sivutoimipaikat {
	    display: block;
	    float: left;
	    width: 100%;
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 

    }
    .sivutoimipaikat span.kaupunki {
	    border: none;
	    background: rgba(0,0,0,0.1);
	    padding: 3px 7px;
	    
	    border-radius: 12px;
	    margin: 5px 5px 0 0;
	    display: block;
	    float: left;
	    font-weight: normal;
	    color: #000;
	    cursor: pointer;



	}
    .sivutoimipaikat span.kaupunki:hover {
    	background: #fd7c31;
    	color: #fff;
    }


    .hakuKortti .tiedot1 {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 49%;
        
    }
    .hakuKortti .tiedot2 {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 49%;
        
    }

    .hakuKortti .tiedot2 a {
    	color: #425362;
    	font-weight: 300;
    	
    }
    .hakuKortti .tiedot2 a:hover {
    	text-decoration: underline;
    	
    }
    .hakuKortti p.osoite {
        display: block;
        float: left;
        clear: both;
        background: #fff url(icons/sijainti-icon.png) no-repeat 0px 1px;
        background-position: 0px 1px;
        background-size: 15px 15px;
        padding-left: 20px;
        
    }
    .hakuKortti p.puhelin {
        display: block;
        float: left;
        clear: both;
        background: #fff url(icons/puhelin-icon.png) no-repeat 0px 2px;
        background-position: 0px 2px;
        background-size: 15px 15px;
        padding-left: 20px;        
        
    }
    .hakuKortti p.fonectaId {
        display: block;
        float: left;
        clear: both;
        padding-left: 20px;        
    }
    .hakuKortti p.www {
        display: block;
        float: left;
        clear: both;
        background: #fff url(icons/www-icon.png) no-repeat 0px 2px;
        background-position: 0px 2px;
        background-size: 15px 15px;
        padding-left: 20px;

    }


 #yritysHakuInputsWrap h1 {
        margin: 0 0 0 0; 
        color: #fff;
    }
    #yritysHakuInputsWrap p {
        margin: 0 0 5px 0; 
        color: #fff;
    }

    #yritysHaku td {
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .box50 table {
        width: 100%;
    }
    .info-table td.label {
        max-width: 120px;
    }
    .info-table td.value {
        max-width: 120px;
        color: #000;
        
        font-weight: bold;
        font-size: 15px;
    }










    #yritysHaku .data-table td.value {
        font-weight: normal;
    }
    #yritysHaku .data-table thead td.value {
        font-weight: bold;
    }
    #yritysHaku .data-table td.subheading {
	    font-size: 13px;
	    color: #444;
	    font-weight: normal;
	    text-transform: uppercase;
	    padding: 14px 0 0 0; 
	    text-align: left;
	    border-bottom: 1px solid #000;
	}
	#yritysHaku .data-table td span.negative {
		color: #f00;
	}


/* @group Data table */

.data-table {
    padding: 0 0 20px 0;
    overflow: hidden;
}
.data-table table {
    margin: 0 0 20px 0;
}
.data-table td,
.data-table th {
    border-right: 0;
    border-left: 0;
}
.data-table thead td {
    font-weight: bold;
}
/*.data-table .table-container {
    width: 3000px;
}*/
.no-pdf-version .data-table table {
    min-width: 100%;
    color: #5e6468;
}
.data-table table tr th.first,
.data-table table tr td.first {
    max-width: 180px;
    padding-left: 33px;
}

.data-table table tr th.last,
.data-table table tr td.last { padding-right: 33px; }

.data-table table tbody tr td {
    border-bottom: 1px solid #ccc;
}
.data-table table thead tr td {
    border-bottom: 1px solid #000;
}
.data-table table tbody tr:nth-child(even) {
    background: transparent;
}

.data-table table th,
.data-table table td {
    /*position: relative;*/
    /*width: 120px;*/
    padding: 4px 10px 2px 0;
    vertical-align: top;
    text-align: right;
}
.data-table table th {
    font-weight: normal;
    line-height: 15px;
}
.data table table thead th {
    white-space: nowrap;
}
.data-table table thead th {
    font-weight: bold;
}
.data-table table thead th,
.data-table table tbody td {
    text-align: right;
}
.data-table table thead th {
    padding-top: 5px;
}

.data-table table.table-dark tbody td {
    font-size: 11px;
}
.data-table table.equal-width-cols td,
.data-table table.equal-width-cols th {
    width: 120px;
}
.data-table table.equal-width-cols tbody th.first,
.data-table table.equal-width-cols tbody td.first,
.data-table table.equal-width-cols th.first {
    
    width: 180px;
}
/* Highlighted column */
.data-table table thead th.col-highlight,
.data-table table thead td.col-highlight {
    font-weight: bold;
    color: #222;
}
.data-table table tbody th.col-highlight,
.data-table table tbody td.col-highlight {
    font-size: 13px;
    color: #222;
}
.data-table table thead th.col-highlight,
.data-table table thead td.col-highlight,
.data-table table tr th.col-highlight,
.data-table table tr td.col-highlight {
    background: #e9f2f4;
}

/* @end */



.box50 h4 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 16px;
}
.box50 h5 {
    margin-top: 6px;
    margin-bottom: 0px;
}



    #yritysHaku .box50 {
        display: block;
        float: left;
        width: 49%;
        margin: 10px 0.5% 0px 0.5%;
        
        box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
        background: #fff;
        box-sizing: border-box;
        padding: 20px 20px;

    }
    #yritysHaku .box50 h1 {
        margin: 0 0 10px 0; 
        text-align: left !important;
    }



/* Cherrypicking */

#cherrypickArea {
	display: block;
	float: left;
	width: 100%;
	overflow-y: hidden;
	background: #e8e9ed;
	padding-bottom: 32px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
#cherrypickArea .button {
    display: block;
    float: left;
    padding: 10px 25px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d5d7db;
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #4cc1bf;
    margin-left: 5px;
}
#cherrypickActions {
	position: absolute;
	top: -6px;
	right: 0;
}
#cherrypickArea.forRegisteredUser {
/*	border-top: 2px solid #e8e9ed; */
}
#cherrypickArea.forUnregisteredUser {
	border-top: 2px solid #e8e9ed;
}

.cherrypickArea-hidden #cherrypickArea,
#cherrypickArea.hidden {
	opacity: 0; 
    max-height: 0px;
    transition: all 0.7s; 
    transition-delay: 0s;
	overflow-y: hidden;
	padding: 0;
	border-top: none;
}
.cherrypickArea-visible #cherrypickArea,
#cherrypickArea.visible {
/*	max-height: 500px; */
	opacity: 1;
    transition: all 0.7s ease .15s;
    transition-delay: 0.5s;
/*	overflow-y: auto; */
	
}
.cherrypickArea-visible #statistics {
	display: none;
}
#resultAreaContainer {
	position: relative;	
	display: block;
	float: left;
    background: #FEFFFF;
	width: 100%;
	height: auto;  
 	border-top: 2px solid #e8e9ed;
 	padding: 0;
}
.cherrypickArea-visible #resultAreaContainer {
	padding: 5px 0 5px 0;
}
.cherrypickArea-visible #henkilot {
	display: none;
}
.cherrypickArea-visible #resultAreaContainer {
	position: fixed;
	top: 80px;
	z-index: 1000;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	background: #4cc1bf;
    border: none;
}
.cherrypickArea-visible.scrolled #resultAreaContainer {	
	top: 47px;
}
#cherrypickRegisteredCloseListButtonOr {
	color: #fff;
}



#cherrypickAmount {
	display: none;
    float: left;
    padding: 8px;
    background: none;
    color: #fff;
}
.cherrypickArea-visible #cherrypickAmount { 
	display: block;
}


.cherrypickArea-visible  #cherrypickRegisteredCloseListButtonArea {
	display: block;
}
.cherrypickArea-visible #limitButtonArea {
	display: none;
}

.cherrypickArea-button #cherrypickArea,
#cherrypickArea.button {
	max-height: 100px;
	opacity: 1;
    transition: all 0.7s ease .15s;
    transition-delay: 0.5s;
	overflow-y: hidden;
	padding-bottom: 0px;
}
.cherrypickArea-button #cherrypickInstructions {
	display: none;
}

#cherrypickLoaderContainer {
	padding-top: 15px;
	padding-bottom: 15px;
}
.cherrypickArea-waiting #cherrypickArea {
	padding-bottom: 0px;
}
.cherrypickArea-waiting #cherrypickLoaderContainer,
#cherrypickArea.waiting #cherrypickLoaderContainer {
	display:block;
	opacity: 1;
    max-height: 100px;
    transition: all 0.3s ease .15s;
    transition-delay: 0s;	
}
.cherrypickArea-waiting #cherrypickLoaderContainer
#cherrypickArea.waiting.forRegisteredUser #cherrypickLoaderContainer {
	padding-top: 18px;
}
.cherrypickArea-waiting #cherrypickInstructions,
.cherrypickArea-hidden #cherrypickInstructions {
	display: none;
}

#cherrypickPublicGetListButtonArea {
	text-align: center;
	opacity: 0;
	height: 0;
    transition: all 0.3s ease .15s;
    transition-delay: 0s;
}
#cherrypickPublicGetListButtonArea p {
	margin: 0;
	padding: 0;
}
#cherrypickArea.button #cherrypickPublicGetListButtonArea {
	opacity: 1;
    height: auto;
    transition: all 0.3s ease .15s;
    transition-delay: 0s;


    display: block;
    float: left;
    width: 100%;
    background: #fff;
    padding: 16px 0 16px 0;
}
#cherrypickPublicGetListButton {

	font-size: 17px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    
    border-radius: 3px;
    padding: 8px 14px 7px 14px;
    cursor: pointer;
    border: 1px solid #4cc1bf;
    background: #29aaff;
}
#cherrypickLoaderContainer {
	opacity: 0;
    max-height: 0px;
	margin: auto;
	width: 100px;
    transition: all 0.3s ease .15s;
    transition-delay: 0s;	
    display: none;
}
#cherrypickInstructions {
	margin: 0 auto;
	width: 984px;
	max-width: 90%;
	margin-top: 95px;
	position: relative;
}
#cherrypickInstructions h3 {
	margin: 0 0 14px 0;
}
#cherrypickLoader {
	border: 12px solid #f3f3f3;
	border-radius: 50%;
	border-top: 12px solid #3DB9B8;
	width: 50px;
	height: 50px;
}
#cherrypickResultArea {
	width: 984px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
.cherrypickCompany {
	float: left;
	width: 100%;
	cursor: pointer;
	position: relative;
	border: 1px solid #d5d7db;
	margin-top: -1px;
	background: #fff;
	padding: 10px 0 10px 50px; 
	box-sizing: border-box;
}
.cherrypickCompany h4 {
    margin: 0;
    font-size: 15px;
    display: block;
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;

}
.cherrypickCompany.multiple {
	padding-bottom: 12px;
} 
.cherrypickCompany.multiple h4 {
	padding-bottom: 16px;
}
.cherrypickCompany .hide {
	display: none !important;
}
/*.cherrypickCompany h4:hover span {
	text-decoration: underline;
}*/
.cherrypickCompany::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 8px;
    left: 10px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 21px;
    line-height: 18px;
    color: #fff;


    content: "\2713";
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
}
.forUnregisteredUser .cherrypickCompany::before {
	display: none;
}
.cherrypickCompany.selected h4 {
	color: #777;
}

.cherrypickCompany.selected::before {
    content: "";
    color: #fff;
    border-color: #e3e4e8;
    background-color: #fff;

}

.cherrypickCompanyTags {
	
}
.cherrypickCompany h4 span {
	margin: 0;
    display: block;
    float: left;
    width: auto;
    list-style: none;
    width: 33%;
}
.cherrypickCompany h4 span.cherrypickCompanyName {
    font-weight: bold;
    color: #232323;
    
}
.cherrypickCompany h4 span.cherrypickCompanyId {    
    color: #777;
}
.cherrypickCompany h4 span.cherrypickCompanyTags {    
    color: #54616e;
	text-decoration: none !important;
}
.cherrypickCompany.selected h4 span.cherrypickCompanyTags {
	
}
.cherrypickCompany h4 span.cherrypickCompanyTags strong {
	color: #000;
	
}

.cherrypickDecisionMaker, 
.cherrypickPlaceholder {
	z-index: 50;
	float: left;
	width: 32%;	
	height: 16px;
	margin-right: 1%;
	opacity: 1;
	
	padding: 3px 0 3px 0;
	position: relative;

	cursor: pointer;
	overflow: hidden;	
}

.cherrypickDecisionMaker::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 2px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 15px;
    line-height: 14px;
    color: #fff;


    content: "\2713";
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
}


.cherrypickDecisionMaker.selected::before {
    content: "";
    color: #fff;
    border-color: #e3e4e8;
    background-color: #fff;

}
/*.cherrypickDecisionMaker:hover p {
	text-decoration: underline;
}*/




#cherrypickRegisteredGetListButtonArea {
	text-align: left;
	float: left;
	height: 100%;
	position: relative;
}
#cherrypickButtonGreyoutArea {
	opacity: 1;
    transition: all 0.7s ease .15s;
    transition-delay: 0s;
}
#cherrypickRegisteredGetListButtonArea.cherrypickGreyedOut #cherrypickButtonGreyoutArea {
	opacity: 0.3;
    transition: all 0.7s ease .15s;
    transition-delay: 0s;
}
#cherrypickButtonTooltip {
	position: absolute;
	display: none;
	background-color: #f9f9f9;
	color: #666666;
	font-size: 13px;
	padding: 5px 10px 5px 10px;
	z-index: 100000;
	border: 1px solid #eeeeee;
	border-radius: 15px;
	opacity: 0.94;
	line-height: normal;
	top: -10px;

	-webkit-box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
	-moz-box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
	box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
}
#cherrypickRegisteredGetListButtonArea.cherrypickGreyedOut:hover #cherrypickButtonTooltip {
	display: block;
}
body.cherrypickArea-visible #cherrypickRegisteredGetListButtonArea {
	display: none;
}
#cherrypickRegisteredGetListButton {
	display: inline-block;
	float:right;
    transition: all 0.7s ease .15s;
    transition-delay: 0s;
}
#cherrypickRegisteredGetListButtonArea.cherrypickGreyedOut #cherrypickRegisteredGetListButton {
	background-color: #999999;
    transition: all 0.7s ease .15s;
    transition-delay: 0s;
}
#cherrypickRegisteredGetListButtonOr {
	display: inline-block;
	float: left;
	height: 100%;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	font-style: italic;
}

#cherrypickRegisteredCloseListButtonArea {
	text-align: left;
	float: left;
	height: 100%;
	display: none;
}
#cherrypickRegisteredCloseListButton {
	display: inline-block;
	float:right;
}
#cherrypickRegisteredCloseListButtonOr {
	display: inline-block;
	float: left;
	height: 100%;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-style: italic;
}

.cherrypickDecisionMaker p {
	margin-bottom: 0px;
	margin-left: 28px;
	color: #6e6e6e;
    font-size: 15px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    width: 150%;

}
.cherrypickDecisionMaker p i {
	color: #888;
	margin-left: 4px;
}
.cherrypickDecisionMaker.selected p {
	color: #888;
}


#campaignSaveLimit:disabled {
	background: #dddddd;
}

/* @group configureFilters */

.configureFiltersGroup {
	float: left;
	width: 100%;
	cursor: pointer;
	position: relative;
	border: 1px solid #d5d7db;
	margin-top: -1px;
	background: #fff;
	padding: 10px 0 10px 50px; 
	box-sizing: border-box;
}
.configureFiltersGroup h4 {
    margin: 0 0 10px 0;
    font-size: 15px;
    display: block;
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;

}
.configureFiltersGroup.multiple {
	padding-bottom: 12px;
} 
.configureFiltersGroup.multiple h4 {
	padding-bottom: 16px;
}
.configureFiltersGroup .hide {
	display: none !important;
}
.configureFiltersGroup h4:hover span {
	text-decoration: underline;
}
.configureFiltersGroup::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 8px;
    left: 10px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 21px;
    line-height: 18px;
    color: #fff;


    content: "\2713";
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
}
.configureFiltersGroup.selected h4 {
	color: #777;
}

.configureFiltersGroup.selected::before {
    content: "";
    color: #fff;
    border-color: #e3e4e8;
    background-color: #fff;
}
.configureFiltersGroup h4 span {
	margin: 0;
    display: block;
    float: left;
    width: auto;
    list-style: none;
    width: 50%;
}
.configureFiltersGroup h4 span.configureFiltersGroupName {
    font-weight: bold;
    color: #232323;
	width: 67%;
}
.configureFiltersGroup h4 span.configureFiltersGroupTags {    
    color: #54616e;
	text-decoration: none !important;
	width: 33%;
}
.configureFiltersGroup h4 span.configureFiltersGroupTags strong {
	color: #000;	
}
.configureFiltersFilter {
	z-index: 50;
	float: left;
	width: 32%;	
	margin-right: 1%;
	opacity: 1;
	
	padding: 3px 0 3px 0;
	position: relative;

	cursor: pointer;
	overflow: hidden;	
}
.configureFiltersFilter::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 2px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 15px;
    line-height: 14px;
    color: #fff;
    content: "\2713";
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
}
.configureFiltersFilter.selected::before {
    content: "";
    color: #fff;
    border-color: #e3e4e8;
    background-color: #fff;
}
.configureFiltersFilter:hover p {
	text-decoration: underline;
}
.configureFiltersFilter p {
	margin-bottom: 0px;
	margin-left: 28px;
	color: #6e6e6e;
    font-size: 15px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    width: 150%;
}
.configureFiltersFilter p i {
	color: #888;
	margin-left: 4px;
}
.configureFiltersFilter.selected p {
	color: #888;
}



/* @end */
.trackChanges h5 {
	margin: 0 0 8px 0;
}
.trackChangesOption {
	z-index: 50;
	float: left;
	width: 99%;	
	margin-right: 1%;
	opacity: 1;
	
	padding: 3px 0 3px 0;
	position: relative;

	cursor: pointer;
	overflow: hidden;	
}

.trackChangesOption::before {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 2px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 15px;
    line-height: 14px;
    text-align: center;

    content: "";
    color: #fff;
    border-color: #e3e4e8;
    background-color: #fff;
}
.trackChangesOption.selected::before {
    color: #fff;
    content: "\2713";
    border-color: #4cc1bf;
    background-color: #4cc1bf;

}


.trackChangesOption:hover p {
	text-decoration: underline;
}
.trackChangesOption p {
	margin-bottom: 0px;
	margin-left: 28px;
	color: #6e6e6e;
    font-size: 15px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    width: 150%;
}
.trackChangesOption p i {
	color: #888;
	margin-left: 4px;
}
.trackChangesOption.selected p {
	color: #888;
}




/* User settings */
#asetukset.mainPage {
	padding-top: 30px;
	opacity: 1;
	transition: opacity 0.3s ease;
	padding-bottom: 30px;
	background-color: #ffffff;
}
#asetukset.loading {
	opacity: 0;
}
.KPsettingsView {
	margin: auto;
	overflow: hidden;
	display: block;
	width: 900px;
	padding: 30px 10px 30px 5px;
	border-bottom: 2px solid #E5E6EA;
}
.KPsettingsView:last-child {
	border-bottom: none;
}
.KPSVtitleCol {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 32%;
	min-height: 100px;
}
.KPSVcontentCol {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 68%;
	min-height: 50px;
}
.KPSVtitleColElem {
	font-size: 24px;
	line-height: 24px;
	font-weight: lighter;
	font-style: italic;
}
.KPSVtitleColElem .subtitle {
	font-size: 20px;
	line-height: 20px;
}
.KPSVkeyRow {
	overflow: hidden;
	margin-bottom: 8px;
}
.KPSVnotificationArea {
	display: block;
	float: left;
	font-size: 13px;
}
.KPSVloaderArea {
	position: relative;
	display: none;
	float: left;
	zoom: 0.5;
    -moz-transform: scale(0.5);
}
.KPsettingsView.loading .KPSVloaderArea { 
	display: block;
}
.KPSV50element {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 50%;
	min-height: 1px;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-right: 6px;
}
.KPSVinputLabel,
.KPSVinfoText {
	display: block;
	float: right;
	overflow: hidden;
	padding-top: 9px;
	padding-right: 10px;
}
.UISinfoArea .KPSVinfoText {
	padding-top: 0px;
}
.KPSV50element input {
	display: block;
	float: right;
}
.KPSVsmallButton,
.KPtinyButton {
	outline: none;
	width: 16px;
	height: 16px;
	line-height: 10px;
	padding: 0 0 0 0;
	border-width: 1px;
	border-color: #888888;
	color: #777777;
	border-radius: 2px;
	border-style: solid;
	background: transparent;
}
.KPSVsmallButton:hover,
.KPtinyButton:hover {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(41, 170, 255, 1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(41, 170, 255, 1);
  box-shadow: 0px 0px 5px 1px rgba(41, 170, 255, 1);
}


/* UserInformationSettingsView */

.UserInfoSettingElement {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-right: 85px;
}
.UISpasswordArea {
	margin-top: 10px;
}
.UserInfoSettingElement .SoCoolFancyTextInputContainer,
.UserInfoSettingElement .KPSVinfoField,
.UISemailConfirmationButton,
.UISpasswordConfirmationButton {
	float: right;
}
.KPSVinfoField {
  position: relative;
  overflow: visible;
}
.UserInfoSettingElement input, 
.UserInfoSettingElement .KPSVinfoField {
	width: 350px;
}
.UISemailArea {
	margin-top: 30px;
	padding-bottom: 3px!important;
}
.KPSVinfoField {
	padding-top: 9px;
}
.UISinfoArea .KPSVinfoField {
	padding-top: 0px;
}
.UISemailConfirmationButton,
.UISpasswordConfirmationButton {
	width: 350px;
	margin-top: 3px;
}
.UISemailMessageArea,
.UISpasswordMessageArea {
	font-size: 13px!important;
	padding-top: 0!important;
	height: 20px;
}
.UISemailMessageArea.error,
.UISpasswordMessageArea.error {
	color: red;
}
.UISpasswordInfo {
	width: 100%;
	font-size: 13px;
}


#leaddesk-lists input[name="leaddesk"] {
	outline: none;
	width: 350px;
}


/* SubscriptionStatusSettingsView */

#SubscriptionStatusSettingView .KPSVtitleCol {
	min-height: 60px;
}
.SSSlabel {
	padding-top: 4px!important;
}
.SSScancelSubscription .UserInfoSettingElement:first-child, 
.SSSstartSubscription .UserInfoSettingElement:first-child {
	margin-top: 15px;
}


/* LeaddeskExportKeySettingsView and MicrosoftDynamicsKeySettingsView */

.LDEKSVcurrentKeyLabel,
.MDcurrentKeyLabel {
	display: block;
	float: left;
	margin-right: 5px;
}
.LDEKSVcurrentKeyValue,
.MDcurrentKeyValue {
	display: block;
	float: left;
}
.LDEKSVkeyInput,
.MDkeyInput {
	width: 525px;	
}
.LDEKSVbuttonContainer,
.MDbuttonContainer {
	opacity: 0;
	display: block;
	float: left;
	width: 45px;
	height: 20px;
	position: relative;
	transition: opacity 0.3s ease;
}
.KPsettingsView:hover .LDEKSVbuttonContainer,
.KPsettingsView:hover .MDbuttonContainer {
	opacity: 1;
	transition: opacity 0.3s ease;
}
.LDEKSVdeleteKeyButton,
.MDdeleteKeyButton,
.LDEKSVinfoButton,
.MDinfoButton {
	display: none;
	position: absolute;
	top: 3px;
	left: 25px;
}
.LDEKSVinfoButton,
.MDinfoButton {
	display: block;
	left: 5px;
	font-weight: bold;
}
.KPSVkeyInfoRow {
	overflow: hidden;
	width: 100%;
	height: 60px;
	padding-top: 5px;
	padding-right: 5px;
	transition: height 0.3s ease;
}
.KPSVkeyInfoRow.UISconfirmationSent {
	height: 70px;
	margin-bottom: 5px;
}
.KPSVkeyInfoRow.hidden {
	height: 0px;
	transition: height 0.3s ease;
}
.KPSVkeyInfoRow p {
	font-size: 13px;
	font-style: italic;
	color: #555555;
	margin-left: 20px;
	margin-bottom: 4px;
}


/* ExportOrderSettingsView */

#asetukset .form .checkbox-option-simple,
#kuukausitilaus .form .checkbox-option-simple,
#lisenssiSivu .form .checkbox-option-simple {
	padding: 3px 10px 3px 10px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	width: auto;
}
#asetukset .form .checkbox-option-simple label,
#kuukausitilaus .form .checkbox-option-simple label,
#lisenssiSivu .form .checkbox-option-simple label {
	color: #425362;
}
#asetukset .form .checkbox-option-simple:hover,
#kuukausitilaus .form .checkbox-option-simple:hover,
#lisenssiSivu .form .checkbox-option-simple:hover {
	background: none!important;
	border: 1px solid #cccccc;
} 
#ExportOrderSettingView .EOSVcheckboxArea {
	margin-top: -3px;
}
.EOSVcheckboxArea,
.EOSVlistArea {
	width: 100%;
}
.EOSVcheckboxArea {
	height: 65px;
}
.EOSVlistArea {
	box-sizing: border-box;
	padding: 10px 6px 10px 12px;
	overflow: hidden;
	position: relative;
}
.EOSVcurtain {
	display: none;
}
.EOSVlistArea.disabled {
	opacity: 0.4;
	cursor: not-allowed;
}
.EOSVlistArea.disabled .EOSVcurtain {
	display: block;
	z-index: 1000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #999999;
	opacity: 0.11;
	border-radius: 8px;
}
.EOSVlistArea.disabled .EOSVleftCol,
.EOSVlistArea.disabled .EOSVrightCol,
.EOSVlistArea.disabled .EOSVmidCol {
	pointer-events: none;
}
.EOSVleftCol,
.EOSVrightCol {
	box-sizing: border-box;
	width: 45%;
	height: 100%;
	position: relative;
	padding-right: 6px;
}
.EOSVleftCol {
	float: left;
}
.EOSVrightCol {
	display: block;
	float: left;
}
.EOSVmidCol {
	display: table;	
	float: left;
	width: 10%;
	height: 370px;
}
.EOSVmidColVerticalContainer {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.EOSVmidColContentRow {
	display: block;
	width: 100%;
	float: left;
	height: 40px;
}
.EOSVmoveButton {
	display: block;
	margin: 0 auto;
	font-size: 26px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 2px auto;
	border: none;
	border-radius: 3px;
	background-color: white!important;
}
.EOSVmoveButton:focus {
    outline: none;
}
.EOSVmoveButton:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.EOSVlistTitle {
	padding-bottom: 5px;
}
.EOSVlist {
	width: 100%;
	border: 1px solid #eeeeee;
	background-color: #fafafa;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
}
.EOSVlist ul {
	box-sizing: border-box;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 8px 5px 8px 5px;
	margin: 0px 0px 0px 0px;
}
.EOSVlist ul {
	height: 360px;
}
.EOSVrightList ul {
	height: 332px;
}
.EOSVlist li {
	position: relative;
	box-sizing: border-box;
	font-size: 13px;
	list-style: none;
  	height: 26px;
  	background-color: white;
	border: 1px solid #dddddd;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 2px;
}
.EOSVlist .mutableListSortButton {
	position: absolute;
	top: 2px;
	font-size: 20px;
	color: #aaaaaa;
	z-index: 20;
}
.EOSVlist .mutableListDownButton {
	right: 25px;
}
.EOSVlist .mutableListUpButton {
	right: 5px;
}
.EOSVlist .mutableListLabel {
	display: block!important;
	width: 93%!important;
	overflow: hidden;
	white-space: nowrap; 
  	text-overflow: ellipsis;
  	margin-right: 0!important;
  	line-height: 23px;
}
.EOSVrightList li:hover .mutableListLabel {
	width: 80%!important;	
}
.EOSVlist li span {
	padding-left: 3px;
}
.EOSVlist li.selected {
	background-color: #e5e5e5;
}
.EOSVlist li:hover {
}
.EOSVlist li.selected:hover {
	background-color: #e5e5e5;
}
.SSSbutton,
.EOSVremoveAllButton,
.UISemailConfirmationButton,
.UISpasswordConfirmationButton {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff5e5e;
	color: white;
	margin: 2px auto;
	border: none;
	border-radius: 3px;
}
.EOSVremoveAllButton {
	width: 100%;	
}
.SSSbutton:focus,
.EOSVremoveAllButton:focus,
.UISemailConfirmationButton:focus,
.UISpasswordConfirmationButton:focus {
    outline: none;
}
.SSSbutton {
	width: 80px;
}
.SSScancelButton {
	margin-left: 10px;
}



/* Emails shown on page */

.emailContainer {
	margin:0;
	padding:20px 0 0 0;
	background-color: #E8E9ED;
	width: 100%;
	height: 100%;
}
.emailContainer table {
	margin: 0;
}
.emailContainer h1 {
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.emailContainer	* {
	-webkit-text-size-adjust: none;
	-webkit-text-resize: 100%;
	text-resize: 100%;
}
.emailContainer a:link {
	color: #666666
}
.emailContainer p.add-3 {
	margin-top: 30px;
}
.emailContainer * {
	border: none;
	padding: 0;
	margin: 0;
}
.emailContainer table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
}
.emailContainer .emailMainBody {
	background-color: white;
}
@media only screen and (max-width:500px) {
	.emailContainer table[class="wrapper"]{
		min-width:320px!important;
	}
	.emailContainer table[class="flexible"]{
		width:100% !important;
	}
	.emailContainer td[class="hide"],
	.emailContainer td[class="hide"] img,
	.emailContainer span[class="hide"],
	.emailContainer br[class="hide"]{
		display:none !important;
		width:0 !important;
		height:0 !important;
		padding:0 !important;
		font-size:0 !important;
		line-height:0 !important;
	}
	.emailContainer td[class="img-flex"] img{
		width:100% !important;
		height:auto !important;
	}
	.emailContainer td {
		word-wrap: break-word!important;
		max-width: 310px!important;
	}
	.emailContainer td[class="aligncenter"]{text-align:center !important;}
	.emailContainer td[class="padd"]{width:11px !important;}
	.emailContainer td[class="content"] {
		width:93%!important;
	}
	.emailContainer td[class="add-1"]{padding:9px 10px 24px  30px !important;}
	.emailContainer td[class="add-2"]{padding:0 0 13px !important;}
	.emailContainer td[class="add-3"]{padding:0 0 20px !important;}
	.emailContainer td[class="add-4"]{padding:23px 10px 23px 28px !important;}
	.emailContainer td[class="add-5"]{padding:27px 28px 35px !important;}
	.emailContainer td[class="btn"]{padding:0 !important;}
	.emailContainer td[class="btn"] a{
		display:block !important;
		width:100% !important;
		padding:6px 0 7px !important;
	}
}





/* Vahvistussivu */

.confirmationPageMessage {
	display: block;
	font-size: 18px;
	width: 300px;
	margin: 30px auto 60px;
	padding: 20px 20px 20px 20px;
	text-align: center;
	border: 1px solid #aaaaaa;
}



/*Admin-paneeli*/

.adminPaneeliInputElement {
	float: left;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.adminPaneeliInputElement table {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
}
#adminPaneeliUserModifiableData table th {
	padding-top: 7px;
}
#adminPaneeliUserModifiableData table td {
	padding-top: 0px;
	padding-bottom: 0px;
}
.adminPaneeliInputElement select {
	margin-bottom: 3px;
	margin-top: 5px;
}
.adminPaneeliTab {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 49%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
#lisenssiSivu {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	overflow: hidden;
}
#asiakasLista {
	order: 0;
	flex-basis: :38%;
	flex-shrink: 10;
	flex-grow: 0;
	max-width: 500px;
	background-color: #e5eaee;
	height: 100%;
	padding-left: 15px;
	padding-right: 10px;
	overflow-y: auto;
}
#asiakasLista p {
	margin: 0.6em 0 0.6em;
}
#muokkausPaneeli {
	order: 1;
	flex-basis: 60%;
	flex-grow: 1;
	flex-shrink: 0;
	background-color: white;
	height: 100%;
	opacity: 1;
	transition: all 0.5s;
}
#muokkausPaneeli textarea {
	width: 550px;
	box-sizing: border-box;
}
#muokkausPaneeli.loading {
	opacity: 0;
}
#newUserPanelContainer {
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 85%;	
}
#newUserPanel {
	display: none;
	width: 100%;
	max-width: 400px;
	padding: 10px 10px 10px 10px;
	background-color: black;
	color: white;
}
#newUserPanelInner {
	display: block;
	margin: 0 auto;
	width: 350px;
	overflow: hidden;
}
#adminPaneeliNewUserButton {
	display: block;
	margin: 0 auto;
}
.newUserInputField {
	width: 350px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
#newUserPanelContainer .newUserInputField:last-of-type {
	margin-bottom: 15px;
}
#newUserPanelContainer .newUserInputField:first-of-type {
	margin-top: 10px;
}
#adminPaneeliUserInfo td {
	line-height: 1;
	border: none;
}
#adminPaneeliUserInfo tr:nth-child(even) {
	background-color: #e5eaee;
}
#adminPaneeliUserInfo tr td:last-child {
	text-align: right;
}
.adminPaneeliScrollBox {
	max-height: 600px;
	overflow-y: auto;
}
.adminPaneeliUserList li:hover {
	text-decoration: underline;
	cursor: pointer;
}
#subscriptionProductPurchased {
	font-style: italic;
}
#lisenssiSivuContainer {
	width: 100%;
	background-color: #e5eaee;
	overflow: hidden;
}
#userPanelSaveStatusArea {
	display: block;
	float: left;
	width: 100%;
	color: green;
}
#adminPaneeliPeriodList {
	margin-left: 20px;
	margin-top: 0px;
	overflow: hidden;
	padding: 0 2px 0 2px;
}
#adminPaneeliPeriodList label {
	overflow: hidden;
	margin-bottom: 0px;
	margin-left: 36px!important;
}
#adminPaneeliPeriodList p,
.adminPaneeliDesc {
	margin-top: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-weight: 100;
	font-size: 13px;
	color: #888888;
	max-width: 600px;
}
.APinfoTable {
	margin-left: 40px!important;
}
table .adminPaneeliDesc {
	max-width: 350px;	
}
#adminPaneeliPeriodList .checkbox-option-simple,
#lisenssiSivu .profilingRightsForm .checkbox-option-simple {
	padding: 10px 15px 10px 15px !important;
	width: 500px!important;
}
#adminPaneeliPeriodList .checkbox-option-simple label::before {
	top: 18px!important;
}
#lisenssiSivu .profilingRightsForm .checkbox-option-simple label::before {
	top: 12px!important;	
}
#adminPaneeliPeriodList .checkbox-option-simple input[type=radio]:checked+label::before {
	background-color: #65efb7!important;
    border-color: #65efb7!important;
}
#lisenssiSivu h3 {
	color: #777777;
  	padding: 7px 0px 3px 0px;
	font-size: 20px;
	margin-bottom: 5px;
}
.APdateInputBox {
	width: 188px!important;
	padding: 9px 10px!important;
	font: 100% Arial, Helvetica, sans-serif;
}
.adminPaneeliDesc {
	display: block;
  	overflow: hidden;
  	max-height: 500px;
  	transition: max-height 0.3s ease;
}
.adminPaneeliDesc.hidden {
  	max-height: 0px;
  	transition: max-height 0.3s ease;
}
.APinfoButton {
	margin-left: 5px;
	vertical-align: text-top;
	margin-top: 3px;
}
#lisenssiSivu h3 .APinfoButton {
	margin-left: 8px;
	margin-top: 6px;
}
#APsubmonthInfo {
	display: block;
	float: left;
	width: 100%;
}
#PCbillingDataStatus {
	margin-left: 5px;
}
#PCbillingDataStatus.statusOK {
	color: #40aa40;
}
#PCbillingDataStatus.statusNotOK {
	color: #aa4040;
}
.APonecol .adminPaneeliDesc {
	max-width: 200px;
}
td.APtwocols div.APautoUserDataSelect span {
	display: inline-block;
	width: 300px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
#APuserData-nav {
	margin-top: 40px;
	padding-left: 20px;
}
#APuserData-nav li.active span.APnavTitle {
	background-color: white;
	border-radius: 5px 5px 0px 0px;
}
.APuserData-tab-container {
	border-bottom: 1px solid #d6e3e6;
	overflow: hidden;
	padding: 10px 30px 20px 30px;
}
#adminPaneeliSendButton {
	display: block;
	margin: 10px auto;
}
#APbillingQueueView {
}
.APbillingQueueTableArea {
	min-height: 60px;
	width: 550px;
	box-sizing: content-box;
	position: relative;
	overflow: hidden;	
}
#APbillingQueueView .roundLoaderOverlay {
	background: white;
}
#APbillingQueueView .roundLoaderOverlay.roundLoaderVisible {
	opacity: 1;
}
table.APqueuedBillsTable {
	font-size: 12px;
	width: 550px;
	box-sizing: border-box;
}
table.APqueuedBillsTable tr:nth-child(even) {
	background-color: #e5eaee;
}
table.APqueuedBillsTable td {
	text-align: right;
}
table.APqueuedBillsTable td:first-child {
	text-align: left;
}
table.APqueuedBillsTable td.APqueuedBillsNoRows {
	text-align: center;
	font-size: 14px;
}
table.APqueuedBillsWarningsTable,
table.APqueuedBillsErrorsTable {
	font-size: 12px;
}
table.APqueuedBillsWarningsTable td,
table.APqueuedBillsErrorsTable td {
	color: red;
}


#subscriptionPurchaseConfirmation {
	padding-bottom: 30px;
}


/* @group "Kaikki haut"-sivu */
#adminKampanjatPage {
	display: block;
	float: left;
	width: 100%;
}
.adminKampanjatCard {
	display: block;
	float: left;
	width: 80%;
	margin-left: 40px;
}
#adminKampanjatQueryTable td {
	padding-right : 40px;
}
#adminKampanjatQueryTable th {
	padding-top: 10px;
	padding-bottom: 2px;
	text-align: left;
}


/* @group Valitse kohde sivu */
#searchPage {
	display: block;
	float: left;
	width: 100%;
	background: #e8e9ed;
}
#searchPageContainer {
	margin: 2px auto 50px auto;
	width: 1240px;
}
#searchPageBackground {
	background: #fff;
	display: block;
	float: left;
	width: 100%;
}

#ostaminen {
	background: #e5eaee;
	padding: 10px 0 20px 0;
    display: block;
    float: left;
    width: 100%;
}
#ostaminen h1,
#ostaminen p {
	text-align: center;
}
#ostaminen h1 {
	margin-top: 20px;
}

#resultArea {
	margin: 0 auto;
/*	max-width: 1200px; */
/*	min-height: 200px; */
}
#resultAreaMenuContainer {
/*    margin: 5px 0 0 0; */
/*    border-top: 1px solid #fff; */
/*    width: 258px; */
	width: 100%;
    display: block;
    float: left;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 12px;
    background: #e7f5f5;

}
#resultArea p {
	margin-bottom: 5px;
}


#saveResultsScrollAlert {
	position: fixed;
	display:none;
	bottom: 30px;
	right: 30px;
}
#scrollToSaveResults {
	height: 35px;
	width: 180px;
	background-color: rgba(245, 245, 239, 0.8);
	opacity: 80%;
	color: grey;
	outline: none;
	font-size: 12px;
	border-radius: 15px;
	border: 0px solid #AAAAAA;
	box-shadow: none;
}
#scrollToSaveResults:active {
	background-color: rgba(225, 225, 219, 0.7);	
}



#resultButtonAreaWrap {
	width: 100%;
	display: block;
	float: left;
	padding: 16px 0 16px 5%;
/*	border-top: 2px solid #e5eaee; */
}
.not-logged-in #resultButtonAreaWrap  {
	padding: 0 0 0 5%;
}
.cherrypickArea-visible.not-logged-in #resultButtonAreaWrap {
	padding: 16px 0 16px 5%;
}
#resultButtonArea {
	margin: 0 auto;
	max-width: 700px;
}
#campaignDescriptionAreaWrap {
	width: 100%;	
	float: left;
	padding: 0 0 10px 5%;
    overflow: hidden;
}
#campaignDescriptionAreaWrap.campaignDescriptionHidden {
    max-height: 0px;
    transition: all 0.7s; 
    transition-delay: 0s;
}
#campaignDescriptionAreaWrap textarea {
	margin-top: 10px;
}
#campaignDescriptionAreaWrap.campaignDescriptionVisible {
	max-height: 110px;
   	transition: all 0.7s ease .15s;
    transition-delay: 0.5s;
}
#cherrypickArea.visible.campaignDescriptionHidden {
	padding-top: 10px;
   	transition: all 0.7s; 
    transition-delay: 0s;
}
#cherrypickArea.visible.campaignDescriptionVisible {
	padding-top: 110px;
    transition: all 0.7s ease .15s;
    transition-delay: 0.5s;
}

/*.campaignDescriptionHidden {
	opacity: 0;
    max-height: 0px;
    transition: all 0.7s; 
    transition-delay: 0s;
}
.campaignDescriptionVisible {
	max-height: 500px;
	opacity: 1;
    transition: all 0.7s ease .15s;
    transition-delay: 0.5s;
}*/
#campaignDescriptionArea {
	margin: 5px auto;
	max-width: 700px;
}
#campaignDescription {
	border-radius: 5px;
	box-sizing: border-box;
	width: 540px;
	height: 92px;
}

.action-button,
#campaignSaveButton,
#cherrypickRegisteredGetListButton {
	display: block;
	float: left;
	padding: 10px 25px;
	background: #fd7c31;
	border-radius: 5px;
	border: none;
	line-height: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-left: 5px;
	margin-top: 1px;
}
.cherrypickArea-visible .action-button,
.cherrypickArea-visible #campaignSaveButton,
.cherrypickArea-visible #cherrypickRegisteredGetListButton {
	background: #39aaa8;
}

#henkilot, #kontaktienPaivitysSivu {
	display: block;
	float: left;
	width: 100%;
}
.percentageMeterContainer {
	white-space: nowrap;
	min-width: 60px;
	box-sizing: border-box;
}
.percentageMeter {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	background: #4cc1bf;
	border-radius: 0 5px 5px 0;
	vertical-align: bottom;
}
.percentageMeterValue {
	display: inline-block;
	width: auto;
	height: 20px;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 15px;
	margin-left: 5px;
	vertical-align: bottom;
}
#resultArea table td {
	padding-left: 0;
}
#resultArea table {
	margin: 0;
}
#resultArea  h5 {
	color: #000;
	font-weight: bold;
	line-height: 17px;
	font-size: 17px;
	margin: 8px 0 5px 0;
}

#filterMenu {

	width: 196px; 
	float: left;
	margin: 0px;
	border: 0px;
}
#filterMenu ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#filterMenu ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
}
#filterMenu ul li.selected {
	background: #fd7c31;
}
#filterMenu ul li.selected span {
	color: #fff;
}
#filterMenu ul li.selected:hover span {
	color: #fff;
}
#filterMenu ul li.checked:after {
	content: "\2713";

    display: inline-block;
    width: 15px;
    height: 15px;

    margin-right: 9px;
    position: absolute;
    top: 5px;
    right: 2px;
    border-radius: 2px;
    font-size: 24px;
    line-height: 24px;
    color: #4cc1bf;
} 
#filterMenu ul li.selected.checked:after {
    color: #fff;
} 
#filterMenu ul li span {
	display: block;
	float: left;
	padding: 8px 4px 8px 12px;
	font-size: 17px;
	line-height: 18px;
	color: #425362;
}
#filterMenu ul li:hover span {
	color: #000;
}
#poistolistatCount {
	position: absolute;
	right: 30px;
}
#filterMenu ul li.selected #poistoListatCount {
    color: #ffffff;
} 

#kohdennus-tavoittaa h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;	
	color: #4cc1bf;
}
#kohdennus-tavoittaa p {
	color: #999;
	font-size: 13px;
	line-height: 14px;
} 

#kohdennus-tavoittaa {
	/* background: url(icons-fonecta/kohdennus-icon.png) no-repeat left top; */
	/* background-size: 50px 60px; */
	/*padding-left: 60px;*/
	/*min-height: 60px;*/
}
#kohdennus-tavoittaa h2, #resultColumnSwitchContainer h2, .resultColumn h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;	
	color: #4cc1bf;
}
.resultColumn h2 span {
	font-size: 18px;
}
#kohdennus-tavoittaa p, #resultColumnSwitchContainer p, .resultColumn p {
	color: #999;
	font-size: 13px;
	line-height: 14px;
} 
.additionalResultColumns h2 {
	padding-top: 10px;
}
#kohdennusTavoittaa p {
	display: none !important;
}

.filterColumn {
	width: 33%;
	float: left;
}
.filterColumnFullWidth {
	padding-top: 10px;
}

.TNSlimit {
    height:23px;
}

.resultColumn {
	width: 95%;
	float: left;
}


#statistics {
	border-top: 2px solid #e8e9ed;
	display: block;
	float: left;
	padding: 0 0 0 4%;				
	width: 96%;
	margin: 0;
	background: #e5eaee; 
}
.resultColumn td {
	min-width: 35px;
}
.resultColumn table {
	max-width: 100%;
	box-sizing: border-box;
	margin: 10px 0px 16px 0px;
}
.resultColumn table td {
	border-color: transparent;
}
.resultColumn h5 {
	margin: 26px 0px 10px 0px;
	padding: 0 16px 0 0;
	color: black;
}

.not-logged-in #statistics {
	border-top: none;
	margin-top: 0;
}
#resultMidColumnAllSummary {
	display: block;
	float: left;
	min-width: 3%;
	min-height: 200px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#resultMidColumnBlacklistSummary {
	display: none;
	float: left;
	min-width: 3%;
	min-height: 200px;
	background: url(images/allResultsBrace.png) no-repeat left top;
	transform: scaleY(-1);
	background-size: 100% 200px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body.blacklistDisabled #resultMidColumnBlacklistSummary,
body.blacklistDisabled #resultMidColumnAllSummary {
	display: none !important;
}
#kohdennusTavoittaa.resultColumn {
	width: 95%;
	display: none;
}
body.blacklistDisabled #kohdennusTavoittaa.resultColumn {
	width: 95%;
}


#allResultColumns {
	display: block;
}
#allResultColumns table {
	border-collapse: collapse;
}
#allResultColumns table td {
	padding: 2px 8px 2px 8px;
	border-collapse: collapse;
	border: none;
}
#allResultColumns table h2 {
	margin: 0;
}
#allResultColumns table h5 {
	margin: 0 0 3px 0;
}
#blacklistedResultColumns {
	display: none;
}
#kohdennusCounterBox {
   width: 96%;
 }
#backlistedCounterBox {

    background: #aec5cb;
    width: 94%;
    margin-top: 10px;
    border-radius: 4px;
    padding-top: 3px;
    padding-bottom: 3px;

}
#backlistedCounterBox table {
	border-collapse: collapse;
}
#backlistedCounterBox table td {
	border-collapse: collapse;
	border: none;
}
body.blacklist-disabled #backlistedCounterBox {
	display: none;
}
#backlistedCounterBox td {
	color: #000 !important;
}
#backlistedCounterBox h2 {
	color: #fff !important;
}

.checkboxSet, .PickDecisionMakers {
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	
	overflow: hidden;
}
/*.checkboxSet:hover {
	max-height: 1000px;
}*/
.checkboxSet:hover h4:after {
	display: none;
}

.form .checkbox-option input,
.form .checkbox-option-simple input,
.form .checkbox-option-bl input,
#rowDataImportCheckboxRow input,
#inclusiveCheckboxContainer input {
	display: none;
}
.form .checkbox-option,
.form .checkbox-option-simple,
.form .checkbox-option-bl,
#rowDataImportCheckboxRow,
#inclusiveCheckboxContainer {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 0 -2px;

}

.form .checkbox-option:hover,
.form .checkbox-option-simple:hover,
.form .checkbox-option-bl:hover,
#rowDataImportCheckboxRow:hover,
#inclusiveCheckboxContainer:hover {
	background: #eee;
} 
.form .checkbox-option label,
.form .checkbox-option-simple label,
.form .checkbox-option-bl label,
#rowDataImportCheckboxRow label,
#inclusiveCheckboxContainer label {
	margin: 0 0 0 28px;
	padding: 0;
	font-weight: normal;
		color: #888;
	font-size: 15px;
	line-height: 15px;
}
.form .checkbox-option label span,
.form .checkbox-option-simple label span,
.form .checkbox-option-bl label span,
#rowDataImportCheckboxRow label span,
#inclusiveCheckboxContainer label span
 {
	display: block;
	float: left;
/*	width: 100%; */
	padding: 3px 0px 5px 0px;
	font-size: 15px;
	line-height: 15px;
}

.form .checkbox-option label::before,
.form .checkbox-option-simple label::before,
.form .checkbox-option-bl label::before,
#rowDataImportCheckboxRow label::before,
#inclusiveCheckboxContainer label::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #e3e4e8;
    margin-right: 9px;
    position: absolute;
    top: 3px;
    left: 2px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 18px;
    line-height: 16px;
    color: #fff;
}
#asetukset .form .checkbox-option-simple label::before,
#kuukausitilaus .form .checkbox-option-simple label::before,
#lisenssiSivu .form .checkbox-option-simple label::before {
	top: 6px;
	left: 10px;
}

.form .checkbox-option input[type=checkbox]:checked+label::before,
.form .checkbox-option-simple input[type=checkbox]:checked+label::before,
.form .checkbox-option-simple input[type=radio]:checked+label::before,
.form .checkbox-option-bl input[type=checkbox]:checked+label::before,
#rowDataImportCheckboxRow input[type=checkbox]:checked+label::before,
#inclusiveCheckboxContainer input[type=checkbox]:checked+label::before {
    content: "\2713";
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
}
.form .checkbox-option input[type=checkbox]:checked+label,
.form .checkbox-option-simple input[type=checkbox]:checked+label,
.form .checkbox-option-simple input[type=radio]:checked+label,
.form .checkbox-option-bl input[type=checkbox]:checked+label,
#rowDataImportCheckboxRow input[type=checkbox]:checked+label,
#inclusiveCheckboxContainer input[type=checkbox]:checked+label {
	color: #000;
}

.form .checkbox-option input[type=radio]:checked+label::before {
    content: "\2713";
    color: #fff;
    background-color: #fd7c31;
    border-color: #fd7c31;
    text-align: center;
}
.form .checkbox-option input[type=radio]:checked+label {
	color: #000;
}
#footer_text .link-2 {
	background: #4cc1bf;
}


#inclusiveCheckboxContainer {
	margin-top: 10px;
	margin-bottom: 5px;
	width: 400px;
}
#inclusiveCheckboxNote {
}

.checkbox-option-bl.blacklistTypeHeader2 {
	margin-left:10px;
}
.blacklistCheckboxGroupLabel {
	color:#555555;
	font-weight:bold;
}

.checkbox-option-column-2 {
	width: 49%;
	float: left;
}

#filterAreaContainer {
	float: right;
	margin-bottom: 0px;
	border-bottom: 0px;
	border-left: 2px solid #e8e9ed;
	min-height: 522px;
	background: #fff;
}
#filterArea {
	display: block;
	float: left;
	padding: 30px 5px 10px 30px;
	width: 732px;
}



  /* ------------------------- */
 /* PickDecisionMakers filter */
/* ------------------------- */
.PickDecisionMakers {
	overflow: visible;
}
.titleOrderViewArea {
	width: 700px;
	height: 400px;
	padding: 10px 0px 15px 0px;
}
.titleOrderViewArea h4 {
	line-height: 17px;
	font-size: 17px;
	margin-bottom: 5px;
}
.pickDMcol {
	width: 45%;
	height: 100%;
	position: relative;
}
.pickDMleftCol {
	float: left;
}
.pickDMrightCol {
	float: right;
}
.pickDMmidCol {
	display: table;	
	float: left;
	width: 10%;
	height: 100%;
}
.pickDMmidColVerticalContainer {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.pickDMmidColContentRow {
	display: block;
	width: 100%;
	float: left;
	height: 40px;
}
.pickDMmoveButton {
	display: block;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #136eb3;
	color: white;
	margin: 2px auto;
	border: none;
	border-radius: 3px;
}
.pickDMmoveRightButton {
	background-color: green;
}
.pickDMmoveNegButton {
	background-color: red;
}
.pickDMmoveButton:focus {
    outline: none;
}
.pickDMmoveButton:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.pickDMelem {
	font-size: 14px;
	width: 100%;
	min-height: 24px;
	margin-bottom: 10px;
}
.pickDMelem .checkbox-option-simple {
	margin-top: 20px;
}
.pickDMelem .checkbox-option-simple label {
	width: 90%;
}
.pickDMelem .checkbox-option-simple label span {
	font-size: 14px!important;
	font-weight: normal!important;
}
.pickDMelem .checkbox-option-simple span.filterTooltipIcon {
}
.pickDMelem .filterTooltipIcon {
	float: left!important;
}
.pickDMcolElem {
	display: block;
	float: left;
	font-size: 13px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.pickDMcount {
	display: inline-block!important;
	float: none!important;
	width: 38px!important;
	padding: 1px 1px 1px 1px !important;
	margin-left: 2px;
	margin-right: 2px;
}
.pickDMcount.activeFilterInput {
	border-width: 1px;
	border-color: black;
	font-weight: bold;
}
.pickDMtext {
	display: inline;
}
.pickDMlist {
	box-sizing: border-box;
	width: 100%;
	box-shadow: inset 0 0 20px #efefef;
	background-color: #f7f7f7;
	border: 1px solid #eeeeee;
	display: block;
	float: left;
}
.pickDMlist ul {
	box-sizing: border-box;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
}
.pickDMleftList ul {
	height: 340px;
}
.pickDMrightList ul {
	height: 152px;
}
.pickDMnegList ul {
	height: 152px;
}
.pickDMlist li {
	font-size: 13px;
	list-style: none;
	white-space: nowrap; 
  	overflow: hidden;
  	text-overflow: ellipsis;
  	height: 20px;
}
.pickDMlist .mutableListSortButton {
	font-size: 14px;
}
.pickDMlist li span {
	padding-left: 3px;
}
.pickDMlist li.selected {
	background-color: #e5e5e5;
}
.pickDMlist li:hover {
	z-index:10;
	padding-left: 3px;
	background-color: #f7f7f7;
	border: 1px solid #dddddd;
	left: 5px;
	top: -5px;
	-webkit-box-shadow: -5px 5px 5px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: -5px 5px 5px -3px rgba(0,0,0,0.4);
	box-shadow: -5px 5px 5px -3px rgba(0,0,0,0.4);
}
.pickDMlist li.selected:hover {
	background-color: #e5e5e5;
}
.pickDMlist .toggleableOverlay.toggleableOverlayVisible {
	background-color: #ffffff;
}
.pickDMrightList {
	position: relative;
}
.pickDMsidebarTitle span.activeFilterSidebarLabel {
	padding-left: 40px!important;
	font-style: italic;
}
.pickDMsidebarNegTitle span.activeFilterSidebarLabel {
	padding-left: 40px!important;
}
.pickDMsidebarListTitle,
.pickDMsidebarNegListTitle {
}
.pickDMremoveSelectedButton {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	background-color: #136eb3;
	color: white;
	margin: 2px auto;
	border: none;
	border-radius: 3px;
}
.pickDMremoveSelectedButton:focus {
    outline: none;
}
.pickDMsearchBoxContainer {
	width: 100%;
	position: relative;
}
.pickDMsearchBoxInnerCont {
	display: block;
	float: left;
	width: 88%;	
}
.pickDMsearchBox:focus{
    outline: none;
}
.pickDMselectAllButton {
	display: block;
	float: right;
	width: 12%;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	background-color: #136eb3;
	color: white;
	border: none;
	border-radius: 3px;	
}
.pickDMselectAllButton:focus {
	outline: none;
}



  /* ------------- */
 /* dateRangeView */
/* ------------- */

.dateRangeViewRangeArea {
	display: block;
	float: left;
	width: 78%;
}
.dateRangeViewPlusButtonArea {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
}
.dateRangeViewPlusButton {
	display: block;
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
	white-space: nowrap;
	font-weight: bold;
	background-color: #136eb3;
	color: white;
	border: none;
	border-radius: 3px;	
	margin-top: 2px;
	padding: 0px 0px 0px 0px;
}



/* --------------- */
/* Filter tooltips */
/* --------------- */

.filterTooltip {
	width: 400px;
}
.filterTooltipIcon {
	display:inline-block !important; 
	float:right !important;
	transform:scale(0.6,0.6) !important;
	margin-top: -1px !important;
}
h4 .filterTooltipIcon {
	float:none !important;
	top: -16px !important;
	left: -4px !important;
}
.tooltipQuote {
	text-indent:30px;
	font-weight: bold;
}
.filterTooltipIconLeft {
	float:left !important;
}


/* -------------------------- */
/* Sidebar for active filters */
/* -------------------------- */

#activeFilterSidebarContainer {
	float: right;
	border-left: 2px solid #e8e9ed;
/*	position: relative; 
	right: 0;*/
}
#activeFilterSidebar {
/*	position: absolute;
	width: 50px; */
	z-index: 1008;
	top:0;
	right: 0;
/*	background: #e5eaee; */
	background: #ffffff;
	width: 270px;
	overflow-x: hidden;
	overflow-y: hidden;
	transition: width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	font-size: 14px;
}
#activeFilterSidebarFilterArea {
	display: block;
	float: left;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
/*#activeFilterSidebar:hover {
	width: 290px;
	transition: width 0.4s;
}*/
#activeFilterSidebar.noActiveFilters {
/*	width: 0px; 
	transition: width 0.3s; */
}
#activeFilterSidebar.activeFilters {
/*    animation: flashOpen;
    animation-duration: 1300ms;
	box-shadow: -10px 5px 10px 0px rgba(0, 0, 0, 0.05); */
}
@keyframes flashOpen {
    0% { background-color: #e5eaee; }
    30% { background-color: #fd7c31; }
    100% { background-color: #e5eaee; }
}
.activeFilterSidebarElement {
	width: 100%;
	float: left;
	white-space: nowrap;
	overflow-x: hidden;
	cursor: pointer;
}
.activeFilterSidebarSubElement {
	display: block;
	width: 100%;
	float: left;
	padding-top: 1px;
	margin: 0 0 0 0;
	white-space: nowrap;
	overflow-x: hidden;
	cursor: pointer;
}
.activeFilterSidebarTopElement {
	padding-top: 5px;
	padding-bottom: 5px;
}
#activeFilterSidebarRemoveAllButton {
	display: block;
	padding: 5px 15px;
	background: #fd7c31;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
}
#activeFilterSidebarBottomFiller {
	display:block;
	float: left;
	width: 100%;
	height: 0;
}
#activeFilterSidebar.activeFilters .activeFilterSidebarTopElement {
	visibility: visible;	
}
#activeFilterSidebar.noActiveFilters .activeFilterSidebarTopElement {
	visibility: hidden;
}
.activeFilterSidebarSubTitle {
	display: block;
	width: 100%;
	float: left;
	white-space: nowrap;
	overflow-x: hidden;
	font-weight: bold;
	padding-top: 1px;
	margin-top: 5px;
}
.activeFilterSidebarLabel {
	display: inline-block;
	float: left;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.activeFilterSidebarSubElement .activeFilterSidebarLabel {
	padding-left: 30px;	
	width: 73%;
}
.activeFilterSidebarSubTitle .activeFilterSidebarLabel,
.activeFilterSidebarTopElement .activeFilterSidebarLabel {
	padding-left: 15px;
	width: 80%;
}
.activeFilterSidebarX {
	display: none;
	float:right;
	border: 1px solid white;
	margin-top: 2px;
	margin-right: 5px;
	padding: 0px 0px 0px 0px;
	width: 15px;
	height: 15px;
	color: white;
	font-size: 16px;
	line-height: 15px;
	text-align: center;
	cursor: pointer;
}
.activeFilterSidebarX:hover {
	border: 2px solid white;
	font-weight: 900;	
}
.activeFilterSidebarSubElement:hover,
.activeFilterSidebarSubTitle:hover {
	background: #4cc1bf;
	color: white;	
}
.activeFilterSidebarTopElement:hover .activeFilterSidebarX,
.activeFilterSidebarSubElement:hover .activeFilterSidebarX,
.activeFilterSidebarSubTitle:hover .activeFilterSidebarX {
	display: inline-block;	
}
.activeFilterSidebarSubSubSpan {
	padding-left: 15px;
	font-style: italic;
}



/* ----------------- */
/* FloatRange filter */
/* ----------------- */

.floatrangeRow {
	float: left;
	width: 100%;
	text-align: center;
}
.floatrangeMin {
	float: left;
	width: 120px !important;
}
.floatrangeMax {
	float: right;
	text-align: right;
	width: 120px !important;
}
.floatrange .floatrangeDecimalInput {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 30px;
}
.floatrangeDecimalInput.inactiveFilterInput {
	color: #eeeeee;
}
.floatrangeDecimalInput.activeFilterInput {
	background-color: #f1f1f1;
	/*border: 2px solid black;*/
}
.floatrangeDecimalInput:disabled {
	border: none;
}
.floatrangeFirstRow {
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	width: 367px;
}
.floatrangeSecondRow {
	width: 397px;
}
.floatrange h4 {
	display: block;
	width: 360px;
}
.noUi-handle {
	outline: none!important;
}

#filterArea .inputWithAutocomplete,
.multiDateRangeViewInput {
/*	border-radius: 20px; */
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
}
#filterArea .floatrangeDecimalInput,
#filterArea input[name="shapeName"],
#filterArea #saveBlacklistButton,
#csv_upload input,
#filterArea #leaddeskFetchAgeMax,
#campaignSaveName,
#campaignSaveLimit,
#campaignSaveButton,
#activeFilterSidebarRemoveAllButton,
#cherrypickRegisteredGetListButton,
#cherrypickRegisteredCloseListButton,
#campaignDescription,
.pickDMcount,
#mapPageSaveShapeButton,
#mapPageDeleteShapeButton,
#mapContainer input,
#mapPageClearButton,
#kampanjatListArea input[name="omatHautHae"],
input[name="switchUserPanelSearch"],
#lisenssiSivu input[type="text"],
#lisenssiSivu textarea,
#lisenssiSivu select,
.form-input-wrap input[type="text"],
.form-input-wrap textarea,
.form-control-submit input[type="submit"],
.SWCbutton {
	outline: none;	
}
#filterArea .inputWithAutocomplete:focus,
#filterArea .floatrangeDecimalInput:focus,
.multiDateRangeViewInput:focus,
#filterArea input[name="shapeName"]:focus,
#filterArea #saveBlacklistButton:focus,
#csv_upload input:focus,
#leaddesk-lists input[name="leaddesk"]:focus,
#campaignSaveName:focus,
#campaignSaveLimit:focus,
#campaignSaveButton:focus,
#cherrypickRegisteredGetListButton:focus,
#cherrypickRegisteredCloseListButton:focus,
#campaignDescription:focus,
.pickDMcount:focus,
#mapPageSaveShapeButton:focus,
#mapPageDeleteShapeButton:focus,
#mapContainer input:focus,
#mapPageClearButton:focus,
#kampanjatListArea input[name="omatHautHae"]:focus,
input[name="switchUserPanelSearch"]:focus,
#lisenssiSivu input[type="text"]:focus,
#lisenssiSivu textarea:focus,
#lisenssiSivu select:focus,
.form-input-wrap input[type="text"]:focus,
.form-input-wrap textarea:focus,
.form-control-submit input[type="submit"]:focus {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(41, 170, 255, 1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(41, 170, 255, 1);
	box-shadow: 0px 0px 5px 2px rgba(41, 170, 255, 1);
}
.multiDateRangeViewInput.MDRVinvalidItemAtCursor:focus {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(255, 170, 41, 1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(255, 170, 41, 1);
	box-shadow: 0px 0px 5px 2px rgba(255, 170, 41, 1);
}

/* Initially hiding the 'onlineAdvertiseTooltip' as it is popping visible while the page is loading. */
.tooltip_templates {
	display: none;
}
#campaignSaveName {
	margin-right: 7px;
}
#campaignSaveLimit {
	margin-right: 2px;
}



  /* ------------------ */
 /* multiDateRangeView */
/* ------------------ */

.multiDateRangeView {
	position: relative;
}
.multiDateRangeViewInput {
	font-size: 13px;
	width: 230px;
	padding-left:14px!important;
	padding-right: 36px!important;
}
.multiDateRangeViewInputContainer {
	display: block;
	float: left;
	width: 100%;	
}
.MDRVopenCalendarButton {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	vertical-align: middle;
	border: none;
	border-radius: 3px;	
	position: absolute;
	right: 26px;
	top: 0px;
	z-index: 120;
	cursor: pointer;
	opacity: 0.2;
}
.MDRVopenCalendarButton:focus {

}
.multiDateRangeViewElement {
	margin-top: 2px;
	position: relative;
	display: block;
	float: left;
	width: 100%;
}
.multiDateRangeViewCalendarContainer {
	width: 472px;
	z-index: 10;
	background-color: white;
	border: 1px solid #cccccc;
	-webkit-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.81);
	-moz-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.81);
	box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.81);
}
.multiDateRangeViewCalendarElem {
	float: left;
	width: 236px;
}
.multiDateRangeViewCalendarElem .ui-datepicker {
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.multiDateRangeViewShortcutsArea {
	float: left;
	width: 100%;
	padding: 0px 8px 10px 8px;
}
.multiDateRangeViewYearSelectionArea {
	float: left;
	width: 100%;
	padding: 0px 15px 10px 15px;
}
.MDRVbutton {
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	white-space: nowrap;
	font-weight: lighter;
	background-color: #ffeeee;
	color: #ef0000;
	border: none;
	border-radius: 8px;	
	margin: 3px 8px 3px 8px;
	padding: 4px 8px 4px 8px;
}
.MDRVbutton:focus {
	outline: none;
}
.MDRVselectContainer {
	display: block;
	float: left;
}
.MDRVselectDash {
	display: block;
	float: left;
	font-size: 22px;
	line-height: 22px;
	margin-left: 10px;
	margin-right: 10px;
}



/* ----------------------------- */
/* Hierarchical plus/minus lists */
/* ----------------------------- */

.hierarchicalChooseList {
	float: left;
	margin-top: 5px;
}

.hspm-container {
	width: 100%;
	position: relative;
}
.hspm-list-container {
	width: 100%;
	height: 500px;
	background-color: #fdfdfd;
	overflow: auto;
	-moz-box-shadow:    inset 0 0 20px #efefef;
	-webkit-box-shadow: inset 0 0 20px #efefef;
	box-shadow:         inset 0 0 20px #efefef;	
}
.hspm-search-box {
	position: absolute;
	right: 0px;
	top: -36px;
	z-index: 1005;
}
.hspm-search-box input {
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 3px;
	text: #dddddd;
}
.hspm-search-box input:focus{
    outline: none;
}
.hspm-search-box-magnifying-glass {
	display: block;
	position: absolute;
	left: 6px;
	top: 6px;
	width: 20px;
	height: 20px;
}
.hspm-search-box-magnifying-glass img {
	width: 20px;
	height: 20px;
}
.hspm-search-box-close {
	position: absolute;
    right: 5px;
    top: 5px;
    width: 22px;
    height: 23px;
    background: #556370;
    border-radius: 4px;
    text-align: center;
    display: none;
    float: left;
    color: #fff;
}
.hspm-search-box-close.show {
	display: block;
}
.hspm-search-results {
    width: 100%;
    height: auto;
    background: #fff;
    display: none;
    float: left;
    position: absolute;
    top: -41px;
    z-index: 1000;
    left: -5px;
    padding: 46px 0px 10px 10px;
    overflow: scroll;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
    right: -5px;
    max-height: 400px;
}
.hspm-checkbox-parentInfo {
    display: none !important;
    float: left;
    padding: 2px 8px !important;
    background: #00abff;
    margin-left: 10px;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    font-size: 11px !important;
    margin-top: 2px;
}
.hspm-search-results .hspm-checkbox-parentInfo {
	display: block !important;
}
.search-active .hspm-search-results {
	display: block;
}
.search-active .hspm-search-box {
	width: 100%;
}
.hspm-search-box-close:hover {
	background: #000;
	cursor: pointer;
}
.hspm-list {
	display: block;
	list-style: none;
}
.hspmListItem {
	display: inline-block;
	width: 100%;
}
.hspmListItem.closed > .hspm-list {
	display: none;
}
.hspmListItem.closed > .hspm-open-icon:after {
	content: '⊞';
}
.hspmListItem.open > .hspm-open-icon:after {
	content: '⊟';
}
.hspmListItem.hasActiveChilds {
	font-weight: bold;
}
.hspmListItem.hasActiveChilds > .checkbox-option span {
	font-weight: bold; 
	color: black;
}
.hspmListItem.notFoundInSearch {
	display: none;
}
.hspm-list .hspm-open-icon {
	display: inline-block;
	float: left;
	width: 30px;
}
.hspm-list .hspm-no-open-icon {
	display: inline-block;
	float: left;
	width: 30px;
	height: 1px;
}
.hspm-list .hspm-no-open-icon:after {
	content: ' ';
}
.hspm-count {
	display: inline-block;
	float: right;
	padding-right: 20px;
}
.hspm-list .checkbox-option {
	display: inline-block;
	float: left;
	width: 70%;
}
.hspm-list .checkbox-option.highlight label span {
	color: #29aaff !important;
}

/* ---- end of Hierarchical plus/minus lists ---- */


#lisaa-freetextsearch_offices {
	width: 280px;
}
#lisaa-toimipaikka_seutukunta {
	width: 330px;
}
#lisaa-toimipaikka_postinumero {
	width: 230px;
}
#lisaa-toimipaikka_postitoimipaikka {
	width: 230px;
}
#lisaa-toimipaikka_kaupunki {
	width: 230px;
}
#lisaa-toimipaikka_ana_superbranch {
	width: 430px;
}


.scrolledHidden {
	opacity: 0;
	max-height: 0px;
	transition-duration: 0.7s;
}
.scrolledVisible {
	max-height: 2000px;
	opacity: 1;
	transition-duration: 1.8s;
}


#pac-input {
	top: 10px !important;
}
#mapPageHelpText {
	display: block;
	float: left;
	width: 100%;
}
#mapPageShowInfoButton {
	font-weight: bold;
}
.mapPageColumnLeft,.mapPageColumnRight {
	display: block;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 25%;
}
.mapPageColumnRight {
	width: 75%;
}
#mapPage {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	font-size: 13px;
}
input[name=shapeName] {
	height:28px;
}
#mapPageShapeListButtonArea {
	display: block;
	float: left;
	width: 100%;
	margin-top: 5px;
}
#mapPageSaveShapeButton, #mapPageDeleteShapeButton {
	display: block;
	float: left;
	padding: 6px 9px;
	background: #fd7c31;
	border-radius: 5px;
	border: none;
	line-height: 14px;
	font-size: 14px;
	/*font-weight: bold;*/
	color: #fff;
}
#mapPageDeleteShapeButton {
	margin-left: 5px;
}
#mapPage input[name=shapeName] { 
	padding-top: 5px;
	padding-bottom: 5px;
}
#mapPageSearchButton, #mapPageClearButton {
	position:absolute;
	background-color:#FFFFFF;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border:2px solid #fff;
}
#mapPageSearchButton {
	height:28px;
	width:100px;
	right:10px;
	top:10px;
	padding: 0 0 0 0;
	border-radius: 0 3px 3px 0;
}
#mapPageClearButton {
	height:28px;
	width:100px;
	right:10px; /* 110px with search button */
	top:10px;
	border-radius: 3px 0 0 3px;
}
.mapPageElement {
	width: 100%;
}
.mapPageScrollableList {
	width: 100%;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
}
#mapPageShapeList {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mapPageElement table {
	border-collapse: separate;
	margin: 3px 0 10px 0;
	font-size: 12px;
	/* border: 1px solid #FD7C31;
	border-radius: 5px; */
}
.mapPageElement td {
	padding: 3px 3px 3px 3px;
	border: none;
}
.mapPageElement th {
	text-align: left;
	font-size: 13px;
	padding: 3px 3px 3px 3px;
	background: #eeeeee;
	color: #000000;
}
/* Old, rounded-corners style for the shape list table:
.mapPageElement tr:nth-child(even) {
	background: #eeeeee;
}
.mapPageElement tr:last-child {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.mapPageElement tr:last-child td:last-child {
	border-bottom-right-radius: 5px;
}
.mapPageElement tr:last-child td:first-child {
	border-bottom-left-radius: 5px;
}
*/
#mapPageShapeList table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}
#mapPageShapeList td:nth-child(1), #mapPageShapeList th:nth-child(1) {
	width: 25px;
}
#mapPageShapeList td:nth-child(2) {
	color: #3A85E2;	
}
#mapPageShapeList td:nth-child(2), #mapPageShapeList th:nth-child(2) {
	width: 120px;
}
/* The following definition was for the date column not used anymore: */
#mapPageShapeList td:nth-child(3), #mapPageShapeList th:nth-child(3) {
	width: 60px;
}
#mapPageShapeList tr {
	cursor: pointer;
}
#mapPageResultInfo {
	display: block;
	float: left;
	width: 100%;
	max-height: 60px;
	overflow-y: auto;
}
#mapPageResultInfo ul.tags-list {
	margin-top: 0px;
	margin-bottom: 0px;
}
#mapPageResultInfo ul.tags-list span.value {
	font-size: 13px;
	line-height: 13px;
	padding: 3px 6px 3px 8px;
}
#mapPageResultInfo ul.tags-list li {
	margin: 2px 8px 2px 0px;
}
#mapPageAjaxStatus {
	margin-left: 0px;
	font-size: 12px;
	margin-top: 0px;
}
.fancyCheckbox {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #e3e4e8;
    background-color: #fff;
    border-radius: 2px;
    font-size: 18px;
    line-height: 16px;
    color: #fff;
    padding-top: 1px;
    padding-left: 1px;
}
.fancyCheckboxChecked {
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
}
.shapeRowAreaName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;	
}
.shapeRowAreaName[data-userid="-"] {
	color: black !important;
	cursor: auto !important;
}



.receiptPageContainer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #e8e9ed;
	width: 100%;
	height: 100%;
}
.receiptPageContainer .receiptBody {
	margin-top: 0!important;
	margin-bottom: 0!important;
}


#rowDataImportPanel {
	display: none;
	width: 90%;
	float: left;
	background:  #f8f8f8;
	border: 0px;
	margin: 20px 0px 10px 0px;
	padding: 5px 20px 10px 20px;
}
#rowDataImportPanel p {
	font-size: 10pt;
}
#rowDataImportPanel h5 {
	margin-top: 10px;
	margin-bottom: 5px;
}
.rowDataImportPanelBlock {
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;	
}
#rowDataImportFirstRowSample {
	overflow-x: auto;
	width: 100%;
	display: block;
	float: left;
}
#rowDataImportFirstRowSample table {
	border-collapse: collapse;
	border: 2px solid #4CC1BF;
	margin: 0 0 0 0;
}
#rowDataImportFirstRowSample table td {
	text-overflow: ellipsis;
	max-height: 40px;
}
#rowDataImportFirstRowSample table td:nth-child(even){
	background: #eeeeee;
}
#rowDataImportInfoText {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 15px;
}
#rowDataImportSubmitButton {
	padding: 10px 25px;
	background: #fd7c31;
	border-radius: 5px;
	border: none;
	line-height: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
.rowDataImportColumnRow {
	display: block;
	float: left;
	width: 100%;
}
.rowDataImportColumnBox {
	display: block;
	float: left;	
	min-height: 1.5em;
	max-height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rowDataImportColumnBox:nth-child(3n+1) {
	width: 30%;
}
.rowDataImportColumnBox:nth-child(3n+2) {
	width: 30%;
	color: grey;
}
.rowDataImportColumnBox:nth-child(3n+3) {
	width: 40%;
	color: grey;
}
.rowDAtaImportColumnDataHoverBox {
	opacity: 0;
	position: absolute;
	z-index: -100;
	background: #fffff0;
	box-shadow: 1px 5px 5px #cccccc;
	border: solid 1px black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.rowDataImportColumnBox:hover .rowDAtaImportColumnDataHoverBox {
	z-index: 100;
	opacity: 1;
	transition: opacity 0.2s linear;
	transition-delay: 0.5s;
}
select *.rowDataImportRecogOption {
	background-color: #4CC1BF !important;
	color: #FFFFFF;
}
.rowDataImportOptionForm label {
	display:block; 
	float:left; 
	padding-top:0px;
	padding-left: 5px;
	padding-right: 10px;
}
.rowDataImportOptionForm input[type=radio] {
	display:block; 
	float:left; 
	margin-top: 3px;
	margin-left: 10px;
}


#saveCampaignLoaderContainer {
	margin: auto;
	width: 100px;
}
#saveCampaignLoader {
	border: 12px solid #f3f3f3;
	border-radius: 50%;
	border-top: 12px solid #3DB9B8;
	width: 50px;
	height: 50px;
}
.loader {
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top: 6px solid #3DB9B8;
	width: 9px;
	height: 9px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.resultAreaEstimate {
	font-style: italic;
}


#resultArea.resultAreaFailure {
	opacity: 0.5;
}
#resultAreaLoader, #resultAreaBlacklistLoader {
	position: relative;
	display: none;
}
#resultArea.resultAreaLoader #resultAreaLoader,
#resultArea.resultAreaBlacklistLoader #resultAreaBlacklistLoader {
	display: block;
}
.ral-column {
	position: absolute;
	opacity: 0.8;
	left: -44px;
	top: -10px;
	width: 10px;
}
.ral-ring-container {
    display: block;
    position: relative;
    float: left;
    width: 10px;
    height: 7px;
}
.ral-ringring {
    border: 1px solid #03a9f8;
    background-color: #03a9f8;
    border-radius: 0px;
    height: 9px;
    width: 9px;
    position: absolute;
    left: 15px;
    top: 15px;
    animation: ral-pulsate 3s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.0
}
@keyframes ral-pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    5% {opacity: 1.0;}
    10% {transform: scale(1.2, 1.2); opacity: 0.5;}
    15% {opacity: 1.0;}
    20% {transform: scale(0.1, 0.1); opacity: 0.0;}
    100% {transform: scale(0.1, 0.1); opacity: 0.0;}
}
.ral-ring1 {
  animation-delay: 0s;
}
.ral-ring2 {
  animation-delay: 0.5s;
}
.ral-ring3 {
  animation-delay: 1s;
}
.ral-ring4 {
  animation-delay: 1.5s;
}
.ral-ring5 {
  animation-delay: 2s;
}




li.leftMenuItem {
	width: 100%;
    background: #FEFFFF;
    margin: auto;

	list-style-type: none;
}

.filterPage {
	width: 100%;
	display: none;
}
#kontaktienPaivitys.filterPage {
	display: block;
}


.inputTextAutocompleteContainer {
    position: relative;
    display: block;
    float: left;
}

.inputTextAutocompleteBox {
    position: absolute;
    background-color: white;
    top: 42px;
    left: 15px;
    display: none;
    float: left;
    width: 200px;
    box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.3);
    z-index: 1000;
    overflow-y: auto;
    max-height: 300px;
}

.autocompleteList {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.autocompleteListItem {
    width: 94%;
    list-style-type: none;
    display: block;
    float: left;
    padding: 5px 3% 4px 3%;
    line-height: 15px;
    font-size: 15px;
    cursor: pointer;
}
.autocompleteListItem.selected {
	background: rgba(41, 170, 255, 0.3);
}
.info-note {
	background: url(/css/icons/tooltip.png) no-repeat 3px 3px;
    background-size: 20px 20px;
    display: block;
    float: left;
    padding: 3px 10px 3px 30px;
    border: 1px solid #cacaca;
    color: #666;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 500px;
    font-size: 12px;
    line-height: 16px;
    /* position: absolute; */
    clear: both;
}

#saveBlacklistButton {
	display: block;
	float: left;
	padding: 10px 25px;
	background: #fd7c31;
	border-radius: 5px;
	border: none;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	clear: both;
}

#saveBlacklistResultArea {
/*	float: left;*/
	width: 100%;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 30px;
	font-style: italic;
}
#blacklistResultArea p strong {
	color: #000;
	font-weight: bold;
}
#clearBlacklists {
	display: block;
	float: left;	
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
	clear: both;
}


#blackListArea h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#blackListArea h4 span {
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 10px;
}
select#resultBlacklistAgeMax {
	outline: none;
}

.kortti {
	display: block;
	float: left;
	width: 40%;
	margin-right: 4%;
	border: 1px solid #d8d8d8;
	cursor: pointer;
	position: relative;
	border-radius: 0px;
}
.selected.kortti {
	border-color: #4cc1bf; 
}

.selected .kortti-text:after {


position: absolute;
    bottom: -34px;
    right: -1px;
    width: 23px;
    height: 19px;
    font-size: 19px;
    line-height: 12px;
    content: "Valittu \2713 ";
    color: #fff;
    background-color: #4cc1bf;
    border-color: #4cc1bf;
    text-align: center;
    border-radius: 0;
    padding: 11px 0 4px 0;
    width: 100%;
    border: 1px solid #4cc1bf;

	}
	.kortti-image img {
		width: 100%;
	}
	.kortti-text {
		padding: 5px 10px 5px 10px;
	}
	.kortti-text h4 {
		font-size: 21px;
		line-height: 23px;
		text-align: center;
		margin: 10px 0 2px 0;
	}
	.kortti-text p {
		text-align: center;
	}
	.kortti-text p strong {
		color: #fd7c31;
	}

	#supplierFilters {
		display: none;
	}

#contactRowCountContainer {
	margin-top: 10px;
	padding: 0 8px;
}

#onlineAdvertise {
	margin-top: 2px;
	padding: 0 8px;
}


/*  Hierarchical choose list filter UI */
.hs-container input:focus {
	outline:none;
}
.hs-container {
	width: 860px;
}
.hs-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}
.hs-container .hs-selectablelist, .hs-container .hs-selectionlist {
  background: #fff;
  color: #555555;
  float: left;
  width: 49%;
}
.hs-container .hs-selectionlist {
  float: right;
}
.hs-container .hs-list {
  border: 1px solid #ccc;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
  background: rgba(232, 233, 237, 0.2);
  box-shadow: 2px 1px 27px rgba(0,0,0,.1) inset;
}
.hs-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.hs-container .hs-selectable li.hs-elem-selectable,
.hs-container .hs-selection li.hs-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}
.hs-container .hs-list li:hover {
  cursor: pointer;
  color: #fff !important;
  text-decoration: none;
  background-color: #fd7c31;
}
.hs-container .hs-selectable li.disabled,
.hs-container .hs-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}
.hs-container li.level-1 {
    color: #000 !important;
    border-top: 1px solid #999;
    text-transform: uppercase;
    background: #c1e6e6;
    padding-left: 6px !important;
}
.hs-container li.level-1:first-child {
	border-top: none;

}
.hs-container li.level-2 {
  font-weight: bold;
  padding-left: 16px !important;
}
.hs-container li.level-3 {
  padding-left: 32px !important;
}
.hs-container li.level-4 {
  padding-left: 48px !important;
}

.hs-container li.level-5 {
  padding-left: 64px !important;
}
.hs-container .hs-list {
  height: 500px;
}
.hs-container .search-input {
  width: 100%;
  padding: 5px 8px 5px 8px;
  margin-bottom: 2px;
  line-height: 20px;
}
.hs-container .search-wrap {
	position: relative;
}
.hs-container .search-close {
	position: absolute;
	right: 6px;
	top: 6px;
	background: #29aaff;
	color: #fff;
	border-radius: 3px;
	height: auto;
	width: auto;
	font-size: 15px;
	line-height: 15px;
	padding: 2px 6px 4px 6px;
	cursor: pointer;
	display: none;
}
.hs-container .search-close:hover {
	cursor: pointer;
	background: #1a84ca;
}
.hs-container .search-active .search-close {
	display: block;
}

.hs-container .hierarchyselect-number {
	opacity: 0.6;
}
#toimialaFonecta .hs-container .hierarchyselect-number {
	display: none;
}
/*
	#henkilot {
		overflow: hidden; 
	}*/
	#filterArea #alue {
		min-height: 370px;
	}
	#map-selector.cols-1-2 {
		width: 36%;
	}
	#select-maakunta.cols-1-2 {
		width: 64%;
		margin-top: 16px;
	}
	#select-maakunta .form .checkbox-option {
		width: 50%;
	}
/*
	#henkilot {
	    max-height: 500px;
		overflow: scroll; 
	}
*/	
	
	

	
#kampanjat {
	background: #e7e9ec;
	display: block;
	width: 100%;
	min-height: 200px;
	padding: 40px 0 40px 0;
}
#kampanjatMainArea {
	margin: 0 auto;
	max-width: 1024px;
}
#kampanjatHeader, #profilointiHeader {
    background: #4cc1bf;
    width: 100%;
}
#kampanjatHeader {
	height: 134px;
}
#profilointiHeader {
	height: 180px;
	text-align: center;
}
#tilausInfoContainer {
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;    	
}
.tilausInfoElement {
	float: left;
	position: relative;
	width: 320px;
	height: 100%;
}
.tilausInfoIcon {
	color: #FDFEFF;
	float: right;
		width: 55px;
		height: 100%;
	top: 50%;
    transform: translateY(-50%);
	position: relative;
}
#ostorajaInfoIcon {
	position: relative;
}
#ostorajaInfoIcon svg {
	transform: translateY(65%) rotate(-90deg);
}
#ostorajaInfoIcon circle {
 stroke-width: 4;
 stroke: #31a09f;
 fill: none;
}
#ostorajaInfoIconCurrency {
	font-size: 200%;
	position: absolute;
	width: 100%;
	top: 44%;
	left: 3%;
	text-align: center;
}
#seuraavaLaskuIconMonth {
	text-align: center;
	position: relative;
    transform: translateY(-50%);
	top: 36.5%;
}
#seuraavaLaskuIconDay {
	text-align: center;
	font-size: 200%;
	color: #f9423a;
	position: relative;
    transform: translateY(-50%);
	top: 42%;
}
.tilausInfoBigText {
	font-size: 200%;
	line-height: 105%;
}
.tilausInfoTextBox {
	color: #FDFEFF;
	float: right;
	top: 50%;
	margin-left: 20px;
	margin-right: 15px;
    transform: translateY(-50%);
	position: relative;
}
#kampanjat.mainPage {
	padding-top: 0px;
}
#kampanjatListArea {
	margin-top: 30px;
	position: relative;
}
.kampanjatListItem, .contactToolListItem {
	border: 1px solid #d5d7db;	
	background: #fff;
	padding: 0px;
    min-height: 32px;
    overflow: hidden;
}
#kampanjatListArea textarea[name="campaignDescription"]:focus {
	outline: none!important;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(41, 170, 255, 1);
	-moz-box-shadow: 0px 0px 4px 2px rgba(41, 170, 255, 1);
	box-shadow: 0px 0px 4px 2px rgba(41, 170, 255, 1);
}
.kampanjatListItemToggleButton {
	overflow: hidden;
	width: 30px;
	height: 30px;
	line-height: 26px;
	border: 2px solid #cccccc;
	color: #cccccc;
	float: left;
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 3px;
	cursor: pointer;
}
.kampanjatListItem.closed .kampanjatListItemToggleButton span:after {
  content: '+';
}
.kampanjatListItem.open .kampanjatListItemToggleButton span:after {
  content: '-';
}

.kampanjatListItem .resultColumn h5 {
	margin-bottom: 5px;
}
.kampanjatListItem .resultColumn {
	width: 20%;
	display: none;
}
.kampanjatListItem .resultColumn:nth-child(1) td:first-child {
	max-width: 140px;
}
.kampanjatListItem .resultColumn:nth-child(3) {
	width: 55%;
}
.kampanjatListItem .resultColumn .matchLimitDesc {
	font-size: 16px;
}
.kampanjatListItem .additionalResultColumns .resultColumn {
	display: block;
}
.kampanjatListItem .additionalResultColumns {
	display: block;
	float: left;
	width: 75%;
	margin-top: 10px;
}

.kampanjatListItem .#kohdennus-tavoittaa h2 {
	margin-top: 0px;
	padding-top: 0px;
}
.kampanjatListItem .additionalResultColumns h2 {
	margin-top: 0px;
	padding-top: 0px;
} 

.privacyPolicyLinkContainer {
	z-index: 2;
	position: absolute;
	left: 58px;
	top: 40px;
	overflow: hidden;
}
.kampanjatListItem.closed .privacyPolicyLinkContainer {
	display: none;
} 
.kampanjatListItem .privacyPolicyLinkContainer a {
	padding: 0;
	margin: 0;
	background: white;
	color: #f9423a;
	border: none;
	font-weight: normal;
	font-size: 15px;
}
.profilingLinkContainer {
	position:absolute;
	right:14px;
	top:60px;
	z-index: 2;
}
.profilingUnpaidLinkContainer {
	position:absolute;
	right:14px;
	top:60px;
	z-index: 2;
}

.uploadButtonContainer {
	line-height: normal;
	position:absolute;
	right:14px;
	top:110px;	
	z-index: 50;
	max-width: 200px;
}
.kampanjatListItem .leaddeskUploadButton {
	line-height: 38px;
}
.kampanjatListItem .uploadProgressBarBackground {
	position: relative;
	width: 200px; 
	height: 38px; 
    border-radius: 3px;
	background: #f9423a;
}
.kampanjatListItem .uploadProgressDesc {
	position: absolute;
	font-weight: normal;
	top: 10px;
	left: 14px;
	font-weight: bold;
	color: white;
	background: transparent;
}
.kampanjatListItem .uploadProgressBar {
	height: 38px; 
    border-radius: 3px;
	background:#003468;
}
.uploadReadyStatusLine {
	float: right;
	min-width: 51%;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 12px;
}
.uploadReadySuccessStatusLine {
	padding-top: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.kampanjatListItem .leaddeskAPIkeyLink {
	display: inline-block;
	position: absolute;
	text-align: right;
	right: -40px;
	transform: scale(0.7,0.7);
	background-color: white;
	color: #ff5f5e;
	border-color: #ff5f5e;
	width: 230px;
	z-index:100;
}
.trackChanges .trackChangesOption {
	z-index: 1;
}


.kampanjatListItemFirstRow, .contactToolListItemFirstRow {
	box-sizing: border-box;
    width: 100%;
    height: 56px;
    line-height: 38px;
	vertical-align: middle;
    float: left;
    padding: 10px 14px 0px 14px;
}
.kampanjatListItem .resultSummary, 
.contactToolListItem .resultSummary {
	box-sizing: border-box;
    padding: 0px 22px 6px 34px;
    overflow: hidden;
    transition: all 0.1s; 
    transition-delay: 0s;

    float: left;
    width: 100%;

	position: relative;    
}
.campaignResultSummaryRow {
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 2px;
}
.campaignResultSummaryRow h5 {
	display: inline;
	margin: 0;
	color: black;
}
.campaignBlacklistInfo {
	float: left;
	width: 60%;
	position: relative;
}
.campaignBlacklistInfo.loading {
	width: 80px;
	height: 20px;
	overflow: hidden;
}
.campaignBlacklistInfo .roundLoaderOverlay.roundLoaderVisible {
	opacity: 1;
	background: white;
}
.campaignBlacklistType {
	float: left;
	width: 100%;
}
.campaignBlacklistInfo.error .campaignBlacklistInfoNote {
	color: red;
}
.campaignSummaryInfoNote {
	display: inline-block;
	padding: 0;
	margin: 0 auto;
}
.resultDescStatus {
	margin-left: 5px;
	font-size:12px;
	color:grey;
	line-height: 14px;
}
.resultDescStatus.changed {
	font-style: italic;
	color: #FD7C31;
}
.campaignDescriptionContainer {
	width:60%; 
	float:left;
}
.campaignDescriptionContainer textarea {
	width: 100%;
	height: 100px;
}
.kampanjatListItem .trackChanges {
	position: absolute;
	right: -8px;
	bottom: 14px;
	width: 32%;
}
.CBLlistcontainer {
	box-sizing: border-box;
	float: left;
	width: 100%;
	min-height: 50px;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;	
	border: 1px solid #cccccc;
	padding: 8px 10px 3px 10px;
}
.CBLlist {
	display: block;
	float: left;
	list-style-type: none;
	font-size: 14px;
	line-height: 15px;
	padding-left: 20px;
	margin: 0;
}
.CBLlistItem {
	padding: 14px 0 2px 0;
}
.CBLsubListTitle {
	font-weight: bold;
}
.CBLsubList {
	padding: 4px 0 0 0;
	margin-left: 20px;
	list-style-position: inside;
	list-style-type: disc;
}
.CBLsubListItem {
	white-space: nowrap; 
  	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 3px;
}
.kampanjatListItem .summaryBarsArea.error {
	text-align: center;
}
.kampanjatListItem .summaryBarsArea {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	float: left;
	padding: 2px 12px 2px 12px;
	background-color: #e8e9ed;
	overflow: hidden;
}
.kampanjatListItem .summaryBarsArea table {
	margin-bottom: 6px;
}
.kampanjatListItem .summaryBarsArea td {
	padding: 3px 2px 3px 2px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 13px;
}
.kampanjatListItem .summaryBarsArea td span {
	font-size: 12px;
	line-height: 20px;
}
.kampanjatListItem .summaryBarsArea h5 {
	height: 44px;
	margin-top: 14px;
}
.kampanjatListItem .summaryBarsArea.loading {
	height: 24px;
}
.kampanjatListItem .summaryBarsArea .resultColumn {
	display: block;
}
.kampanjatListItem .resultColumn td:first-child {
 	overflow: hidden;
 	text-overflow: ellipsis;
	white-space: nowrap;
} 
.summaryBarsArea .roundLoaderOverlay.roundLoaderVisible {
	opacity: 1;
	background-color: #e8e9ed;
}
/*.kampanjatListItem.closed .resultSummary, 
.contactToolListItem.closed .resultSummary {
	display: none;
}*/
.contactToolListItem.open .resultSummary {
    height: 70px;
    padding: 8px;   
}
.kampanjatListItem.closed {
	max-height: 56px;
	transition: all 0.5s ease-in-out;
}
.kampanjatListItem.open .resultSummary {
    padding-top: 8px;   
    padding-bottom: 14px;
}
.kampanjatListItem.open {
	max-height: 1000px;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 3;
	-webkit-box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.75);
	transition: all 0.7s ease-in-out;
}
.kampanjatListItem a, .contactToolListItem a, .kampanjatListItem button {
    display: block;
	float: right;
    font-size: 17px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    height: 38px;
    font-weight: bold;
    text-align: center;
    background: #fd7c31;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    outline: none;
}
.kampanjatListItem button {
	font-family: inherit;
	text-decoration: none;
	border-width: 0px;
}
.kampanjatListItem button.resultDownload, .contactToolListItem button.resultDownload {
	width: 150px;
}
.kampanjatListItem .oldCampaignNote {
	display: block;
	float:left;
	color:grey;
	font-size:12px;
	line-height: 34px;
	vertical-align: middle;
    margin-left: 20px;
   }
.kampanjatListItemName, .contactToolListItemName {
    width: 280px;
    float: left;
    font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden !important;
	white-space: nowrap;
	margin-right: 6px;
}
.contactToolListItemName {
	display:inline-block;
    width:180px;
}
.kampanjatListItemDate {
	display: block;
	float: left;
}
.expiredKampanjatListItem {
	opacity: 0.8;
}
.kampanjatListItemCount, .contactToolListItemCount {
    float: left;
    min-width: 150px;
}
.kampanjatListCheckboxSpan {
    min-width: 25px;
    float: left;
    padding-top: 3px;
}

.KPhoverDivWrap {
  position: relative;
}
.KPhoverDiv {
  position: absolute;
  pointer-events: auto;
  z-index: 500;
  width: auto!important;
}
.kampanjatListItem .KPhoverDivWrap {
	float: right;
}
.kampanjatListItem .KPhoverDivWrap a {
	float: none;
	margin-left: 0!important;
}
.kampanjatListItem .KPhoverDivWrap a {
	font-size: 15px;
	line-height: 21px;
}
.kampanjatListItem .KPhoverDiv {
	box-sizing: border-box;
	background-color: #f9423a;
	top: 18px;
	left: 0px;
	padding: 1px 15px 1px 15px;
	color: white;
}
.kampanjatListItem .KPhoverDiv label {
	line-height: 13px!important;
	white-space: nowrap!important;
}
.kampanjatListItem .KPhoverDiv label span {
	line-height: 13px!important;
	color: white!important;
	font-size:13px!important;
	padding-bottom:2px!important;
}
.kampanjatListItem .KPhoverDiv label::before {
	border-color: white!important;
	background-color: #f9423a!important;
	font-size: 11px!important;
	line-height: 11px!important;
	font-weight: bold!important;
	width: 11px!important;
	height: 11px!important;
	margin-left: 2px;
}
.kampanjatListItem .KPhoverDiv .checkbox-option-simple {
	padding-right: 3px;
}
.kampanjatListItem .KPhoverDiv .checkbox-option-simple:hover {
	background-color: #ff625a!important;
}


#toimipaikka_businessoffice_idInputAutocompleteBox {
	max-height: 120px;
}    
    
    
    
#leadcloud-tags {
	display: block;
	float: left;
	width: 100%	;
}
#leadcloud-tags input {
	min-width: 400px;
}
/* @end */



/* @group Gallery */
	.gallery-list-section {
		margin: 0px auto 0px auto;
		padding: 0 0px 0 10px;
		width: 1000px;
		max-width: 100%;
	}
	.gallery-list {
		display: block;
		float: left;
		width: 100%;
		max-width: 100%;
		padding: 20px 0 40px 0;
	}
	.gallery-list .gallery-image {
		display: block;
		float: left;
/*		width: 320px; */
		margin: 12px 12px 0 0;
		padding: 0;
		
		
	}
	.gallery-list .gallery-image.double-width {
		/* width: 650px; */
	}

	.gallery-list .gallery-image img {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
	
		max-width: 100% !important;
		
	}


@media only screen and (min-width: 1400px){
	.gallery-list-section {
		width:1350px;
	}
	.gallery-list	{
		width:1350px;	
	}


}
@media only screen and (min-width: 1720px){
	.gallery-list-section {
		width:1680px;
	}
	.gallery-list	{
		width:1680px;	
	}
/*	.gallery-list .gallery-image {
		width: 18.4%;
		margin: 10px 1.5% 10px 0;		
	}
*/
}







/* @end */


/* @group Mobile Menu */

#mobile-menu-trigger {
	position: absolute;
	display: block;
	float: left;
	z-index: 120000;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	background: url(images/mobile-menu.png) no-repeat right 0px;	

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
#mobile-menu-trigger span {
	z-index: 120000;
}

#mobile-menu-trigger {
	display: none;	
}

/*
#mobile-menu-trigger.menu-open {
	background-position: right -60px;
	background-color: #741F1F;

}*/

#mobile-menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: fixed;
	display: block;
	float: left;
	z-index: 120000;
	top: 0px;

	
	height: 100%;

	background: #252322;
	border-bottom: 14px solid #e3ebef;

	box-sizing: content-box;
	
	width: 260px;
	right: -260px;
	
	overflow: scroll;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}
#mobile-menu li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;

	position: relative;
/*	border-bottom: 1px solid #cb292b;*/
	background: none;

}
#mobile-menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	border-top: 1px solid #cb292b;*/
}
#mobile-menu li a {	/* Node links */
	color:#fff;
	text-decoration:none;
	font-family : Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	width: 88%;
	padding: 14px 6% 10px 6%;
	
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	height: 15px;
	display: block;
	cursor: default; 
	overflow: hidden;
	position: relative;
}
#mobile-menu li ul li a {
	padding: 14px 0% 10px 16%;
	color: #fff !important;
	font-weight: normal;
	font-size:15px;
	width: 84%;

}
#mobile-menu li ul {
	border-bottom: none;
}
#mobile-menu li ul li {
/*	background: #cb292b;*/
	border-top: none;
/*	border-bottom: 1px solid #f66802;*/
}
#mobile-menu li ul li:last-child {
	border-bottom: none;
}
#mobile-menu li.open {
	background-position: right -120px;	
	
}
#mobile-menu li span.action {
	display: block;
	float: left;
	height: 42px;
	width: 33px;
	position: absolute;
	right: 0px;
	top: 0px;	
	background: url(images/mobile-menu.png) no-repeat right -180px;
}
#mobile-menu li.closed span.action {
	background-position: right -120px;
}
#mobile-menu li.closed>.slide {
	display: none;
}

#mobile-menu li#mobile-user-credentials span {
	padding: 24px 6% 10px 6%;
	color: #ccc;
	display: block;
}

/* @end */

/* @group Slick */

.socool-block-arrows .slick-next:before {
  content: '›';
}
.socool-block-arrows .slick-prev:before {
  content: '‹';
} 
.socool-block-arrows .slick-prev, 
.socool-block-arrows .slick-next {
    width: 35px;
    height: 70px;
    background: #fff !important;
    border-radius: 5px;
    display: block;
    float: left;
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.4);
    opacity: 1;
  }
.socool-block-arrows .slick-prev:before, 
.socool-block-arrows .slick-next:before {
    color: #17a555;
    font-size: 70px;
    line-height: 70px;
    text-shadow: none;
    margin: 0 0 0 0;
    padding: 0;
    
    position: absolute;
    top: -6px;
    left: 0;
    width: 35px;
    height: 70px;
    font-family: arial, helvetica, sans-serif;
    vertical-align: middle;
    text-align: center;
    

  }
.socool-block-arrows .slick-prev:hover, 
.socool-block-arrows .slick-next:hover {
    background: #fff;
    opacity: 1;
  
}

	@media only screen and (max-width: 640px){


.socool-block-arrows .slick-next {
  right: 0;
  background: none !important;
  box-shadow: none;
}
.socool-block-arrows .slick-prev {
  left: 0;
  background: none !important;
  box-shadow: none;
}
.socool-block-arrows .slick-prev:before,
.socool-block-arrows .slick-next:before {
  color: #fff;
}


	}




/* @end */
.template-etusivu .socool-block-style-full-text-left .socool-block-text-wrap, 
.template-etusivu .socool-block-style-full-text-right .socool-block-text-wrap {
	width: 36%;
}


@media only screen and (min-width: 1600px){
.template-etusivu .socool-background-cover .socool-block-background-image {
	max-width: 1600px;
    margin-left: -800px;
    width: 1600px;
    left: 50%;
}

}

@media only screen and (max-width: 1083px){

	#menu-container {
		margin: 0 0 0 20px; 
	}

#nav{
	margin-left: 220px;
}



}


@media only screen and (max-width: 1043px){



.contentarea figure img {
	max-width: 100% !important;
	min-width: 75px !important;
}
.contentarea figure {
	max-width: 100% !important;
}

.filter-form {
	margin: 0 25px 20px 0px;
}


	

	
	
	h1{margin:0 0 26px;}
	.list-list{padding:0 0 16px;}
	.market .text-box {
		width: 352px;
		padding: 120px 10px 62px 10px;
	}
	.market h1{margin:0 0 16px;}
	.market-alt .text-box {
		width: 350px;
		padding:102px 10px 63px 20px;
	}
	.volunteer .text-box {
		width: 100%;
		padding:52px 10px;
		text-align: center;
	}
	.volunteer h1{margin:0 0 16px;}
	.activities .text-box {
		width: 352px;
		float: right;
		padding:100px 10px 68px;
	}
	.activities h1{margin:0 0 22px;}
	.post-holder .holder{
		margin:0;
		padding:48px 5px;
	}
	.post-holder.alt {
		width: 100%;
	}
	.post-holder.alt .post,
	.post-holder .post {
		float: left;
		width: 30.333%;
		margin:0 3% 20px 0;
		padding: 0;
	}



	.panel{
		border-top:1px solid #cb292b;
		width:90%;
		padding:41px 4.9% 40px;
	}

	.panel .box{
		float:right;
		padding:0 16% 0 0;
	}
	.main-holder{
		padding: 80px 0 50px 3%;
		
		width: 97%;
	}
	#content{
/*		float:none;*/
		width:60%;
		margin: 0 0 20px 0;
	}
	.aside{
		float:left;
		width:32%;
	}
	.aside .post-hold{
		font-size:0;
		letter-spacing:-4px;
/*		margin:0 -10px; */
	}
	.aside .post-hold .post{
		display:inline-block;
		vertical-align:top;
/*		width:50%;*/
		padding:0 0px;
		letter-spacing:0;
		width: 100%;
	}
/*	.post-holder.alt{margin:0 -10px;}*/
	.donate{paddesittelying:50px 0 20px 0;}
	.fixed-content{
		position:static !important;
		left:auto !important;
		bottom:auto !important;
	}
	

h1 {
    margin: 0 0 25px 0;
}


}


@media only screen and (max-width: 980px){
#nav {
	margin-right: 90px;
}
#nav a {
	font-size: 17px;
	line-height: 17px;
	padding: 27px 20px 26px 20px;
}
.scrolled #nav a { 
	font-size: 17px;
	line-height: 17px;
	padding: 15px 20px 15px 20px;
}
#header-logo {
	top: 12px;
}
#header-logo img {
	width: 150px;
}
#header {
	height: 70px;
}
.w1{
	position:relative;
	padding-top: 70px;
}
#yritysHakuTulokset {
    width: 94%;
    margin: 0 auto;
}


}

@media only screen and (max-width: 719px) {
	.wrap{overflow:hidden;}
	.form {
		width: 100%;
	}

	#avainlippu {
		padding-top: 16px !important;
	}	

	#header { 
		height: 60px;
	}
	.scrolled #header {
		height: 60px;
	}
	#settings-icon {
		display: none;
	}

	.link-2,
	.btn{
		font-size: 14px;
		line-height:16px;
	}
	.content-padding {
		padding: 0;
	}
	.aside {
		margin-left: 0;
	}
	h1 {
		font-size:30px;
		line-height:32px;
	}
	h2 {
		font-size:22px;
		line-height:24px;
	}
	h3{
		font-size:17px;
		line-height:20px;
	}



	#yritysHaku {
	    margin-top: 166px;
	}
	#yritysHaku .data-table table th,
	#yritysHaku .data-table table td {
	    padding: 4px 6px 2px 6px;
	}

	#yritysHakuInputs {
		margin:  0 auto;
		width: 90%;
	}
	#yritysHakuApp.start #yritysHakuHeader {	
		padding: 100px 0 100px 0;	
	}
	#yritysHakuApp .tab-nav {
		margin-left: 5%;
	}


	#yritysHakuTabs {
	    width: 350px;
	}
	#yritysHakuTabs .tab-nav li span {
	    padding: 10px 2px 9px 12px;
	}
	#yritysHakuTabs .tab-nav {
		
	}
	#yritysHakuTabs .tab-nav span {
	 font-size: 14px;
	 line-height: 14px;
	}

	#yritysHakuTabs .tab-nav li span.notify {
		font-size: 10px;
	    line-height: 10px;
	    padding: 3px 4px;
	    top: -1px;
	    right: -1px;
	}
	#yritysHaku .box50 {

	    display: block;
	    float: left;
	    width: 99%;
	    margin: 8px 0.5% 0px 0.5%;
	    
	    padding: 10px 10px;
	}
	#yritysHakuApp.start #yritysHaku {	
		margin-top: 260px;
	}
	#yritysHakuApp h1 {
		font-size: 18px;
		line-height: 21px;
	}
	.scrolled #yritysHakuHeader {
		padding: 6px 0 6px 0;
		top: 60px;
	}
	.hakuKortti .tiedot1 {
	    display: block;
	    float: left;
	    box-sizing: border-box;
	    width: 99%;
	    padding-bottom: 10px;
	    
	}
	.hakuKortti .tiedot2 {
	    display: block;
	    float: left;
	    box-sizing: border-box;
	    width: 99%;
	    padding-bottom: 10px;
	}

	.post h1 {
		font:bold 15px/17px Arial, Helvetica, sans-serif;
		margin: 0 0 9px;
	}

	#news-menu h2 {
		float: left;
		padding: 20px 3% 20px 3%;
		width: 94%;
	}


	#header-logo {
		left: -5px;
		top:8px;
		padding: 0;
		background: none;
		box-shadow: none;
	}
	.scrolled #header-logo {
		left: -5px;
		top:8px;
	}


	#header-logo img,
	.scrolled #header-logo img {
		width: 130px;
	}
	.main-holder {
		width: 100%;
	}
	.aside{width:100%;}

	.note-holder {
		padding: 10px 4% 10px 4%;
		width: 92%;
	}




	.text-three-columns .text-box-column-left {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.text-three-columns .text-box-column-center {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.text-three-columns .text-box-column-right {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}


	.text-two-columns .text-box-column-left {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.text-two-columns .text-box-column-right {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}


	.container{
		max-width:1024px;
		margin:0 auto;
		position:relative;
		padding:0 0px;
	}
	.filter-form {
		margin: 0px 0 20px 0;
		padding: 20px;
	}
	.donate #content{
		width: 94%;
		padding: 14px 3% 0 3%;
	}
	.donate #content img,
	.donate #content iframe {
		max-width: 100%;
	}
	#nav {
		display: none;
	}
	#menu-wrap {
		height: 60px;
	}
	.scrolled .btn-login,
	.btn-login {
		display: none;
	}


	#mobile-menu-trigger {
		display: block;	
	}
	body{
		font-size:14px;
		line-height:19px;
	}
	#menu-wrap{ /* background:#fff; *( )}
	.btn-login{display:none;}
	.logo{
		width:60px;
/*		margin:4px 0 -12px;
		margin: 2px 0px -45px 10px;*/
	}

	#social-networks h5 {
		width: 100%;
		text-align: center;
	}

	#header,
	#header.scrolled {padding:0;}

	#wrapper .header{position:static;}
	#wrapper{
		overflow:hidden;
		position:relative;
	}

	/* rename nav to mobile-menu */



	.w1 { 
		width:100%; 
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		padding-top: 60px;
	}


	.wrap .drop .mobile-menu-trigger{
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
	#header {
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;


	}

	body.mobile-menu-active #header { 
		margin:0 0 0 -260px; 
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		
	}
	body.mobile-menu-active #mobile-menu {
		right: 0;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}

	body.mobile-menu-active #nav .drop { 
		right:0;
	}
	/*.section {margin:0 -10px;}*/


	h1{
		font-size: 24px;
		line-height:27px;
		margin:0 0 12px;
	}
	.section .text-box p {margin: 0 0 15px;}
	.list-list {padding: 0 0 9px;}
	.market .text-box {padding: 25px 10px 173px;}
	.list-list li {margin: 0 0 14px;}
	.market-alt .text-box {padding:26px 10px 172px;}
	.market-alt h1 {margin: 0 0 15px;}
	.volunteer {min-height: 1px;}
	.volunteer .text-box {padding:25px 10px 149px;}
	.activities .text-box {padding:25px 10px 217px;}
	.activities h1 {margin: 0 0 15px;}
	.post-holder .holder{
		padding: 21px 0 0 0;
		/* margin:0 -10px; */
	}
	.post-holder {
		width: 100%;
	}
	.post-holder.alt .post,
	.post-holder .post{
		margin:0 0 20px 4%;
		width: 92%;
		padding:0;
	}
	.post .text-holder{
		padding: 16px 16px 18px 16px;
		height:auto !important;
	}
	#home-posts-container.container {
		padding: 0;
	}
	.posts-heading.container {
		padding: 0 0 0 4%;
		margin-bottom: -10px !important;

	}

	.panel{
		padding:30px 0 0 0;
		width: 100%;
	}

	.panel .box {
		float:none;
		padding:25px 10px 0;
	/*		margin:0 -10px;*/
		border-top:1px solid #cb292b;
	}
	.service-nav li{margin:0 0 8px;}



	.main-holder{
		padding: 10px 0 20px;
	}




	#content{
		margin: 0 0 20px 0;
		padding: 25px 4% 30px 4%;
		width: 92%;
	}
	.article h1 {margin: 0 0 11px;}
	#content p {margin: 0 0 20px;}
	#content h2 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 12px;
	}
	#content h3 {
		font-size: 16px;
		line-height: 18px;
	}
	.share{padding:7px 0 0;}
	.aside .post-hold{margin:0;}
	.aside .post-hold .post{
		width:92%;
		padding:0;
		margin-left: 4%;
	}
	.aside .post .text-holder {
		padding: 16px 19px 20px;
	}
	.post-holder.alt{
		margin:0;
	}
	.main-holder >.bg-stretch{
		position:static;
		height:250px;
	}


} /* media */





/* Financial statements start ----------------*/

#yritysHaku .box50 {
	position: relative;
}
#FSareaCompanyDetails {
	position: absolute;
	top: 18px;
	right: 18px;
}
.FSBWarea {
	position: relative;
	width: 250px;
}
.FSBWbutton {
	font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    display: block;
    border-radius: 3px;
    padding: 4px 13px 4px 13px;
    cursor: pointer;
    color: #3584CB;
    background: #fff;
    border: 1px solid #DCDDE2;
}
.FSBWbutton:active, .FSBWbutton:hover, .FSBWbutton:focus {
	outline: none !important;
}
.FSBWbutton:focus {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(41, 170, 255, 1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(41, 170, 255, 1);
	box-shadow: 0px 0px 5px 2px rgba(41, 170, 255, 1);
}
.FSBWshowButton {
	float: right;
} 
.FSBWbuyButton {
	margin: 0 auto;
    display: block;
}
#FSBpanelContainer {
	z-index: 1000;

	float: right;
	margin-top: 10px;
	border: 1px solid #eeeeee;
	background: white;
	padding: 15px 15px 15px 15px;
	width: 190px;
	min-height: 50px;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;

	-webkit-box-shadow: 3px 8px 36px -8px rgba(0,0,0,0.54);
    -moz-box-shadow: 3px 8px 36px -8px rgba(0,0,0,0.54);
    box-shadow: 3px 8px 36px -8px rgba(0,0,0,0.54);

    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
#FSBpanelContainer.hidden {
    opacity: 0;
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
}
#FSBpanelContainer.visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
.FSBWpanel {
	border-radius: 10px;	
}
.FSBWpanel h2 {
	font-size: 18px;
}
.FSBWreportList {
    width: 100%;
	padding-bottom: 15px;
	overflow: hidden;
}
.FSBWarea .checkbox-option {
	width: 100%;
}
.FSBhorizontalLine {
	display: block;
	float: left;
	width: 100%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 9px;
	border-top: 1px solid #eeeeee;
}
.FSBWarea .checkbox-option label > span {
	width: 100%;
	padding: 4px 0px 3px 0px;
	overflow: hidden;
}
.FSBWarea .checkbox-option span span {
	display: block;
	float: right;
	font-size: 14px;
	padding: 0;
	font-weight: 300;
	text-align: left;
}
.FSBWarea .checkbox-option span span:nth-child(2) {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
.FSBWarea .checkbox-option span span:nth-child(3) {
	text-align: right;
}
/* Financial statements end -------------------*/




@media only screen and (max-width: 560px){
}

@media print{
	* {
		background:none !important;
		color:#000 !important;
		box-shadow:none;
		-webkit-box-shadow:none;
		text-shadow:none;
	}
	body{
		color:#000;
		background:#fff;
	}
	.container{
		width:100%;
		max-width:none;
		overflow:hidden;
	}
	#header{
		position:static;
		width:100%;
		padding:0;
	}
	.logo {
		float:none;
		display:block;
		margin:20px 0;
	}
	.logo a{display:block;}
	.section .text-box{
		width:100%;
		padding:20px 0;
	}
	#menu-wrap{
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.volunteer{min-height:1px;}
	.panel{
		float:none;
		width:100%;
	}
	#footer{padding:20px 0;}
	.main-holder{padding:0 0 50px;}
	#content{
		width:55%;
		padding:0;
	}
	.aside{width:40%;}
	.post .img-holder{page-break-inside: avoid;}
	.post .text-holder{padding:10px 0;}
	.donate{
		padding:0;
		max-width:none;
	}
	
	.bg-stretch,
	#nav,
	.btn-login,
	.list-list,
	#footer .holder,
	#footer-nav,
	.service-nav,
	.social-networks,
	.post .img-holder .btn,
	.filter-form {display:none;}
}




.lt-640 .mobile-table {
	display: block;
	float: left;
	width: 100%;
	max-width: 100%;
}



/* Nice select customizations for the calendar view: */

.multiDateRangeViewYearSelectionArea .nice-select {
	height: 26px;
	line-height: 24px;
	font-size: 13px;
}
.multiDateRangeViewYearSelectionArea .nice-select ul {
	top: auto !important;
  	bottom: 100%;
}
.multiDateRangeViewYearSelectionArea .nice-select li {
	min-height: 26px;
	line-height: 24px;	
	padding-top: 1px;

	overflow: hidden;
	white-space: nowrap;
}


/* Nice select customizations for profilointi page: */


.nice-select.profilointiListCardSelect {
	width: 350px;
	height: 26px;
	line-height: 24px;
	font-size: 13px;
	color: #1994d4;
	padding-top: 1px;
	z-index: 1001;

	border: 0;
    background-image: linear-gradient(to right, white 0%, white 320px, #13B2EB 320px, #13B2EB 100%);
    background-clip: border-box;
}
.nice-select.profilointiListCardSelect span.current {
	display: inline-block;
	max-width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.nice-select.profilointiListCardSelect:after {
	color: white;
	content:'+';
	font-size:18px;

    border-bottom: 0;
    border-right: 0;
    height: 14px;
    margin-top: 0;
    right: 15px;
    top: 0;
    -webkit-transform-origin: none;
        -ms-transform-origin: none;
            transform-origin: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.nice-select.open.profilointiListCardSelect:after {
	content:'\002d';
}
.nice-select.profilointiListCardSelect ul {
	width: 320px;
	-webkit-box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
    -moz-box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
    box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
}
.nice-select.profilointiListCardSelect li {
	min-height: 26px;
	line-height: 24px;	
	padding-top: 1px;

	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.nice-select ul.list {
	max-height: 300px;
	overflow-y: auto;
}




/* --- Profilointi --- */
#profilointiHeader {
	text-align: center;
	overflow: visible;
	white-space: nowrap;
}
.profilointiListCard {
	display:inline-block;
	text-align: left;
	width: 355px;
	height: 100%;
	padding: 14px 20px 0px 20px;
	color: #eeeeee;
	font: lighter 12px/14px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
}
.profilointiListCard h1 {
	display: inline;
	font-size: 17px;
	line-height: 36px;
	font-weight: normal;
	color: white;
}
.profilointiListCardInfoRow {
	display: inline-block;
	width: 320px;
	height: 13px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.profilointiListCardButtonRow {
	display: block;
	float: left;
	width: 100%;
}
.profilointiListCount {
	display: inline-block;
	float: left;
}
.profilointiListDate {
/*	display: inline-block;*/
	display: none;
	float: right;
}
.profilointiListTime {
/*	display: inline-block; */
	display: none;
	float: right;
	margin-left: 10px;
}
.profilointiListColorDot {
	font-size: 30px;
	margin-right: 6px;
	vertical-align: -3px;
	margin-left: -3px;
}
#profilointiListCardLeft .profilointiListColorDot {
	color: #FE292A;
}
#profilointiListCardRight .profilointiListColorDot {
	color: #13B2EB;
}
#profilointiMainArea {
	background: #E5E6EA;
	clear: both;
	padding-bottom: 20px;
}
#profilointiContentArea {
	width: 760px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-height: 300px;
}
#profilointiContentHeader, #profilointiCardAreaContainer, #profilointiContentFooter {
	width: 100%;
	display: block;
	float: left;
}
#profilointiCardAreaContainer {
	position: relative;
	min-height: 200px;	
}
#profilointiCardArea {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
#profilointiContentHeader {
	height: 55px;
	position: relative;
}
.profilointiHeaderButton,
.profilointiListCardButton {
	font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    display: block;
    border-radius: 3px;
    padding: 4px 13px 4px 13px;
    cursor: pointer;
}
.profilointiHeaderButton {
    color: #3584CB;
    background: #fff;
    margin-top: 20px;	
    border: 1px solid #DCDDE2;
}
#profilointiInstructionsBase {
	float: right;
	min-height: 50px;
	min-width: 10px;
	display: inline-block;
	position: relative;
}
.profilointiListCardButton {
    color: #FDFDFE;
    background: #1463AB;
    border: none;
}
.profilointiListCardButton.hidden {
	display: none;
}
#newSearchButton.profilointiHeaderButton:disabled {
	display: none;
}
.profilointiHeaderButton {
	float: right;
	margin-left: 2px;
}
.profilointiHeaderButton:active, .profilointiHeaderButton:hover, .profilointiHeaderButton:focus,
.profilointiListCardButton:active, .profilointiListCardButton:hover, .profilointiListCardButton:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}
#profilointiContentHeader h1 {
	display: block;
	float: left;
    color: #101010;
    padding-top: 20px;
	font: lighter 21px/26px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
}
.profilointiResultCard {
	display: block;
	width: 376px;
	background: #fff !important;
	margin: 2px 2px 2px 2px;
	padding: 25px 0px 25px 0px;
	overflow: hidden;
}
#profilointiPDFraporttiCardArea .profilointiResultCard {
	width: 600px;
}
.profilointiResultCard.minimized {
	max-height: 270px;
}
.profilointiResultCard.hidden {
	display: none;
}
.profilointiResultCard h1 {
    color: black;
	font: bold 13px/15px "Myriad W01 Regular", Helvetica, Arial, sans-serif;    
}
.profilerCardTitleArea, .profilerCardResultArea, .profilerCardShowMoreArea {
	width: 285px;
	margin-left: 30px;
	margin-right: auto;
}
.profilerCardResultArea {
	margin-top: 13px;
	color: black;
	font: lighter 11px/13px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
}
.profilerCardResultArea.minimized {
	max-height: 190px;
}
.profilerCardShowMoreArea {
	margin-top: 8px;
}
.profilerCardExpandLink {
	margin-left: 50px;
    color: #51C4EF;
    text-decoration: underline;
	font: lighter 11.5px/13px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
    cursor: pointer;
}
.profilointiClear {
	clear:both;
	width: 100%;
	height: 10px;
}
.profilointiBigErrorMessage {
	text-align: center;
	font-size: 26px;
	line-height: 200px;
}




/* --- Stripe Elements --- */

.MyCardElement {
  height: 40px;
  padding: 10px 12px;
  width: 100%;
  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.MyCardElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.MyCardElement--invalid {
  border-color: #fa755a;
}

.MyCardElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* --- end of Stripe Elements --- */





/* --- Generic Kontaktipankki classes --- */

.KPbasicButton {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff5e5e;
	color: white;
	border: none;
	border-radius: 3px;
}
.KPbasicButton:focus {
	outline: none;
}





/* --- Kuukausitilauksen ja sen perumisen sivut --- */

.basicPageBackground.mainPage {
	padding-top: 30px;
	clear: both;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.basicPageBackground.loading {
	opacity: 0;
}
#kuukausitilausContentArea {
	width: 100%;
	display: block;
	margin-left: 10%;
	width: 80%;
	margin-top: 50px;
	min-height: 100px;
}
#kuukausitilausContentArea h3 {
	margin: 20px 0 0 0;
	font-size: 16px;
}
#ktProductTypeList {
	margin-left: 20px;
	margin-top: 20px;
	overflow: hidden;
	padding: 0 2px 0 2px;
}
#kuukausitilaus .subsProductDesc {
	font-style: italic;
	font-weight: 100;
	font-size: 13px;
	color: #888888;
}
.ktProductTypeList label {
	overflow: hidden;
}
.ktSubscriptionPayButton {
	width: 100px;
	margin-top: 20px;
}
#ktStripeElementsArea {
	margin-top: 5px;
	width: 600px;
}
@media only screen and (max-width: 768px) { /* iPad */
	#ktStripeElementsArea {
		width: 450px;
	}
}
@media only screen and (max-width: 564px) { /* Phones */
	#ktStripeElementsArea {
		width: 360px;
	}
}
@media only screen and (max-width: 416px) { 
	#ktStripeElementsArea {
		width: 320px;
	}
}

/* --- end of Kuukausitilaus --- */





/* 	----------- 
 	PDF reports
	-----------  */

.printedPage {
	width: 21cm;
  	height: 29.7cm;
  	overflow: hidden;
	box-sizing: border-box;
}
.printedPage.lastPage {
	height: auto;
	max-height: 29.6cm; /*An ugly hack to avoid the extra page at the end.. */
  	page-break-after: avoid;
}
.printedPage.firstPage {
	page-break-before: auto;
}
.printedMultiPage {
	height: auto !important;
	page-break-after: always;
}
.printedPageContainer {
	overflow: hidden;
}


/* Tilinpäätös PDF report */
.financialPDFreport.printedPage {
	padding: 3cm 2cm 3cm 2cm;
	position: relative;
}
.financialPDFreport.printedPage.firstPage {
	padding: 7cm 2cm 3cm 3cm;
}
.financialPDFreport .show-tooltip {
	display: none;
}
.financialPDFreport .data-table td.value {
    font-weight: normal;
}
.financialPDFreport .data-table thead td.value {
    font-weight: bold;
}
.financialPDFreport .data-table td.subheading {
    font-size: 13px;
    color: #444 !important;
    font-weight: normal;
    text-transform: uppercase;
    padding: 14px 0 0 0; 
    text-align: left;
    border-bottom: 1px solid #000;
}
.financialPDFreport .data-table td span.negative {
	color: #f00 !important;
}
.financialPDFreport .data-table table thead th.col-highlight,
.financialPDFreport .data-table table thead td.col-highlight {
    font-weight: bold;
    color: #222 !important;
}
.financialPDFreport .data-table table tbody th.col-highlight,
.financialPDFreport .data-table table tbody td.col-highlight {
    font-size: 13px;
    color: #222 !important;
}
.financialPDFreport .data-table table thead th.col-highlight,
.financialPDFreport .data-table table thead td.col-highlight,
.financialPDFreport .data-table table tr th.col-highlight,
.financialPDFreport .data-table table tr td.col-highlight {
    background: #e9f2f4 !important;
}





/* Profilointi PDF report */

#profilointiPDFraporttiContentHeader {
	padding-left: 65px;
	padding-top: 80px;
	padding-bottom: 0px;
	page-break-after: always;
}
#profilointiPDFraporttiContentHeader p {
	margin-bottom: 5px;
	font: lighter 15px/15px "Myriad W01 Regular", Helvetica, Arial, sans-serif;	
}
p.profilointiPDFraporttiHeaderElement {
	margin-top: 10px;
}
.profilointiPDFraporttiHeaderLabel {
	display: inline-block;
	width: 150px;
}
.profilointiPDFraporttiIdMethodInfo {
	display: inline-block;
	color: grey;
	padding-left: 170px;
}
#profilointiPDFraporttiList1, #profilointiPDFraporttiList2 {
	font: bold 15px/15px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
}
#profilointiPDFraporttiContentHeader h1 {
	font: bold 20px/25px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
	margin-bottom: 25px;
}
#profilointiPDFraportti, 
#profilointiPDFraporttiMainArea, 
#profilointiPDFraporttiContentArea, 
#profilointiPDFraporttiCardAreaContainer, 
#profilointiPDFraporttiCardArea  {
	float: none;
}
#profilointiPDFraportti,
#profilointiPDFraporttiMainArea,
#profilointiPDFraporttiContentArea,
#profilointiPDFraporttiContentHeader {
	margin: 0;
	padding: 0;
}
#profilointiPDFraporttiCardArea .profilointiResultCard {
	margin-top: 1cm;
	margin-left: 2cm;
}
#profilointiPDFraporttiCardArea .profilointiResultCard table {
	margin-top: 10px;
}

#profilointiSettingsContainer, 
#profilointiInstructionsContainer {
	z-index: 1000000000;

	position: absolute;
	right: -5px;
	top: 47px;
	border: 1px solid #eeeeee;
	background: white;
	padding: 5px 25px 25px 25px;
	width: 190px;
	min-height: 50px;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;

	-webkit-box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
    -moz-box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);
    box-shadow: 3px 4px 36px -8px rgba(0,0,0,0.54);

    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
#profilointiInstructionsContainer {
	text-align: left;
	font: 100 14px/14px "Myriad W01 Regular", Helvetica, Arial, sans-serif;	
}
#profilointiInstructionsContainer p {
	color: #555;
}
#profilointiSettingsContainer.hidden, 
#profilointiInstructionsContainer.hidden {
    opacity: 0;
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
}
#profilointiSettingsContainer.visible, 
#profilointiInstructionsContainer.visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
#profilointiSettings,
#profilointiInstructions {
	border-radius: 10px;
	overflow: hidden;
} 
/* This will hide the list options that cannot be changed. */
#profilointiSettings .hidden {
	display: none; 
}
#profilointi .pageLoading {
	display: none;
}
#profilointiSettingsInnerContainer {
	display: inline-block;
	text-align: left;
}
.profilointiSettingsElement {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.profilointiSettingsElement p {
	display: inline-block;
	color: grey;
	margin-bottom: 0px;
	font: lighter 13px/13px "Myriad W01 Regular", Helvetica, Arial, sans-serif;	
}
.profilointiSettingsElement .checkbox-option label span {
	font: lighter 12px/17px "Myriad W01 Regular", Helvetica, Arial, sans-serif;	
}
.profilointiSettingsElement h1 {
	color: black;
	font: bold 14px/14px "Myriad W01 Regular", Helvetica, Arial, sans-serif;	
	display: inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.profilointiSettingsElement h2 {
	color: black;
	font: lighter 13px/13px "Myriad W01 Regular", Helvetica, Arial, sans-serif;	
	display: inline-block;
}



.ClassifierProfilerCard table {
	border-collapse: collapse;
	border: none;
}
.ClassifierProfilerCard table .barrow1,
.ClassifierProfilerCard table .barrow2 {
	min-width: 60%;
	float: left;
	display: block;
	position: relative;
}
.ClassifierProfilerCard table .percrow1, 
.ClassifierProfilerCard table .percrow2 {
	min-width: 60%;
	float: right;
	display: block;
	position: relative;
	padding-bottom: 3px;
}
.ClassifierProfilerCard .bar1 {
	height: 15px;
	background: #FF2C2E !important;
	border-radius: 0px 3px 3px 0px;
	position: relative;
}
.ClassifierProfilerCard .bar2 {
	height: 11px;
	background: #13B2EB !important;
	border-radius: 0px 3px 3px 0px;
	position: relative;
}
.ClassifierProfilerCard .barperc {
	color: #555555 !important;
	font: lighter 10px/10px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
	text-align: right;
	right: 2px;
}
.ClassifierProfilerCard .percrow1 .barperc {
	top: 3px;
}
.ClassifierProfilerCard .percrow2 .barperc {
	top: 1px;
}
.ClassifierProfilerCard .barLabel {
	font: lighter 11.5px/11.5px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
}
.ClassifierProfilerCard .barind {
	color: black !important;
	font: bold 11px/11px "Myriad W01 Regular", Helvetica, Arial, sans-serif;
	display: block;
	position: absolute;
	top: 7px;
}
.ClassifierProfilerCard td:nth-child(1) {
	text-align: right;
	vertical-align: middle;
	width: 140px;
	padding: 7px 0 0 0;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap; 
	text-overflow: ellipsis;
	border: none;
}
#profilointiPDFraporttiCardArea .ClassifierProfilerCard td:nth-child(1) {
	width: 250px;
	white-space: initial;
}
.ClassifierProfilerCard td:nth-child(3) {
	padding-left: 1px;
	border: none;
	position: relative;
}
.ClassifierProfilerCard td:nth-child(2) {
	border: none;
	position: relative;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
}
.ClassifierProfilerCard.UIlayout tr {
	cursor: pointer;
}
.ClassifierProfilerCard.UIlayout tr:hover td:first-child .barLabel {
	background-color: #f0f0f0;
}
.ClassifierProfilerCard.UIlayout tr.toQuery .barLabel::before {
	content: '\2713   ';
	font-size: 18px;
}
.ClassifierProfilerCard.UIlayout tr.toQuery .barLabel {
	font-weight: bold;
}

/* Icons for different profilers */
.profilointiResultCard.profilerFonectanelinkaari,
.profilointiResultCard.profilerFonectanmarkkinointiasenne {
/*	background: white url(/css/icons/fonectalaatikko-icon-red.png) no-repeat left 19px top 16px !important;
*/	background-size: 32px 32px !important;	
}
.profilointiResultCard.profilerSijainti {
/*	background: white url(/css/icons/sijainti-icon-red.png) no-repeat left 19px top 16px !important;
*/	background-size: 32px 32px !important;	
}
.profilointiResultCard.profilerLiikevaihto {
/*	background: white url(/css/icons/euro-icon-red.png) no-repeat left 17px top 16px !important;
*/	background-size: 32px 32px !important;	
}
/* --- end of Profilointi --- */






/* Preload images */
/* body:after {
  content: url(lbimages/close.png) url(lbimages/loading.gif) url(lbimages/prev.png) url(lbimages/next.png);
  display: none;
} */

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(lbimages/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(lbimages/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(lbimages/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(lbimages/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* @group My Group */

#page-4323  #socool-block-1 .socool-color-overlay {
	width: 75%;
	background: #4cc1bf;
	right: -20%;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);  	    
}

#page-4323 #socool-block-1 .socool-block-text-wrap {
    width: 44%;
}

#page-4323 #socool-block-1 .socool-block-background-image video {
	height: 100%;
}

#menu-container {
	max-width: 1200px;
}
#searchPageContainer {
	height: 100%;
}
#filterAreaContainer {
	width: 770px;
}
.kortti {
	width: 30%;
	margin-right: 2%;
}

@media only screen and (max-width: 2000px) {
	#page-4323  #socool-block-1 .socool-color-overlay {
		    width: 78%;
	}
}    

@media only screen and (max-width: 1800px) {
	#page-4323  #socool-block-1 .socool-color-overlay {
		    width: 75%;
	}
}    

@media only screen and (max-width: 1700px) {
	#page-4323  #socool-block-1 .socool-color-overlay {
		    width: 73%;
	}
}    

@media only screen and (max-width: 1500px) {
	#page-4323  #socool-block-1 .socool-color-overlay {
		    width: 67%;
	}
}    
@media only screen and (max-width: 1240px) {
	#page-4323  #socool-block-1 .socool-color-overlay {
		    width: 67%;
	}
	#menu-container {
		max-width: 1024px;
	}
	#filterAreaContainer {
		width: 770px;
	}
	.kortti {
		width: 31%;
		margin-right: 2%;
	}
	#statistics .percentageMeter {
		display: none;
	}
	.hs-container {
		width: 680px;
	}
}    
@media only screen and (max-width: 1100px) {
	#page-4323  #socool-block-1 .socool-color-overlay {
		    width: 63%;
	}
	#page-4323 #socool-block-1 .socool-block-text-wrap {
	    width: 42%;
	}
}
@media only screen and (max-width: 719px) {
	#page-4323 #socool-block-1 .socool-block-text-wrap {
	    width: 100%;
	}

#page-4323  #socool-block-1 .socool-color-overlay {
	width: 0;
	background: none;
	right: 0;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;  	    
}


}    


@media only screen and (max-width: 719px) {
	#page-4323  #socool-block-1 .socool-block-background-image {
			display: none;
	}
}	




/* --- Asetukset-sivun mobiiliversio alkaa --- */

@media only screen and (max-width: 929px) { /* Narrow window on desktop */
	.KPsettingsView {
		width: 700px;
		padding: 10px 3px 10px 3px;
	}
	.KPSVnotificationArea {
		padding-top: 2px;
		padding-left: 2px;
	}

	.KPSVtitleCol {
		width: 100%;
		min-height: 60px;
		padding-left: 20px;
		padding-right: 5px;
		padding-top: 10px;
	}
	#ExportOrderSettingView .KPSVtitleCol,
	#MicrosoftDynamicsKeySettingView .KPSVtitleCol {
		min-height: 75px;
	}
	.KPSVcontentCol {
		width: 600px;
		margin-left: 100px;
		min-height: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.UserInfoSettingTitle {
		padding-left: 20px;
	}
	.UserInfoSettingElement {
		padding-left: 3px;
		padding-right: 10px;
	}
	.UserInfoSettingElement input,
	.UserInfoSettingElement .KPSVinfoField,
	.UISemailConfirmationButton,
	.UISpasswordConfirmationButton {
		width: 400px;
	}


	.LDEKSVcurrentKeyValue,
	.MDcurrentKeyValue {
		font-size: 13px;
	}
	.KPSVkeyRow {
		padding-left: 20px;
	}
	.LDEKSVbuttonContainer,
	.MDbuttonContainer {
		opacity: 1;
		width: 40px;
	}
	.LDEKSVkeyInput,
	.MDkeyInput {
		float: left;
		margin-left: 20px;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 560px;	
	}
	.EOSVcheckboxArea {
		padding-top: 10px;
		padding-left: 5px;
	}
}
@media only screen and (max-width: 768px) { /* iPad */
	.KPSVcontentCol {
		width: 600px;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 620px) { 
	.KPSVcontentCol {
		width: 550px;
	}
	.UserInfoSettingElement input,
	.UserInfoSettingElement .KPSVinfoField,
	.UISemailConfirmationButton,
	.UISpasswordConfirmationButton {
		width: 300px;
	}
	.LDEKSVkeyInput,
	.MDkeyInput {
		width: 510px;	
	}
}
@media only screen and (max-width: 564px) { /* Phones */
	.KPsettingsView {
		width: 100%;
		padding: 10px 3px 10px 3px;
	}
	.KPSVcontentCol {
		margin-left: 0;
		width: 100%;
	}
	.UserInfoSettingElement input,
	.UserInfoSettingElement .KPSVinfoField,
	.UISemailConfirmationButton,
	.UISpasswordConfirmationButton {
		width: 320px;
	}
	.UISemailConfirmationButton, 
	.UISpasswordConfirmationButton {
		align-self: flex-end;
		margin: 3px 0 0 0;
	}
	.UserInfoSettingElement {
		display: flex;		
		flex-direction: column;
	}
	.UISinfoArea .SoCoolFancyTextInputContainer,
	.UISinfoArea .KPSVinfoField {
		order: 2;
	}
	.SoCoolFancyTextInputContainer,
	.KPSVinfoField { 
		align-self: flex-end;
	}
	.UISinfoArea .KPSVinputLabel,
	.UISinfoArea .KPSVinfoText {
		order: 1;
		margin-left: 20px;
	}
	.UISinfoArea .KPSVinfoField {
		margin-top: 8px;
	}
	.UISemailArea {
		margin-top: 15px;
	}
	.LDEKSVkeyInput,
	.MDkeyInput {
		margin-left: 0;
		width: 320px;	
		float: right;
	}
	.KPSVinputLabel,
	.KPSVinfoText {
		clear: both;
	}
	.EOSVleftCol {
		float: right;
		width: 100%;
		max-width: 400px;
	}	
	.EOSVmidCol {
		float: right;
		width: 100%;
		max-width: 400px;
		height: 30px;
		margin-top: 5px;
		margin-bottom: 5px;
	}	
	.EOSVrightCol {
		float: right;
		width: 100%;
		max-width: 400px;
	}	
	.EOSVlist ul {
		height: 160px!important;
	}
	.EOSVmidColVerticalContainer {
		width: 140px;
		display: block;
		margin: 0 auto;
	}
	.EOSVmidColContentRow {
		display: block;
		width: 50%;
	}
	.EOSVmoveRightButton{
		margin: 0 0 0 0;
		float: left;
	}
	.EOSVmoveLeftButton{
		margin: 0 0 0 0;
		float: right;
	}
	.EOSVmoveButton {
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.EOSVcheckboxArea {
		float: right;
		width: 100%;
		max-width: 390px;
		margin-right: 10px;
	}
	.EOSVlistArea {
		margin-top: 10px;
		float: right;
		box-sizing: border-box;
		width: 100%;
		max-width: 400px;		
	}
	.EOSVlist .mutableListSortButton {
	}
	.EOSVlist .mutableListDownButton {
		right: 45px;
	}
	.EOSVlist .mutableListUpButton {
		right: 5px;
	}
}
@media only screen and (max-width: 416px) { 
	.EOSVcheckboxArea {
		width:95%;
	}
}

/* --- Asetukset-sivun mobiiliversio loppuu --- */


/* @end */





/* @override 
	https://kohderyhmapalvelu.fonecta.fi/site0113.css/fonecta.css
	https://b2bdevelopmentproject.leadcloud.fi/site0166.css/fonecta.css
*/

/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2018 Colophon Foundry
 *
 * Licenced to Olli Sirki&auml; Leadventure Oy
 */

 @font-face {
  font-family: 'relative-book';
  src: url('Fonts/Relative/Book/relative-book.eot');
  src: url('Fonts/Relative/Book/relative-book.eot?#iefix') format('embedded-opentype'),
       url('Fonts/Relative/Book/relative-book.woff') format('woff'),
       url('Fonts/Relative/Book/relative-book.woff2') format('woff2'),
       url('Fonts/Relative/Book/relative-book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}


/*
* Web Fonts from colophon-foundry.org
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Colophon Foundry. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2018 Colophon Foundry
*
* Licenced to Olli Sirki&auml; Leadventure Oy
*/

@font-face {
  font-family: 'relative-bold';
  src: url('Fonts/Relative/Bold/relative-bold.eot');
  src: url('Fonts/Relative/Bold/relative-bold.eot?#iefix') format('embedded-opentype'),
       url('Fonts/Relative/Bold/relative-bold.woff') format('woff'),
       url('Fonts/Relative/Bold/relative-bold.woff2') format('woff2'),
       url('Fonts/Relative/Bold/relative-bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

/*
* Web Fonts from colophon-foundry.org
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Colophon Foundry. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2018 Colophon Foundry
*
* Licenced to Olli Sirki&auml; Leadventure Oy
*/

@font-face {
  font-family: 'relative-faux';
  src: url('Fonts/Relative/01.Faux/relative-faux.eot');
  src: url('Fonts/Relative/01.Faux/relative-faux.eot?#iefix') format('embedded-opentype'),
       url('Fonts/Relative/01.Faux/relative-faux.woff') format('woff'),
       url('Fonts/Relative/01.Faux/relative-faux.woff2') format('woff2'),
       url('Fonts/Relative/01.Faux/relative-faux.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}



body {
font: 16px/22px 'rRaleway', Helvetica, Arial, sans-serif;	
background: #ffffff;
}


.link, a {
color: #ff7b1d;
}
h1 {
font: normal 38px/44px "Raleway", Helvetica, Arial, sans-serif;
font-weight: 900;
text-transform: uppercase;
}
h2 {
color: #000;
}
h1,h2, h3 {
font-face: "Raleway", Helvetica, Arial, sans-serif;
}
h4,h5,h6 {
font-face: "Raleway", Helvetica, Arial, sans-serif;
}

#header {
background: rgba(33,3,99, 0.99);
}

#header-logo {
top: 23px;
}
@media only screen and (max-width: 719px) {
#header-logo {
top: 13px;
}

}



#nav a { 
font: normal 21px/22px "relative-book", Helvetica, Arial, sans-serif;
font-family: "Roboto", Helvetica, Arial, sans-serif;
color:#fff;
}
#nav li.active {
color:#000;
background:#fff;
text-decoration:none;
}
#nav li.active a {
color: #000;
}
#nav-selected {
background: #d4d4d4;
}
.scrolled #nav-selected {
height: 54px;
}
#nav:hover li.active a {
color: #d4d4d4;
}
#nav .slide a {
background: #d4d4d4 !important;	
}
#nav-buttons a {
font-size: 21px;
line-height:23px;
color:#210363;
font-weight:normal;
display:inline-block;
vertical-align:top;
background:#fff;
border-radius:1px;
padding: 8px 14px 7px 14px;
cursor: pointer;
border: 1px solid #fff;
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
#nav-buttons a#ota-yhteytta {
background: #210363;
color: #fff;
border: 1px solid #fff;
}
.scrolled #nav-buttons {
top:8px;
}
#settings-menu ul li a {
color: #ff7b1d;
}
#settings-menu ul li a:hover {
color: #fff;
background-color: #ff7b1d;
}
.scrolled #header {
height: 54px;
}
.scrolled #header-logo {
top: 10px;
}
#header-logo img {
width: 170px;
}
.scrolled #header-logo img {
width: 160px; 
}
.scrolled #nav a {
padding:17px 26px 15px 26px;
}
.tab-nav span {
color: #000;
}
.tab-nav li span.notify { 
  background: #ff7b1d;
}		
html.no-touch .tab-nav .active a:hover,
.tab-nav .active span {
background:#ececec;
}

.link-2,
.btn{
font-size: 21px;
line-height:24px;
color:#fff;
font-weight:normal;
display:inline-block;
vertical-align:top;
background:#000;
border: 1px solid #000;
border-radius:3px;
padding: 9px 26px 8px;
cursor: pointer;
font-family: "Roboto", Helvetica, Arial, sans-serif;

}

.link-3 {
font-size: 21px;
line-height:24px;
color:#000;
font-weight:bold;
display:inline-block;
vertical-align:top;
background:none;
border: 1px solid #000;
border-radius:3px;
padding: 9px 26px 8px;
cursor: pointer;
font-family: "Roboto", Helvetica, Arial, sans-serif;
}

html.no-touch .post .img-holder a:hover .btn{background:#ff7b1d;}
html.no-touch a:hover .post h1 {
color:#ff7b1d; text-decoration: none; 
}
html.no-touch a:hover .post p {
color:#ff7b1d; text-decoration: none; 
}
#news-menu h2 {
font: normal 24px/24px "relative-book", Helvetica, Arial, sans-serif;
}
#news-menu td.text-holder a h3 {
font: bold 16px/20px "relative-bold", Helvetica, Arial, sans-serif;
}
/*

#nav ul {
z-index: 100;
}
#nav ul li {
-webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
#nav a {
-webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
#nav-selected {
-webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
background: #fff;
z-index: 10;

}
*/
#footer {
background: #fff;
padding: 40px 0 35px 0;
display: block;
float: left;
width: 100%;
border-top: 1px solid #f5f5f5;
}
.align-right {
text-align: right;
}
#footer p {
font-size: 16px;
color: #000;
margin: 5px 0 5px 0;
padding: 0;
}
#footer p a {
font-weight: normal;
color: #000;

}
.form input[type=submit] {
background: #ff7b1d;
}

.filter-form{
background:#ff7b1d;
}
.socool-form-validate .help-block {
  background-color: #ff7b1d;
  border: 1px solid #ff7b1d;
}

.yritysKortti {
background: #fff url(icons-profinder/yritys-icon.png) no-repeat 30px 30px;
background-position: 10px 10px;
  background-size: 40px 50px;
}

.progressbar {
width: 240px; 
height: 30px; 
background: #ff7b1d; 
position: relative;
}
.progressbar .progressbar-meter {
position: absolute; 
z-index:40; 
width:10%; 
height: 30px; 
background:#ff7b1d;
}
.progressbar .progressbar-label {
position: absolute; 
z-index:50; 
top: 3px; 
left: 6px;
color: white;
font-size:14px;
}
#searchPage {
display: block;
float: left;
width: 100%;
}
#searchPageContainer {
margin: 2px auto 50px auto;

}
#searchPageBackground {
background: #fff;
display: block;
float: left;
width: 100%;
box-shadow: 0 10px 34px -17px rgba(0,0,0,0.25);
}

#ostaminen {
background: #f5f5f5;
padding: 40px 0 40px 0;
  display: block;
  float: left;
  width: 100%;
}

#campaignSaveButton {
background: #ff7b1d;
}

#searchPage {
padding-top: 40px;
padding-bottom: 40px;
}
.percentageMeter {
display: block;
float: left;
width: 100%;
height: 10px;
background: #ff7b1d;
border-radius: 0 5px 5px 0;
margin-top: 5px;
}
.noUi-connect {
background: #ff7b1d;
}
#filterMenu ul li.selected {
background: #D4D4D4;
}
#filterMenu ul li.selected span {
color: #000;
}
#filterMenu ul li.selected:hover span {
color: #000;
}
#filterMenu ul li.checked:after {
  color: #ff7b1d;
} 
.form .checkbox-option input[type=checkbox]:checked+label::before,
.form .checkbox-option-simple input[type=checkbox]:checked+label::before,
.form .checkbox-option-bl input[type=checkbox]:checked+label::before,
#rowDataImportCheckboxRow input[type=checkbox]:checked+label::before {
  content: "\2713";
  color: #fff;
  background-color: #00aaf7;
  border-color: #00aaf7;
  text-align: center;
}
.form .checkbox-option input[type=radio]:checked+label::before {
  content: "\2713";
  color: #fff;
  background-color: #ff7b1d;
  border-color: #ff7b1d;
  text-align: center;
}
#footer_text .link-2 {
background: #000;
}
#mapPageSaveShapeButton, #mapPageDeleteShapeButton {
background: #ff7b1d;
}
#mapPageShapeList td.shapeRowAreaName {
color: #ff7b1d;
}
#rowDataImportSubmitButton {
background: #ff7b1d;
}
#seuraavaLaskuIcon {
background: url(icons-profinder/kalenteri.png) 0px 50% / 55px 58px no-repeat !important;
}
#resultAreaContainer {
position: relative;	
display: block;
float: left;
  background: #fff;
width: 100%;
height: auto;  
 padding: 10px 0 10px 0;
 border-top: 0;
}
#seuraavaLaskuIconDay {
color: #ff7b1d;
}
#saveBlacklistButton {
background: #ff7b1d;
}
.kampanjatListItem a, .contactToolListItem a, .kampanjatListItem button {
  background: #ff7b1d;
}
.kampanjatListItem .privacyPolicyLinkContainer a {
color: #ff5f5e;
}
.kampanjatListItemToggleButton {
line-height: 30px;
}
#yritysHakuInputs input#yritys-haku-hae {
background: #29aaff;
}
#yritysHakuTabs .tab-nav li.active {
background: #29aaff !important;
}
#yritysHakuApp .easy-autocomplete ul li.selected {
background: #29aaff !important;
}
.hakuKortti h3 a {
color: #ff7b1d;
}
.hakuKortti h3 a:hover {
color: #ff7b1d;
}
.sivutoimipaikat span.kaupunki:hover {
background: #29aaff;
}
.action-button,
#campaignSaveButton,
#cherrypickRegisteredGetListButton,
#cherrypickPublicGetListButton {
background: #ff7b1d;
  border: 1px solid #ff7b1d;
  border-radius: 20px;
  
font-size: 20px;
  line-height: 20px;

}
#rowDataImportSubmitButton {
background: #5307ff;
}
.activeFilterSidebarSubElement:hover,
.activeFilterSidebarSubTitle:hover {
background: #feb34e;
color: white;	
}
#activeFilterSidebarRemoveAllButton {
background: #ff7b1d;	
}
.hs-container .hs-list li:hover {
background-color: #5307ff;
}
#resultAreaMenuContainer {
background: #000;
}
#allResultColumns table h5 {
color: #fff;
}
#onlineAdvertise, #contactRowCountContainer {
color: #fff;
}
#kohdennus-tavoittaa h2, #resultColumnSwitchContainer h2, .resultColumn h2 {
color: #ff7b1d;
}
.cherrypickCompany::before {
  background-color: #ff7b1d;
  border-color: #ff7b1d;
}
.cherrypickDecisionMaker::before {
  background-color: #ff7b1d;
  border-color: #ff7b1d;	
}
.cherrypickArea-visible .action-button, 
.cherrypickArea-visible #campaignSaveButton, 
.cherrypickArea-visible #cherrypickRegisteredGetListButton {
background: #141414;
color: #fff;
}
#cherrypickArea .button {
color: #141414;
}
.cherrypickArea-visible #resultAreaContainer {
background: #ff7b1d;
}
#cherrypickArea {
background-color: #f5f5f5;
}
#cherrypickLoader {
border: 12px solid #dddddd;
border-top: 12px solid #3DB9B8;
}

.ral-ringring, .scl-ringring {
  border: 1px solid #ff7b1d;
  background-color: #ff7b1d;
}
#backlistedCounterBox .ral-ringring {
  border: 1px solid white;
  background-color: white;
}


.autocompleteListItem.selected {
background: rgba(76, 193, 191, 0.3);
}
ul.tags-list li,
ul.tagsInput-list li {
background: #29aaff;
}
#filterArea .inputWithAutocomplete:focus,
#filterArea .floatrangeDecimalInput:focus,
#filterArea input[name="shapeName"]:focus,
#filterArea #saveBlacklistButton:focus,
#csv_upload input:focus,
#leaddesk-lists input[name="leaddesk"]:focus,
#campaignSaveName:focus,
#campaignSaveLimit:focus,
#campaignSaveButton:focus,
#cherrypickRegisteredGetListButton:focus,
#cherrypickRegisteredCloseListButton:focus,
#campaignDescription:focus,
#mapPageSaveShapeButton:focus,
#mapPageDeleteShapeButton:focus,
#mapContainer input:focus,
#mapPageClearButton:focus,
input[name="switchUserPanelSearch"]:focus,
#lisenssiSivu input[type="text"]:focus,
#lisenssiSivu textarea:focus,
#lisenssiSivu select:focus,
.form-input-wrap input[type="text"]:focus,
.form-input-wrap textarea:focus,
.form-control-submit input[type="submit"]:focus,
.SWCbutton:focus {
-webkit-box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
-moz-box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
}
#filterArea .SCdateRangeStartInput:focus,
#filterArea .SCdateRangeEndInput:focus,
.pickDMcount:focus,
.FSBWbutton:focus,
#campaignSaveName:focus,
#campaignSaveLimit:focus,
#leaddesk-lists input[name="leaddesk"]:focus,
input[name="csv_upload_listname"]:focus,
#kampanjatListArea input[name="omatHautHae"]:focus,
#filterArea .multiDateRangeViewInput:focus {
-webkit-box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
-moz-box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
}
#kampanjatListArea textarea[name="campaignDescription"]:focus {
-webkit-box-shadow: 0px 0px 4px 2px rgba(76, 193, 191, 1);
-moz-box-shadow: 0px 0px 4px 2px rgba(76, 193, 191, 1);
box-shadow: 0px 0px 4px 2px rgba(76, 193, 191, 1);	
}
.multiDateRangeViewInput.MDRVinvalidItemAtCursor:focus {
-webkit-box-shadow: 0px 0px 5px 2px rgba(255, 170, 41, 1)!important;
-moz-box-shadow: 0px 0px 5px 2px rgba(255, 170, 41, 1)!important;
box-shadow: 0px 0px 5px 2px rgba(255, 170, 41, 1)!important;
}

#kampanjatHeader, #profilointiHeader {
  background: #250865;
  border-top: 1px solid rgba(255,255,255,0.3);
}


.kampanjatListItem .uploadProgressBarBackground {
background: #ccc;
}
.kampanjatListItem .uploadProgressDesc {
top: 8px;
}
.kampanjatListItem .uploadProgressBar {
background: #feb34e;
}


.kampanjatListItem .KPhoverDiv {
background-color: #ff5f5e;
}
.kampanjatListItem .KPhoverDiv label::before {
background-color: #ff5f5e!important;	
}
.kampanjatListItem .KPhoverDiv .checkbox-option-simple:hover {
background-color: #f0322a!important;
}


/* User settings */

.KPSVkeyInfoRow {
line-height: 15px;
}
.KPSVtitleColElem {
font-weight: 100;
}
.KPSVsmallButton:hover,
.KPtinyButton:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(76, 193, 191, 1);
-moz-box-shadow: 0px 0px 5px 1px rgba(76, 193, 191, 1);
box-shadow: 0px 0px 5px 1px rgba(76, 193, 191, 1);
}
.UISemailMessageArea {
height: 25px;
line-height: 15px;
}



/* socool.fancyTextInput */

.SoCoolFancyTextInput:focus {
-webkit-box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
-moz-box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
box-shadow: 0px 0px 5px 2px rgba(76, 193, 191, 1);
}
.SoCoolFancyTextInput.invalidValue.flash:focus,
.SoCoolFancyTextInput.flash:focus {
animation: flashFT 0.3s ease-out;
animation-iteration-count: 1;
}
@keyframes flashFT {
  0% { 
    -webkit-box-shadow: 0px 0px 5px 6px rgba(255, 170, 41, 1);
    -moz-box-shadow: 0px 0px 5px 6px rgba(255, 170, 41, 1);
    box-shadow: 0px 0px 5px 6px rgba(255, 170, 41, 1);
  }
  100% { }
}


/* Financial statements start ----------------*/
.FSBWbutton {
color: #ff7b1d;
}
/* Financial statements end   ----------------*/




/* TilinpƤƤtƶs PDF report */

.financialPDFreport .FSlogoContainer {
position: absolute;
top: 0px;
right: 0px;

margin-top: 2cm;
margin-right: 2cm;

width: 300px;
height: 72.5px;
background: url(/css/logos/LeadCloud_logo_512px.png) no-repeat left top !important;
background-size: contain !important;
}




.hspm-checkbox-parentInfo {
  background: #feb34e;
}



/* 	---------- 
 PDF report
----------  */

#profilointiPDFraporttiContentHeader {
margin-left: 2cm;
}
#profilointiPDFraporttiContentHeader h1 {
padding-top: 4cm;
margin-bottom: 35px;
}
#profilointiPDFraporttiContentHeader h2 {
  padding-top: 0.65cm;
  padding-bottom: 4cm;
}



/* --- Nice select --- */

.nice-select.profilointiListCardSelect {
color: #444444;
  background-image: linear-gradient(to right, white 0%, white 320px, #ff7b1d 320px, #ff7b1d 100%);	
}

/* --- Profilointi --- */

#profilointiListCardLeft .profilointiListColorDot {
color: #5307ff;
}
#profilointiListCardRight .profilointiListColorDot {
color: #ff7b1d;
}
.ClassifierProfilerCard .bar1 {
background: #5307ff !important;
}
.ClassifierProfilerCard .bar2 {
background: #ff7b1d !important;
}
#profilointiContentHeader button {
background: #ff7b1d;
color: white;
}
.profilointiListCardButton {
  background: #ff7b1d;
}


.roundLoader {
border-top: 20px solid #3DB9B8 !important;
}



.pickDMremoveSelectedButton, .pickDMselectAllButton, .dateRangeViewPlusButton, 
.EOSVremoveAllButton, .UISemailConfirmationButton, .UISpasswordConfirmationButton {
background-color: #5307ff;
}
.pickDMmoveLeftButton {
background-color: black;
}


@media only screen and (max-width: 1240px) {
#menu-container {
  max-width: 1120px;
}
}
@media only screen and (max-width: 1180px) {
#menu-container {
  max-width: 1080px;
}
#nav-buttons a {
font-size: 17px;
line-height: 20px;
}

}
@media only screen and (max-width: 1100px) {

#menu-container {
  max-width: 1024px;
}
}





/* Add a black background color to the top navigation */
.topnav {
  background-color: #240665;
  overflow: hidden;
  padding: 20px 0 0 40px;
  width: 100%;
  box-sizing: border-box;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: Arial, sans-serif;
  border-radius: 4px 4px 0 0;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #fff;
  color: #000;
  
}

.logo {        
  font-family: Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  padding: 24px 0 12px 0;
  color: #fff;
  /* background-color: #240665; */
  width: auto;
  box-sizing: border-box;
  margin: 0;
  position: absolute;
  top: 80px;
  right: 19px;

}

.logo a {
  text-decoration: none;
  color: white;
}