/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/**
 * LESS Mixin
 *
 * This file contains some usefull LESSCSS mixins to use in your projects.
 */
/**
 * CLEARFIX
 * (from TwitterBootstrap)
 */
.clearfix,
.clr {
  *zoom: 1;
}
.clearfix:before,
.clr:before,
.clearfix:after,
.clr:after {
  display: table;
  content: "";
}
.clearfix:after,
.clr:after {
  clear: both;
}
/**
 * CSS image replacement
 * (from TwitterBootstrap)
 *
 * I removed the border and background rule to allow element define it's own rules!
 */
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
}
/**
 * TEXT ALIGN SHORTCUTS
 * these rules are simple quick shortcuts to the "text-align" CSS property
 */
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.tj {
  text-align: justify;
}
/**
 * TEXT STYLES SHORTCUTS
 */
.n,
.normal {
  font-weight: normal;
}
.b,
.bold {
  font-weight: bold;
}
.i,
.italic {
  font-style: italic;
}
.u,
.underline {
  text-decoration: underline;
}
.s,
.stroke {
  text-decoration: line-through;
}
/**
 * MARGIN SHORTCUTS
 * these are shortcuts to the margin-{side} CSS property
 */
/**
 * MARGIN - H / V
 * these are shortcuts to set only horizontals or vertical margins without alter existing rules
 * you can use these mixins with one value applied to the left/right, top/bottom margins or
 * you can use them with separated values
 */
/**
 * PADDING SHORTCUTS
 * these are shortcuts to the padding-{side} CSS property
 */
/**
 * PADDING - H / V
 * these are shortcuts to set only horizontals or vertical paddings without alter existing rules
 * you can use these mixins with one value applied to the left/right, top/bottom paddings or
 * you can use them with separated values
 */
/**
 * SIZING, BOXING and MASKING
 */
.none {
  display: none;
}
/* size is inpired by the TwitterBootstrap mixin for arguments order. */
/* this is a compatibility decision but I don't uderstand why to start with height!!! Why Twitter? Why? */
.block {
  display: block;
}
/* inline-block backwards compatibilty hack */
.inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/* inline-block shortcuts */
.iblock {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/**
 * MASKING
 */
.mask {
  display: block;
  overflow: hidden;
}
.inline-mask {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow: hidden;
}
.imask {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow: hidden;
}
/**
 * POSITIONING
 */
.rel {
  position: relative;
}
.abs {
  position: absolute;
  top: 0;
  left: 0;
}
.abs-r {
  position: absolute;
  top: 0;
  right: 0;
}
.abs-b {
  position: absolute;
  bottom: 0;
  left: 0;
}
.abs-br {
  position: absolute;
  bottom: 0;
  right: 0;
}
.l,
.left {
  float: left;
}
.r,
.right {
  float: right;
}
/**
 * CSS3 - Border Radius
 */
/* single border radius applied to all corners */
/* two values applied tob/bottom then bottom/top */
/* two values - left/right right/left */
/* two values - topLeft/bottomRight topRight/bottomLeft */
/* two values - top borders */
/* single border - radius */
/* border-radius different for every corner */
/**
 * Sprites
 */
.sprite-pos {
  background-position: 0 0;
}
/**
 * Vertical states sprite 
 * usefull for 2 or 3 states buttons when state-related images
 * are disposed vertically 
 */
/**
 * Horizontal states sprite 
 * usefull for 2 or 3 states buttons when state-related images
 * are disposed horizontally 
 */
/**
 * Removes margins and 
 */
.clear-list {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
}
/**
 * Inline List
 */
.inline-list,
.ilist {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
}
.inline-list li,
.ilist li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/**
 * HIGHLIGHT
 * php compiler safe implementation
 */
.highlight {
  text-shadow: 0 1px 0 #ffffff;
}
/**
 * Javascript Runtime Mixin
 * ========================
 *
 * all these mixins uses javascript closures to evaluate complex things
 */
/**
 * TEXT3D
 * javascript runtime compiler exiting implementation
 */
.text3d {
  text-shadow: 0.7071067811865476px 0.7071067811865475px 0 #ffffff,1.4142135623730951px 1.414213562373095px 0 #ffffff,2.121320343559643px 2.1213203435596424px 0 #ffffff;
}
html {
  min-height: 100%;
  min-width: 400px;
}
body {
  min-height: 100%;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  /*     background-repeat: no-repeat; */
  /*     background-attachment: fixed; */
  /*     .gradient(#222222, #333333, #0D0D0D); */
}
#navbar-container .navbar-header > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
#navbar-container .navbar-brand {
  width: 250px;
  padding-left: 30px;
}
.doc-header .doc-imgs {
  width: 100%;
  height: 276px;
  overflow: hidden;
}
.doc-header .doc-empty {
  width: 100%;
  height: 99px;
  background: #9aa0ac;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #646d7b), color-stop(1, #9aa0ac));
  background: -ms-linear-gradient(bottom, #646d7b, #9aa0ac);
  background: -moz-linear-gradient(center bottom, #646d7b 0%, #9aa0ac 100%);
  background: -o-linear-gradient(#9aa0ac, #646d7b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9aa0ac', endColorstr='#646d7b', GradientType=0);
}
.container {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: -70px;
  margin-bottom: 20px;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #8193a9 #e9ebed #8193a9 #e9ebed;
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fefefe), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #fefefe, #ffffff);
  background: -moz-linear-gradient(center bottom, #fefefe 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #fefefe);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0);
  padding-top: 50px;
  min-width: 580px;
  max-width: 1080px;
  width: 74%;
  height: 400px;
  text-align: center;
}
.inner-container {
  width: 460px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#sel-lang {
  margin-bottom: 15px;
  padding-left: 200px;
}
#login {
  display: block;
  background: #dfdfe1;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfe1), color-stop(1, #eeefef));
  background: -ms-linear-gradient(bottom, #dfdfe1, #eeefef);
  background: -moz-linear-gradient(center bottom, #dfdfe1 0%, #eeefef 100%);
  background: -o-linear-gradient(#eeefef, #dfdfe1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeefef', endColorstr='#dfdfe1', GradientType=0);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 460px;
  height: 145px;
  padding: 30px 20px 20px 20px;
  -webkit-box-shadow: 7px 6px 21px 12px rgba(12, 12, 12, 0.5);
  -moz-box-shadow: 7px 6px 21px 12px rgba(12, 12, 12, 0.5);
  box-shadow: 7px 6px 21px 12px rgba(12, 12, 12, 0.5);
}
#login.error {
  background: #1f150e;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1f150e), color-stop(1, #38130b));
  background: -ms-linear-gradient(bottom, #1f150e, #38130b);
  background: -moz-linear-gradient(center bottom, #1f150e 0%, #38130b 100%);
  background: -o-linear-gradient(#38130b, #1f150e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38130b', endColorstr='#1f150e', GradientType=0);
  color: white;
  height: 195px;
}
#login .form-group {
  margin-right: 0px;
}
#login .submit {
  float: right;
}
#login .submit button {
  margin-top: 5px;
  margin-left: -15px;
  width: 90px;
  height: 70px;
  color: white;
  border-color: #253f6b;
  background: #407fef;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #215882), color-stop(1, #407fef));
  background: -ms-linear-gradient(bottom, #215882, #407fef);
  background: -moz-linear-gradient(center bottom, #215882 0%, #407fef 100%);
  background: -o-linear-gradient(#407fef, #215882);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#407fef', endColorstr='#215882', GradientType=0);
  /* 	        position: absolute; */
  /* 	        padding: 10px; */
}
#inform {
  position: relative;
  top: 20px;
}
.footer {
  position: relative;
  top: 315px;
  font-size: 1.1em;
  font-weight: bold;
}
/**/