body {
    background-color: #f5f5f5;
  }

.invisible {
    visibility: hidden !important;
}
  body,
  .c3 svg,
  .tooltip > .tooltip-inner {
    font-family: "Source Sans 3", sans-serif;
    text-rendering: optimizelegibility;
  }

  .vertical-aligner {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }

  #video-login {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 75px;
  }

  #video-login video {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    width: 100%;
    height: auto;
    z-index: -2;
  }

  #video-overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .dash-login .wrap {
    height: 100%;
    white-space: nowrap;
    font-size: 0;
  }

  .login-asset {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
  }

  .logotypes {
    vertical-align: middle;
    display: inline-block;
  }

  .logo-saitro {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 120px;
  }

  .logo-tim-iot {
    width: 100%;
  }

  .logo-m2m {
    font-family: 'Source Sans 3';
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 60px;
    font-weight: normal;
  }

  .login-svg {
    width: 50%;
    display: inline-block;
  }

  .login-form {
    width: 50%;
    display: inline-block;
    height: 100%;
    text-align: center;
    position: relative;
  }

  .login-form-layer-1 {
    background-color: #ea2839;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 40px !important;
    box-shadow: 0 0 8px -4px;
  }

  .login-form-layer-2 {
    background-color: #f58320;
    padding-left: 10px;
    border-radius: 40px !important;
  }

  .login-form-layer-3 {
    background-color: #fff;
    padding: 75px 15px 15px;
    border-radius: 40px !important;
    margin-left: -1px;
    margin-bottom: -1px;
    margin-top: -1px;
  }

  .login-form .form-group.forgot-password {
    width: 100%;
    text-align: right;
    margin-bottom: 0;
  }

  .login-form .forgot-password a {
    color: #2092f5;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer
  }

  .login-form .forgot-password a:hover {
    color: #1974c4;
    font-size: 14px;
    text-decoration: none;
  }

  .login-form .form-group.login-button {
    margin-bottom: 30px;
  }

  .login-form .btn-success {
    background-color: #f58320;
    border-color: #f58320;
  }

  .login-form .btn-success:hover,
  .login-form .btn-success:focus {
    background-color: #004271;
    border-color: #004271;
  }

  .dash-login .rodape-login {
    margin-top: 60px;
  }

  .dash-login .poweredby {
    width: 100%;
    text-align: left;
    position: fixed;
    bottom: 0;
  }

  .dash-login .poweredby a {
    font-size: 12px;
    color: #818a8f;
  }

  .dash-login .poweredby a:hover,
  .dash-login .poweredby a:focus {
    color: #f58320;
  }

  .dash-login .btn-success {
    border: none;
    background: #F58320;
  }

  .dash-login .btn-danger {
    border: none;
    background: #9babac;
  }

  .dash-login .btn-success:hover,
  .dash-login .btn-success:focus,
  .dash-login .btn-danger:hover,
  .dash-login .btn-danger:focus {
    background: #004271;
  }

  @media (max-width:991px) {
    .login-form {
      width: 100%;
    }
  }

  .login-form form {
    display: inline-block;
    vertical-align: middle;
    width: 450px;
    z-index: 1;
    position: relative;
  }

  @media (max-width:1200px) {
    .login-form form {
      width: 400px;
    }
  }

  @media (max-width:480px) {
    .login-form form {
      width: 300px;
    }
  }

  .login-form .logo {
    width: 200px;
    display: inline-block;
    margin-bottom: 50px;
  }

  .login-form .form-group {
    margin-bottom: 10px;
  }

  .login-form .logo img {
    width: 100%;
  }

  .login-form br {
    font-size: 9px;
  }

  .pointer {
    cursor: pointer;
  }

  .cursor {
    cursor: default;
  }

  textarea {
    resize: none !important;
  }

  .no-border-top td,
  .no-border-top th {
    border-top: 0 none !important;
  }

  .navbar-right {
    padding-right: 15px;
  }

  #bs-navbar li a {
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    color: #5a6064;
  }

  #bs-navbar li a:hover,
  #bs-navbar li a:focus {
    color: #F58320;
  }

  .huge {
    font-size: 40px;
  }

  .tab-pane > ul {
    overflow: hidden;
    margin: 10px;
    padding: 10px;
  }

  .tab-pane > ul li {
    float: left;
    display: inline-block;
    width: calc(100%/3);
    margin: 0;
    padding: 0;
  }

  ul.nav.nav-tabs li a {
    color: #333;
    border-color: #eee #eee #ddd;
  }

  ul.nav.nav-tabs li.disabled a {
    color: #777;
    border-color: #eee #eee #ddd;
  }

  ul.nav.nav-tabs li.active a {
    border-color: #ddd #ddd transparent !important;
  }

  .breadcrumb > li + li:before {
    font-family: FontAwesome;
    content: '\f105';
    color: #666;
    margin-left: 4px;
    margin-right: 4px;
  }

  .modal-backdrop {
    opacity: 0.7 !important;
  }

  .footer {
    background: #f2f1ee none repeat scroll 0 0;
    bottom: 0px;
    margin: 40px 0 0;
    padding: 25px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: solid 1px #e7e7e7;
  }

  .footer ul {
    padding: 0px;
  }

  .footer li {
    list-style: outside none none;
  }

  .footer li a {
    color: #403d39;
  }

  .footer li a:hover,
  .footer li a:focus {
    color: #403d39;
  }

  /* tema */
  .navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    transition: all .25s;
    padding-left: 60px;
  }

  .navbar-default .navbar-nav > li > a {
    color: #222;
  }

  .navbar-default .navbar-header .navbar-expand-toggle {
    color: #858d93;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 0;
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    opacity: .75;
    font-size: 18px;
  }

  .side-menu .navbar-header .navbar-expand-toggle {
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #fff;
  }

  .breadcrumb {
    background-color: transparent;
  }

  .breadcrumb > li{
    font-size: 21px;
  }

  .breadcrumb > li a{
    color: #f58320
  }

  .breadcrumb > li a:hover,
  .breadcrumb > li a:focus{
    color: #012b49;
  }

  .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  .panel-footer {
    background-color: #fff;
  }

  .table-panel .panel-footer,
  .form-panel .panel-footer {
    background-color: transparent;
    border: none;
  }

  .navbar-default .navbar-nav.nav-modulos > li {
    font-size: 13px;
  }

  .navbar-default .navbar-nav.nav-modulos > li a {
    background-color: transparent;
    color: #555;
  }

  .navbar-default .navbar-nav.nav-modulos > .active > a,
  .navbar-default .navbar-nav.nav-modulos > li > a:focus,
  .navbar-default .navbar-nav.nav-modulos > li > a:hover {
    background-color: #ddd;
    color: #555;
  }

  .navbar-default .navbar-nav > li.open > a,
  .navbar-default .navbar-nav > li.open > a:focus,
  .navbar-default .navbar-nav > li.open > a:hover {
    background-color: #dedbd4 !important;
    color: #555;
  }

  .navbar-default .navbar-nav > li.open > ul li a:focus,
  .navbar-default .navbar-nav > li.open > ul li a:hover {
    background-color: #f2f1ee !important;
  }

  .navbar-static-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .navbar-static-top > .container-fluid .navbar-brand {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-left: 0;
  }

  .expanded .navbar-static-top {
    padding-left: 250px;
  }

  .side-menu {
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    overflow-y: auto;
    z-index: 1010;
    position: fixed;
    width: 60px;
    height: 100%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    z-index: 1038;
  }

  .expanded .side-menu,
  .side-menu:hover {
    width: 250px;
  }

  .side-menu .navbar-header {
    background-color: #f58320;
    width: 100%;
  }

  .side-menu .navbar-header .navbar-brand {
    line-height: 60px;
    height: 60px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    font-family: "Roboto Condensed",sans-serif;
    color: #fff;
  }

  .sidemenu-logo {
    display: none;
    width: 120px;
    margin-left: 65px;
    margin-top: 25px;
  }

  .expanded .sidemenu-logo,
  .side-menu:hover .sidemenu-logo {
    display: block;
  }

  .side-menu .navbar-header .navbar-brand .icon {
    width: 60px;
    text-align: center;
    display: inline-block;
    line-height: 60px;
  }

  .side-menu .navbar-header .navbar-brand .title {
    display: inline-block;
  }

  .side-menu.sidebar-inverse .navbar {
    background-color: transparent;
    border-bottom: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding-left: 0;
  }

  .side-menu .navbar {
    margin-bottom: 0;
    height: 100%;
  }

  .side-menu .navbar .side-menu-container {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .side-menu .navbar .sidemenu-logo {
    margin-top: auto;
    padding-bottom: 25px;
  }

  .side-menu .navbar-nav {
    width: 100%;
    margin: 0;
  }

  .side-menu .side-menu-container > .navbar-nav {
    margin: 0 0 20px;
  }

  .side-menu .navbar-nav li {
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
    margin-bottom: 0;
    float: none;
    border: 0;
  }

  .side-menu .navbar-nav li.dropdown {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .side-menu .navbar-nav li.panel a {
    font-family: "Roboto Condensed",sans-serif;
    padding: 0 10px 0 10px;
    height: 46px;
    line-height: 46px;
    display: block;
    white-space: nowrap;
    color: #333;
    font-size: 12px;
  }

  .side-menu .navbar-nav li.panel.active > a,
  .side-menu .navbar-nav li.panel:hover > a{
    border-left: 3px solid #f58320;
    background: #333;
  }

  .side-menu .navbar-nav li.panel.active > a > .icon,
  .side-menu .navbar-nav li.panel:hover > a > .icon{
    color: #f58320;
  }

  .side-menu .navbar-nav li.panel.active > a > .title,
  .side-menu .navbar-nav li.panel:hover > a > .title{
    color: #fff;
  }

  .side-menu .navbar-nav li.panel.dropdown li.primary.active > a,
  .side-menu .navbar-nav li.panel.dropdown li.primary:hover > a{
    color: #f58320;
    background-color: transparent;
  }

  .side-menu .navbar-nav li a .icon {
    margin-left: 0;
    width: 38px;
    text-align: center;
    font-size: 1.1em;
    display: inline-block;
    color: inherit;
    line-height: 46px;
  }

  .side-menu .navbar-nav li a .title {
    color: inherit;
    width: 0;
    white-space: nowrap;
    display: none;
  }

  .side-menu:hover .navbar-nav li a .title,
  .expanded .side-menu .navbar-nav li a .title {
    display: inline-block;
  }

  .side-menu .navbar-nav li.dropdown > a > .title:after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 1em;
  }

  .app-container:not(.expanded) .side-menu:not(:hover) .navbar-nav li .panel-collapse {
    display: none;
  }

  .side-menu .navbar-nav li .panel-collapse {
    border-bottom: 1px solid #333;
  }

  .side-body {
    margin-left: 75px;
    padding-top: 70px;
    transition: all .25s;
  }

  .expanded .side-body {
    margin-left: 260px;
  }

  @media (max-width: 767px) {
    .app-container .side-menu {
      margin-left: -250px;
      width: 0;
    }

    .app-container.expanded .side-menu {
      margin-left: 0;
      width: 250px;
    }

    .navbar-default {
      padding-left: 0;
    }

    .side-body,
    .expanded .side-body {
      margin-left: 0px;
    }
  }

  /* removendo border-radius de todos os elementos para ficar com um flat style */
  * {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }

  /* modal fullscreen */
  body.modal-open {
    padding-right: 0x !important;
  }

  body.modal-open div.modal {
    padding-right: 0x !important;
  }

  @media (max-width: 992px) {
    .modal-fs {
      width: 99% !important;
    }
  }

  @media (min-width: 992px) {
    .modal-fs {
      width: 90% !important;
    }
  }

  @media (max-width: 992px) {
    .modal-lg {
      width: 99% !important;
    }
  }

  @media (min-width: 992px) {
    .modal-lg {
      width: 900px !important;
    }
  }

  /* has-success para bootstrap-select */
  .has-success .bootstrap-select .dropdown-toggle {
    border-color: #3c763d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  }

  .has-success .input-group-btn button:first-child {
    border-left-color: #3c763d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  }

  .has-error .bootstrap-select .dropdown-toggle {
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  }

  .has-error .input-group-btn button:first-child {
    border-left-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  }

  /* remove outline de varios elementos */
  body.no-outline a,
  body.no-outline a:hover,
  body.no-outline a:active,
  body.no-outline a:focus,
  body.no-outline a:visited,
  body.no-outline a:link,
  body.no-outline .btn:focus {
    outline: 0;
    text-decoration: none !important;
  }

  body.no-outline .btn:focus,
  body.no-outline .btn:active:focus,
  body.no-outline .btn.active:focus {
    outline: 0;
    outline-offset: 0;
  }

  body.no-outline input[type=number]::-webkit-outer-spin-button
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  body.no-outline input[type=number] {
    -moz-appearance: textfield;
  }

  body.no-outline .bootstrap-select .btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
  }

  body.no-outline .checkbox input[type="checkbox"]:focus + label::before {
    outline: 0px !important;
    -webkit-appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  body.no-outline .radio input[type="radio"]:focus + label::before {
    outline: 0px !important;
    -webkit-appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  .pagination .active a,
  .pagination .active a:focus,
  .pagination .active a:hover,
  .pagination .active span,
  .pagination .active span:focus,
  .pagination .active span:hover {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #858585;
  }

  .pagination li a,
  .pagination li span {
    background-color: #fff;
    border-color: #ddd;
    color: #858585;
  }

  .pagination li a:focus,
  .pagination li a:hover,
  .pagination li span:focus,
  .pagination li span:hover {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #858585;
  }

  /* modals e styles do menu */

  .modal-content {
    border-radius: 8px!important;
  }

  .modal:not(#progressbarmodal) .modal-dialog {
    position: fixed;
    overflow-y: scroll;
    width: 600px;
    margin: 0;
    height: 100%;
    margin: 0;
    left: unset;
    right: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
  }

  .modal:not(#progressbarmodal) .modal-dialog .modal-content {
    border-radius: 0!important;
    height: 100%;
    border: none;
    box-shadow: none;
    padding-bottom: 65px;
  }

  .modal:not(#progressbarmodal) .modal-dialog .modal-content form {
    height: 100%;
  }

  .modal:not(#progressbarmodal) .modal-dialog .modal-content .modal-body {
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 65px;
  }

  .modal:not(#progressbarmodal) .modal-dialog .modal-content .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 65px;
  }

  .modal:not(#progressbarmodal) .modal-dialog .modal-content #pesquisar_form {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-bottom: 65px;
  }

  .modal:not(#progressbarmodal).fade .modal-dialog {
    -webkit-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }

  .modal:not(#progressbarmodal).in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .modal-dialog .modal-footer .btn-send {
    color: #fff;
  }

  .modal-dialog .modal-footer .btn-send:hover {
    color: #fff;
  }

  .progress-bar-striped,
  .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
  }

  .progress-bar {
    background-color: #F58320;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .nowrap {
    white-space: nowrap;
  }

  .widgets-menu {
    background-color: #fff;
    border-radius: 8px!important;
    box-shadow: 0 0 8px -6px;
    margin-bottom: 20px;
  }

  .widgets-menu-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
  }

  .widgets-menu-body {
    transition: .4s;
    white-space: nowrap;
    overflow-x: scroll;
    padding: 10px 15px 15px;
  }

  .widgets-menu-body button[load-widgets] {
    border-radius: 50% !important;
    line-height: 36px;
    width: 36px;
    height: 36px;
    font-size: 30px;
    border: 1px solid #f58320;
    color: #f58320;
    background: 0 0;
    margin: 0 21px;
    vertical-align: middle;
    transition: .2s;
  }

  .widgets-menu-body button[load-widgets]:hover {
    background: #f58320;
    color: #fff;
  }

  .widgets-menu-body img[spinning] {
    width: 48px;
    vertical-align: middle;
    margin: 0 15px;
  }

  .widgets-menu-body img[spinning="true"] {
    display: inline-block;
  }

  .widgets-menu-body img[spinning="false"] {
    display: none;
  }

  .widgets-feedback {
    padding-left: 5px;
    color: #777;
    font-size: 14px;
  }

  .widgets-menu .title {
    font-size: 18px;
    color: #777;
    display: inline-block;
    margin: 0;
    padding-left: 5px;
  }

  .widgets-menu .widgets-menu-header i {
    font-size: 16px;
    display: inline-block;
    color: #777;
  }

  .widgets-menu .widgets-menu-header[aria-expanded="false"] .fa-chevron-up {
    display: none;
  }

  .widgets-menu .widgets-menu-header[aria-expanded="false"] .fa-chevron-down {
    display: block;
  }

  .widgets-menu .widgets-menu-header[aria-expanded="true"] .fa-chevron-up {
    display: block;
  }

  .widgets-menu .widgets-menu-header[aria-expanded="true"] .fa-chevron-down {
    display: none;
  }

  .widget-card {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 180px;
    border-radius: 8px!important;
    cursor: pointer;
    box-shadow: 0 0 6px 0px #bbb;
    margin-right: 10px;
    transition: .2s;
  }

  @media (min-width:1800px) {
    .widget-card {
      height: 220px;
    }
  }

  .widgets-grid .widget-card {
    width: 100%;
    margin: 15px 0 0;
  }

  .widgets-grid-header {
    height: 40px;
  }

  .widgets-grid-header label {
    display: block;
    font-size: 14px;
    color: #777;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 5px;
  }

  .widgets-grid-header input[type="text"],
  .widgets-grid-header select {
    background: #fff;
    height: 30px;
    line-height: 30px;
    width: 100%;
    vertical-align: bottom;
    padding: 0 10px;
  }

  .widgets-grid-header button[type="submit"] {
    line-height: 30px;
    padding: 0 15px;
    background-color: #f58320;
    border: none;
    border-radius: 4px!important;
    color: #fff;
    transition: .2s;
  }

  .widgets-grid-header button[type="submit"]:hover,
  .widgets-grid-header button[type="submit"]:focus {
    background-color: #004271;
  }

  .widgets-grid-body {
    height: 400px;
  }

  .widget-grid-button {
    position: relative;
  }

  .widget-card:hover {
    box-shadow: 0 0 10px 0px #888;
  }

  .widget-options {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .widget-option {
    display: inline-block;
    position: relative;
    color: inherit;
    font-size: 12px;
    cursor: pointer;
    width: 27px;
    height: 27px;
    border-radius: 50% !important;
    line-height: 27px;
    text-align: center;
  }

  .widget-option:hover,
  .widget-option:focus {
    background-color: #ddd;
  }

  .widget-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    background-color: #fefefe;
    padding: 0;
    list-style: none;
    min-width: 125px;
    text-align: left;
    box-shadow: 0 0 4px 0 #ccc;
  }

  .widget-option:hover .widget-menu,
  .widget-option:focus .widget-menu,
  .widget-grid-button:hover .widget-menu,
  .widget-grid-button:focus .widget-menu {
    display: block;
  }

  .widget-menu li{
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    color: #444;
  }

  .widget-menu li a{
    display: block;
    padding: 15px 8px;
    font-size: inherit;
    color: inherit;
    white-space: nowrap;
  }

  .widget-menu li:hover{
    background-color: #efefef;
  }

  .widget-option i {
    line-height: inherit;
  }

  .widget-option.actions i {
    padding-left: 1px;
  }

  .widget-option.schedule span {
    font-size: 12px;
    vertical-align: middle;
    padding-right: 2px;
  }

  .widget-caption {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    padding: 40px 15px 0;
  }

  .widget-caption .query-total {
    width: 100%;
    text-align: center;
    color: inherit;
    font-size: 48px;
    line-height: 1;
  }

  .widget-caption .query-total span{
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
  }

  .widget-caption .widget-name {
    width: 100%;
    text-align: left;
    color: inherit;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
  }

  .widget-caption .creation-date {
    width: 100%;
    text-align: left;
    color: inherit;
    font-size: 12px;
    line-height: 1;
  }

  /* White Theme (default) */
  .widget-card,
  .widget-card[theme="white"] {
    color: #3c3c3c;
    background: #fefefe;
    background: -moz-linear-gradient(90deg, #fefefe, #f1f1f1);
    background: -webkit-linear-gradient(90deg, #fefefe, #f1f1f1);
    background: linear-gradient(90deg, #fefefe, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#f1f1f1",GradientType=1);
  }

  .widget-card .widget-option,
  .widget-card[theme="white"] .widget-option {
    color: #F58320;
  }

  .widget-card .widget-caption .query-total,
  .widget-card[theme="white"] .widget-caption .query-total{
    color: #888;
  }

  body.primary .panel {
    border-color: #F58320;
  }

  body.primary .panel.form-panel,
  body.primary .panel.table-panel {
    border: none;
    box-shadow: none;
    background: transparent;
  }

  .filter-card {
    background-color: #f58320;
    color: #fff !important;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px !important;
    display: inline;
    transition: .2s;
  }

  .filter-card:hover {
    background-color: #004271;
  }

  .filter-card i {
    font-size: 11px;
    margin-left: 8px;
    vertical-align: middle;
    margin-right: 4px;
  }

  body.primary .panel .panel-heading {
    color: #fff;
    background-color: #F58320;
  }

  body.primary .panel.table-panel .panel-heading,
  body.primary .panel.form-panel .panel-heading,
  body.primary .panel.dashboard-panel .panel-heading {
    color: #fff;
    background-color: transparent;
    text-align: right;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 21px;
    color: #444;
  }

  .table-panel .panel-heading .btn-group:not(.bootstrap-select) .btn,
  .dashboard-panel .panel-heading .btn,
  .widgets-grid-header .widget-grid-button  {
    background-color: #f58320;
    border: none;
    color: #fff;
    font-size: 0px;
    padding: 10px 12px;
    border-radius: 4px !important;
    transition: .2s;
    line-height: 1;
  }

  .dashboard-panel .panel-heading .btn {
    font-size: 16px;
  }

  .table-panel .panel-heading .btn-group:not(.bootstrap-select) .btn i,
  .widgets-grid-header .widget-grid-button i {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
  }

  .table-panel .panel-heading .btn-group:not(.bootstrap-select) .btn span {
    display: inline-block;
    font-size: 16px;
    line-height: 0;
  }

  .table-panel .panel-heading .btn-group:not(.bootstrap-select) .btn:not(:first-child),
  .dashboard-panel .panel-heading .btn:not(:first-child) {
    margin-left: 5px;
  }

  .table-panel .panel-heading .btn-group:not(.bootstrap-select) .btn:hover,
  .table-panel .panel-heading .btn-group:not(.bootstrap-select) .btn:focus,
  .dashboard-panel .panel-heading .btn:hover,
  .dashboard-panel .panel-heading .btn:focus,
  .widgets-grid-header .widget-grid-button:hover,
  .widgets-grid-header .widget-grid-button:focus {
    background-color: #004271;
  }

  .table-panel .panel-body-table thead tr,
  .table-panel .panel-body-table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #dadada;
  }

  .table-panel .panel-body-table tr:first-of-type th {
    background-color: transparent;
    color: #777;
  }

  .table-panel .panel-body-table tr:first-of-type th a {
    color: inherit !important;
  }

  .form-panel .panel-body {
    padding: 30px;
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 0 8px -6px;
  }

  body.primary .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.primary .panel > a {
    color: #F58320;
  }

  body.primary .panel table th.actions {
    text-align: center !important;
  }

  body.primary .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.primary .panel table th .title {
    font-size: 12px;
  }

  body.primary .panel table th .sort {
    margin-left: 10px;
  }

  body.primary .panel table th a {
    color: #000 !important;
  }

  body.primary .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.primary .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.primary .panel table td {
    font-size: 12px;
  }
  body.primary .panel table td.actions a {
    display: inline-block;
    margin-bottom: 5px;
  }

  body.primary .panel table td.actions a i {
    line-height: 0.2 !important;
    top: 7px;
    color: #f58320;
    font-size: 1.8em;
    position: relative;
  }

  body.primary .panel table td.actions a i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #002c5c;
    font-size: 1.8em;
  }

  body.primary .panel-item:hover {
    border-color: #002c5c;
  }

  body.primary .panel-default {
    border-color: #ddd;
  }

  body.primary .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.primary .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.primary .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.primary .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.primary .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.primary .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.primary .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.primary .menu-panel-item {
    background: #fff;
    color: #F58320;
    border: none;
    display: block;
    border-radius: 8px!important;
    padding: 10px;
    cursor: pointer;
    transition: .2s;
    box-shadow: 0 0 8px -6px;
  }

  body.primary .menu-panel-item:hover ,
  body.primary .menu-panel-item:focus {
    background: #F58320;
    color: #fff;
  }

  body.primary .menu-panel-item .panel-heading {
    color: inherit;
    width: 40%;
    display: inline-block;
    background-color: transparent;
    vertical-align: middle;
    padding: 0;
    border: none;
  }

  body.primary .menu-panel-item .panel-footer {
    color: inherit;
    width: 60%;
    display: inline-block;
    background-color: transparent;
    vertical-align: middle;
    padding: 0;
    border: none;
    font-size: 16px;
  }

  /* gsim-grid */
  .panel-grid .panel-body-table {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .panel-grid .panel-footer {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .panel-grid .table {
    margin-bottom: 0px;
  }

  #dashboard_filter {
    margin-bottom: 15px;
  }

  #dashboard_filter .input-group {
    width: 100%;
    display: block;
}

  #dashboard_filter select,
  .widgets-grid-header input[type="text"],
  .widgets-grid-header select{
    border-radius: 4px!important;
    border: 1px solid #ddd;
  }

  #dashboard_filter select:focus {
    outline: auto;
  }

  #dashboard_filter button[type="submit"] {
    border-radius: 4px!important;
    background-color: #F58320;
    transition: .2s;
    border: none;
    color: #fff;
  }

	#dashboard_filter button[type="submit"]:hover,
	#dashboard_filter button[type="submit"]:focus {
    background-color: #004271;
  }

  .panel-grid.table-panel .table-responsive,
  .panel.dashboard-panel {
    border-radius: 8px !important;
    background: #fff;
    box-shadow: 0 0 8px -6px;
  }

  .panel-grid.table-panel .table-responsive {
    padding: 25px 40px;
  }

  .panel.panel-item.dashboard-panel-item {
    position: relative;
    border: none;
    border-radius: 8px!important;
    box-shadow: 0 0 8px -6px;
    overflow: hidden;
    background-color: #fff;
    padding: 30px 15px;
    margin-bottom: 50px;
    transition: .2s;
  }

  .panel.panel-item.dashboard-panel-item:hover {
    box-shadow: 0 0 8px -4px;
    opacity: .8;
  }

  .panel.panel-item.dashboard-panel-item .background-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 128px;
    background-position: right 12px bottom -12px;
    background-repeat: no-repeat;
  }

  body.primary .panel.dashboard-panel-item .panel-heading {
    overflow: hidden;
    transition: .2s;
    border: none;
    background: transparent!important;
    color: #444;
  }

  .dashboard-panel-item .panel-heading i,
  .dashboard-panel-item .panel-heading .text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    color: #80898e;
  }

  .dashboard-panel-item .panel-heading .text{
    font-size: 32px;
  }

  .dashboard-panel-item .panel-heading .text b{
    display: block;
    font-size: 14px;
  }

  .dashboard-panel-item .panel-heading .mdi-warning {
    vertical-align: baseline;
    font-size: 27px;
  }

  @media (max-width:1400px) {
    .panel.panel-item.dashboard-panel-item {
        padding: 15px;
    }

    .panel.panel-item.dashboard-panel-item .background-image {
      background-size: 96px;
      background-position: right 9px bottom -9px;
    }
  }

  @media (max-width:1200px) {
    .panel.panel-item.dashboard-panel-item .background-image {
        background-size: 128px;
        background-position: right 12px bottom -12px;
    }

    .panel.panel-item.dashboard-panel-item {
        margin-bottom: 20px;
    }

    .dashboard-panel-item .panel-heading .text {
        font-size: 48px;
    }

    .dashboard-panel-item .panel-heading .text b {
        font-size: 16px;
    }
  }

  @media (max-width:991px) {
    .panel.panel-item.dashboard-panel-item .background-image {
      background-size: 96px;
      background-position: right 9px bottom -9px;
    }

    .dashboard-panel-item .panel-heading .text {
        font-size: 40px;
    }

    .dashboard-panel-item .panel-heading .text b {
        font-size: 14px;
    }

    .panel.panel-item.dashboard-panel-item {
        padding: 10px 15px;
    }
  }

  @media (max-width:767px) {
    .panel.panel-item.dashboard-panel-item {
        padding: 15px;
    }

    .panel.panel-item.dashboard-panel-item .background-image {
      background-size: 128px;
      background-position: right 12px bottom -12px;
    }

    .dashboard-panel-item .panel-heading .text {
        font-size: 48px;
    }

    .dashboard-panel-item .panel-heading .text b {
        font-size: 16px;
    }
  }

  @media (max-width:480px) {
    .panel.panel-item.dashboard-panel-item {
        padding: 10px 15px;
    }

    .panel.panel-item.dashboard-panel-item .background-image {
        background-size: 96px;
        background-position: right 9px bottom -9px;
    }

    .dashboard-panel-item .panel-heading .text {
        font-size: 40px;
    }

    .dashboard-panel-item .panel-heading .text b {
        font-size: 14px;
    }
  }

  .panel-grid.table-panel .table > thead > tr > th,
  .panel-grid.table-panel .table > tbody > tr > td {
    border: none;
    padding: 16px 8px;
  }

  .panel-grid.table-panel .table > thead > tr > th {
    padding: 16px 8px 8px;
    vertical-align: middle;
  }

  .panel-grid.table-panel .table > tbody > tr > td > .apn-span {
    white-space: pre;
  }

  .panel-grid.table-panel .table > thead > tr > th .title {
    font-size: 14px;
  }

  .panel-grid.table-panel .table  tbody  tr:hover td {
    background-color: #f2f5f9;
  }

  .pagination {
    margin-top: 8px;
    margin-bottom: 7px;
  }

  .pagination-info {
    margin-top: 11px;
    margin-bottom: 16px;
    font-size: 13px;
  }

  body.primary .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  body.primary .modal-dialog .modal-footer .btn-send {
    background-color: #F58320;
    border: none;
    color: #fff;
  }

  body.primary .modal-dialog .modal-footer .btn-send:hover {
    background: #012b49;
    color: #fff;
  }

  #filter-form {
    height: 100%;
  }

  #filter-form .modal-footer {
    z-index: 1;
  }

  body.primary .btn-send {
    background-color: #F58320;
    border: none;
    color: #fff;
  }

  body.primary .btn-send:hover {
    background-color: #012b49;
    color: #fff;
  }

  .btn,
  input,
  select {
    border-radius: 4px!important;
    transition: .2s;
  }

  #preco_com_desconto {
    background: #ddd;
  }

  body.primary .modal-dialog .modal-content .btn-send{
    background-color: #F58320;
    border: none;
    color: #fff;
  }

  body.primary .modal-dialog .modal-content .btn-default:not(.dropdown-toggle) {
    background: #F58320;
    border: none;
    color: #fff;
  }

  body.primary .modal-dialog .modal-content .input-group-btn .btn-default {
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
  }

  body.primary .modal-dialog .modal-content .btn-send:hover,
  body.primary .modal-dialog .modal-content .btn-send:focus,
  body.primary .modal-dialog .modal-content .btn-default:not(.dropdown-toggle):hover,
  body.primary .modal-dialog .modal-content .btn-default:not(.dropdown-toggle):focus {
    background: #012b49;
  }

  body.primary .modal-dialog .modal-content .input-group-btn .btn-default:hover,
  body.primary .modal-dialog .modal-content .input-group-btn .btn-default:active,
  body.primary .modal-dialog .modal-content .input-group-btn .btn-default:focus {
    color: #333;
    background: #d4d4d4;
    border: 1px solid #8c8c8c;
  }

  .column-filters {
    position: relative;
  }

  .column-filters .filters {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    box-shadow: 0 0 8px -4px;
    z-index: 1500;
    width: 200px;
    max-height: 350px;
    overflow-y: scroll;
    text-align: left;
    padding: 15px;
    border-radius: 4px!important;
  }

  .column-filters .filters label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #444;
  }

  .column-filters:hover .filters,
  .column-filters:focus .filters {
    display: block;
  }

  .column-filters .filters input[type="checkbox"] {
    margin-right: 5px;
  }

  .filter-table tr:first-of-type {
    display: none;
  }

  .filter-table tr .input-piece {
    padding-bottom: 10px;
  }

  .filter-table .input-piece select,
  .filter-table .input-piece input,
  .filter-table .input-piece .bootstrap-select .btn {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px;
    font-size: 14px;
  }

  .filter-table .input-piece input[disabled] {
    background-color: #eee;
  }

  .filter-table .input-piece[data-name="key"] .btn-group.bootstrap-select {
    width: 150px;
  }

  .filter-table .input-piece[data-name="operator"] .btn-group.bootstrap-select,
  .filter-table .input-piece[data-name="operator"] input {
    width: 100px;
    margin: 0 10px;
  }

  .filter-table .input-piece[data-name="value"] .btn-group.bootstrap-select,
  .filter-table .input-piece[data-name="value"] input {
    width: 250px;
  }

  .filter-table .input-piece[data-name="value"].has-unit .btn-group.bootstrap-select,
  .filter-table .input-piece[data-name="value"].has-unit input {
    width: 200px;
  }

  .filter-table .input-piece[data-name="unit"][data-ignore="true"] {
    display: none;
  }

  .filter-table .input-piece[data-name="unit"] select {
    width: 50px;
  }

  .filter-table tr.filter-table-row:only-of-type .input-piece[data-name="delete"] .btn {
    display: none;
  }

  .filter-table .input-piece[data-name="delete"] .btn {
    font-size: 18px;
    color: #eb0028;
  }

  .filter-table .input-piece[data-name="delete"] .btn:hover {
    font-size: 18px;
    color: #9f001b;
  }

  .filter-list-item{
    width: 100%;
    height: 70px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    text-align: left;
    font-size: 0;
  }

  .filter-list-item:hover{
    background-color: #eee;
  }

  .filter-list-item form {
    width: 90%;
    height: 100%;;
    display: inline-block;
  }

  .filter-list-item form button {
    padding: 15px;
    font-size: 14px;
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;;
    text-align: left;
  }

  .filter-list-item span {
    font-size: 12px;
    display: block;
    color: #666;
  }

  @media (min-width: 992px) {
    .charts-row {
      display: flex;
      flex-wrap: wrap;
    }
  }

  .filter-list {
    list-style: none;
    padding-left: 20px;
  }

  .filter-list li {
    color: #888;
    margin-bottom: 5px;
  }

  .filter-list li a {
    color: #eb0028;
    vertical-align: baseline;
    cursor: pointer;
    margin-right: 5px;
  }

  .filter-list-item .filter-list-menu {
    width: 10%;
    position: relative;
    display: inline-block;
    font-size: 16px;
    background-color: transparent;
    border: none;
    height: 100%;
    line-height: 100%;
    vertical-align: top;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    color: #444;
  }

  .filter-list-item .filter-list-menu:hover,
  .filter-list-item .filter-list-menu:focus {
    background-color: #bbb;
  }

  .filter-list-item .filter-list-menu .filter-list-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    background-color: #fff;
    padding: 0;
    list-style: none;
    min-width: 125px;
    text-align: left;
    box-shadow: 0 0 4px 0;
  }

  .filter-list-item .filter-list-menu:focus .filter-list-options,
  .filter-list-item .filter-list-menu:focus:hover .filter-list-options {
    display: block;
    border-radius: 4px !important;
  }

  .filter-list-item .filter-list-menu .filter-list-options li {
    padding: 8px;
    background-color: #fff;
    font-size: 14px;
    border-radius: 4px !important;
  }

  .filter-list-item .filter-list-menu .filter-list-options li:hover,
  .filter-list-item .filter-list-menu .filter-list-options li:focus {
    background-color: #ddd;
  }

  .filter-list-item form button[disabled],
  .filter-list-item .filter-list-menu[disabled] {
    background-color: #eee;
  }

  .permission-block b {
    color: #2d2f30
  }

  .permission-block ul {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 15px;
  }

  .permission-block ul li{
    color: #5b5e61;
    margin-bottom: 5px;
  }

  body.primary ul.pagination li.active a {
    background-color: #f58320 !important;
    border-color: #f58320 !important;
    color: #fff !important;
  }

  body.primary ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.primary ul.pagination a {
    color: #f58320 !important;
  }

  body.primary #nav {
    background-color: #fff;
    border-left: 1.5px solid #f58320;
    border-top: none;
  }

  body.primary #nav ul li a,
  body.primary #nav ul li a:focus {
    background-color: #fff;
    color: #EB2839;
  }

  body.primary #nav ul li a:hover {
    border-right: none;
    background-color: #012B49;
    color: #fff;
  }

  body.primary #nav ul li.active {
    border-right: none;
    background-color: #004271;
    color: white;
  }

  body.primary .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #F58320;
    border-color: #F58320;
  }

  body.primary .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.primary .radio input[type="radio"] + label::after,
  body.primary .radio input[type="radio"]:checked + label::after {
    background-color: #F58320;
  }

  body.primary .radio input[type="radio"]:checked + label::before {
    border-color: #F58320;
  }

  body.primary .datepicker table tr td span.active.active,
  body.primary .datepicker table tr td span.active.disabled.active,
  body.primary .datepicker table tr td span.active.disabled:active,
  body.primary .datepicker table tr td span.active.disabled.active:hover,
  body.primary .datepicker table tr td span.active.disabled:hover:active,
  body.primary .datepicker table tr td span.active:active,
  body.primary .datepicker table tr td span.active.active:hover,
  body.primary .datepicker table tr td span.active:hover:active {
    background-color: #F58320;
    border-color: #002c5c;
    color: #fff;
  }

  body.primary .datepicker table tr td.active.active,
  body.primary .datepicker table tr td.active.highlighted.active,
  body.primary .datepicker table tr td.active.highlighted:active,
  body.primary .datepicker table tr td.active:active {
    background-color: #F58320;
    border-color: #002c5c;
    color: #fff;
  }

  body.primary .dropdown-menu > .active a,
  body.primary .dropdown-menu > .active a:focus,
  body.primary .dropdown-menu > .active a:hover,
  body.primary .dropdown-menu > .selected a,
  body.primary .dropdown-menu > .selected a:focus,
  body.primary .dropdown-menu > .selected a:hover {
    background-color: #F58320;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.primary .progress-bar {
    background-color: #F58320;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-primary {
    border-color: #f58320 !important;
  }

  .panel-primary .panel-heading {
    border-color: #f58320 !important;
    color: #fff;
    background-color: #f58320 !important;
  }

  .panel-primary > a {
    color: #004271 !important;
  }

  .panel-primary > a:hover {
    color: #012B49 !important;
  }

  .panel-primary:hover {
    border-color: #004271 !important;
  }

  .panel-primary:hover .panel-heading {
    color: #fff;
    background-color: #012B49 !important;
  }

  .panel-primary:hover > a {
    color: #012B49 !important;
  }

  .fa-tema-primary {
    color: #EB2839;
  }

  .icon-primary i {
    color: #EB2839 !important;
  }

  .icon-primary i:hover {
    color: #012b49;
  }

  body.green .panel {
    border-color: #008c55;
  }

  body.green .panel .panel-heading {
    border-color: #008c55;
    color: #fff;
    background-color: #008c55;
  }

  body.green .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.green .panel > a {
    color: #008c55;
  }

  body.green .panel table th.actions {
    text-align: center !important;
  }

  body.green .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.green .panel table th .title {
    font-size: 12px;
  }

  body.green .panel table th a {
    color: #000 !important;
  }

  body.green .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.green .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.green .panel table td {
    font-size: 12px;
  }

  body.green .panel table td.actions i {
    line-height: 0.2 !important;
    top: 7px;
    color: #008c55;
    font-size: 1.8em;
  }

  body.green .panel table td.actions i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #005734;
    font-size: 1.8em;
  }

  body.green .panel-item:hover {
    border-color: #005734;
  }

  body.green .panel-item:hover .panel-heading {
    border-color: #005734;
    color: #fff;
    background-color: #005734;
  }

  body.green .panel-item:hover .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.green .panel-item:hover > a {
    color: #005734;
  }

  body.green .panel-default {
    border-color: #ddd;
  }

  body.green .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.green .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.green .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.green .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.green .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.green .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.green .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.green .panel-item:hover {
    border-color: #008c55;
  }

  body.green .panel-item:hover .panel-heading {
    border-color: #005734;
    color: #fff;
    background-color: #005734;
  }

  body.green .panel-item:hover > a {
    color: #005734;
  }

  body.green .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .btn-primary {
    color: #fff;
    background-color: #f58320;
    border-color: #f58320;
  }

  body.green .modal-dialog .modal-footer .btn-send {
    background-color: #008c55;
    border-color: #008c55;
    color: #fff;
  }

  body.green .modal-dialog .modal-footer .btn-send:hover {
    background-color: #005734;
    border-color: #005734;
    color: #fff;
  }

  body.green .btn-send {
    background-color: #008c55;
    border-color: #008c55;
    color: #fff;
  }

  body.green .btn-send:hover {
    background-color: #005734;
    border-color: #005734;
    color: #fff;
  }

  body.green .btn-send.disabled:hover {
    background-color: #008c55;
    border-color: #008c55;
    color: #fff;
  }

  body.green ul.pagination li.active a {
    background-color: #008c55 !important;
    border-color: #008c55 !important;
    color: #fff !important;
  }

  body.green ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.green ul.pagination a {
    color: #008c55 !important;
  }

  body.green #nav {
    background-color: #fff;
    border-left: 1.5px solid #008c55;
    border-top: none;
  }

  body.green #nav ul li a,
  body.green #nav ul li a:focus {
    background-color: #fff;
    color: #008c55;
  }

  body.green #nav ul li a:hover {
    border-right: none;
    background-color: #008c55;
    color: #fff;
  }

  body.green #nav ul li.active {
    border-right: none;
    background-color: #008c55;
    color: white;
  }

  body.green .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #008c55;
    border-color: #008c55;
  }

  body.green .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.green .radio input[type="radio"] + label::after,
  body.green .radio input[type="radio"]:checked + label::after {
    background-color: #008c55;
  }

  body.green .radio input[type="radio"]:checked + label::before {
    border-color: #008c55;
  }

  body.green .datepicker table tr td span.active.active,
  body.green .datepicker table tr td span.active.disabled.active,
  body.green .datepicker table tr td span.active.disabled:active,
  body.green .datepicker table tr td span.active.disabled.active:hover,
  body.green .datepicker table tr td span.active.disabled:hover:active,
  body.green .datepicker table tr td span.active:active,
  body.green .datepicker table tr td span.active.active:hover,
  body.green .datepicker table tr td span.active:hover:active {
    background-color: #008c55;
    border-color: #005734;
    color: #fff;
  }

  body.green .datepicker table tr td.active.active,
  body.green .datepicker table tr td.active.highlighted.active,
  body.green .datepicker table tr td.active.highlighted:active,
  body.green .datepicker table tr td.active:active {
    background-color: #008c55;
    border-color: #005734;
    color: #fff;
  }

  body.green .dropdown-menu > .active a,
  body.green .dropdown-menu > .active a:focus,
  body.green .dropdown-menu > .active a:hover,
  body.green .dropdown-menu > .selected a,
  body.green .dropdown-menu > .selected a:focus,
  body.green .dropdown-menu > .selected a:hover {
    background-color: #008c55;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.green .progress-bar {
    background-color: #005734;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-green {
    border-color: #008c55 !important;
  }

  .panel-green .panel-heading {
    border-color: #008c55 !important;
    color: #fff;
    background-color: #008c55 !important;
  }

  .panel-green > a {
    color: #008c55 !important;
  }

  .panel-green > a:hover {
    color: #005734 !important;
  }

  .panel-green:hover {
    border-color: #008c55 !important;
  }

  .panel-green:hover .panel-heading {
    color: #fff;
    background-color: #005734 !important;
  }

  .panel-green:hover > a {
    color: #005734 !important;
  }

  .fa-tema-green {
    color: #008c55;
  }

  .icon-green i {
    color: #008c55 !important;
  }

  .icon-green i:hover {
    color: #005734;
  }

  body.red .panel {
    border-color: #eb0028;
  }

  body.red .panel .panel-heading {
    border-color: #eb0028;
    color: #fff;
    background-color: #eb0028;
  }

  body.red .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.red .panel > a {
    color: #eb0028;
  }

  body.red .panel table th.actions {
    text-align: center !important;
  }

  body.red .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.red .panel table th .title {
    font-size: 12px;
  }

  body.red .panel table th a {
    color: #000 !important;
  }

  body.red .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.red .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.red .panel table td {
    font-size: 12px;
  }

  body.red .panel table td.actions i {
    line-height: 0.2 !important;
    top: 7px;
    color: #eb0028;
    font-size: 1.8em;
  }

  body.red .panel table td.actions i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #b8001f;
    font-size: 1.8em;
  }

  body.red .panel-item:hover {
    border-color: #b8001f;
  }

  body.red .panel-item:hover .panel-heading {
    border-color: #b8001f;
    color: #fff;
    background-color: #b8001f;
  }

  body.red .panel-item:hover .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.red .panel-item:hover > a {
    color: #b8001f;
  }

  body.red .panel-default {
    border-color: #ddd;
  }

  body.red .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.red .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.red .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.red .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.red .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.red .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.red .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.red .panel-item:hover {
    border-color: #eb0028;
  }

  body.red .panel-item:hover .panel-heading {
    border-color: #b8001f;
    color: #fff;
    background-color: #b8001f;
  }

  body.red .panel-item:hover > a {
    color: #b8001f;
  }

  body.red .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  body.red .modal-dialog .modal-footer .btn-send {
    background-color: #eb0028;
    border-color: #eb0028;
    color: #fff;
  }

  body.red .modal-dialog .modal-footer .btn-send:hover {
    background-color: #b8001f;
    border-color: #b8001f;
    color: #fff;
  }

  body.red .btn-send {
    background-color: #eb0028;
    border-color: #eb0028;
    color: #fff;
  }

  body.red .btn-send:hover {
    background-color: #b8001f;
    border-color: #b8001f;
    color: #fff;
  }

  body.red .btn-send.disabled:hover {
    background-color: #eb0028;
    border-color: #eb0028;
    color: #fff;
  }

  body.red ul.pagination li.active a {
    background-color: #eb0028 !important;
    border-color: #eb0028 !important;
    color: #fff !important;
  }

  body.red ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.red ul.pagination a {
    color: #eb0028 !important;
  }

  body.red #nav {
    background-color: #fff;
    border-left: 1.5px solid #eb0028;
    border-top: none;
  }

  body.red #nav ul li a,
  body.red #nav ul li a:focus {
    background-color: #fff;
    color: #eb0028;
  }

  body.red #nav ul li a:hover {
    border-right: none;
    background-color: #eb0028;
    color: #fff;
  }

  body.red #nav ul li.active {
    border-right: none;
    background-color: #eb0028;
    color: white;
  }

  body.red .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #eb0028;
    border-color: #eb0028;
  }

  body.red .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.red .radio input[type="radio"] + label::after,
  body.red .radio input[type="radio"]:checked + label::after {
    background-color: #eb0028;
  }

  body.red .radio input[type="radio"]:checked + label::before {
    border-color: #eb0028;
  }

  body.red .datepicker table tr td span.active.active,
  body.red .datepicker table tr td span.active.disabled.active,
  body.red .datepicker table tr td span.active.disabled:active,
  body.red .datepicker table tr td span.active.disabled.active:hover,
  body.red .datepicker table tr td span.active.disabled:hover:active,
  body.red .datepicker table tr td span.active:active,
  body.red .datepicker table tr td span.active.active:hover,
  body.red .datepicker table tr td span.active:hover:active {
    background-color: #eb0028;
    border-color: #b8001f;
    color: #fff;
  }

  body.red .datepicker table tr td.active.active,
  body.red .datepicker table tr td.active.highlighted.active,
  body.red .datepicker table tr td.active.highlighted:active,
  body.red .datepicker table tr td.active:active {
    background-color: #eb0028;
    border-color: #b8001f;
    color: #fff;
  }

  body.red .dropdown-menu > .active a,
  body.red .dropdown-menu > .active a:focus,
  body.red .dropdown-menu > .active a:hover,
  body.red .dropdown-menu > .selected a,
  body.red .dropdown-menu > .selected a:focus,
  body.red .dropdown-menu > .selected a:hover {
    background-color: #eb0028;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.red .progress-bar {
    background-color: #b8001f;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-red {
    border-color: #eb0028 !important;
  }

  .panel-red .panel-heading {
    border-color: #eb0028 !important;
    color: #fff;
    background-color: #eb0028 !important;
  }

  .panel-red > a {
    color: #eb0028 !important;
  }

  .panel-red > a:hover {
    color: #b8001f !important;
  }

  .panel-red:hover {
    border-color: #eb0028 !important;
  }

  .panel-red:hover .panel-heading {
    color: #fff;
    background-color: #b8001f !important;
  }

  .panel-red:hover > a {
    color: #b8001f !important;
  }

  .fa-tema-red {
    color: #eb0028;
  }

  .icon-red i {
    color: #eb0028 !important;
  }

  .icon-red i:hover {
    color: #b8001f;
  }

  body.yellow .panel {
    border-color: #fbc337;
  }

  body.yellow .panel .panel-heading {
    border-color: #fbc337;
    color: #fff;
    background-color: #fbc337;
  }

  body.yellow .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.yellow .panel > a {
    color: #fbc337;
  }

  body.yellow .panel table th.actions {
    text-align: center !important;
  }

  body.yellow .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.yellow .panel table th .title {
    font-size: 12px;
  }

  body.yellow .panel table th a {
    color: #000 !important;
  }

  body.yellow .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.yellow .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.yellow .panel table td {
    font-size: 12px;
  }

  body.yellow .panel table td.actions i {
    line-height: 0.2 !important;
    top: 7px;
    color: #fbc337;
    font-size: 1.8em;
  }

  body.yellow .panel table td.actions i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #fab505;
    font-size: 1.8em;
  }

  body.yellow .panel-item:hover {
    border-color: #fab505;
  }

  body.yellow .panel-item:hover .panel-heading {
    border-color: #fab505;
    color: #fff;
    background-color: #fab505;
  }

  body.yellow .panel-item:hover .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.yellow .panel-item:hover > a {
    color: #fab505;
  }

  body.yellow .panel-default {
    border-color: #ddd;
  }

  body.yellow .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.yellow .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.yellow .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.yellow .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.yellow .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.yellow .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.yellow .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.yellow .panel-item:hover {
    border-color: #fbc337;
  }

  body.yellow .panel-item:hover .panel-heading {
    border-color: #fab505;
    color: #fff;
    background-color: #fab505;
  }

  body.yellow .panel-item:hover > a {
    color: #fab505;
  }

  body.yellow .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  body.yellow .modal-dialog .modal-footer .btn-send {
    background-color: #fbc337;
    border-color: #fbc337;
    color: #fff;
  }

  body.yellow .modal-dialog .modal-footer .btn-send:hover {
    background-color: #fab505;
    border-color: #fab505;
    color: #fff;
  }

  body.yellow .btn-send {
    background-color: #fbc337;
    border-color: #fbc337;
    color: #fff;
  }

  body.yellow .btn-send:hover {
    background-color: #fab505;
    border-color: #fab505;
    color: #fff;
  }

  body.yellow .btn-send.disabled:hover {
    background-color: #fbc337;
    border-color: #fbc337;
    color: #fff;
  }

  body.yellow ul.pagination li.active a {
    background-color: #fbc337 !important;
    border-color: #fbc337 !important;
    color: #fff !important;
  }

  body.yellow ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.yellow ul.pagination a {
    color: #fbc337 !important;
  }

  body.yellow #nav {
    background-color: #fff;
    border-left: 1.5px solid #fbc337;
    border-top: none;
  }

  body.yellow #nav ul li a,
  body.yellow #nav ul li a:focus {
    background-color: #fff;
    color: #fbc337;
  }

  body.yellow #nav ul li a:hover {
    border-right: none;
    background-color: #fbc337;
    color: #fff;
  }

  body.yellow #nav ul li.active {
    border-right: none;
    background-color: #fbc337;
    color: white;
  }

  body.yellow .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #fbc337;
    border-color: #fbc337;
  }

  body.yellow .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.yellow .radio input[type="radio"] + label::after,
  body.yellow .radio input[type="radio"]:checked + label::after {
    background-color: #fbc337;
  }

  body.yellow .radio input[type="radio"]:checked + label::before {
    border-color: #fbc337;
  }

  body.yellow .datepicker table tr td span.active.active,
  body.yellow .datepicker table tr td span.active.disabled.active,
  body.yellow .datepicker table tr td span.active.disabled:active,
  body.yellow .datepicker table tr td span.active.disabled.active:hover,
  body.yellow .datepicker table tr td span.active.disabled:hover:active,
  body.yellow .datepicker table tr td span.active:active,
  body.yellow .datepicker table tr td span.active.active:hover,
  body.yellow .datepicker table tr td span.active:hover:active {
    background-color: #fbc337;
    border-color: #fab505;
    color: #fff;
  }

  body.yellow .datepicker table tr td.active.active,
  body.yellow .datepicker table tr td.active.highlighted.active,
  body.yellow .datepicker table tr td.active.highlighted:active,
  body.yellow .datepicker table tr td.active:active {
    background-color: #fbc337;
    border-color: #fab505;
    color: #fff;
  }

  body.yellow .dropdown-menu > .active a,
  body.yellow .dropdown-menu > .active a:focus,
  body.yellow .dropdown-menu > .active a:hover,
  body.yellow .dropdown-menu > .selected a,
  body.yellow .dropdown-menu > .selected a:focus,
  body.yellow .dropdown-menu > .selected a:hover {
    background-color: #fbc337;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.yellow .progress-bar {
    background-color: #fab505;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-yellow {
    border-color: #fbc337 !important;
  }

  .panel-yellow .panel-heading {
    border-color: #fbc337 !important;
    color: #fff;
    background-color: #fbc337 !important;
  }

  .panel-yellow > a {
    color: #fbc337 !important;
  }

  .panel-yellow > a:hover {
    color: #fab505 !important;
  }

  .panel-yellow:hover {
    border-color: #fbc337 !important;
  }

  .panel-yellow:hover .panel-heading {
    border-color: #fab505 !important;
    color: #fff;
    background-color: #fab505 !important;
  }

  .panel-yellow:hover > a {
    color: #fab505 !important;
  }

  .fa-tema-yellow {
    color: #fbc337;
  }

  .icon-yellow i {
    color: #fbc337 !important;
  }

  .icon-yellow i:hover {
    color: #fab505;
  }

  body.orange .panel {
    border-color: #ff825a;
  }

  body.orange .panel .panel-heading {
    border-color: #ff825a;
    color: #fff;
    background-color: #ff825a;
  }

  body.orange .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.orange .panel > a {
    color: #ff825a;
  }

  body.orange .panel table th.actions {
    text-align: center !important;
  }

  body.orange .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.orange .panel table th .title {
    font-size: 12px;
  }

  body.orange .panel table th a {
    color: #000 !important;
  }

  body.orange .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.orange .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.orange .panel table td {
    font-size: 12px;
  }

  body.orange .panel table td.actions i {
    line-height: 0.2 !important;
    top: 7px;
    color: #ff825a;
    font-size: 1.8em;
  }

  body.orange .panel table td.actions i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #cc6600;
    font-size: 1.8em;
  }

  body.orange .panel-item:hover {
    border-color: #cc6600;
  }

  body.orange .panel-item:hover .panel-heading {
    border-color: #cc6600;
    color: #fff;
    background-color: #cc6600;
  }

  body.orange .panel-item:hover .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.orange .panel-item:hover > a {
    color: #cc6600;
  }

  body.orange .panel-default {
    border-color: #ddd;
  }

  body.orange .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.orange .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.orange .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.orange .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.orange .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.orange .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.orange .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.orange .panel-item:hover {
    border-color: #ff825a;
  }

  body.orange .panel-item:hover .panel-heading {
    border-color: #cc6600;
    color: #fff;
    background-color: #cc6600;
  }

  body.orange .panel-item:hover > a {
    color: #cc6600;
  }

  body.orange .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  body.orange .modal-dialog .modal-footer .btn-send {
    background-color: #ff825a;
    border-color: #ff825a;
    color: #fff;
  }

  body.orange .modal-dialog .modal-footer .btn-send:hover {
    background-color: #cc6600;
    border-color: #cc6600;
    color: #fff;
  }

  body.orange .btn-send {
    background-color: #ff825a;
    border-color: #ff825a;
    color: #fff;
  }

  body.orange .btn-send:hover {
    background-color: #cc6600;
    border-color: #cc6600;
    color: #fff;
  }

  body.orange .btn-send.disabled:hover {
    background-color: #ff825a;
    border-color: #ff825a;
    color: #fff;
  }

  body.orange ul.pagination li.active a {
    background-color: #ff825a !important;
    border-color: #ff825a !important;
    color: #fff !important;
  }

  body.orange ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.orange ul.pagination a {
    color: #ff825a !important;
  }

  body.orange #nav {
    background-color: #fff;
    border-left: 1.5px solid #ff825a;
    border-top: none;
  }

  body.orange #nav ul li a,
  body.orange #nav ul li a:focus {
    background-color: #fff;
    color: #ff825a;
  }

  body.orange #nav ul li a:hover {
    border-right: none;
    background-color: #ff825a;
    color: #fff;
  }

  body.orange #nav ul li.active {
    border-right: none;
    background-color: #ff825a;
    color: white;
  }

  body.orange .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #ff825a;
    border-color: #ff825a;
  }

  body.orange .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.orange .radio input[type="radio"] + label::after,
  body.orange .radio input[type="radio"]:checked + label::after {
    background-color: #ff825a;
  }

  body.orange .radio input[type="radio"]:checked + label::before {
    border-color: #ff825a;
  }

  body.orange .datepicker table tr td span.active.active,
  body.orange .datepicker table tr td span.active.disabled.active,
  body.orange .datepicker table tr td span.active.disabled:active,
  body.orange .datepicker table tr td span.active.disabled.active:hover,
  body.orange .datepicker table tr td span.active.disabled:hover:active,
  body.orange .datepicker table tr td span.active:active,
  body.orange .datepicker table tr td span.active.active:hover,
  body.orange .datepicker table tr td span.active:hover:active {
    background-color: #ff825a;
    border-color: #cc6600;
    color: #fff;
  }

  body.orange .datepicker table tr td.active.active,
  body.orange .datepicker table tr td.active.highlighted.active,
  body.orange .datepicker table tr td.active.highlighted:active,
  body.orange .datepicker table tr td.active:active {
    background-color: #ff825a;
    border-color: #cc6600;
    color: #fff;
  }

  body.orange .dropdown-menu > .active a,
  body.orange .dropdown-menu > .active a:focus,
  body.orange .dropdown-menu > .active a:hover,
  body.orange .dropdown-menu > .selected a,
  body.orange .dropdown-menu > .selected a:focus,
  body.orange .dropdown-menu > .selected a:hover {
    background-color: #ff825a;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.orange .progress-bar {
    background-color: #cc6600;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-orange {
    border-color: #ff825a !important;
  }

  .panel-orange .panel-heading {
    border-color: #ff825a !important;
    color: #fff;
    background-color: #ff825a !important;
  }

  .panel-orange > a {
    color: #ff825a !important;
  }

  .panel-orange > a:hover {
    color: #cc6600 !important;
  }

  .panel-orange:hover {
    border-color: #ff825a !important;
  }

  .panel-orange:hover .panel-heading {
    color: #fff;
    background-color: #cc6600 !important;
  }

  .panel-orange:hover > a {
    color: #cc6600 !important;
  }

  .fa-tema-orange {
    color: #ff825a;
  }

  .icon-orange i {
    color: #ff825a !important;
  }

  .icon-orange i:hover {
    color: #cc6600;
  }

  body.indigo .panel {
    border-color: #3b4dc4;
  }

  body.indigo .panel .panel-heading {
    border-color: #3b4dc4;
    color: #fff;
    background-color: #3b4dc4;
  }

  body.indigo .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.indigo .panel > a {
    color: #3b4dc4;
  }

  body.indigo .panel table th.actions {
    text-align: center !important;
  }

  body.indigo .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.indigo .panel table th .title {
    font-size: 12px;
  }

  body.indigo .panel table th a {
    color: #000 !important;
  }

  body.indigo .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.indigo .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.indigo .panel table td {
    font-size: 12px;
  }

  body.indigo .panel table td.actions i {
    line-height: 0.2 !important;
    top: 7px;
    color: #3b4dc4;
    font-size: 1.8em;
  }

  body.indigo .panel table td.actions i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #2f3e9d;
    font-size: 1.8em;
  }

  body.indigo .panel-item:hover {
    border-color: #2f3e9d;
  }

  body.indigo .panel-item:hover .panel-heading {
    border-color: #2f3e9d;
    color: #fff;
    background-color: #2f3e9d;
  }

  body.indigo .panel-item:hover .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.indigo .panel-item:hover > a {
    color: #2f3e9d;
  }

  body.indigo .panel-default {
    border-color: #ddd;
  }

  body.indigo .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.indigo .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.indigo .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.indigo .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.indigo .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.indigo .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.indigo .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.indigo .panel-item:hover {
    border-color: #3b4dc4;
  }

  body.indigo .panel-item:hover .panel-heading {
    border-color: #2f3e9d;
    color: #fff;
    background-color: #2f3e9d;
  }

  body.indigo .panel-item:hover > a {
    color: #2f3e9d;
  }

  body.indigo .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  body.indigo .modal-dialog .modal-footer .btn-send {
    background-color: #3b4dc4;
    border-color: #3b4dc4;
    color: #fff;
  }

  body.indigo .modal-dialog .modal-footer .btn-send:hover {
    background-color: #2f3e9d;
    border-color: #2f3e9d;
    color: #fff;
  }

  body.indigo .btn-send {
    background-color: #3b4dc4;
    border-color: #3b4dc4;
    color: #fff;
  }

  body.indigo .btn-send:hover {
    background-color: #2f3e9d;
    border-color: #2f3e9d;
    color: #fff;
  }

  body.indigo .btn-send.disabled:hover {
    background-color: #3b4dc4;
    border-color: #3b4dc4;
    color: #fff;
  }

  body.indigo ul.pagination li.active a {
    background-color: #3b4dc4 !important;
    border-color: #3b4dc4 !important;
    color: #fff !important;
  }

  body.indigo ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.indigo ul.pagination a {
    color: #3b4dc4 !important;
  }

  body.indigo #nav {
    background-color: #fff;
    border-left: 1.5px solid #3b4dc4;
    border-top: none;
  }

  body.indigo #nav ul li a,
  body.indigo #nav ul li a:focus {
    background-color: #fff;
    color: #3b4dc4;
  }

  body.indigo #nav ul li a:hover {
    border-right: none;
    background-color: #3b4dc4;
    color: #fff;
  }

  body.indigo #nav ul li.active {
    border-right: none;
    background-color: #3b4dc4;
    color: white;
  }

  body.indigo .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #3b4dc4;
    border-color: #3b4dc4;
  }

  body.indigo .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.indigo .radio input[type="radio"] + label::after,
  body.indigo .radio input[type="radio"]:checked + label::after {
    background-color: #3b4dc4;
  }

  body.indigo .radio input[type="radio"]:checked + label::before {
    border-color: #3b4dc4;
  }

  body.indigo .datepicker table tr td span.active.active,
  body.indigo .datepicker table tr td span.active.disabled.active,
  body.indigo .datepicker table tr td span.active.disabled:active,
  body.indigo .datepicker table tr td span.active.disabled.active:hover,
  body.indigo .datepicker table tr td span.active.disabled:hover:active,
  body.indigo .datepicker table tr td span.active:active,
  body.indigo .datepicker table tr td span.active.active:hover,
  body.indigo .datepicker table tr td span.active:hover:active {
    background-color: #3b4dc4;
    border-color: #2f3e9d;
    color: #fff;
  }

  body.indigo .datepicker table tr td.active.active,
  body.indigo .datepicker table tr td.active.highlighted.active,
  body.indigo .datepicker table tr td.active.highlighted:active,
  body.indigo .datepicker table tr td.active:active {
    background-color: #3b4dc4;
    border-color: #2f3e9d;
    color: #fff;
  }

  body.indigo .dropdown-menu > .active a,
  body.indigo .dropdown-menu > .active a:focus,
  body.indigo .dropdown-menu > .active a:hover,
  body.indigo .dropdown-menu > .selected a,
  body.indigo .dropdown-menu > .selected a:focus,
  body.indigo .dropdown-menu > .selected a:hover {
    background-color: #3b4dc4;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.indigo .progress-bar {
    background-color: #2f3e9d;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-indigo {
    border-color: #3b4dc4 !important;
  }

  .panel-indigo .panel-heading {
    border-color: #3b4dc4 !important;
    color: #fff;
    background-color: #3b4dc4 !important;
  }

  .panel-indigo > a {
    color: #3b4dc4 !important;
  }

  .panel-indigo > a:hover {
    color: #2f3e9d !important;
  }

  .panel-indigo:hover {
    border-color: #3b4dc4 !important;
  }

  .panel-indigo:hover .panel-heading {
    border-color: #2f3e9d !important;
    color: #fff;
    background-color: #2f3e9d !important;
  }

  .panel-indigo:hover > a {
    color: #2f3e9d !important;
  }

  .fa-tema-indigo {
    color: #3b4dc4;
  }

  .icon-indigo i {
    color: #3b4dc4 !important;
  }

  .icon-indigo i:hover {
    color: #2f3e9d;
  }

  body.grey .panel {
    border-color: #b6b6b6;
  }

  body.grey .panel .panel-heading {
    border-color: #b6b6b6;
    color: #fff;
    background-color: #b6b6b6;
  }

  body.grey .panel .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.grey .panel > a {
    color: #b6b6b6;
  }

  body.grey .panel table th.actions {
    text-align: center !important;
  }

  body.grey .panel table th input {
    color: #444;
    font-weight: normal;
    font-size: 12px;
  }

  body.grey .panel table th .title {
    font-size: 12px;
  }

  body.grey .panel table th a {
    color: #000 !important;
  }

  body.grey .panel table th.sortable span:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  body.grey .panel table th.sortable span:hover input {
    color: #444;
    font-weight: normal;
    font-size: 14px;
  }

  body.grey .panel table td {
    font-size: 12px;
  }

  body.grey .panel table td.actions i {
    line-height: 0.2 !important;
    top: 7px;
    color: #b6b6b6;
    font-size: 1.8em;
  }

  body.grey .panel table td.actions i:hover {
    line-height: 0.2 !important;
    top: 7px;
    color: #9c9c9c;
    font-size: 1.8em;
  }

  body.grey .panel-item:hover {
    border-color: #9c9c9c;
  }

  body.grey .panel-item:hover .panel-heading {
    border-color: #9c9c9c;
    color: #fff;
    background-color: #9c9c9c;
  }

  body.grey .panel-item:hover .panel-footer span.pull-left {
    font-size: 12px !important;
  }

  body.grey .panel-item:hover > a {
    color: #9c9c9c;
  }

  body.grey .panel-default {
    border-color: #ddd;
  }

  body.grey .panel-default .panel-heading {
    background-color: #f2f1ee;
    border-color: #ddd;
    color: #333;
  }

  body.grey .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }

  body.grey .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }

  body.grey .panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
  }

  body.grey .panel-default ul.pagination li.active a {
    background-color: #f2f1ee !important;
    border-color: #ddd !important;
    color: #777 !important;
  }

  body.grey .panel-default ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.grey .panel-default ul.pagination a {
    color: #777 !important;
  }

  body.grey .panel-item:hover {
    border-color: #b6b6b6;
  }

  body.grey .panel-item:hover .panel-heading {
    border-color: #9c9c9c;
    color: #fff;
    background-color: #9c9c9c;
  }

  body.grey .panel-item:hover > a {
    color: #9c9c9c;
  }

  body.grey .modal-dialog .modal-header {
    text-align: center;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  body.grey .modal-dialog .modal-footer .btn-send {
    background-color: #b6b6b6;
    border-color: #b6b6b6;
    color: #fff;
  }

  body.grey .modal-dialog .modal-footer .btn-send:hover {
    background-color: #9c9c9c;
    border-color: #9c9c9c;
    color: #fff;
  }

  body.grey .btn-send {
    background-color: #b6b6b6;
    border-color: #b6b6b6;
    color: #fff;
  }

  body.grey .btn-send:hover {
    background-color: #9c9c9c;
    border-color: #9c9c9c;
    color: #fff;
  }

  body.grey .btn-send.disabled:hover {
    background-color: #b6b6b6;
    border-color: #b6b6b6;
    color: #fff;
  }

  body.grey ul.pagination li.active a {
    background-color: #b6b6b6 !important;
    border-color: #b6b6b6 !important;
    color: #fff !important;
  }

  body.grey ul.pagination li.disabled a {
    color: #777 !important;
  }

  body.grey ul.pagination a {
    color: #b6b6b6 !important;
  }

  body.grey #nav {
    background-color: #fff;
    border-left: 1.5px solid #b6b6b6;
    border-top: none;
  }

  body.grey #nav ul li a,
  body.grey #nav ul li a:focus {
    background-color: #fff;
    color: #b6b6b6;
  }

  body.grey #nav ul li a:hover {
    border-right: none;
    background-color: #b6b6b6;
    color: #fff;
  }

  body.grey #nav ul li.active {
    border-right: none;
    background-color: #b6b6b6;
    color: white;
  }

  body.grey .checkbox input[type="checkbox"]:checked + label::before {
    background-color: #b6b6b6;
    border-color: #b6b6b6;
  }

  body.grey .checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
  }

  body.grey .radio input[type="radio"] + label::after,
  body.grey .radio input[type="radio"]:checked + label::after {
    background-color: #b6b6b6;
  }

  body.grey .radio input[type="radio"]:checked + label::before {
    border-color: #b6b6b6;
  }

  body.grey .datepicker table tr td span.active.active,
  body.grey .datepicker table tr td span.active.disabled.active,
  body.grey .datepicker table tr td span.active.disabled:active,
  body.grey .datepicker table tr td span.active.disabled.active:hover,
  body.grey .datepicker table tr td span.active.disabled:hover:active,
  body.grey .datepicker table tr td span.active:active,
  body.grey .datepicker table tr td span.active.active:hover,
  body.grey .datepicker table tr td span.active:hover:active {
    background-color: #b6b6b6;
    border-color: #9c9c9c;
    color: #fff;
  }

  body.grey .datepicker table tr td.active.active,
  body.grey .datepicker table tr td.active.highlighted.active,
  body.grey .datepicker table tr td.active.highlighted:active,
  body.grey .datepicker table tr td.active:active {
    background-color: #b6b6b6;
    border-color: #9c9c9c;
    color: #fff;
  }

  body.grey .dropdown-menu > .active a,
  body.grey .dropdown-menu > .active a:focus,
  body.grey .dropdown-menu > .active a:hover,
  body.grey .dropdown-menu > .selected a,
  body.grey .dropdown-menu > .selected a:focus,
  body.grey .dropdown-menu > .selected a:hover {
    background-color: #b6b6b6;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
  }

  body.grey .progress-bar {
    background-color: #9c9c9c;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
  }

  .panel-grey {
    border-color: #b6b6b6 !important;
  }

  .panel-grey .panel-heading {
    border-color: #b6b6b6 !important;
    color: #fff;
    background-color: #b6b6b6 !important;
  }

  .panel-grey > a {
    color: #b6b6b6 !important;
  }

  .panel-grey > a:hover {
    color: #9c9c9c !important;
  }

  .panel-grey:hover {
    border-color: #b6b6b6 !important;
  }

  .panel-grey:hover .panel-heading {
    border-color: #9c9c9c !important;
    color: #fff;
    background-color: #9c9c9c !important;
  }

  .panel-grey:hover > a {
    color: #9c9c9c !important;
  }

  .fa-tema-grey {
    color: #b6b6b6;
  }

  .icon-grey i {
    color: #b6b6b6 !important;
  }

  .icon-grey i:hover {
    color: #9c9c9c;
  }

  /* timeline e chat css from startbootstrap.com/template-overviews/sb-admin-2/ */
  .chat-panel-heading {
    background-color: #fff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
  }

  .chat {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
  }

  .chat li .chat-body p {
    margin: 0;
  }

  .chat li:last-child {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: none;
  }

  .chat li.left .chat-body {
    margin-left: 0px;
  }

  .chat .glyphicon {
    margin-right: 5px;
  }

  .chat-panel .panel-body {
    max-height: 350px;
    overflow-y: scroll;
  }

  .chat-panel-medium .panel-body {
    max-height: 550px;
    overflow-y: scroll;
  }

  .chat-panel-update .panel-body {
    height: 405px;
    overflow-y: scroll;
  }

  .chat-panel-comment .panel-body {
    height: 405px;
    overflow-y: scroll;
  }

  .panel .slidedown .glyphicon {
    margin-right: 5px;
  }

  .is-invalid {
    border-color: #dc3545 !important;
  }

  .text-danger {
    color: #dc3545 !important;
  }

  .panel-timeline {
    height: 650px;
    overflow-y: scroll;
  }

  .timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
  }

  .timeline > li {
    position: relative;
    margin-bottom: 20px;
  }

  .timeline > li > .timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  }

  .timeline > li > .timeline-panel:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -15px;
    border-top: 15px solid transparent;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ccc;
  }

  .timeline > li > .timeline-panel:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
  }

  .timeline > li > .timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 0;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    background-color: #999999;
  }

  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    margin-top: -85px;
  }

  .timeline > li.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
  }

  .timeline > li.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
  }

  .timeline > li:before,
  .timeline > li:after {
    content: ' ';
    display: table;
  }

  .timeline > li:after {
    clear: both;
  }

  .timeline:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eeeeee;
  }

  .timeline-badge.primary {
    background-color: #2e6da4 !important;
  }

  .timeline-badge.success {
    background-color: #3f903f !important;
  }

  .timeline-badge.warning {
    background-color: #f0ad4e !important;
  }

  .timeline-badge.danger {
    background-color: #d9534f !important;
  }

  .timeline-badge.info {
    background-color: #5bc0de !important;
  }

  .timeline-title {
    margin-top: 0;
    color: inherit;
  }

  .timeline-body > p,
  .timeline-body > ul {
    margin-bottom: 0;
  }

  .timeline-body > p + p {
    margin-top: 5px;
  }

  @media (max-width: 767px) {
    ul.timeline:before {
      left: 40px;
    }
    ul.timeline > li > .timeline-panel {
      width: calc(100% - 90px);
      width: -moz-calc(100% - 90px);
      width: -webkit-calc(100% - 90px);
      float: right;
    }
    ul.timeline > li > .timeline-panel:before {
      right: auto;
      left: -15px;
      border-right-width: 15px;
      border-left-width: 0;
    }
    ul.timeline > li > .timeline-panel:after {
      right: auto;
      left: -14px;
      border-right-width: 14px;
      border-left-width: 0;
    }
    ul.timeline > li > .timeline-badge {
      top: 16px;
      left: 15px;
      margin-left: 0;
    }
  }

  /* svg da tela login */
  .cls-1 {
    fill: #58595b;
  }

  .cls-2 {
    fill: #3b6e8d;
  }

  .cls-3 {
    fill: #595a5c;
  }

  .cls-4 {
    fill: #fdfdfd;
  }

  .cls-5 {
    fill: #ececec;
  }

  .cls-6 {
    fill: #f5f5f5;
  }

  .cls-7 {
    fill: #fefefe;
  }

  .cls-8 {
    fill: #e2e3e3;
  }

  .cls-9 {
    fill: #f1f1f2;
  }

  .cls-10 {
    fill: #f0f0f0;
  }

  .cls-11 {
    fill: #f7f7f7;
  }

  .cls-12 {
    fill: #dedede;
  }

  .cls-13 {
    fill: #e9e9ea;
  }

  .cls-14 {
    fill: #3c6f8e;
  }

  .cls-15 {
    fill: #7397ad;
  }

  .cls-16 {
    fill: #3b6e8e;
  }

  .cls-17 {
    fill: #fff;
  }

  .cls-18 {
    fill: #fcfcfc;
  }

  /* borda em volta de um bloco no form */
  fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
  }

  legend.scheduler-border {
    width: inherit;
    padding: 0 10px;
    border-bottom: none;
  }

  /* */
  .no-icon span.glyphicon {
    display: none;
  }

  /* leaflet */
  #map {
    width: 800px;
    height: 500px;
  }

  .info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }

  .info h4 {
    margin: 0 0 5px;
    color: #777;
  }

  .legend {
    text-align: left;
    line-height: 18px;
    color: #555;
  }

  .legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
  }

  .badge-notification {
    position: relative;
  }

  .badge-notification[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: .5em;
    background: red;
    color: white;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
  }

  .dropdown-alerts {
    border: 1px solid #ccc;
    padding: 2px;
    min-width: 300px;
    width: 20vw;
    max-height: 30vh;
    min-height: 64px;
    overflow-y: auto;
    vertical-align: middle;
    font-family: sans-serif;
    font-size: 14px;
  }

  .notification_item {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    height: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 64px;
    min-height: 64px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
  }

  .notification_item:hover {
    background-color: #eee;
  }

  .icon-green {
    color: #5cb85c;
  }

  .icon-grey {
    color: #ccc;
  }

  .icon-blue {
    color: #337ab7;
  }

  .icon-red {
    color: #d9534f;
  }

  .notification_interval {
    color: #999;
    position: absolute;
    right: 4px;
    bottom: 0px;
  }

  #new_notification {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 14px;
    height: 14px;
  }

  .bell-ringing {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
  }

  .blur {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    background-color: #ccc;
    -webkit-tap-highlight-color: transparent;
  }

  .notification_footer {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    line-height: 40px;
    text-align: center;
  }

  .notification_description {
    pointer-events: none;
  }

  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .flex-end {
    display: flex !important;
    justify-content: flex-end !important;
  }

  .password-eye {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
  }


  @-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }

  @-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
  }

  @keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #bbb;
  }

  ::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
  }