/* Basic styles definitions */

@font-face {
  font-family: "system";
  font-style: normal;
  font-weight: 400;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

* {
  margin: 0;
  padding: 0;
  font-family: -apple-system, "system", "Helvetica Neue", "Roboto", "Arial", sans-serif;
}

body {
  font-size: 14px;
  line-height: 20px;
  color: #444;
}

html {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

::placeholder {
  color: #aaa;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa;
}
/*noinspection CssInvalidPseudoSelector*/
::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa;
}

#wrapper {
  display: table-cell;
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3;
}
#content {
  height: 100%;
  width: 100%;
  min-height: 100px;
  margin: 20px auto;
}
#footer {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 10px;
  opacity: 0.6;
}
.penumbra {
  background: rgba(109, 190, 219, 0.45);
}
.background_layer, #background_layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}
.container-compact {
  max-width: 450px;
  min-height: 50px;
  position: relative;
  margin: 0 auto;
  padding: 10px 10px 0;
}
.padded {
  margin-bottom: 15px;
}
.white,.text-white {
  color: #fff;
}
.text-red {
  color: #d9534f;
}
.text-yellow {
  color: #f0ad4e;
}

a {
  color: #fff;
  text-decoration: none;
}
a:active,a:hover,a:focus  {
  color: #fff;
  text-decoration: underline;
}
table th {
  text-align: center;
}
ol, ul {
  padding-left: 15px;
}
.alert a,a:active,a:hover,a:focus {
  color: #444;
}
.panel-body {
  color: #444;
}

.btn-en-yellow {
  background: linear-gradient(to bottom, #fcdc43 0%, #f4cb3f 20%, #e4a612 100%);
  border-color: #eea236;
  color: #444;
  text-shadow: #f6d689 1px 1px 1px;
}

.btn-en-yellow:hover {
  background: linear-gradient(to bottom, #fcc541 0%, #f0bb3e 20%, #cc9511 100%);
  color: #000;
}

.enter_form {
  padding-top: 10px;
}
.enter_form table {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.enter_form table td {
  text-align: left;
}
.enter_form table td input {
  color: #444;
  background: #fff;
  border: 1px solid #d6d3d3;
  border-radius: 4px;
}
.enter_form table td label {
  padding-left: 1%;
  font-weight: 500;
}
.enter_form table td.padded {
  padding-bottom: 15px;
}
input:read-only, input[readonly], input[readonly="readonly"] {
  background: #eef1f2;
  border: 1px solid #d3d3d3;
  color: #cecece;
}
input:disabled {
  background: #eef1f2;
  border: 1px solid #d3d3d3;
  color: #000;
}
input#id_phonenum {
  font-size: 24px;
  text-align: center;
  width: 300px;
  float: left;
}
input#id_smscode {
  width: 300px;
  font-size: 24px;
  float: left;
  text-align: center;
}
input#id_en_login {
  font-size: 24px;
  width: 300px;
  float: left;
}
input#id_en_passwd {
  width: 192px;
  font-size: 24px;
  float: left;
}
#id_td_smscode {
  width: 300px;
}
#id_td_enpasswd {
  width: 200px;
}
#enlogin_submit_button {
  width: 100%;
  height: 32px;
}
#smssend_submit_button {
  width: 100%;
}

.carousel-content {
  margin-top: 15px;
}
.carousel-control {
  height: 40px;
  width: 40px;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 20px;
  margin-top: 235px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  position: relative;
  width: 20px;
  height: 20px;
  font-size: 20px;
  top: 20%;
  left: auto;
  right: auto;
  margin: auto;
}
.yandex-map-wrapper {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}