#content{/**/text-align:center;padding:20px 0;/*font-family: Montserrat;*/}
#breadcrumb{/*display:block;*/}
p{font-weight: 300;}
form .row{border-color:transparent !important;}
@media screen and (min-width: 550px){
form .row label{width:150px !important;text-align:right;}
}
@media screen and (max-width: 550px){
form .row label{/*width:150px !important;*/text-align:left;}
}
form .row>*{display:inline-table;}
form .row input[type="checkbox"]{width:auto;}
form .row .controls.checkbox{min-width:182px;text-align:left;margin-top:10px;margin-bottom:10px;min-height:32px;line-height:1em;}
form .btn {display: inline-block; min-width: 182px;}

.inner.contact{ max-width:1000px;/*background-color: #E9E7E5;border:1px solid #c9bda7;*/margin-bottom:20px;/*background-color: white;*/text-align:center;}
.inner.contact .subtitle{    line-height: 1em;    margin: 40px auto 0px auto;}

.inner.contact .help{margin: 20px 0 20px 20px;padding: 0;text-align: left;}
.inner.contact .help,
.inner.contact .help *{/* font-size: 12px; */}




.inner.contact form{margin:2px auto 0 auto;text-align:right;max-width:500px;border:10px solid transparent;display:inline-table;}
@media screen and (min-width: 550px){
.inner.contact .login-buttons{margin: 0px auto;padding:8px 8px;text-align: center;/*margin-left: 145px;*/}
#content .btn {  min-width: 182px; text-align: center;}
}
@media screen and (max-width: 550px){
.inner.contact .login-buttons { margin: 0px auto 70px auto;    padding: 8px 10px;    text-align: center;}
form .row>* {  display: inline-table;  width: 75%;}
form .controls { }
#content .btn {  width: 99%; text-align:100;margin-bottom:5px;}
}


.inner.contact{overflow:hidden;}
.grecaptcha-badge{z-index:1;position:absolute;left:-186px;bottom:5px; transition: 0.5s;}
.grecaptcha-badge:hover{left:5px;}

#login-form{display:block;height:100%;width:100%:position:relative;overflow:hidden;}
#div-register {height:auto;max-width:390px;display:inline-table;}
#div-login {height:340px;max-width:390px;display:inline-table;margin-bottom:10px;}

#ftab-tab_customer_account{text-align:left;}
@media screen and (min-width: 865px){
#registerform,
#div-login {height:340px;max-width:390px;border-left:1px solid #adadad;    padding-left: 10px;}
#ftab-tab_customer_orders{padding:0 10px 10px 10px;}
#ftab-tab_customer_orders .datatable{max-width:980px;}
.r-tabs-panel{/*height:420px;*/}
#registerform #div-buttons{text-align:right;}
}

@media screen and (max-width: 865px){
#registerform,
#div-login {height:340px;max-width:470px;border-top:1px solid #adadad;border-bottom:1px solid #adadad;margin-top:30px;margin-bottom:40px;}
#registerform #div-buttons{}
}
#div-profile {padding:0;margin:0;/*background-color:white;*/}
#div-profile fieldset{background-color:white;padding: 10px 20px;text-align:left;height:300px;overflow:auto;}
/*#div-profile .tab-user_notes .controls{height:354px;width:98%;border:1px solid red;}*/
#div-profile fieldset .textarea-container,
#div-profile fieldset #user_notes{height:100%;width:100%;}
#div-profile #fs_dialog-buttons{max-height:40px;text-align:right; margin: 0;padding-top:15px;border-top:1px solid #f1eee9;}
#result { margin: 0px auto; }
#div-profile #fs_dialog-buttons #btnreset{margin-right: 20px;}
#div-profile-content{width:100%;}
#div-profile-content form{ max-width: 100%;width:100%;}
#div-profile .login-buttons{text-align:center;/*position:absolute;left:0px;top:50px;bottom:10px;width:200px;border:1px solid #d9cdbd;*/}
#div-profile th,#div-profile td{/*font-size:0.8em;padding:2px 4px;*/}
#div-profile select{height:18px;}
.btn-link{color:#444;font-weight:300;}
.btn-link:hover{color:#95836a;}
.controls.buttons .btn{/*min-width: 155px;*/margin:2px;text-align:center;}


#ajaxmonitor span{font-size:0.8em;display:block;}
@media screen and (min-width: 500px){
#ajaxmonitor img{height:22px;}
#pwdMeter{/*display:inline-block;width:120px; font-size:0.8em;*//*position:absolute;left:1px;bottom:1px;*/
    display: inline-block;
    width: 120px;
    font-size: 0.8em;
    position: absolute;
    left: 1px;
    bottom: 3px;
    z-index: 2;

}
#ajaxmonitor{display:inline-block;position:absolute;top:2px;right:3px;color:black;}
}
@media screen and (max-width: 500px){
#ajaxmonitor img{height:22px;position:absolute;left:0px;}
#XXpwdMeter{display: font-size:0.8em;position:absolute;left:70px;bottom:1px;color:transparent;position: absolute; right: 1px;bottom: 3px}

#pwdMeter {    display: font-size:0.8em;    position: absolute;    right: 1px;    bottom: 1px;    color: red;    position: absolute;    left: 158px;    top: 30px;}





#ajaxmonitor{display:inline-block;/*position:absolute;top:3px;left:80px;*/position: absolute; right: 1px;}
#ajaxmonitor img{}
}
#ajaxmonitor .fa{/*display:none;*/margin-left:12px;cursor:pointer;border:2px solid transparent;cursor:pointer;}

.neutral{color:#B40404;border-bottom:4px solid  #CCC;}
.neutral:before{content:'<?=t('NEUTRAL')?>';}
.veryweak{color:#B40404;border-bottom:4px solid  #CCC;}
.veryweak:before{content:'<?=t('VERY_WEAK')?>';}
.weak{color:#DF7401;border-bottom:4px solid  #FF5353;}
.weak:before{content:'<?=t('WEAK')?>';}
.medium{color:#ca8e04;border-bottom:4px solid  #FAD054;}
.medium:before{content:'<?=t('MEDIUM')?>';}
.strong{color:#5aab01;border-bottom:4px solid  #93C9F4;}
.strong:before{content:'<?=t('STRONG')?>';}
.verystrong{color:#0B610B;border-bottom:4px solid  #B6FF6C;}
.verystrong:before{content:'<?=t('VERY_STRONG')?>';}



/*.scaffold*/ .ajax-loader{ position:absolute;top:0px; right:0px; bottom:0px; left:0px;/*display:none;*/background-color:rgba(144,144,144,0.2);}
/*.scaffold*/ .ajax-loader .loader{ z-index: 444444;}
@keyframes spin{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}

.loader {transform: rotate(165deg);}
.loader:before, 
.loader:after  {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform:translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after  {animation: after 2s infinite;}

@keyframes before {
  0%   { width: 0.5em; box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);  }
  35%  { width: 2.5em; box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);  }
  70%  { width: 0.5em; box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);  }
  100% { box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);  }
}
@keyframes after {
  0%   { height: 0.5em; box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }
  35%  { height: 2.5em; box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }
  70%  { height: 0.5em; box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }
  100% { box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }
}

.loader { position: absolute;  top: calc(50% - 1.25em);  left: calc(50% - 1.25em);}


	.box {margin-right:10px;padding: 0 20px 0 20px;background-color: #ffffff;border:0;/*width:340px;*/webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);text-align:center;}
	.box img{padding: 0px;height:24px;vertical-align:middle;margin-right:10px;}
	.box a{color: #427fed;cursor: pointer;text-decoration: none;font-family:Roboto;font-size:14px;color:#000000;font-weight:300;line-height:50px;}

.btn-google{background-color: #ffffff;/*webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);*/
             border-color:#efefef;border-width:2px;color:#444;width:300px;/*padding-bottom:0;*/
             color: #427fed;cursor: pointer;text-decoration: none;font-family:Roboto;font-size:14px;color:#000000;font-weight:300;/*line-height:50px;*/}
.btn-google:hover{color:#777;}
.btn-google img{padding: 0px;height:24px;vertical-align:middle;margin:0 4px 0px 0;}

#data-protect-info p{margin: 0px auto 0px auto;}