body{    background-image:url("../img/bg.jpg")}:focus {    outline: none;}.row {    margin-right: 0;    margin-left: 0;}/*    Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality    A quick fix is to change .side-menu to    -> position:absolute    and uncomment the code below.    You also need to uncomment    -> <div class="absolute-wrapper"> </div> in the html file    you also need to tweek the animation. Just uncomment the code in that section    --------------------------------------------------------------------------------------------------------------------    If you want to make it really neat i suggest you look into an alternative like http://areaaperta.com/nicescroll/    This will allow the menu to say fixed on body scoll and scoll on the side bar if it get to large*/.absolute-wrapper{    position: fixed;    width: 300px;    height: 100%;    background-color: #f8f8f8;    border-right: 1px solid #e7e7e7;}.side-menu {    position: fixed;    width: 300px;    height: 100%;    background-color: #f8f8f8;    border-right: 1px solid #e7e7e7;}.side-menu .navbar {    border: none;}.side-menu .navbar-header {    width: 100%;    border-bottom: 1px solid #e7e7e7;}.side-menu .navbar-nav .active a {    background-color: transparent;    margin-right: -1px;    border-right: 5px solid #e7e7e7;}.side-menu .navbar-nav li {    display: block;    width: 100%;    border-bottom: 1px solid #e7e7e7;}.side-menu .navbar-nav li a {    padding: 15px;}.side-menu .navbar-nav li a .glyphicon {    padding-right: 10px;}.side-menu #dropdown {    border: 0;    margin-bottom: 0;    border-radius: 0;    background-color: transparent;    box-shadow: none;}.side-menu #dropdown .caret {    float: right;    margin: 9px 5px 0;}.side-menu #dropdown .indicator {    float: right;}.side-menu #dropdown > a {    border-bottom: 1px solid #e7e7e7;}.side-menu #dropdown .panel-body {    padding: 0;    background-color: #f3f3f3;}.side-menu #dropdown .panel-body .navbar-nav {    width: 100%;}.side-menu #dropdown .panel-body .navbar-nav li {    padding-left: 15px;    border-bottom: 1px solid #e7e7e7;}.side-menu #dropdown .panel-body .navbar-nav li:last-child {    border-bottom: none;}.side-menu #dropdown .panel-body .panel > a {    margin-left: -20px;    padding-left: 35px;}.side-menu #dropdown .panel-body .panel-body {    margin-left: -15px;}.side-menu #dropdown .panel-body .panel-body li {    padding-left: 30px;}.side-menu #dropdown .panel-body .panel-body li:last-child {    border-bottom: 1px solid #e7e7e7;}.side-menu #search-trigger {    background-color: #f3f3f3;    border: 0;    border-radius: 0;    position: absolute;    top: 0;    right: 0;    padding: 15px 18px;}.side-menu .brand-name-wrapper {    min-height: 85px;}.side-menu .brand-name-wrapper .navbar-brand {    display: block;}.side-menu #search {    position: relative;    z-index: 1000;}.side-menu #search .panel-body {    padding: 0;}.side-menu #search .panel-body .navbar-form {    padding: 0;    padding-right: 50px;    width: 100%;    margin: 0;    position: relative;    border-top: 1px solid #e7e7e7;}.side-menu #search .panel-body .navbar-form .form-group {    width: 100%;    position: relative;}.side-menu #search .panel-body .navbar-form input {    border: 0;    border-radius: 0;    box-shadow: none;    width: 100%;    height: 50px;}.side-menu #search .panel-body .navbar-form .btn {    position: absolute;    right: 0;    top: 0;    border: 0;    border-radius: 0;    background-color: #f3f3f3;    padding: 15px 18px;}/* Main body section */.side-body {    margin-left: 310px;}/* small screen */@media (max-width: 1024px) {    .navbar-toggle {    display: block;    }    .side-menu {        position: relative;        width: 100%;        height: 0;        border-right: 0;        border-bottom: 1px solid #e7e7e7;    }    .side-menu .brand-name-wrapper .navbar-brand {        display: inline-block;    }    /* Slide in animation */    @-moz-keyframes slidein {        0% {            left: -300px;        }        100% {            left: 10px;        }    }    @-webkit-keyframes slidein {        0% {            left: -300px;        }        100% {            left: 10px;        }    }    @keyframes slidein {        0% {            left: -300px;        }        100% {            left: 10px;        }    }    @-moz-keyframes slideout {        0% {            left: 0;        }        100% {            left: -300px;        }    }    @-webkit-keyframes slideout {        0% {            left: 0;        }        100% {            left: -300px;        }    }    @keyframes slideout {        0% {            left: 0;        }        100% {            left: -300px;        }    }    /* Slide side menu*/    /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */    .side-menu-container > .navbar-nav.slide-in {        -moz-animation: slidein 300ms forwards;        -o-animation: slidein 300ms forwards;        -webkit-animation: slidein 300ms forwards;        animation: slidein 300ms forwards;        -webkit-transform-style: preserve-3d;        transform-style: preserve-3d;    }    .side-menu-container > .navbar-nav {        /* Add position:absolute for scrollable menu -> see top comment */        position: fixed;        left: -300px;        width: 300px;        top: 80px;        height: 100%;        border-right: 1px solid #e7e7e7;        background-color: #f8f8f8;        -moz-animation: slideout 300ms forwards;        -o-animation: slideout 300ms forwards;        -webkit-animation: slideout 300ms forwards;        animation: slideout 300ms forwards;        -webkit-transform-style: preserve-3d;        transform-style: preserve-3d;    }    /* Uncomment for scrollable menu -> see top comment */    /*.absolute-wrapper{          width:285px;          -moz-animation: slideout 300ms forwards;          -o-animation: slideout 300ms forwards;          -webkit-animation: slideout 300ms forwards;          animation: slideout 300ms forwards;          -webkit-transform-style: preserve-3d;          transform-style: preserve-3d;      }*/    @-moz-keyframes bodyslidein {        0% {            left: 0;        }        100% {            left: 300px;        }    }    @-webkit-keyframes bodyslidein {        0% {            left: 0;        }        100% {            left: 300px;        }    }    @keyframes bodyslidein {        0% {            left: 0;        }        100% {            left: 300px;        }    }    @-moz-keyframes bodyslideout {        0% {            left: 300px;        }        100% {            left: 0;        }    }    @-webkit-keyframes bodyslideout {        0% {            left: 300px;        }        100% {            left: 0;        }    }    @keyframes bodyslideout {        0% {            left: 300px;        }        100% {            left: 0;        }    }    /* Slide side body*/    .side-body {        margin-left: 5px;        margin-top: 100px;        position: relative;        -moz-animation: bodyslideout 300ms forwards;        -o-animation: bodyslideout 300ms forwards;        -webkit-animation: bodyslideout 300ms forwards;        animation: bodyslideout 300ms forwards;        -webkit-transform-style: preserve-3d;        transform-style: preserve-3d;    }    .body-slide-in {        -moz-animation: bodyslidein 300ms forwards;        -o-animation: bodyslidein 300ms forwards;        -webkit-animation: bodyslidein 300ms forwards;        animation: bodyslidein 300ms forwards;        -webkit-transform-style: preserve-3d;        transform-style: preserve-3d;    }    /* Hamburger */    .navbar-toggle {        border: 0;        float: left;        padding: 18px;        margin: 0;        border-radius: 0;        background-color: #f3f3f3;    }    /* Search */    #search .panel-body .navbar-form {        border-bottom: 0;    }    #search .panel-body .navbar-form .form-group {        margin: 0;    }    .navbar-header {        /* this is probably redundant */        position: fixed;        z-index: 3;        background-color: #f8f8f8;    }    /* Dropdown tweek */    #dropdown .panel-body .navbar-nav {        margin: 0;    }}.colorgraph {    height: 5px;    border-top: 0;    background: #c4e17f;    border-radius: 5px;    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);}/*############### loader #######################*/div.loader {    display: none;    background-color: transparent;    height: auto;    min-height: 40px;    /* vertical-align:bottom; */    position: absolute;    top: 48%;    left: 48%;    z-index: 10000;}div.loader .pile {    transform: skew(-45deg);    transform-origin: 100% 100%;    background-color: #999;    width: 15px;    border-radius: 1px;    display: inline-block;    /*position:relative;      bottom:0;      left:auto;      vertical-align:bottom;*/}div.loader .pile.small {    animation: pile1 0.3s 0.4s ease 1 forwards, fadein2 1s 1s linear infinite;}div.loader .pile.middle {    /*height:25px;        background-color:#F6CA6B;*/    animation: pile2 0.4s 0.2s ease 1 forwards, fadein2 1s 1.2s linear infinite;}div.loader .pile.big {    /*height:40px;        background-color:#F3AE02;*/    animation: pile3 0.5s ease 1 forwards, fadein2 1s 1.4s linear infinite;}div.loader .loader-text {    color: #fff;    opacity: 0;    animation: fadein 0.3s 0.6s ease 1 forwards;}.loader-back {    display: none;    position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    background-color: #327e9a;    opacity: 0.50;    box-shadow: inset 0 0 75px 0 rgba(0, 0, 0, 0.4);}@keyframes pile1 {    0% {        height: 0;    }    100% {        height: 13px;        background-color: #fc2a0a;    }}@keyframes pile2 {    0% {        height: 0;    }    100% {        height: 25px;        background-color: #002ce1;    }}@keyframes pile3 {    0% {        height: 0;    }    100% {        height: 40px;        background-color: #f3ae02;    }}@keyframes fadein {    0% {        opacity: 0;    }    100% {        opacity: 1;    }}@keyframes fadein2 {    0% {        opacity: 1;    }    50% {        opacity: 0;    }    100% {        opacity: 1;    }}/*###################################   Roger     #################################################*/.btn-salvar{    background-color: #1371c4!important;}.btn-salvar a{    color: #fff;}@media print {    .noprint { display: none; }}.bgteste{    background-color: #ff0000;}#password,#password2{    display: block;    width: 100%;    height: 36px;    padding: 6px 12px;    font-size: 14px;    line-height: 1.6;    color: #555555;    background-color: #fff;    background-image: none;    border: 1px solid #ccd0d2;    border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;}#password:focus,#password2:focus {    border-color: #98cbe8;    outline: 0;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(152, 203, 232, 0.6);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(152, 203, 232, 0.6);}/*############################################ TELA DE LOGIN #######################################################*/.btn{    outline:0;    border:none;    border-top:none;    border-bottom:none;    border-left:none;    border-right:none;    box-shadow:inset 2px -3px rgba(0,0,0,0.15);}.btn:focus{    outline:0;    -webkit-outline:0;    -moz-outline:0;}.form-signin {    max-width: 400px;    padding: 15px;    margin: 0 auto;}.form-signin .form-signin-heading, .form-signin {    margin-bottom: 10px;}.form-signin .form-control {    position: relative;    font-size: 16px;    height: auto;    padding: 10px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}.form-signin .form-control:focus {    z-index: 2;}.form-signin input[type="email"] {    margin-bottom: -1px;    border-bottom-left-radius: 0;    border-bottom-right-radius: 0;    border-top-style: solid;    border-right-style: solid;    border-bottom-style: none;    border-left-style: solid;    border-color: rgb(48,151,209);}.form-signin input[type="password"] {    margin-bottom: 10px;    border-top-left-radius: 0;    border-top-right-radius: 0;    border-top-style: none;    border-right-style: solid;    border-bottom-style: solid;    border-left-style: solid;    border-color: rgb(48,151,209);    border-top:1px solid rgba(48,151,209,0.08);}.form-signin-heading {    color: #3097D1;    text-align: center;    text-shadow: 0 2px 2px rgba(0,0,0,0.5);}/*####################### checkbox #####################################*/.checkbox {    padding-left: 20px; }.checkbox label {    display: inline-block;    position: relative;    padding-left: 5px; }.checkbox label::before {    content: "";    display: inline-block;    position: absolute;    width: 17px;    height: 17px;    left: 0;    margin-left: -20px;    border: 1px solid #cccccc;    border-radius: 3px;    background-color: #fff;    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }.checkbox label::after {    display: inline-block;    position: absolute;    width: 16px;    height: 16px;    left: 0;    top: 0;    margin-left: -20px;    padding-left: 3px;    padding-top: 1px;    font-size: 11px;    color: #555555; }.checkbox input[type="checkbox"] {    opacity: 0; }.checkbox input[type="checkbox"]:focus + label::before {    outline: thin dotted;    outline: 5px auto -webkit-focus-ring-color;    outline-offset: -2px; }.checkbox input[type="checkbox"]:checked + label::after {    font-family: 'FontAwesome';    content: "\f00c"; }.checkbox input[type="checkbox"]:disabled + label {    opacity: 0.65; }.checkbox input[type="checkbox"]:disabled + label::before {    background-color: #eeeeee;    cursor: not-allowed; }.checkbox.checkbox-circle label::before {    border-radius: 50%; }.checkbox.checkbox-inline {    margin-top: 0; }.checkbox-primary input[type="checkbox"]:checked + label::before {    background-color: #428bca;    border-color: #428bca; }.checkbox-primary input[type="checkbox"]:checked + label::after {    color: #fff; }.checkbox-danger input[type="checkbox"]:checked + label::before {    background-color: #d9534f;    border-color: #d9534f; }.checkbox-danger input[type="checkbox"]:checked + label::after {    color: #fff; }.checkbox-info input[type="checkbox"]:checked + label::before {    background-color: #5bc0de;    border-color: #5bc0de; }.checkbox-info input[type="checkbox"]:checked + label::after {    color: #fff; }.checkbox-warning input[type="checkbox"]:checked + label::before {    background-color: #f0ad4e;    border-color: #f0ad4e; }.checkbox-warning input[type="checkbox"]:checked + label::after {    color: #fff; }.checkbox-success input[type="checkbox"]:checked + label::before {    background-color: #5cb85c;    border-color: #5cb85c; }.checkbox-success input[type="checkbox"]:checked + label::after {    color: #fff; }.radio {    padding-left: 20px; }.radio label {    display: inline-block;    position: relative;    padding-left: 5px; }.radio label::before {    content: "";    display: inline-block;    position: absolute;    width: 17px;    height: 17px;    left: 0;    margin-left: -20px;    border: 1px solid #cccccc;    border-radius: 50%;    background-color: #fff;    -webkit-transition: border 0.15s ease-in-out;    -o-transition: border 0.15s ease-in-out;    transition: border 0.15s ease-in-out; }.radio label::after {    display: inline-block;    position: absolute;    content: " ";    width: 11px;    height: 11px;    left: 3px;    top: 3px;    margin-left: -20px;    border-radius: 50%;    background-color: #555555;    -webkit-transform: scale(0, 0);    -ms-transform: scale(0, 0);    -o-transform: scale(0, 0);    transform: scale(0, 0);    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }.radio input[type="radio"] {    opacity: 0; }.radio input[type="radio"]:focus + label::before {    outline: thin dotted;    outline: 5px auto -webkit-focus-ring-color;    outline-offset: -2px; }.radio input[type="radio"]:checked + label::after {    -webkit-transform: scale(1, 1);    -ms-transform: scale(1, 1);    -o-transform: scale(1, 1);    transform: scale(1, 1); }.radio input[type="radio"]:disabled + label {    opacity: 0.65; }.radio input[type="radio"]:disabled + label::before {    cursor: not-allowed; }.radio.radio-inline {    margin-top: 0; }.radio-primary input[type="radio"] + label::after {    background-color: #428bca; }.radio-primary input[type="radio"]:checked + label::before {    border-color: #428bca; }.radio-primary input[type="radio"]:checked + label::after {    background-color: #428bca; }.radio-danger input[type="radio"] + label::after {    background-color: #d9534f; }.radio-danger input[type="radio"]:checked + label::before {    border-color: #d9534f; }.radio-danger input[type="radio"]:checked + label::after {    background-color: #d9534f; }.radio-info input[type="radio"] + label::after {    background-color: #5bc0de; }.radio-info input[type="radio"]:checked + label::before {    border-color: #5bc0de; }.radio-info input[type="radio"]:checked + label::after {    background-color: #5bc0de; }.radio-warning input[type="radio"] + label::after {    background-color: #f0ad4e; }.radio-warning input[type="radio"]:checked + label::before {    border-color: #f0ad4e; }.radio-warning input[type="radio"]:checked + label::after {    background-color: #f0ad4e; }.radio-success input[type="radio"] + label::after {    background-color: #5cb85c; }.radio-success input[type="radio"]:checked + label::before {    border-color: #5cb85c; }.radio-success input[type="radio"]:checked + label::after {    background-color: #5cb85c; }/*####################### fim checkbox #####################################*/#relatorio_filter{    float: none!important;}#pesquisar{    z-index: 0;}