/**************
* focus *
***************/

a:hover { 
	cursor: pointer; 
}

textarea:focus, input:focus, select:focus, a:focus, button:focus, td:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    border: solid #2980b9 1px !important;
}

.focusPositive:focus {
    border-color: #7cdbdb !important;
    box-shadow: 0 0 0 0.1875rem rgba(81,193,195,.25);       
    transition: all 0.3s ease 0s;
}

.focusNegative:focus {
    border-color: #d6342c !important;
    box-shadow: 0 0 0 0.1875rem rgba(214,52,44,.25);
    transition: all 0.3s ease 0s;
}

.unfocused:not(:focus) {
    box-shadow: 0px 0px 3px #ffffff00 !important;
    transition: all 0.5s ease 0s;
}

.inputPositive {
    border-color: #7cdbdb !important;
    transition: all 0.3s ease 0s;
}

.inputNegative {
    border-color: #d6342c !important;
    transition: all 0.3s ease 0s;
}

.msgPositive {
	font-size: 12px;
	color: #1abc9c;
	text-shadow: 0 0 1px #1abc9c;
	position: absolute;
/*
	right: 0;
*/
}
  
.msgNegative {
 	font-size: 12px;
    color: #e74c3c;
    text-shadow: 0 0 1px #e74c3c;
	position: absolute;
/*
    right: 0;
*/
}

.over-icon { transform: rotate(-180deg)translate(0, 50%)!important;transition: transform 150ms ease!important; }
.out-icon { transform: rotate(-360deg)translate(0, -50%)!important;transition: transform 150ms ease!important; }

/* LandingPage */

.bodyGradient {
    background: rgb(232,250,252);
    background: linear-gradient(0deg, rgba(232,250,252,1) 0%, rgba(4,146,234,1) 100%);
    background-size: 180% 180%;
    height: 100vh;
    animation: GradientAnimation 12s ease infinite;
}

@-webkit-keyframes GradientAnimation {
    0%{background-position:47% 0%}
    50%{background-position:54% 100%}
    100%{background-position:47% 0%}
}
@-moz-keyframes GradientAnimation {
    0%{background-position:47% 0%}
    50%{background-position:54% 100%}
    100%{background-position:47% 0%}
}
@keyframes GradientAnimation {
    0%{background-position:47% 0%}
    50%{background-position:54% 100%}
    100%{background-position:47% 0%}
}

.btnSignIn {
    border-radius: 0px 30px 30px 30px;
    background-color: white;
}

.userIcon {
    color: #0492ea;
    font-size: 1.25rem;
}

.menuLandingPage {
   margin-top: 130px; 
}

.pinLabel {
   font-size: x-large; 
   font-family: 'Montserrat', sans-serif; 
   font-weight: 500; 
   color: #6a7582;
}

.imgLogo {
    width: 60%;
    margin-top: 25px; 
    margin-bottom: 20px;
}

.buttonRegistrar {
    margin-top: 25px; 
    margin-bottom: 25px;
    background-color: #0492ea; 
    color: white; font-weight: 600; 
    font-family: 'Montserrat',sans-serif;
}

.contentLandingPage {
    width: 420px;   
    margin: 0 auto; 
    text-align: center;
    background: snow; 
    border-radius: 10px;
}

.inputContainerLandingPage {
    width: 100%; 
    margin-bottom: 20px; 
    display: flex; 
    border-radius: 0px 5px 5px 0px; 
    width: 80%; 
    margin: 0 auto;
}

/* End LandingPage */

/* Modal */

.pontoModal {
    z-index: 12;
    font-family: 'Montserrat', sans-serif;
}

.pontoModalH4 {
    font-family: 'Montserrat', sans-serif;
}

.pontoModalContent {
    top: 4em;
}

.pontoModalHeader {
    background-color: #0492ea;
}

.pontoModalHeader h4{
    color: white;
    font-size: 2rem;
    text-align: center;
}

.pontoModalIconX {
    color: white;
    margin-top: 5px;
}

.pontoExtratoTable {
    margin-left: auto; 
    margin-right: auto
}

.pontoExtratoTablePMensagem {
    font-size: 1.5rem;
    font-weight: 500;
    color: #6a7582;
    text-align: center;
}

.pontoExtratoTableOverflow {
    height: 380px;
    overflow: auto;
    font-size: 1.25rem;  
}

.pontoExtratoTableContent {
    background-color: #0492ea; 
    color: white;
}

.pontoExtratoTableHorario {
    text-align: center !important;
}

.pontoExtratoTableEntradaSaida {
    text-align: center !important;
}

.pontoExtratoTDHorario {
    text-align: center !important;
    color: #6a7582;
    font-weight: 500;
}

.pontoExtratoTDEntradaSaida {
    text-align: center !important;
    color: #6a7582;
    font-weight: 500;
}

.pontoExtratoSaldo {
    font-size: 2.25rem;
    color: black;

}

.pontoModalFooter {
    background-color: #0492ea;
}

.pontoModalFooter p{
    font-weight: 500;
    color: white;
}

/* End Modal */

/* Login Modal */
    
.userInputContainer {
    display: flex; 
    margin: auto; 
    width: 380px; 
    margin-bottom: 20px;
    margin-top: 20px;  
}

.userInputIcon {
   padding: 10px; 
   background: #0492ea;
   color: white;  
   min-width: 50px;   
   text-align: center; 
   border-radius: 5px 0px 0px 5px; 
}

.userInput {
    border-radius: 0px 5px 5px 0px;
}

.userNegativeMsg {
    margin-top : 40px; 
    padding-left: 50px;
}

.passwordInputContainer {
    display: flex; 
    margin: auto; 
    width: 380px; 
    margin-bottom: 20px;
}

.passwordInputIcon {
    padding: 10px; 
    background: #0492ea; 
    color: white; 
    min-width: 50px; 
    text-align: center; 
    border-radius: 5px 0px 0px 5px;
}

.passwordInput {
    border-radius: 0px 5px 5px 0px;
}

.passwordNegativeMsg {
    margin-top : 40px; 
    padding-left: 50px; 
}

.btnLoginSign {
    margin : auto; 
    width: 100px;
    font-size: 1.1rem;
}

/* End Login Modal */

/* Gestor */

.bodyGestor {
    background: rgb(232,250,252);
    background: linear-gradient(180deg, rgba(232,250,252,1) 0%, rgba(4,146,234,1) 100%);
    height: 100vh;
    font-family: 'Montserrat',sans-serif !important;
}

.divHeaderGestor {
    text-align: center;
    display: flex;
}

.logoGestor {
    margin: 20px auto;
    width: 30%;
}

.gestorTitle {
    color: #61788f;
    font-family: 'Montserrat',sans-serif;
    font-size: 5rem;
    font-weight: 200;
    margin: auto 0;

}

.navBarGestor {
    background-color: #0492ea;
    color: white;
    font-size: 1.2rem;
}

.navBarDropdown {
    background-color: #0492ea !important;
    color: white !important;
    font-size: 1.2rem;
}

.formPesquisa h3 {
    font-family: 'Montserrat',sans-serif;
}

.formManutencao h3 {
    font-family: 'Montserrat',sans-serif;
}

.edicaoRegistro h3 {
    font-family: 'Montserrat',sans-serif;
}

.formUsuarios h3 {
    font-family: 'Montserrat',sans-serif;
}

.edicaoUsuario h3 {
    font-family: 'Montserrat',sans-serif;  
}

.btnPesquisaGerar {

}

.gestorDropdownResponsive>a {
    width: unset !important;
}

.btnEnviarNovoRegistro {
    background-color:#0492ea !important;
    margin: 0px !important;
    color: white !important;
}

.btnEnviarNovoUsuario {
    margin: 0px !important;
    color: white !important;
    background-color:#0492ea !important;
}

/* End Gestor */

/* Ajustes Responsividade */
@media(max-width: 768px) {
    .pontoModalContent {
        top: -15px;
    }
    .logoGestor {
        width: 60%;
    }


}

@media (max-width: 480px) {
    .menuLandingPage {
        margin-top: 60px;
    }

    .pontoModalContent {
        top: 0;
    }

    .pontoExtratoTableOverflow {
        height: 280px;
    }

    .responsiveMenuGestor {
        display: table-row-group;
    }

    .navBarGestor {
        display: inline-flex;
    }

}
/* End Ajustes Responsividade */

/* Spinner */

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 15px;
  height: 15px;
  margin-top: -12px;
  margin-left: -13px;
  border-radius: 50%;
  border: 2px solid #f8f9fa;
  border-top-color: #fff0;
  animation: spinner .6s linear infinite;
}

@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* End Spinner */