@import "/css/__shared/styles.css";

.hupFloatL { float:left !important }
.hupFloatR { float:right !important }
.hupClear { clear: both }
.hupHidden { display:none }

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

.dog{
	cursor:default;
	border:2px solid #888;
	display:inline-block;
	border-radius:5px;
	box-shadow: 5px 5px 5px #ccc;
	padding:10px;
	font-size:1.5em;
	font-weight:bold;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.margin-top-50{margin-top:50px;}
.margin-top-80{margin-top:80px;}

.dropdown-menu .btn.disabled{opacity:0.45;}
.dropdown-menu .glyphicon{margin-right:15px;}

#header_login { width: 350px; }
#SSO_Username_Group input, #SSO_Password_Group input{ width: 90px; font-size: 10px; padding: 2px; }
#SSO_Btn_Logon { margin:0 0 0 10px; cursor:pointer; font-weight:bold; padding:5px; border-radius:5px; color:#fff; box-shadow:inset 0 1px 0 0 #e8e8e8; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5d32c), color-stop(1, #8fb424)); background:-moz-linear-gradient(to bottom, #a5d32c 5%, #8fb424 100%); }
#SSO_Login_Form{ color: #888;}
#SSO_Login_Form label{ font-weight: normal; font-size:0.8em;}
#SSO_Login_Form a.register, #SSO_Login_Form a.lostPassword { margin: 0 0 0 39px;  font-weight: normal; color: #888; line-height: 18px; }
#SSO_Login_Form a.lostPassword { margin: 0 0 0 5px; }

.buttonUserLogin, .buttonUserRegister, .buttonUserDelete {
    box-shadow:inset 0 1px 0 0 #E8E8E8;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A5D32C), color-stop(1, #8FB424) );
    background:-moz-linear-gradient( to bottom, #A5D32C 5%, #8FB424 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5D32C', endColorstr='#8FB424');
    background-color:#96BE1E;
    border-radius:6px;
    border:1px solid #96BE1E;
    display:inline-block;
    color:#ffffff;
	font-family:arial, sans-serif;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0 #96BE1E;
    cursor:pointer;
}
.buttonUserLogin { margin: 0 0 0 37px }
.buttonUserLogin:hover, .buttonUserRegister:hover, .buttonUserDelete:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8FB424), color-stop(1, #A5D32C) );
    background:-moz-linear-gradient( to bottom, #8FB424 5%, #A5D32C 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FB424', endColorstr='#A5D32C');
    background-color:#96BE1E
}
.buttonUserLogin:active, .buttonUserRegister:active{
	position:relative;
    top:1px
}

.buttonUserDelete:active{
	position:relative;
	top:5px
}

body#formBody{background-color: transparent;}

.HUPStyle .errorMsg{font-size:smaller;color:red;margin-bottom: 10px; margin-top: 5px}
.HUPStyle label.error{color:red}
/*.HUPStyle .hupHidden.error{color:red;display: block;}*/
.HUPStyle input.error,.HUPStyle select.error {box-shadow:0 0 5px red}
.HUPStyle .headline {border-bottom: 1px solid #aaa; padding: 0;margin-top:15px; margin-bottom: 15px;}
.HUPStyle .headline p { padding-bottom: 5px; margin-bottom: 0; font-size: 1.5em}

.HUPStyle .checkbox input[type="checkbox"][name="useEmailAsUsername"]{margin-left: initial;}
.HUPStyle .userInp + .errorHint{font-size: 0.8em;margin-top: 5px;}
.HUPStyle .userInp.error + .errorHint{display:block;}
.loginBox { margin: 0 15px 0 0; }
.loginBox .labelgroup, .registerBox div .labelgroup { width: 150px; display: inline-block; }
.loginBox input { padding: 5px; margin: 0; }
.loginBox input[type="submit"] { padding: 5px 25px; margin-left: 30px; }
.registerBox .backLinkBlock { float: left; padding: 10px 0 }
.registerBox .margin10 { margin: 10px; }
.registerBox .action-btn-wrap { text-align:right;margin:5px 0 10px; }
.registerBox .registerFields {padding:0 2em}
.registerBox .accordion {display:none; margin-bottom:20px;}

.HUPStyle .ui-accordion .ui-icon {display: inline-block;}
.registerBox .input-group {display:inline-block;margin-left:5px;}
.registerBox .input-group input[type="text"]{display:inline-block;margin-left: 0;margin-right: 0;}
.registerBox .input-group .reloadingBIC {width: 168px;}
.registerBox .input-group .reloadGif {background-image: url(../img/ajax-loader.gif); background-repeat:no-repeat;background-position: center;}
.registerBox .input-group .input-group-addon {float:right; height: 28px; margin-top: 5px; vertical-align: inherit; width: 32px;}

.registerBox .headLine label { font-weight: bold; font-size: 13px; }
.registerBox .headLine { border-bottom: 1px solid #555; padding: 3px 0; margin: 3px 0 10px; }

.registerBox label sup{font-size:6px; font-weight:bold}

.xdpMigrationUserInformation {padding: 10px 20px 5px 5px;}
.xdpMigrationUserInformation p {margin: 16px 0;}
.xdpMigrationUserInformationBottom {padding: 10px 20px 5px 5px;margin-top: -20px;}

.input-like { display:inline-block; width:200px; border:1px solid #888; padding: 5px; margin: 5px; min-height:27px; vertical-align: middle; }
.input-like-disabled { border:1px solid #CCC; color:#888; }

.backLinkArrow { background: url("../img/arrowRight.png") no-repeat right 2px; font-size: 11px; font-weight: bold; padding-right: 16px;line-height:18px;margin:8px 0 0 }
.linkWaiting { background:url("../img/ajax-loader.gif") no-repeat right -2px; }

.childUserEntry{ min-height: 45px; border-bottom: 1px solid #aaa; margin-bottom: 13px; }
.childUserInfoContainer{position:relative;}
/*.childUserInfo{position:absolute;left:0;right:110px;}*/
#childUserAccordion input[type="email"]{width:350px;}
.childUserEntry .action-buttons {padding-top: 5px; padding-bottom: 5px;}
/*.childUserEntry .action-buttons button .glyphicon {pointer-events: none;}*/
.buttonUserDelete { position:absolute; top:4px; right:-5px; }
#childUserAccordion .glyphicon-envelope { color:#888; }

.ssoFrm .msgBox {position: relative;background-color: #FFFFFF;display:none;border: 1px solid #CCCCCC;bottom: 60px;box-shadow: 0 0 4px #CCCCCC;line-height: 1.4em;padding: 3px;;right: 10px;width: auto}
.ssoFrm .msgBox.msgBoxOK {box-shadow: 0 0 4px #A5D32C;}
.ssoFrm .social { margin: 20px 0 0 0; padding:0;}
.ssoFrm label.auto-width { min-width:initial; }
.socialButton {	float:left;	width: 190px; padding: 0; margin: 10px 0px 10px 0px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow:0px 2px 4px 0 rgba(0,0,0,.25);}
.socialButton:hover { cursor: pointer; text-decoration: none; }
.socialButton:last-of-type { margin-left: 10px; }
.socialButton.facebook { background-color:#3b5998; color: white; border: 1px solid transparent; }
.socialButton.google { background-color:#fff; color: #555; border: 1px solid rgba(0,0,0,.25); }
.socialButton .wrapLogo { padding: 5px 2px 1px 2px; }
.socialButton .wrapFbSvg { height: 16px; margin: 6px; }
.socialButton .wrapGoogleSvg { height: 16px; margin: 6px; }
.socialButton .whLogo {	width: 16px; height: 16px; }

.ui-widget, .ui-widget input {font-size:12px}

#idPayChoiceContainer{margin-bottom:15px; text-align:center;}
.pay-Choice{display:inline-block;}
.payment-icon{width:50px; height:30px; background: url("../img/payments.png") 0 0 no-repeat transparent; margin:5px 15px;}
.payment-icon:hover{box-shadow:0 0 10px #000;}
.payment-icon-BANK{background-position:0 -35px;}
.payment-icon-BANK:hover, .payment-icon-BANK.active{background-position:-55px -35px;}
.payment-icon-header{display:inline-block;vertical-align:text-bottom;}
.payment-icon-small{width:38px; height:24px; background: url("../img/payments.png") 0 0 no-repeat transparent; margin:-6px 10px;}

.bar {
    height: 2px;
}

#pwindicator{ position:relative; }

.pw-very-weak .bar {
    background: none repeat scroll 0 0 #DD0000;
    width: 30px;
}
.pw-very-weak .label {
    color: #DD0000;
}
.pw-weak .bar {
    background: none repeat scroll 0 0 #DD0000;
    width: 60px;
}
.pw-weak .label {
    color: #DD0000;
}
.pw-mediocre .bar {
    background: none repeat scroll 0 0 #F3F01A;
    width: 90px;
}
.pw-mediocre .label {
    color: #F3F01A;
}
.pw-strong .bar {
    background: none repeat scroll 0 0 #F3B31A;
    width: 120px;
}
.pw-strong .label {
    color: #F3B31A;
}
.pw-very-strong .bar {
    background: none repeat scroll 0 0 #00DD00;
    width: 150px;
}
.pw-very-strong .label {
    color: #00DD00;
}

/* avoid nose being within the popup-content */
.popover > .arrow{ top: auto !important; }

ul.ui-autocomplete > li > a {text-align: left}

/* turn off the spinners in number-inputs, cause they collide with autocomplete on same field */
/* Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* FF */
input[type='number'] {
    -moz-appearance:textfield;
}

.grecaptcha-badge {
	display: none;
}

.recaptcha-info{
	margin-top:15px;
	font-size: 0.8em;
	color: #888888;
}

.msg-success+.popover{
	box-shadow: 0 5px 10px rgba(0, 221, 0, 0.3);
}

.msg-error+.popover{
	box-shadow: 0 5px 10px rgba(255, 0, 0, 0.3);
}

.HUPStyle .ui-state-default, .HUPStyle .ui-state-hover, .HUPStyle .ui-state-focus {
    background: #fafafa;
}

.HUPStyle .pw-switch-eye {
	top: unset;
	left: unset;
	width: unset;
	height: unset;
	position: unset;
}

.HUPStyle .hup-google-sign-in {
	margin: 10px 0;
}

.email_change_doi_hint {
	margin-left: 5px;
	font-size: 35px;
	vertical-align: middle;
}