/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 11, 2014, 12:30:03 PM
    Author     : Miroslav
*/
#textareaCount,
#documentUpload {
  display: none;
  padding-top: 20px;
}

a.header-social {
  margin: 0 !important;
  padding: 0 !important;
}

.shortened {
  height: 120px;
}

.expander {
  font-weight: bold;
}
.expander:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Calculator form */
.form-calculator label,
.form-calculator .total-price,
.form-calculator input[type="file"] {
  color: white;
}
.form-calculator .form-element {
  padding-bottom: 10px;
}
.form-calculator .total-price {
  display: none;
}
.form-calculator .box {
  border: solid 1px #CCC;
  font-size: 18px;
  padding: 15px 0;
  margin-top: 20px;
  text-align: center;
}
.form-calculator .box span {
  font-weight: bold;
}
.form-calculator .send-translation {
  display: none;
  padding-top: 20px;
}
.form-calculator #error-calculator {
  color: white;
  font-weight: bold;
}

/* Pages */
.top {
  background: #0F3238;
  color: white;
}
.top .logo {
  background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
  background-position: 0 0;
  display: inline-block;
  float: left;
  width: 170px;
  height: 40px;
  margin: 12px 12px 12px 0;
}
.top .title {
  float: left;
  padding-top: 19px;
}

.form input[type="text"],
.form input[type="email"] {
  width: 50%;
  max-width: 400px;
}
.form textarea {
  width: 95%;
}
.form input[type="checkbox"] {
  margin-top: -3px;
}

.loadmask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1;
}

.loadmask-msg {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #6593cf;
  background: #c3daf9;
  padding: 2px;
}

.loadmask-msg div {
  padding: 5px 10px 5px 25px;
  background: #fbfbfb url("../images/loading.gif") no-repeat 5px 5px;
  line-height: 16px;
  border: 1px solid #a3bad9;
  color: #222;
  font: normal 11px tahoma, arial, helvetica, sans-serif;
  cursor: wait;
}

.masked {
  overflow: hidden !important;
}

.masked-relative {
  position: relative !important;
}

.masked-hidden {
  visibility: hidden !important;
}

.navbar #main {
  float: left;
}

#langnav {
  left: 10px;
}
#langnav .dropdown .first {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #FFFFFF;
  padding: 4px 6px;
}
#langnav .dropdown .first:hover {
  color: #FFFFFF;
  background: #84ad07 !important;
}
#langnav .dropdown .dropdown-menu {
  top: 130%;
  min-width: 225%;
}
#langnav .current li {
  background: none;
  border-radius: 5px;
  color: #777777 !important;
  padding: 10px 9px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
}
#langnav .current li:hover {
  color: #ffffff !important;
  background: #84ad07 !important;
}
#langnav .current li:focus {
  color: #ffffff !important;
  background: #84ad07 !important;
}
#langnav .current li a {
  background: none !important;
}
#langnav .current .dropdown-menu li a {
  color: #777777 !important;
}
#langnav .current .dropdown-menu li a:hover {
  color: #ffffff !important;
}

.alt #langnav .dropdown .first {
  color: #777777;
  background: none;
}
.alt #langnav .dropdown .first:hover {
  color: #FFFFFF;
}

.open {
  text-transform: uppercase;
}
.open .dropdown-menu li a:hover {
  background-color: #84ad07 !important;
  background-image: none !important;
}

@media screen and (max-width: 979px) {
  nav .lang-xs #langnav li {
    text-align: center;
  }
}
@media screen and (min-width: 980px) {
  nav .lang-xs {
    display: none !important;
    visibility: hidden !important;
  }
  nav .lang-sm {
    visibility: visible;
  }
}