﻿.header_fixed{
    position: sticky;
    top:0px;
}
body {
    /*padding-top: 65px;*/
    /*padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Set padding to display errors that occur during databinding */
.padding-error {
    padding-top: 20px;
}
.carousel_mod{
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .nofloat {
        float: none;
        padding: 10px 15px;
    }
}
.carousel-inner{
    max-height: 210px;
}
@media (min-width: 767px) {
    .carousel-inner {
        max-height: 615px;
    }
}
.h2_footer {
    padding-left: 10px;
    border-left: 2px solid #eec535;
    font-size: 15px;
    color: #eec535;
    display: block;
    border-left: 4px solid #eec535 !important;
    margin-top: 20px !important;
    margin-bottom: 6px;
    text-transform: unset;
    font-family: 'Open Sans',sans-serif;
    line-height: 17px !important;
}

.card {
    width: 21.5rem;
    margin: 2% 1.5%;
}
.marketing{
    text-align:center;
}
.menu_dep {
    font-size: 2.2em;
    width: 25%;
    border-bottom: 5px solid #585858;
    margin: auto;
}
.menu_dep:hover {
    cursor: pointer;
    border-bottom: 5px solid #eec535;
}
.menu_dep a {
    display: block;
    color: white;
}
.menu_comparativo {
    float: left;
    position: absolute;
    z-index: 2;
}
@media (max-width: 767px) {
    .menu_comparativo {
        position: initial;
    }
}
@media (min-width: 1200px){
.container {
        max-width: 1292px;
    }
}
/* Center the loader */
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}


.header_table{
    background-color: #0865af;    
    color: white; 
    width:9%;
    font-size:13px;
    border-left:1px solid white;
    text-align: center;
    font-weight: 400;
}
.dep_cell{
    width:9%;
    background: #26C281;
}
.dep_cell i{
    color: white; 
    float:right;
}
.drop_table:hover{
    cursor:pointer;
}
table{
    margin-bottom: 0 !important;
}
.fa-plus:hover{
    cursor:pointer;
}
[tooltip] {
    padding:10px;
}

@keyframes spinner {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(359deg);
  }
}
* {
  box-sizing: border-box;
}
