/* .outerBox input:not([type=range]), textarea {
  padding: 10px 20px; 
} */

.outerBox input:not([type=checkbox]):not([type=radio]), textarea{
  /*width: 300px;*/
}

/*input, textarea{
  background: #353535;
  border: 0;
  margin: 10px;
  color: white;
  text-align: left;
  border-radius: 3px;
  box-shadow: 2px 4px 2px -3px rgba(0, 0, 0, 0.44);
}*/

.outerBox [type=checkbox]{
  vertical-align: middle;
}

.outerBox {
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.35);
  transition: 300ms; }
  .outerBox .ldesatived {
    background: 0 0; }
    .outerBox .ldesatived .boxContent {
      transform: scale(0.9);
      -webkit-transform: scale(0.9) rotateZ(5deg);
      opacity: 0; }
    .outerBox .ldesatived .money {
      background: #90FF4C;
      padding: 5px;
      margin: 0px;
      color: black;
      font-size: 20px;
      text-align: left;
      width: 160px; }
  .outerBox .inBox {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .outerBox .inBox .boxContent {
      display: inline-block;
      overflow: auto;
      background: white;
      color: black;
      font-family: Courier;
      text-align: center;
      padding: 18px 30px 20px;
      transition: 300ms;
      max-width: 92%;
      max-height: 92%;
      border: 1px solid silver;
       }
       
      .outerBox .inBox .boxContent span.title {
        color: #292929;
        font-size: 22px;
        letter-spacing: 1px;
        font-family: raleway light; }
      .outerBox .inBox .boxContent .description {
        display: block;
        font-size: 22px;
        margin: 12px;
        text-align: center;
        max-height: 70vh;
        overflow: auto; }
      .outerBox .inBox .boxContent .yes {
        color: #f8a300;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        padding: 0 20px; }
      .outerBox .inBox .boxContent .no {
        color: #f7a300;
        display: inline-block;
        font-size: 18px;
        margin-left: 20px;
        cursor: pointer; }


.outerBox .title1{
  font-weight: bold;
  color: white;
}

.outerBox select{
 width: 180px;
}

.isErr{
  width: initial !important;
}

.pointer{
  cursor: pointer;
}

div.notifica{
    padding: 22px 45px;
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    bottom: 21px;
    opacity: 0.9;
    right: 20px;
    color: orange;
    font: 14px Courier;
    letter-spacing: -.1px;
    width: 310px;
    transition: 300ms all;
    z-index: 9999;
    outline: #E0E0E0 solid 1px;
    pointer-events: none;
}


div.notifica.ldesatived{
  transform:translateY(calc(-100% - 50px));
  opacity:0
}

.outerBox span.label {
    display: block !important;
    font-size: 13px;
    text-align: left !important;
    margin-left: 11px;
    margin-bottom: -7px;
    font-family: calibri;
    color: #a6a6a6;
}

.outerBox span.label2 {
  display: block;
    font-size: 13px;
    text-align: left;
    margin-left: 176px;
    margin-bottom: -15px;
    font-family: calibri;
    color: #a6a6a6;
}

.outerBox .inBox .boxContent .description > div{
  max-height: 500px;
  overflow: auto;
}

.max300{
  max-height: 300px !important;
}

.outerBox input{
  border: 1px solid #9a9a9a;
  background: #fbfbfb;
  padding: 5px 12px;
}