/*@font-face {
    font-family: 'Giorgio';
    src:url(../font/Giorgio-Thin.ttf) format('truetype');
}*/

#motivogasto{
    text-transform: uppercase;    
}
.seconds-sec{
    font-size: 50px;
    text-align: center;
    vertical-align: middle;
}
.seconds{
    font-size: 50px;
    color: #00a65a;
    text-align: center;
    vertical-align: middle;
    font-weight: bolder;
}
.rubberBand{
    padding: 15px;
    background: #00bb2d;
    font-size: 30px;
    color: #fff;
    font-family: 'Noto Sans', sans-serif; 
}
.succsessalert{
    padding: 15px;
    background: #00bb2d;
    font-size: 30px;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;    
}
.login-index{
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 28px;
    font-weight: 300;    
    color: #00bb2d;
    font-family: 'Noto Sans', sans-serif;    
}
.ocultarobjeto{
    display: none;
}
.tex-but
      {
        margin-bottom: 1px;
        margin-left: 6%;
      }
      .img-icon
      {
        width: 33%;
        margin-left: -11%;
        margin-right: -5%;
      }
      .gasto-img
      {
        margin-left: -9%;
        width: 29%;
      }
.ViewButton
{
    background: #00aaff;
    border: 1px solid #00aaff;
    padding: 4px;
    margin-left: 7px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
}
.content-doc{
    height: 500px;
    padding: 15px;
}
.alt-button{
    margin-top: 15px;
}
.empresa{
    background: #fff;
}
.btn-add{
    background: #fec041;
    padding: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-bottom-right-radius: 27px;
    border-top-right-radius: 27px;
    border: solid 1px #f7f4ba;
}
.partidas-print{
    font-size: 18px;
    color: #616b8a;
    padding: 15px;
    text-align: center;
}
.partidas-documento{
    height: 450px;    
}
.lblinfocom{
    font-size: 15px;
    text-align: center;
    font-weight: bolder;
    padding: 5px;
    color: #5c5c5c;
    
    border: none;
}
.btn-left-sep{
    margin-left: 4px;
}
.btn-add-comp2{
    background: #fec041;
    padding: 30px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-radius: 27px;
    border: solid 1px #f7f4ba;
}
.button-des{
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 7px;
    margin-left: 13px;

}
.col-vendedor{
    padding: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.rechauth{
    padding: 12px;
    background: #f23a3a;
    color:#fff;
    border-radius: 8px;
}
.pendauth{
    padding: 12px;
    background: #e5be01;
    color:#fff;
    border-radius: 8px;
}
.autauth{
    padding: 12px;
    background: #06DF02;
    color:#fff;
    border-radius: 8px;
}
.rowitems{
    text-align: center;
    padding: 5px;
    font-size: 17px;
    color: #0C3C60;
    font-weight: 600;
}
.headdet{
    padding: 17px;
    font-size: 15px;
    background: #d2d6de;
    text-align: center;
    color: #414d77;
}
.col-concept{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;     
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.head-concep{
    padding: 25px;
    margin-top: 25px;
    border: 1px solid #ccc;
    border-radius: 21px;
    box-shadow: 3px 6px 21px #0c3c60;
    margin-bottom: 25px;
}
.btn-add-fact-comp{
    padding: 13px;
    border-radius: 11px;
    background: #fec041;
    color: #fff;
    margin-top: 30px;
    border: solid 5px;
    box-shadow: 3px 6px 21px #0c3c60;
}
.col-fecha{
    border-radius: 10px;
    margin-top: 10px;
}
.content-addcomp{
    padding: 20px;
    margin-top: 15px;
    font-size: 20px;
}
.btn-add-comp{
	background: #fec041;
    padding: 30px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-radius: 27px;
    border: solid 1px #f7f4ba;
}
@media (max-width: 990px){
    .btn-add-comp{
    background: #fec041;
    padding: 9px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    border-radius: 13px;
    margin: 2px;
    border: solid 1px #f7f4ba;
    }
}
.encviaticos{
	padding: 20px;	
}
.subtitle-graphN{
	font-size: 19px;
    font-weight: bolder;
    text-align: center;
    color: #FF9900;
    margin-top: 15px;
}
.subtitle-graphR{
	font-size: 19px;
    font-weight: bolder;
    text-align: center;
    color: #0FBE7C;
    margin-top: 15px;
}
.subtitle-graphB{
	font-size: 19px;
    font-weight: bolder;
    text-align: center;
    color: #F80000;
    margin-top: 15px;
}
.title-graphN{
	font-size: 35px;
	color: #FF9900;
    padding: 15px;
    text-align: center;    
}
.title-graphR{
	font-size: 35px;
	color: #0FBE7C;
    padding: 15px;
    text-align: center;    
}
.title-graphB{
	font-size: 35px;
	color: #F80000;
    padding: 15px;
    text-align: center;    
}
.subtitle-graph{
	font-size: 19px;
    font-weight: bolder;
    text-align: center;
    color: #414d77;
    margin-top: 15px;
}
.title-graph{
	font-size: 35px;
    padding: 15px;
    text-align: center;    
}
#menssage-list{
	display: none;
	
}
.btn-fresh{
	margin-top: 10px;
    background: #0c3c60;
    border: 50px solid #7a6699;
    padding: 13px;
    border-radius: 19px;

}
 @media (min-width: 991px){
.title-portal{
	font-size: 35px;
	text-align: center;
	font-weight: 40;
	color: #f28a04;
	}
}
@media (max-width: 990px){
.title-portal{
	font-size: 21px;
	font-weight: 40;
	color: #f28a04;
	}
}
@media (max-width: 990px){
.img-ber{
    width:90px;
    height:90px;
	}
}
@media (min-width: 991px){
.img-ber{
    width:100px;
    text:align-center;
    height:100px;
	}
}
@media (max-width: 480px){
.img-ber{
    width:90px;
    height:90px;
	}
}
@media (max-width: 480px){
.title-portal{
	font-size: 21px;	
	font-weight: 40;
	color: #f28a04;
	}
}
 @media (min-width: 991px){
.header-table{
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bolder;
    font-size: 15px;
    color: #414D77;
    border-bottom: 2px solid #414D77;
    border-left: 2px solid #414D77;
    border-right: 2px solid #414D77;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 55px;
    box-shadow: 3px 3px 3px #afb4ff;
  } 
}
   @media (max-width: 990px){
.header-table{
    padding-bottom: 45px;
    padding-top: 5px;
    font-weight: bolder;
    font-size: 15px;
    color: #414D77;
    border-bottom: 2px solid #414D77;
    border-left: 2px solid #414D77;
    border-right: 2px solid #414D77;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 55px;
    box-shadow: 3px 3px 3px #afb4ff;
  } 
}
@media screen and (max-width: 989px) {
.header-table{
display:none;
}
}
.item-heada{
	text-align: center;
}
.line-reg{
	margin-top: 20px;
	font-weight: 600;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	margin-left: 12px;
	margin-right: 12px;
	top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.line-reg1{
	/*margin-top: 135px;*/
	font-weight: 600;
	/*padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;*/
	margin-left: 12px;
	margin-right: 12px;
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
@media (max-width: 480px){
.titulo-login{
    font-size: 20px;
    }
}
.api-logo{
    width: 160px;
}
@media (max-width: 480px){
    .api-logo{
        width: 130px;
    }
}
 @media (min-width: 991px){
 	.line-reg-obs{
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: rgb(209,224,235);
	margin-left: 12px;
	margin-right: 12px;	
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
	}
}
@media screen and (max-width: 989px) {
.line-reg-obs{
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: rgb(209,224,235);
	margin-left: 12px;
	margin-right: 12px;	
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-500%);*/
	}
}
   @media (max-width: 990px){
.line-reg-obs{
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: rgb(209,224,235);
	margin-left: 12px;
	margin-right: 12px;	
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-500%);*/
	}
}

.prc-doc{
	color: #ba2133;	
}
.btn-pdf{
	border-radius: 6px;
	background: rgba(147,23,37,.8);
	border:1px solid #931725;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	margin-top: 8px;
}
.btn-pdfnew{
	border-radius: 6px;
	background: rgb(250,173,19);
	border:1px solid #da8a00;
	padding-top: 13px;
	padding-bottom: 5px;
	color: #fff;	
}
.btn-pdfnew2{
	border-radius: 6px;
	background: rgb(254,10,0);
	border:1px solid #da8a00;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	margin-top: 8px;
}
.img-pdf{
	width: 19px;
	height: auto;
	vertical-align: middle;
	text-align: left;
	padding-right: 5px;
	margin-right: 5px;
}
.btn-xml{
	border-radius: 6px;
	background: rgba(98,168,48,.8);
	border:1px solid #62a830;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	margin-top: 8px;
}
.title-carga{
	font-size: 20px;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #0C3C60;
    text-align: center;
    border-left: 2px solid #0C3C60;
    border-right: 2px solid #0C3C60;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    color: #0C3C60;
    box-shadow: 3px 3px 3px #bcb2cc;
}
@media (max-width: 480px){
    .title-carga{
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #0C3C60;
    text-align: center;
    border-left: 2px solid #0C3C60;
    border-right: 2px solid #0C3C60;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    color: #0C3C60;
    box-shadow: 3px 3px 3px #bcb2cc;        
    }
}
.inputfile {
	margin-bottom: 10px;
	opacity: 1;
	overflow: hidden;
	
}
input[type="file"]
{
	display: none;
}
.up-xml{
	background: rgba(98,168,48,.8);
    border: 1px solid #62a830;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
}
.up-pdf{
	border-radius: 6px;
    background: #64B5F6;
    border: 1px solid #64B5F6;
    padding-top: 9px;
    padding-bottom: 10px;
    color: #fff;    
    text-align: center;
}
.section-file{
	margin-bottom: 20px;
	margin-top: 20px;
}
.sub-doc{
	text-align: center;
	font-size: 25px;
	color:#f3a838;
}
.id-doc{
	font-weight: bolder;
	color: #d87751;
}
.btn-enviar{
	padding: 8px;
	font-size: 15px;
	background: #36395a;
    border: 1px solid #7a6699;
    border-radius: 19px;
    color: #fff;
}
.section-filenot{
	display: none;
}
.xml-preview{
	padding: 50px;
	border: 1px solid #7a6699;
    border-radius: 38px;
    margin-bottom: 25px;
    box-shadow: 6px 6px 6px #bcb2cc;
}
.title-xml-p{
	text-align: center;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 2px solid #bcb2cc;
    font-size: 15px;
    color: #7a6699;
    font-weight: bolder;
}
.title-pdf-p{
	text-align: center;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 2px solid #33b87b;
    font-size: 15px;
    color: #33b87b;
    font-weight: bolder;
}
.pdf-preview{
	padding: 25px;
	border: 1px solid #33b87b;
    border-radius: 38px;
    margin-bottom: 25px;
    box-shadow: 6px 6px 6px #33b87b;
    margin-left: 15px;
}
.btn-enviar:focus{
	background: #7a6699;
}
.btn-enviar:hover{
	background: #7a6699;
}
.succes-col{
	background: rgba(0, 166, 90,.60);
	color: #fff;	
}
.error-col{
	background: rgba(190, 35, 53,.60);
	color: #fff;
}
.total-err{
	text-align: center;
	padding: 5px;
	font-size: 15px;
}
.btn-pdf:hover,.up-pdf:hover,.btn-xml:hover,.up-xml:hover{
	opacity: .8;
	cursor:pointer; 
	cursor: hand;
}
.stat-Pagado{
	color: #62a830;	
}
.stat-PagoPendiente{
	/*color: #f5b037;*/
	color: #eb7c44;
}
.stat-Pendiente{
	color: #c92035;
}
.item-men:hover{
	background: #f4f4f5;
}
.response{
	padding: 50px;
    font-size: 19px;
    text-align: center;
    color: #62a830;
    border-bottom: 2px solid #7a6699;
    border-top: 2px solid #7a6699;
    /*box-shadow: 3px 3px 3px #bcb2cc;*/
}
.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;
	white-space:nowrap;
	overflow:hidden;
	}
.autocomplete-selected{
	background:#f0f0f0;
	}
.autocomplete-suggestions strong{
	font-weight:bold;
	color:#0967a7;
}
#mela:before{
  content: "";
}

@media (max-width:991px) and (min-width:450px) {
    #mela:before {
        content: "";
    }
}

@media (max-width:992px){
    #mela:before {
    	
    	color: #343434;
        content: "FECHA: ";
        
    }
}
#orden-order:before{
  content: "";
}

@media (max-width:991px) and (min-width:450px) {
    #orden-order:before {
        content: "";
    }
}

@media (max-width:992px){
    #orden-order:before {
    	
    	color: #343434;
        content: "ORDEN: ";
        
    }
}
#documento:before{
  content: "";
}

@media (max-width:991px) and (min-width:450px) {
    #documento:before {
        content: "";
    }
}

@media (max-width:992px){
    #documento:before {
    	
    	color: #343434;
        content: "DOCUMENTO: ";
        
    }
}
#semana:before{
  content: "";
}

@media (max-width:991px) and (min-width:450px) {
    #semana:before {
        content: "";
    }
}

@media (max-width:992px){
    #semana:before {
    	
    	color: #343434;
        content: "SEMANA: ";
        
    }
}
#total:before{
  content: "";
}

@media (max-width:991px) and (min-width:450px) {
    #total:before {
        content: "";
    }
}

@media (max-width:992px){
    #total:before {
    	
    	color: #343434;
        content: "TOTAL: ";
        
    }
}
#status-p:before{
  content: "";
}

@media (max-width:991px) and (min-width:450px) {
    #status-p:before {
        content: "";
    }
}

@media (max-width:992px){
    #status-p:before {

    	color: #343434;
        content: "STATUS: ";
        
    }
}
@media (max-width: 990px){
.line-reg1{
	/*margin-top: 135px;*/
	font-weight: 600;
	/*padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;*/
	margin-left: 12px;
	margin-right: 12px;
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
	}	
}
@media screen and (max-width: 989px) {
.line-reg1{
	/*margin-top: 140px;*/
	font-weight: 600;
	/*padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;*/
	margin-left: 12px;
	margin-right: 12px;
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-35%);*/
}
}
@media (min-width: 991px){
.line-reg1{
	/*margin-top: 20px;*/
	font-weight: 600;
	/*padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 10px;*/
	margin-left: 12px;
	margin-right: 12px;
	top: 50%;
    /*-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
	}	
}
.carrito-amarillo{color:#c09853;font-size:18px}.carrito-rojo{color:#b94a48;font-size:18px}.desc_cant{color:#b94a48;font-weight:bold}.codigo{color:#b94a48;font-weight:bold}