/*
 * Base structure
 */

html { height: 100% }

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  padding-top: 50px;
}


a,
a:hover { color:#235168 }

/*
 * Global add-ons
 */

* { outline: none !important }

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}



.hamburger {
  opacity: 0.5;
  float: left;
  background: none;
  border: 1px solid #FFF;
  padding: 6px 5px;
  margin-top: 12px;
  margin-right: 10px;
  border-radius: 4px;
}
.hamburger .icon-bar {
  background: #FFF;
  display: block;
  width: 17px;
  height: 2px;
  border-radius: 1px;
}
.hamburger .icon-bar + .icon-bar {
  margin-top: 3px;
}


.hamburger:hover { opacity: 1 }

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #F5F5F5;
    border-right: 1px solid #DDD;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 5px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  color: #333;
  font-weight: 700;
  padding: 3px 20px;
}
.nav-sidebar > li > a:hover { background: #E5E5E5 }

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover {
  color: #fff;
  background-color: #235168;
}

.dropdown-menu .divider,
.nav .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/*
 * Main content
 */


.main { padding: 0 }


.main .page-header {
    background: #EEE;
    position: relative;
    padding: 15px 15px 3px 15px;
    margin: 0 -15px 15px -15px; 
    border-bottom: 0 }

.page-header h1 {
  margin: 0;
  font-size: 125%
}

.page-header h1 .btn { margin-left: 10px }

@media(max-width: 425px){
  .main .page-header { margin-bottom: 0 }

  .main > div { margin: 0 -15px }
}

.modal-header, 
.modal-body, 
.modal-footer { padding: 20px }

.modal-body,
.configs .container { background-color: #EEE }

.configs .container { 
  padding: 15px;
  margin: 0 }

.configs table tr:first-child td { border: 0 }
.configs table tr:last-child td{ border-bottom: 1px solid #DDD }

.modal-footer { 
  margin:0;
  background-color: #222 }

@media(min-width:1300px) { .modal-lg { width: 1000px } }
@media(min-width:1024px) and (max-width:1299px) { .modal-lg { width: 90% } }
@media(max-width:1023px) { .modal-lg { width: 100% } }

.page-header button { margin-left: 5px }
.page-header .search  { padding: 0 }

h1.page-header { font-size: 2em }

.navbar .container-fluid { padding: 0 }

.container-fluid .navbar-header, 
.container-fluid .navbar-collapse { margin: 0 }

.navbar-brand  { 
  padding: 5px 0;
  margin: 0 !important }
  
.navbar-brand img { height:40px }

.navbar-brand.brand-center {
  margin: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) } 

.navbar-brand .by {
  color: #235168;
  display: inline-block;
  font-size: 70%;
  opacity: 0.7 }

.navbar-nav li a.active,
.navbar-nav li a.active:hover { 
  color: #FFF;
  background-color: #235168 }

.navbar-toggle { 
  margin-top: 17px;
  padding: 0;
  background: none !important;
  border: 0 }

.navbar-toggle:active .icon-bar, 
.navbar-toggle:focus .icon-bar{ background: #235168 }

.navbar-toggle .icon-bar { height: 3px }

@media (min-width: 768px){ 
  .navbar-right { margin-right: 0 }
}

.navbar-inverse { background: #102530 }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border: 0
}

@media(max-width:425px){
  .navbar-collapse { 
    background: #333;
    width: 100%;
    position: absolute;
    top: 50px  }

  .navbar-nav.principal { 
    margin-top: 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    background: rgba(0,0,0,0.2)}
}

table.small { font-size: 100% }


@media (max-width: 767px) { 
    h1.page-header { 
      border:0;
      margin-bottom: 0;
      font-size: 25px }

    #filter .nav.navbar-nav {
      margin-top: 0;
      margin-bottom: 0 }

    #filter .nav.navbar-nav.pull-right { float:none !important }

    #filter .search > * { padding: 10px 10px 0 10px } 

    #filter .nav .dropdown .active a { 
      color:#FFF;
      background: #235168 }

    .filter {
      margin-bottom: 0 !important;
      border-radius: 5px }

    .filter .paging .btn { padding: 1px 5px !important }

    .table { border:0  }

    .del.btn { margin-bottom: 10px  }

    th { font-size: 11px }

    .navbar-brand { font-size: 14px }

    .modulos .btn-group { 
      clear: both;
      width: 100%;
      margin:0 }

    .modulos .btn-group .btn { 
      clear: both;
      width: 100%;
      margin:-1px 0 0 0;
      border-radius: 0 }

  .navbar-collapse.navbar-top ul.nav ul.dropdown-menu { background-color: #111 }
  .navbar-collapse.navbar-top ul.nav ul.dropdown-menu li.dropdown-header { color: #333 }
  .navbar-collapse.navbar-top ul.nav ul.dropdown-menu li.divider { background-color: #222 !important }

}

.link-edit .glyphicon,
.link-edit .btn { 
  margin-right: 3px;
  display: none }

.link-edit .glyphicon.glyphicon-trash { 
  color: #CC0000;
  float: right  }

tr td.link-edit:hover { box-shadow: inset  0 0 30px rgba(0,0,0,0.15) }

tr:hover td.link-edit .glyphicon,
tr:hover td.link-edit .btn,
li.link-edit:hover .glyphicon,
li.link-edit:hover .btn { display: inline-block }

.navbar-nav li .del { padding: 5px 12px }

.del { display:none }

.navbar-nav li.paging { margin: 0  }
  
.navbar.filter { 
  margin-bottom: 10px;
  min-height: 30px !important }

.slideshow .filter { margin-top: 10px }

.filter .navbar-nav > li { margin-right: 5px }
.filter .navbar-nav > li.divider { margin-right: 0 }

.filter .navbar-nav > li > a {
  padding: 5px 12px;
  line-height: auto }

.filter .btn-default.active, 
.filter .btn-default:active, 
.filter .open>.dropdown-toggle.btn-default {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0 }

.filter .navbar-brand {
  float: left;
  height: auto;
  color: #333;
  font-size: 14px;
  padding: 7px 15px;
  line-height: auto }

.filter .dropdown-menu { margin-top: -1px }

.pub,
.dpub { font-size: 17px }

.pub  { color: #66CC00 }
.dpub { color: #CCC }

@media (min-width: 768px) {
  /* nav.filter .navbar-collapse { margin: 0 -15px !important } */
  nav.filter .navbar-collapse { padding: 0 }
}

.filter .navbar-toggle {
  position: relative;
  float: right;
  padding: 6px 5px;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.filter .navbar-toggle .icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 1px;
}
.filter .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 2px;
}

.filter .filterChange {
  color: #FFF;
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 2px 5px;
  background-color: #235168 }

.nav-sidebar .dropdown-header { 
  font-size: 10px;
  text-transform: uppercase }

.breadcrumb {
  padding: 8px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #EEE;
  border-radius: 0;
  background: none;
}

.dropdown-menu.paging { 
  min-width: 100%  !important }

textarea { resize: none }

.imgPreview {
  padding: 10px;
  line-height: 250px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  text-align: center;
}

img.imgPreviewList {
  max-height: 40px;
  max-width: 100px;
}

.imgPreview img {
  max-height: 250px;
  max-width: 100%;
}

.btn-group .btn:active,
.btn-group .btn.active {
  color: #FFF;
  background-color: #235168 }

.period { display: none }

.imgInfo { 
  font-weight: normal; 
  color: #FFF;
  background-color: #AAA;
  border-radius: 50px;
  padding: 2px 0 2px 7px  }

.imgInfo span {
  font-weight: bold; 
  border-radius: 50px;
  padding: 2px 7px;
  margin-left: 3px;
  background-color: #235168;
  text-transform: none  }

.imgInfo span.incompatible { background-color: #CC0000  }

.statsHost {
  margin: 15px 0 0 0;
}

.progress { border: 1px solid #DDD }

.progress-lg { 
  margin-bottom:0;
  height: 35px }

.progress-lg .progress-bar { line-height: 35px }

.progress-bar.remaining { 
  color:#666;
  background: #D9D9D9 }

.progress.usoEmail { margin: 0 0 0 -30px }

.sample { 
  font-style:italic;
  color: #AAA }

.required > label:after {
  position: relative;
  margin-left: 3px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-size: 10px;
}
.required > label:after {
  content: " \2a";
  color: #235168;
}

.home label,
.inner label { 
  font-weight: bold;
  color: #333;
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 11px;
}

small.rule { 
  font-size: 10px;
  font-weight: normal;
  color: #666;
  text-transform: none   }

.modulos label.btn { text-transform: none }

.modulos .btn-group { 
  margin-top: -1px;
  padding: 0 !important }


a.btn-start {
  margin-bottom: 20px;
  display: block;
  border-radius: 10px;
  padding: 35px 0;
  text-align: center;
  border: 1px solid #CCC;

  background: #ffffff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #ffffff 29%, #dddddd 85%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(29%,#ffffff), color-stop(85%,#dddddd)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 29%,#dddddd 85%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #ffffff 29%,#dddddd 85%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #ffffff 29%,#dddddd 85%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #ffffff 29%,#dddddd 85%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a.btn-start:hover { 
  background: #72b8ff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #72b8ff 29%, #235168 85%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(29%,#72b8ff), color-stop(85%,#235168)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #72b8ff 29%,#235168 85%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #72b8ff 29%,#235168 85%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #72b8ff 29%,#235168 85%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #72b8ff 29%,#235168 85%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b8ff', endColorstr='#235168',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-color:#235168;
  color: #FFF;
  text-decoration: none }

a.btn-start > span {
  font-size: 16px;
  display:block }

a.btn-start .glyphicon { 
  margin-bottom: 10px;
  font-size: 50px }

 .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
} 

#footer, 
.push-footer {
    min-height: 30px; 
    line-height: 30px; 
}

#footer {
  color:#999;
  font-size: 10px;
}

#footer a { color:#999 }

#addcat { z-index: 1051 }

.chart { height: 200px }

.chart img {
  max-width: 100%;
  height: 100% }


/*
 * LOGIN
 */

.dark {
z-index: 1;
  position: absolute;
  top: 0;
  left:0;
  height: 100%;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

 body.login {
  height: 100%;
  width: 100%;
  background: #111 url(img/bglogin.jpg) no-repeat;
  background-size: cover  }

.form-signin {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 350px;
  padding: 50px;
  border-radius: 10px;
  /* background: rgba(0,0,0,0.7); */
  border: 2px solid rgba(255,255,255,0.1) }

@media(min-width: 1024px){
  .form-signin { left: 25% }
}

.form-signin img.brand { 
  margin: 30px auto;
  height: 100px }

.form-signin h2{ 
  color: #235168;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-size: 24px }

.form-signin .form-signin-heading,
.form-signin .checkbox {
  color: rgba(255,255,255, 0.8);
  margin-bottom: 10px }

.form-signin .checkbox { 
  margin-top: 0;
  cursor: pointer;
  font-weight: normal }

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px }

.form-signin .form-control:focus { z-index: 2 }

.form-signin input.user {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0 }

.form-signin input.pw {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0 }

.form-signin input.user-remember { margin-bottom: 10px }

.login .dev {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  font-size: 11px;
  padding: 10px;
  color: rgba(255,255,255,0.8);
}

.thumbs > div { margin-bottom: 15px }

.thumbs > div img { margin-bottom: 5px }

.thumbs > div .glyphicon-info-sign { 
  font-size: 18px;
  color: rgba(255,255,255,0,8);
  float: right  }

.thumbs .row { padding: 0 15px }

.form-group .btn-xs.addcat {
  position: absolute;
  bottom: 6px;
  right: 55px; }


#showMessage {
    position: fixed; 
    top: 30px; 
    width: 300px;
    left: 50%;
    margin-left: -150px;
    z-index: 99999 }

#loading {
    background:#cc3300;
    width: 100px;
    position: fixed;
    top: 0px;
    height: 20px;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: none;
    left: 45% }

input.error,
textarea.error,
select.error { background: #FFDFDF url(img/ico-required.png) no-repeat right 13px }


.modal .nav-tabs,
.configs .nav-tabs { border-bottom: 1px solid #DDD }

.modal .nav-tabs>li,
.configs .nav-tabs>li { margin-right: 5px }

.modal .nav-tabs>li.active>a, 
.modal .nav-tabs>li.active>a:focus, 
.modal .nav-tabs>li.active>a:hover,
.configs .nav-tabs>li.active>a, 
.configs .nav-tabs>li.active>a:focus, 
.configs .nav-tabs>li.active>a:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  border: 1px solid #DDD;
  border-bottom-color: #EEE }

.modal .nav-tabs>li>a,
.configs .nav-tabs>li>a {
  background: none;
  border: 1px solid transparent }

.modal .tab-pane,
.configs .tab-pane { 
  position: relative;
  background: none;
  border: 0;
  padding: 20px 0 }

.tab-pane table { margin:0  }

.modal .tab-pane .btn-success { margin-bottom: 15px }

.placeholder {
    border: 1px solid 999;
    background: #FFF;
    box-shadow: 0px 0px 10px #235168 }

.tile { 
  cursor: pointer;
  height: 80px }

.grid { margin-top: 15px }

#imagem_atual .btn {
  position: absolute;
  top: 40px; right: 30px }

/* AUTO COMPLETE
 /////////////////////////////////////////////////////////////////////////////*/
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.ui-helper-hidden-accessible{
    display:none;
}
.ui-menu {
    padding: 5px;
}
td.ui-state-highlight .ui-state-default{
  background: #ff3333 !important;
  box-shadow:none !important;
}

#loading {
    background:#cc3300;
    width: 100px;
    position: fixed;
    top: 0px;
    height: 20px;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: none;
    left: 45% }

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.navbar-fixed-top { border: 0 }

.modal {
    overflow-y: auto;
}


#filter .dropdown-menu {
  overflow-y: auto;
  max-height: 250px }

#filter .dropdown-menu::-webkit-scrollbar { width: 8px }

#filter .dropdown-menu::-webkit-scrollbar-track { background: #EEE }

#filter .dropdown-menu::-webkit-scrollbar-thumb { background: #888 }

#filter .dropdown-menu::-webkit-scrollbar-thumb:hover { background: #555 }

.btn-add-lg {
    z-index: 1000;
    text-align: center;
    font-size: 150%;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 0;
    line-height: 80px;
    position: fixed;
    bottom: 30px;
    right: 30px; 
}

.btn-primary {
  color: #fff;
  background-color: #235168 !important;
  border-color: #235168 !important }

.btn:hover,
.btn:focus,
.btn:active { box-shadow: inset 0 0 100px rgba(255,255,255,0.2) }

.contas .form-filter { display: none }

.contas .nav-tabs>li>a { background: none }

.contas .nav-tabs>li.active>a, 
.contas .nav-tabs>li.active>a:focus, 
.contas .nav-tabs>li.active>a:hover { background: #EEE }

.contas .tab-pane { 
  padding: 15px 20px;
  border: 1px solid #DDD;
  border-top: 0;
  background: #EEE }

.modal-header {
  border-color: #DDD;
  background: #EEE !important;
  font-weight: bold }

.modal .input-group-addon,
.configs .input-group-addon {
  background: #DDD;
  border: 0 }

.modal .form-control,
.configs .form-control {}

.modal select.form-control,
.configs .form-control {  }

.modal .btn-group .btn,
.configs .btn-group .btn { border:  0 }

.modal .btn-group .btn,
.configs .btn-group .btn { }

.modal .btn-group.btn-group-justified,
.configs .btn-group.btn-group-justified {
  border-radius: 5px;
  overflow: hidden }

.modal .btn-group .btn:first-of-type, 
.modal .input-group .form-control:nth-child(1),
.configs .btn-group .btn:first-of-type, 
.configs .input-group .form-control:nth-child(1) { border-right: 0 }

.modal .btn-group .btn:last-of-type,
.configs .btn-group .btn:last-of-type { border-left: 0 }

.modal-footer .btn.pull-right { margin-left: 15px }

.form-group .link-add {
  font-size: 95%;
  padding: 0 !important;
  text-align: center;
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 100%;
  position: absolute;
  bottom: 9px;
  right: 40px;
}

#div-parcelas {
  float: left;
  margin: 15px -5px -20px -5px;
  padding: 30px 5px 15px 5px;
  background: rgba(0,0,0,0.05) !important }

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover { 
  color: #FFF;
  background: #235168 }

.nowrap { white-space: nowrap }

.bill-mounth { 
  color: #235168;
  border-top: 3px solid #235168 !important }

.bill-summary { color: #AAA }

table td { position: relative }

.text-gray { color: #AAA }

@media(max-width: 425px){
  table td { padding: 10px 15px !important }
}

table td input[type=checkbox],
table td .btn-tobill {
  visibility: hidden;
  cursor: pointer }

table tr:hover td input[type=checkbox],
table td:hover .btn-tobill { 
  visibility: visible }

table td input[type=checkbox]:checked { 
  visibility: visible; }

.filter .pagination { margin: 0 }

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: #235168;
    border-color: #235168 }

.pagination>li>a, 
.pagination>li>a:hover, 
.pagination>li>span { color: #235168 }

.process-table .badge {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
  background: #DDD;
  color: #000 }

.opt-add { 
  border-bottom: 1px solid #000;
  color: #235168 }

.modal-people #financeiro_pessoa .filter { 
  background: #FFF;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #DDD;
  margin-bottom: 5px }

.modal-people #financeiro_pessoa .summary { 
  margin-top: 15px;
  border-radius: 4px;
  border: 1px solid #DDD;
  background: #FFF }

.modal-people #financeiro_pessoa .summary .row > div:last-child { border-right: 0 }

.modal-people #financeiro_pessoa .summary .summary strong { color: rgba(0,0,0,0.5) }
.modal-people #financeiro_pessoa .summary .summary-value { font-size: 200% }
  
.modal-people #financeiro_pessoa .summary .row { margin: 0 }
  
.modal-people #financeiro_pessoa .summary .row > div {  
  min-height: 140px;
  padding: 15px;
  border-right: 1px solid #DDD }

.home { 
  padding-top: 35px;
  background: #EEE }

.home .row { margin: 0 -10px }
.home .row > div { padding: 0 10px }

.home h1 { 
  margin-bottom: 30px;
  letter-spacing: -2px }

.home h2 {
  font-weight: 700;
  margin: 0 0 15px }

.home .panel,
.help .panel { border: 0 }

.home .panel.panel-default .panel-heading { background: #FFF }
.help .panel.panel-default .panel-heading { background: #EEE }

.home .panel-heading,
.help .panel-heading { 
  min-height: 97px;
  padding: 20px 15px }

@media(max-width:1199px) and (min-width:768px){
  .home .panel-heading { padding: 15px 10px }
}

.home .panel-heading p { margin: 0 }

.home .panel-heading h3 {
  font-size: 175%;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0  }

.home .panel-heading h4 {
  font-size: 125%;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0  }

.home .panel-heading small { 
  display: block;
  height: 30px;
  line-height: 120%;
  font-size: 95% }

@media(min-width:426px) and (max-width:1199px){
  .home .panel-heading h3 { font-size: 130% }
  .home .panel-heading small { 
    height: 25px;
    line-height: 130%;
    font-size: 80% }
}

@media(max-width:425px){
  .home { padding: 35px 10px }
  .home .panel-heading h3 { font-size: 150% }
}

.home .list-group.scroll { 
  overflow-y: scroll;
  height: 162px }

.home .list-group.scroll.striped { height: 155px }

.home .list-group.scroll::-webkit-scrollbar { width: 5px }

.home .list-group.scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.3) }

.home .list-group.scroll::-webkit-scrollbar-thumb { background: #000 }
  
.home .list-group.scroll::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,255,255,0.1) }

.home .panel .list-group.striped .list-group-item { padding: 5px 15px }

.list-group-item a { color: #000 !important  }

.help-group a strong {
  display: block; 
  font-weight: 700;
  font-size: 112.5% }

.help-group .list-group-item { 
  background: #EEE;
  padding: 15px;
  line-height: 130% }

.home .log-group .list-group.scroll { height: 482px }

.home .log-group .list-group-item .log { 
  padding-right: 150px;
  font-size: 87.5% }

.home .log-group small { color: #AAA }
.home .log-group strong { font-weight: 700 }

.home .list-group-item .checkbox  { margin: 0 }

.home .list-group-item .checkbox label { 
  margin: 0;
  font-weight: normal;
  font-size: 100%;
  text-transform: none }

.home .list-group-item .checkbox label:focus,
.home .list-group-item .checkbox label:active,
.home .list-group-item .checkbox.checked label { text-decoration: line-through }


table.clients .fa-whatsapp-square { 
  color: #25D366;
  font-size: 250% }

table.clients small { 
  color: #AAA;
  font-size: 70% }

@media(max-width:425px){
  table.table-striped tr { background: none !important }
}

.tooltip-inner { max-width: 300px !important }

.btn-circle {
  text-align: center;
  width: 30px;
  line-height: 30px;
  height: 30px;
  padding: 0;
  border-radius: 100%
}