/* modified TBA 28.9. */

.comp-wrap .t_higlight {
	background-color: rgba(255,255,255,0.1)
}

@media (max-width:768px) {
.comp-wrap table i {
	display: none;
}
}
.comp-wrap .uk-alert-danger {
	background-color: #ff6600;
	color: #fff;
}
.comp-wrap .uk-alert-success {
	background-color: #a9c318;
	color: #fff;
}
.comp-wrap .uk-h2, .comp-wrap .uk-h3, .comp-wrap .uk-h4 {
	color: #fff;
}
.comp-wrap .uk-h4 {
	font-size: 20px;
}
.comp-wrap .comp-hl h2 {
	font-weight: 600;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 40px;
	line-height: 44px
}
.comp-wrap .comp-hl h3 {
	font-weight: 600;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 24px;
	line-height: 28px
}
.suggesstion-box {
	position: relative;
}
.ajax-list {
	list-style: none;
	padding: 0;
	width: 100%;
	position: absolute;
	z-index: 999;
	top: 0px;
	margin: 0 0 10px 0px !important;
	background: #f0f0f0;
	box-shadow: 0px 0px 12px rgba(100,100,100,0.8);
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden;
}
.ajax-list li {
	padding: 10px;
	background: #fff;
	border-bottom: #bbb9b9 1px solid;
	color: #555;
}
.ajax-list li:hover {
	background: #ece3d2;
	cursor: pointer;
	color: #555;
}
.ajax-list > li {
	margin: 0!important;
	padding: 5px 10px!important;
}
/*input.error,
textarea.error {
	border:1px solid #FEE371;
}*/

label.error {
	padding-left: 0px;
	margin-left: .3em;
	font-size: 14px;
	color: #FEE371 !important;
}
label.valid {
	display: block;
	width: 16px;
	height: 16px;
}
checkbox.error {
	outline: 1px solid #FEE371!important;
}
.error {
	display: inline-block;
	padding: 10px;
	/*	background-color:#FEE371;*/
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
}
.error_others {
	color: #FEE371;
	margin-left: 3px;
	font-size: 14px;
	font-weight: 700;
}

/*
	   SPECIAL ADDONS carl
*/


/* Form Wrapper - correct some form styling coming from theme also */
.comp-wrap {
	background-color: rgba(35,175,210,0.8)!important;
	padding: 15px 20px 1px 20px;
	color: #fff;
}
.comp-wrap form.uk-form input {
	margin: 0 !important; /* fix Theme Form Elements */
}


.comp-wrap .uk-form textarea,
.comp-wrap .uk-form select,
.comp-wrap .uk-form input[type=text],
.comp-wrap .uk-form input[type=email] {
	border-radius: 4px;
	height:auto !important;
	padding: 15px 20px;
}

.comp-wrap .uk-form .uk-form-icon input[type=text],
.comp-wrap .uk-form .uk-form-icon input[type=email] {
	padding-left: 40px;
}

.comp-wrap .uk-form-icon>[class*=uk-icon-] {
	top: 28px;  /* error labels screw up original center position from uikit*/
}


.comp-wrap .uk-grid > div {
	margin-top: 15px;
}

.comp-wrap textarea {
	margin-top: 3px !important;
	border-radius: 4px;
}
.comp-wrap input[type=text],
.comp-wrap input[type=email],
.comp-wrap .pseudo_field {
	border: 0 !important;
	margin-bottom: 20px;
}
.comp-wrap .pseudo_field {
	border: none;
	border-radius: 4px;
	font-size: 16px!important;
	font-weight: 400;
	line-height: 1.5;
	font-family: sans-serif;
	letter-spacing: 1px;
	color: #575e66;
	padding: 4px 20px !important;
	height: auto;
	background-color: rgba(255,255,255,0.1);
	display: block;
	color: #fff!important;
}

.comp-wrap .uk-form-control {
	padding: 0;
}
.comp-wrap .pseudo_field .cr {
	margin: 10px!important;
	color: rgba(28,131,246,1.000)!important;
}
.comp-wrap .pseudo_field .checkbox_label_indent {
	font-size: 16px!important;
	font-weight: 400;
	line-height: 1.5;
	display: inline-block;
	padding: 12px;
}
.comp-wrap .uk-button {
	font-weight: 700;
	border-radius: 4px;
}
.comp-wrap .uk-button-large {
	min-height: 55px;
	line-height: 60px;
}
/*
	UK mods
*/
.comp-wrap label, .comp-wrap .is_label {
	color: #fff;
	font-weight: 600;
	display: block;
	padding-top:5px;
	padding-bottom:5px !important;
}
.comp-wrap .is_label {
	margin: -1px 0 0 0 !important;
}

@media(min-width:768px) {
.is_label.is_label_cloned {
	display: none;
}
}
.comp-wrap .uk-button.uk-button-primary {
	background-color: #2bd4ff!important;
}
.comp-wrap .uk-button.uk-button-primary:hover, .comp-wrap .uk-button.uk-button-primary:active {
	background-color: #ffb73a!important;
}
.comp-wrap .uk-button:disabled, .comp-wrap .uk-button[disabled], .comp-wrap .uk-button:disabled:hover, .comp-wrap .uk-button[disabled]:hover {
	visibility: hidden;
}
.comp-wrap .uk-button:disabled *, .comp-wrap .uk-button[disabled] * {
	visibility: hidden;
}
.addbuttons {
	padding-top: 10px;
	text-align: right;
	float: left;
}
.addbuttons .uk-button {
	border-radius: 50% !important;
	overflow: hidden;
	text-align: center;
	margin-left: 5px;
	display: inline-block;
}
.addbuttons .uk-button > i {
	line-height: 1;
	text-align: center;
	margin: 0px -3px;
	padding: 0;
}
.clone_row {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 25px;
}

.comp-wrap hr {
	border-top: 1px solid rgba(255,255,255,0.3); /* same as clone_row border */
}


@media only screen and (min-width : 240px) {
.ui-autocomplete {
	background-color: #fff;
/*	width: 80% !important;*/
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
/*
		height: 120px;
    overflow-y: scroll;
*/
	z-index: +9;
	-webkit-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
	-moz-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
	box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
}
}

@media only screen and (min-width : 320px) {
.ui-autocomplete {
	background-color: #fff;
/*	width: 80% !important;*/
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
/*
	height: 120px;
    overflow-y: scroll;
*/
	z-index: +9;
	-webkit-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
	-moz-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
	box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
}
}

@media only screen and (min-width : 480px) {
.ui-autocomplete {
	background-color: #fff;
/*	width: 80% !important;*/
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
/*
		height: 120px;
    overflow-y: scroll;
*/
	z-index: +9;
}
}

@media only screen and (min-width : 768px) {
.ui-autocomplete {
	background-color: #fff;
/*	width: 33% !important;*/
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
/*
		height: 120px;
    overflow-y: scroll;
*/
	z-index: +9;
	-webkit-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
	-moz-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
	box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
}
}

@media only screen and (min-width : 992px) {
.ui-autocomplete {
	background-color: #fff;
/*	width: 33% !important;*/
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
/*
		height: 120px;
    overflow-y: scroll;
*/
	z-index: +9;-webkit-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
-moz-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
}
}

@media only screen and (min-width : 1200px) {
.ui-autocomplete {
	background-color: #fff;
/*	width: 33% !important;*/
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
/*
	height: 120px;
    overflow-y: scroll;
*/
	z-index: +9;
	-webkit-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
-moz-box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
box-shadow: -1px 9px 20px -2px rgba(0,0,0,0.27);
}
}
.ui-autocomplete li a {
	color: #323232;
	text-decoration: none;
}
.ui-autocomplete li a:hover {
	color: #23afd2;
	text-decoration: none;
}
.ui-helper-hidden-accessible {
	display: none;
}
.samepnrchk {
	display: none;
}
.ui-autocomplete li a {
    display: inline-block;
    width: 160px;
    word-break: break-word;
    color: #323232;
    text-decoration: none;
}.ui-autocomplete {	max-height: 100px;	overflow-y: auto;	/* prevent horizontal scrollbar */	overflow-x: hidden;}/* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */* html .ui-autocomplete {	height: 100px;}
/*


.ui-autocomplete{
	height: 100%;
    max-height: 96%;
    overflow: auto;
    background: ivory;
}

*/

.err .error{
	position: absolute !important;
	max-width: 300px;
	margin-top: 29px !important;
}

.uk-icon-info-circle {
	margin-left: 10px;
}

.uk-tooltip {
	background: #433B33 !important;
	color: #fff !important;
	font-family: sans-serif;
	font-size: 14px;
	border-radius: 4px;
	padding: 10px;
}

.segments_headline {
	opacity: 0.9;
}

.segments_headline .segm_count {
	display: inline-block;
	height: 21px;
	width: 21px;
	border-radius: 50%;
	overflow: hidden;
	background: rgba(255,255,255,0.9);
	color: #999;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	margin-right: 5px;
	margin-top: -4px;
}

.uk-text-small{
	font-size: 17px !important;
	text-align: center !important;
}
.Zebra_DatePicker_Icon_Wrapper{
	width: 100% !important;
}

.Zebra_DatePicker_Icon{
	left: 6px !important;
}