html {overflow-x:hidden;}
html,
body {background:#f5f5f5;height: 100%;}
a {color: #f5811e;}
a:hover, a:focus {color: #dd741b;}
.btn-success {border:0;transition:all 0.3s linear;}
.btn-primary {background:#f5811e;border:0;transition:all 0.3s linear;}
.btn-primary:hover {background:#dd741b;}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {background: #dd741b;}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {color: #fff;background: #dd741b;}
/* login */
.login-area {display: table;width: 100%;}
.login-area .side-left {background: #f5f5f5;display: table-cell;width: 50%;height: 100%;vertical-align: middle;}
.login-area .side-right {display: table-cell;vertical-align: middle;background: url('../../img/login-side-right1-new2.jpg');background-size: cover; width: 50%; height: 100%;}
.login-area .autentication {width: 320px; margin:0 auto;}
.login-area .autentication .logo {text-align: center; margin-bottom: 15px;}
.login-area .autentication .logo a {background: url('../../img/logo-login.png'); width: 209px; height: 72px; display: inline-block;}
.login-area .subscribe,
.login-area .login-button {background: #ac3a84;border:0;transition:all 0.3s linear;width: 100%; margin-bottom: 5px; font-weight:bold;}
.login-area .login-button:hover,
.login-area .login-button:focus,
.login-area .login-button:active {background: #8e1a74 !important;border:0 !important; outline:none !important;}
.login-area .form-control:focus {border-color: #c878af;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 120, 175, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 120, 175, .6);}
.login-area .cadastre-se-button {background: #ffffff;border:1px solid #a03286 !important;width: 100%; margin-top: 30px; font-weight:bold;}
.login-area .cadastre-se-button a {color:#a03286!important;}
.login-area .cadastre-se-button:hover {background-color: white !important;}
.login-area .login-video {width: 100%; min-height:320px;}
.login-area .featured {width: 60%; margin: 5% auto; position: relative;}
.login-area .featured {color: #ffffff}
.login-area .featured .graph {background-size: cover; background-repeat: no-repeat; width: 170px; height: 100px; position: absolute}
.login-area .featured .graph:nth-of-type(1) {top: -130px; left:0; background-image: url('../../img/graph-columns.png');}
.login-area .featured .graph:nth-of-type(2) {top: -130px; right:0; background-image: url('../../img/graph-rocket.png');}
.login-area .featured .graph:nth-of-type(3) {bottom: -130px; left:0; background-image: url('../../img/graph-triade.png');}
.login-area .featured .graph:nth-of-type(4) {bottom: -130px; right:0; background-image: url('../../img/graph-pie.png');}
.login-area .featured h2 {font-family: 'Asar', serif; font-weight: normal; font-size: 3.5em; margin: 0; margin-bottom: 20px;}
.login-area .featured p {font-size: 1.4em; margin-bottom: 20px; text-align: center;}
.login-area .panel-body a {color: #666;}
.wrap {min-height: 100%;height: auto;}
.wrap > .container {padding-bottom: 60px;}
.login-video {width: 100%; min-height:270px; margin-bottom: 20px;}
.site-login .panel-body {position: relative;}
.trial-area .image {width: 100%; height: auto;}
.trial-area h2 {margin-top: 0;}
.trial-area .panel {margin-top: 25px;}
/* Recuperar senha */
.modal-email {position: absolute !important;margin: 110px 0px 0px 55px !important;z-index:1;width: 550px !important;}
.modal-titulo {height: 55px;text-align: center;color:#00cc6f;}
.modal-titulo h4 {font-weight: bold;}
.modal-titulo span {margin-top: -30px !important;color: gray;opacity: 1;font-size: 15px;}
.modal-titulo span:hover {color: black !important;opacity: 1;}
.modal-body {text-align: center !important;margin: 0px 90px 0px 90px;color:#ac3a84;}
.modal-footer button {background: white;color: #ac3a84;border: 1px solid #ac3a84;height: 30px;width: 100px;text-align: center;font-weight: bold;padding: 0px;}
.modal-footer button:hover {color:#8e1a74;}
.breadcrumb {background: none;text-align: right;padding: 0px; margin-bottom: 30px;}
.navmenubg {color:#fff;background:#f5811e;}
.navmenubg .navbar-brand {height:auto;padding: 10px 15px;}
.navmenubg a.navbar-brand .logo {height:auto;border:0;margin-bottom:0;}
.navmenubg a.navbar-brand:hover {background: none;}
.navbar {border:0; margin-bottom: 0;}
.navbar-nav > li > a {padding:25px 15px; color:#fff;}
.navbar-nav > li > a {background:#f5811e; transition: all 0.3s linear;}
.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav .open a:hover,
.navbar-nav .open a:focus,
.navbar-nav .active a:hover,
.navbar-nav .active a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color:#ffffff; background:#dd741b;}
.dropdown-menu {padding:0;border:0;min-width: 180px;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav .active > a:hover,
.nav .active > a:focus {background-color: #dd741b;}
.page-header {border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.page-header .choose-app {margin-top: 20px;}
.panel-default > .panel-heading {background-color: #eee;}
.panel-title {line-height: 22px;}
.panel-footer {border: 0; background: transparent; text-align: center;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {border-top:0;}
.table > thead > tr > th {border-bottom: 2px solid #ddd;}
.table > tbody + tbody {border-top: 2px solid #ddd;}
.table-bordered {border:0;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border:0;}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {border-bottom: 2px solid #ddd;}
.table-striped > tbody > tr:nth-of-type(odd) {background:#f1f1f1;}
.table.no-margin {margin-bottom: 0;}
.nav-tabs {border-bottom: 2px solid #ddd;}
.nav-tabs > li {margin-bottom:0;border:0;}
.nav-tabs > li > a {color: #333333;border:0;background:rgba(0,0,0,0.05); transition: all 0.3s linear;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {background:rgba(0,0,0,0.1);}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #ffffff;background:#f5811e;border:0;}
.pagination:after,
.pagination:before {content: ""; display: table; clear: both;}
.pagination > li > a,
.pagination > li > span {color: #f5811e; background-color: #fff;border: 1px solid #ddd;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #333333; background-color: #ddd;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color: #fff; background-color: #f5811e;border-color: #f5811e;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;background-color: #fff;border-color: #ddd;}
.box-filter {float: right; margin-bottom: 20px;}
.box-filter .form-group {width: 190px;}
.box-filter .form-group,
.box-filter .btn-primary {margin-top:0;display: block; float: left; margin-right: 10px;}
.box-filter .form-group input {width: 100%;}
.wrapper-footer {position: relative;}
.footer {background:#eee; border-top:1px solid #ddd; padding-top: 20px; position: absolute; width: 100%; height: 60px; top: -60px;}
.not-active {pointer-events: none; cursor: default; opacity: 0.5}
.filter-date {
float: right;
margin-top: 20px;
}
.filter-date-input{
width: 130px !important;
}
.filter-date-button{
margin-bottom: 10px;
}
.theme-logo {
height: 100%;
width: 100%;
}
.tab-content, .overlay, .panel-body{ overflow: auto; }
.loading-screen {
background:rgba(0,0,0,0);
width: 100%;
height: 100%;
position: fixed;
z-index: -99;
transition: all 0.5s linear;
}
.loading-screen.loading {
z-index: 9999;
background:rgba(0,0,0,0.7);
}
.fa-spinner {
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
color:#fff;
}
.choose-app .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
float: none;
min-width: 300px;
}
@media (max-width: 1440px) {
.login-area .featured {width: 70%;}
.login-area .featured h2 {font-size: 3em;}
.login-area .featured p {font-size: 1.2em;}
}
@media (min-width: 1025px) and (max-width: 1439px) {
.login-area .featured .graph {width: 120px; height: 70px;}
.login-area .featured .graph:nth-of-type(1),
.login-area .featured .graph:nth-of-type(2) {top: -90px;}
.login-area .featured .graph:nth-of-type(3),
.login-area .featured .graph:nth-of-type(4) {bottom: -90px;}
}
@media (min-width: 769px) and (max-width: 1024px) {
.login-area .autentication {margin: 5% auto;}
.login-area .featured {width: 90%;}
.login-area .featured p {font-size: 1em;}
.login-area .login-video {min-height: 260px;}
}
@media (max-width: 1024px) {
.login-area .side-left {display:block;width: auto;height: 100%; padding:0; display: flex;}
.login-area .autentication {align-self: center;}
.login-area .side-right {display:none;}
.navbar-toggle {padding: 18px 15px; margin-right: 0;}
.navbar-toggle .icon-bar {background: #fff; width: 26px;border-radius: 0;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.dropdown-menu > li > a {background:#dddddd;}
.dropdown-menu > li > a,
.dropdown-menu .dropdown-header {padding: 15px 30px !important;}
.navbar-nav {margin:0 -15px;}
.navbar-nav li a {padding: 25px 10px;}
.page-header {margin: 20px 0 20px;}
.filter-date-input {width: 110px !important;}
}
@media (max-width: 480px) {
.navbar-nav li a {color: #333;background: #dddddd;border-bottom: solid 1px #c3c3c3;transition: all 0.3s linear;padding: 15px;}
.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav .open a:hover,
.navbar-nav .open a:focus,
.navbar-nav .active a:hover,
.navbar-nav .active a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color: #ffffff;background: #bebebe;border-bottom: solid 1px #bebebe;}
.page-header {margin-top: 0;}
.choose-app .pull-right {
float: none !important;
}
.filter-date {
float: none !important;
}
.filter-date .form-group,
.filter-date button {
float: left;
margin-right: 10px;
margin-bottom: 0;
}
.filter-date button {
padding: 7px 12px;
}
}
@media (max-width: 360px) {
.login-video {width: 100%; min-height:180px;}
.btn.subscribe {position: static; width: 100%; display: block; white-space:normal;}
}