body {
   font-family: arial, verdana, serif;
   font-size: 10pt;
}

#logoBoxAdmin {
   position: relative;
   width: 400px;
   left: 50%;
   margin-top: 25px;
   margin-left: -200px;
   margin-bottom: 20px;
}

#logoBoxAdmin #boxImgMensagem {
   position: relative;
   width: 235px;
   left: 50%;
   margin-left: -117px;
}

#loginBox {
   margin: 15px auto;
   width: 350px;
   background-color: #fdfdfd;
   border-radius: 10px;
   box-shadow: 10px 10px 10px 10px rgba(0,54,91,.25);
   padding: 15px;
}

#loginBox form {
   position: relative;
   left: 50%;
   width: 240px;
   margin-left: -120px;
   margin-top: 10px;
}

#parTextoVersao {
   text-align: center;
   font-size: 9pt;
   color: gray;
   margin-top: 10px;
}

#parAvisoAcessoNegado {
   padding: 10px;
   border: 1px solid #f5c6cb;
   border-radius: 3px;
   margin-bottom: 15px;
   color: #721c24;
   background-color: #f8d7da;
   text-align: center;
   font-weight: bold;
}

#boxHabilitaPedido {
   margin-top: 20px;
   color: red;
   width: 500px;
   position: relative;
   margin-left: 50%;
   left: -250px;
   font-size: 11pt;
   text-align: center;
}

img.logo-tipler {
   width: 200px;
}

.description-tipler {
   text-align: center;
}

.title {
   color: #0073ca;
   font-weight: bold;
   font-size: 19px;
   margin-top: 15px;
}

.sub-title {
   font-weight: bold;
   font-size: 24px;
   margin-top: -5px;
}

form {
   width: 30%;
   margin: auto;
}

form label {
   color: #6d6d6d;
}

input[type=text], input[type=password] {
   width: 100%;
   padding: 12px 20px;
   margin: 8px 0;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 3px;
   box-sizing: border-box;
}

button {
   background-color: #0073ca;
   color: white;
   padding: 14px 20px;
   margin: 8px 0;
   border: none;
   cursor: pointer;
   width: 100%;
   border-radius: 3px;
}

button:hover {
   opacity: 0.8;
}

@media (max-width: 1100px) {
   form {
      width: 50%;
   }
}