/* Style en raiz de la app*/
@import url('https://fonts.googleapis.com/css?family=Lato|Raleway');

*{

  font-family: 'Raleway', sans-serif;
}

.glyphicon{
     font-family: 'Glyphicons Halflings';
}

html,body{
    height: 100%;
    font-size:16px;
}

.menurow div{

  border-radius: 5px !important;
  background-color: #56003b;
  text-align: center;
  margin: 0px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
  color: #FFF;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}

.menurow div:hover{

  background: #370a29;

}

.menurow div a{

  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration:none;
  color: #FFF;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}

.ui-autocomplete-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat !important;
    background-position: 200% 50% !important;
  }

.ui-autocomplete-input-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat !important;
    background-position: 200% 50% !important;
  }

  #listaresponsiva {

     list-style-type: none !important;
     margin-left: 0px;
     padding-left: 0px;
      border-bottom: 1px solid #f2f2f2 !important;


  }



  #tablaseguimiento table, #tablaseguimiento td, #tablaseguimiento th{
        border: 1px solid #f2f2f2 !important;
  }

  #tablaseguimiento td, #tablaseguimiento th {

    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;

  }

#styledTable  a:link {
  color: #666;
  font-weight: bold;
  text-decoration:none;
  margin-left: auto;
  margin-right: auto;
}

#styledTable  a:visited {
  color: #999999;
  font-weight:bold;
  text-decoration:none;
}

#styledTable  a:active,
#styledTable  a:hover {
  color: #d3d3d3;
  text-decoration:underline;
}

#styledTable  {
 margin-right: -20px;
 overflow: hidden;
}

#styledTable  th {
  font-size: 18px;
  font-weight: 700;
  color: #56003b;
  line-height: 1.4;
  font-family: 'Lato', sans-serif;
  background-color: transparent;
  border-bottom: 2px solid #f2f2f2;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}


#styledTable  tr {
  border-bottom: 1px solid #f2f2f2;
}


#styledTable  td {
   font-family: 'Lato', sans-serif;
 font-size: 15px;
  color: #808080;
  line-height: 1.4;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 0.5px solid #d3d3d3;
}

#styledTable  tr:hover td {
  background: #56003b;
  color: #FFF;
  font-weight: 500;
/*  background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#f0f0f0));*/
 /* background: -moz-linear-gradient(top,  #d3d3d3,  #f0f0f0);  */
}



.ui-helper-hidden-accessible { display:none; }

.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
  z-index:100;
  border:#F0F0F0 1px solid;
  background:#FAFAFA;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  zoom:1;
  background:#FAFAFA;border-bottom:#F0F0F0 1px solid;
  color:black;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {

  margin: -1px;
  background:#66afe9 !important;
  color:blue !important;
  font-weight: 900;
  z-index:100;
}

.ui-autocomplete .ui-menu-item a.ui-state-focus {
      background: #8DB3E2 !important;
      font-weight: 900;
      /*border: 1px solid #32BE61 !important;*/
}

div .campo{

  margin-top: 10px !important;

}

#cajasugestiones{float:left;width:100%;position:absolute; z-index:100;}
#listabusqueda{float:left;list-style:none;margin:0;padding:0;width:100%;}
#listabusqueda li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#listabusqueda li:hover{background:#66afe9;}


#cajasugestionesprod{float:left;width:100%;position:absolute; z-index:100;}
#listabusquedaprod{float:left;list-style:none;margin:0;padding:0;width:100%;}
#listabusquedaprod li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#listabusquedaprod li:hover{background:#66afe9;}



.modal-backdrop.fade.in {
opacity: 0.5;
filter: alpha(opacity=50);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #333333;
  opacity:0.8; // I ADDED THIS LINE
    }

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.9;
   background-color: #FFF;
   z-index: 99;
   text-align: center;
}

#loading-image {

  margin-top:17%;
   z-index: 100;
}



#msgerror{
    text-align:center;
    z-index: 100;
    top:50px;
    position:fixed;
    width:100%;
    background-color: rgba(15,102,162,0.6);

}

#btnCriterio, #btnVendedor, #btnAgregarCargo, #btnAgregarDesc {
  padding: 7px 14px;
}

.pagination li{

    cursor:pointer;
    color: #370a29 !important;
}

.pagination li a{
  color: #370a29 !important;
  text-decoration: none;
}

.pagination>li.active {
  background-color: #56003b;
  color: #fff !important;
}


.pagination>li.active>span {
  background-color: #56003b;
  border-color: #56003b;
  color: #fff !important;
}

.pagination>li.active>span:hover {
  background-color: #370a29;
  border-color: #370a29;
  color: #fff !important;
}


.pagination li span{
  color: #370a29 !important;
}

.panel-title{
  font-weight: 700 !important;
}

#criteriosbusquedalista li{

  display: inline;
  cursor: pointer;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    font-size: 16px !important;

    margin: 0px 5px 0px 5px !important;

}


.danger{
   color: #CC0000 !important;
}

.warning{
   color: #CC3300 !important;
}

.success{
   color: white !important;
}

a {

  color: #370a29;
  cursor:pointer;
}

a:hover{
  color: #56003b;
}

div .navbar-brand a {
    color: #370a29 !important;
}

.navbar{
  text-align: center;
}

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background: #56003b;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #370a29;
}

.btn-primary:active, .btn-primary.active {
    background: #370a29;
    box-shadow: none;
}

@media only screen and (max-width: 767px) {

  footer{
   display: none;
  }
}

@media only screen and (max-width: 400px) {

  footer{
   display: none;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #eee;
  }
}

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}