@font-face{
    font-family: 'GothamBold';
    src: url(../../fonts/GothamBold.ttf) format("truetype");
    src: url(../../fonts/GothamBold.woff) format("woff");
}

@font-face{
    font-family: 'GothamBook';
    src: url(../../fonts/GothamBook.ttf) format("truetype");
    src: url(../../fonts/GothamBook.woff) format("woff");
}


img{
    display: block;
    margin: auto;
    margin-top: 12%;
    width: 80%;
}

body{
   background-color: #E6E6E6; 
   color:red;
    font-size: 11px;
   font-family: "GothamBook" !important;
}

.panel{
        box-shadow: 2px 2px 10px #BDC3C7
}

.form-control {
    text-transform: uppercase;
    height: 47px;
    padding: 9px 11px;
    font-size: 12px;
    margin-top: 4%;
    
}

.colorbutton{
	background-color:#7B7C80;
	color: white;
}

.form-control:focus {
    border-color: #7B7C80;
}

h4{
    color: #848484;
    margin-top: 8%;
    font-family: "GothamBold" !important;
}

.margin{
  margin-top: 10%;
}

.buttonone:hover { 
    background-color: #007577;
  
}

.form-group{
  margin-bottom: 3%; 
}

.btn{
    width: 100%;
    background: #848484;
    border-color: #848484;
    padding: 2.5% 12px;
    font-size: 17px;
    margin-bottom: 8%;
    font-family: "GothamBold" !important;
}

.btn:hover{
    background: #195EAA;
    border-color: #195EAA;
}

.btn-primary:hover{
    background: #195EAA;
    border-color: #195EAA;
}

.margenpanel{
    margin-top: 5%;
    padding: 0px 22px;
}

.row{
    height: 100%;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}


.margenimput{
    margin-top: 8%;
}

#maskinfo{   
    margin-bottom: -4%;
    font-size: 11.5px;
}

h4{
    font-size: 15px;
}

h5{
    font-size: 16px;
    text-align: center;
    color: #848484;
    font-family: "GothamBold" !important;
}


.inputsLogin{
    font-family: "GothamBook";
}

/* actualizado vecion 2.0*/