.no-padding {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.no-padding-left {
  padding-left: 0px!important;
}
.no-padding-right {
  padding-right: 0px!important;
}
.modal {
  display: none;
  width: 480px;
  height: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: auto;
  background: #fff;
  padding: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  float: left;
}
.modal.fullsize {
  position: absolute !important;
  margin-top: -400px !important;
  margin-bottom: 50px;
   top: 5% !important;
  margin-top: auto !important;
}
.modal.fullsize .field-scroller {
  max-height: none !important;
  overflow-y: visible !important;
}

.modal a.close-modal {
  position: absolute;
  top: 10PX;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("../../images/close.png");
  background-position: 0px 0px;
}

.modal .a.close-modal:before {
  content: "\f057";
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.blocker {
  background: #46505a!important;
  opacity: .95!important;
}

#login {
  padding: 70px;
  min-height: 450px;
}

#simulation {
  padding: 70px 30px 30px 30px;
}


.resumeSimulation {

}

.resumeSimulation hr {
  margin-top: 5px;
  margin-bottom: 20px;
}

#simulation .col1 {
  width: 50%;
  padding-left: 10px;
}

#simulation .col2 {
  width: 20%;
}

#simulation .col3 {
  width: 10%;
}


#finalize .loading {
  display: none;
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 0;
  padding: 4px;
  text-align: center;
}


#finalize .successarea {
  display: none;
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 0;
  padding: 10px;
  text-align: center;
  color: #46505a;
  background: #fff;
  border: 1px solid #46505a;
}

#finalize .successarea p {
  margin-bottom: 20px;
}

#finalize .successarea .button {
  width: 60%;
  min-height: 30px;
  line-height: 29px;
  margin: 10px 0 0 0;
  padding: 5px;
  background: #46505a;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  float: none;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
}

#login .error, #login .customerror, #login .loading {
  display: none;
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 0;
  padding: 4px;
  text-align: center;
}

#login .customerror .message {
  display: inline-block;
}

#login .login {
  float: left;
}

#login .recoverpwdForm, #login #createForm, #login #showSuccess{
  display: none;
}

#login #showSuccess .label
{
  margin-top: 80px;
  text-align: center;
}

#login .login .login-title, #simulation .login .login-title {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  color: #46505a;
  font-size: 30px;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#simulation .login .login-title {
  margin-bottom: 0px;

}

#login .login .login-subtitle, #simulation .login .login-subtitle {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0 0 30px 0;
  padding: 0;
  color: #46505a;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
#login .login .login-field {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0 0 10px 0;
  padding: 0 10px;
  background: #f5f6f7;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  border: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  float: left;
}
#login .login .login-field:focus {
  outline: 1px solid #b9c3c8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#login .login .login-field::-webkit-input-placeholder {
  color: #46505a;
}
#login .login .login-field::-moz-placeholder {
  color: #46505a;
}
#login .login .login-field:-moz-placeholder {
  color: #46505a;
}
#login .login .login-field::-ms-input-placeholder {
  color: #46505a;
}
#login .login .login-field:-input-placeholder {
  color: #46505a;
}
#login .login .login-button {
  width: 110px;
  height: 30px;
  line-height: 30px;
  margin: 20px 20px 0 0;
  padding: 2px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  float: left;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;

}

#login .login .reload-button {
  margin-left: 30%;
  margin-right: 30%;
  display: block;
  width: 40%;
  margin-top: 80px;
}


#simulation .login .login-button {
  width: 110px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
}

#simulation .login .login-subtitle .login-button {
  width: 220px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

#simulation .login .saveMySimulation {
  width: 90px;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  display: block;
  margin: 5px;
}

#simulation .login .saveSimulationSubtitle {
  margin-bottom: 10px;
}

#simulation .login  .labelline {
  font-size: 11px;
  font-style: italic;
  text-align: center;
}

#simulation .login .td, #simulation .login .th {
  padding: 5px;
}
#simulation .login .selected td {
  background-color: #b9c3c8;
  font-weight: bold;
}

#simulation table {
  font-size: 11px;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
}
#login .login .login-recover-pass {
  color: #b9c3c8;
  height: 30px;
  line-height: 35px;
  margin: 20px 0 0 0;
  font-size: 11px;
  font-weight: 200;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  float: left;
}
#login .login .login-recover-pass:hover {
  color: #46505a;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#login .login-register {
  width: 100%;
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #46505a;
  float: left;
}

#login .login p {
  font-family: "Verdana Regular", Verdana, Sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}

#login .login-register p {
  width: 100%;
  margin: 0;
  height: 20px;
  line-height: 20px;
  color: #46505a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
#login .login-register a {
  height: 20px;
  line-height: 20px;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  float: left;
}
#login .login-register a .chevron {
  margin: 1px 0 0 10px;
}
#add-room .add-room {
  width: 100%;
  float: left;
}
#add-room {
  padding: 30px 5px 30px 40px;
  float: left;
}
#add-room .add-room .add-room-icon-container {
  width: 100%;
  margin: 0;
  padding: 0 35px 0 0;
  float: left;
}
#add-room .add-room .add-room-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  /*background: url("../../images/large_icons_sprite.png") no-repeat;
  */border: none;
}

#add-room .add-room .add-room-icon img {
  width: 65px;
  height: 65px;
}

#add-room .add-room .add-room-title {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  width: 100%;
  line-height: 20px;
  margin: 10px 0 20px 0;
  padding: 0 35px 0 0;
  color: #b9c3c8;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  float: left;
}
#add-room .add-room .add-room-subtitle {
  line-height: 20px;
  margin: 10px 15px 15px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 200;
  text-align: left;
  float: left;
}
#add-room .add-room .field {
  width: 100%;
  margin: 0 0 15px 0;
  display: block;
}

.clearleft {
  clear: left;
  width: 100%;
}

#add-room .add-room .field .add-room-title-field {
  line-height: 20px;
  margin: 0 10px 5px 0;
  padding: 0;
/*  color: #46505a;*/
  color: rgba(70, 80, 90, 0.49);
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  float: none;
  clear: both;
  width: 100%;
}

#add-room .add-room .field .add-room-title-field.item
{
  border-bottom: 1px solid #e8e8e8;
  width: 92%;
  height: 24px;
}

#add-room .add-room .field .add-room-title-field .col {
  float: left;
  width: 18%;
  margin-right: 4%;
  text-align: center;
  font-size: 11px;
  color: #b9c3c8;
  font-weight: normal;
  line-height: 20px;
}

#add-room .add-room .field .add-room-title-field .col.button {

  text-align: right;
}

#add-room .add-room .field .add-room-title-field .col a {
  font-size: 20px;
  color: #b9c3c8;
}

#add-room .add-room .field .add-room-title-field .col:first-child {
  width: 30%;
  margin-right: 0;
  text-align: left;
  font-weight: bold;
}


#add-room .add-room .field  .add-room-title-field-legend {
  width: 100%;
}

#add-room .add-room .field .add-room-title-field-legend .col-01,
#add-room .add-room .field .add-room-title-field-legend .col-02,
#add-room .add-room .field .add-room-title-field-legend .col-03 {
  float: left;
  font-size: 11px;
  width: 28%;
  margin-left: 4%;
  text-align: center;
  color: #b9c3c8;
  font-weight: normal;
  line-height: 20px;
  margin-top: -10px;
}

#add-room .add-room .field .add-room-title-field-legend .col-01 {
  margin-left: 0;
  text-align: left;
}

#add-room .add-room .field .add-room-title-field-legend .col-03 {
  text-align: right;

}

#add-room .add-room .field .add-room-field-large {
  width: 92%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #b9c3c8;
  color: #46505a;
  font-size: 17px;
  font-weight: 200;
  text-align: left;
  float: left;
  background-color: #b9c3c8;
  text-transform: uppercase;
  text-align: center;
}

#add-room .add-room .field .add-room-field-large:focus {
  border: 1px solid #46505a;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

#add-room .add-room .field .error {
  border: lightyellow !important;
  background: lightyellow !important;
  color: #46505a !important;
}

#add-room .add-room .field .add-room-field-large::-webkit-input-placeholder,
#add-room .add-room .field .add-room-field::-webkit-input-placeholder,
#add-room .add-room .field .add-room-number::-webkit-input-placeholder,
.resume-row textarea::-webkit-input-placeholder
{
  color: #8a949e;
  font-size: 17px;
  text-align: center;
  opacity: 0.5;

}

#add-room .add-room .field .add-room-field-large::-moz-placeholder,
#add-room .add-room .field .add-room-field::-moz-placeholder,
#add-room .add-room .field .add-room-number::-moz-placeholder,
.resume-row textarea::-moz-placeholder

{
  color: #8a949e;
  font-size: 11px;
  opacity: 0.5;
}

#add-room .add-room .field .add-room-field-large:-moz-placeholder,
#add-room .add-room .field .add-room-field:-moz-placeholder,
#add-room .add-room .field .add-room-number:-moz-placeholder,
{
  color: #46505a;
  font-size: 11px;
}

#add-room .add-room .field .add-room-field-large::-ms-input-placeholder,
#add-room .add-room .field .add-room-field::-ms-input-placeholder,
#add-room .add-room .field .add-room-number::-ms-input-placeholder,
.resume-row textarea::-ms-input-placeholder

{
  color: #46505a;
  font-size: 11px;
}
#add-room .add-room .field .add-room-field-large:-input-placeholder,
#add-room .add-room .field .add-room-field:-input-placeholder,
#add-room .add-room .field .add-room-number:-input-placeholder,
.resume-row textarea::-input-placeholder
{
  color: #46505a;
  font-size: 11px;
}

.resume-row textarea {
  width: 490px;
}

.resume-row textarea, .resume-row input {
  font-size: 11px;
}

#add-room .add-room .field .add-room-field {
  width: 28%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #b9c3c8;
  color: #46505a;
  font-size: 17px;
  font-weight: 200;
  text-align: left;
  float: left;
  background-color: #b9c3c8;
  text-transform: uppercase;
  text-align: center;

}
#add-room .add-room .field .add-room-field:first-of-type {
  clear: left;
}
#add-room .add-room .field .add-room-field:focus {
  border: 1px solid #46505a;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}


#add-room .add-room .field .x-separator {
  width: 4%;
  height: 30px;
  line-height: 30px;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  float: left;
}
#add-room .add-room .field .add-room-option {
  line-height: 20px;
  margin: 0 0 5px 0;
  padding: 0;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
  float: left;
}
#add-room .add-room .field .add-room-number {
  width: 92%;
  height: 30px;
  line-height: 30px;
  margin: 0 0 5px 0;
  padding: 0 5px;
  border: 1px solid #b9c3c8;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 200;
  text-align: left;
  float: left;
}
#add-room .add-room .field .add-room-number:focus {
  border: 1px solid #46505a;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}


#add-room .add-room .field .subfield {
  width: 92%;
  float: left;
}
#add-room .add-room .field .subfield .add-room-title {
  width: 30%;
  line-height: 30px;
  margin: 0 0 5px 0;
  padding: 0;
  color: #46505a;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  text-transform: none;
  float: left;
}

#add-room .add-room .subfield .add-room-field:first-child {
  width: 25%;
}

#add-room .add-room .subfield .add-room-field {
  width: 18%;
}

#add-room .add-room .field .subfield .add-room-field:first-of-type {
  clear: none;
}
#add-room .add-room .field .subfield .add-room-delete {
  width: 18%;
  padding: 0;
  border: none;
  cursor: pointer;
  float: left;
  text-align: right;
  margin-left: 4%;
  font-size: 20px;
  color: #b9c3c8;
}
#add-room .add-room .field .subfield .add-room-delete:hover {
  background-position: -36px -24px;
}
#add-room .add-room .field-scroller {
  width: 100%;
  max-height: 36vh;
  overflow-y: scroll;
  float: left;
}
#add-room .add-room .field-scroller .field .add-room-button {
  width: 160px;
  line-height: 20px;
  margin: 0 auto 20px auto;
  padding: 5px 20px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Open Sans", sans-serif;
}
#add-room .add-room .field-button {
  width: 92%;
  margin: 0;
  text-align: center;
}
#add-room .mandatory-fields {
  width: 92%;
  height: 30px;
  line-height: 30px;
  margin: 0 0 20px 0;
  padding: 15px 0 0 0;
  border-top: 1px dotted #b9c3c8;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 200;
  text-align: left;
  float: left;
  clear: both;
}
#add-room .smartphone-download {
  width: 480px;
  margin: 0 0 -30px -40px;
  padding: 15px 40px 30px 40px;
  background: #f5f6f7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  float: left;
  clear: both;
}
#add-room .smartphone-download p {
  height: 30px;
  line-height: 15px;
  margin: 0 0 30px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  float: left;
  clear: both;
}
#add-room .smartphone-download ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#add-room .smartphone-download ul li {
  width: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}
#add-room .smartphone-download ul li p {
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-align: center;
  float: left;
}
#add-room .smartphone-download ul li a {
  width: 50%;
  margin: 0 auto;
  padding: 5px 30px;
  background: #f5f6f7;
  border: 1px solid #b9c3c8;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#add-room .smartphone-download ul li a:hover {
  background: #46505a;
  border: 1px solid #46505a;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.modal.modal-autofill {
  padding: 70px;
}

.modal.modal-resume .checkbox label {
  min-height: 20px;
  padding-left: 5px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  padding-right: 5px;
}

@media only screen and (min-width: 1200px) {
  .modal.modal-autofill {
    width: 480px;
    padding: 30px;
  }

  .modal.modal-resume {
    width: 480px;
    padding: 0px;
  }
}

#autofill {

}

#autofill .autofill {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#autofill .autofill .autofill-title {
  height: auto;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  width: 100%;
  /* height: 30px; */
  line-height: 30px;
  margin: 20px 0 10px 0;
  padding: 0;
  color: #46505a;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 25px;
  font-weight: 300;
  font-size: 23px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 5px;
}

.centered-text {
  text-align: center;
}
#autofill .autofill .autofill-subtitle {

  height: auto;
  line-height: 20px;
  margin: 10px 15px 15px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  font-size: 16px;
  font-family: "Open Sans", "Verdana";
  text-transform: uppercase;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 30px;
  margin-top: 30px;

}
#autofill .autofill .autofill-fields-container {
  width: 100%;

}
#autofill .autofill .autofill-fields-container ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -10px;
}
#autofill .autofill .autofill-fields-container ul li {
  width: 100%;
  line-height: 25px;
  margin: 5px 0 0 0;
  padding: 0;
  display: inline-block;
  font-family: "Open Sans", "Verdana";
}
#autofill .autofill .autofill-fields-container ul:nth-child(2) li {
  margin: 0 0 20px 2.5%;
}
#autofill .autofill .autofill-fields-container .autofill-fields-title {
  width: 58%;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  color: #46505a;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
}
#autofill .autofill .autofill-fields-container .autofill-fields-select {
  width: 25%;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  background: #b9c3c8 url("../../images/dropdown-arrow-v2.png") center right no-repeat;
  border: 1px solid #b9c3c8;
  float: right;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background-size: 11px;
  background-position-x: 90%;
}
#autofill .autofill .autofill-fields-container .autofill-fields-select:hover {
  border: 1px solid #46505a;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#autofill .autofill .autofill-fields-container .autofill-fields-select select {
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0 23px 0 10px;
  background: none;
  color: #46505a;
  font-weight: bold;
  font-size: 11px;
  font-weight: 400;
  text-align: right;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  float: right;
  text-align: left;
}
#autofill .autofill .autofill-fields-container select:focus,
#autofill .autofill .autofill-fields-container select:active {
  border: none;
}
#autofill .autofill .autofill-button-container {
  width: 100%;
  margin: 20px 0 0 0;
}

#autofill .autofill .autofill-button-container .autofill-button {
  width: 220px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  padding: 0 10px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  cursor: pointer;
  display: block;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  width: 175px;
  height: 60px;

  padding: 15px 10px;
  margin-left: auto;
  margin-right: auto;
}

#autofill .autofill .autofill-button-container .autofill-button i {
  float: left;
  font-size: 30px;
  width: 30px;
}

#autofill .autofill .autofill-button-container .autofill-button .labeled {

  width: 110px;
  text-align: left;
  float: left;
  font-size: 12px;
  line-height: 12px;
  margin-left: 10px;
  margin-top: 3px;

}

.modal.modal-tile-more-info {
  /*padding-top: 50px;*/
}
@media only screen and (min-width: 992px) {
  .modal.modal-tile-more-info {
    width: 580px;
  }
}
#details .details {
  padding: 0px 30px 30px 30px;
  float: left;
}
#details .details .details-info,
#details .details .details-option,
#details .details .details-brand,
#details .details .details-series,
#details .details .details-price,
#details .details .details-price .details-icons,
#details .details .details-more {
  float: left;
  clear: left;
}
#details .details .details-info p {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    clear: both;
    margin-bottom: 20px;
}
#details .details .details-info span,
#details .details .details-details p {
  margin: 0 0 10px 0;
  padding: 0;
  color: #333;
  font-size: 11px;
  font-weight: 300;
  text-align: justify;
  float: left;
  clear: both;
}
#details .details .details-brand p,
#details .details .details-series p,
#details .details .details-price p {
  min-width: 45px;
  margin-right: 10px;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  float: left;
  margin-bottom: 2px;
}
#details .details .details-brand span,
#details .details .details-series span,
#details .details .details-price span {
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
  float: left;
}
#details .details .details-price {
  width: 100%;
  margin-bottom: 10px;
}
#details .details .details-details {
  width: 100%;
  margin-bottom: 40px;
}

#details .details .details-price .details-icons .details-price-euro {
  width: 16px;
  height: 16px;
  /* margin: 0 0 0 5px; */
  background: url("../../images/sprite.png") no-repeat;
  background-position: 0px -58px;
  float: right;
  display: block;
}
#details .details .details-button-container {
  width: 100%;
  margin: 20px 0 0 0;
  float: left;
}
#details .details .details-button-container .details-button {
  width: 220px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  padding: 0 10px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  cursor: pointer;
  display: block;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
}
@media only screen and (min-width: 320px) {
  .modal.modal-overview {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .modal.modal-overview {
    width: 800px;
  }
}

#overview .listing-block-selected {
  display: none;
}

#overview .img-tile {
  margin-bottom: 10px;
  width: 100%;
}
#overview .overview-container {
  padding: 0;
  float: left;
  font-family:  "Verdana Regular","Verdana", sans-serif;

}

#overview .overview-container .slick-prev:before, #overview .overview-container  .slick-next:before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 1;
  opacity: .75;
  color: #b9c3c8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#overview .overview-container .selection {
  width: 100%;
  margin: 0;
  /*background: #b9c3c8;*/
  float: left;
}

#overview .overview-container .selection .selected-info {
  width: 100%;
  padding-left: 15px!important;
  padding-right: 15px!important;
  clear: both;
  height: 75px;
}

#overview .listing .options-carousel .slick-prev:before,
#overview  .listing .options-carousel  .slick-next:before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 1;
  opacity: .75;
  color: #b9c3c8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#overview .listing .options-carousel .slick-prev {
  left: 0;
  z-index: 100;
}

#overview .listing .options-carousel .slick-next {
  right: 10px;
  z-index: 100;
}

#overview .overview-container .selection .selected-info p {
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
}

#overview .overview-container .selection  .selected-info .title {
  line-height: 15px;
  margin: 0 10px 5px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  text-align: left;
  letter-spacing: 1px;
  height: auto;
}


#overview .overview-container .selection .left .img-tile{
  margin-left: 0px;
}

#overview .overview-container .selection .left,
#overview .overview-container .selection .right {
  min-height: 100%;
  /*padding:10px!important;*/
  background: #b9c3c8;
  /*overflow-y:scroll;*/
}
#overview .overview-container .selection .right {
  background: #fff;
}
#overview .overview-container .selection .left .overview-img,
#overview .overview-container .selection .left .overview-info,
#overview .overview-container .selection .left .overview-brand,
#overview .overview-container .selection .left .overview-series,
#overview .overview-container .selection .left .overview-price,
#overview .overview-container .selection .left .overview-details,
#overview .overview-container .selection .right .overview-img {
  float: left;
  clear: left;
}
#overview .overview-container .selection .left .overview-img,
#overview .overview-container .selection .left .overview-info,
#overview .overview-container .selection .left .overview-brand,
#overview .overview-container .selection .left .overview-series,
#overview .overview-container .selection .left .overview-price,
#overview .overview-container .selection .left .overview-price-container,
#overview .overview-container .selection .left .overview-details {
  padding-left: 15px!important;
  padding-right: 15px!important;
}

#overview .overview-container .selection .left .overview-info {
  height: 55px;
}


/*
#overview .overview-container .selection .right .overview-img{
	padding-right:10px!important;
}
#overview .overview-container .selection .left .overview-img,
#overview .overview-container .selection .right .overview-img{
	width:100%;
	margin: 0 0 15px 0;
	padding:0;
}
#overview .overview-container .selection .left .overview-img{
	margin-left: -10px;
	margin-right: -10px;
}
#overview .overview-container .selection .right .overview-img{
	margin-left:2px;
}
*/
#overview .overview-container .selection .right .overview-info p {
  margin: 0;
  padding: 0;
  font-weight: 300;
  text-transform: uppercase;
  float: left;
  clear: both;
}
#overview .overview-container .selection .left .overview-info span,
#overview .overview-container .selection .left .overview-details p,
#overview .overview-container .selection .right .overview-info span {
  line-height: 15px;
  margin: 0 0 15px 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-align: justify;
  float: left;
  clear: both;
}
#overview .overview-container .selection .left .overview-brand p,
#overview .overview-container .selection .left .overview-series p,
#overview .overview-container .selection .left .overview-price p,
#overview .overview-container .selection .right .overview-price p {
  line-height: 15px;
  margin: 0 10px 5px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  float: left;
  width: 37px;

}
#overview .overview-container .selection .left .overview-brand span,
#overview .overview-container .selection .left .overview-series span,
#overview .overview-container .selection .left .overview-price span,
#overview .overview-container .selection .right .overview-price span {
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
  float: left;
}
#overview .overview-container .selection .left .overview-price-container {
  margin-bottom: 10px;
  float: left;
  clear: both;
}
#overview .overview-container .selection .left .overview-price-container .overview-price-euro {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0;
  background: url("../../images/sprite.png") no-repeat;
  background-position: 0 -58px;
  float: left;
}
#overview .carousel-container .carousel-title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  color: #46505a;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
}

#overview .carousel-container .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  margin-left: 0px;
  width: 525px;
}

#overview .carousel-container  .slick-prev {
  left: 10px;
  z-index: 100;
  top: 40%;
}

#overview .carousel-container  .slick-next {
  right: 20px;
  z-index: 100;
  top: 40%;
}


#overview .carousel-container .carousel-info {
  line-height: 15px;
  margin: 0;
  padding: 0 30px;
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-align: justify;
  float: left;
  clear: both;
  min-height: 40px;
}
#overview .overview-container .carousel-container .carousel {
  margin-bottom: 15px;
  margin-bottom: 15px;
  max-width: 533px;
  margin-left: 0px;
}
#overview .overview-container .carousel-container .carousel .slick-list .slick-track .slick-slide .tile-container {
  width: 110px;
}
#overview .overview-container .carousel-container .carousel .slick-list .slick-track .slick-slide .carousel-img-info {
  width: 110px;
  line-height: 15px;
  margin: 10px 0 15px 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-align: justify;
  float: left;
  clear: both;
}
#overview .carousel-container .carousel-more,
#overview .listing .listing-tile .listing-more {
  width: 100%;
  /*height:30px;*/
  /*line-height:30px;*/
  padding: 0;
  background: none;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  padding: 5px;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;

}


#overview .carousel-container .carousel-more {
  width: 220px;
  margin: 0 auto 20px auto;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
}

#overview .carousel-container .carousel-more-selected {
  background: #46505a;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 5px;
}

#overview .carousel-container .carousel-more .carousel-more-img,
#overview .listing .listing-tile .listing-more .listing-more-img {
  width: 12px;
  height: 12px;
  margin: -3px 0 0 5px;
  padding: 0;
  background: url("../../images/sprite.png");
  background-position: -24px -12px;
  display: inline-block;
  vertical-align: middle;

}
#overview .carousel-container .carousel-more:hover,
#overview .listing .listing-tile .listing-more:hover {
  background: #46505a;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 5px;
}



#overview .listing .listing-tile .listing-more {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0;
  background: none;
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#overview .listing .listing-tile .listing-more:hover {
  background: #46505a;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 0px;
  line-height: 30px;

}

#overview .carousel-container .carousel-more:hover .carousel-more-img,
#overview .listing .listing-tile .listing-more:hover .listing-more-img {
  background-position: -24px 0;
}
#overview .listing {
  width: 100%;
  padding: 20px 15px 10px 15px;
  background: #f5f6f7;
  float: left;
  clear: both;
}
#overview .listing .listing-title {
  width: 100%;
  height: 10px;
  line-height: 10px;
  color: #46505a;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
#overview .listing .listing-tile {
  background: #fff;
  float: left;
  min-height: 315px;
  margin-bottom: 20px;
}

#overview .listing .listing-tile .listing-info {
  min-height: 50px;
}

#overview .listing .listing-tile .listing-img,
#overview .listing .listing-tile .listing-info,
#overview .listing .listing-tile .listing-price,
#overview .listing .listing-tile .listing-more {
  float: left;
  clear: left;
}
#overview .listing .listing-tile .listing-img {
  width: 100%;
  height: 20vw;
  margin: 0 0 15px 0;
  padding: 0;
  background: url("../../images/tile.png") center center no-repeat;
  background-size: cover;
}
#overview .listing .listing-tile .listing-info p {
  margin: 0;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
  float: left;
  clear: both;
  min-height: 70px;
}
#overview .listing .listing-tile .listing-info span {
  margin: 0 0 4px 0;
  padding: 0 10px;
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-align: justify;
  float: left;
  clear: both;
}
#overview .listing .listing-tile .listing-price p {
  margin-right: 10px;
  margin-bottom: 4px;
  padding: 0 0 0 10px;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  float: left;
}
#overview .listing .listing-tile .listing-price span {
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
  float: left;
}
#overview .listing .paginator {
  width: 92px;
  margin: 10px auto 0 auto;
  float: none;
}
#overview .listing .paginator .previous-chevron-02,
#overview .listing .paginator .next-chevron-02 {
  margin-top: 2px;
  float: left;
}
#overview .listing .paginator .previous-chevron-02:hover {
  background-position: -12px -24px;
}
#overview .listing .paginator .next-chevron-02:hover {
  background-position: -24px -24px;
}
#overview .listing .paginator .current {
  width: 40px;
  margin: 0 10px;
  line-height: 16px;
  color: #b9c3c8;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  float: left;
}
/*FINALIZE & SPECIFICATIONS MODAL*/

.modal-finalize {
  width: 480px !important;
}


.modal-buyPremium {
  width: 640px !important;
}

.modal-finalize .fa,.modal-buyPremium .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 3px;
}

#finalize,
#specifications {
  float: left;
}

.finalize-header,
.finalize-body {
  padding: 40px 20px 40px 20px;
}


.specifications-header,
.specifications-body {
  width: 600px;
  margin: 20px 20px 10px 20px;
  float: left;
}

.finalize-body {
  margin-bottom: 40px;
  font-family: "Verdana Regular","Verdana", "Open Sans", sans-serif;

}

.finalize-body .left .title, .finalize-body .left .text {
  font-family: "Verdana Regular","Verdana", "Open Sans", sans-serif;
}

.finalize-header .congrats,
.finalize-header p,
.specifications-header .congrats,
.specifications-header p {
  width: 100%;
  line-height: 30px;
  margin: 20px 0 10px 0;
  padding: 0;
  color: #46505a;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  float: left;
}
.finalize-header p,
.specifications-header p {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  margin: 0;
  font-size: 26px;
  font-weight: 300;
}
.specifications-body .left {
  width: 55%;
  float: left;
}

.finalize-body .right, .specifications-body .right {
  width: 45%;
  float: left;
}

.finalize-body .left .content .title.title_row {
  font-weight: 600;
  color: #46505a;
  text-transform: uppercase;
  margin: 5px 0 10px 0;
  font-family: "Open Sans", "Verdana";
  font-size: 12px;
}


.location .title .first-row,
.finalize-body .title .first-row {
  font-weight: 600;
  color: #46505a;
  margin-bottom: 60px;
}

.location .form-field .zip-code,
.finalize-body .left .finalize-form .form-field .zip-code {
  width: 10%;
  margin-right: 0;
}

.location .form-field .divider,
.finalize-body .left .finalize-form .form-field .divider {

  background: white;
  width: 15px;
  margin: 0 5px 0 5px;
  padding: 0 5px 0 5px;

}

.location .form-field .local,
.finalize-body .left .finalize-form .form-field .local {
  width: 60%;
}

.location .left .finalize-form .clearleft,
.finalize-body .left .finalize-form .clearleft {
  clear: left;
}

.finalize-body .left .title,
.specifications-body .left .title {
  width: 100%;
  height: auto;
  line-height: 20px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}

.finalize-body .left .title {
  margin-bottom: 40px;
}

.finalize-body .left .text,
.specifications-body .left .text {
  width: 100%;
  height: auto;
  line-height: 15px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}
.finalize-body .left .finalize-form,
.specifications-body .left .specifications-form {
  width: 100%;
  margin: 20px 0 0 0;
  float: left;
}
.finalize-body .left .finalize-form .title,
.specifications-body .left .specifications-form .title {
  width: 100%;
  height: auto;
  line-height: 15px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}
.specifications-body .left .specifications-form .title {
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}
.specifications-body .left .specifications-form .payment-type {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  float: left;
}
.specifications-body .left .specifications-form .payment-type .checkbox {
  width: 47px;
  line-height: 20px;
  margin: 0 15px 0 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  float: left;
  cursor: pointer;
}
.specifications-body .left .specifications-form .payment-type .checkbox .check {
  width: 11px;
  height: 11px;
  margin: 0 auto 5px auto;
  background: url("../../images/sprite.png");
  background-position: -12px -61px;
}
.specifications-body .left .specifications-form .payment-type .checkbox .checked {
  background-position: -23px -61px;
}
.specifications-body .left .specifications-form .sub-title {
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-transform: none;
}

.finalize-body .left .promocodearea {
  float: none;
  display: block;
  padding: 0;
  margin: 0;
  clear: both;
  font-size: 11px;
  margin-top: 10px;
}

.finalize-body .left #promocodeform  {
  display: none;
}

.finalize-body .left .validatepromo {
  text-align: right;
}

.finalize-body .left .validatepromo a {
  text-decoration: underline;
}

.finalize-body .left .validatingpromocode {
  display: none;
  text-align: right;
}

.finalize-body .left .successpromocode {
  display: none;
  text-align: right;
  color: green;
}


.finalize-body .left .errorpromocode {
  display: none;
  text-align: right;
  color: red;
}

.location .form-field,
.finalize-body .left .finalize-form .form-field,
.specifications-body .left .specifications-form .form-field {
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin: 0 0 10px 0;
  padding: 0 10px 0 10px;
  background: #f5f6f7;
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}

.location .form-field {
  background: #b9c3c8;
}


.location .form-field input::-webkit-input-placeholder {
  color: #46505a;
  font-size: 14px;
  font-family: "Open Sans", "Verdana";

}
.location .form-field input::-moz-placeholder {
  color: #46505a;
  font-size: 14px;
  font-family: "Open Sans", "Verdana";

}
.location .form-field input:-moz-placeholder {
  color: #46505a;
  font-size: 14px;
  font-family: "Open Sans", "Verdana";

}
.location .form-field input::-ms-input-placeholder {
  color: #46505a;
  font-size: 14px;
  font-family: "Open Sans", "Verdana";

}
.location .form-field input:-input-placeholder {
  color: #46505a;
  font-size: 14px;
  font-family: "Open Sans", "Verdana";
}

.location .form-field.nobg,
.finalize-body .left .finalize-form .form-field.nobg {
  background-color: transparent;
  margin: 0 0 10px;
  padding: 0;
}



.location .form-field .label-left,
.finalize-body .left .finalize-form .form-field .label-left {
  width: 70%;
  float: left;
  color: #aaaaaa;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 0px;
    line-height: 11px;
    padding: 0 10px 0 0;

}

.location .form-field .label-left {
  width: 62%;
}

.location .form-field .label-left {
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Open Sans", "Verdana";
  color: #555d67;
  line-height: 16px;
}

.location .form-field .dropdown-right,
.finalize-body .left .finalize-form .form-field .dropdown-right {
  width: 26%;
  float: right;
  text-align: right;
}

.location .form-field .dropdown-right {
  width: 38%;
}

.location .form-field .dropdown-right select,
.finalize-body .left .finalize-form .form-field .dropdown-right select {
  width: 100%;
}

.location .form-field .darkbg,
.finalize-body .left .finalize-form .form-field.darkbg {
  padding: 0;
  height: 80px;
}

.finalize-body .left .finalize-form .form-field.darkbg textarea {
  width: 100%;
  background-color: #f5f6f7;
  border: 0;
  border-bottom: 1px solid #565a5c;
  color: #565a5c;
  font-weight: normal;
  padding: 10px;
  line-height: 14px;
  min-height: 80px;
}

.finalize-body .left .finalize-form .buttons-area {
  margin-top: 30px;
  height: 40px;
  text-align: center;
  color: #b9c3c8;
  margin-bottom: 30px;
}

.finalize-body .left .finalize-form .buttons-area p {
  font-size: 11px;
  display: block;
  margin-bottom: 30px;
  margin-top: 10px;
}
.finalize-body .left .finalize-form .buttons-area .send-button{
  height: 25px;
  line-height: 25px;
  margin: 20px 0 15px 0;
  padding: 5px 20px 5px;
  background: #46505a;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  font-family: "Open Sans","Verdana Regular","Verdana",  sans-serif;
}

.finalize-body .left .finalize-form .form-field .dropdown-right .fields-select {
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  background: #f5f6f7 url(../../images/dropdown-arrow.png) center right no-repeat;
  border: 1px solid #f5f6f7;
  float: right;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;

}

.finalize-body .left .finalize-form .form-field .dropdown-right .fields-select:hover {
  border: 1px solid #c9d1d5;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.finalize-body .left .finalize-form .form-field .dropdown-right .fields-select select {
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0 25px 0 5px;
  background: none;
  color: #46505a;
  font-size: 11px;
  font-weight: 300;
  text-align: right;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  float: right;
  text-align: right;
  direction: rtl;
}


.location .form-field input,
.finalize-body .left .finalize-form .form-field input {
  width: 90%;
  height: 25px;
  line-height: 25px;
  margin: 0 10px 0 0;
  padding: 0;
  background: none;
  border: none;
  color: #46505a;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}

.location .form-field input {
  font-size: 14px;
  font-weighy: 600;
}

.location .form-field span,
.finalize-body .left .finalize-form .form-field span,
.specifications-body .left .specifications-form .form-field span {
  width: 60px;
  height: 25px;
  line-height: 20px;
  margin: 0 0 0 10px;
  padding: 0;
  background: #f5f6f7;
  color: #46505a;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}
.specifications-body .left .specifications-form .form-field span {
  width: 110px;
}

.specifications-body .left .specifications-form .form-field input {
  width: 278px;
  height: 25px;
  line-height: 25px;
  margin: 0 10px 0 0;
  padding: 0;
  background: none;
  border: none;
  color: #46505a;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}
.specifications-body .left .specifications-form .form-field input {
  width: 140px;
  margin: 0;
}
.specifications-body .left .specifications-form .form-field-cc {
  width: 127.5px;
  height: 20px;
  margin: 0 0 10px 0;
  line-height: 20px;
  background: #f5f6f7;
  color: #46505a;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
}
.specifications-body .left .specifications-form .year {
  margin-left: 5px;
}
.specifications-body .left .specifications-form .form-field-cc p {
  width: 50px;
  height: 20px;
  line-height: 20px;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
}
.specifications-body .left .specifications-form .form-field-cc .cc-details {
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  background: #f5f6f7 url("../../images/dropdown-arrow.png") center right no-repeat;
  float: right;
}
.specifications-body .left .specifications-form .form-field-cc .cc-details select {
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0 28px 0 10px;
  background: none;
  color: #46505a;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
  border: none;
  -webkit-appearance: none;
  outline: none;
  float: right;
}
.specifications-body .left .specifications-form .form-field-cvv2 {
  width: 100px;
}
.specifications-body .left .specifications-form .form-field-cvv2 span {
  width: 40px;
}
.specifications-body .left .specifications-form .form-field-cvv2 input {
  width: 50px;
  margin: 0px;
}

.finalize-body .left .finalize-form .checkbox {
  display: inline;
  margin-right: 10px;
}

.finalize-body .left .finalize-form .accept,
.specifications-body .left .specifications-form .accept {
  width: 100%;
  margin: 0;
  font-size: 10px;
  float: left;
  clear: both;
}
.specifications-body .left .specifications-form .cvv2 {
  height: 20px;
  line-height: 20px;
  margin: 0 0 0 10px;
  padding: 0;
  color: #b9c3c8;
  font-size: 10px;
  font-weight: 300;
  text-decoration: underline;
  font-style: italic;
  cursor: pointer;
  float: left;
}
.finalize-body .left .finalize-form .accept .checkbox .check,
.specifications-body .left .specifications-form .accept .checkbox .check {
  width: 12px;
  height: 11px;
  margin: 2px 5px 0 0;
  background: url("../../images/sprite.png");
  background-position: -12px -47px;
  cursor: pointer;
  float: left;
}
.finalize-body .left .finalize-form .accept .checkbox .checked,
.specifications-body .left .specifications-form .accept .checkbox .checked {
  background-position: 0 -47px;
}
.finalize-body .left .finalize-form .accept .terms,
.specifications-body .left .specifications-form .accept .terms {
  color: #46505a;
  text-decoration: underline;
  cursor: pointer;
}

.specifications-body .left .specifications-form .send-button {
  height: 25px;
  line-height: 25px;
  margin: 20px 0 15px 0;
  padding: 0 20px;
  background: #46505a;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  float: left;
  clear: both;
  font-family: "Open Sans","Verdana Regular","Verdana",  sans-serif;
}
.finalize-body .left .finalize-form .send-button .chevron,
.specifications-body .left .specifications-form .send-button .chevron {
  margin: -3px 0 0 5px;
}
.specifications-body .left .specifications-form .total {
  margin: 10px 0 0 0;
  font-size: 11px;
  text-transform: uppercase;
  float: left;
}
.specifications-body .left .specifications-form .total span {
  margin-left: 5px;
  font-weight: 700;
}
.finalize-body .right .preview,
.specifications-body .right .preview {
  width: 250px;
  height: 350px;
  margin-left: 10px;

  float: left;
}

.finalize-body .right .preview img {
  height: 340px;
  border: 4px solid rgba(185, 195, 200, 0.24);
}

/*RESUME MODAL*/

#resume .error {
  display: none;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#resume{
  width:480px;
  float:left;
}

#resume .title {
	padding: 40px 20px 40px 20px;
}

.resume-form{
  width:520px;
  margin:40px 30px 10px 30px;
  float:left;
}


.modal .title{
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  width:100%;
  height:30px;
  line-height:30px;
  margin:20px 0 10px 0;
  padding:0;
  color:#46505a;
  font-size:24px;
  font-weight:300;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
}
.modal .sub-title{
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  width:100%;
  line-height:20px;
  margin:0 10px 5px 0;
  padding:0;
  color:#46505a;
  font-size:11px;
  font-weight:700;
  text-align:left;
  clear:both;
}


.modal-finalize .title_pdf{
width: 50%;
    float: left;
    text-align: left;
    font-size: 30px;
    padding-top: 10px;
    margin-left: 10%;

}

.modal-finalize .drop {
  width: 30%;
  float: left;
}

.modal-finalize .drop .img {
  width: 100%;
}


.resume-row{
  width:100%;
  margin:0 0 5px 0;
  float:left;
}
.resume-row .info{
  line-height:20px;
  margin:0 10px 0 0;
  padding:0;
  color:#46505a;
  font-size:11px;
  font-weight:400;
  float:left;
}
.resume-row .checkbox{
  line-height:20px;
  margin:0 15px 0 0;
  padding:0;
  color:#46505a;
  font-size:11px;
  font-weight:400;
  text-align:left;
  text-decoration:none;
  float:left;
  cursor:pointer;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -ms-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
}
.resume-row .checkbox .check{
  width:11px;
  height:11px;
  margin:5px 5px 0 0;
  background:url("../../images/sprite.png");
  background-position:-12px -61px;
  float:left;
}
.resume-row .checkbox .checked {
  background-position:-23px -61px;
}
.resume-row .zip-code{
  width:60px;
  height:20px;
  line-height:30px;
  margin:0 0 0 10px;
  padding:0 5px;
  border:1px solid #b9c3c8;
  color:#46505a;
  font-size:11px;
  font-weight:200;
  text-align:center;
  float:left;
}
.resume-row .divider{
  height:30px;
  line-height:30px;
  margin:0 2px;
  color:#b9c3c8;
  font-size:20px;
  font-weight:300;
  float:left;
}
.resume-row .extension{
  width:40px;
  margin-left:0;
}

.resume-row .local{
  width:130px;
  margin-left:0;
}


#resume .resume-bottom{
  width:100%;
  margin:0;
  padding: 10px 30px 50px 30px;
  /*background:#f5f6f7;*/
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  float:left;
  clear:both;
}
#resume .resume-bottom .title{
  width:100%;
  height:30px;
  line-height:30px;
  margin:0 0 0 10px;
  padding:0;
  color:#46505a;
  font-size:20px;
  font-weight:200;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:1px;
  float:none;
}

#resume .resume-bottom .panel-heading  .panel-title .label-title ,
#resume .resume-bottom .panel-heading  .panel-title .label-price,
#resume .resume-bottom .panel-heading  .panel-title .label-arrow {
  float: left;
}

#resume .resume-bottom .panel-heading  .panel-title .label-title {
    width: 300px;
}

#resume .resume-bottom .panel-heading  .panel-title .label-price {
    width: 90px;
    text-align: right;

}

#resume .resume-bottom .panel-heading  .panel-title .label-arrow {
    width: 20px;
    text-align: right;
    height: 40px;
    vertical-align: middle;
    padding-top: 5px;

}

#resume .resume-bottom .panel-heading  .panel-title . i {
  font-size: 20px;
  line-height: 20px;
  padding-top: 4px;
}

#resume .resume-bottom .panel-heading  .panel-title .clearleft {
  clear: left;
}

.clearleft {
  clear: left;
}


.finalize-body .left .finalize-form .label {
  color: #8a949e;
  font-size: 11px;
  text-align: left;
  opacity: 0.7;
  font-weight: normal;
  font-style: italic;
}

#resume .resume-bottom .panel.active .panel-title .fa-chevron-circle-down:before {
  content: "\f139";
}

#resume .resume-bottom .panel-group,
#resume .resume-info-wrapper{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;

}

#resume .totalprice {
  color: rgba(70,80,90,1);
  background-color: #b9c3c8;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;

  margin-top: 5px;
  font-family: "Open Sans", "Verdana";

}

#resume .totalprice .label-title {
    width: 291px;
    float: left;
}

#resume .totalprice .label-price {
    width: 95px;
    float: left;
    text-align: right;
}

#resume .panel {
  margin-bottom: -5px;
  border-radius: 0;
  border: 0;
  border-top: 1px solid #b9c3c8;
  /* border-bottom: 1px solid #b9c3c8; */
  box-shadow: none;
}

#resume .resume-bottom  .panel .panel-title a {
  text-decoration: none;
}

#resume .resume-bottom  .panel.active .panel-title,
#resume .resume-bottom  .panel .panel-title:hover  {
}

#resume .resume-bottom .panel-group .panel-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 5px;
  /*background: rgba(255,255,255,1);*/
  color: #46505a;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  font-family: "Open Sans", "Verdana";
}

#resume .resume-bottom .panel-group .panel-body {
  padding: 0;
}

#resume .resume-bottom .panel-group .panel-estaleiro {
  padding: 10px;
  font-size: 11px;
  color: #46505a;
  line-height: 15px;
  background-color: #f5f6f7;
}
#resume .resume-bottom .panel-group .panel-title p span {
  margin-left: 10px;
  font-weight: 600;
}

#resume .resume-bottom .panel-group .panel-default>.panel-heading {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;

}

#resume .resume-info-wrapper .resume-info-row{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  border-bottom:1px solid rgba(70,80,90,1);
  float:left;
  clear:both;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: "Open Sans", "Verdana";
}

#resume .resume-info-wrapper .resume-info-row::-webkit-scrollbar {
  width: 12px;
}

#resume .resume-info-wrapper .resume-info-row::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}

#resume .resume-info-wrapper .resume-info-row::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#resume .resume-info-wrapper .resume-info-row:last-child{
  border-bottom:none;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link{
  width:100%;
  height:30px;
  line-height:30px;
  margin:0;
  padding:0 10px;
  background:rgba(255,255,255,1);
  color:#46505a;
  font-size:14px;
  font-weight:300;
  text-align:left;
  text-transform:uppercase;
  float:left;
  cursor:pointer;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -ms-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link:hover{
  background:rgba(70,80,90,1);
  color:#fff;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
}
#resume .resume-info-wrapper .resume-info-row .selected{
  background:rgba(70,80,90,1);
  color:#fff;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link-other{
  background:rgba(185,195,200,1)!important;
  font-weight:600;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link-other:hover{
  background:rgba(70,80,90,1)!important;
  color:#fff;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link p span{
  margin-left:10px;
  font-weight:600;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link p{
  display:block;
  float:left;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link .chevron{
  margin-top:9px;
  float:right;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-link:hover .chevron{
  background-position-y:0;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details{

}

#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room{
  float:left;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .title{
  width:100%;
  height:30px;
  line-height:30px;
  margin:0;
  padding:0 10px 0 5px;
  background:rgba(245,246,247,1);
  color:#46505a;
  font-size:14px;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:0;
  float:left;
  clear:both;

}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .title p, #resume .resume-info-row .resume-info-details .resume-info-room .title span{
  margin:0;
  padding:0;
  float:left;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .title span{
  float:right;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details{
  width:100%;
  float:left;
  clear:both;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .photo{
  width:100px;
  height:100px;
  margin:10px 10px 10px 5px;

  float:left;
}

#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .photo img {
  width: 100%;
  height: auto;
}

#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper{
  width:290px;
  height:auto;
  min-height:0;
  margin:10px 0 0 0;
  float:left;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif
}


#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .title,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .tile-option
{
  width:100%;
  height:auto;
  line-height:15px;
  margin:0 0 5px 0;
  padding:0;
  background:#fff;
  color: #46505a;
  font-size:11px;
  font-weight:300;
  float: none;
  font-family: "Verdana Regular","Verdana", "Open Sans", sans-serif;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .title p{
  width:100%;
  font-weight:500;
  float:none;
  clear:both;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .title span{
  width:100%;
  text-transform:lowercase;
  float:left;
  clear:both;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .brand,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .quantity,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .price{
  width:100%;
  height:15px;
  line-height:15px;
  margin:0 0 5px 0;
  padding:0;
  color: #46505a;
  font-size:11px;
  font-weight:300;
  text-transform:uppercase;
  float:left;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .brand p,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .quantity p,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .price p{

  min-width: 50px;
  margin-right: 10px;
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  float: left;
  margin-bottom: 2px;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .brand span,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .quantity span,
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .price span{
  line-height:15px;
  margin:0 0 0 5px;
  padding:0;
  text-transform:lowercase;
  float:left;
}
#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .brand span{
  text-transform:uppercase;
}
#resume .resume-info-wrapper .resume-info-row .total{
  width:100%;
  background:rgba(70,80,90,1);
  color:#fff;
  font-weight:600;
  cursor:inherit;
  float:left;
}
#resume .resume-info-wrapper .resume-info-row .contentWrapper {
  min-height: 45px;
}

#resume .resume-info-wrapper .resume-info-row .total p{
  margin-right:10px;
  float:left;
}
#resume .resume-index,
#resume .resume-buttons{
  width:100%;
  float:left;
}
#resume .resume-index p{
  height:20px;
  line-height:20px;
  margin: 5px 0 20px 0px;
  font-size:10px;
  text-transform:uppercase;
}
#resume .resume-index span{
  width: 100%;
  line-height: 11px;
  font-size: 11px;
  /* float: left; */
  clear: both;
  padding: 0;
  display: block;
}
#resume .resume-buttons-wrapper{
  width: 100%;

  margin:35px auto 10px auto;
  float:none;
}

#resume .loading {
  display: block;
  clear: both;
  margin-top: 30px;
  display: none;
}

#resume .resume-buttons-wrapper .change {
	margin-right: 1%;
}

#resume .resume-buttons-wrapper .finalize{
	margin-left: 1%;
}

#resume .resume-buttons-wrapper .change,
#resume .resume-buttons-wrapper .finalize{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #46505a;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
  width:49%;
    float:left;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
}
#resume .resume-buttons-wrapper .chevron{
  margin:-3px 5px 0 5px;
}
#resume .resume-buttons-wrapper .finalize{
  margin-right:0;
}

.payment-modal .finalize-body .left {
  float: left;
  width: 55%;
}

.payment-modal .finalize-body .left .title {
  width: 100%;
  height: 355px;
  line-height: 15px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #46505a;
  font-size: 11px;
  /* font-weight: 600; */
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  float: left;
  font-weight: 300;
}

.payment-modal .finalize-body .send-button {
  height: 40px;
  line-height: 10px;
  margin: 20px 0 15px 30%;
  padding: 15px;
  background: #46505a;
  color: #fff;
  font-size: 12px;
  font-weight: 400px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  float: left;
  clear: both;
  font-family: "Open Sans","Verdana Regular","Verdana", sans-serif;
}

.payment-modal .finalize-header .congrats {
  line-height: 26px;
}

.payment-modal .finalize-header i {
  font-size: 8px;
  display: block;
  margin-top: -10px;
}

.payment-modal .first-row {
  font-weight: 600;
}

.payment-modal .finalize-body .left .finalize-form .title p {
  margin-bottom: 15px;
}

.payment-modal .finalize-body .left .finalize-form .line-title {
  color: #46505a;
  font-size: 11px;
  font-weight: 600;
}

.payment-modal .finalize-body .left .finalize-form .price-title {
  color: #46505a;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
  height: auto;
  clear: left;
  display: block;
}

.payment-modal .finalize-body .left .finalize-form .icoMb {
  width: 120px;
  height: auto;
}

.payment-modal .finalize-body .left .finalize-form .icoPaypal {
  width: 100px;
  height: auto;
}


.payment-modal .finalize-body .left .finalize-form .pricetag {
  color: #46505a;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 22px;
  height: auto;
  clear: left;
  display: block;
}

.payment-modal .finalize-body .right .list {
  margin-top: 82px;
  padding-left: 20px;
  font-size: 11px;
  line-height: 1.42857143;
  color: #46505a;
  float: left;
  font-weight: 300;
}

.payment-modal .finalize-body .right .list ul {
  padding: 4px 10px;
}


.payment-modal label {
  margin-right: 12px;
}


.payment-modal .finalize-body .left .finalize-form .form-field input {
  width: 278px;
}


.finalize-body .left .finalize-form .form-field.cp01 {
  float: left;
  width: 25%;
}

.finalize-body .left .finalize-form .form-field.cp01 input {
  width: auto;
}

.finalize-body .left .finalize-form .form-field.cp02 {
  float: left;
  margin-left: 5%;
  width: 15%;

}

.finalize-body .left .finalize-form .form-field.cp02 input {
  width: auto;
}

.finalize-body .left .finalize-form .form-field.cp03 {
  float: left;
  margin-left: 5%;
  width: 50%;
}

.finalize-body .left .finalize-form .form-field.cp03 input {
  width: auto;
}

.payment-modal .finalize-body .right .list ul li {
  margin-bottom: 10px;
}

.modal-content-payment {
  width: 480px;
  padding: 30px 0 30px 0;
}

.modal.modal-select-section {
  width: 580px;
  padding: 30px;
}

.modal.modal-select-section .subtitle {
  text-align: center;
  margin-bottom:  20px;
}

.modal.modal-select-section .room {
  text-align: center;
  color: #46505a;
  font-size: 12px;
  margin-bottom:  20px;
  padding: 10px;
}

.modal.modal-select-section .room:hover {
  background-color: #f5f6f7;
}

.modal.modal-select-section .room span {
  background-color: #46505a;
  color: white;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;

}

.modal.modal-select-section .room a {
  color: #46505a;
}

.modal.modal-select-section .room a:hover {
  text-decoration: none;
}


.modal-content-payment .title {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  float: none;
  height: auto;
  font-size: 26px;
  font-weight: 600;
}

.modal-content-payment .paymentDetails {
  width: 100%;
  margin: 0;
  padding: 25px;
  background-color: #f5f6f7;
  height: 150px;
  font-size: 12px;

}

.modal-content-payment .icon {
  width: 21%;
  float: left;
}

.modal-content-payment .paymentText {
  width: 77%;
  float: left;
  padding-left: 20px;
}

.modal-content-payment .paymentText span {
  font-weight: 700;
  text-transform: uppercase;
}

.modal-content-payment  .summary {
  width: 100%;
  float: none;
  clear: both;
  padding: 25px;
  font-size: 11px;
  text-align: justify;
}

.modal-content-payment .success-nopayment {
  font-size: 12px;
  text-align: center;
}



#simulationSent .continue-button {
  height: 30px;
  line-height: 30px;
  margin: 0 3% 0 0;
  padding: 0 5px;
  background: #46505a;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  float: none;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 155px;
  margin-top: 60px;
  margin-bottom: 30px;
}

#simulationSent   {
  text-align: center;
  font-size: 16px;
  padding: 50px 40px 40px 40px;
}

#simulationSent .paymentText  {
  float: none;
  width: 100%;
}

#simulationSent h3 {
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  float: none;
  height: auto;
  font-size: 18px;
  font-weight: 600;
  color: #46505a;
  text-transform: uppercase;
  margin-top: 60px;
}

#simulationSent .teaser{
  font-size: 15px;
  color: #46505a;
  margin-top: 22px;
}

#simulationSent .paymentDetails {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-size: 12px;
  height: auto;
}

#simulationSent .titlerow {
  font-size: 18px;
  font-family: "Open Sans", "Verdana";
  text-transform: uppercase;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 25px;
  margin-topm: 25px;

  text-align: left
}

#simulationSent .row {
  color: #555d67;
}

#simulationSent .row .check {
  color: #555d67;
  cursor: pointer;
}

#simulationSent .row .check .labeld {
  text-align: left;
}

#simulationSent .row .checked .fa-circle-o:before {
  content: "\f058";
}

.delete-room {
  width: 100%;
}
.delete-room .add-room {
  float: none !important;
  text-align: center;
}

.delete-room .sub-title {
  text-align: center;
  padding: 10px;
}


.modalEntry {
  padding: 0 40px 70px 40px;
  color: #555d67;
}

.modalEntry .title {
  margin-top: 55px;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 30px;
  margin-bottom: 5px;
  height: auto;
}

.modalEntry .logo {
  text-align: center;
  margin-bottom: 40px;
}

.modalEntry .location .title {
  font-size: 16px;
  font-family: "Open Sans", "Verdana";
  text-transform: uppercase;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 15px;
  text-align: left;
  margin-top: 25px;
}

.modalEntry  .titlerow {
  font-size: 18px;
  font-family: "Open Sans", "Verdana";
  text-transform: uppercase;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 25px;
}

.modalEntry .row.location {
  padding: 0 15px;
}

.modalEntry .row {
  color: #555d67;
}

.modalEntry .row i {
  font-size: 18px;

}

.modalEntry .row .labeld {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Open Sans", "Verdana";

}

.lowercase {
  text-transform: lowercase;
}

.modalEntry .checkbox .row .labeld {
  margin-top: -3px;
}

.modalEntry .row .check {
  color: #555d67;
  cursor: pointer;
}

.modalEntry .row .checked .fa-circle-o:before {
  content: "\f058";
}

.modalEntry .fields-select {
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  background: #b9c3c8 url(../../images/dropdown-arrow-v2.png) center right no-repeat;
  border: 1px solid #b9c3c8;
  float: right;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background-size: 11px;
  background-position-x: 90%;

}

.modalEntry .location .fields-select {
  background-position-x: 95%;
}

.modalEntry .fields-select select {
  height: 25px;
  line-height: 20px;
  margin: 0;
  padding: 0 25px 1px 5px;
  background: none;
  color: #46505a;
  font-size: 17px;
  font-weight: 300;
  text-align: right;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  float: right;
  text-align: right;
  direction: rtl;
  font-family: "Open Sans", "Verdana";
  font-weight: 600 !important;
}

.modalEntry .field-right input {
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin: -2px 0;
  padding: 0 25px 0 0;
  background: #b9c3c8;
  border: 1px solid #b9c3c8;

  color: #46505a;
  font-size: 17px;
  font-weight: 200;
  text-transform: uppercase;
  text-align: right;
  direction: rtl;
  font-family: "Open Sans", "Verdana";
  font-weight: 600 !important;

}

.modalEntry .button-container {
  display: block;
  clear: both;
  width: 100%;
  height: 30px;
  margin-top: 70px;
  text-align: center;
}

.modalChoose .button-container {
  margin-top: 10px;
}

.modalEntry .button-container .button {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #46505a;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  width: 140px;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  display: block;
}

.modalEntry input.error,
.modalEntry .field-right input.error {
  border: rgba(255, 0, 0, 0.45) !important;
  background: rgba(255, 0, 0, 0.45) !important;
  color: #fff !important;
}

.modalChoose .button-container .button {
  width: 170px;
}

.modalEntry .button-container .button div {
  text-align: right;
  float: right;
  margin-top: 8px;
}

.modalEntry p.mandatorySentence {
  width: 100%;
  text-align: center;
  clear: both;
  margin-top: 30px;
  display: block;
  font-style: italic;
  font-size: 11px;
}


.modalNextStep {

}

.modalNextStep .buttonsArea {
  margin-top: 50px;
}

.modalNextStep .buttonChoice:first-child {
  margin-right: 10%;
}

.modalNextStep .buttonChoice {
  background-color: #46505a;
  color: #fff;
  padding: 67px 10px;
  width: 45%;
  height: 175px !important;
  text-transform: uppercase;
  margin-top: 5px;
  height: auto;
  font-size: 16px;
  font-family: "Open Sans", "Verdana";
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.modalNextStep .buttonChoice:hover {
  text-decoration: none;
}


.modalNextStep .clear {
  clear: both;
}


#autofill .autofill .autofill-button-container .button {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #46505a;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  width: 140px;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 195px;
  display: block;
}

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  /*
	#autofill{
		width:750px!important;v
		padding:70px;
	}
	*/
}
@media screen and (max-width: 768px) {
  /*
	#overview{
		width:750px!important;
		max-height:1000px;
		overflow-y:scroll;
		padding:30px 0 0 0;
	}
*/
}
@media screen and (max-width: 991px) {
  /*
	#autofill{
		width:450px!important;
		padding:70px 30px 30px 30px;
	}
*/
  #autofill .autofill .autofill-title,
  #autofill .autofill .autofill-subtitle {
    margin: 20px 0;
    height: auto;
  }

  #autofill .autofill .autofill-fields-container ul {
    width: 100%;
    clear: both;
  }
  #autofill .autofill .autofill-fields-container ul li,
  #autofill .autofill .autofill-fields-container ul:nth-child(2) li {
    width: 100%;
    margin: 0 0 5px 0 !important;
  }
}
/*MOBILE*/
@media screen and (max-width: 481px) {

.header .top-menu .navigation {
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    border-radius: 0 !important;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}

.modalEntry .title {
  font-size: 22px;
}

.modalEntry .titlerow {
  font-size: 16px;
  margin-bottom: 25px;
}

.modalEntry .row .labeld {
  font-size: 14px;
}

.modalEntry {
  padding: 0 20px 15px 20px;
  color: #555d67;
}

.modalEntry .logo {
  margin-bottom: 20px;
}

.modalEntry .fields-select  {

}

.modalEntry .fields-select select {
  font-size: 14px;
}

.modalEntry .button-container {
  margin-top: 40px;
}

.modalEntry .row {
  margin-bottom: 10px;
}

.modalChoose .button-container {
  margin-top: 10px;
}

.modalChoose.modalNextStep {

}

.modalNextStep .buttonChoice {
  padding: 37px 10px;
  height: 130px !important;
}

.modal.modal-autofill {
  padding: 10px;
}

.modalNextStep .buttonsArea {
  margin-top: 30px;
}

#autofill .autofill .autofill-fields-container .autofill-fields-select {
  width: 35%;
}

#autofill .autofill .autofill-fields-container .autofill-fields-title {
  width: 65%;
}

#autofill .autofill .autofill-title {
  margin-top: 40px;
}

.finalize-body .left .content .title.title_row:last-child {
  margin-top: 50px;
}

#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .title {
    padding: 0 18px;
}
#resume .resume-bottom .panel-heading .panel-title .label-title {
    width: 250px;
}

#resume .totalprice .label-title {
    width: 241px;
    float: left;
}

#resume .resume-buttons-wrapper {
    width: 100%;
}

.modal-finalize .title_pdf {

    width: 60%;
    float: left;
    text-align: center;
    font-size: 24px;
    padding-top: 0;
}

.finalize-body .left .finalize-form .form-field input {
    width: 85%;
}

.finalize-body .left .finalize-form .form-field .local {
    width: 55%;
}

.content .main .selected-tile-container {
    width: 100%;
    padding: 0 20px !important;
}

.content .main .main-checkboxes-container .main-checkboxes,
.content .main .selected-tile-container .selected-tile {
    margin: 0;
    padding: 0 !important;
    border-bottom: 1px solid #46505a;
}

.left-menu .menu-nav .menu-commands.printSimulation i {
    width: 15% !important;
}


.finalize-body .left .finalize-form .form-field .label-left {
    width: 60%;
    float: left;
    color: #aaaaaa;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 14px;
}

.finalize-body .left .finalize-form .buttons-area .send-button {
    height: 35px;
    line-height: 25px;
    margin: 20px 0 15px 0;
    padding: 5px 20px 20px;
}

#finalize{
    float: left;
    padding-bottom: 50px;
}

.payment-modal .finalize-body .left {
    width: 100%;
}

.finalize-body .right {
    width: 100%;
}


#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room {
    width: 100%;
    margin-right: 12px;
}

#resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .title
{
	width: 100%;
}

.finalize-body {
    width: 100%;
    padding: 10px;
    float: none;
    margin: 0;
}


#resume .resume-bottom {
    width: 100%;
    margin: 0;
    padding: 20px;
}

  #login {
    padding: 30px;
  }
  #login .login .login-title {
    margin: 40px 0 0 0;
    font-size: 26px;
  }
  #login .login .login-subtitle {
    font-size: 14px;
  }
  #login .login .login-button {
    width: 50%;
  }
  #add-room {
    padding: 30px 20px;
  }
  #add-room .add-room {
    width: 100%;
  }

  #add-room .add-room .add-room-icon-container {
    padding: 0;
  }
  #add-room .add-room .add-room-title {
    margin: 10px 0 10px 0;
    padding: 0;
  }
  #add-room .add-room .add-room-subtitle {
    margin: 10px 0 10px 0;
  }
  #add-room .add-room .field-scroller {
    width: 105%;
    max-height: 22vh;
  }
  #add-room .add-room .field .add-room-field-large {
    width: 95%;
  }
  #add-room .add-room .field .add-room-field {
    width: 29%;
  }

  #add-room .add-room .subfield .add-room-field {
    width: 18%;
  }

  #add-room .add-room .field-button {
    width: 95%;
  }

  #add-room .add-room .field .add-room-number {
    width: 95%;
  }
  #add-room .add-room .field .subfield .add-room-title {
    width: 30%;
  }

  #add-room .add-room .field .add-room-title-field.item {
    width: 95%;
  }

  #add-room .add-room .field .subfield {
    width: 95%;
  }

  #add-room .add-room .field-scroller .field .add-room-button {
    width: 100%;
    float: none;
    margin: 0;
  }
  #add-room .mandatory-fields {
    width: 100%;
  }
  #add-room .smartphone-download {
    width: 320px;
    padding: 15px 20px 20px 40px;
  }
  #add-room .smartphone-download p {
    margin: 0 0 40px 0;
    font-size: 10px;
  }
  #add-room .smartphone-download ul li a {
    padding: 5px 10px;
  }

  .modal.fullsize{
    position: absolute;
    top: 35px !important;
    left: 0 !important;
  
    margin-top: 0 !important;
    margin-left: 0 !important;
    z-index: 2;
    display: block;
    border: 0 !important;
    border-radius: 0 !important;
    height: auto;
  }

  .modal.modal-select-section {
    width: 100%;
  }

  #autofill .autofill .autofill-fields-container .autofill-fields-title {
    font-size: 13px;
  }

  #autofill .autofill .autofill-fields-container .autofill-fields-select select {
    font-size: 13px;
  }
  #overview .overview-container {
    padding: 30px 10px 10px 10px;
    float: left;
  }
  #overview .carousel-container .carousel-title,
  #overview .listing .listing-title {
    font-size: 10px;
  }
  #overview .listing .listing-tile {
    margin-bottom: 20px;
  }
  #overview .listing .listing-tile .listing-img {
    height: 50vw;
  }

  #resume {
    width: 100%;
    float: none;
  }

  .resume-form {
    width: 320px;
  }

  .resume-row textarea {
    width: 300px;
    border: 1px solid #f8f8f8;
  }

  .resume-row .info {
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    color: #46505a;
    font-size: 11px;
    font-weight: 400;
    float: none;
    width: 100%;
  }

  #resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper {
    width: 195px;
    height: auto;
  }

  #resume .resume-info-wrapper .resume-info-row .resume-info-details .resume-info-room .resume-info-room-details .wrapper .brand {
    float: none;
  }

  #resume .resume-buttons-wrapper .change, #resume .resume-buttons-wrapper .finalize {
    width: 100%;
    height: 25px;
    line-height: 15px;
    padding: 10px;
    background: #46505a;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    float: none;
    font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
    display: block;
    height: 37px;
    margin: 0;
    margin-bottom: 10px;

  }

  .modal-finalize, .modal-buyPremium {
    width: 100% !important;
  }

  .finalize-header, .finalize-body, .specifications-header, .specifications-body {
    width: 100%;
    margin: 10px 0px;
    float: none;
  }

  .finalize-body .left, .specifications-body .left {
    width: 100%;
    float: none;
  }

  .finalize-body .right, .specifications-body .right {
    display: none;
  }

  .finalize-body .left .finalize-form .send-button, .specifications-body .left .specifications-form .send-button {
    height: 50px;
    line-height: 25px;
    margin: 20px 0 15px 0;
    padding: 15px;
    background: #46505a;
    color: #fff;
    font-size: 18px;
    font-weight: 400px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    float: left;
    clear: both;
    font-family: "Open Sans","Verdana Regular","Verdana", sans-serif;
    width: 100%;
  }

  .modal-content-payment {
    width: 100%;
    padding: 30px 0 30px 0;
  }

  .modal {
    width: 100%;
  }

  #autofill .autofill .autofill-fields-container {
    width: 100%;
    margin: 10px;
  }

}

/* Client requested hack */
a:active, a:visited, a:focus { outline: none; }


.button-bar {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.recoverpwdForm .button-bar {
  display: none;
}

.button-bar .close-button {
  line-height: 20px;
  margin: 0 auto 20px auto;
  padding: 5px 20px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Open Sans", sans-serif;
}

.button-bar .close-button:hover {
  color: white;
  text-decoration: none;
}

@media only screen and (min-width: 320px) {

  .modal {
    width: 100%;
  }

  .modal .modal.fullscreen {
    width: 90%;
    margin: 0 auto;
    padding: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .modal {
    width: 480px;
  }
}

.simulationOnly .finalize-body .left .title {
  margin-bottom: 25px;
}

.simulationOnly .finalize-body .left .title .first-row {
  margin-bottom: 20px;
}

.simulationOnly .finalize-body .left .finalize-form {
  margin: 5px 0 0 0;
}

.simulationOnly .finalize-body .left  .content {
  margin-top: 45px;
}


.resumeSimulation {
  margin-top: 20px;
}

.changeUserForm {
  margin-top: 20px;
}

.changeUserForm input {
  width: 90%;
  margin-bottom: 10px;
}

.changeUserForm .updateUser-button {
  width: 90%;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  background: #46505a;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: "Open Sans", "Verdana Regular","Verdana", sans-serif;
  display: block;
}

.changeUserForm .error-area {
  display: none;
  background-color: lightyellow;
  color: #000;
}

.changeUserForm .customerror .message , .changeUserForm .customsuccess .message{
  display: inline;
}


.loginDirect {
  border-radius: 10px;
  width: 150px;
  color: white;
  background: #555d67;
  padding: 5px 10px 5px 5px;
  font-size: 11px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;

}

.loginDirect:hover, .loginDirect:visited {
  color: #fff;
}

.loginDirect i {
  margin-right: 10px;
}