const { getFontSize } = require("../../controller/documentacion/documentacion");
const { font } = require("../global/sizes");

const style = async(fuente, carga_narrow = false) => {
    // console.log("fuente:" + fuente);
    const font_face_narrow = `
  @font-face {
    font-family: "Arial Narrow";
    src: url("${fuente}/arial-narrow.ttf"),
        url("${fuente}/arial-narrow.woff") format('woff'),
        url("${fuente}/arial-narrow.ttf") format('truetype');
  }

  @font-face {
    font-family: "Arial Narrow Bold";
    src: url("${fuente}/arial-narrow-bold-regular.ttf"),
    url("${fuente}/arial-narrow-bold-regular.woff") format('woff'),
    url("${fuente}/arial-narrow-bold-regular.ttf") format('truetype');
    font-weight: bold;
  }
`;
    // console.log(font_face_narrow);
    return `

${font_face_narrow}


@font-face {
  font-family: "Arial";
  src: url("${fuente}/arial.ttf"),
       url("${fuente}/arial.woff") format('woff'),
       url("${fuente}/arial.ttf") format('truetype');
}
@font-face {
  font-family: "Arial Bold";
  src: url("${fuente}/arialbd.ttf");
  font-weight: bold;
}

body {
  /*font-family: sans-serif;*/
  font-family: "Arial";
  font-size: ${font.size9};
}



.font-empresa {
  font-size: ${font.size15};
  font-weight: bold;
}
.font-sucursal { 
  font-size: ${font.size9};
}
.font-title-file {
  font-size: ${font.size11};
}

.narrow {
  font-family:'Arial Narrow';
}

.narrow-bold {
  font-family: "Arial Narrow Bold";
  font-weight: bold;
}

.fontsize7{
  font-size: 10px;
}
.fontsize-5 {
  font-size: ${font.size5};
}
.fontsize12 {
  font-size: ${font.size12};
}
.fontsize7 {
  font-size: ${font.size7};
}
.fontsize8 {
  font-size: ${font.size8};
}
.fontsize9 {
  font-size: ${font.size9};
}
.fontsize10 {
  font-size: ${font.size10};
}
.fontsize11 {
  font-size: ${font.size11};
}

b {
  font-family: "Arial Bold";
  font-weight: bold;
}


#footer {
  padding-top: 5px 0;
  border-top: 1px solid;
  width: 100%;
}

#footer .fila td {
  text-align: center;
  width: 100%;
}

#footer .fila td span {
  color: #f5a;
}

#container {
  width: 100%;
  margin-top: 3px;
}


td {
  padding: 4px 4px;
  border: 1px solid #88c8b7;
}

.cuadro-texto {
  border: 1px solid #000000;
}

table {
  width: 100%;
  border-collapse: collapse;
  
}

#noborder {
  border-collapse: collapse;
}
h3 {
  display: inline-block;
  background: white;
}

.sinborde {
  border: 1px solid #ffffff;
}

.titulo {
  font-size: ${font.size16} /*localhost: 16pt; produccion: 16px*/
  font-weight: bolder;
}

.pbreak {
  page-break-after: always;
  display: block;
}

.line {
  border: 1px solid #88c8b7;
}

.loa {
  list-style-position: outside;
  list-style-type: lower-alpha;
}

.backf {
  background: #eaffd5;
  padding-left: 14px;
}

.backg {
  background: #fff3d5;
  padding-left: 14px;
}

.backn {
  background: #c5c9cb;
  padding-left: 14px;
}

.bordes {
  padding: 2px;
  margin: 2px;
  border: 0px;
}

.pad {
  padding-left: 10px;
  padding-right: 10px;
}

.page_number {
  text-align: right;
  color: #000;
}

.litte {
  font-size: ${font.size10};
}

.jst-izq {
  text-align: left;
}

.jst-der {
  text-align: right;
}

.jst-jf {
  text-align: justify;
}

.jst-c {
  text-align: center;
}

.row1 {
  width: 100%;
}

.row2 {
  width: 50%;
}

.row3 {
  width: 75%;
}

.row4 {
  width: 25%;
}

.row20 {
  width: 20%;
}
.row30 {
  width: 30%;
}

.row80 {
  width: 80%;
}

.row33 {
  width: 33%;
}

.row40 {
  width: 40%;
}

.marginLargo {
  margin-top: 7.93mm;
}

.marginCorto {
  margin-top: 1.32mm;
}

.marginFirma {
  margin-top: 16.46mm;
}

.saltopagina{
  display: none;
}

.saltoDePagina{
display:block;
page-break-before:always;
}

/*Si un elemento se corta en la siguiente pagina
 toma todo el elemento y lo pasa completo a la siguiente pagina*/
 .saltoPag{ 
   page-break-inside:auto; 
 } 
 
.saltodePag{ 
  page-break-inside: avoid;
} 
.content-medium {
    width: 50%;
    text-align: center;
}
.content {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-3 {
  padding: 25px;
}
.content-between {
  width: 33%;
}
.p-y {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.text-center {
  text-align: center;
}
.table {
  width: 100%;
  border-collapse: collapse;
}
.tab {
  padding-left: 25px;
}
.table-inputs {
  width: 90%;
  padding-right: 10%;
}
th {
  padding: 1%;
 
}
td {
  padding: 1%;
}

.content-img {
  width: 100px;
}
.style-latin-ol {
  list-style-type: lower-alpha;
}
.col-min-table {
  width: 30%;
}
.col-max-table {
  width: 70%;
}
.col-min-table-1 {
  width:20%;
}
.col-max {
  width: 100%;
}
.px {
  padding-left: 2%;
  padding-right: 2%;
}
.mx {
  margin-left: 2%;
  margin-right: 2%;
}
.my {
  margin-top: 2%;
  margin-bottom: 2%;
}
.my-plus {
  margin-top: 7.5%;
  margin-bottom: 2%;
}
.my-more {
  margin-top: 10%;
  margin-bottom: 2%;
}
.mb-more {
  margin-bottom: 8%;
}
.text-left {
  text-align: left;
}
.content-input {
  width: 100%;
  border: solid 2px #88c8b7;
}
.h-100 {
  height: 100%;
}
.py {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.bg-dark {
  background-color: #88c8b7;
}
.text-white {
  color: white;
}
.nav-title-table {
  width: 96%;
}
.text-center {
  text-align: center;
}
.border {
  border: solid 1px #88c8b7;
}
.border-y {
  border-top: solid 1px #DFF8F1;
  border-bottom: solid 1px #DFF8F1;
}
table {
  border-collapse: collapse;
}
.line-color {
  border-bottom: solid 2px #88c8b7;
}
.pt-min {
  padding-top: 12px;
}
.bg-gray-light {
  background-color: #cacfd2;
}
.bold {
  font-weight: bold;
}
.pt-maxis {
  margin-top: 30px;
}
.py-none {
  padding-top: 0px;
  padding-bottom: 0px;
}
.px-none {
  padding-left: 0px;
  padding-right: 0px;
}

.firm-3 {
  width: 30%;
  border-top: solid 2px black;
}
.text-justify {
  text-align: justify;
}

.col-medium {
  width: 50%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.column-count-2 {
  -moz-column-count: 2; 
  -webkit-column-count: 2;
  column-count:2;
}
.px-super-max {
  padding-top: 30px;
  padding-bottom: 30px;
}
.mt-2 {
  margin-top: 15px;
}
.height-100 {
  height: 100%;
}
.height-75 {
    height: 75px;
}
.p-none {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.m-none {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.pt-max {
  padding-top: 50px;
}
.pb-1 { 
  padding-bottom: 10px;
}
.pt-1 {
   padding-top: 5px;
}
.pt-5 {
  padding-top: 20px;
}
.pt-10 {
  padding-top: 50px;
}
.margin-x-2 {
  margin-left: 2%;
  margin-right: 2%;
}
.nav-height {
  max-height: 100px;
}
.break-word {
  word-break: break-all;
}
.height-350-px {
    height: 350px;
}
.col-medium-contrato {
  width: 45%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.col-medium-contrato-media {
  width: 48%;
  padding-left: 1%;
  padding-right: 1%;
}

.text-right {
  text-align: right;
}
.col {
  width: 100%;
  box-sizing: border-box;
}
.col-1 {
  width: 10%;
}
.col-2 {
  width: 15%;
}
.col-8 {
  width: 80%;
}
.col-10 {
  width: 100%;
}
.px-20-porcent {
  margin-left: 10%;
  margin-right: 10%;
}
.list-num-romano {
  list-style-type: upper-roman;
}

.pl-50-px {
  padding-left: 50px;
}
.pl-20-px {
  padding-left: 15px;
}

.mentales {
  position:fixed;
  top:100%;
  transform:transalteY(-100%)
}
.text-red {
   color:red;
}
.pl-10-px {
  padding-left: 5px;
}

/* ------------------- Styles Didier ---------------------- */
.px1 {
  padding-left: 0.3%;
  padding-right: 0.3%;
}

.upper {
  text-transform: uppercase
}

.bg-dark-light {
  background-color: #bfe7dd;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
  float: left
}

.col-md-1 {
  width: 8.333333333333332%
}

.col-md-2 {
  width: 16.666666666666664%
}

.col-md-3 {
  width: 25%
}

.col-md-4 {
  width: 33.33333333333333%
}

.col-md-5 {
  width: 41.66666666666667%
}

.col-md-6 {
  width: 50%
}

.col-md-7 {
  width: 58.333333333333336%
}

.col-md-8 {
  width: 66.66666666666666%
}

.col-md-9 {
  width: 75%
}

.col-md-10 {
  width: 83.33333333333334%
}

.col-md-11 {
  width: 91.66666666666666%
}

.col-md-12 {
  width: 100%
}


.tfoot {
  font-weight: bold;
}

.noborder{
  border: 0px;
}
.border-bottom {
  border-bottom:solid 1px #88c8b7;
}
.border-top {
    border-top:solid 1px #88c8b7;
}
.border-x {
  border-right: solid 1px #88c8b7;
  border-left: solid 1px #88c8b7;
}
.border-none {
  border:none;
}

.borderdwn {
  border-bottom: solid 1px black;
}

.bordertop{
  border-top: solid 1px black;
}
.nobordertop{
  border-top: none;
}
.noborderbottom{
  border-bottom: none;
}
.noborderleft{
  border-left: none;
}
.noborderright{
  border-right: none;
}

.lrt-border{
  border-bottom: none;
  border-left: 1px solid #88c8b7;
  border-right: 1px solid #88c8b7;
  border-top: 1px solid #88c8b7;
}
.nocellpadding {
  border-collapse:collapse; 
}
.nocellpadding td,.nocellpadding th{
  padding: 0;
}
.nocellspacing td {
}
.main {
  word-wrap: break-word;
  word-break:break-all;
}

.fixeed{
  table-layout: fixed;
}

.separador{
  border-bottom: solid 1px  #eaecee;
}
.headt td {

  height: 15px;
   border-top: 0px;
    border-right: 0px;
    
    border-left: 0px;
}

.headt2 td {
 
  height: 15px;
  border-top: 0px;
  border-right: 0px;
  border-bottom:0px;
  border-left: 0px;
}

.altura {
  height: 15px;
}

.tablaborde {


  border-top: 0px;
  border-right: 0px;
  border-bottom:0px;
  border-left: 0px;
  border-style: none;
}

.letratamanios {
  /*font-family: sans-serif;*/
  /*font-family: "Arial", arial;*/
  font-size: ${font.size10};
}

.letratamanios2 {
  
  font-size: ${font.size7};
}

.letratamanios8 {
  
  font-size: ${font.size10};
}

.letratamanios20 {
  font-size: ${font.size20};
}


.espacioBorde {
  
  border-collapse: separate;
  border-spacing: 5px;
 
}

#hr2 { 
  margin: 0;
}

.tableLetra {
  padding: 1%;
  font-size: ${font.size10};
}


.hr50 {

  width:50%; 

}


.UnderLine {
  text-decoration: underline;

}

.espacios{
  white-space: pre-wrap;
}

.hrBajo {
  margin-bottom: 0px; 
  padding-bottom:0px;

}

.underLine{
  text-decoration: underline;
}


.margenesInternos{
  border-x m-none py-none

  border-right: solid 1px #88c8b7;
  border-left: solid 1px #88c8b7;

  margin-left: 0.5px;
  margin-top: 0.5px;
  margin-right: 0.5px;
  margin-bottom: 0.5px;

  padding-top: 3px;
  padding-bottom: 3px;
}

.autorizacionBuro {
  /*font-family: sans-serif;*/
  font-family:'Arial Narrow';
  font-size: ${font.size9};
}

.py-chico{
  padding-top:0.2%;
  padding-bottom:0.2%;
}


`
}
module.exports = {
    style
}