@font-face {
    font-family: 'Comfortaa';
    src: url("../fonts/comfortaa/Comfortaa-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }

body {
    margin: 0;
    font-family: "Roboto", sans-serif; }
body * {
    position: relative; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Comfortaa", sans-serif;
    font-weight: 600;
    color: #2B2F6B; }

h1 {
    font-size: 32px;
    line-height: 42px; }

h2 {
    font-size: 26px;
    line-height: 1.2; }

h2 {
    font-size: 21px;
    line-height: 1.0; }

p {
    margin: 10px 0; }

a {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: inherit; }

.uppercase {
    text-transform: uppercase; }

.txt-white {
    color: #fff; }

button, .btn, .btn-primary {
    font-family: "Comfortaa", sans-serif;
    border: 0;
    font-size: 1rem;
    border-radius: 8px;
    padding: 0.6em 1.6em; }

form .form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 18px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: rgba(255, 255, 255, 0.7);
    background-color: #e5f5f7;
    background-image: none;
    border: 0;
    border-radius: 2px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    outline: none; }
form .form-control:focus, form .form-control:active {
    color: #333;
    background-color: #e5f5f7; }

form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

form textarea.form-control {
    height: 150px;
    width: 100%;
    resize: none; }

form .row {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%; }
form .row .form-group:first-child:not(:last-child) {
    padding-right: 10px; }
form .row .form-group:last-child:not(:first-child) {
    padding-left: 10px; }

form .form-group {
    margin-bottom: 1.4rem; }
form .form-group label {
    color: #0172a2;
    padding-left: 1rem; }

form .actions {
    padding: 0; }
form .actions .btn {
    background-color: #7ECFD8; }
form .actions .btn.btn-link {
    color: #0172a2;
    background-color: transparent; }
form .actions .btn.cancel {
    background-color: rgba(126, 207, 216, 0.6); }

form ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333 !important; }

form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333 !important; }

form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333 !important; }

form :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333 !important; }

form .dropdown .btn {
    width: 100%;
    border-radius: 0;
    text-align: left;
    background: #e5f5f7;
    color: #333;
    font-family: "Roboto", sans-serif;
    height: 36px;
    padding: 18px 12px;
    font-size: 14px;
    line-height: 0; }
form .dropdown .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

form .dropdown .dropdown-toggle::after {
    display: inline-block;
    content: "\e904";
    font-size: 36px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    right: 10px;
    top: 50%;
    color: #0172a2;
    position: absolute;
    border: 0;
    width: auto;
    height: auto; }

form .dropdown.show > .btn-secondary.dropdown-toggle {
    background-color: #e5f5f7;
    background-image: none; }

form .dropdown .dropdown-menu.show {
    display: block;
    width: calc(100% - 10px);
    border-radius: 0;
    border: 0;
    background-color: #f2fafb;
    padding: 0; }

form .dropdown .dropdown-item {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333; }
form .dropdown .dropdown-item:hover {
    background-color: rgba(229, 245, 247, 0.8); }

.padding {
    padding: 2rem; }

.padding-top {
    padding-top: 2rem; }

.padding-bottom {
    padding-bottom: 2rem; }

section.padding {
    padding: 4rem; }

footer {
    background-color: #7ECFD8;
    padding: 8rem 4rem 4rem;
    color: #2B2F6B; }

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icons/icomoon.eot?e1d2ba");
    src: url("../fonts/icons/icomoon.eot?e1d2ba#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?e1d2ba") format("truetype"), url("../fonts/icons/icomoon.woff?e1d2ba") format("woff"), url("../fonts/icons/icomoon.svg?e1d2ba#icomoon") format("svg");
    font-weight: normal;
    font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.icon-connect:before {
    content: "\e900"; }

.icon-search:before {
    content: "\e901"; }

.icon-select:before {
    content: "\e902"; }

.icon-expand_more:before {
    content: "\e904"; }

.prev i.icon-expand_more {
    font-size: 26px;
    line-height: 1.2rem;
    color: #0172a2;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 0; }

.next .icon-expand_more {
    font-size: 26px;
    line-height: 1.2rem;
    color: #0172a2;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 0; }

.btn-link:focus, .btn-link:hover, a:hover, a:focus {
    text-decoration: none;
    color: inherit; }

.btn {
    cursor: pointer; }

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }

.fadeInUp {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }

.fdRight {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

.fadeInRight {
    opacity: 0;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation-delay: .3s;
    animation-delay: .3s; }

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }

.fdLeft {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }

.fadeInLeft {
    opacity: 0;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation-delay: .3s;
    animation-delay: .3s; }

header {
    z-index: 2;
    display: inline-block;
    width: 100%;
    background: #555888;
    background: -webkit-linear-gradient(left, #555888 0%, #97d7df 100%);
    background: -webkit-gradient(linear, left top, right top, from(#555888), to(#97d7df));
    background: -o-linear-gradient(left, #555888 0%, #97d7df 100%);
    background: linear-gradient(to right, #555888 0%, #97d7df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555888', endColorstr='#97d7df',GradientType=1 ); }
header.home {
    background: url("../img/header-bg.jpg") center no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 520px; }
header.home:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(left, rgba(26, 84, 84, 0.5) 0%,rgba(23, 222, 234, 0.7) 100%);
    background: -webkit-linear-gradient(left, rgba(26, 84, 84, 0.5) 0%,rgba(23, 222, 234, 0.7) 100%);
    background: linear-gradient(to right, rgba(26, 84, 84, 0.5) 0%,rgba(23, 222, 234, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80194381', endColorstr='#cc67d7de',GradientType=1 );
    opacity: 0.5; }

header nav.menu {
    font-size: 15px;
    padding: 32px; }
header nav.menu .logo {
    height: 80px;
    width: auto;
    max-width: 100%; }
header nav.menu .btn {
    border: 0;
    background-color: rgba(110, 179, 204, 0.7); }
header nav.menu .btn:hover {
    background-color: rgba(110, 179, 204, 0.9); }
header nav.menu ul {
    padding: 15px; }
header nav.menu ul li:not(:last-child) {
    margin-right: 20px; }
header .login {
    max-width: 350px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px; }
header .login h3 {
    color: #fff;
    padding: 15px;
    font-family: "Comfortaa", sans-serif; }
header .login form .form-control {
    color: #fff;
    background-color: rgba(85, 88, 136, 0.5);
    outline: none;
    border: 2px solid #fff;
    border-radius: 8px; }
header .login form .form-control.error {
    border-color: #e62e11; }
header .login form button[type="submit"] {
    font-size: 1.2rem;
    background-color: rgba(85, 88, 136, 0.6); }
header .login form button[type="submit"]:hover {
    background-color: rgba(85, 88, 136, 0.9); }
header .login form .actions {
    padding: 0; }
header .login form ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff !important; }
header .login form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important; }
header .login form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important; }
header .login form :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff !important; }

.text-block i {
    font-size: 4.2rem;
    margin-bottom: 20px;
    display: block;
    color: #7ecfd8; }

.text-block p {
    color: #79bedc;
    max-width: 300px;
    margin: 30px auto 0; }

section .sub-title {
    color: #0172a2; }

@media (max-width: 768px) {
    header.home nav.menu .logo {
        width: 200px;
        height: 80px;
        margin: 0 auto 20px; }
    header.home nav.menu > * {
        width: 100%;
        text-align: center !important;
        margin: 0 auto; }
    header nav.menu {
        padding: 20px;
        margin: 0;
        text-align: center; }
    header nav.menu > a {
        width: 100%; }
    header nav.menu .logo {
        width: 200px;
        height: 80px;
        margin: 0 auto 20px; }
    header nav.menu .col {
        padding: 0; }
    header nav.menu .col > .row {
        padding: 0;
        margin: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px; }
    header nav.menu ul li {
        margin-right: 0; }
    section.padding {
        padding: 2rem; }
    .text-block {
        margin-bottom: 4rem; }
    form .form-row > div {
        margin-bottom: 10px; }
    form .form-row.actions a {
        padding: 0.6em 1.2em; }
    form button, form .btn, form .btn-primary {
        padding: 0.6em; } }









.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #555888;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #97d7df;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}



.tabela_encam, .tabela_mov{
    width: 100%;
    border-collapse: collapse;
}
.tabela_encam,.tabela_mov{
    font-family: "Comfortaa", sans-serif;
    border-bottom: 1px solid #bababa;
    font-size: 15px;
}

td{
    font-family: "Comfortaa", sans-serif;
    padding-left: 8px;
    border-bottom: 1px solid #bababa;
    color: #505050;
    font-size: 15px;
}
th {
    font-family: "Comfortaa", sans-serif;
    height: 50px;
    text-align: center;
    background-color: #555888;
    color: white;
    font-size: 15px;
}