/* Adjuntos. app_att.css */
.divAttDrop   {float:left;width:145px;padding:0 0 0 20px}
.divAttZona   {float:left;width:60px;padding:5px 0 5px 0;border:1px dashed #D0D0D0;background:#E8E8E8;color:#B0B0B0;text-align:center;font-size:0.6em}/*;display:none*/
  .divAttZona:hover{background:#FFFF99;color:blue}

  .qAtt{
    width:      30px;
    border:     0;
    margin:     3px 0 0 0;
    font-size:  1.2em;
    color:      #77AAF7;
    background: none;
    text-align: right;
    cursor:     pointer
  }
  .qAtt:hover{color:red}

/*imagen adjunta*/
.imgObj{width:  100%}

#divAdjuntosExistentes{
  float:      left;
  padding:    10px;
  display:    none;
  width:      100%;
  z-index:    2;
  overflow:   auto;
  background: #fff
}

  .divAdjuntosExistentesLista{
    width:      100%;
    overflow:   auto;
    background: #303030
  }

  .divX{
    padding:    3px 1px 3px 3px;
    text-align: right;
    width:      150px;
    height:     27px;
    float:      right;
    background: #fff
  }


#divAdjuntosNuevos{
  width:          100%;
  max-width: 450px;
  padding: 12px;
  position:       absolute;
  /* left: 2px; */
  /* top:            540px; */
  display:        none;
  background:     #fff;
  border: 2px solid #D0D0D0;
  border-radius:  3px;
  z-index:        2;
  margin-left: 2px;
}
  #divAdjuntosNuevosLista{
    float:      left;
    /* padding:    5px; */
    width:      100%;
    max-width: 430px;
    max-height: 500px;
    display:    block;
    background: #fff;
    overflow:   hidden;
  }

.divAttTit  {float:left;width:100%;padding:4px}
.divCellAtt {float:left;width:20%;padding:4px 4px 4px 0;font-size:0.8em;color:#9e9e9e}
.divCellAttT{float:left;width:35%;padding:4px;text-align:right;font-size:0.8em;color:#9E9E9E}
.divCellAtt2{float:left;width:25%;padding:4px;text-align:right}

#totKB{ width:100%;padding:0;font-size:1em;color:#9e9e9e;text-align:right;border:0}
#totIMF{width:100%;padding:0;font-size:1em;color:#9e9e9e;margin-left:10px;border:0}


.attsRow{
  width:          calc(100% - 50px);
  /* max-width: 430px; */
  height:         30px;
  display:        block;
  display:        table-row;
  background: #fff;
  /*vertical-align: middle*/
  font-size: 0.9em;
}
  .atts1{display:block;display:table-cell}
  .attName{display:block;display:table-cell;white-space:nowrap;width: auto;height:18px;/* padding-left:7px *//* font-size: 0.9em; */}
  .attSize{display:block;display:table-cell;white-space:nowrap;width: 65px;height:18px;padding:0;text-align:right;}
  .attBar {            /* display:block; */
            display:      table-cell;
            white-space:  nowrap;
            width:        125px;
            height:       18px;
            padding:      9px 0px 0px 7px;

  }
    .divLoading{
                float:      left;
                font:       italic 10px "verdana";
                width:      0;
                height:     18px;
                background: #99FF33
    }

  .divAttDel{
              float:        left;
              padding:      3px 5px 0px 5px;
              text-align:   center;
              width:        30px;
              /* height:       30px; */
              margin-left:  10px;
              margin-right: 10px    /* background: #303030; */;
  }
    .aAttDel{
      color:            #0066ff;
      text-decoration:  none;
      padding:          0;
    } /*0px 5px 2px 5px*/
    .aAttDel:hover{background:orange}
    .aAttDel:active{background-color:red}

  .attNomArch{
    float:        left;
    width:        calc(100% - 50px);
    border:       1px solid silver;
    background:   #fff;
    text-align:   left;
    padding: 5px 5px 5px 7px;
  }
    .attNomArch a{
                  text-decoration:  none;
                  color:            #0066FF;
                  font-size:        1em
                }