body{
font-family: "Rajdhani", sans-serif;
}

h1{
color: #c41781;    
}

#bgNavbar, #navBarCenter{
background-color: #222 !important;    
}

.bntNovo{
float: right;    
}

/* .dataTables{
float: left;    
margin-top: 30px !important;
margin-bottom: 30px !important;
border: 1px solid #212529
} */

#logo{
width: 100px;
height: auto;
margin-right: 40px
}

#navBarCenter a{
color: #c41781;    
font-size: 1.1rem;
font-weight: 500;
margin-left: 20px;
border-radius: 5px;
}

#navBarCenter a:hover, .active{
background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
color: #FFF !important;
border-radius: 5px;
}

.btnRosa{
/* background-color: #c41781 !important;     */
background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
color: #FFF !important;    
border: 1px solid #c41781 !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition:    all .2s ease-in-out;
-o-transition:      all .2s ease-in-out;
-ms-transition:     all .2s ease-in-out;
transition:         all .2s ease-in-out;
}

.btnRosa:hover{
border: 1px solid #f6f8f9 !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition:    all .2s ease-in-out;
-o-transition:      all .2s ease-in-out;
-ms-transition:     all .2s ease-in-out;
transition:         all .2s ease-in-out;
}

.btnRosa i{
margin-left: 5px;    
}

#btnLogout{
position: absolute;
right: 0;
}

#footer{
/* background-color: #EEE;     */
color: #c41781;
font-weight: 500;
text-align: center;
/* position:absolute;
bottom: 0;
left: 0; */
width: 100%;
height: 80px;
line-height: 80px;
margin-top: 3rem;
}

#footer p{
font-size: 1rem;
}    

.distRow{
margin-top: 2rem;
}

.defaultTitle{
font-size: 2rem;
margin-bottom: 1rem;    
font-weight: 500;
}

.subTitle{
font-size: 2rem;
font-weight: 300;
}

/**************************************************************LOADER*********************************************************************************/

#coverBG{
width: 100%;   
height: 100%;
background-color: #F4F4F4;
position: fixed;
z-index: 3;
top: 0;
left: 0;
}

#loading{
text-align: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 4;
text-align: center;
}

#loading span{
color: #444;    
font-size: 1.5rem;
width: 100%;
display: block;
margin-top: 1rem;
text-align: center;
font-family: 'Museo Sans 300';
}

#percentCount{
color: #444;    
font-size: 1.5rem;    
font-family: 'Museo Sans 300';
margin-top: 1rem;
}

#loading svg{
transform: rotate(45deg);
}

.gradient {
animation-iteration-count: infinite;
animation-duration: 1s;
fill: url('#gradient-fill');
}
.square {
animation-iteration-count: infinite;
animation-duration: 2s;
transition-timing-function: ease-in-out;
}

.s1 {
animation-name: slide-1;
}

.s2 {
animation-name: slide-2;
}

.s3 {
animation-name: slide-3;
}

.s4 {
animation-name: slide-4;
}

.s5 {
animation-name: slide-5;
}

.s6 {
animation-name: slide-6;
}

.s7 {
animation-name: slide-7;
}

@keyframes slide-1 {
37.5% {
    transform: translateX(0px);
}
50% {
    transform: translateX(100px);
}
100% {
    transform: translateX(100px);
}
}

@keyframes slide-2 {
25% {
    transform: translateX(0px);
}
37.5% {
    transform: translateX(100px);
}
100% {
    transform: translateX(100px);
}
}

@keyframes slide-3 {
12.5% {
    transform: translateY(0px);
}
25% {
    transform: translateY(100px);
}
100% {
    transform: translateY(100px);
}
}

@keyframes slide-4 {
50% {
    transform: translateY(0px);
}
62.5% {
    transform: translateY(-100px);
}
100% {
    transform: translateY(-100px);
}
}

@keyframes slide-5 {
12.5% {
    transform: translate(-100px, 0px);
}
87.5% {
    transform: translate(-100px, 0px);
}
100% {
    transform: translate(-100px, 100px);
}
}

@keyframes slide-6 {
62.5% {
    transform: translateY(0px);
}
75% {
    transform: translateY(-100px);
}
100% {
    transform: translateY(-100px);
}
}

@keyframes slide-7 {
75%  {
    transform: translateX(0px);
}
87.5% {
    transform: translateX(-100px);
}
100% {
    transform: translateX(-100px);
}
}
/**************************************************************LOADER*********************************************************************************/

#parametrosContainer{
display: none;
}

.themeChange{
position: absolute;
top: 20%;
right: 10%;
}

.changeThemeBtn{
color: #666;    
font-size: 20px;
}

.changeThemeBtn:hover{
color: #333;
}

#lightModeBtn{
display: none;    
}


/*********************************************LOGIN*******************************************************/
#containerLogin{
height: 100%;    
}
/* 
.bg-image-login {
background-image: url('../img/bg_login.jpg');
background-color: #02b5f8;
background-size: cover;
background-position: center center;
} */

#logoLogin{
width: 300px;
filter: drop-shadow(0px 1px 1px #000);
}

#loginForm{
margin-top: 10%;    
}

@media only screen and (max-width : 600px){
#loginForm{
margin-top: 10%;    
}
}  

#doLogin{
border-radius: 7px !important;    
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

#googleLogo{
padding: 5px;
background-color: #FFF;
color: #c41781;    
border-radius: 7px;
}

#userNameLogin, #passwordLogin{
padding-top: 13px;
padding-bottom: 13px;
border-radius: 3px;
}

.input-group-text{
height: 100%; 
padding-left: 20px;
padding-right: 20px;   
border-radius: 3px;
line-height: 38px;
font-size: 18px;
display: inline-block;
}

#userNameLogin:focus, #passwordLogin:focus{
outline:none !important;
outline-width: 0 !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
outline-style: none !important;
border: 1px solid #02b5f8;
} 

#heart{
color: #02b5f8;
display: inline-block;
animation: spinHorizontal 2.5s infinite linear;
}

@keyframes spinHorizontal {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}

.text_footer_login{
color: #444;
}

#logoLogin{
width: 250px;    
height: auto;
}

#loginBox{
border: 1px solid #666;
border-radius: 10px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
/*********************************************LOGIN*******************************************************/