/* CSS Document */

/* ----------- LOGIN ----------- */

.box_login {
	position:relative;
    display:block;
	width:40%;
    max-width:500px;
	height:auto;
	padding:40px 40px 60px 40px;
	box-shadow:0px 0px 25px rgba(100,100,100,0.03);
    z-index:50;
	visibility:hidden;

	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}
@media screen and (max-width: 1200px) {
	.box_login {
		width:60%;
	}
}
@media screen and (max-width: 768px) {
	.box_login {
		width:80%;
		padding:30px 30px 40px 30px;
	}
}
@media screen and (max-width: 667px) {
	.box_login {
		width:90%;
	}
}


#button_login {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:48px;
	margin:0;
	padding-left:20px;
	line-height:48px;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:1.0rem;
	font-weight:400;
	text-transform:uppercase;
	text-align:left;
	border:none;
	outline:none;
	overflow:hidden;
	background-position:95% center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	
	-webkit-font-smoothing:antialiased;
	-webkit-appearance:none;
	-moz-appearance:none;
	
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}
#button_login {
	color:rgb(255,255,255);
	background-color:rgb(0,38,82);
}
#button_login:hover {
	color:rgb(170,210,0);
	padding-left:40px;
	cursor:pointer;
	
	-webkit-box-shadow:1px 1px 5px rgba(100,100,100,0.5);
	-moz-box-shadow:1px 1px 5px rgba(100,100,100,0.5);
	box-shadow:1px 1px 5px rgba(100,100,100,0.5);
}
#button_login:before {
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	top:12px;
	right:20px;
	background-image:url(../graphics/icons/icon_login.svg);
    background-size:cover;
	
	-webkit-transition:500ms ease;
	-moz-transition:500ms ease; 
	-ms-transition:500ms ease;  
	transition:500ms ease;
}
#button_login:hover:before {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.button_top {
	margin-top:40px !important;
}



/* ----------- BUTTONS ----------- */

.btn_iwd {
    background:transparent;

    color:inherit;
    font:inherit;
    text-align:inherit;
    line-height:normal;
    
    border-width:0px;
    border:none;
    outline:none;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing:inherit;
    -moz-osx-font-smoothing:inherit;
    
    -webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.btn_iwd:focus:not(:focus-visible) {
    outline:none;
}
  
.btn_iwd:focus:not(:-moz-focusring) {
    outline:none;
}
  
  
.btn_iwd::-moz-focus-inner {
    border:0;
    padding:0;
}

.btn_iwd::-moz-focus-inner {
    border:0;
    padding:0;
}


.btn_menu_form {
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
}


.btn_hollow {
    position:relative;
    display:inline-block;
    margin:30px 10px 0px 10px;
    padding:10px 15px;
    font-size:0.9em;
    line-height:1.4em;
    color:rgb(90,140,200);
    text-align:center;
    text-transform:uppercase;
    font-weight:400;
    border:1px solid rgb(90,140,200);
    border-radius:3px;
    background:none;
    z-index:70;
    
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	transition:all 400ms ease;
}
.btn_hollow:hover {
    background:rgb(90,140,200);
    color:rgb(255,255,255);
    cursor:pointer;
}


.btn_box_survey {
	position:absolute;
    display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
    width:100%;
    height:100%;
	margin:0;
	padding:10%;
    background:none;
    cursor:pointer;
    z-index:50;
}


.btn_list {
    display:block;
	top:0;
	left:0;
    width:100%;
    height:45px;
	margin:0;
	padding:12px;
/*    background:rgb(25,75,130);    */
    background:rgb(90,140,200);
    font-weight:400;
    color:rgb(255,255,255);
    text-align:center;
    text-transform:uppercase;
    line-height:1.4em;
    border-bottom:1px solid rgb(220,220,220);
    cursor:pointer;
    z-index:50;
    
    -webkit-transition:background-color 200ms ease;
    -moz-transition:background-color 200ms ease;
    transition:background-color 200ms ease;
}
.btn_list:hover {
    background-color:rgb(0,38,82);
}


/*
.btn_table {
    display:block;
    top:0;
	left:0;
    width:96%;
    height:48px;
    margin:0 auto 10px auto;
    padding:0px 10px;
    line-height:46px;
    font-weight:400;
    color:rgb(255,255,255);
    text-align:center;
    text-transform:uppercase;
    border:none;
    background:rgb(90,140,200);
    cursor:pointer;
    z-index:50;
    
    -webkit-box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.5);
    box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.5);
    
    -webkit-transition:background-color 200ms ease;
    -moz-transition:background-color 200ms ease;
    transition:background-color 200ms ease;
}
.btn_table:hover {
    background:rgb(0,38,82);
    
    -webkit-box-shadow:1px 1px 10px rgba(100,100,100,0.5);
	-moz-box-shadow:1px 1px 10px rgba(100,100,100,0.5);
	box-shadow:1px 1px 10px rgba(100,100,100,0.5);
}
*/


.btn_table {
    display:block;
    position:relative;
    float:left;
    width:auto;
    margin:20px 20px 0px 20px;
    padding:0;
    font-weight:400;
    color:rgb(90,140,200);
    text-align:center;
    text-transform:uppercase;
    border:none;
    background:none;
    cursor:pointer;
    z-index:50;
}
.btn_table i {
    color:rgb(0,38,82);
}
.btn_table:hover {
    color:rgb(0,38,82);
}
.btn_table:hover i {
    color:rgb(170,210,0);
}

.btn_table, .btn_table * {
    -webkit-transition:color 200ms ease;
    -moz-transition:color 200ms ease;
    transition:color 200ms ease;
}


.btn_reset {
    display:block;
    height:48px;
    line-height:46px;
    margin:0;
    padding:0px 10px;
    font-weight:400;
    color:rgb(60,60,60);
    text-align:center;
    cursor:pointer;
    background:rgb(255,255,255);
    border:1px solid rgb(0,38,82);
    
    -webkit-transition:all 200ms ease;
    -moz-transition:all 200ms ease;
    transition:all 200ms ease;
}
.btn_reset:hover {
    background:rgb(0,38,82);
    color:rgb(255,255,255);
}



/* ----------- PRODUCT LIST TABLE ----------- */

.btn-group,
.list-group,
.list-group-item {
    width:100%;
}

.btn-group {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0;
    padding:0;
    background-color:rgb(0,38,82);
    
    -webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}

.btn-group .btn_iwd {
    position:relative;
    display:block;
    float:left;
    height:auto;
    min-height:50px;
    margin:0;
    padding:0 15px;
    font-size:0.8em;
    font-weight:400;
    text-align:left;
    background-color:rgb(0,38,82);
    border-right:1px solid rgb(220,220,220);
    color:rgb(255,255,255);
  
    -webkit-transition:background 200ms ease;
    -moz-transition:background 200ms ease;
    transition:background 200ms ease;
}

.btn-group .btn_iwd:not(.not_hover):hover {
    background-color:rgb(90,140,200);
    cursor:pointer;
}

.btn-group .btn_iwd.not_hover:hover {
    cursor:not-allowed;
}

.btn-group .btn_iwd.not_hover.disabled:hover {
    cursor:default;
}

.btn-group .btn_iwd.no_border, .btn-group .btn_iwd:last-child {
    border-right-width:none;
    border-right-width:0px;
}

.btn-group .btn_iwd.is-checked {
    background:rgb(90,140,200);
}

.list-group {
    background:none;
}

.list-group.list_wave li:last-child {
    font-weight:400;
}

.list-group-item {
    padding:0;
    margin:0;
    background-color:rgb(255,255,255);
}

.list-group-item span:not(.iwd-tooltip) {
    display:block;
    float:left;
    padding:12px;
    height:45px;
    border-color:rgb(220,220,220);
    border-style:solid;
    border-width:0 1px 1px 0;
    box-sizing:border-box;
    font-size:0.8em;
    line-height:1.4em;
}

.list-group-item span:first-child {
    border-width:0 1px 1px 1px;
}

.list-group-item.item_wave span:last-child {
    border-width:0 1px 1px 0;
}

.list-group-item:not(.item_wave) span:last-child {
    border-right-width:0px;
    border-width:0px;
    border:none;
}

/*
.list-group-item:nth-child(odd) {
	background-color:rgb(255,255,255);
}
.list-group-item:nth-child(even) {
	background-color:rgb(235,235,235);
}
*/



/* ----------- STATUS LIST TABLE ----------- */

.wave_3_title {
    width:34%;
    border-bottom:1px solid rgb(220,220,220);
}

.wave_4_title {
    width:28%;
    border-bottom:1px solid rgb(220,220,220);
}

.list_3_country {
    width:17%;
}
.list_4_country {
    width:14%;
}

.list_3_checks_total {
    width:17%;
    text-align:right;
}
.list_4_checks_total {
    width:14%;
    text-align:right;
}

.list_3_ordered, .list_3_cancelled, .list_3_received, .list_4_ordered, .list_4_received, .list_4_returned, .list_4_finished {
    text-align:right;
    border-bottom:1px solid rgb(220,220,220);
}

.list_3_ordered, .list_3_cancelled, .list_3_received {
    width:22%;
}

.list_4_ordered, .list_4_received, .list_4_returned, .list_4_finished {
    width:18%;
}

.list_3_ordered_n, .list_3_ordered_p, .list_3_cancelled_n, .list_3_cancelled_p, .list_3_received_n, .list_3_received_p {
    width:11%;
    text-align:right;
}

.list_4_ordered_n, .list_4_ordered_p, .list_4_received_n, .list_4_received_p, .list_4_returned_n, .list_4_returned_p, .list_4_finished_n, .list_4_finished_p {
    width:9%;
    text-align:right;
}



/* ----------- PRODUCT LIST TABLE ----------- */

.status {
    width:12%;
}

.list-group-item .status {
    text-align:center;
    color:rgb(255,255,255);
}



.lightblue {
    color:rgb(155,200,220) !important;
}
.orange {
    color:rgb(250,150,70) !important;
}
.yellow {
    color:rgb(250,210,100) !important;
}
.green {
    color:rgb(170,210,90) !important;
}

.bg_lightblue {
    background:rgb(155,200,220);
    border-bottom:1px solid rgb(220,220,220);
}

.bg_orange {
    background:rgb(250,150,70);
    border-bottom:1px solid rgb(220,220,220);
}

.bg_yellow {
    background:rgb(250,210,100);
    border-bottom:1px solid rgb(220,220,220);
}

.bg_green {
    background:rgb(170,210,90);
    border-bottom:1px solid rgb(220,220,220);
}



.id {
    width:6%;
}

.asin {
    width:11%;
}

.competitor {
    width:13%;
}

.seller {
    width:15%;
}

.weblink {
    width:30%;
}

.fasttrack {
    width:8%;
}

.gallery {
    width:5%;
    background-image:url(../graphics/icons/icon_btn_gallery.svg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:60% auto;
}

.btn_list_gallery {
    background-image:url(../graphics/icons/icon_link_gallery.svg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:35% auto;
}

.ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/* ----------- TOOLTIPS ----------- */
.iwd-tooltip {
    position:absolute;
	display:block;
	left:-9999px;
    color:rgb(255,255,255);
	font-size:11px;
	line-height:1.4em;
	padding:10px;
    max-width:500px;
	background-color:rgb(20,30,40);
    
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;

    opacity:0;
	z-index:0;
	
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-ms-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	transition:opacity 500ms;
    
    -webkit-box-shadow:1px 1px 5px rgba(60,60,60,0.5);
	-moz-box-shadow:1px 1px 5px rgba(60,60,60,0.5);
	box-shadow:1px 1px 5px rgba(60,60,60,0.5);
    
    -webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.show-tooltip:hover + .iwd-tooltip { opacity:1; z-index:2000; }

.iwd-tooltip-right-top { bottom:100%; margin-bottom:5px; }
.iwd-tooltip-center-top { bottom:10%; margin-bottom:5px; }

.iwd-tooltip-right-top:before,
.iwd-tooltip-center-top:before {
	content:'';
	background-color:rgb(20,30,40);
	position:absolute;
	width:14px;
	height:14px;
	bottom:-7px;
	right:20px;
    
    -webkit-box-shadow:1px 1px 5px rgba(60,60,60,0.5);
	-moz-box-shadow:1px 1px 5px rgba(60,60,60,0.5);
	box-shadow:1px 1px 5px rgba(60,60,60,0.5);
	
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.show-tooltip:hover + .iwd-tooltip-right-top { left:auto; right:13%; /* this is the distance from right + span .gallery and span .fasttrack */ }
.show-tooltip:hover + .iwd-tooltip-center-top { left:auto; right:0%; }


/* ----------- THUMBS PRODUCT PICS ----------- */

/* Lazy Load */
.b-lazy {
 	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	opacity:0;
}
.b-lazy.b-loaded {
	opacity:1;
}

.b-lazy.b-loaded:hover {
    -webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

.thumb_product {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    outline:none;
    z-index:5;
}

.thumb_product img {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    outline:none;
    border:none;
    border-width:0px;
    z-index:10;
}

.thumb_title {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:2px;
    text-align:center;
    background:rgb(255,255,255);
    z-index:15;
}

/*
.thumb_product:hover .thumb_title {
    opacity:1;
}
*/

.loading_gallery {
    position:absolute;
    top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin:-40px 0 0 -40px;
    background-position:center center;
	background-repeat:no-repeat;
	
	-webkit-background-size:cover;
    -moz-background-size:cover;
	background-size:cover;
    
	background-image:url(../graphics/icons/thumb_loading_spinner.svg);
    -webkit-animation:loading-spinner 800ms linear infinite;
	animation:loading-spinner 800ms linear infinite;
	z-index:1;
}

.pic_product {
    position:absolute;
	display:block;
	top:10%;
	left:5%;
	padding:0 auto 1rem auto;
    width:90%;
	height:auto;
}

.product_caption {
    position:relative;
    display:block;
    padding:10px;
    text-align:center;
    color:rgb(255,255,255);
}

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



/* ----------- INTERN ----------- */

.bg_downloads {
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	/*
	background-image:url(../backgrounds/downloads/bg_01.jpg);
	*/
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

.hlWrapperIntern {
	position:relative;
	display:block;
	width:96%;
	height:60px;
	margin:60px auto 20px auto;
	padding:0;	
}

.hlWrapperIntern span {
	position:relative;
	display:block;
	float:left;
	height:100%;
	margin:0;
	padding:0 0 0 30px;
	color:rgb(255,255,255);
	font-size:1.3rem;
	line-height:60px;
	font-weight:300;
	text-transform:uppercase;
}
.hlWrapperIntern span.filter-count {
    margin-right:5px;
    padding-left:0;
    font-size:1.6rem;
    font-weight:600;
}
.hlWrapperIntern span.matches {
    padding-left:0;
}

.hlWrapperIntern span:not(.filter-count):not(.matches):after {
	content:'';
	background-color:rgb(90,140,200);
	position:absolute;
	width:20px;
	height:20px;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.icon_hlIntern {
	display:block;
	float:right;
	width:auto;
	height:40px;
	margin:10px 20px 0 0;
}



.hlWrapperProduct {
	position:relative;
	display:block;
	width:96%;
    height:auto;
	margin:160px auto 0 auto;
	padding:0;
}

.hlWrapperProduct span {
	position:relative;
	display:block;
	float:left;
    width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:15px 20px;
	color:rgb(255,255,255);
	font-size:1.0rem;
	line-height:1.4em;
	font-weight:300;
	text-transform:uppercase;
}

.hlWrapperProduct span:after {
	content:'';
	background-color:rgb(90,140,200);
	position:absolute;
	width:20px;
	height:20px;
	bottom:-10px;
	left:5%;
	
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}



/* Start Recommended Isotope styles */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* End Recommended Isotope styles */



/* IMAGE LIGHTBOX GALLERY */
#imagelightbox {
	position:fixed;
	cursor:pointer;

	-ms-touch-action:none;
	touch-action:none;
    /*
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); 
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
    box-shadow:0 0 10px rgba(0,0,0,0.5);
	*/
	z-index:10000;
}

/* ACTIVITY INDICATION */
#imagelightbox-loading div {
	position:fixed;
	top:50%;
	left:50%;
	width:4em;
	height:4em;
	margin:-2em 0 0 -2em;
	background-image:url(../graphics/icons/gallery_loading_spinner.svg);
	background-position:center center;
	background-repeat:no-repeat;
    
    -webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;

	-webkit-animation:loading-spinner 800ms linear infinite;
	animation:loading-spinner 800ms linear infinite;

	z-index:10003;
}

@-webkit-keyframes loading-spinner {
	from {-webkit-transform:rotate(0deg);}
	to	 {-webkit-transform:rotate(359deg);}
}
@keyframes loading-spinner {
	from {transform:rotate(0deg);}
	to	 {transform:rotate(359deg);}
}

/* OVERLAY */
#imagelightbox-overlay {
	background-color:rgba(0,10,20,0.9);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	
	z-index:9998;
}

#imagelightbox-close {
	position:fixed;
	top:2.5rem;
	right:2.5rem;
	width:40px;
	height:40px;
	background-image:url(../graphics/icons/gallery_close.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	
	border:none;
	opacity:0.7;
	
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	transition:all 400ms ease;
	
	z-index:10002;
}

#imagelightbox-close:hover, #imagelightbox-close:focus {
	opacity:1;
    cursor:pointer;
	
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}

/* CAPTION */
#imagelightbox-caption {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	padding:1em 2em;
	text-align:center;
	color:rgb(255,255,255);
	font-size:1.2em;
	z-index:10001;
}

/* NAVIGATION */
#imagelightbox-nav {
	position:fixed;
	border-radius:20px;
	left:50%;
	bottom:3.75rem;
	padding:0.313em;

	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	
	z-index: 10001;
}
	#imagelightbox-nav button {
		display:inline-block;
		width:1em;
		height:1em;
		background-color:transparent;
		border:1px solid rgb(255,255,255);
		border-radius:50%;
		margin:0 0.313em;
	}
	#imagelightbox-nav button.active {
		background-color:rgb(255,255,255);
	}

/* ARROWS */
.imagelightbox-arrow {
	position:fixed;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	vertical-align:middle;
	background-color:transparent;
	border:none;
	opacity:0.7;
    
    -webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;

	-webkit-transition:all 400ms ease;
	transition:all 400ms ease;
	
	display:none;
	z-index: 10001;
}
	.imagelightbox-arrow-left {
		left:2.5rem;
		background-image:url(../graphics/icons/gallery_prev.svg);
	}
	.imagelightbox-arrow-right {
		right:2.5rem;
		background-image:url(../graphics/icons/gallery_next.svg);
	}
	
	.imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:hover {
		cursor:pointer;
		opacity:1;
	}



@media only screen and (max-width: 41.250em) /* 660 */ {
#imagelightbox-close {
	top:1.25rem;
	right:1.25rem;
}

#imagelightbox-nav {
	bottom:1.25rem;
}

.imagelightbox-arrow {
}
.imagelightbox-arrow-left {
	left:1.25rem;
}
.imagelightbox-arrow-right {
	right:1.25rem;
}
}

@media only screen and (max-width: 20em) /* 320 */ {
.imagelightbox-arrow-left {
}
.imagelightbox-arrow-right {
}
}



/* FORM
=============================== */
.j-wrapper {
	margin:0 auto;
	outline:none;
	padding:0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.j-wrapper-100 {
    width:96%;
    margin:4% 2%;
}

.j-pro {
	background-color:rgba(255,255,255,0);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font:16px 'Open Sans', Arial, sans-serif;
	line-height:1;
	position:relative;
}
.j-pro .j-input { position:relative; }

.j-pro .j-unit { position:relative; margin-bottom:30px; }
.j-pro .j-unit-small { position:relative; margin-bottom:15px; }

.j-pro .j-link {
	border-bottom:1px solid #90caf9;
	color:#1e88e5;
	font-size:14px;
	line-height:inherit;
	text-decoration:none;
}
.j-pro .j-link:hover { border-bottom:none; }

.j-pro .j-inline-group { display:inline-block; }

.j-hidden,
.j-pro .j-token,
.j-pro .j-hidden,
.j-pro .j-hidden input,
.j-pro .j-hidden select,
.j-pro .j-hidden textarea,
.j-pro .j-hiddenBtn { display:none !important; }

/* Reset for -webkit / -moz browser
=============================== */
.j-pro input[type="search"]::-webkit-search-decoration,
.j-pro input[type="search"]::-webkit-search-cancel-button,
.j-pro input[type="search"]::-webkit-search-results-button,
.j-pro input[type="search"]::-webkit-search-results-decoration { display:none; }

.j-pro input[type="text"],
.j-pro input[type="password"],
.j-pro input[type="email"],
.j-pro input[type="search"],
.j-pro input[type="url"],
.j-pro input[type="button"],
.j-pro input[type="submit"],
.j-pro textarea,
.j-pro select {
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

/* Content
=============================== */
.j-pro .j-content { padding:0; }

.j-pro .j-content:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Footer
=============================== */
.j-pro .j-footer {
	background-color:rgba(255,255,255,0);
	border-top:1px solid rgb(220,220,220);
	display:block;
	margin:30px 0 0 0;
	padding:10px 0 0 0;
}
.j-pro .j-footer:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Response block
=============================*/
.j-pro .j-response {
	opacity:0;
	visibility:hidden;
	-webkit-transition:opacity 800ms;
	-moz-transition:opacity 800ms;
	-ms-transition:opacity 800ms;
	-o-transition:opacity 800ms;
	transition:opacity 800ms;
}
.j-pro .j-response.j-success-message,
.j-pro .j-response.j-error-message { opacity:1; visibility:visible; }

/* Dividers
=============================== */
.j-pro .j-separator {
	background-color:rgba(255,255,255,0);
	border-top:1px solid rgb(220,220,220);
	display:block;
	margin:50px 0;
}

/*
.j-pro .j-divider,
.j-pro .j-divider-text { border-top:1px solid rgba(0,0,0,.12); height:0; }
*/
.j-pro .j-divider,
.j-pro .j-divider-text { border-top:1px solid rgba(0,0,0,0); height:0; }

.j-pro .j-divider-text { text-align:center; }

.j-pro .j-divider-text span {
	border:1px solid rgba(200,200,200);
	background-color:rgb(246,246,246);
	color:rgb(0,47,102);
	font-size:16px;
	padding:2px 15px;
	position:relative;
	top:-9px;
	white-space:nowrap;
}

/* Gap-top / gap-bottom classes
=============================== */
.j-pro .j-gap-top-20 { margin-top:20px; } /* text-divider top gap after "content"/"j-row" classes */

.j-pro .j-gap-top-45 { margin-top:45px; } /* text-divider top gap after "unit" class */

.j-pro .j-gap-bottom-45 { margin-bottom:45px; } /* text-divider bottom gap */

.j-pro .j-gap-bottom-25 { margin-bottom:25px; } /* line-divider bottom gap */

.j-pro .j-gap-bottom-5 { margin-bottom:5px; } /* spacer kay */

/* Labels
=============================== */
.j-pro label {
	display:block;
	color:inherit;
	font-weight:normal;
	text-align:left;
	margin-bottom:0;
}
.j-pro .j-label { font-size:1.0rem; color:rgb(60,60,60); margin-bottom:20px; line-height:15px; height:15px; }

.j-pro .j-label-center { height:48px; line-height:48px; text-align:center; margin-bottom:0; }

.j-pro .j-row > .j-label{ padding-left:10px; }

/* Radio and checkbox
=============================== */
.j-pro .j-radio,
.j-pro .j-checkbox,
.j-pro .j-radio-toggle,
.j-pro .j-checkbox-toggle {
	color:rgb(180,180,180);
	cursor:pointer;
	font-size:1.0rem;
	height:16px;
	margin-bottom:4px;
	position:relative;
	line-height:16px;
	
	-webkit-transition:color 500ms;
	-moz-transition:color 500ms;
	-ms-transition:color 500ms;
	-o-transition:color 500ms;
	transition:color 500ms;
}
.j-pro .j-radio:hover,
.j-pro .j-checkbox:hover,
.j-pro .j-radio-toggle:hover,
.j-pro .j-checkbox-toggle:hover {
	color:rgb(60,60,60);
}
.j-pro .j-radio,
.j-pro .j-checkbox,
.j-pro .j-inline-group .j-radio,
.j-pro .j-inline-group .j-checkbox { padding:8px 0 8px 35px; }

.j-pro .j-radio-toggle,
.j-pro .j-checkbox-toggle,
.j-pro .j-inline-group .j-radio-toggle,
.j-pro .j-inline-group .j-checkbox-toggle { padding:8px 0 8px 60px; }

.j-pro .j-radio:last-child,
.j-pro .j-checkbox:last-child,
.j-pro .j-radio-toggle:last-child,
.j-pro .j-checkbox-toggle:last-child { margin-bottom:0; }

.j-pro .j-inline-group .j-radio,
.j-pro .j-inline-group .j-checkbox,
.j-pro .j-inline-group .j-radio-toggle,
.j-pro .j-inline-group .j-checkbox-toggle { display:inline-block; margin-right:25px; }

.j-pro .j-radio input,
.j-pro .j-checkbox input,
.j-pro .j-radio-toggle input,
.j-pro .j-checkbox-toggle input { position:absolute; left:-9999px; }

.j-pro .j-radio i,
.j-pro .j-checkbox i,
.j-pro .j-checkbox-toggle i,
.j-pro .j-radio-toggle i {
	background-color:rgb(255,255,255);
	border:1px solid rgb(195,195,195);
	display:block;
	height:20px;
	left:0;
	outline:none;
	position:absolute;
	top:5px;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-ms-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
}
.j-pro .j-radio i,
.j-pro .j-checkbox i { width:20px; }

.j-pro .j-checkbox-toggle i,
.j-pro .j-radio-toggle i { width:44px; }

.j-pro .j-checkbox i,
.j-pro .j-checkbox-toggle i {
}
.j-pro .j-radio i,
.j-pro .j-radio i:after,
.j-pro .j-radio-toggle i:before {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.j-pro .j-radio-toggle i {
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-o-border-radius:13px;
	border-radius:13px;
}
.j-pro .j-checkbox-toggle i:before {
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}
.j-pro .j-radio i:after {
	background-color:rgb(0,38,82);
	content:"";
	height:10px;
	top:5px;
	left:5px;
	opacity:0;
	position:absolute;
	width:10px;
}
.j-pro .j-checkbox i:after {
	border-width:0 0 1px 1px;
	border-bottom:solid rgb(0,38,82);
	border-left:solid rgb(0,38,82);
	content:"";
	height:5px;
	top:4px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	opacity:0;
	position:absolute;
	width:9px;
}
.j-pro .j-radio input:checked + i:after,
.j-pro .j-checkbox input:checked + i:after { opacity:1; }

.j-pro .j-checkbox-toggle i:before,
.j-pro .j-radio-toggle i:before {
	border:none;
	background-color:rgb(0,38,82);
	content:"";
	display:block;
	height:14px;
	left:1px;
	position:absolute;
	top:1px;
	width:14px;
}
.j-pro .j-checkbox-toggle input:checked + i:before,
.j-pro .j-radio-toggle input:checked + i:before { left:28px; }

.j-pro .j-checkbox-toggle i:after,
.j-pro .j-radio-toggle i:after,
.j-pro .j-checkbox-toggle input:checked + i:after,
.j-pro .j-radio-toggle input:checked + i:after {
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	line-height:10px;
	position:absolute;
	top:4px;
}
.j-pro .j-checkbox-toggle i:after,
.j-pro .j-radio-toggle i:after { content:"Nein"; left:22px; }

.j-pro .j-checkbox-toggle input:checked + i:after,
.j-pro .j-radio-toggle input:checked + i:after { content:"Ja"; left:6px; }

.j-pro .j-checkbox:hover i,
.j-pro .j-radio:hover i,
.j-pro .j-checkbox-toggle:hover i,
.j-pro .j-radio-toggle:hover i { border:1px solid rgb(150,150,150); }

.j-pro .j-radio input:checked + i,
.j-pro .j-checkbox input:checked + i,
.j-pro .j-radio-toggle input:checked + i,
.j-pro .j-checkbox-toggle input:checked + i { border:1px solid rgb(0,38,82); }

.j-pro .j-radio input:checked + i,
.j-pro .j-checkbox input:checked + i { color:rgb(0,38,82); }

.j-pro .j-checkbox-toggle input:checked + i,
.j-pro .j-radio-toggle input:checked + i { background-color:#e8eaf6; }

/* Widget
=============================== */
.j-pro .j-widget { position: relative; }

.j-pro .j-widget .j-addon,
.j-pro .j-widget .j-addon-btn {
	border:none;
	display:block;
	font:16px 'Open Sans', Arial, sans-serif;
	height:48px;
	line-height:48px;
	padding:0;
	position:absolute;
	outline:none;
	overflow:hidden;
	text-align:center;
	top:0;
	z-index:5;
}
.j-pro .j-widget .j-addon {
	background:#e0e0e0;
	color:rgba(0,0,0,.56);
}
.j-pro .j-widget .j-addon-btn {
	background:rgb(0,38,82);
	color:rgb(255,255,255);
}
.j-pro .j-widget .j-addon-btn,
.j-pro .j-widget .j-addon-btn i {
	cursor:pointer;
	-webkit-transition:all.4s;
	-moz-transition:all.4s;
	-ms-transition:all.4s;
	-o-transition:all.4s;
	transition:all.4s;
}
.j-pro .j-widget .j-addon-btn:hover,
.j-pro .j-widget .j-addon-btn:focus { background-color:rgb(0,38,82); }

.j-pro .j-widget .j-adn-left { left:0; }

.j-pro .j-widget .j-adn-right { right:0; }

.j-pro .j-widget .j-addon i { color:rgba(0,0,0,.34); font-size:17px; z-index:2; }

.j-pro .j-widget .j-addon-btn i { color:rgb(255,255,255); font-size:17px; z-index:2; }

.j-pro .j-widget .j-adn-50 { width:50px; }

.j-pro .j-widget .j-adn-130 { width:130px; }

.j-pro .j-widget.j-right-50 .j-input { padding-right:50px; }

.j-pro .j-widget.j-left-50 .j-input { padding-left:50px; }

.j-pro .j-widget.j-right-130 .j-input { padding-right:130px; }

.j-pro .j-widget.j-left-130 .j-input { padding-left:130px; }

.j-pro .j-widget .j-adn-left,
.j-pro .j-widget.j-right-50 .j-input input,
.j-pro .j-widget.j-right-130 .j-input input {
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
.j-pro .j-widget .j-adn-right,
.j-pro .j-widget.j-left-50 .j-input input,
.j-pro .j-widget.j-left-130 .j-input input {
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-o-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}
.j-pro .j-widget.j-left-50.j-right-50 .j-input input,
.j-pro .j-widget.j-left-50.j-right-130 .j-input input,
.j-pro .j-widget.j-left-130.j-right-50 .j-input input,
.j-pro .j-widget.j-left-130.j-right-130 .j-input input {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}

/* Inputs
=============================== */
.j-pro input[type="text"],
.j-pro input[type="password"],
.j-pro input[type="email"],
.j-pro input[type="search"],
.j-pro input[type="url"],
.j-pro textarea,
.j-pro select {
	background:rgb(255,255,255);
	color:rgb(60,60,60);
	display:block;
	font-family:inherit;
	font-size:1.0rem;
	height:48px;
	padding:10px 15px;
	width:100%;
	outline:none;
	border:1px solid rgb(200,200,200);
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-transition:all 200ms;
	-moz-transition:all 200ms;
	-ms-transition:all 200ms;
	-o-transition:all 200ms;
	transition:all 200ms;
}
.j-pro input[type="text"],
.j-pro input[type="password"],
.j-pro input[type="email"],
.j-pro input[type="search"],
.j-pro input[type="url"],
.j-pro textarea {
	color:rgb(60,60,60);
}
.j-pro select {
	color:rgb(60,60,60);
    cursor: pointer;
}
/*
.j-pro select option {
    max-height:300px;
    height:300px;
    scroll:auto;
    overflow-y:auto;
    overflow-x:hidden;
}
*/

.j-pro input[type="text"]:hover,
.j-pro input[type="password"]:hover,
.j-pro input[type="email"]:hover,
.j-pro input[type="search"]:hover,
.j-pro input[type="url"]:hover,
.j-pro textarea:hover,
.j-pro select:hover {
	-webkit-box-shadow:1px 1px 5px rgba(80,80,80,0.1);
	-moz-box-shadow:1px 1px 5px rgba(80,80,80,0.1);
	box-shadow:1px 1px 5px rgba(80,80,80,0.1);
}

.j-pro input[type="text"]:focus,
.j-pro input[type="password"]:focus,
.j-pro input[type="email"]:focus,
.j-pro input[type="search"]:focus,
.j-pro input[type="url"]:focus,
.j-pro textarea:focus,
.j-pro select:focus {
	border:1px solid rgb(150,150,150);
	color:rgb(60,60,60);
}

.j-pro .j-input textarea { height:150px; overflow:auto; min-height:52px; resize:vertical; }

/* .j-pro .j-input textarea:hover { height:150px; } */

/* Placeholders
=============================== */
.j-pro input::-webkit-input-placeholder,
.j-pro textarea::-webkit-input-placeholder { color:rgb(60,60,60); }

.j-pro input::-moz-placeholder,
.j-pro textarea::-moz-placeholder { color:rgb(60,60,60); }

.j-pro input:-moz-placeholder,
.j-pro textarea:-moz-placeholder { color:rgb(60,60,60); }

.j-pro input:-ms-input-placeholder,
.j-pro textarea:-ms-input-placeholder { color:rgb(60,60,60); }

.j-pro input:focus::-webkit-input-placeholder,
.j-pro textarea:focus::-webkit-input-placeholder { color:rgb(60,60,60); }

.j-pro input:focus::-moz-placeholder,
.j-pro textarea:focus::-moz-placeholder { color:rgb(60,60,60); }

.j-pro input:focus:-moz-placeholder,
.j-pro textarea:focus:-moz-placeholder { color:rgb(60,60,60); }

.j-pro input:focus:-ms-input-placeholder,
.j-pro textarea:focus:-ms-input-placeholder { color:rgb(60,60,60); }

/* Select
=============================== */
.j-pro select { padding-left:13px; }

.j-pro .j-multiple-select select { height:auto; }

.j-pro .j-select i {
/*
	background:rgb(255,255,255);
	-webkit-box-shadow:0 0 0 11px rgb(255,255,255);
	-moz-box-shadow:0 0 0 11px rgb(255,255,255);
	-o-box-shadow:0 0 0 11px rgb(255,255,255);
	box-shadow:0 0 0 11px rgb(255,255,255);
*/
	height:20px;
	position:absolute;
	pointer-events:none;
	top:14px;
	right:14px;
	width:14px;
}
.j-pro .j-select i:after,
.j-pro .j-select i:before {
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	content:'';
	position:absolute;
	right:3px;
}
.j-pro .j-select i:after { border-top:6px solid rgb(180,180,180); bottom:1px; }

.j-pro .j-select i:before { border-bottom:6px solid rgb(180,180,180); top:3px; }

.j-pro .j-select { position:relative; }

/* Kay */
.j-pro .j-select-iwd i {
	color:rgb(200,200,200);
	font-size:17px;
	height:38px;
	line-height:38px !important;
	opacity:1;
	position:absolute;
	text-align:center;
	top:5px;
    right:3px;
	width:42px;
    border-left:1px solid rgb(200,200,200);
	z-index:2;
}

.j-pro .j-select-iwd { position:relative; }

/* Icons
=============================== */
.j-pro .j-icon-left,
.j-pro .j-icon-right {
	color:rgb(200,200,200);
	font-size:17px;
	height:38px;
	line-height:38px !important;
	opacity:1;
	position:absolute;
	text-align:center;
	top:5px;
	width:42px;
	z-index:2;
}
.j-pro .j-icon-left { border-right:1px solid rgb(200,200,200); left:3px; }

.j-pro .j-icon-right { border-left:1px solid rgb(200,200,200); right:3px; }

.j-pro .j-icon-left ~ input,
.j-pro .j-icon-left ~ textarea { padding-left:58px; }

.j-pro .j-icon-right ~ input,
.j-pro .j-icon-right ~ textarea { padding-right:58px; }

/* File for upload
=============================== */
.j-pro .j-file-button input {
	bottom:-1px;
	font-size:34px;
	opacity:0;
	position:absolute;
	width:108px;
	z-index:0;
}
.j-pro .j-prepend-small-btn .j-file-button input,
.j-pro .j-prepend-big-btn .j-file-button input { left:0; }

.j-pro .j-append-small-btn .j-file-button input,
.j-pro .j-append-big-btn .j-file-button input { right:0; }

.j-pro .j-prepend-small-btn .j-file-button,
.j-pro .j-append-small-btn .j-file-button { width:64px; }

.j-pro .j-prepend-big-btn .j-file-button,
.j-pro .j-append-big-btn .j-file-button { width:106px; }

.j-pro .j-prepend-small-btn .j-file-button,
.j-pro .j-prepend-big-btn .j-file-button { left:4px; }

.j-pro .j-append-small-btn .j-file-button,
.j-pro .j-append-big-btn .j-file-button { right:4px; }

.j-pro .j-append-small-btn .j-file-button,
.j-pro .j-append-big-btn .j-file-button,
.j-pro .j-prepend-small-btn .j-file-button,
.j-pro .j-prepend-big-btn .j-file-button {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}
.j-pro .j-prepend-big-btn input[type="text"] { padding-left:123px; }

.j-pro .j-append-big-btn input[type="text"] { padding-right:123px; }

.j-pro .j-prepend-small-btn input[type="text"] { padding-left:81px; }

.j-pro .j-append-small-btn input[type="text"] { padding-right:81px; }

.j-pro .j-input input[type="file"] { cursor:pointer; }

/* Buttons
=============================== */
.j-pro .j-primary-btn,
.j-pro .j-secondary-btn {	
	display:block;
	float:right;
	font-size:16px;
	text-transform:uppercase;
	height:48px;
	margin:10px 0 10px 20px;
	padding:0 25px;
	white-space:nowrap;
	z-index:30;
}
.j-pro .j-primary-btn { position:relative; }

.j-pro .j-content .j-primary-btn,
.j-pro .j-content .j-secondary-btn { margin:0 0 20px 20px; }

.j-pro .j-file-button {
	display:block;
	font-size:14px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:4px;
	z-index:1;
}
.j-pro .j-primary-btn,
.j-pro .j-secondary-btn,
.j-pro .j-file-button {
	color:rgb(255,255,255);
	font-family:'Open Sans', Arial, sans-serif;
	font-weight:400;
	text-align:center;
	background:rgb(210,210,210);
	border:none;
	outline:none;
	overflow:hidden;
	cursor:pointer;
	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	
	-webkit-font-smoothing:antialiased;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}
.j-pro .j-primary-btn:hover,
.j-pro .j-secondary-btn:hover,
.j-pro .j-file-button:hover {
	background:rgb(0,38,82);
	cursor:pointer;
}

.j-pro .j-primary-btn:hover,
.j-pro .j-secondary-btn:hover {		
	-webkit-box-shadow:1px 1px 5px rgba(100,100,100,0.6);
	-moz-box-shadow:1px 1px 5px rgba(100,100,100,0.6);
	box-shadow:1px 1px 5px rgba(100,100,100,0.6);
}

.j-pro .j-primary-btn:hover.j-processing { background:rgb(0,38,82); cursor:wait; }

.j-pro .j-file-button:hover + input {
	-webkit-box-shadow:1px 1px 5px rgba(100,100,100,0.3);
	-moz-box-shadow:1px 1px 5px rgba(100,100,100,0.3);
	box-shadow:1px 1px 5px rgba(100,100,100,0.3);
}
.j-pro .j-file-button:focus + input {	
	border:1px solid rgb(150,150,150);
}

.j-pro .j-secondary-btn,
.j-pro .j-secondary-btn:hover,
.j-pro .j-secondary-btn:active { opacity:0.65; }

.j-pro .j-primary-btn.j-processing:before {
	background-color:rgba(255,255,255,0.3);
	content:'';
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	-webkit-animation:j-processing 3s ease-in-out infinite;
	-moz-animation:j-processing 3s ease-in-out infinite;;
	-ms-animation:j-processing 3s ease-in-out infinite;
	-o-animation:j-processing 3s ease-in-out infinite;
	animation:j-processing 3s ease-in-out infinite;
	z-index:35;
}
@-webkit-keyframes j-processing {
	0% { width:0; }
	100% { width:100%; }
}
@-moz-keyframes j-processing {
	0% { width:0; }
	100% { width:100%; }
}
@-ms-keyframes j-processing {
	0% { width:0; }
	100% { width:100%; }
}
@-o-keyframes j-processing {
	0% { width:0; }
	100% { width:100%; }
}
@keyframes j-processing {
	0% { width:0; }
	100% { width:100%; }
}



/* Tooltip
=============================== */
.j-pro .j-tooltip,
.j-pro .j-tooltip-image {
	background-color:rgb(0,38,82);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	display:block;
	left:-9999px;
	opacity:0;
	position:absolute;
	z-index:0;
	
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-ms-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	transition:opacity 500ms;
}
.j-pro .j-tooltip {
	color:rgb(255,255,255);
	font-size:0.8rem;
	line-height:1.2em;
	padding:10px;
	
	/* EDIT KAY */
	max-width:500px;
}
.j-pro .j-tooltip-image { padding:2px 2px 1px; }

.j-pro .j-input input:focus + .j-tooltip,
.j-pro .j-input textarea:focus + .j-tooltip,
.j-pro .j-select select:focus + .j-tooltip,
.j-pro .j-input input:focus + .j-tooltip-image,
.j-pro .j-input textarea:focus + .j-tooltip-image,
.j-pro .j-select select:focus + .j-tooltip-image { opacity:1; z-index:5; }

.j-pro .j-tooltip-left-top { bottom:100%; margin-bottom:8px; }

.j-pro .j-tooltip-left-top:before {
	border-color:rgb(0,38,82) transparent;
	border-style:solid;
	border-width:8px 7px 0;
	bottom:-6px;
	content:"";
	left:16px;
	position:absolute;
}
.j-pro .j-input input:focus + .j-tooltip-left-top,
.j-pro .j-input textarea:focus + .j-tooltip-left-top,
.j-pro .j-select select:focus + .j-tooltip-left-top { left:0; right:auto; }

.j-pro .j-tooltip-right-top { bottom:100%; margin-bottom:8px; }

.j-pro .j-tooltip-right-top:before {
	border-color:rgb(0,38,82) transparent;
	border-style:solid;
	border-width:8px 7px 0;
	bottom:-6px;
	content:"";
	position:absolute;
	right:16px;
}
.j-pro .j-input input:focus + .j-tooltip-right-top,
.j-pro .j-input textarea:focus + .j-tooltip-right-top,
.j-pro .j-select select:focus + .j-tooltip-right-top { left:auto; right:0; }

.j-pro .j-tooltip-left-bottom { margin-top:8px; top:100%; }

.j-pro .j-tooltip-left-bottom:before {
	border-color:rgb(0,38,82) transparent;
	border-style:solid;
	border-width:0 7px 8px;
	top:-6px;
	content:"";
	left:16px;
	position:absolute;
}
.j-pro .j-input input:focus + .j-tooltip-left-bottom,
.j-pro .j-input textarea:focus + .j-tooltip-left-bottom,
.j-pro .j-select select:focus + .j-tooltip-left-bottom { left:0; right:auto; }

.j-pro .j-tooltip-right-bottom { margin-top:8px; top:100%; }

.j-pro .j-tooltip-right-bottom:before {
	border-color:rgb(0,38,82) transparent;
	border-style:solid;
	border-width:0 7px 8px;
	top:-6px;
	content:"";
	right:16px;
	position:absolute;
}
.j-pro .j-input input:focus + .j-tooltip-right-bottom,
.j-pro .j-input textarea:focus + .j-tooltip-right-bottom,
.j-pro .j-select select:focus + .j-tooltip-right-bottom { left:auto; right:0; }

.j-pro .j-tooltip-right-side { margin-left:8px; top:8px; white-space:nowrap; }

.j-pro .j-tooltip-right-side:before {
	border-color:transparent rgb(0,38,82);
	border-style:solid;
	border-width:7px 8px 7px 0;
	content:"";
	left:-6px;
	position:absolute;
	top:8px;
}
.j-pro .j-input input:focus + .j-tooltip-right-side,
.j-pro .j-input textarea:focus + .j-tooltip-right-side,
.j-pro .j-select select:focus + .j-tooltip-right-side { left:100%; }

.j-pro .j-tooltip-left-side { margin-right:8px; top:8px; white-space:nowrap; }

.j-pro .j-tooltip-left-side:before {
	border-color:transparent rgb(0,38,82);
	border-style:solid;
	border-width:7px 0 7px 8px;
	content:"";
	right:-6px;
	position:absolute;
	top:8px;
}
.j-pro .j-input input:focus + .j-tooltip-left-side,
.j-pro .j-input textarea:focus + .j-tooltip-left-side,
.j-pro .j-select select:focus + .j-tooltip-left-side { left:auto; right:100%; }


/* Status message
=============================== */
.j-pro .j-error-message,
.j-pro .j-success-message,
.j-pro .j-info-message,
.j-pro .j-warning-message {
	border:2px solid;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	display:block;
	font:16px/24px 'Open Sans', Arial, sans-serif;
	padding:20px;
}
.j-pro .j-error-message i,
.j-pro .j-success-message i,
.j-pro .j-info-message i,
.j-pro .j-warning-message i {
	font-size:18px;
	float:left;
	height:24px;
	line-height:24px;
	padding-right:10px;
}
.j-pro .j-error-message ul,
.j-pro .j-success-message ul,
.j-pro .j-info-message ul,
.j-pro .j-warning-message ul { margin:0; }
.j-pro .j-error-message li,
.j-pro .j-success-message li,
.j-pro .j-info-message li,
.j-pro .j-warning-message li {
	list-style-type:square;
	list-style-position:outside;
	margin-left:20px;
}

.j-pro span.j-error-view,
.j-pro span.j-success-view,
.j-pro span.j-warning-view,
.j-pro span.j-info-view {
	display:block;
	font-size:14px;
	height:14px;
	line-height:14px;
	margin-top:5px;
	padding:0 2px;
}
.j-pro span.j-hint {
	display:block;
	font-size:13px;
	height:13px;
	line-height:1.2em;
	margin-top:10px;
	padding:0 2px;
	color:rgb(150,150,150);
}

/* Disabled state
=============================== */
.j-pro .j-widget.j-disabled-view,
.j-pro .j-input.j-disabled-view,
.j-pro .j-select.j-disabled-view,
.j-pro .j-checkbox.j-disabled-view,
.j-pro .j-radio.j-disabled-view,
.j-pro .j-checkbox-toggle.j-disabled-view,
.j-pro .j-radio-toggle.j-disabled-view,
.j-pro .j-primary-btn.j-disabled-view,
.j-pro .j-secondary-btn.j-disabled-view,
.j-pro .j-file-button.j-disabled-view { cursor:not-allowed; opacity:0.5; }

.j-pro .j-select.j-disabled-view select { cursor:not-allowed; }

.j-pro .j-widget.j-disabled-view .j-addon-btn i,
.j-pro .j-input.j-disabled-view input[type="file"] { cursor:default; }

.j-pro .j-widget.j-disabled-view input,
.j-pro .j-input.j-disabled-view input,
.j-pro .j-input.j-disabled-view textarea,
.j-pro .j-select.j-disabled-view select { border-color:rgba(0,0,0,.12) !important; }

.j-pro .j-checkbox.j-disabled-view i,
.j-pro .j-radio.j-disabled-view i,
.j-pro .j-checkbox-toggle.j-disabled-view i,
.j-pro .j-radio-toggle.j-disabled-view i { border-color:rgba(0,0,0,.26) !important; }

.j-pro .j-primary-btn.j-disabled-view,
.j-pro .j-secondary-btn.j-disabled-view,
.j-pro .j-disabled-view .j-file-button { background:rgb(0,38,82); }

.j-pro .j-widget.j-disabled-view .j-addon-btn,
.j-pro .j-widget.j-disabled-view .j-addon-btn:hover,
.j-pro .j-widget.j-disabled-view .j-addon-btn:focus { cursor:default; background:#303f9f; }

/* Error state
=============================== */
.j-pro .j-error-view .j-checkbox i,
.j-pro .j-error-view .j-radio i,
.j-pro .j-error-view .j-checkbox-toggle i,
.j-pro .j-error-view .j-radio-toggle i,
.j-pro .j-error-view input,
.j-pro .j-error-view select,
.j-pro .j-error-view textarea { border-color:rgb(230,10,90) !important; }

.j-pro .j-select.j-error-view i,
.j-pro .j-select-iwd.j-error-view i {
	background-color:rgba(230,10,90,0);
}
.j-pro .j-error-view .j-icon-left,
.j-pro .j-error-view .j-icon-right { border-color:rgb(230,10,90); }

.j-pro .j-error-view .j-icon-left,
.j-pro .j-error-view .j-icon-right { color:rgb(230,10,90); }

.j-pro span.j-error-view,
.j-pro .j-error-message i { color:rgb(230,10,90); }

.j-pro .j-error-message { background:rgb(255,255,255); border-color:rgb(230,10,90); color:rgb(60,60,60); }

.j-pro .j-tooltip.j-error-view {
	background:rgb(230,10,90) !important;
	border:1px solid rgb(230,10,90);
	color:rgb(230,10,90);
	opacity:1;
	height: auto;
	padding:5px 10px;
	z-index:5;
}
.j-pro .j-error-view.j-tooltip-left-top { bottom:100%; margin-bottom:8px; left:0; right:auto; }

.j-pro .j-error-view.j-tooltip-left-top:before { border-color:#c02129 transparent !important; bottom:-9px; left:13px; }

.j-pro .j-error-view.j-tooltip-right-top { bottom:100%; margin-bottom:8px; left:auto; right:0; }

.j-pro .j-error-view.j-tooltip-right-top:before { border-color:#c02129 transparent !important; bottom:-9px; }

.j-pro .j-error-view.j-tooltip-left-bottom { margin-top:8px; top:100%; left:0; right:auto; }

.j-pro .j-error-view.j-tooltip-left-bottom:before { border-color:#c02129 transparent !important; top:-9px; left:13px; }

.j-pro .j-error-view.j-tooltip-right-bottom { margin-top:8px; top:100%; left:auto; right:0; }

.j-pro .j-error-view.j-tooltip-right-bottom:before { border-color:#c02129 transparent !important; top:-9px; }

.j-pro .j-error-view.j-tooltip-right-side { margin-left:8px; top:4px; left:100%; white-space:nowrap; }

.j-pro .j-error-view.j-tooltip-right-side:before { border-color:transparent #c02129 !important; top:6px; left:-9px; }

.j-pro .j-error-view.j-tooltip-left-side { margin-right:8px; top:4px; left:auto; right:100%; white-space:nowrap; }

.j-pro .j-error-view.j-tooltip-left-side:before { border-color:transparent #c02129 !important; top:6px; right:-9px; }

/* Success state
=============================== */
.j-pro .j-success-view .j-checkbox i,
.j-pro .j-success-view .j-radio i,
.j-pro .j-success-view .j-checkbox-toggle i,
.j-pro .j-success-view .j-radio-toggle i,
.j-pro .j-success-view input,
.j-pro .j-success-view select,
.j-pro .j-success-view textarea { border-color:rgb(170,210,0) !important; }

.j-pro .j-select.j-success-view i {
	background-color:rgba(170,210,0,0);
}
.j-pro .j-success-view .j-icon-left,
.j-pro .j-success-view .j-icon-right { border-color:rgb(170,210,0); }

.j-pro .j-success-view .j-icon-left,
.j-pro .j-success-view .j-icon-right,
.j-pro span.j-success-view,
.j-pro .j-success-message i { color:rgb(170,210,0); }

.j-pro .j-success-message { background:rgb(255,255,255); border-color:rgb(170,210,0); color:rgb(60,60,60); }

/* Warning state
=============================== */
.j-pro .j-warning-view .j-checkbox i,
.j-pro .j-warning-view .j-radio i,
.j-pro .j-warning-view .j-checkbox-toggle i,
.j-pro .j-warning-view .j-radio-toggle i,
.j-pro .j-warning-view input,
.j-pro .j-warning-view select,
.j-pro .j-warning-view textarea { background:#fff8e1 !important; }

.j-pro .j-select.j-warning-view i {
	background-color:#fff8e1;
	-webkit-box-shadow:0 0 0 12px #fff8e1;
	-moz-box-shadow:0 0 0 12px #fff8e1;
	-o-box-shadow:0 0 0 12px #fff8e1;
	box-shadow:0 0 0 12px #fff8e1;
}
.j-pro .j-warning-view .j-icon-left,
.j-pro .j-warning-view .j-icon-right { border-color:#f9a825; }

.j-pro .j-warning-view .j-icon-left,
.j-pro .j-warning-view .j-icon-right,
.j-pro span.j-warning-view,
.j-pro .j-warning-message i { color:#f57f17; }

.j-pro .j-warning-message { background:#fff8e1; border-color:#f57f17; color:#f57f17; }

/* Info state
=============================== */
.j-pro .j-info-view .j-checkbox i,
.j-pro .j-info-view .j-radio i,
.j-pro .j-info-view .j-checkbox-toggle i,
.j-pro .j-info-view .j-radio-toggle i,
.j-pro .j-info-view input,
.j-pro .j-info-view select,
.j-pro .j-info-view textarea { background:#e1f5fe !important; }

.j-pro .j-select.j-info-view i {
	background-color:#e1f5fe;
	-webkit-box-shadow:0 0 0 12px #e1f5fe;
	-moz-box-shadow:0 0 0 12px #e1f5fe;
	-o-box-shadow:0 0 0 12px #e1f5fe;
	box-shadow:0 0 0 12px #e1f5fe;
}
.j-pro .j-info-view .j-icon-left,
.j-pro .j-info-view .j-icon-right { border-color:#0288d1; }

.j-pro .j-info-view .j-icon-left,
.j-pro .j-info-view .j-icon-right,
.j-pro span.j-info-view,
.j-pro .j-info-message i { color:#01579b; }

.j-pro .j-info-message { background:#e1f5fe; border-color:#01579b; color:#01579b; }


/* Grid layout 
=============================== */
.j-pro [class*="j-span"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.j-pro .j-span1 { width:8.3333%; }
.j-pro .j-span2 { width:20%; }
.j-pro .j-span3 { width:25%; }
.j-pro .j-span4 { width:33.3333%; }
.j-pro .j-span5 { width:41.6666%; }
.j-pro .j-span6 { width:50%; }
.j-pro .j-span7 { width:58.3333%; }
.j-pro .j-span8 { width:66.6666%; }
.j-pro .j-span9 { width:75%; }
.j-pro .j-span10 { width:83.3333%; }
.j-pro .j-span11 { width:91.6666%; }
.j-pro .j-span12 { width:100%; }

.j-pro .j-offset1 { margin-left:8.3333%; }
.j-pro .j-offset2 { margin-left:16.6666%; }
.j-pro .j-offset3 { margin-left:25%; }
.j-pro .j-offset4 { margin-left:33.3333%; }
.j-pro .j-offset5 { margin-left:41.6666%; }
.j-pro .j-offset6 { margin-left:50%; }
.j-pro .j-offset7 { margin-left:58.3333%; }
.j-pro .j-offset8 { margin-left:66.6666%; }
.j-pro .j-offset9 { margin-left:75%; }
.j-pro .j-offset10 { margin-left:83.3333%; }
.j-pro .j-offset11 { margin-left:91.6666%; }
.j-pro .j-offset12 { margin-left:100%; }

.j-pro .j-row{ margin:0 -10px; }

.j-pro .j-row:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Responsiveness
==================================== */
/* Wrapper-100 */
@media all and (max-width:768px) {

	.j-wrapper-100 .j-pro [class*="j-span"] { margin-right:0; margin-bottom:10px; width:100%; }

	.j-wrapper-100 .j-pro [class*="j-offset"] { margin-left:0; }

	.j-wrapper-100 .j-pro .j-label-center { height:15px; line-height:15px; text-align:left; padding-bottom:3px; }

	.j-wrapper-100 .j-pro .j-radio:last-child,
	.j-wrapper-100 .j-pro .j-checkbox:last-child,
	.j-wrapper-100 .j-pro .j-radio-toggle:last-child,
	.j-wrapper-100 .j-pro .j-checkbox-toggle:last-child { margin-bottom:4px; }
}


/* jQuery UI Autocomplete
=============================== */
.ui-autocomplete {
	background:rgb(255,255,255);
	border-color:rgba(0,0,0,.12);
	border-style:none solid solid;
	border-width:0 1px 1px;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	cursor:default;
	display:block;
	font:16px 'Open Sans', Arial, sans-serif;
	left:0;
	list-style:none;
	margin:0;
	max-height:110px;
	outline:none;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0;
	position:absolute;
	top:0;
	z-index:10000;
}
.ui-autocomplete .ui-menu { position:absolute; }

.ui-autocomplete .ui-menu-item {
	background:rgb(255,255,255);
	border-bottom:1px solid rgba(0,0,0,.12);
	cursor:pointer;
	margin:0;
	min-height:0;
	padding:8px 15px;
	position:relative;
}
.ui-autocomplete .ui-menu-item:hover { background:rgba(0,0,0,.06); }

.ui-helper-hidden-accessible { position:absolute; left:-999em; }


/* "Thank you" block
=============================*/
.j-final-block {
	background-color:#f9fafd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,.6);
	-moz-box-shadow:0 2px 5px rgba(0,0,0,.6);
	-o-box-shadow:0 2px 5px rgba(0,0,0,.6);
	box-shadow:0 2px 5px rgba(0,0,0,.6);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:rgba(0,0,0,.87);
	font:400 16px 'Open Sans', Arial, sans-serif;
	line-height:1;
	position:relative;
	padding:25px 20px;
}
.j-final-block .j-close {
	background-color:rgba(0,0,0,.3);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	position:absolute;
	right:8px;
	top:11px;
	-webkit-transition:background-color.15s;
	-moz-transition:background-color.15s;
	-ms-transition:background-color.15s;
	-o-transition:background-color.15s;
	transition:background-color.15s;
}
.j-final-block .j-close:hover,
.j-final-block .j-close:focus { background-color:rgba(0,0,0,.6); }

.j-final-block .j-close i { display:block; height:22px; width:23px; }

.j-final-block .j-close i:before,
.j-final-block .j-close i:after {
	background-color:rgb(255,255,255);
	content:'';
	height:3px;
	position:absolute;
	right:1px;
	top:10px;
	width:21px;
}
.j-final-block .j-close i:before{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.j-final-block .j-close i:after{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* Bootstrap compatibility
=============================== */
.j-pro .j-radio,
.j-pro .j-checkbox,
.j-pro .j-radio-toggle,
.j-pro .j-checkbox-toggle { margin-top:0; }

.j-pro .j-label {
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.j-pro .j-radio,
.j-pro .j-checkbox,
.j-pro .j-radio-toggle,
.j-pro .j-checkbox-toggle,
.j-pro .j-radio *,
.j-pro .j-checkbox *,
.j-pro .j-radio-toggle *,
.j-pro .j-checkbox-toggle *,
.j-pro .j-radio i:after,
.j-pro .j-checkbox i:after,
.j-pro .j-radio-toggle i:after,
.j-pro .j-checkbox-toggle i:after,
.j-pro .j-radio i:before,
.j-pro .j-checkbox i:before,
.j-pro .j-radio-toggle i:before,
.j-pro .j-checkbox-toggle i:before {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}