.color-main {color:#1ebef8}

.text-title {font-size:16px}

/* FORM */

.ui-form-normal {}

.ui-form-normal *::placeholder {opacity:1; color:black}
.ui-form-normal *::-webkit-input-placeholder {opacity:1; color:black}

.ui-form-normal input[type=text], .ui-form-normal input[type=password], .ui-form-normal textarea, .ui-form-normal select {
	box-sizing:border-box; width:100%; background:transparent; padding:10px 10px; color:black; border:solid 1px #2f5791;
}



.ui-form-light {}

.ui-form-light .ui-form-header {margin:18px 0; font-size:17px; font-weight:bold; line-height:110%;}
.ui-form-light .ui-form-note {font-size:11px}

.ui-form-light .ui-field {margin:0 0 15px 0}

.ui-form-light input[type=text], .ui-form-light input[type=password], .ui-form-light textarea, .ui-form-light select {
	box-sizing:border-box; width:100%; background:transparent; padding:10px 10px; color:white; border:solid 1px white
}
.ui-form-light input[type=text]:focus, .ui-form-light input[type=password]:focus {
	border:solid 1px white; outline:0; box-shadow:none;
}

	
	
	
.ui-form-light input[type=text]::placeholder, .ui-form-light input[type=password]::placeholder {opacity:1}
.ui-form-light input[type=text]::-webkit-input-placeholder, .ui-form-light input[type=password]::-webkit-input-placeholder {opacity:1; color:white}
.ui-form-light input[type=submit] {box-sizing:border-box; width:100%; padding:10px 0; text-align:center; font-weight:bold; color:black; background:white; border:none}

/* input:invalid {
  box-shadow:0 0 3px 0px rgba(255, 0, 0, 1); border-color:transparent !important;
} */





/* DIALOG */

.ui-dialog {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10000;  max-width: 90%; max-height: 90%; overflow: auto; margin: auto;}
.ui-dialog a {color:inherit}



.ui-dialog-normal {box-sizing: border-box; min-width: 600px; min-height: 200px; max-width: 90%; max-height: 90%; padding: 15px; background-color:white}
.ui-dialog-normal {box-shadow: 0 0 24px 0px rgba(0,0,0,0.8);}

.ui-dialog-normal .ui-dialog-title {height:18px}
.ui-dialog-normal .ui-dialog-close {z-index:1000; position:absolute; top:12px; right:12px}
.ui-dialog-normal .ui-dialog-close::before {position: relative; top: -8px; float: right; display: inline-block; vertical-align: top; content: '×'; font-size:35px; font-family:'Arial,Helvetica,sans-serif'; cursor: pointer;}



.ui-dialog-with-border {border:solid 4px #1ebef8}



.ui-dialog-important {background:#1ebef8; color:white; min-width:360px; padding: 15px 15px 15px 15px;}

.ui-dialog-important .ui-dialog-title {height:35px}
.ui-dialog-important .ui-dialog-close {z-index:1000; position:absolute; top:12px; right:12px}
.ui-dialog-important .ui-dialog-close::before {position: relative; top: -8px; float: right; display: inline-block; vertical-align: top; content: '×'; font-size:35px; color:white; font-family:'Arial,Helvetica,sans-serif'; cursor: pointer;}



body .ui-dialog-important.marked {background:#2f5791}

.rating-star {display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(images/rating-star-active.png) center center no-repeat; background-size:cover}
.rating-star.active {background-image:url(images/rating-star-active.png)}
.rating-star.passive {background-image:url(images/rating-star-passive.png)}

/* BUTTON */

.ui-button {
	box-sizing:border-box; display:inline-block; vertical-align:middle; 
	padding:10px 20px; 
	white-space:nowrap; text-align:center; color:black !important; text-decoration:none;
	background:#1ebef8;
}
.ui-button:hover {text-decoration:underline; color:black;}

.ui-button {display: inline-block; vertical-align: top; padding: 10px 20px; text-align: center; background: #1ebef8; color:black; text-decoration: none; border:none}
body .ui-button:hover {text-decoration: none; background: #1ebef8; border:none; color: black}



/* TABS */

@media only screen and (min-width: 1140px) {
	.ui-tabs-grey {height:50px;}
}
.ui-tabs-grey {box-sizing:border-box}
.ui-tabs-grey .tab-item {display: inline-block; height:50px; vertical-align:top; margin-right:-28px; text-align:center; cursor:pointer}

.ui-tabs-grey .triangle-left {display: inline-block; vertical-align:top; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 33px; border-color: transparent transparent #bfbfbf transparent;}
.ui-tabs-grey .tab-item.active .triangle-left, .ui-tabs-grey .tab-item:hover .triangle-left {border-color: transparent transparent #1ebef8 transparent;}
.ui-tabs-grey .triangle-right {display: inline-block; vertical-align:top; width: 0; height: 0; border-style: solid; border-width: 50px 33px 0 0; border-color: #bfbfbf transparent transparent transparent;}
.ui-tabs-grey .tab-item.active .triangle-right, .ui-tabs-grey .tab-item:hover .triangle-right {border-color: #1ebef8 transparent transparent transparent;}

.ui-tabs-grey .tab-item .text-wrap-wrap {background:#bfbfbf}
.ui-tabs-grey .tab-item.active .text-wrap-wrap, .ui-tabs-grey .tab-item:hover .text-wrap-wrap {background:#1ebef8}
.ui-tabs-grey .tab-item .text {display:inline-block; vertical-align:top; color:black; }
.ui-tabs-grey .tab-item.active .text, .ui-tabs-grey .tab-item:hover .text  {color:white; }

.ui-tabs-grey .tab-item .text-wrap {height:50px;}
.ui-tabs-grey .tab-item .text-wrap-wrap {display:inline-block; vertical-align:top; height:50px; }
.ui-tabs-grey .tab-item .text-wrap:before {display: inline-block; height: 100%; vertical-align: middle; content: ""; }
.ui-tabs-grey .tab-item .text {display: inline-block; vertical-align: middle;}

.ui-tabs-set-grey .ui-tab-set {padding:30px; padding-bottom:15px; background:#e5e5e5}
@media only screen and (min-width: 1140px) {
	.ui-tabs-set-grey .ui-tab-set {margin:0 33px 0 0}
}

/* SELECTOR */

.ui-selector-wrap {display:inline-block; position:relative;}

.ui-selector-main {cursor:pointer}
.ui-selector-main:hover .ui-selector-text {text-decoration:underline}

.ui-selector-popup {position:absolute; z-index:10; top:100%; left:0; display:block; margin:10px 0 0 0; }
.ui-selector-popup-body {padding:5px 0; overflow:auto}

.ui-selector-important .ui-selector-item {padding:3px 10px}
.ui-selector-important .ui-selector-item:hover {background:#8fdffc}
.ui-selector-important .ui-selector-item .body {display:block; padding:3px 0px; font-weight:500; color:inherit; text-decoration:none; cursor:pointer}

.ui-selector-important .ui-selector-popup-body {background:#1ebef8}

.ui-selector-1 .ui-selector-popup {right:0}
.ui-selector-1 .ui-selector-popup-body {background:#2f5791;}
.ui-selector-1 .ui-selector-item {display:block}
.ui-selector-1 .ui-selector-item > .body {display:block; padding:2px 0 2px 8px; cursor:pointer}
.ui-selector-1 .ui-selector-item:hover {text-decoration:underline}


/* UI MESSAGES */

.error-messages {
	display:block; margin:0 0 20px 0; padding:20px;
	font-size:14px;
	background:#FFEEEE
}

.success-messages {
	display:block; margin:0 0 20px 0; padding:20px;
	font-size:14px;
	background:#EEFFEE;
}

.ui-messages-error {margin:15px 0;}
.ui-messages-error {color:red;}
#auth-form .errortext {color:red;}
#auth-form .notetext {}


.ui-dialog .success-messages, .ui-dialog .error-messages {margin-top:10px}

body .ui-dialog-important .success-messages, body .ui-dialog-important .error-messages {text-align:center; background:transparent; color:inherit}



/* OWL */

.owl-carousel .owl-dots {margin:30px 0 0 0; text-align:center}
.owl-carousel button.owl-dot {width:15px; height:15px; margin:0 10px 0 0; background:#1ebef8}
.owl-carousel button.owl-dot.active {background:#62cbf2; border-color:#62cbf2}