/*-----------------------*/
/* 1. App CSS stylesheet */
/* 2. Login View         */
/*-----------------------*/


/* 1. app css stylesheet */
html, body {
  height: 100%;
}
div {
  word-wrap: break-word;
}
.page-wrapper {
  min-height: 100%;
  margin-bottom: -131px;
}
.main-wrapper {
  margin-bottom: 20px;
}

.content{ margin: 30px 0; }

.logo {
  /*float: left;*/
  margin-top: 20px;
}
a {
  color: #337596;
  text-decoration: none;
}

@media (max-width: 479px) {
  .col-xs-8, .col-xs-4 { width: 100%; }

  div.header-right-row.col-xs-4 { margin-top: 15px; }

}


i.t-yellow-arrow, div.t-yellow-arrow {
    display: inline;
    background: url('../images/t-yellow-arrow.gif') no-repeat;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.header-right-row.col-lg-4, .header-right-row.col-md-4, .header-right-row.col-sm-4, .header-right-row.col-xs-4 {
  text-align: right;
}
div.header-right-row ul {
  list-style-type: none;
  display: inline-block;
  float: right;
}
.locale-changer {
  margin-top: 10px;
  list-style: none;
}

.locale-changer span.lang-active {
    cursor: auto;
    color: #000;
    text-decoration: none;
}
.locale-changer span.lang-not-active {
    cursor: pointer;
    color: #337596;
    text-decoration: none;
}

div.header-right-row ul li {
  float: left;
  padding-left: 10px;
}
div.i-link {
  line-height: 15px;
  margin-bottom: 20px;
}
div.header-right-row div.i-link {
  font-family: "PT Sans" , Arial;
  font-size: 10pt;
  padding-top: 20px;
  display: inline;
  float: right;
  clear: right;
}

.buffer {
  height: 131px;
}
.footer, .push {
  /*height: 9em;*/
}
.footer.container .row:first-of-type { margin: 00px 0; }
.footer.container .row:last-of-type { padding-top: 00px; border-top: 0px solid #ddd }

.navbar, .dropdown-menu { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.modal-show { display: block !important; }
#myModal { display: none; }

.modal-header h3 { margin: 0; }

/* 2. Login View */
/*    --------------------------------------------------
	:: Login Section
	-------------------------------------------------- */
#login {
  height: 315px;
  margin-top: 0;
  /*top: 50%;
  position: absolute;*/
  width: auto;
}
#login > .container { margin-top: -309px; }
#login .form-wrap {
  /*width: 30%;*/
  margin: 0 auto;
}

@media (max-width: 767px) {
  #login { margin-top: 0; }
  #login > .container { margin-top: 0; }
}

@media (max-width: 479px) {
  #form-wrap.col-xs-6 { width: 90%; }
  #form-wrap.col-xs-offset-3 { margin-left: 5%; }
}

#login h1 {
  color: #1fa67b;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 20px;
}
#login .form-group {
  margin-bottom: 25px;
}
#login .checkbox {
  margin-bottom: 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#login .checkbox.show:before {
  content: '\e013';
  color: #1fa67b;
  font-size: 17px;
  margin: 1px 0 0 3px;
  position: absolute;
  pointer-events: none;
  font-family: 'Glyphicons Halflings';
}
#login .checkbox .character-checkbox {
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #ccc;
  vertical-align: middle;
  display: inline-block;
}
#login .checkbox .label {
  color: #6d6d6d;
  font-size: 13px;
  font-weight: normal;
}
#login .btn.btn-custom {
  font-size: 14px;
  margin-bottom: 20px;
}
#login .forget {
  font-size: 13px;
  text-align: center;
  display: inline-block;
}

#user_reg_form_wrapper {
    margin-top: 10%;
}

#forget_pass_form { margin: 10px 20px; }

@media (max-width: 767px) {
  #login { margin-top: 0; }
  #login > .container { margin-top: 0; }
  #user_reg_form_wrapper { margin: 0; }
}

@media (max-width: 479px) {
  #form-wrap.col-xs-6 { width: 90%; }
  #form-wrap.col-xs-offset-3 { margin-left: 5%; }
}

@media (min-width: 1200px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}

.goto_promo {
    background-image: url('../images/t-yellow-arrow.gif');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 25px;
}

/*    --------------------------------------------------
	:: Inputs & Buttons
	-------------------------------------------------- */
.form-control {
  color: #212121;
}
.btn-custom {
  color: #fff;
  background-color: #1fa67b;
}
.btn-custom:hover,
.btn-custom:focus {
  color: #fff;
}

/*  ----------------------------------------------------
    :: Профиль
    --------------------------------------------------- */
.panel-body {
    padding: 25px 15px;
}
.wizard { margin-bottom: 40px; }
.wizard a { padding: 10px 15px; cursor: pointer; display: inline-block; }
.wizard a.active, .wizard a.active:focus, .wizard a.active:hover {
  color: #ffffff;
  background-color: #ff9c00;
}

/* ---- To Do List ---- */
#tdl li.disable {
  text-decoration: line-through;
}

/* ---- / To Do List ---- */

/* ---- Profile Edit ---- */
#profile_edit_form {
  width: auto;
  margin: 30px auto 20px;
}

.captcha { float: left; margin-top: 7px; }
.captcha p {
  display: inline;
  width: 20px;
  padding: 20px;
}
.captcha_result {
  margin-left: 10px;
  margin-bottom: 20px;
  float: left;
}

.inline-link {
  margin-top: 7px;
  display: inline-block;
}
/* ---- / Profile Edit ---- */

/* ---- Company ---- */
#CompanyTabs { margin: 30px auto 20px; }

#joincompany_container { margin: 20px; }

#company_reg_form { margin: 20px; }

.control-group { margin-bottom: 10px; }

.ui-autocomplete {
    max-height: 150px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

#company_list {
  overflow-y: auto;
  height: 50px;
  max-height: 300px;
  border: solid 1px #dedede;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 10px;
  min-height: 50px;
  height: auto;
}
#company_list .group-info {
  background-color: #fafafa;
  border: solid 1px #efefef;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
}

.help-block { font-size: 12px; }
label.checkbox-inline { padding-bottom: 10px; }

.progress { margin-top: 10px; }

/* ---- / Company ---- */

/* ---- Projects ---- */

#projects thead th { text-align: center; font-weight: 700; vertical-align: middle; }
.per-page { margin: 10px 0; }
.per-page span { cursor: pointer; text-decoration: underline; color: #337596; }
.per-page span.active { cursor: auto; text-decoration: none; color: #000; }
.projects-label {margin-top: 10px}
/* ---- /Projects ----*/

/* ---- Recovery Password ---- */

#recovery_pass { width: 90%; margin: 30% auto 0; }
#recovery_pass form { margin: 0 auto; width: auto; }

/* ---- /Recovery Password ---- */

/*    --------------------------------------------------
    :: Footer
	-------------------------------------------------- */
#footer {
  color: #6d6d6d;
  font-size: 12px;
  text-align: center;
}
#footer p {
  margin-bottom: 0;
}
#footer a {
  color: inherit;
}