html {
  position: relative;
  min-height: 100%;
}
body {
  margin: 0 0 45px;
}
footer {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 10px;
  width: 100%;
}
.white-line{
  background:center;
  position: absolute;
  bottom: 10px;
  height: 50px;
  width: 100%;
}
.jumbotron{
  text-align:center;
  color:white;
  background:transparent;
  margin-bottom:0px;
}
body{
  background:url('../../../public/img/bg.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.logo-l{
  position: absolute;
  bottom: 25px;
  left: 30px;
}
.logo-r{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.bspanel{
  border-radius:0px;
}
.bspanel-heading{
  padding:5px 15px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.bspanel-body{
  background: white;
  color:#692db6;
}
.bspanel-danger{
  border-color: #d3d7cf;
}
.bspanel-danger > .bspanel-heading {
  color: #fff;
  background-color: #692db6;
  border-color: #692db6;
}
label{
  font-weight: normal;
}
.form-control{
  border-radius:0px;
  padding:0px;
  height:25px;
}
.btn{
  padding: 2px 12px;
}
.btn-danger {
  color: #FFF;
  background-color:#692db6!important;
  border-color: #692db6;
}
.btn-danger:hover {
  color: #fff;
  background-color: #D9534F;
  border-color: #fff;
}
.btn-guardar {
  border-radius:0px;
  color: #FFF;
  background-color: #692db6;
  border-color: #692db6;
}
.btn-guardar:hover {
  color: #fff;
  background-color: #CEB576;
  border-color: #CEB576;
}
.btn-menu{
  width:100px;
  border-radius:0px;
  color:#fff;
  background-color:#692db6;
  font-size:18px;
}
.btn-menu:hover{
  color:#fff;
  background-color:#692db6;
}
.btn-menu:focus{
  color:#fff;
  background-color:#692db6;
}
.col-centered{
  float: none;
  margin: 0 auto;
}
.dropdown-menu{
  border-radius:0px;
  margin: 0px;
  background-color:white;
  border:1px solid #D9534F;
  min-width: 100px;
}
.dropdown-menu > li > a {
  color:#692db6;
}
.dropdown-menu > li > a:hover {
  color:#692db6;
}
.etapa{
  position:absolute;
  top:0;
  right:0;
  color:#fff;
  font-size:24px;
  background-color: white;
  z-index:1000;
  padding:6px 35px;
}
.mensaje{
  position:absolute;
  color:white;
  font-size:16px;
  top:15px;
  right:200px;
  z-index:1000;
}
.plano{
  margin-top:20px;
  margin-bottom:25px;
  border-radius:4px;
  padding: 8px;
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.detalle{
  background-color:#ffc05e;
  padding:15px 10px;
  color:#fff;
  line-height:1.8;
}
.ditem{
  padding-right: 12px;
  display: inline-block;
}
.ditem span{
  display: inline-block;
  min-width: 12px;
}
.spanlg{
  min-width: 140px;
}
.disponible{
  color:#4e9a06;
}
.separado{
  color:#ce5c00;
}
.vendido{
  color:#a40000;
}
.real{
  display: inline-block;
  width:100px;
  color:black;
  padding:2px 5px;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 0px;
}
.form-horizontal .radio-inline{
  padding-top:0px;
}
.modal-content {
  border-radius: 0px;
}
.modal-header {
  padding: 5px 10px;
  background: white;
  color: #fff;
}
.modal-header .close {
    margin-top: 0px;
}
.close {
  color: #fff;
  text-shadow: 0px 1px 0px #000;
  opacity: 0.5;
}
.modal-footer {
    padding: 10px;
    margin-top: 0px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}
.hide{
  display:none;
}
.message{
  margin-top:20%;
  border: 1px solid #babdb6;
  padding: 20px;
  color: #555753;
}
.btn-ok {
  border-radius:0px;
  color: #FFF;
  background-color: #49873E;
  border-color: #49873E;
}
.btn-ok:hover {
  color: #fff;
  background-color: #49873E;
  border-color: #49873E;
}
.mensaje-title{
  margin-left: 60px;
}
/*form*/
#fm{
  margin:0;
  padding:10px 30px;
}
.ftitle{
  font-size:14px;
  font-weight:bold;
  padding:5px 0;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
}
.fitem{
  margin-bottom:5px;
}
.fitem label{
  display:inline-block;
  width:80px;
  font-weight: normal;
}
.fitem input{
  width:170px;
}