/*
primary_color:#247D9E
secondary_color: #DAD5CF
*/

@font-face
{
  font-family: 'SweetSans';
  src:
    local('SweetSans'),
    url('fonts/sweet_sans/SweetSansProRegular.otf');
}

@font-face
{
  font-weight: bold;
  font-family: 'SweetSans';
  src:
    local('SweetSans'),
    url('fonts/sweet_sans/SweetSansProBold.otf');
}

.primary_color
{
  background-color:#247D9E !important;
  color:white !important;
}

.login_type_form_container
{
  line-height:1.5em;
  border:1px solid black;
  margin:auto;
  margin-bottom:1em;
  width:600px;
  max-width:90%;
  min-width:350px;
  padding:0em 2em 0em 2em;
  border-radius:5px;
  background-color:white;
  box-shadow: 2px 2px 10px 0px #000;
  position:relative;
}


@media only screen and (min-width: 900px) 
{
  .login_type_form_container 
  {
    left:125px;
  }
}

.login_type_form_container .bottom_space
{
  height:1.5em;
}

.login_type_form_container form
{
  margin-bottom:0px;
}

.login_type_form_container ul
{

}

.login_type_form_container ul li
{
  margin-bottom:1em;
}

.login_type_form_container input, .login_type_form_container button,
.login_type_form_container select, .login_type_form_container .textarea,
.login_type_form_container textarea
{
  font:inherit;
  font-size:inherit;
  display:block;
  padding:1em;
  border-radius:5px;
  border:none;
  margin:0px;
  width:100%;
  text-decoration:none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}


.login_type_form_container textarea
{
  height:9em;
  resize: none;
  overflow:hidden;
}

.login_type_form_container select
{
  height:3em;
  padding-top:0;
  padding-bottom:0;
}

/* password_container should have same padding  */
.login_type_form_container input, .login_type_form_container .error_message,
.login_type_form_container .success_message, .login_type_form_container select,
.login_type_form_container .textarea, .login_type_form_container textarea
{
  margin: 1.5em 0px 1.5em 0px;
}
.login_type_form_container .success_message
{
  border:1px solid #8FD18D;
  background:#F8FFF8;
  color:#666;
  padding:1em;
  border-radius:5px;
  text-align:center;
}

.login_type_form_container .error_message
{
  border:1px solid #D18F8D;
  background:#FFF8F8; 
  color:#666;
  padding:1em;
  border-radius:5px;
  text-align:center;
}

.login_type_form_container .regular
{
  border: 1px solid black;
}

.login_type_form_container .password_icon
{
  font-family:fontawesome;
  cursor:pointer;
  width:35px;
  /*text-align:right;*/
  text-align:center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;
}

.login_type_form_container .password
{
  margin:0px;
}

.login_type_form_container .password_container
{
  display:flex;
  align-items: center;
  margin-top:1.5em;
  margin-bottom:1.5em;
}


.login_type_form_container .input_error
{
  border: 2px solid #B00;
}

/* to fool the bots hopefully */
.login_type_form_container .additional
{
  display:none;
}

.login_type_form_container button
{
  background-color:#247D9E;
  color:white;
  font-weight:bold;
  cursor:pointer;
  margin: 1.5em 0px 1.5em 0px;
  box-shadow: 2px 2px 6px #888;
}

.login_type_form_container .link_button
{
  font-size:0.9em;
  text-align:center;
  background-color:#DAD5CF;
  color:black;
  font-weight:bold;
  cursor:pointer;
  display:block;
  padding:1em;
  border-radius:5px;
  border:none;
  text-decoration:none;
  margin: 1.5em 0px 1.5em 0px;
  box-shadow: 2px 2px 6px #888;
}

.login_type_form_container .colored
{
  background-color:#247D9E;
  color:white;
}

.login_type_form_container .readonly
{
 background-color:#F0F0F4;
}

.login_type_form_container input[readonly]
{
  background-color:#F0F0F4;
  border:none;
}
input[readonly]::-webkit-inner-spin-button,
input[readonly]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin:0px;
}

.login_type_form_container .secondary_link_button
{
  font-size:inherit;
  text-decoration:none;
  display:block;
  text-align:center;
  margin: 1.5em 0px 1.5em 0px;
  background: none;
  border: none;
  padding: 0;
  color:#247D9E;
  box-shadow:none;
  font-weight:inherit;
}

.login_type_form_container .or_separator
{
  border-bottom: 1px solid #909094;
  margin: -1em 0px 2em 0px;
  position:relative;
  text-align:center;
}

.login_type_form_container .or_separator span
{
  position:relative;
  display:inline-block;
  bottom:-0.7em;
  background-color:white;
  padding-right:1em;
  padding-left:1em;
  color:#909094;
}

.login_type_form_container .something_complicated_under_or_separator
{
  margin-top:-1.5em;
}

.login_type_form_container h1
{
  padding:0px;
  margin: 1em 0px 1em 0px;
  /*font-size: 1.17em;*/
  font-size: 1.5em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}


.login_type_form_container h3
{
  padding:0px;
  margin: 1em 0px 1em 0px;
}

.login_type_form_container h4
{
  margin: 0em 0px 1.5em 0px;
  padding:0px;
  font-weight:normal;
}

.login_type_form_container img
{
  display:block;
  max-width:100%;
  margin:auto;
}

.login_type_form_container .bordered
{
  border: 1px solid black;
}

.login_type_form_container .product_image
{
  display:block;
  max-width:100%;
  /*max-height:300px;*/
  max-height:19em;
  margin:auto;
}

.login_type_form_container a
{
  color:inherit;
  text-decoration:none;
  color: #247D9E;
}

.login_type_form_container label
{
  display:block;
  margin-bottom:-1em;
  color:#B0B0B4;
}

.login_type_form_container audio
{
  display:block;
  width:100%;
}

.price
{
  text-align:right;
}

.cart_div
{
  padding:1em 2em 1em 2em; 
  margin-top:1.5em; 
  margin-bottom:1.5em; 
  background-color:#D0D0D4; 
  border-radius:10px; 
  border:1px solid black;
}

.cart_div .sku
{
  display:block;
  margin:auto;
  text-align:center;
  font-size:0.8em;
  color:#909094;
}

@media only screen and (hover:none)
{
  .login_type_form_container
  {
    /*width:800px;*/
    /*width:90%;*/
    /*font-size:10pt;*/
  }
  .login_type_form_container select
  {
    height:4em;
  }
}

@media only screen
{
  .login_type_form_container h1
  {
    /* color:#E68FAD; */
    /* color:#909094; */
   color:black;
  }
}

.login_type_form_container .onlyprint
{
  display:none;
}

@media only print
{
  .login_type_form_container h1
  {
    color:black;
  }
  .login_type_form_container
  {
    width:90%;
    font-size:8pt;
    margin:auto;
    padding:0px;
    border:none;
    box-shadow:none;
  }
  .login_type_form_container input[readonly],
  .login_type_form_container .readonly,
  .login_type_form_container .link_button
  {
    border: 1px solid black;
/*
    border:none;
    margin:0px 0px 0.8em 0px;
    padding:0px;
*/
  }
  .login_type_form_container .noprint
  {
    display:none;
  }
  .login_type_form_container .onlyprint
  {
    display:block;
    color:black;
    border:none;
  }
  .login_type_form_container .secondary_link_button
  {
    color: black;
  }
  .cart_div
  {
    border:none;
  }
  .cart_div .sku
  {
    color:black;
  }
}

.two_buttons_div
{
  display:flex;
  justify-content: space-between;
  align-items:center;
  margin:1.5em 0 1.5em 0;
}

.two_buttons_div > *
{
  width:48%;
}

.two_buttons_div button, .two_buttons_div .link_button, .two_buttons_div input, .two_buttons_div .textarea
{
  margin:0;
}

.two_buttons_div :first-child
{
  /* margin-right:1em; */
}
.two_buttons_div :last-child
{
  /* margin-left:1em; */ 
}