@import url('https://fonts.googleapis.com/css?family=Lato|Raleway|Montserrat');

*{

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

#status-icon {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  /*display: inline-block;*/
}

#status-text{
  width: 100px;
  height: 15px;
  font-size: 12px;
  /*display: inline-block;*/
}

.table-responsive{
  overflow-x:auto;
}

.scroll-bottom{
  overflow-x:scroll;
  overflow-y:hidden;
  height: 20px;
}

.table-responsive, .table-responsive #styledTable, .table-responsive .scroll-bottom, .table-msg-empy{
  transform: rotateX(180deg);
}

a[aria-expanded=true] .fa-expand-alt {
   display: none;
}
a[aria-expanded=false] .fa-compress-alt {
   display: none;
}

.cotiza_subtotales{
  margin-left: auto;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #56003b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #56003b;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.notiflink a, .notiflink a:link, .notiflink a:hover, .notiflink a:active,
.notiflink a:visited
 {
  cursor: pointer;
  text-decoration: none !important;
  color: inherit !important;
}

/*star remove arrows input number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* end remove arrows input number*/

#btn_prev{
  margin: 5px !important;
}

#btn_next{
  margin: 5px !important;
}

.ullistamini{
  list-style-type: none !important;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 3px;
  border-bottom: 1px solid #f2f2f2 !important;
}

.ullistamini li{
   word-wrap: break-word !important;
}

.ullistamini_js{
  list-style-type: none !important;
  margin-left: 0px;
  margin-top:25px;
  padding-left: 0px;
  padding-right: 3px;
  border-bottom: 1px solid #f2f2f2 !important;
}

.ullistamini_js li{
   word-wrap: break-word !important;
}

.agrega_busquedaav{
  font-size: 23px !important;
  cursor: pointer;
  color: #56003b;
}

.iconoslistamini{
  font-size: 23px;
  margin-left: 10px;
  margin-right: 10px;
  color: #56003b !important;
}

.margintop20{
  margin-top: 20px !important;
}

.tbllista span
{
  font-size: 20px;
  margin-left: 5px;
  margin-right: 5px;

}

#dvAvisotipo{
  color: #cc5500;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.noselect {
     user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none;
}

input[type=checkbox]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
  margin: 3px;
}

.select2 {
width:100%!important;
}

select, select option {
  text-overflow: ellipsis !important;
}

.listacompartir {
  list-style-type: none;
}

.listacompartir li {
  padding-top:    5px;
  padding-bottom: 5px;
}

.iconcompartir{
  font-size:     30px !important;
  padding-left:  5px;
  padding-right: 5px;
}

.iconlist{

  font-size: 20px !important;
}

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

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.menuheader{
  font-weight: bold !important;
  text-transform: uppercase;
  text-align: left;
}

.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: bold !important;
  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;
}

#dvnocliente{
  text-align:center;
  color: orange;
}

.btnNuevoReg{
  margin-top: 10px;
}

#btnResExcel{
  margin-top: 10px;
}

html,body{
    height: 100%
    background-color: #F5FEFF;
}


.alignright{
  text-align: right !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.selecttext{
  -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
     -khtml-user-select: text; /* Konqueror HTML */
       -moz-user-select: text; /* Old versions of Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.dropdown-option{
  padding-left:  6px;
  padding-right: 6px;
}

.pointer{
  cursor: pointer;
}

.listsubtotalprod, .listsubtotalcargos, .listsubtotaldescuentos, .listtotal{
  margin-top: 20px;
  text-align: right;
}

.mainobj{
  margin-top: 65px;
}

.myAlert-top{
    top: 55px;
    position: fixed;
    /*top: 5px; */
    /*left:2%;*/
    width: 100%;
    z-index: 1000;
}

.form-control-ap{
    /*display: block;  */
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-ap:focus {
  border-color: rgba(82, 168, 236, 0.8);
  border-color: #66afe9;
  outline: 0;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.list-title {margin-bottom: 30px; color:#56003b;}
.imgcontainer { position: relative; }
.imgcontainer img { display: block; }
.imgcontainer .fa-star { position: absolute; top:0; right:0; color:#ffc107; font-size:25px;}

.imgdefault{
  border: 3px solid #ffc107 !important;
}

.ulimg {
  list-style-type: none;
}

.liimg {
  display: inline-block;
}

input[type="checkbox"][id^="cbimg"] {
  display: none;
}

label[id^="lblimg"] {
  border: 1px solid #fff;
  padding: 10px;
  display: block;
  position: relative;
  margin: 10px;
  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;
}

label[id^="lblimg"]:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

label[id^="lblimg"] img {
  height: 100px;
  width: 100px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

:checked+label[id^="lblimg"] {
  border-color: #ddd;
}

:checked+label[id^="lblimg"]:before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
}

:checked+label[id^="lblimg"] img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
}

th[id^="el"] {
    cursor: pointer;
}

.modal-dialog-fs {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content-fs {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}


/*.pac-container {
    z-index: 9999;
}*/

ul.ui-autocomplete {
    z-index: 1100;
   /* position: fixed;*/
}

.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{
     margin: 0 auto;
  }

  #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;
}

#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: left;
}


#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;
      /*z-index: 100;*/
      /*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;}



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


.pagination {
   justify-content: center;
}

.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;
}



#criteriosbusquedalista li, #criteriosbusquedalistaEtiquetas li{
  display: inline;
  cursor: pointer;
  color: #56003b;

  -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;

}

.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; 
  }

#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;
}

.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;
}

.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;
}


/*** 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; }
}


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

footer{
 display: none;
}

#txtrecomendaciones, #selmoneda, #txtdevoluciones, #selvigencia { margin-top:10px !important;}

}

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

  .repfecha{
    font-size: 13px !important;
  }

.btn_first, .btn_last, .btn_prev, .btn_next{
  font-size: 12px;
  padding: 10px;
}

#dvpaginadorav_paginas, #dvpaginadorav_pagina_actual, .sel_elemxpag, .txt_busquedaav_pag {
  font-size: 12px;
}

#modalFullInfoTitulo{
  font-size: 12px;
  font-weight: 900;
}

#orden_mini_busquedaav{
 font-size: 12px !important;
}

#status-text {
  font-size: 12px !important;
}

}

@media only screen and (max-width: 400px) {
/*para disp pequeños*/
  .repfecha{
    font-size: 10px !important;
  }

  .dvcotiza *{
    font-size: 13px !important;
  }

  .dvcargo *{
    font-size: 13px !important;
  }

  .dvdescuentos * {
    font-size: 13px !important;
  }

  #txtDescuento, #txtDescuentoMonto, #txtCargo, #txtCargoMonto, #busquedaav_txtpalclave, #txt_busquedaav_pag, #txtcc{
    font-size: 13px !important;
  }

  .sel_elemxpag{
    font-size: 13px !important;
  }

  .dvcotiza .dropdown{
    font-size: 13px !important;
  }

  #btnexpand i{
    font-size: 13px !important;
  }

  #status-text {
    width: 50px;
    font-size: 8px !important;
  }



}

@media only screen and (max-width: 974px) {
  #navbarSupportedContent{ text-align: center; }

}

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