@media (max-width: 767px){
    .dropdown-menu.dropdown-notification {
        min-width: 275px !important;
    }
}
.clearfix{
  content: "";
  display: table;
  clear: both;
}
.content-select select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
 .content-select select::-ms-expand {
    display: none;
}
.content-select{
    max-width: 250px;
    position: relative;
}
.deteexistenciaspop {
    height: 200px;
    overflow: scroll;
}
.comentstyle{
    width: 400px;
}
.partidas-documento-art{
    height: 65%;    
    overflow: scroll;
    /*z-index: 99;*/
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
}
.centrar{
    position: relative;
    top: 50%; 
    left: 50%; 
    margin: -25px 0 0 -25px;     
}
.mostrar_mas{
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}
.content-select select{
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 7px 10px;
    height: 42px;
    outline: 0; 
    border: 0;
    border-radius: 0;
    background: #f0f0f0;
    color: #7b7b7b;
    font-size: 1em;
    color: #999;
    font-family: 
    'Quicksand', sans-serif;
    border:2px solid rgba(0,0,0,0.2);
    border-radius: 12px;
    position: relative;
    transition: all 0.25s ease;
}
 
.content-select select:hover{
    background: #d7e1e6;
}
/* 
Creamos la fecha que aparece a la izquierda del select.
Realmente este elemento es un cuadrado que sólo tienen
dos bordes con color y que giramos con transform: rotate(-45deg);
*/
.content-select i{
    position: absolute;
    right: 20px;
    top: calc(50% - 13px);
    width: 16px;
    height: 16px;
    display: block;
    border-left:4px solid #7490ff;
    border-bottom:4px solid #7490ff;
    transform: rotate(-45deg); /* Giramos el cuadrado */
    transition: all 0.25s ease;
}
#additemscontmulti
{
    height: 678px;
}
.content-select:hover i{
    margin-top: 3px;
}
.copiardepedidocrear{
    color: blue;
}
#subexito{
    text-align: center;
    display: flex; 
  justify-content: center;
  align-items: center;   
  font-size: 16px;
}
#suberror{
    text-align: center;
    display: flex; 
  justify-content: center;
  align-items: center;  
  font-size: 16px;
}
#verpedido,#vernc{
    margin-left: 7%;
    color: blue;
    width: 70px;
}
.menu-label2{
    top: 10px;
    right: 10px;
    background: #1f6bff;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 0 6px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 30px;
    border-radius: 30px;    
}
.menu-label3{
    margin-left: 15%;
    top: 10px;
    width: 15px;
    right: 10px;
    background: #1f6bff;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 0 6px;
    /* min-width: 12px; */
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
@media (max-width: 767px){
    .btnaddarti{
        padding: 10px !important;
    }
    .subcont-pop{ 
        margin-top: 4% !important;
    }
    .head-partidas{
        display: none;
    }
    .heat-partidas{
        display: none;
    }    
    .importes-info{ 
        margin-left: 18px;
    } 
    .btn-min{ 
        margin-top: 10px;
        width: 100%;
    }    
    .partidas-documento{
        width: 100%; 
        margin-left: 1px;        
    }
    .partidas-suggerencias{
        
    }
}
.texto-partida{
    width: 100%;
    font-weight: 600;
    height: 45px;
    padding: 10px;
}
.clickdetalle{
    color:#3b83bd;
    font-weight: 900;
    cursor: -webkit-grab; cursor: grab;    
}

.div-sep{
    padding-top: 15px;
    margin-top: 19px;
    padding-bottom: 15px;
    border-top: solid 1px #dae0ec;
}
.quitar{
    display: none;
}
.partidas-documento-pay{
    height: 300px;    
    overflow: scroll;
    /*z-index: 99;*/
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
}
.cantidad,.precio,.impuesto,.subtotal{
    text-align: right;
}
.dicountunit,.descuento{
    text-align: center;
}
.back-slide{
    background: #d7e1e6;
}
#cardefectivo,#Tarjeta,#Tranferencia{
    display: none;
}
#cheques{
    display: none;
}
.label-sec{
    padding-left: 12px;
    color: #ff2d55;
    text-align: right;
}
.groupbutton{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    justify-content: left;
}
.groupbuttontotal{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    justify-content: left;
    border-right: 1px solid #c9d2e3;

}
.form-controlsugg{       
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3c4e71;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c9d2e3;
    border-radius: 6px;
}
.form-controlsugg:disabled, .form-controlsugg[readonly] {
    background-color: #dae0ec;
    opacity: 1;
    color: #212121;
}
.button-sec{
    text-align: left;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 600;
    border:none;
    border-bottom: 1px solid #c9d2e3;
}
.input-sec{
   text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    /*border-bottom: 1px solid #c9d2e3; */
    color: #ff2d55;
}
.autocomplete-suggestions{
    border:1px solid #999;
    background:#FFF;
    cursor:default;
    overflow:auto;
    -webkit-box-shadow:1px 4px 3px rgba(50,50,50,0.64);
    -moz-box-shadow:1px 4px 3px rgba(50,50,50,0.64);
    box-shadow:1px 4px 3px rgba(50,50,50,0.64)
}
.autocomplete-suggestion{
    padding: 2px 5px;
    overflow: hidden;
    border: 1px solid rgb(0, 87, 164);
    border-radius: 6px;
    }
.autocomplete-selected{
    background:#f0f0f0
    }
.autocomplete-suggestions strong{
    font-weight:bold;color:#0967a7
}
.ui-autocomplete{ 
    width: 300px; 
}
#menssage-list{
    display: none;
}
.btnimp{
    padding-top: 13px;
    padding-bottom: 13px;
}
.head-partidas{
    padding-top: 10px;
    border-top: 1px solid #afc4ce;
    font-size: 14px;
    color: #4d6593;
    background-color: #afc4ce;    
    font-weight: bolder;
    padding-left: 5px;
    padding-right: 27px;
}
.partidas-documento{
    height: 250px;    
    overflow: scroll;
    z-index: 99;
    margin-top: 10px;
    border-top: 1px solid #dae0ec;
    flex-direction: row;
    background-color: #fff;
}
.importes{
    display: table-cell;
    font-size: 19px;
    color: #1f6bff;
    text-align: right;
}
.contain-pop{
    height: 1000px;
    width: 3000px;
    display : block;
    position : fixed;
    z-index: 100;    
    background-color:#666;
    opacity : .94;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
.subcont-pop{
    z-index: 101;
    display : block;
    position : fixed;
    margin-left: 30%;
    margin-top: 10%; pop
    /*background-color: #fff;*/
    max-width: 800px;    
    padding: 40px;
    color: #858b8e;
    /*box-shadow: 6px 6px 6px rgba(0,0,0,0.2);*/
}
.contain-popst{
    height: 1000px;
    width: 4000px;
    display : block;
    position : fixed;
    z-index: 103;    
    background-color:#666;
    opacity : .94;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
.subcont-popst{
    z-index: 104;
    display : block;
    position : fixed;
    margin-left: 30%;
    margin-top: 10%; 
    /*background-color: #fff;*/
    max-width: 900px;    
    padding: 40px;
    color: #858b8e;
    /*box-shadow: 6px 6px 6px rgba(0,0,0,0.2);*/
}
.btnaddarti{
    padding-top: 37px;
    padding-bottom: 36px;
}
.btnaddartidd{
    padding-top: 12px;
    padding-bottom: 12px;
}
.img-partida{
    height: 100px;
    width: auto;
}
.d-margin{
    margin-bottom: 0px;
}
.partidas-suggerencias{    
    height: 80px;
    overflow: scroll;
    z-index: 110;
    margin-top: 10px;
    border-top: 1px solid #dae0ec;
    flex-direction: row;
    background-color: 
}
@media (max-width: 990px){
    .contain-pop{
        height: 900px;
        width: 990px;
    }
    .subcont-pop{        
        margin-left: 10%;
        margin-top: 10%; 
        width: 800px;
        /*background-color: #fff;*/
    }
    .contain-popst{
        height: 900px;
        width: 1090px;
    }
    .subcont-popst{        
        margin-left: 10%;
        margin-top: 10%; 
        width: 900px;
        /*background-color: #fff;*/
    }
}
@media (min-width: 991px){
    .contain-pop{

        height: 1000px;
        width: 3000px;
    }
    .subcont-pop{  
        margin-top: 6%;
        margin-left: 30%;               
        width: 700px;
        /*background-color: #fff;*/
    }
    .contain-popst{

        height: 1000px;
        width: 4000px;
    }
    .subcont-popst{  
        margin-top: 10%;
        margin-left: 30%;               
        width: 800px;
        /*background-color: #fff;*/
    }
}
@media (max-width: 480px){
    .contain-pop{

        height: 900px;
        width: 480px;
    }
    .subcont-pop{  
        margin-top: 30%;
        margin-left: 0px;               
        width: 100%;
        /*background-color: #fff;*/
    }
    .contain-popst{

        height: 900px;
        width: 580px;
    }
    .subcont-popst{  
        margin-top: 30%;
        margin-left: 0px;               
        width: 100%;
        /*background-color: #fff;*/
    }
}
@media (min-width: 479px){
    .contain-pop{

        height: 900px;
        width: 1000px;
    }
    .subcont-pop{  
        margin-top: 20%;
        margin-left: 0px;               
        width: 100%;
        /*background-color: #fff;*/
    }
    .contain-popst{

        height: 900px;
        width: 2000px;
    }
    .subcont-popst{  
        margin-top: 20%;
        margin-left: 0px;               
        width: 100%;
        /*background-color: #fff;*/
    }
}
@media (min-width: 991px){
    .contain-pop{

        height: 1000px;
        width: 3000px;
    }
    .subcont-pop{  
    margin-top: 6%;
    margin-left: 18%;
    width: 1400px;
    }
    .contain-popst{

        height: 1000px;
        width: 4000px;
    }
    .subcont-popst{  
        margin-top: 15%;
        margin-left: 20%;               
        width: 900px;
        /*background-color: #fff;*/
    }
}