#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{ /**??*/padding:20px 20px;/**??*/margin-bottom:20px;}
.inner.contact .subtitle{   /* line-height: 1em;    margin: 40px auto 0px auto;*/}

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


.inner.contact .subtitle {/*
    font-family: Montserrat,helvetica,Arial;
    font-size: 1.7em;
    line-height: 1em;
    font-weight: 700;
    color:#444;
    text-transform:none;*/
}

.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;}
#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;}
***/
}



/**#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.9em;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;}
*****/



/*.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;}


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


.table_roles,
.table_perms{margin:10px 0 0 10px;
    max-width: 320px;
    display: inline-table;
    vertical-align: top;
}

.btn-block{width:100%;}

.inner.login-register,
.inner.login-lostpassword,
.inner.login-changepassword,
.inner.login-login{max-width:500px;padding-bottom:40px;}

.inner.login-register>*,
.inner.login-lostpassword>*,
.inner.login-changepassword>*,
.inner.login-login>*{max-width:500px;margin:0 auto;}

.inner.login-register .btn,
.inner.login-lostpassword .btn,
.inner.login-changepassword .btn,
.inner.login-login .btn{/*width:100%;*/text-align:center;margin-top: 0.7rem;}

.inner.login-register .btn-reset,
.inner.login-lostpassword .btn-reset,
.inner.login-changepassword .btn-reset{}

.inner.contact{ /*border:10px solid transparent !important;margin:10px;*/}

.inner.login-changepassword a,
.inner.login-login  a{/*font-weight:600;*/}

.datatable{ margin: 0px 10px; }
#div-customer-messages{text-align:right;margin:10px;padding-bottom:10px;}

.zebra{    text-align:left;    width:-webkit-fill-available;    border:1px solid #3e3e3e24; border-collapse:collapse;}
.zebra th{    font-weight:bold;    background-color:#d5dbe566;    padding:2px;}
.zebra tr:nth-child(odd) td{    background-color:#fefefe}
.zebra tr:nth-child(even) td{    background-color:#fafafa;}
.zebra tr:hover td{    background-color:#fff}
.zebra td,
.zebra th{    padding:2px;    font-size:.8em;    border:1px solid #ddeeff;    vertical-align:top;}
.zebra select{    margin:0 0 0 5px;    margin:0px;    padding:0px;    font-size:0.8em;}
.zebra select{    border:1px solid #ccc;    height:16px;    background-color:#F9F9F9;}
.zebra select:hover{    border-color:#9be0f9;    -moz-box-shadow:0 0 5px #A6E5FD;    -webkit-box-shadow:0 0 5px #A6E5FD;    box-shadow:0 0 5px #A6E5FD;    background-color:#fff;    outline:none;}
.zebra select:focus{    border-color:#FBA699;    -moz-box-shadow:0 0 5px #ff3333;    -webkit-box-shadow:0 0 5px #ff3333;    box-shadow:0 0 5px #ff3333;    background-color:#fff;    outline:none;}
.zebra th{ border:0px solid #d5dbe566;}
.zebra td{ border:0px solid #d5dbe566;}
.zebra .message-sent td{color:#339900;}
.zebra .message-rcvd td{color:#3399ff;}

#content>.shadow{-webkit-box-shadow: 0px 1px 11px -3px rgba(0,0,0,0.55);-moz-box-shadow: 0px 1px 11px -3px rgba(0,0,0,0.55);box-shadow: 0px 1px 11px -3px rgba(0,0,0,0.55);}
.ajax_container .shadow{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

#data-protect-info {text-align:left;margin:10px auto;padding:0px;width:100%;display:block;border:1px solid black;}
#data-protect-info .btn {width:100%;}
#data-protect-info p {text-align:left !important;font-size:0.9em;padding:5px;}
#data-protect-info p:not(:first-child){display:none;}