/* Main Styles */

@font-face {
    font-family: 'zona_probold';
    src: url('../fonts/zonapro-bold-webfont.eot');
    src: url('../fonts/zonapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/zonapro-bold-webfont.woff2') format('woff2'),
    url('../fonts/zonapro-bold-webfont.woff') format('woff'),
    url('../fonts/zonapro-bold-webfont.ttf') format('truetype'),
    url('../fonts/zonapro-bold-webfont.svg#zona_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zona_prothin';
    src: url('../fonts/zonapro-thin-webfont.eot');
    src: url('../fonts/zonapro-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/zonapro-thin-webfont.woff2') format('woff2'),
    url('../fonts/zonapro-thin-webfont.woff') format('woff'),
    url('../fonts/zonapro-thin-webfont.ttf') format('truetype'),
    url('../fonts/zonapro-thin-webfont.svg#zona_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "iconsfont";
  src:url("../fonts/iconsfont.eot");
  src:url("../fonts/iconsfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/iconsfont.woff") format("woff"),
    url("../fonts/iconsfont.ttf") format("truetype"),
    url("../fonts/iconsfont.svg#untitled-font-2") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "iconsfont" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "iconsfont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}
.icon-1:before {
content: "a";
}
.icon-2:before {
content: "b";
}
.icon-3:before {
content: "c";
}
.icon-4:before {
content: "d";
}
.icon-5:before {
content: "e";
}
.icon-6:before {
content: "f";
}
.icon-7:before {
content: "g";
}
.icon-8:before {
content: "h";
}
.icon-9:before {
content: "i";
}
.icon-10:before {
content: "j";
}
.icon-11:before {
content: "k";
}
.icon-12:before {
content: "l";
}
.icon-13:before {
content: "m";
}
.icon-15:before {
content: "n";
}
.icon-20:before {
content: "p";
}
.icon-21:before {
content: "q";
}

.navbar-nav li [class^="icon-"]:before, .navbar-nav li [class*=" icon-"]:before { 
font-size: 3.5em;
vertical-align: middle;
padding-right: 8px;
}


/* GLOBAL */
html, body {
font-family: 'Open Sans', sans-serif;
}
a {
color: #5AA700;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
a:hover {
color: #487F00;
text-decoration: none;
}
a.active {
color: #323232;
font-weight: bold;
}  
h1, h2, h3, h4, h5 {
font-family: 'zona_prothin';
}  
.row {
margin-right: 0;
margin-left: 0;
}
.btn {
font-family: 'zona_probold';
}  
.btn-primary {
color: #fff;
background-color: #5AA700;
border: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
color: #fff;
background-color: #487F00;
}
.btn-group-lg>.btn, .btn-lg {
border-radius: 2px;
padding: 20px;
}
.btn-default {
color: #5AA700;
border: 1px solid #EDEDED;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{
background: #F4F4F4;
color: #5AA700;
border: 1px solid #EDEDED;
}
.list-unstyled li {
padding: 5px 0;
}

/* LOGIN */
.full-bg {
background:#323232 url(../../Images/BG3.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
#logo {
    text-align: center;
    margin-top: 60px;
}
#logo img {
margin-top: 60px;
max-width: 100%;
height: auto;
}
#login-form, #features {
position: relative;
margin-top: 20px;
text-align: center;
}
#login-form {
background: url(../../Images/form-bg.png) repeat; 
min-height: 345px;
padding: 50px;
color: #FFF;
font-family: 'zona_probold';
}
#login-form form label {
font-weight: 700;
color: #FFF;
}
#login-form form input[type="text"], #login-form form input[type="password"] {
width: 100%;
margin-bottom: 20px;
padding: 5px 10px;
background: 0;
border: 0;
border-bottom: 2px solid #FFFFFF;
outline: 0;
font-style: italic;
font-size: 12px;
letter-spacing: 1px;
color: #FFFFFF;
text-align: center;
border-radius: 0;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
#login-form form input[type="text"]:focus, #login-form form input[type="password"]:focus {
border: none;
border-bottom: 2px solid #5AA700;
box-shadow: none;
}
#login-form form input[type="submit"] {
width: 100%;
margin-top: 30px;
padding: 10px 0;
outline: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 10px;
}
#login-form .button {
width: 100%;
display: block;
}

/* MAIN */
.side-body {
margin-left: 310px;
background-color: #FFF;
}
.page-title {
min-height: 50px;
border-left: 5px solid #5AA700;
margin: 0;
padding:20px 10px 0 10px;
font-family: 'zona_probold';
text-transform: uppercase;
color: #5AA700;
font-size: 16px;
margin-bottom: 20px;
position: relative;
top:-20px;
}
.page-subtitle {
margin: 10px 0 20px 0;
color: #121212;   
font-family: 'zona_prothin';
}
.page-content {
margin-top: 20px;
}

@media (max-width: 1023px) {
    .page-content {
    padding: 20px 0px;
    }
}
@media (min-width: 1280px) {
    .page-content {
    padding: 20px 20px;
    }
    /*.table {
    table-layout:fixed;
    }*/
}

.table {
margin-bottom: 10px;
}
.tb-label {
color: #959595;
font-family: 'zona_prothin';
font-size: 16px;
padding-top: 5px; 
text-transform: uppercase;
}
.tb-field {
font-size: 14px;
padding-bottom: 5px; 
}
.tb-field-bold {
font-weight: bold;
font-style: italic;
font-size: 18px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-top: none;
border-bottom: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
}
.table>tbody>tr>td:last-of-type, .table>tbody>tr>th:last-of-type, .table>tfoot>tr>td:last-of-type, .table>tfoot>tr>th:last-of-type, .table>thead>tr>td:last-of-type, .table>thead>tr>th:last-of-type {
border-right: none;
}
.table th {
color: #959595;
font-family: 'zona_prothin';
}
.table>tbody>tr>th {
font-weight: bold;
}
/* @media (max-width: 480px) {
.table>tbody>tr>td, .table>tbody>tr>th {
display: block;
width: 100%;
border-right: none;
}
}*/

.pagination>li>a, .pagination>li>span {
color: #5AA700;
border: none;
}
.pagination>li>a:hover, .pagination>li>span:hover {
color: #5AA700;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background: #5AA700;
border-color: #5AA700;
}
.profile-img {
width: 120px;
height: 120px;
}
.list-group {
background-color: #FFF;
border: none;
border-radius: 0;
margin: 0;
padding: 0;
font-size: 13px;
}
.list-group-item {
background-color: #FFF;
border: none;
max-height: 50px;
}
.categorias .list-group-item {
background-color: #FFF;
position: inherit;
}
.disabled {
color: #999;
font-weight: 100;
}
.glyphicon-ok-sign, .glyphicon-credit-card {
color: #5AA700;
}
.glyphicon-remove-sign {
color: #999;
}
span.second {
float: right;
}

/* PLANOS */
#plans .panel {
border: 1px solid #EDEDED;
}
#plans .panel-pricing {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
#plans .panel-pricing:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
#plans .panel-pricing .panel-heading {
padding: 10px;
}
#plans .panel-pricing .list-group-item {
color: #121212;
}
#plans .list-group {
padding-bottom: 20px;
}
#plans .panel-pricing .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#plans .panel-pricing .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
#plans .panel-pricing .panel-body {
font-size: 25px;
padding: 20px;
margin: 0px;
font-family: 'zona_prothin';
background: #FFF;
color: #5AA700;
}
#plans .panel-heading {
background: #5AA700;
}
#plans .panel-footer {
padding: 0;
background: #FFF;
}
#plans .btn-primary, #plans .btn-secondary {
border-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
input[type="date"] {
width: 306px;
display: block;
margin-bottom: 10px;
background-color: #F4F4F4;
border: none;
border-radius: 2px;
padding: 5px 10px;
box-shadow: none;
text-transform: uppercase;
}

/* ALERTAS */
.message-wrap {
padding:0;
}
.msg {
padding:20px;
border-bottom:1px solid #EDEDED;
margin:0;
}
.msg-wrap {
padding:10px;
max-height: 800px;
overflow: auto;
}
.time {
color:#bfbfbf;
}
.send-wrap {
padding:10px 0;
}
.send-wrap form textarea {
margin-bottom: 5px;
border: 1px solid #EDEDED;
box-shadow: none;
}
.send-message {
resize: none;
}
.highlight {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
.msg-wrap .media-heading {
color:#323232;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
margin-bottom:20px;
}
.msg-date {
background: none;
text-align: center;
color:#aaa;
border:none;
box-shadow: none;
border-bottom: 1px solid #EDEDED;
}
.label-success {
background: #5AA700;
}
.side-body .navbar-nav {
border-top: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
}
.side-body .navbar-nav a {
color: #5A5A5A;
}
.side-body .navbar-nav a:hover, .navbar-nav li.active a {
color: #5AA700;
background: none;
}

/* CONTA */
.icon-7,  .icon-8, .icon-9, .icon-10 {
background: #5AA700;
color: #FFF;
padding: 10px;
width: 80px;
height: 80px;
text-align: center;
font-size: 50px;
margin-right: 15px;
border-radius: 2px;
}
.info-text {
font-weight: 500;
}
.info-text h1 {
color: #464646;
margin-bottom: 5px;
margin-top: 2px;
font-family: 'Open Sans', sans-serif;
}
.info-text .btn {
margin-top: 2px;
}
#payment-collapse {
margin-top: 5px;
padding: 20px;
background: #5AA700;
}
#payment-collapse h3 {
padding-left: 15px;
font-family: 'Open Sans', sans-serif;
color: #FFF;
}
#payment-collapse h5 {
font-family: 'Open Sans', sans-serif;
color: #FFF;
font-weight: bold;
}
#payment-collapse form {
margin: 0;
padding: 0;
}
#payment-collapse select.form-control {
height: 50px;
color: #5AA700;
font-size: 16px;
border: none;
}
#payment-collapse label {
color:#959595;
}
#payment-collapse ::-webkit-input-placeholder {
font-size: 12px;
}
#payment-collapse :-moz-placeholder { /* Firefox 18- */
font-size: 12px;
}
#payment-collapse ::-moz-placeholder {  /* Firefox 19+ */
font-size: 12px;
}
#payment-collapse :-ms-input-placeholder {  
font-size: 12px;
}
#payment-collapse .tabbable-panel {
min-height: 150px;background:#FFF; padding:20px; border-radius:4px; margin-bottom:10px;
}
.payment-panel {  
padding: 20px 30px;  
}
input.datepicker {
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
box-shadow: none;
}
.next, .prev, .datepicker-switch {
color: #5AA700;
}
.cc-selector input{
margin:0;padding:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.cc-selector-2 input{
position:relative;
top:-32px;
z-index:999;
}
.bpc {background-image:url('../../Images/BPC.jpg');}
.bci {background-image:url('../../Images/BCI.jpg');}
.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .1;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
.drinkcard-cc{
cursor:pointer;
background-size:contain;
background-repeat:no-repeat;
display:inline-block;
width:160px;height:70px;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
-webkit-filter: brightness(1.3) grayscale(1);
-moz-filter: brightness(1.3) grayscale(1);
filter: brightness(1.3) grayscale(1);
}
.drinkcard-cc:hover{
-webkit-filter: brightness(1.3) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.3) grayscale(.5) opacity(.9);
filter: brightness(1.3) grayscale(.5) opacity(.9);
}

/* SIDEBAR */
.navbar-brand {
padding: 5px 10px;
}
.side-menu {
position: fixed;
z-index: 3;
width: 300px;
height: 100%;
background-color: #323232;
border-right: 1px solid #e7e7e7;
font-family: 'Open Sans', sans-serif;
text-transform: none;
font-size: 13px;
overflow-y:scroll;
}

.navbar-default {
background-color: #323232;  
}
.side-menu .navbar {
border: none;
position: relative;
z-index: 3;
}

.side-menu .navbar-header {
width: 100%;
}
.side-menu .navbar-nav li.active a, .side-menu .navbar-nav li.active a:hover, .side-menu .navbar-nav li.active a:focus {
background-color: #323232;
margin-right: 0;
}
.navbar-default .navbar-nav>li:hover, .navbar-default .navbar-nav>li#dropdown:hover, .navbar-default .navbar-nav>li.active:hover  {
background: #323232;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li#dropdown>a, .navbar-default .navbar-nav>li.active>a {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #777677;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li#dropdown>a:hover, .navbar-default .navbar-nav>li.active>a:hover { 
color: #5AA700;
}
.side-menu .navbar-nav li, .side-menu .navbar-nav li#dropdown {
display: block;
width: 100%;
border-bottom: none;
}
.side-menu .navbar-nav li:hover, .side-menu .navbar-nav li#dropdown:hover  {
color: #5AA700;
}
.side-menu .navbar-nav li.active:hover {
background: #323232;
}
.side-menu .navbar-nav li a {
padding: 10px;
}

.side-menu .navbar-nav li a .glyphicon {
padding-right: 10px;
}
.side-menu #dropdown {
border: 0;
margin-bottom: 0;
border-radius: 0;
background-color: #323232;
box-shadow: none;
color: #5A5A5A;
}
.side-menu #dropdown .caret {
float: right;
margin: 20px 5px 0;
}
.side-menu #dropdown .indicator {
float: right;
}
.side-menu #dropdown > a {
border-bottom: none;
}
.side-menu .navbar-nav .active a  {
background-color: #323232;
margin-right: 0;
border-right: 5px solid #464646;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #5A5A5A
}
.side-menu #dropdown .panel-body {
padding: 0;
background: none;
position: relative;
top:-13px;
}
.side-menu #dropdown .panel-body .navbar-nav {
width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
padding: 5px;
font-style: italic;
padding-left: 65px;
}
.side-menu #dropdown .panel-body .navbar-nav li a {
padding: 5px;
}
.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 #dropdown.collapse.in {
display: block;
position: relative;
top: -35px;
}
.side-menu #search-trigger {
background-color: #464646;
border: 0;
border-radius: 0;
position: absolute;
top: 0;
right: 0;
padding: 15px 18px;
border-left: 1px solid #323232;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.side-menu #search-trigger:hover {
background-color: #323232;
}
.side-menu #search-trigger .glyphicon-search {
color: #777677;
}
.side-menu .brand-name-wrapper {
min-height: 50px;
background: #464646;
/* */
background:#323232 url(../../Images/BG1.jpg) no-repeat left center;  
}
.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;
}
#search .glyphicon-ok:before {
color: #5AA700;
}

/* small screen */
@media (max-width: 1024px) {
.side-menu {
position: relative;
width: 100%;
height: 0;
border-right: 0;
border-bottom: 1px solid #e7e7e7;
}
.side-menu .brand-name-wrapper {
background-image:none;
background-color: #464646;
 }   
.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;
height: 100%;
overflow-y: scroll;
}

.side-menu-container > .navbar-nav {
/* Add position:absolute for scrollable menu -> see top comment */
position: fixed;
left: -300px;
width: 300px;
top: 42px;
height: 100%;
border-right: 1px solid #e7e7e7;
background-color: #323232;
-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: 70px;
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: #323232;
}
/* 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: #323232;
}
/* Dropdown tweek */
#dropdown .panel-body .navbar-nav {
margin: 0;
}
}
/* Logout*/
#logout {
margin-top: 20px;
padding: 15px 0 0 0;
border-top: 1px solid #464646;
text-transform: uppercase;
text-align: center;
color: #5A5A5A;
}
#logout a {
color: #5A5A5A;
text-decoration: none;
}
#logout a:hover {
color: #5AA700;
}


#logout a {
color: #5A5A5A;
text-decoration: none;
}
#logout a:hover {
color: #5AA700;
}

/* PAGE TRANSITIONS */

/* Keyframes */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

}

/* CSS Page Transitions */
.m-scene {
/** Reverse "exit" animations */
}
.m-scene .scene_element {
animation-duration: 0.25s;
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-ms-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
    
transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;

animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
}
.m-scene .scene_element--fadein {
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
}
.m-scene .scene_element--fadeinup {
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
}
.m-scene .scene_element--fadeinright {
animation-name: fadeInRight;
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
}
.m-scene.is-exiting .scene_element {
animation-direction: alternate-reverse;
-webkit-animation-direction: alternate-reverse;
-moz-animation-direction: alternate-reverse;
-ms-animation-direction: alternate-reverse;
-o-animation-direction: alternate-reverse;
}

/* ANIMATED BUTTONS */
.button {
display: block;
padding: 1em 2em;
border: none;
background: none;
color: inherit;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
text-transform: uppercase;
font-family: 'zona_probold';
border-radius: 3px;
margin-bottom: 10px;
}
.button:focus {
outline: none;
}
.button > span {
vertical-align: middle;
}
/* Wapasha */
.button.button--wapasha {
background: #5AA700;
color: #fff;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.button--wapasha.button--inverted {
background: #fff;
color: #5AA700;
}
.button--wapasha::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #5AA700;
z-index: -1;
border-radius: inherit;
opacity: 0;
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha.button--inverted::before {
border-color: #5AA700;
}
.button--wapasha:hover {
background-color: transparent;
color: #5AA700;
}
.button--wapasha.button--inverted:hover {
background-color: #37474f;
color: #5AA700;
}
.button--wapasha:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}

/* TABS PANNEL */
.nav-tabs>li {
height: 50px;
}
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabs > li {
margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #333;
font-weight: bold;
font-size: 1.1em;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid #5AA700;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #5AA700;
position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #5AA700;
}
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}

/* COLLAPSIBLE */
.panel-heading {
background: none; 
}
.panel-heading a:after {
font-family:'Glyphicons Halflings';
content:"\e114";
float: right;
color: grey;
}
.panel-heading a.collapsed:after {
content:"\e080";
}

.panel-default .panel-heading {
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
}

.panel form legend {
font-size: 1em;
padding-bottom: 5px;
font-weight: bold;
font-style: italic;
}

/* MODAL */
.modal-content {
border-radius: 3px;
}
.modal-slacker {
width: 95%;
height: 500px;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
}
.modal-slacker .modal-content {
margin-top: 50px;
border-left-width: 0px;
border-right-width: 0px;;
overflow: auto;
}
.modal-slacker .modal-header .close {
background-color: #EDEDED;
border-color: #DDD;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
}
.modal-slacker .modal-title {
font-size: 28px;
font-weight: bold;
}

/* ADMIN */

form fieldset {
border-bottom: 1px solid #eee;
padding: 30px 0;
}
.form-control {
height: 40px;
}
.btn-group-lg>.btn, .btn-lg {
font-size: 14px;
}
.alert {
padding: 30px;
}
#printableArea div {
margin-bottom: 1em;
color: #323232;
}
#printableArea h5 {
font-family: 'zona_probold';
}
#login-form .alert {
color: #333;
}
.logos {
text-align: left;
background: rgba(50, 50, 50, 0.3);
position:absolute;
top: 0;
padding: 10px;
}

/* PAGAMENTO DE SERVIÇOS */
.panel-payments {
border: 1px solid #EDEDED; 
margin: 10px 0 40px 0;
background: #FAFAFA;
}
.panel-payments .panel-heading  {
border-bottom: none; 
border-color: #EDEDED;
}
.panel-payments .list-group-item  {
border: 1px solid #EDEDED;
padding: 20px 15px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.panel-payments .list-group-item a {
color: #5AA700;
text-decoration: none;
}
.panel-payments .badge-success {
background: #5AA700;
}
.panel-payments table thead{
background: #FAFAFA;
}

/* COSTUM */
#plans .panel-pricing .panel-body {
font-size: 25px;
padding: 20px;
margin: 0px;
font-family: 'zona_prothin';
background: #FFF;
color: #5AA700;
}
#plans .panel-pricing .panel-body p {
font-size: 15px;
}
#plans .panel-pricing .panel-body h5 {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-style: italic;
}
.nav-tabs>li {
height: 65px;
}
.categorias > .list-group-item  {
border: none;
}

/* REGISTER */
.register  {
background: #FAFAFA;
border-radius: 3px;
margin-top: 20px;
padding: 50px;
width: 100%;
}
.register h1 {
color: #5AA700;
font-weight: bold;
}
.form-horizontal .form-group  {
margin-right: -12px;
margin-left: -12px;
}
legend  {
border-bottom: none;
margin-bottom: 10px;
padding-top: 20px;
color: #121212;
}
.form-control  {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e5e5e5;
}

div.g-recaptcha {
margin: 0 auto;
width: 304px;
padding:20px 0;
clear:both;
}

#plans .panel-services {
background: #5AA700;
}
#plans .panel-services h4 {
font-family: 'zona_probold';
}

/* COSTUM */
#plans .panel-pricing .panel-body  {
height: 120px;
}
#plans .panel-pricing .panel-body h5 {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-style: italic;
}
.nav-tabs>li {
height: 55px;
}
.categorias > .list-group-item  {
border: none;
}
.form-horizontal .form-group  {
margin-right: -12px;
margin-left: -12px;
}
legend  {
border-bottom: none;
margin-bottom: 10px;
padding-top: 20px;
color: #121212;
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e5e5e5;
height: 34px;
}
.panel-default .panel-heading h3, .panel-default .panel-heading h4 {
text-transform: none;
font-weight: bold;
}
.panel-default, .panel-default .panel-heading  {
border-color: #f5f5f5;
}
.navbar-form  {
margin-bottom: 10px;
}
.panel-shadow {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.panel-shadow:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

.thumbnail1 {
float: left;
width: 250px;
margin: 2px;
padding: 15px;
}
.thumbnail2 {
border: none;
}
.thumbnail1 a {
cursor: pointer;
}

.superscript{
font-size:small; 
vertical-align:top;
color:#CC0033;
}
 .navbar-default .navbar-nav li a.active, .navbar-default .navbar-nav>li#dropdown.active a {
color: #5AA700;
border-right: none;
}
.navbar-default .navbar-nav>li#dropdown.active .panel-body .navbar-nav li a {
color: #777677;
}
.navbar-default .navbar-nav>li#dropdown.active .panel-body .navbar-nav li a:hover {
color: #5AA700;
}

.btn {
margin-bottom:5px;
} 

.maintenance {
margin-top: 50px;
background: rgba(50, 50, 50, 0.9); 
padding: 50px 80px 80px 80px;
}
.maintenance h2, .maintenance h3, .maintenance p  {
color: #FFF;
text-align: center;
}
.maintenance h2 {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.maintenance h3 {
margin-bottom: 40px;
}

/* Documentos Digitais*/
.thumbnail-footer {
background: #5AA700;
color: #FFF;
padding: 10px;
text-transform: uppercase;
}

.card {
width: 524px;
position: relative;
max-height: 335px;
overflow-y:hidden; 
color: #000;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
box-shadow: 2px 2px 5px #CCC;
float: left;
margin: 5px;
}
.card img {
padding: 10px;
}
#carta .field1 {
font-size: 1.2em;
position: relative;
top: -270px;
left: 27px;
width: 460px;
overflow: hidden;
}
#carta .field2 {
position: relative;
top: -245px;
left: 27px;
width: 170px;
overflow: hidden;
}
#carta .field3 {
position: relative;
top: -231px;
left: 27px;
width: 170px;
overflow: hidden;
}
#carta .field4 {
position: relative;
top: -220px;
left: 27px;
width: 170px;
overflow: hidden;
}
#carta .field5 {
position: relative;
top: -205px;
left: 27px;
width: 170px;
overflow: hidden;
}
#carta .field6 {
font-size: 0.8em;
text-transform: none;
position: relative;
top: -199px;
left: 120px;
width: 390px;
overflow: hidden;
}
#carta .field6 th, #carta .field6 td {
width: 60px;
text-align: center;
}

#carta .field7 {
font-size: 0.75em;
text-transform: none;
position: relative;
top: -203px;
left: 110px;
width: 100px;
overflow: hidden;
}
#carta .field8 {
font-size: 0.75em;
text-transform: none;
position: relative;
top: -202px;
left: 110px;
width: 100px;
overflow: hidden;
}
#carta .field9 {
position: relative;
top: -177px;
left: 23px;
width: 240px;
overflow: hidden;
}
.signature-img {
height: 45px;
max-width: 230px;
overflow: hidden;
}
#carta .field10 {
position: relative;
top: -398px;
left: 204px;
width: 275px;
overflow: hidden;
}
#carta .field11 {
position: relative;
top: -385px;
left: 204px;
width: 275px;
overflow: hidden;
}
#carta .field12 {
position: relative;
top: -372px;
left: 204px;
width: 275px;
overflow: hidden;
}
#carta .field13 {
position: relative;
top: -270px;
left: 227px;
width: 160px;
overflow: hidden;
}
#carta .field14 {
position: relative;
top: -287px;
left: 418px;
width: 80px;
overflow: hidden;
}
#carta .field15 {
position: relative;
top: -490px;
left: 360px;
width: 155px;
overflow: hidden;
}

#livrete .field1 {position: relative;top: -220px;left: 30px;width: 135px;overflow: hidden;}
#livrete .field2 {position: relative;top: -207px;left: 30px;width:135px;overflow: hidden;font-size: 11px;}
#livrete .field3 {position: relative;top: -190px;left: 30px;width: 135px;overflow: hidden;font-size: 11px;}
#livrete .field4 {position: relative;top: -176px;left: 30px;width: 135px;overflow: hidden;}
#livrete .field5 {position: relative;top: -163px;left: 30px;width: 135px;overflow: hidden;}
#livrete .field6 {position: relative;top: -148px;left: 30px;width: 135px;overflow: hidden;}
#livrete .field7 {position: relative;top: -136px;left: 30px;width: 135px;overflow: hidden;}
#livrete .field8 {position: relative;top: -335px;left: 184px;width: 135px;overflow: hidden;font-size: 11px;}
#livrete .field9 {position: relative;top: -320px;left: 184px;width: 135px;overflow: hidden;font-size: 11px;}
#livrete .field10 {position: relative;top: -274px;left: 184px;width: 135px;overflow: hidden;}
#livrete .field11 {position: relative;top: -261px;left: 184px;width: 135px;overflow: hidden;}
#livrete .field12 {position: relative;top: -247px;left: 184px;width: 135px;overflow: hidden;}
#livrete .field13 {position: relative;top: -356px;left: 328px;width: 135px;overflow: hidden;}
#livrete .field14 {position: relative;top: -343px;left: 328px;width: 135px;overflow: hidden;}
#livrete .field15 {position: relative;top: -328px;left: 328px;width: 135px;overflow: hidden;}
#livrete .field16 {position: relative;top: -315px;left: 328px;width: 135px;overflow: hidden;}
#livrete .field17 {position: relative;top: -567px;left: 373px;width: 135px;overflow: hidden;}
#livrete .field18 {position: relative;top: -553px;left: 375px;width: 135px;overflow: hidden;}

/* Panic Button */
.panic-button  {
background-color: #E53935;
color: #FFF;
margin: 30px 0;
}
.panic-button:hover {
background-color: #d32f2f;
color: #FFF;
}

/* Wizzard */
ul.nav-wizard {
background-color: #f9f9f9;
border: 1px solid #EDEDED;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 3px;
position: relative;
overflow: hidden;
}
ul.nav-wizard:before {
position: absolute;
}
ul.nav-wizard:after {
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 138px;
height: 47px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
z-index: 11;
content: " ";
}
ul.nav-wizard li {
position: relative;
float: left;
height: 46px;
display: inline-block;
text-align: center;
padding: 0 20px 0 30px;
margin: 0;
font-size: 12px;
line-height: 46px;
}
ul.nav-wizard li a {
color: #5AA700;
padding: 0;
font-weight: 600;
}
ul.nav-wizard li a:hover {
background-color: transparent;
}
ul.nav-wizard li:before {
position: absolute;
display: block;
border: 24px solid transparent;
/*border-left: 16px solid #d4d4d4;*/
border-right: 0;
top: -1px;
z-index: 10;
content: '';
right: -16px;
}
ul.nav-wizard li:after {
position: absolute;
display: block;
border: 24px solid transparent;
border-left: 16px solid #f9f9f9;
border-right: 0;
top: -1px;
z-index: 10;
content: '';
right: -15px;
}
ul.nav-wizard li.active {
color: #666;
background: #EDEDED;
}
ul.nav-wizard li.active:after {
border-left: 16px solid #EDEDED;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
color: #666;
background: #EDEDED;  
}
ul.nav-wizard .active ~ li {
color: #999999;
background: #f9f9f9;    
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
color: #999999;
background: #f9f9f9;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
color: #468847;
background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
color: #468847;
background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
color: #999999;
background: #EDEDED;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
color: #999999;
background: #EDEDED;
}
.drop-zone {
margin: 20px 0;
}
.upload-drop-zone {
height: 200px;
border-width: 2px;
margin: 5px;
}
.upload-drop-zone {
color: #CCC;
border-style: dashed;
border-color: #DDD;
padding: 15px;
text-align: center
}
.upload-drop-zone.drop {
color: #222;
border-color: #222;
}
.tab-pane 
{
background: #FAFAFA;
border: 1px solid #EDEDED;
margin-top: 5px;
padding: 20px;
}
.tab-pane label {
font-size: 0.9em;
}
.form-group {
margin-top: 10px;
}
fieldset {
margin-bottom: 10px;
}
legend {
text-transform: uppercase;
font-size: 1em;
color: #5AA700;
font-weight:600;
}
.superscript {
font-size:small; 
vertical-align:top;
color:#CC0033;
font-size: 0.7em;
} 
.wizard .list-group-item {
background: #dff0d8;
} 
.move {
cursor: move;
}

/* Documentos */
.folder {
min-height: 100px;
letter-spacing:-1px;
color: #CCC;
border:2px dashed #ddd;
padding: 15px;
text-align: center;
min-height: 250px;
position: relative;
}
.folder > h4 {
margin: 0 0 0.4em;
border: 1px solid #AAAAAA;
}
.folder ul {
text-align:center;
}
.folder li {
background:#FFF;
list-style: none outside none;
float: left;
margin: 0 0.4em 0.4em 0;
padding: 0.4em;
text-align: center;
width: 120px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
z-index: 2;
}

.folder li h5 {
font-family: 'Open Sans', sans-serif;
font-size: 0.9em;
color: #999;
}

.folder li a {
font-size:0.9em;
margin-right: 2px;
text-transform: uppercase;
}
.folder h6 {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #999;
}
.top-folder {
width: 99%;
background: #dff0d8;
border: none;
}

/* Overlay */
#overlay
{
    display: none;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(54, 73, 89, 0.90);
    width: 100%;
    height: 100%;
}

#overlay img
{
    position: relative;
    top: 50%;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    clear: both;
}
/*Seguros*/
#navigation 
{
    position: absolute;
    top: 1.3em;
    right: 3.8em;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#btnContaStac.btn-primary[disabled]
{
    background-color: transparent;
    color: #666;
}
/*End Seguros*/