.nombreempresa {
    margin-left:100px;
    font-size:30px;
    color:red;
    font-weight:bold;
}
.nombreempresa2 {
    font-size: 25px;
    color: Yellow;
    font-weight: bold;
}
.nombreempresa3 {
    font-size: 12px;
    color: White;
    font-weight: bold;
}
.nompan {
    margin-left:0px;
    font-size:20px;
}
.titulosistema {
   font-weight:bold;
   font-size:20px;
}
.txtHoraEntry {
    width: 50%!important;
}

#ticket {
    width: 46%;
}
.sucursal {
    font-size:medium;
    font-weight: 600;
}
.dcliente {
    font-family: Tahoma;
    font-weight: bold;
    margin-top: 1px;
    margin-left:10px;
}
.colnAlnearderecha {  /*Alineacion de columnas tipo numero o moneda*/
    text-align:right;
}

.colnAlnearCentro { /*Alineacion de columnas tipo numero o moneda*/
    text-align: center;
}
.textonegrita{
    font-weight:bold;
}

#Autofactura-Logo {
    width: 30%;
    height: 30%;
    margin-left: 10px;
    margin-top:5px;
}

#logoprin {
    padding-top: 10px;
    width:40%;
    height:auto;
}

.logoprinder {
    width: 29%;
    height: 29%;
    display: block;
    margin-left: 10px;
    float:left;
    margin-top: 7px;
}

.barra-superior{
  min-height: 4rem;
}

#LogoEmpresa {
    width: 30%;
    height: 30%;
    margin-left: 10px; 
    margin-top: 5px;
}






div[class*="columna"] {
    min-height: 50rem;
    border: 1px solid #eceff1;
}

div[class*="bloque"]{
  height: 25rem;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}


@media (min-width:0px) and (max-width:960px) {
    .nombreempresa {
        margin-left: 0px;
        font-size: 20px;
        color: Red;
        font-weight: bold;
    }
    .nombreempresa2 {
        margin-left: 0px;
        font-size: 17px;
        color: yellow;
        font-weight: bold;
    }
    .nombreempresa3 {
        font-size: 10px;
        color: White;
        font-weight: bold;
    }

    .nompan {
        margin-left: 0px;
        font-size: 12px;
    }
    .txtHoraEntry {
        width: 68% !important;
    }
    #ticket {
        width: 96%;
    }

    #datos {
        width: 95%;
    }

    #info {
        font-size: small;
    }

    /*.brand-logo {
        left: 1% !important;
    }*/

    #logoprin {
        width: 47%;
        height: 50%;
        margin-left: 160%;
        margin-top: -3%;
    }

    #LogoEmpresa {
        width: 40%;
        height: 40%;
        margin-left: 0px;
        margin-top: 10%;
    }

    .logoprinder {
        width: 29%;
        height: 29%;
        display: block;
        margin-left: 112%;
        margin-top: 5px;
    }

    #lblNombreSucursal {
        font-size: small;
    }

    #cboRegimen {
        font-size: 8px;
    }

    #titulofrmLogin {
        font-size: 18px;
        font-weight: 600;
    }

    #txtUsuario {
        font-size: 12px;
    }

    #txtContrasena {
        font-size: 12px;
    }

    #idLoginCte {
        width: 94%;
    }

    #Autofactura-Logo {
        width: 30%;
        height: 30%;
        margin-left: 180%;
        margin-top: 5px;
    }
    #lblContactoEmail_{
        font-size:11px;
    }
}

@media (min-width:961px) and (max-width:1125px) {
    .txtHoraEntry {
        width: 40% !important;
    }
    #ticket {
        width: 96%;
    }

    #datos {
        width: 95%;
    }

    #info {
        font-size: small;
    }

    .brand-logo {
        left: 1% !important;
    }

    #logoprin {
        width: 47%;
        height: 50%;
        margin-left: 300%;
        margin-top: -3%;
    }

    #LogoEmpresa {
        width: 40%;
        height: 40%;
        margin-left: 0px;
        margin-top: 10%;
    }

    #Autofactura-Logo {
        width: 30%;
        height: 30%;
        display: block;
        margin-left: 205%;
        margin-top: 5px;
    }

    .logoprinder {
        width: 29%;
        height: 29%;
        display: block;
        margin-left: 215%;
        margin-top: 5px;
    }

    #lblNombreSucursal {
        font-size: small;
    }

    #cboRegimen {
        font-size: 8px;
    }

    #titulofrmLogin {
        font-size: 18px;
        font-weight: 600;
    }

    #txtUsuario {
        font-size: 12px;
    }

    #txtContrasena {
        font-size: 12px;
    }

    #idLoginCte {
        width: 94%;
    }
}