@font-face {
    font-family: ZafiroFont;
    src: url(sansation_regular.ttf);
}

html {
    font-family: ZafiroFont;
    color: #333333;
}

hr {
    background-color: #03338B;
    border: none;
    height: 3px;
}

th {
    border-right: 1px solid #DDDDDD;
}

tfoot tr {
    border-top: 1px solid #333333;
}

.colAprobado {
    background-color:#63A642;
}

.colCompletado {
    background-color:#2677B9;
}

.colEnDesarrollo {
    background-color:#E3AD39;
}

.colRechazado {
    background-color:#BF1D1D;
}

.colCotizando {
    background-color: #7DC8E3;
}

.colCotizado {
    background-color: #A08051;
}

.colEntregadoConsultoria {
    background-color: #D97218;
}

.colInviable {
    background-color: #8C1DBF;
}

.colNueva {
    background-color: #9B9B9B;
}

.colTesting {
    background-color: #444444;
}

.circulo {
    background-color: #03338B;
    height: 55px !important;
    width: 55px !important;
    margin-left: -5px;
}

.numHrs {
    color: white;
    font-size: 150%;
    padding-top: 14px;
}

.letHrs {
    color: white;
    font-size: 80%;
    margin-top: -6px !important;
}

.fecha {
    font-size: 12px !important;
}

.letrero {
    font-size: 70%;
    color: #B0B0B0;
    margin-bottom: -4px;
}

.row1 {
    margin-bottom: 0px;
    margin-top: -20px !important;
    font-size: 85%;
}

.estatus {
    color: white;
    border-radius: 3px;
}

.large {
    font-size: 12px !important;
    margin-left: -60px !important;
    line-height: 12px !important;
}

.persona {
    font-size: 15px;
    color: #03338B;
}

.consultor {
    font-style: italic;
    margin-bottom: 8px !important;
}

.divisor {
    position: absolute;
    height: 16px;
    width: 100%;
    padding: 0 0 0 0;
    margin-top: -20px;
    z-index: -1;
}

.smallFont {
    font-size: 10px !important;
    padding: 0 0 0 0;
    margin-top: -15px;
    z-index: 1;
    color: #03338B;
    /* position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);*/
}

#box {
    position: fixed;
    border-radius: 20px;
    width: 90%;
    height: 85%;
    left: 5%;
    top: 10%;
    background-color: white;
}

#logoLogin {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10%;
    width: 55%;
    position: relative;
    z-index: 1;
}

#iniciar {
    background-color: #03338B;
    border: none;
    color: white;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    border-radius: 10px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%
}

/* label focus color */

.input-field input[type=password]:focus+label,
.input-field input[type=text]:focus+label {
    color: #03338B !important;
}

/* label underline focus color */

.input-field input[type=password]:focus,
.input-field input[type=text]:focus {
    border-bottom: 1px solid #03338B !important;
    box-shadow: 0 1px 0 0 #03338B !important;
}

/* icon prefix focus color */

.input-field .prefix.active {
    color: #03338B !important;
}

#logo {
    position: fixed;
    top: 10px;
    width: 25%;
}

.bordo {
    border: 3px solid #DDDDDD;
    border-bottom-color: #03338B;
}

.bordoVerde {
    border: 3px solid #DDDDDD;
    border-bottom-color: #63A642;
}

.bordoRojo {
    border: 3px solid #DDDDDD;
    border-bottom-color: #BF1D1D;
}

#cons,
#adqu {
    margin-left: -3%;
    color: #333333;
}

.let {
    font-size: 12px;
    margin-top: -15px;
}

.boton {
    width: 100%;
    background-color: #03338B;
}

.f1 {
    font-size: 18px;
    color: #AAAAAA;
}

#encabezado {
    display: none;
}

#logoCliente {
    display: block;
    margin: auto;
    border-radius:50%;
    height:auto;
    width:150px;
    border-width:1px;  
    border-style:solid;
    border-color: #AAAAAA;
}

.fondoAmplio {
    height: 80%;
}

#nomCte {
    font-size: 12px;
}

#menu > i, #back > i {
    font-size: 40px;
}