html {
  height: 100%;
  padding: 5px;

}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing:0px;
}

* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p{
  margin-bottom: 0px !important;
}

.ck-editor .ck-editor__editable {
  height: 100px !important; 
}

.table td{
  vertical-align:middle !important;
}

table {
  border: 1px solid #00000040;
  text-align: center;
}

@media (min-width: 1200px) {
  .container {
      max-width: 1328px !important;
  }
}



.bodyadmin {
  background: black;
  width: 100%;
  height: 100%;
  position: relative;
}

.login {
  width: 420px;
  padding: 30px;
  border: 1px solid black;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #101010;
}

.totism{
  text-align: center;
  border: 1px solid #00000030;
  padding: 9px;
  text-align:center;
}

.busasigclte{
  padding: 12px 17px;
  border: 1px solid #00000036;
  margin: 17px 0px 19px;
  box-shadow: 2px 2px 9px #00000045;
  background: #8080800f;
}


@media (max-width: 500px) {
  .login {
      width: 90%;
  }
}

.textitadmin {
  color: white;
  font-size: 22px;
  letter-spacing:0px;
  text-align: center;
  margin-bottom: 15px;
}

.error {
  margin-top: 7px;
  font-size: 20px;
  color: #ff0000d9;
  letter-spacing:0px;
}

.topadmin {
  height: 50px;
  background: black;
}

.conttop1 {
  display: inline-block;
  float: right;
  margin: 11px 17px 0px 30px;
}

.conttop1 a {
  color: white;
}

.conttop2 {
  color: white;
  display: inline-block;
  float: right;
  margin-top: 11px;
}

header {
  height: 50px;
  background: black;
}

#btn-menu {
  display: none;
}

header label {
  font-size: 20px;
  cursor: pointer;
  color: white;
  margin-top: 8px;
  margin-left: 8px;
}

.menu {
  background: black;
  position: absolute;
  top: 50px;
  left: 5px;
  width: 19%;
  transform: translateX(-102%);
  transition: all 0.3s;
  z-index: 2;
}

#btn-menu:checked~.menu {
  transform: translateX(0%);
}




.menu ul {
  display: block;
  list-style: none;
}

.menu ul ul {
  display: none;
}

.menu a {
  color: white;
  display: block;
  text-decoration: none;
  padding: 5px 10px;
}

.menu a:hover {
  background: #000000ad;
}

.menu a span {
  position: absolute;
  right: 10px;
}

.menu ul ul li {
  background: black;
  margin-top: 3px;
  margin-left: 8px;
}

.menu ul ul li:hover {
  background: #2f2d2d;
}



.titprin {
  text-align: center;
  margin-top: 14px;
  text-shadow: 2px 1px 3px #0000007a;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  padding-left: 81px;
}

.titint {
  margin-top: 14px;
  font-size: 25px;
}

.titsec {
  font-size: 20px;
  margin-top: 18px;
}

.menu .abtn {
  padding: 0px;
}

.menu .abtn:hover {
  background: none;
  margin-top: 0px;
}

.menu ul ul .liint {
  background: none;
  margin-top: 0px;
}

.menu ul ul .liint:hover {
  background: none;
}

.dvint {
  margin-top: 16px;
}

.in {
  width: 68%;
  padding: 4px 12px;
  border-radius: 10px;
  border: 1px solid #00000030;
  box-shadow: 1px 2px #0000001f;
  letter-spacing:0px;
}

.descint {
  margin-top: 17px;
  margin-bottom: 7px;
  font-size: 15px;
}

.verinsven{
  float:right;
}

.menu .fadsubsec {}

.menu .contsubsec {
  background: #171717;
}

.menu .subsec {
  background: #171717;
}

.filtroproduct {
  margin-right: 17px;
}

.filtestado {
  margin-right: 55px;
  padding: 4px 8px;
  border-radius: 13px;
  border: 1px solid #00000038;    
  letter-spacing:0px;
}

.cstagrop {
  margin-left: 9px;
  margin-right: 20px;
}

.inpbuscar {
  margin-right: 30px;
  width: 220px;
  border: 1px solid #0000004d;
  border-radius: 13px;
  padding: 3px 10px;
}

.alt {
  font-weight: 500;
  font-size: 15px;
  letter-spacing:0px;
  color: #c30606;
}

.table thead th {
  vertical-align: middle !important;
}

.inpfile{    width: 100%;
  margin: 15px 0px;
  padding: 7px 10px;
  border-radius: 5px;
  border: 1px solid #00000047;
  letter-spacing:0px;
  font-size: 15px;}

.file_buscar{
  width: 45%;
  border-radius: 6px;
  border: 1px solid #00000038;
  padding: 4px 8px;
  letter-spacing:0px;
} 

.titinsint{text-align: left;
  margin-left: 30px;
  margin-bottom: 12px;
  margin-top: -20px;
  font-weight:bold;}
  
.tit_ism_vnc{
  font-weight: 600;
  font-size: 15px;
}  

.gananciagren{
  color:#0e9e0e;
} 

.gananciared{
  color:red;
}  

.inptclte{
  background: white;
  border: none;
  width: 101%;
  text-align: center;
}

.titfact{
  font-weight:600;
  text-align:left;
  padding-left: 40px !important;
}  

.infoedit{
  border: 2px solid #0000ff47;
  border-radius: 4px;
  width: 42%;
}

.coments{
  width: 101%;
  height: 102px;
  font-size: 12px;
}

.titcoment{
  width: 37%;
  padding-left: 20px!important;
}

.infodtllserv{
  display:inline-block;
  width:43%;
  padding-left: 130px;
  font-weight: 600;
}

.infodtll{
  display:inline-block;
  width:40%;
}

.comentarios{
  width: 100%;
  border-radius: 5px;
  border-color: #0000ff47;
  height: 77px;
  padding: 8px;
  text-align: justify;    
}

.titconmet{
  margin: 23px 128px -1px;
  font-size: 15px;
  font-weight: 600;
}

.insum_edit_fn{
  text-align: center;
  border-radius: 4px;
  border: 2px solid #0000ff57;
}

.titnom{
  margin-bottom:8px;
  text-align:right;    
  font-weight:500;
}


.infonomi{
  margin-bottom:8px;
}

.erasenom{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 16px;
  font-size: 15px;
  font-weight: 500;
  color: red;    
}

.editnom{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 16px;
  font-size: 15px;
  font-weight: 500;
  color: black;    
}

.titnomedit{
  margin-top: 11px;
  margin-bottom: 25px;
  text-align: right;
  margin-right: 5px;
  font-weight: 500;
}

.titinforme{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.filtdoc{
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #00000036;
  padding: 15px 3px 15px 18px;
}

.infovent{
  font-weight:500;
  font-size: 16px;
}

.inpventa{
  border-radius: 15px;
  border: 1px solid #00000057;
  padding: 2px 11px;
}

.infoutili{
  margin-top: 0px;
  letter-spacing:0px;
  font-size: 16px;
  margin-bottom: 13px;
  text-align: right;
}

.utitot1{color:red;}
.utitot2{color:green;}

.dvedit{margin-top:20px;}

.ipteditinv{width:61% !important;}

.etvol{
  text-align: right;
  font-weight: 600;
  margin-top: 5px;
}

.col1pygrig{
  text-align: right;
  font-size: 20px;
  font-weight: 500;
  padding: 4px;
}
.col1pyglef{
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  padding: 4px;
}

.col2pyg{    
  font-size: 20px;
  font-weight: 500;
  margin-top: 12px;
}

.titeys{
  font-size: 18px;
  letter-spacing:0px;
  font-weight: 500;
}

.toteys{
  font-size:18px;
  letter-spacing:0px;
  font-weight: 500;
}

.infeys{
  font-size:15px;
  letter-spacing:0px;
  font-weight: 500;    
}

.formula{
  font-size: 17px;
  font-weight: 500;
  letter-spacing:0px;
}

.fechbal1{
  margin-bottom: 20px;
}


.on{
  display:block;  
}

.off{
  display:none; 
}

.ctinv{
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
  border: 1px solid #0000003b;
  padding: 10px;
  background: #80808012;
}

.imgprd{
  width: 120px;
  height: 90px;
}

.formvta{
  border: 1px solid #cccccc;
  width: 61%;
  min-height: 450px;
  padding: 9px 18px;
  border-radius: 4px;
  margin-bottom: 30px;
  display: inline-block;
}

.btnagprd{
  padding: 5px 23px;
  border-radius: 16px;
  background: #1287ecf7;
  color: white !important;    
}

.btnagprd:hover{
  background:#1073caf7; 
  color:white !important;
}

.iptprod{
  margin-top: 6px;
  border-radius: 5px;
  border: 1px solid #00000052;
  padding-left: 8px;
  width: 42%;
}

.undpord{
  margin-top: 6px;
  border-radius: 5px;
  border: 1px solid #00000052;
  padding-left: 8px;
  width: 30%;
  margin-left: 9px;
}

.btnesco{
  margin-top: 10px;
  padding: 4px 13px;
  border-radius: 5px;
  border: none;
  color: white;
  background: #007bff;
  letter-spacing:0px;
  margin-left: 9px;
  cursor:pointer;
}

.btnesco:hover{
  background:#0b5db5;
  color:white;
}

.btnescoalert{
  margin-top: 10px;
  padding: 4px 13px;
  border-radius: 5px;
  border: none;
  color: white;
  background: #de2b2b;
  letter-spacing:0px;
  margin-left: 9px;
}

.btnescoalert:hover{
  background:#ff1010;
}

.msj{
  font-weight: 700;
  margin-top: 12px;
  font-size: 15px;
  letter-spacing:0px;
}

.tot{
  text-align: right;
  background: #80808029;
  padding: 6px;
}

.valtot{
  text-align: right;
  background: #80808029;
  padding-top: 6px;
}

.vn{
  text-align: right;
  background: #8080807a;
  padding: 7px;
}

.totval{
  text-align: right;
  background: #8080807a;
  padding-top: 7px;
}

.iptvta{
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid #0000005c;
  width: 95%;
}

.estad{
  font-weight: 400;
  font-size: 14px;
  letter-spacing:0px; 
  color: white;
  padding: 3px 25px;
  border-radius: 4px;
  background: #000000c9;
  margin-left: 6px;
  box-shadow: 2px 2px 4px #000000b8;
}

.estfacty{
    font-size: 14px;
    color: black;
    letter-spacing: 0px;
    font-weight: 500;
    box-shadow: 2px 2px 4px #00000087;
    padding: 3px 46px;
    border-radius: 4px;
    margin-left: 6px;
    background: #47db7bc4;
}

.sldctra{
  font-size: 14px;
  letter-spacing:0px; 
  background: #f54040;
  color: white;
  font-weight: 500;
  box-shadow: 2px 2px 4px #000000b8;
  padding: 3px 25px;
  border-radius: 4px;
  margin-left: 6px;
}

.forfac{
  width: 38%;
  position: absolute;     
  top: 207px;
  right: 3px;
     
}

.verfomr{
  border: 1px solid #cccccc;border-radius: 4px;width: 98%;
}

.dvctra{
  width: 100%;
  border: 1px solid #00000029;
  padding: 4px 8px 17px;
  border-radius: 5px;
  margin-top: 15px; 
}

.infpyg{
  width: 60%;
  margin: 0 auto;
  border: 1px solid #00000033;
  padding: 4px;
  background: #80808029;
  border-radius: 4px;
  box-shadow: 2px 2px 4px #000000a1;
  margin-top: 15px;
}

.infeys{
  border: 1px solid #00000040;
  padding: 10px 0px;
  border-radius: 4px;
  background: #80808030;
  box-shadow: 2px 2px 5px #00000091;
}

.infservi{
  margin-bottom: 25px;
  border: 1px solid #0000002b;
  padding: 20px 8px;
  background: #8080800f;
  box-shadow: 2px 2px 9px #00000045;
}

.iteminvent{
  background: brown;
}   
.itemcontentinvent{
  background: #a52a2ae0;
}

.itemiform{
  background: #066b06d9;
}
.itemcontentinfor{
  background: #066b06c2;
}

.itemservi{
  background: #007bff;
}
.itemcontentservi{
  background: #007bffd9;
}

.itemcontab{
  background: #573989;
}
.itemcontentcontab{
  background: #573989e3;
}

.itemdas{    
  color: white;
  padding: 10px 14px;
  text-align: center;
  height: 130px;
  cursor: pointer; 
  box-shadow: 3px 3px 6px black;   
}

.intemint{
  margin: 40px;
  font-size: 20px;
  letter-spacing:0px 
}

.itemcontent{    
  color: white;
  padding: 15px 18px;
  height: 115px;
  display: none;
  transition: all 0.3s;
}

div#itemdas:hover div#itemcontent{
  display: block;
  transition: all 0.3s;
  box-shadow: 3px 3px 6px black;
}

.titclte{
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  letter-spacing:0px;
  margin-bottom: 40px;
  margin-top: 21px;
}

.textareaseg{
  width: 100%;
  height: 149px;
  padding: 9px 13px;
  border-radius: 5px;
  margin-top: 9px;
  letter-spacing:0px;
  text-align: justify;
}

.btnseg{
  color: white;
  font-size: 14px;
  padding: 7px 16px;
}



.titgestionint{
  font-size: 20px;
  font-weight: 500;
  letter-spacing:0px;
  margin-bottom: 12px;
}

.brdegest{
  border: 1px solid #0000003d;
  padding: 13px 8px;
  margin-top: 20px;
  border-radius: 4px;
}

.tithistseg{
  font-size: 20px;
  font-weight: 600;
  letter-spacing:0px;
  margin-top: 54px;
}

.mengest{
  border: 1px solid #00000038;
  padding: 29px 1px 20px;
  border-radius: 4px;
  background: #80808026;
}

.dateseg{
  margin-top: -7px;
  font-size: 14px;
  letter-spacing:0px;
  font-weight: 500;
  margin-bottom: 5px;
}

.texseg{
  font-size: 14px;
  text-align: justify;
  letter-spacing:0px;
}

.fact{
  font-weight: 600;
  color: #000000b0;
  text-shadow: 1px 1px 2px #0000005e;
}

.tareavncda{
  color: red;
  font-size: 15px;
  font-weight: 500;
  letter-spacing:0px;
}

.tarearealzda{
  color: #ce4a0b;
  font-size: 15px;
  font-weight: 500;
  letter-spacing:0px;
}

.tareaecha{
  color: green;
  font-size: 15px;
  font-weight: 500;
  letter-spacing:0px;
}

.edittarea{
  border-radius: 3px;
  text-align: center;
  height: 80px;
  padding: 18px;
  color: white;
  letter-spacing:0px;
  font-size: 15px;
  box-shadow: 2px 2px 4px black;
  cursor: pointer;
}

.irtarea{
  border-radius: 3px;
  text-align: center;
  height: 115px;
  padding-top: 10px;
  color: white;
  letter-spacing:0px;
  font-size: 15px;
  box-shadow: 2px 2px 4px black;       
}

.btrir:hover{
  color: white;
}



/*div#edittarea:hover div#irtarea{
  display: block;
  transition: all 0.3s;
  box-shadow: 2px 2px 4px black;
}*/

.btrir{
  color: white;
  border: none;
  padding: 3px 26px;
  border-radius: 3px;
  background: #e82929;
  box-shadow: 2px 2px 4px black;
}

.titact{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing:0px;
}

.infoevetn{
  width: 100%;
  background: white;
  border: none;
  color: black;
  letter-spacing:0px;
  font-size: 13px;
}

.btnirdash{
  color: white !important;
  background: #9c2828;
  border-radius: 4px;
  padding: 3px 20px 4px 20px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 2px 2px 3px #000000e3;
}

.contentdas{
  font-weight:500; font-size:15px;
}

.ininegdash{
  color: white;
  font-weight: 500;
  letter-spacing:0px;
  font-size: 15px;
}

.ininegdash:hover{
  color: white;
  margin-left: 2px;
}

.titgrapich{
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing:0px;
}

  #chartdiv {
    width: 90%;
    height: 400px;
  }

  #chartdiv_efect {
    width: 100%;
    height: 500px;
  }

  #chartdiv_gestion {
    width: 100%;
    height: 212px;
  }

  #chartdiv_cltenew {
    width: 100%;
    height: 416px;
  }

  #chartdiv_calidad {
    width: 90%;
    height: 500px;
  }

  #chartdiv_prodcut {
    width: 100%;
    height: 380px;
  }

  #chartdiv_embudo {
    width: 100%;
    height: 500px;
  }

  .titgefc{
      margin-top: 47px;
      margin-bottom: 20px;
  }

  .textCenter{
      text-align: center;
  }

  .textLeft{
      text-align: left;
  }    

  .textRigth{
      text-align: right;
  }

  .textJusti{
    text-align: justify;
  }

  .wit49{
      width: 36%;
  }
  .wit50{
      width: 63%;
  }

  .marbot{margin-bottom: 5px;}

  .padlef40{padding-right: 40px;}

  .texaligrit{text-align: right;}

  .mlft27{margin-left: -37px;}

  .titservdesc{
      border: 1px solid #0000002b;
      width: 100%;
      padding: 0px 0px 17px; 
      background: #8080800f;
      box-shadow: 2px 2px 9px #00000045;
      margin-top: 8px;
      margin-bottom: 19px;
  }

  .infofacserv{
      margin-top: 10px;
      box-shadow: 1px 1px 10px #0000008c;
      padding-top: 17px;
  }

  .filtserv{
      border: 1px solid #0000002b;
      padding: 20px 8px;
      background: #8080800f;
      box-shadow: 2px 2px 9px #00000045;
  }

  .iptserv{
      padding: 1px 8px;
      border-radius: 3px;
      border: 1px solid #00000029;
      letter-spacing:0px;
  }

  .cotiservi{
      width: 55%;
      /*margin: 0 auto;*/
      padding: 10px 4px;
      border: 1px solid #00000029;
      box-shadow: 2px 5px 7px #00000040;
  }

  .infoservicot{
      border: 1px solid #0000000d;
      margin: 13px;
      background: #80808021;
      padding: 11px 11px 4px;
      margin-bottom: -5px;
      letter-spacing:0px;
      width: 97%;
  }

  .ret{
      border: 1px solid #00000030;
      padding: 1px 7px;
      width: 12%;
  }

  .iptproyec{
      width: 59px;
      padding: 1px 4px;
      border-radius: 4px;
      border: 1px solid #00000042;
      box-shadow: 1px 1px 2px #00000057;
  }

  .fot500{
      font-weight: 500;
  }

  .marbot15{margin-bottom: 15px;}

  .infopryect{
      margin-bottom: 20px;
      /* border: 1px solid #0c0c0c2e; */
      padding-bottom: 17px;
      padding-top: 12px;
      border-radius: 3px;
      background: #0a0a0a08;
      box-shadow: 4px 4px 7px #00000061;
  }

  .logemp{
      text-align: right;
      margin-top: 25px;
      margin-bottom: -20px;
  }

  .titleproyec{
      font-weight: 500;
      letter-spacing:0px;
      margin-bottom: 7px;
  }

  .titnameproy{
      text-align: center;
      font-size: 20px;
      margin-bottom: 10px;
      letter-spacing:0px;
      border: 1px solid #012f5f1f;
      padding: 6px 1px;
      background: #d3d3d321;
      border-radius: 4px;
      box-shadow: 2px 2px 7px #00000036;
  }

  .date-proyec{
      background: #25cc8ee0;
      color: white;
      padding: 2px;
      border-radius: 3px;
      box-shadow: 2px 2px 4px #00000078;
      font-weight: 500;
      letter-spacing:0px;
      text-shadow: 1px 1px 3px #000000c4;
  }

  .contrescrm{
      margin-top: 27px;
      border: 1px solid #00000026;
      border-radius: 5px;
      box-shadow: 2px 2px 5px #00000030;
      width: 100%;
      margin-bottom: 25px;
  }

  .titrescrm{
      margin-top: 70px;
      text-align: center;
      margin-bottom: -5px;
      font-size: 20px;
      letter-spacing:0px;
      text-shadow: 1px 1px 2px #00000033;
      border: 1px solid #d0ade60f;
      padding: 8px;
      background: #d0ade62e;
      box-shadow: 2px 2px 4px #00000038;
      border-radius: 4px;
      color: #000000a3;
  }

  .proyecdias{              
      font-size: 16px;
      letter-spacing:0px;
      font-weight: 500;
      color: #0000009e;        
  }

  .contepr{
      border: none;
      margin-bottom: -16px;
      padding: 17px 15px;
      background: #0000000a;
  }

  .day_proy{
      font-size: 15px;
      letter-spacing:0px;
      border: 1px solid #ffb1002e;
      padding: 2px 18px;
      border-radius: 4px 4px 0px 0px;
      background: #ffb1002e;
      box-shadow: 1px 1px 3px #00000069;
  }

  .day_pro_venci{
      border: 1px solid #ff00002e;
      background: #ff000040;
  }

  .day_pro_tod{
      border: 1px solid #00ff893d;
      background: #00ff893d;
  }

  .verbtnproye{
      background: #2447c782;
      /* border: 1px solid #ffb1002e; */
      color: white;
      text-shadow: 1px 1px 2px #000000e6;
      padding: 7px 20px;
      border-radius: 6px;
      box-shadow: inset 0px 0px 6px 4px #00000061;
      letter-spacing:0px;
  }

  .verbtnproye:hover{
      margin-left: 1px;
      color: white;
  }

  .titdrill{
      margin-top: 40px;
      border: 1px solid #00000014;
      padding: 9px;
      background: #d3d3d32e;
      text-align: center;
      font-size: 18px;
  }

  .titpromcomp{
      margin-top: 18px;
      font-size: 18px;
      font-weight: 500;
  }

  .promcomp{
      background: #008062b0;
      color: white;
      padding: 4px 13px;
      letter-spacing:0px;
      border-radius: 4px;
      font-weight: 500;
      font-size: 18px;
  }

  .negcerefec{
      border: 3px solid #05a04366;
      background: white;
      box-shadow: 3px 3px 3px #00000052;
  }

  .negcerinefec{
      border: 3px solid #ff030366;
      background: white;
      box-shadow: 3px 3px 3px #00000052;
  }

  .comp{
      text-align: center;
      margin-top: 20px;
      border: 1px solid #0000001c;
      padding: 10px 22px;
      border-radius: 6px;
      background: #ee62f70d;
      box-shadow: 2px 2px 5px #0000004a;
      letter-spacing:0px;
      font-size: 14px;
  }

  .val_comparado{
      border: 0.3px solid #07a2ee;
      margin-bottom: 8px;
      margin-top: 5px;
      border-radius: 3px;
      padding: 3px 3px;
      box-shadow: 2px 2px 4px #0758a4c7;
  }

  .elim{
      text-align: right;
      margin-top: -7px;
      margin-right: -15px;
      margin-bottom: -3px;        
  }

  .titvalfac{
      margin-top: 7px;
      text-align: right;
      padding-right: 84px;
  }

  .vf{
      margin-top: 7px;
      font-size: 17px;
      font-weight: 500;
      letter-spacing:0px;
  }

  .piva{
      padding: 1px 7px;
      border-radius: 5px;
      border: 1px solid #0000003b;
      width: 14%;     
  }

  .titcte{

      font-size: 15px;
      letter-spacing:0px;
  }

  .titcat{
      padding-bottom: 8px;
      border: 1px solid #00000014;
      padding-top: 7px;
      text-align: center;
      border-radius: 5px;
      background: #0000000a;
      box-shadow: 2px 2px 3px #0000004f
  }

  .contsimu{
      border: 1px solid #00000003;
      padding: 20px 27px 21px;
      margin-top: 30px;
      border-radius: 6px;
      box-shadow: 2px 2px 6px #0000007a;
  }

  .titsimu{
      font-weight: 500;
      font-size: 15px;
      letter-spacing:0px;
  }


  .martop3{margin-top: 3px;}
  .martop5{margin-top: 5px;}
  .martop7{margin-top: 7px;}
  .martop8{margin-top: 8px;}
  .martop9{margin-top: 9px;}
  .martop10{margin-top: 10px;}
  .martop12{margin-top: 12px;}
  .martop15{margin-top: 15px;}
  .martop18{margin-top: 18px;}
  .martop23{margin-top: 23px;}
  .martop20{margin-top: 20px;}
  .martop25{margin-top: 25px;}
  .martop27{margin-top: 27px;}
  .martop30{margin-top: 30px;}
  .martop32{margin-top: 32px;}
  .martop35{margin-top: 35px;}
  .martop40{margin-top: 40px;}
  .martop45{margin-top: 45px;}
  .martop50{margin-top: 50px;}
  .martop55{margin-top: 55px;}
  .martop60{margin-top: 60px;}
  .martop65{margin-top: 65px;}
  .martop73{margin-top: 73px;}
  .martop80{margin-top: 80px;}
  .martop85{margin-top: 85px;}
  .martop90{margin-top: 90px;}
  .martop100{margin-top: 100px;}
  .martop105{margin-top: 105px;}
  .martop110{margin-top: 110px;}
  .martop115{margin-top: 115px;}
  .martop119{margin-top: 119px;}
  .martop122{margin-top: 122px;}
  .martop127{margin-top: 127px;}
  .martop135{margin-top: 135px;}
  .martop160{margin-top: 160px;}
  .martop220{margin-top: 220px;}
  .martop290{margin-top: 290px;}
  .martop405{margin-top: 405px;}

  .marlef5{margin-left: 5px;}

  .marbott10{margin-bottom: 10px}
  .marbott15{margin-bottom: 15px}
  .marbott20{margin-bottom: 20px}

  .padbott22{padding-bottom: 22px !important;}

  .padlef{padding-left: 15px;}
  .pad0{padding: 0px;}

  .font10{font-size: 10px;}
  .font11{font-size: 11px;}
  .font12{font-size: 12px;}
  .font13{font-size: 13px;}
  .font14{font-size: 14px;}
  .font15{font-size: 15px;}
  .font16{font-size: 16px;}
  .font17{font-size: 17px;}
  .font19{font-size: 19px;}
  .font20{font-size: 20px;}
  .font25{font-size: 25px;}
  .font30{font-size: 30px;}
  .font35{font-size: 35px;}
  .font40{font-size: 40px;}

  .weigth4{font-weight: 500;}
  


  .infocredi{
      width: 45%;
      margin: 0 auto;
      border: 1px solid #0000001a;
      padding: 18px 20px;
      box-shadow: 2px 3px 6px #0000003b;
      border-radius: 5px;
      margin-top: 50px;
  }

  .valcr{
      font-size: 20px;
      border: 1px;
      padding: 6px;
      text-align: center;
      width: 93%;
      margin: 0 auto;
      background: #90ee908a;
      border-radius: 5px;
      box-shadow: 2px 2px 3px #00000047;
      margin-bottom: 18px;
  }

  .valseg{
      padding-left: 24px;
      font-size: 16px;
      font-weight: 500;
      width: 52%;
      text-align: center;
      border: 1px solid #00000026;
      border-radius: 4px;
      margin-left: 20px;
      padding: 3px;
      margin-bottom: 13px;
      box-shadow: 2px 2px 2px #00000038;
      background: #f9f9f9;
  }

  .sim{
      font-size: 20px;
      font-weight: 500;
  }

  .vct{
      font-size: 15px;
      letter-spacing:0px;
      font-weight: bold;
  }

  .btsc{
      text-align: center;
      margin-top: 24px;
      margin-bottom: -30px;   
  }

  .solcredito{
      background: #099a50a6;
      padding: 1px 17px;
      border-radius: 3px;
      color: white;
      font-weight: 500;
      letter-spacing:0px;
  }

  .titformcred{
      text-align: center;
      margin-top: 35px;
      margin-bottom: 16px;
      font-size: 23px;
      letter-spacing:0px;
      font-weight: 400;
  }

  .titinfocred{
      text-align: center;
      margin-top: 31px;
      margin-bottom: 5px;
      font-size: 17px;
      letter-spacing:0px;
      border: 1px solid transparent;
      padding: 4px;
      background: #0397c3;
      color: white;
      font-weight: 400;
      box-shadow: 2px 3px 4px #00000069; 
      text-shadow: 2px 1px 3px #000000d6;
  }     
  

  .infocltcred{
      margin-top: 13px;
      border: 1px solid transparent;
      padding: 12px 7px;
      background: #f8f9fa;
      color: black;
      box-shadow: 3px 3px 3px #00000045;
  }

  .titinfocltcred{
      font-size: 15px;
      letter-spacing:0px;
      font-weight: 500;    
  }

  .infocredsol{
      border: 1px solid #b3d7ff0f;
      margin-top: 28px;
      padding: 14px 1px;
      background: #f8f9fa;
      box-shadow: 3px 3px 5px #00000047;        
  }

  .tinfosolcrd{
      padding-left: 25px;
      font-size: 14.5px;
      letter-spacing:0px;
      font-weight: 500;
  }

  .valsol{
      background: #099a50a6;
      color: white;
      padding: 3px 40px;
      border-radius: 3px;
      letter-spacing:0px;
      box-shadow: 2px 2px 3px #0000005e;

  }

  .valsol2{
      background: #0000001a;
      padding: 1px 29px;
      border-radius: 2px;
      box-shadow: 1px 1px 4px #00000085;
  }

  .valsol3{
      background: #099a50a6;
      color: white;
      padding: 3px 47px;
      border-radius: 3px;
      letter-spacing:0px;
      box-shadow: 2px 2px 3px #0000005e;

  }

  .solapro{
      background: #1068c3e0;
      padding: 7px 86px;
      font-size: 17px;  
      border-radius: 3px;
      color: white;
      box-shadow: 2px 2px 3px #000000ba;
      border: none;
  }

  .solapro:hover{
      color: white;
      margin-left: 2px;
  }

  .soldeneg{
      background: #c31010db;
      padding: 7px 86px;
      font-size: 17px;
      border-radius: 3px;
      color: white;
      box-shadow: 2px 2px 3px #000000ba;
      border: none;
  }

  .soldeneg:hover{
      color: white;
      margin-left: 2px;
  }

  .titestado{
      font-size: 25px;
      color: #000000d1;
      border-radius: 3px;
      text-shadow: 1px 1px 3px #00000082;
      letter-spacing:0px;
  }

  .estdsol{
      background: #ffa500b8;
      padding: 7px 39px;
      font-size: 17px;
      border-radius: 3px;
      color: white;
      text-shadow: 1px 1px 3px black;
      box-shadow: 2px 2px 4px #0000008a;
      letter-spacing:0px;
  }

  .estadoaprov{
      background: #18bf53;
      padding: 5px 90px;
      font-size: 16px;
      color: white;
      border-radius: 3px;
      border: none;
      box-shadow: 2px 2px 4px #0000009c;
      letter-spacing:0px;
      text-shadow: 2px 1px 3px black;
  }

  .estadodenegado{
      background: #dc471bf0;
      padding: 5px 90px;
      font-size: 16px;
      color: white;
      border-radius: 3px;
      border: none;
      box-shadow: 2px 2px 4px #0000009c;
      letter-spacing:0px;
      text-shadow: 2px 1px 3px black;
  }

  .titformsol{
      font-weight: 500;
      letter-spacing:0px;
      font-size: 16px;
  }

  .confirmdoc{
      text-align: center;
      margin-top: 12%;
      font-size: 43px;
      letter-spacing:0px; 
      background: #71c3de;
      border-radius: 4px;
      padding: 21px 2px;
      box-shadow: 5px 6px 8px #00000059;
      color: white;
      text-shadow: 2px 2px 4px #000000cc;
  }

  .verarch{
      margin-top: 9px;
      letter-spacing:0px;
      font-size: 15px;
      background: #040404a6;
      padding: 3px 37px;
      border-radius: 3px;
      color: white;
      text-shadow: 1px 1px 2px black;
  }

  .verarch:hover{
      color:white;
      margin-left: 2px;
  }

  .infocart{
      border-radius: 4px;
      background: #f9f9f9;
      padding: 12px 1px;
      box-shadow: 3px 3px 5px #0000002b;
  }

  .sptitcar{
      letter-spacing:0px;
      font-weight: 500;
  }

  .titrefcart{
      font-size: 20px;
      margin-bottom: 17px;
      letter-spacing:0px;
      padding: 4px 0px;
      text-align: center;
      border-radius: 5px;
  }

  .aldia{
      padding: 2px 48px;
      font-size: 14px; 
      background: #18bf53;
      color: white;
      border-radius: 3px;
      border: none;
      box-shadow: 2px 2px 4px #0000009c;
      letter-spacing:0px;
      text-shadow: 2px 1px 3px black;
  }

  .enmora{
      padding: 2px 48px;
      font-size: 14px; 
      background: #d60303c2;
      color: white;
      border-radius: 3px;
      border: none;
      box-shadow: 2px 2px 4px #0000009c;
      letter-spacing:0px;
      text-shadow: 2px 1px 3px black;
  }

  .desrmbl{
      background: #176fca;
      padding: 2px 15px;
      border-radius: 3px;
      color: white !important;
      box-shadow: 2px 2px 2px #00000094;
      cursor: pointer;
  }

  .desrmbl:hover{
      color: white !important;
      cursor: pointer;
  }

  .dsbl{
      padding-right: 16px;
      font-size: 20px;
      font-weight: 400;
  }

  .bet_desem{
      padding: 7px 111px;
      border: none;
      font-size: 19px;
      letter-spacing:0px;
      border-radius: 5px;
      box-shadow: 3px 3px 4px #00000061;
      background: #d61919de;
      color: white;
      text-shadow: 2px 2px 3px #000000f2;
  }

  .estadodesneg{
      color: red;
      text-shadow: 1px 1px 1px #000000;
  }

  .estadodespos{
      color: #0cc570;
      text-shadow: 1px 1px 1px #000000;
  }

  .etiqcart{
      margin-top: 14px;
      margin-bottom: -14px;
      font-size: 13px;
      letter-spacing:0px;
  }

  .btncuota{
      background: #1e63e0d9;
      padding: 4px 61px;
      color: white !important;
      font-size: 15px;
      border-radius: 4px;
      box-shadow: 2px 2px 3px #000000c7;
  }

  .btncuota:hover{
      color: white !important;
      margin-left: 2px;
      cursor: pointer;
  }

  .titinfds{
      margin-top: 34px;
      font-size: 17px;
      font-weight: 500;
      margin-bottom: 13px;
  }

  .sldopendiente{
      background: #808080e8;
      padding: 3px 13px;
      border-radius: 3px;
      color: white;
      letter-spacing:0px;
      box-shadow: 2px 2px 3px #0000005c;
      text-shadow: 1px 1px 2px black;
      letter-spacing:0px;
  }

  .titcta{
      font-weight: 500;
      font-size: 14px;
  }

  .estcuota{
      background: #e4e2e252;
      padding: 1px 13px;
      border-radius: 3px;
      box-shadow: 1px 1px 2px #0000008f;
      letter-spacing:0px;
  }

  .feccuot{
      padding: 1px 16px;
      background: #f2f2f2;
      border-radius: 3px;
      box-shadow: 1px 1px 2px #0000008f;
      letter-spacing:0px;
  }

  .numpag{
      font-size: 25px;
      background: #262928a3;
      padding: 3px 15px;
      color: white;
      border-radius: 3px;
      box-shadow: 2px 2px 3px #000000c2;
  }

  .conttas{
      border: 1px solid #0000000a;
      margin-top: 20px;
      padding: 28px 1px;
      background: #80808014;
      border-radius: 4px;
      box-shadow: 3px 3px 3px #00000026;
  }

  .xtxcottas{
      font-weight: 500;
      font-size: 15px;
      letter-spacing:0px;
  }

  .coa{
      background: #f3b0d1;
      color: #5f5e5f;
      padding: 1px 29px;
      border-radius: 2px;
      font-weight: 500;
      font-size: 17px;
      letter-spacing:0px;
      box-shadow: 2px 2px 2px #000000a6;
  }

  .com{
      background: #73a967;
      color: #e2e7eb;
      padding: 1px 29px;
      border-radius: 2px;
      font-weight: 500;
      font-size: 17px;
      letter-spacing:0px;
      box-shadow: 2px 2px 2px #000000a6;
  }

  .titinfcr{
      font-size: 17px;
      font-weight: 500;
      letter-spacing:0px;
  }

  .dmora{
      font-size: 15px;
      font-weight: bold;
      background: red;
      color: white;
      padding: 1px 9px;
      border-radius: 3px;
      box-shadow: 1px 1px 2px #000000bd;
  }

  .val_mora{
      font-size: 15px;
      font-weight: bold;
      background: #6b5f5f;
      color: white;
      padding: 1px 9px;
      border-radius: 3px;
      box-shadow: 1px 1px 2px #000000bd; 
  }

  .contcred{
      width: 101%;
      float: right;
  }

  .btn-rees{
      border: 1px solid white;
      background: #1bbb7891;
      color: white;
      padding: 6px 73px;
      border-radius: 3px;
      box-shadow: 3px 3px 3px #00000069;
      font-size: 15px;
      font-weight: 500;
      letter-spacing:0px;
      text-shadow: 1px 1px 2px #000000d6;
  }

  .sld_pend{
      background: #ce1c1c;
      color: white;
      padding: 1px 22px;
      border-radius: 3px;
      box-shadow: 2px 2px 3px #000000c7;
      letter-spacing:0px;
      text-shadow: 1px 1px 2px black;
  }

  .val_pag{
      background: #2eab66;
      color: white;
      padding: 4px 44px;
      border-radius: 3px;
      text-shadow: 1px 1px 2px black;
      box-shadow: 2px 2px 3px #000000b8;
  }

  .nocumple{
      font-weight: 400;
      color: white;
      background: red;
      text-align: center;
      padding: 3px;
      border-radius: 2px;
      box-shadow: 2px 2px 3px #000000c4;
  }

  .ncta{
      padding: 1px 8px;
      width: 6%;
      border-radius: 5px;
      border: 1px solid #00000030;
      box-shadow: 1px 2px #0000001f;
      letter-spacing:0px;
  }

  .valcta{
      width: 47%;
      padding: 2px 12px;
      border-radius: 5px;
      border: 1px solid #00000030;
      box-shadow: 1px 2px #0000001f;
      letter-spacing:0px;
  }

  .contabono{
      width: 100%;
      padding: 13px 16px;
      margin-top: 19px;
      background: #0000000d;
      box-shadow: 2px 2px 3px #00000082;
      border-radius: 4px;
  }

  .listcjekpen{
      background: #ff0000de;
      color: white;
      padding: 2px 32px;
      border-radius: 4px;
      margin-left: 9px;
      box-shadow: 1px 1px 4px #00000094;
  }

  .ipthist{
      width: 117%;
      padding: 0px 10px;
      border: none;
      box-shadow: 1px 1px 3px black;
      border-radius: 2px;
      letter-spacing:0px;
  }

  .modjud{
      width: 100%;
      height: 124px;
      border: none;
      box-shadow: 2px 2px 5px black;
      border-radius: 3px;
      padding: 4px 11px;
      letter-spacing:0px;
  }

  .listok{
      background: #8080802e;
      color: black;
      padding: 1px 10px;
      font-weight: 400;
      border-radius: 2px;
      box-shadow: 2px 2px 3px #00000061;
      letter-spacing:0px;
  }

  .divwind{
      font-weight: 400;
      background: #007bff;
      color: white;
      padding: 3px 11px;
      border-radius: 2px;
      box-shadow: 1px 1px 3px #000000a6;
  }

  .refe{
      padding: 2px 12px;
      background: #3781bfe8;
      color: white;
      border-radius: 2px;
      box-shadow: 2px 2px 3px #0000007d;
  }
  
  .in_o{
      padding: 1px 5px;
      border: 1px solid #00000052;
      border-radius: 2px;
  }

  .txtbio{
      font-size: 13px;
      height: 90px !important;
      letter-spacing:0px;
  }

  .gio{
      width: 45px;
      border: 1px solid #0000003d;
      border-radius: 3px;
      padding: 2px 2px;
  }

  .juri{
      background: #ec1414e8;
      color: white;
      padding: 3px 32px;
      border-radius: 3px;
      letter-spacing:0px;
      border: 1px solid white;
      box-shadow: 2px 2px 3px #000000ad;
  }

  .juri:hover{
      color: white;
  }

  .txtcbrjur{
      font-size: 15px;
      background: red;
      color: white;
      text-shadow: 2px 2px 2px black;
      letter-spacing:0px;
      padding: 6px 47px;
      border-radius: 3px;
      box-shadow: 2px 2px 3px black;
  }

  .oftalm{
      position: fixed; 
      top: 143px; 
      right: 7px;
      color: white;
      background:#0d90c1;
      padding: 1px 9px;
      border-radius: 3px 0px 0px 3px;
      box-shadow: 1px 2px 3px #000000ad;
      z-index: 1;
  }

  .opto{
      position: fixed; 
      top: 113px; 
      right: 7px;
      color: white;
      background:#0d90c1;
      padding: 1px 15px;
      border-radius: 3px 0px 0px 3px;
      box-shadow: 1px 2px 3px #000000ad;
      z-index: 1;
  }

  .vcg{
      position: fixed; 
      top: 173px; 
      right: 7px;
      color: white;
      background:#0d90c1;
      padding: 1px 9px;
      border-radius: 3px 0px 0px 3px;
      box-shadow: 1px 2px 3px #000000ad;
      z-index: 1;
  }

  .vcgint{
      background: #0d90c1;
      border: none;
      width: 96px;
      color: white;
      letter-spacing:0px;
  }

  .ojodom{
      width: 15%;
      border: 1px solid #0000003d;
      border-radius: 3px;
      padding: 2px 2px;
  }

  .odoi{
      width: 100%;
      border: 1px solid #0000003d;
      border-radius: 3px;
      padding: 2px 2px;
  }

  .txtareaopt{
      width: 100%;
      padding: 1px 4px;
      border-color: #00000052;
  }

  .subj{
      width: 100%;
      border: 1px solid #0000003d;
      border-radius: 3px;
      padding: 2px 2px;
  }

  .consulpau{
      position: fixed;
      top: 59px;
      right: 5px;
      padding: 4px;
      background: #0095ff;
      color: white;
      width: 11%;
      text-align: center;
      z-index: 2;
      font-size: 13px;
      border-radius: 5px 0px 0px 5px;
      box-shadow: 0px 2px 3px #0000009c;
  }

  .antc{
      background: #ff0000bf;
      color: white;
      padding: 3px 5px;
      text-align: center;
      border-radius: 4px;
      box-shadow: 2px 2px 4px #000000ab;
  }

  .iptdimor{
      width: 8%;
      padding: 1px 4px;
      border-radius: 4px;
      border: 1px solid #00000061;
      box-shadow: 1px 1px 4px #00000061;
      letter-spacing:0px;
  }

  .escg{
      background: #0583b3;
      color: white;
      padding: 0px 7px 3px 7px;
      border-radius: 2px;
      box-shadow: 1px 1px 3px black;
  }

  .escg:hover{
      color: white;
  }


  .infomaracred{
      background: #ff0000e6;
      color: white;
      font-weight: 500;
      padding: 2px 7px;
      font-size: 15px;
      border-radius: 2px;
      box-shadow: 2px 2px 2px #000000ad;
  }


.in_puntaje{

  font-size: 13px;
  padding: 0px 9px;
  border-radius: 6px;
  border: 1px solid #00000024;
  box-shadow: 2px 2px 3px #0000001f;
  width: 70%;
  letter-spacing:0px;
}

.titpuntj{

  font-size: 13px;
  letter-spacing:0px;
  font-weight: 400;
}

.colillas{
  background: #5dbb8b;
  padding: 2px 19px;
  font-weight: 600;
  color: white;
  letter-spacing:0px;
  border-radius: 3px;
  box-shadow: 2px 2px 3px #00000078;
  font-size: 12px;
}

.alertacp{
  background: #d4edda;
  width: 97%;
  text-align: center;
  color: #155724;
  padding: 5px 1px;
  border-radius: 4px;
  box-shadow: 2px 2px 4px #00000054;
  font-weight: 500;
  font-size: 13px;
}

.alertscc{
  font-size: 13px;
  font-weight: 400;
  padding: 7px 63px 10px;
}

.pnt{
  text-align: center;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 500;
}

.puntag{
  border: 1px solid #716e6e;
  padding: 7px 8px;
  border-radius: 18px;
  background: #1c1c1df5;
  color: white;
  box-shadow: 2px 2px 3px #000000d1;
}

.contenhistodo{
  margin-top: 21px;
  border: 1px solid #00000026;
  padding: 17px 1px;
  border-radius: 4px;
  box-shadow: 3px 3px 4px #0000001f;
}


.btn_consul{   

  padding: 10px 34px;
  font-size: 14px;
  border-radius: 10px 10px 0px 0px;    
  background: #dfdcef;
  text-shadow: 0px 0px 1px #000000a3;    
  color: #00000070 !important;
  cursor: pointer;
}

.btn_consul:hover{
  color: #000000d1 !important;
  box-shadow: 2px -2px 3px #000000d4;
}

.contmotv{
  /*border: 1px solid #00000017;*/
  border-radius: 4px;
  padding: 6px 14px 15px 9px; 
  background: #80808012;   
}

.form_motv_ini{
  padding: 17px 1px 22px;
  border: 1px solid #00000026;
  border-radius: 3px;
  box-shadow: 3px 3px 4px #00000042;
}

.tit_motv{
  padding: 5px 1px 7px;
  border-radius: 4px;
  background: #add8e68c;
  box-shadow: 3px 3px 4px #0000004f;
}

.btn-grdform{
  width: 29%;
  border: none;
  background: #005affbd;
  color: white;
  padding: 4px;
  font-size: 16px;
  letter-spacing:0px;
  border-radius: 4px;
  box-shadow: 3px 3px 4px #000000a3;
  text-shadow: 1px 1px 2px black;
}

.alertodont{
  background: #f1d3d5;
  color: #e85b60;
  padding: 2px 1px 4px;
  box-shadow: 2px 2px 3px #00000099;
  border-radius: 3px;
  letter-spacing:0px; 
  font-weight: 500;
}

.titalertas{
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  background: #e95b5a;
  border-radius: 3px;
  margin-bottom: 12px;
  color: white;
  text-shadow: 1px 1px 3px black;
  letter-spacing:0px;
  box-shadow: 1px 1px 1px #00000085;
  border: 0px solid #0000007a;
}

.alrt{
  background: #8080800f;
  padding: 9px 10px;
  border-radius: 3px;    
  border: 1px solid #f1d3d5;
}

.btn_edit_mot{

  color: white;
  background: #289ecc;
  text-shadow: 1px 1px 2px black;
  box-shadow: 2px 2px 3px #000000d4;
  border: none;
  padding: 2px 10px;
  font-size: 11px;
  border-radius: 3px;
}

.bksi{
  background: #ff8d0024;
  color: black;    
  letter-spacing:0px;
  padding-left: 2px;
  padding-right: 2px;
}


.titodonto{
  background: #247aa2db;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #00000052;
  padding: 6px;
  color: white;
  text-shadow: 1px 1px 2px black;
  margin-top: 10px;
}

.estemo{
  background: #8080802e;
  text-align: center;
  padding: 1px 1px;
  border-radius: 2px;
  box-shadow: 3px 2px 3px #00000038;
  color: #000000c2;
}

.tithist{
  background: #00000005;
  padding: 3px 1px;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #0000002e;
  border: 1px solid #0000000a;
}


.stmasoc{
  background: #e002029e;
  padding: 2px 1px;
  border-radius: 4px;
  color: white;
  text-shadow: 1px 1px 2px #0000009c;
  box-shadow: 2px 2px 3px #0000005c;
}


.tit_consul_ondoto{
  width: 75%;
  padding: 3px 8px;
  border-radius: 12px;
  border: none;
  background: #80808014;
  box-shadow: inset 1px 1px 5px 1px #00000036;
  color: #000000ad;
  font-size: 13px;
}

.erase{
  background: #343a40;
  padding: 0px 7px 4px 7px;
  font-weight: 400;
  border-radius: 10px;
  color: white;
  box-shadow: inset 0px 0px 4px 2px #ffffff69;
  transition: all 0.3s;
}

.erase:hover{
  color: white;
  box-shadow: inset 0px 0px 5px 3px #ffffff69;    
}

.valvetaproyec{
  background: #07b162db;
  color: white;
  font-weight: 500;
  padding: 2px 14px;
  border-radius: 3px;
  text-shadow: 1px 1px 3px #00000085;
  letter-spacing:0px;
  box-shadow: 1px 1px 3px #00000085;
}

.titventaproyec{
  background: #07b162db;
  padding: 3px 36px;
  box-shadow: inset 0px 0px 5px 2px #2b9062db;
  border-radius: 4px;
  color: white;
  text-shadow: 1px 1px 3px #00000085;
}

.pro-venci-tit{
  width: 75%;
  margin: 0 auto;
  height: 70px;
  padding-top: 10px;    
  box-shadow: inset 0px 0px 11px 2px #dc000085;
  background: #ff000085;
}

.pro-venci-info{
  margin: 0 auto;
  width: 75%;
  background: #d00e0ecc;
  color: white;
  border: none;
  height: 42px;
  padding-top: 7px;
  border-radius: 0px 0px 5px 5px;
  text-shadow: 2px 2px 3px black;
  box-shadow: inset 0px 0px 7px 4px #00000038;
  font-size: 18px;
}


.pro-sin-tit{
  width: 75%;
  margin: 0 auto;
  height: 70px;
  padding-top: 10px;    
  box-shadow: inset 0px 0px 11px 2px #ff00005c;
}

.pro-sin-info{
  margin: 0 auto;
  width: 75%;
  background: #de5757cc;
  color: white;
  border: none;
  height: 42px;
  padding-top: 7px;
  border-radius: 0px 0px 5px 5px;
  text-shadow: 2px 2px 3px black;
  box-shadow: inset 0px 0px 7px 4px #00000038;
  font-size: 18px;
}



.pro-sem-tit{
  width: 75%;
  margin: 0 auto;
  height: 71px;
  padding-top: 10px;    
  box-shadow: inset 0px 0px 11px 2px #ffb1005e;
}

.pro-sem-info{
  margin: 0 auto;
  width: 75%;
  background: #ffb1009e;
  color: white;
  border: none;
  height: 42px;
  padding-top: 7px;
  border-radius: 0px 0px 5px 5px;
  text-shadow: 2px 2px 3px black;
  box-shadow: inset 0px 0px 7px 4px #0000001f;
  font-size: 18px;
}

.pro-fut-tit{
  width: 75%;
  margin: 0 auto;
  height: 71px;
  padding-top: 10px;
  box-shadow: inset 0px 0px 11px 2px #0bc36e6b;
  background: #17ca774f;
}

.pro-fut-info{
  margin: 0 auto;
  width: 75%;
  background: #17ca7794;
  color: white;
  border: none;
  height: 42px;
  padding-top: 7px;
  border-radius: 0px 0px 5px 5px;
  text-shadow: 2px 2px 3px black;
  box-shadow: inset 0px 0px 7px 4px #0000001f;
  font-size: 18px;
}


.info_cot{
  border: 1px solid #0000ff26;
  padding: 22px 25px;
  border-radius: 5px;
  box-shadow: inset 0px 0px 20px 8px #0000002b;
  background: #80808030;
  color: black;
}



/*responsivo escritorio*/
@media (max-width: 1100px) {
  .menu {
    width: 75% !important;
  }
  
  .smfont13 {
    font-size: 13px !important;
  }

  .inptdoc{
      width: 65% !important;
  }

  .inpbuscar {
      width:89% !important;
  }

  .in{
      width: 100%;
  }

  .titnom{
      text-align:left;
  }

  .titnomedit{
      text-align:left;
  }

  .filtestado{
      width:89% !important;
  }

  .tprin{
      text-align:center;
      font-size:16px;
      margin-top: -17px;
  }

  .f2{
      margin-top:10px;
  }

  .verinsven{
      width: 100%;
  }

  .martop{
      margin-top: 10px;
  }

  .etvol{
      text-align: left;
  }

  .file_buscar{
      width:100%;
  }

  .col1pyg{
      text-align: left;
  }

  .titgrapich{
      font-size: 20px;
      margin-top: 25px;
      margin-bottom: 15px;
  }

  .titgefc{
      margin-top: 76px;
  }


  #chartdiv {
    width: 100%;
    height: 400px;
  }

  #chartdiv_efect {
    width: 100%;
    height: 500px;
  }

  #chartdiv_gestion {
    width: 100%;
    height: 212px;
  }

  #chartdiv_cltenew {
    width: 100%;
    height: 500px;
  }

  #chartdiv_calidad {
    width: 100%;
    height: 500px;
  }

  #chartdiv_prodcut {
    width: 100%;
    height: 380px;
  }

  #chartdiv_embudo {
    width: 100%;
    height: 500px;
  }

  .crearclt{        
      margin-top: 15px;
  }

  .textCenter{
      text-align: center !important;
  }

  .mrtop25{
      margin-top: 25px
  }

 .forfac{
      position: inherit;
      width: 100%;
 }

 .formvta{
      width: 100%;
  }

  .estad{
      font-weight: 400;
      font-size: 13px;
      letter-spacing:0px;
      color: white;
      padding: 3px 8px;
      border-radius: 4px;
      background: #000000c9;
      margin-left: 0px;
      box-shadow: 2px 2px 4px #000000b8;
  }

  .wit100{width: 100%;}
  
  .marglef0{margin-left:0px }

  .margrigt0{margin-right:0px }

  .txtalglef{text-align: left;}

  .margbot20{margin-bottom: 20px;}

  .logemp{
      display: none;
  }

  .contcred{
      width: -webkit-fill-available;
      float: none;
  }
  
 

  .mart7{margin-top: 7px;}

  .bt_buscar_servi{margin-top: 17px; width: 92%;}

  .iptserv{width: 100%}

  .info_servi{margin: 0px; margin-top: 25px;}
}