@charset "UTF-8";
/*
 *
 *   INSPINIA - Responsive Admin Theme
 *   version 2.4
 *
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10px;
}

h3, h4, h5 {
  margin-top: 5px;
  font-weight: 600;
}

.nav > li > a {
  color: #a7b1c2;
  font-weight: 600;
  padding: 14px 20px 14px 25px;
}

.nav.navbar-right > li > a {
  color: #999c9e;
}

.nav > li.active > a {
  color: #ffffff;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
  background-color: #293846;
  color: white;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background: #fff;
}

.nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus {
  background-color: transparent;
}

.nav > li > a i {
  margin-right: 6px;
}

.navbar {
  border: 0;
}

.navbar-default {
  background-color: transparent;
  border-color: #2F4050;
}

.navbar-top-links li {
  display: inline-block;
}

.navbar-top-links li:last-child {
  margin-right: 40px;
}

.body-small .navbar-top-links li:last-child {
  margin-right: 0;
}

.navbar-top-links li a {
  padding: 20px 10px;
  min-height: 50px;
}

.dropdown-menu {
  border: medium none;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 2000;
}

.dropdown-menu > li > a {
  border-radius: 3px;
  color: inherit;
  line-height: 25px;
  margin: 4px;
  text-align: left;
  font-weight: normal;
}

.dropdown-menu > li > a.font-bold {
  font-weight: 600;
}

.navbar-top-links .dropdown-menu li {
  display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}

.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}

.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}

.dropdown-messages, .dropdown-alerts {
  padding: 10px 10px 10px 10px;
}

.dropdown-messages li a, .dropdown-alerts li a {
  font-size: 12px;
}

.dropdown-messages li em, .dropdown-alerts li em {
  font-size: 10px;
}

.nav.navbar-top-links .dropdown-alerts a {
  font-size: 12px;
}

.nav-header {
  padding: 33px 25px;
}

.pace-done .nav-header {
  transition: all 0.4s;
}

.nav > li.active {
  border-left: 4px solid #19aa8d;
  background: #293846;
}

.nav.nav-second-level > li.active {
  border: none;
}

.nav.nav-second-level.collapse[style] {
  height: auto !important;
}

.nav-header a {
  color: #DFE4ED;
}

.nav-header .text-muted {
  color: #8095a8;
}

.minimalize-styl-2 {
  padding: 4px 12px;
  margin: 14px 5px 5px 20px;
  font-size: 14px;
  float: left;
}

.navbar-form-custom {
  float: left;
  height: 50px;
  padding: 0;
  width: 200px;
  display: inline-table;
}

.navbar-form-custom .form-group {
  margin-bottom: 0;
}

.nav.navbar-top-links a {
  font-size: 14px;
}

.navbar-form-custom .form-control {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 14px;
  height: 60px;
  margin: 0;
  z-index: 2000;
}

.count-info .label {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}

.arrow {
  float: right;
}

.fa.arrow:before {
  content: "\f104";
}

.active > a > .fa.arrow:before {
  content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
  border-bottom: none !important;
}

.nav-second-level li a {
  padding: 7px 10px 7px 10px;
  padding-left: 52px;
}

.nav-third-level li a {
  padding-left: 62px;
}

.nav-second-level li:last-child {
  margin-bottom: 10px;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: 140px;
  height: auto;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}

.fixed-nav .slimScrollDiv #side-menu {
  padding-bottom: 60px;
}

.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}

.mini-navbar .nav-second-level {
  position: absolute;
  left: 70px;
  top: 0;
  background-color: #2F4050;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
}

.canvas-menu.mini-navbar .nav-second-level {
  background: #293846;
}

.mini-navbar li.active .nav-second-level {
  left: 65px;
}

.navbar-default .special_link a {
  background: #1ab394;
  color: white;
}

.navbar-default .special_link a:hover {
  background: #17987e !important;
  color: white;
}

.navbar-default .special_link a span.label {
  background: #fff;
  color: #1ab394;
}

.navbar-default .landing_link a {
  background: #1cc09f;
  color: white;
}

.navbar-default .landing_link a:hover {
  background: #1ab394 !important;
  color: white;
}

.navbar-default .landing_link a span.label {
  background: #fff;
  color: #1cc09f;
}

.logo-element {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: white;
  display: none;
  padding: 18px 0;
}

.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.navbar-fixed-top {
  background: #fff;
  transition-duration: 0.4s;
  border-bottom: 1px solid #e7eaec !important;
  z-index: 2030;
}

.navbar-fixed-top, .navbar-static-top {
  background: #f3f3f4;
}

.fixed-nav #wrapper {
  margin-top: 0;
}

body.fixed-nav #wrapper .navbar-static-side,
body.fixed-nav #wrapper #page-wrapper {
  margin-top: 60px;
}

body.top-navigation.fixed-nav #wrapper #page-wrapper {
  margin-top: 0;
}

body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
  left: 220px;
}

body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
  left: 70px;
}

body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
  left: 0;
}

body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
  margin-top: 0;
}

body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
  left: 0;
}

body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
  left: 220px;
}

.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}

.body-small .navbar-fixed-top {
  margin-left: 0;
}

body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {
  display: none;
}

body.canvas-menu .profile-element {
  display: block;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  display: none;
}

body.mini-navbar .navbar-default .nav > li > a {
  font-size: 16px;
}

body.mini-navbar .logo-element {
  display: block;
}

body.canvas-menu .logo-element {
  display: none;
}

body.mini-navbar .nav-header {
  padding: 0;
  background-color: #1ab394;
}

body.canvas-menu .nav-header {
  padding: 33px 25px;
}

body.mini-navbar #page-wrapper {
  margin: 0 0 0 70px;
}

body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
  margin: 0 0 0 0 !important;
}

body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
  margin: 0 0 0 0;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
  position: fixed;
  width: 220px;
  z-index: 2001;
  height: 100%;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 0;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 0;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 220px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}

.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  height: auto;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}

body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 13px;
  border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  position: relative;
  padding: 0;
  font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
  left: 0;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
  font-size: 13px;
}

body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
  display: inline;
}

body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
  display: block;
}

.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
  padding: 7px 10px 7px 52px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  left: 0;
}

body.canvas-menu nav.navbar-static-side {
  z-index: 2001;
  background: #2f4050;
  height: 100%;
  position: fixed;
  display: none;
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
  display: block;
  width: 220px;
}

.top-navigation #page-wrapper {
  margin-left: 0;
}

.top-navigation .navbar-nav .dropdown-menu > .active > a {
  background: white;
  color: #1ab394;
  font-weight: bold;
}

.white-bg .navbar-fixed-top, .white-bg .navbar-static-top {
  background: #fff;
}

.top-navigation .navbar {
  margin-bottom: 0;
}

.top-navigation .nav > li > a {
  padding: 15px 20px;
  color: #000000;
}

.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
  background: #fff;
  color: #1ab394;
}

.top-navigation .nav > li.active {
  background: #fff;
  border: none;
}

.top-navigation .nav > li.active > a {
  color: #1ab394;
}

.top-navigation .navbar-right {
  margin-right: 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e7eaec;
}

.top-navigation .dropdown-menu > li > a {
  margin: 0;
  padding: 7px 20px;
}

.navbar .dropdown-menu {
  margin-top: 0;
}

.top-navigation .navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 15px 25px;
}

.top-navigation .navbar-top-links li:last-child {
  margin-right: 0;
}

.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
  margin: 0;
}

.top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation {
  margin-top: 50px;
}

.top-navigation .footer.fixed {
  margin-left: 0 !important;
}

.top-navigation .wrapper.wrapper-content {
  padding: 40px;
}

.top-navigation.body-small .wrapper.wrapper-content, .body-small .top-navigation .wrapper.wrapper-content {
  padding: 40px 0 40px 0;
}

.navbar-toggle {
  background-color: #1ab394;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
}

.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 10px 15px 10px 20px;
}

@media (max-width: 768px) {
  .top-navigation .navbar-header {
    display: block;
    float: none;
  }
}
.menu-visible-lg, .menu-visible-md {
  display: none !important;
}

@media (min-width: 1200px) {
  .menu-visible-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .menu-visible-md {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .menu-visible-md {
    display: block !important;
  }

  .menu-visible-lg {
    display: block !important;
  }
}
.btn {
  border-radius: 3px;
}

.float-e-margins .btn {
  margin-bottom: 5px;
}

.btn-w-m {
  min-width: 120px;
}

.btn-primary.btn-outline {
  color: #1ab394;
}

.btn-success.btn-outline {
  color: #1c84c6;
}

.btn-info.btn-outline {
  color: #23c6c8;
}

.btn-warning.btn-outline {
  color: #f8ac59;
}

.btn-danger.btn-outline {
  color: #ED5565;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}

.btn-primary {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF;
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
}

.btn-success {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus {
  background-color: #1a7bb9;
  border-color: #1a7bb9;
  color: #FFFFFF;
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #1f90d8;
  border-color: #1f90d8;
}

.btn-info {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
  background-color: #21b9bb;
  border-color: #21b9bb;
  color: #FFFFFF;
}

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #26d7d9;
  border-color: #26d7d9;
}

.btn-default {
  color: inherit;
  background: white;
  border: 1px solid #e7eaec;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus {
  color: inherit;
  border: 1px solid #d2d2d2;
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  color: #cacaca;
}

.btn-warning {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus {
  background-color: #f7a54a;
  border-color: #f7a54a;
  color: #FFFFFF;
}

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f9b66d;
  border-color: #f9b66d;
}

.btn-danger {
  background-color: #ED5565;
  border-color: #ED5565;
  color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus {
  background-color: #ec4758;
  border-color: #ec4758;
  color: #FFFFFF;
}

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #ef6776;
  border-color: #ef6776;
}

.btn-link {
  color: inherit;
}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
  color: #1ab394;
  text-decoration: none;
}

.btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
  background-image: none;
}

.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active {
  color: #cacaca;
}

.btn-white {
  color: inherit;
  background: white;
  border: 1px solid #e7eaec;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus {
  color: inherit;
  border: 1px solid #d2d2d2;
}

.btn-white:active, .btn-white.active {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active {
  color: #cacaca;
}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
  box-shadow: none;
}

.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}

.btn-rounded {
  border-radius: 50px;
}

.btn-large-dim {
  width: 90px;
  height: 90px;
  font-size: 42px;
}

button.dim {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin-bottom: 20px !important;
}

button.dim:active {
  top: 3px;
}

button.btn-primary.dim {
  box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999;
}

button.btn-primary.dim:active {
  box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999;
}

button.btn-default.dim {
  box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999;
}

button.btn-default.dim:active {
  box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999;
}

button.btn-warning.dim {
  box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999;
}

button.btn-warning.dim:active {
  box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999;
}

button.btn-info.dim {
  box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999;
}

button.btn-info.dim:active {
  box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999;
}

button.btn-success.dim {
  box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999;
}

button.btn-success.dim:active {
  box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999;
}

button.btn-danger.dim {
  box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999;
}

button.btn-danger.dim:active {
  box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999;
}

button.dim:before {
  font-size: 50px;
  line-height: 1em;
  font-weight: normal;
  color: #fff;
  display: block;
  padding-top: 10px;
}

button.dim:active:before {
  top: 7px;
  font-size: 50px;
}

.btn:focus {
  outline: none !important;
}

.label {
  background-color: #D1DADE;
  color: #5E5E5E;
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}

.badge {
  background-color: #D1DADE;
  color: #5E5E5E;
  font-family: 'Open Sans';
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}

.label-primary, .badge-primary {
  background-color: #1ab394;
  color: #FFFFFF;
}

.label-success, .badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}

.label-warning, .badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}

.label-warning-light, .badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}

.label-danger, .badge-danger {
  background-color: #ED5565;
  color: #FFFFFF;
}

.label-info, .badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}

.label-inverse, .badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}

.label-white, .badge-white {
  background-color: #FFFFFF;
  color: #5E5E5E;
}

.label-white, .badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}

/* TOOGLE SWICH */
.onoffswitch {
  position: relative;
  width: 64px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #1ab394;
  border-radius: 2px;
}

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #1ab394;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #FFFFFF;
  color: #999999;
  text-align: right;
}

.onoffswitch-switch {
  width: 20px;
  margin: 0;
  background: #FFFFFF;
  border: 2px solid #1ab394;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 44px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {
  background: #ffffff;
  box-shadow: none;
  -moz-box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #CBD5DD;
  border-radius: 2px;
  cursor: text;
  height: auto !important;
  margin: 0;
  min-height: 30px;
  overflow: hidden;
  padding: 4px 12px;
  position: relative;
  width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: #f1f1f1;
  border: 1px solid #ededed;
  border-radius: 2px;
  box-shadow: none;
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}

/* PAGINATIN */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #f4f4f4;
  border-color: #DDDDDD;
  color: inherit;
  cursor: default;
  z-index: 2;
}

.pagination > li > a, .pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}

/* TOOLTIPS */
.tooltip-inner {
  background-color: #2F4050;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #2F4050;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #2F4050;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2F4050;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #2F4050;
}

/* EASY PIE CHART*/
.easypiechart {
  position: relative;
  text-align: center;
}

.easypiechart .h2 {
  margin-left: 10px;
  margin-top: 10px;
  display: inline-block;
}

.easypiechart canvas {
  top: 0;
  left: 0;
}

.easypiechart .easypie-text {
  line-height: 1;
  position: absolute;
  top: 33px;
  width: 100%;
  z-index: 1;
}

.easypiechart img {
  margin-top: -4px;
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* FULLCALENDAR */
.fc-state-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  color: #333333;
  text-shadow: none;
}

.fc-state-default {
  border: 1px solid;
}

.fc-button {
  color: inherit;
  border: 1px solid #e7eaec;
  cursor: pointer;
  display: inline-block;
  height: 1.9em;
  line-height: 1.9em;
  overflow: hidden;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}

.fc-state-active {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #ffffff;
}

.fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}

.fc-content .fc-widget-header, .fc-content .fc-widget-content {
  border-color: #e7eaec;
  font-weight: normal;
}

.fc-border-separate tbody {
  background-color: #F8F8F8;
}

.fc-state-highlight {
  background: none repeat scroll 0 0 #FCF8E3;
}

.external-event {
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
  border-radius: 2px;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  padding: 4px 6px;
  background-color: #1ab394;
  /* background color */
  border-color: #1ab394;
  /* border color */
}

.fc-event-time, .fc-event-title {
  color: #717171;
  padding: 0 1px;
}

.ui-calendar .fc-event-time, .ui-calendar .fc-event-title {
  color: #fff;
}

/* Chat */
.chat-activity-list .chat-element {
  border-bottom: 1px solid #e7eaec;
}

.chat-element:first-child {
  margin-top: 0;
}

.chat-element {
  padding-bottom: 15px;
}

.chat-element, .chat-element .media {
  margin-top: 15px;
}

.chat-element, .media-body {
  overflow: hidden;
}

.media-body {
  display: block;
  width: auto;
}

.chat-element > .pull-left {
  margin-right: 10px;
}

.chat-element img.img-circle, .dropdown-messages-box img.img-circle {
  width: 38px;
  height: 38px;
}

.chat-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}

.chat-element .actions {
  margin-top: 10px;
}

.chat-element .photos {
  margin: 10px 0;
}

.right.chat-element > .pull-right {
  margin-left: 10px;
}

.chat-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}

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

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

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

.chat li.right .chat-body {
  margin-right: 60px;
}

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

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

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

/* LIST GROUP */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
  z-index: 2;
}

.list-group-item-heading {
  margin-top: 10px;
}

.list-group-item-text {
  margin: 0 0 10px;
  color: inherit;
  font-size: 12px;
  line-height: inherit;
}

.no-padding .list-group-item {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.no-padding .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
}

.no-padding .list-group {
  margin-bottom: 0;
}

.list-group-item {
  background-color: inherit;
  border: 1px solid #e7eaec;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative;
}

.elements-list .list-group-item {
  border-left: none;
  border-right: none;
  padding: 15px 25px;
}

.elements-list .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-top: none !important;
}

.elements-list .list-group {
  margin-bottom: 0;
}

.elements-list a {
  color: inherit;
}

.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
  background: #f3f3f4;
  color: inherit;
  border-color: #e7eaec;
  /*border-bottom: 1px solid #e7eaec;*/
  /*border-top: 1px solid #e7eaec;*/
  border-radius: 0;
}

.elements-list li.active {
  transition: none;
}

.element-detail-box {
  padding: 25px;
}

/* FLOT CHART  */
.flot-chart {
  display: block;
  height: 200px;
}

.widget .flot-chart.dashboard-chart {
  display: block;
  height: 120px;
  margin-top: 40px;
}

.flot-chart.dashboard-chart {
  display: block;
  height: 180px;
  margin-top: 40px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

.flot-chart-pie-content {
  width: 200px;
  height: 200px;
  margin: auto;
}

.jqstooltip {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  visibility: hidden;
  background: #2b303a;
  background-color: rgba(43, 48, 58, 0.8);
  color: white;
  text-align: left;
  white-space: nowrap;
  z-index: 10000;
  padding: 5px 5px 5px 5px;
  min-height: 22px;
  border-radius: 3px;
}

.jqsfield {
  color: white;
  text-align: left;
}

.fh-150 {
  height: 150px;
}

.fh-200 {
  height: 200px;
}

.h-150 {
  min-height: 150px;
}

.h-200 {
  min-height: 200px;
}

.legendLabel {
  padding-left: 5px;
}

.stat-list li:first-child {
  margin-top: 0;
}

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

.stat-percent {
  float: right;
}

.stat-list li {
  margin-top: 15px;
  position: relative;
}

/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}

.dataTables_wrapper {
  padding-bottom: 30px;
}

.dataTables_length {
  float: left;
}

.dataTables_filter label {
  margin-right: 5px;
}

.html5buttons {
  float: right;
}

.html5buttons a {
  border: 1px solid #e7eaec;
  background: #fff;
  color: #000000;
  box-shadow: none;
  padding: 6px 8px;
  font-size: 12px;
}
.html5buttons a:hover, .html5buttons a:focus:active {
  background-color: #eee;
  color: inherit;
  border-color: #d2d2d2;
}

div.dt-button-info {
  z-index: 100;
}

@media (max-width: 768px) {
  .html5buttons {
    float: none;
    margin-top: 10px;
  }

  .dataTables_length {
    float: none;
  }
}
/* CIRCLE */
.img-circle {
  border-radius: 50%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}

.show-grid {
  margin: 15px 0;
}

/* ANIMATION */
.css-animation-box h1 {
  font-size: 44px;
}

.animation-efect-links a {
  padding: 4px 6px;
  font-size: 12px;
}

#animation_box {
  background-color: #f9f8f8;
  border-radius: 16px;
  width: 80%;
  margin: 0 auto;
  padding-top: 80px;
}

.animation-text-box {
  position: absolute;
  margin-top: 40px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}

.animation-text-info {
  position: absolute;
  margin-top: -60px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  font-size: 10px;
}

.animation-text-box h2 {
  font-size: 54px;
  font-weight: 600;
  margin-bottom: 5px;
}

.animation-text-box p {
  font-size: 12px;
  text-transform: uppercase;
}

/* PEACE */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #1ab394;
  position: fixed;
  z-index: 2040;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace-inactive {
  display: none;
}

/* WIDGETS */
.widget {
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.widget.style1 h2 {
  font-size: 30px;
}

.widget h2, .widget h3 {
  margin-top: 5px;
  margin-bottom: 0;
}

.widget-text-box {
  padding: 20px;
  border: 1px solid #e7eaec;
  background: #ffffff;
}

.widget-head-color-box {
  border-radius: 5px 5px 0 0;
  margin-top: 10px;
}

.widget .flot-chart {
  height: 100px;
}

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

.vertical-align h2, .vertical-align h3 {
  margin: 0;
}

.todo-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.todo-list.small-list {
  font-size: 12px;
}

.todo-list.small-list > li {
  background: #f3f3f4;
  border-left: none;
  border-right: none;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 6px 6px 6px 12px;
}

.todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs > .btn {
  border-radius: 5px;
  font-size: 10px;
  line-height: 1.5;
  padding: 1px 2px 1px 5px;
}

.todo-list > li {
  background: #f3f3f4;
  border-left: 6px solid #e7eaec;
  border-right: 6px solid #e7eaec;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 10px;
}

.todo-list .handle {
  cursor: move;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
}

.todo-list > li .label {
  font-size: 9px;
  margin-left: 10px;
}

.check-link {
  font-size: 16px;
}

.todo-completed {
  text-decoration: line-through;
}

.geo-statistic h1 {
  font-size: 36px;
  margin-bottom: 0;
}

.glyphicon.fa {
  font-family: "FontAwesome";
}

/* INPUTS */
.inline {
  display: inline-block !important;
}

.input-s-sm {
  width: 120px;
}

.input-s {
  width: 200px;
}

.input-s-lg {
  width: 250px;
}

.i-checks {
  padding-left: 0;
}

.form-control, .single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
}

.form-control:focus, .single-line:focus {
  border-color: #1ab394 !important;
}

.has-success .form-control {
  border-color: #1ab394;
}

.has-warning .form-control {
  border-color: #f8ac59;
}

.has-error .form-control {
  border-color: #ED5565;
}

.has-success .control-label {
  color: #1ab394;
}

.has-warning .control-label {
  color: #f8ac59;
}

.has-error .control-label {
  color: #ED5565;
}

.input-group-addon {
  background-color: #fff;
  border: 1px solid #E5E6E7;
  border-radius: 1px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}

.spinner-buttons.input-group-btn .btn-xs {
  line-height: 1.13;
}

.spinner-buttons.input-group-btn {
  width: 20%;
}

.noUi-connect {
  background: none repeat scroll 0 0 #1ab394;
  box-shadow: none;
}

.slider_red .noUi-connect {
  background: none repeat scroll 0 0 #ED5565;
  box-shadow: none;
}

/* UI Sortable */
.ui-sortable .ibox-title {
  cursor: move;
}

.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #e7eaec;
}

.ibox.ui-sortable-placeholder {
  margin: 0 0 23px !important;
}

/* SWITCHES */
.onoffswitch {
  position: relative;
  width: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #1AB394;
  border-radius: 3px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: 10px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 7px;
  background-color: #1AB394;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 7px;
  background-color: #FFFFFF;
  color: #919191;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 0;
  background: #FFFFFF;
  border: 2px solid #1AB394;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

/* jqGrid */
.ui-jqgrid {
  -moz-box-sizing: content-box;
}

.ui-jqgrid-btable {
  border-collapse: separate;
}

.ui-jqgrid-htable {
  border-collapse: separate;
}

.ui-jqgrid-titlebar {
  height: 40px;
  line-height: 15px;
  color: #000000;
  background-color: #F9F9F9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: 1.1em 1em 0.2em;
}

.ui-jqgrid .ui-jqgrid-titlebar {
  position: relative;
  border-left: 0 solid;
  border-right: 0 solid;
  border-top: 0 solid;
}

.ui-widget-header {
  background: none;
  background-image: none;
  background-color: #f5f5f6;
  text-transform: uppercase;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-jqgrid tr.ui-row-ltr td {
  border-right-color: inherit;
  border-right-style: solid;
  border-right-width: 1px;
  text-align: left;
  border-color: #DDDDDD;
  background-color: inherit;
}

.ui-search-toolbar input[type="text"] {
  font-size: 12px;
  height: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  line-height: 15px;
  font-weight: bold;
  color: #000000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-widget-content {
  box-sizing: content-box;
}

.ui-icon-triangle-1-n {
  background-position: 1px -16px;
}

.ui-jqgrid tr.ui-search-toolbar th {
  border-top-width: 0 !important;
  border-top-color: inherit !important;
  border-top-style: ridge !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #f5f5f5;
  border-collapse: separate;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #f2fbff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #dddddd;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}

.ui-jqgrid .ui-pg-input {
  font-size: inherit;
  width: 50px;
  border: 1px solid #CCCCCC;
  height: 15px;
}

.ui-jqgrid .ui-pg-selbox {
  display: block;
  font-size: 1em;
  height: 25px;
  line-height: 18px;
  margin: 0;
  width: auto;
}

.ui-jqgrid .ui-pager-control {
  position: relative;
}

.ui-jqgrid .ui-jqgrid-pager {
  height: 32px;
  position: relative;
}

.ui-pg-table .navtable .ui-corner-all {
  border-radius: 0;
}

.ui-jqgrid .ui-pg-button:hover {
  padding: 1px;
  border: 0;
}

.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  height: auto;
  z-index: 101;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: bold;
  display: none;
  border-width: 2px !important;
  font-size: 11px;
}

.ui-jqgrid .form-control {
  height: 10px;
  width: auto;
  display: inline;
  padding: 10px 12px;
}

.ui-jqgrid-pager {
  height: 32px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
}

.ui-widget-content {
  border: 1px solid #ddd;
}

.ui-jqgrid .ui-jqgrid-titlebar {
  padding: 0;
}

.ui-jqgrid .ui-jqgrid-titlebar {
  border-bottom: 1px solid #ddd;
}

.ui-jqgrid tr.jqgrow td {
  padding: 6px;
}

.ui-jqdialog .ui-jqdialog-titlebar {
  padding: 10px 10px;
}

.ui-jqdialog .ui-jqdialog-title {
  float: none !important;
}

.ui-jqdialog > .ui-resizable-se {
  position: absolute;
}

/* Nestable list */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-list .dd-list {
  padding-left: 30px;
}

.dd-collapsed .dd-list {
  display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}

.dd-handle {
  display: block;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  border: 1px solid #e7eaec;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dd-handle span {
  font-weight: bold;
}

.dd-handle:hover {
  background: #f0f0f0;
  cursor: pointer;
  font-weight: bold;
}

.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}

.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

.dd-item > button[data-action="collapse"]:before {
  content: '-';
}

#nestable2 .dd-item > button {
  font-family: FontAwesome;
  height: 34px;
  width: 33px;
  color: #c1c1c1;
}

#nestable2 .dd-item > button:before {
  content: "\f067";
}

#nestable2 .dd-item > button[data-action="collapse"]:before {
  content: "\f068";
}

.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd-dragel {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
}

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}

.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

/**
* Nestable Extras
*/
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

#nestable-menu {
  padding: 0;
  margin: 10px 0 20px 0;
}

#nestable-output,
#nestable2-output {
  width: 100%;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
  color: inherit;
  border: 1px dashed #e7eaec;
  background: #f3f3f4;
  padding: 10px;
}

#nestable2 .dd-handle:hover {
  /*background: #bbb;*/
}

#nestable2 span.label {
  margin-right: 10px;
}

#nestable-output,
#nestable2-output {
  font-size: 12px;
  padding: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* CodeMirror */
.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}

.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}

/* Google Maps */
.google-map {
  height: 300px;
}

/* Validation */
label.error {
  color: #cc5965;
  display: inline-block;
  margin-left: 5px;
}

.form-control.error {
  border: 1px dotted #cc5965;
}

/* ngGrid */
.gridStyle {
  border: 1px solid #d4d4d4;
  width: 100%;
  height: 400px;
}

.gridStyle2 {
  border: 1px solid #d4d4d4;
  width: 500px;
  height: 300px;
}

.ngH eaderCell {
  border-right: none;
  border-bottom: 1px solid #e7eaec;
}

.ngCell {
  border-right: none;
}

.ngTopPanel {
  background: #F5F5F6;
}

.ngRow.even {
  background: #f9f9f9;
}

.ngRow.selected {
  background: #EBF2F1;
}

.ngRow {
  border-bottom: 1px solid #e7eaec;
}

.ngCell {
  background-color: transparent;
}

.ngHeaderCell {
  border-right: none;
}

/* Toastr custom style */
#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}

#toast-container > .toast-warning:before {
  content: "\f0e7";
}

#toast-container > .toast-error:before {
  content: "\f071";
}

#toast-container > .toast-info:before {
  content: "\f005";
}

#toast-container > .toast-success:before {
  content: "\f00C";
}

#toast-container > div {
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  opacity: .9;
  -ms-filter: alpha(Opacity=90);
  filter: alpha(opacity=90);
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px #999;
  box-shadow: 0 0 4px #999;
  opacity: 1;
  -ms-filter: alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

.toast {
  background-color: #1ab394;
}

.toast-success {
  background-color: #1ab394;
}

.toast-error {
  background-color: #ED5565;
}

.toast-info {
  background-color: #23c6c8;
}

.toast-warning {
  background-color: #f8ac59;
}

.toast-top-full-width {
  margin-top: 20px;
}

.toast-bottom-full-width {
  margin-bottom: 20px;
}

/* Notifie */
.cg-notify-message.inspinia-notify {
  background: #fff;
  padding: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  border: none;
  margin-top: 30px;
  color: inherit;
}

.inspinia-notify.alert-warning {
  border-left: 6px solid #f8ac59;
}

.inspinia-notify.alert-success {
  border-left: 6px solid #1c84c6;
}

.inspinia-notify.alert-danger {
  border-left: 6px solid #ED5565;
}

.inspinia-notify.alert-info {
  border-left: 6px solid #1ab394;
}

/* Image cropper style */
.img-container, .img-preview {
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.img-preview-sm {
  height: 130px;
  width: 200px;
}

/* Forum styles  */
.forum-post-container .media {
  margin: 10px 10px 10px 10px;
  padding: 20px 10px 20px 10px;
  border-bottom: 1px solid #f1f1f1;
}

.forum-avatar {
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 110px;
}

.forum-avatar .img-circle {
  height: 48px;
  width: 48px;
}

.author-info {
  color: #000000;
  font-size: 11px;
  margin-top: 5px;
  text-align: center;
}

.forum-post-info {
  padding: 9px 12px 6px 12px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
}

.media-body > .media {
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
}

.forum-post-container .media-body .photos {
  margin: 10px 0;
}

.forum-photo {
  max-width: 140px;
  border-radius: 3px;
}

.media-body > .media .forum-avatar {
  width: 70px;
  margin-right: 10px;
}

.media-body > .media .forum-avatar .img-circle {
  height: 38px;
  width: 38px;
}

.mid-icon {
  font-size: 66px;
}

.forum-item {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px solid #f1f1f1;
}

.views-number {
  font-size: 24px;
  line-height: 18px;
  font-weight: 400;
}

.forum-container, .forum-post-container {
  padding: 30px !important;
}

.forum-item small {
  color: #999;
}

.forum-item .forum-sub-title {
  color: #999;
  margin-left: 50px;
}

.forum-title {
  margin: 15px 0 15px 0;
}

.forum-info {
  text-align: center;
}

.forum-desc {
  color: #999;
}

.forum-icon {
  float: left;
  width: 30px;
  margin-right: 20px;
  text-align: center;
}

a.forum-item-title {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 600;
}

a.forum-item-title:hover {
  color: inherit;
}

.forum-icon .fa {
  font-size: 30px;
  margin-top: 8px;
  color: #9b9b9b;
}

.forum-item.active .fa {
  color: #1ab394;
}

.forum-item.active a.forum-item-title {
  color: #1ab394;
}

@media (max-width: 992px) {
  .forum-info {
    margin: 15px 0 10px 0;
    /* Comment this is you want to show forum info in small devices */
    display: none;
  }

  .forum-desc {
    float: none !important;
  }
}
/* New Timeline style */
.vertical-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.vertical-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#vertical-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#vertical-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #f1f1f1;
}

.vertical-timeline-content .btn {
  float: right;
}

#vertical-timeline.light-timeline:before {
  background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
  border-color: transparent transparent transparent #f5f5f5;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
  background: #f5f5f5;
}

@media only screen and (min-width: 1170px) {
  #vertical-timeline.center-orientation {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  #vertical-timeline.center-orientation:before {
    left: 50%;
    margin-left: -2px;
  }
}
@media only screen and (max-width: 1170px) {
  .center-orientation.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
.vertical-timeline-block {
  position: relative;
  margin: 2em 0;
}

.vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-timeline-block:first-child {
  margin-top: 0;
}

.vertical-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-block {
    margin: 4em 0;
  }

  .center-orientation .vertical-timeline-block:first-child {
    margin-top: 0;
  }

  .center-orientation .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  border: 3px solid #f1f1f1;
  text-align: center;
}

.vertical-timeline-icon i {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -9px;
}

@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-icon {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    font-size: 19px;
  }

  .center-orientation .vertical-timeline-icon i {
    margin-left: -12px;
    margin-top: -10px;
  }

  .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
    visibility: hidden;
  }
}
.vertical-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
}

.vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-timeline-content h2 {
  font-weight: 400;
  margin-top: 4px;
}

.vertical-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
  float: left;
  font-weight: 500;
}

.vertical-date small {
  color: #1ab394;
  font-weight: 400;
}

.vertical-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
  .vertical-timeline-content h2 {
    font-size: 18px;
  }

  .vertical-timeline-content p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }

  .center-orientation .vertical-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }

  .center-orientation .vertical-timeline-content .btn {
    float: left;
  }

  .center-orientation .vertical-timeline-content .vertical-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 2px;
    font-size: 14px;
  }

  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
    float: right;
  }

  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }

  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
    float: right;
  }

  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }

  .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
}
/* Tabs */
.tabs-container .panel-body {
  background: #fff;
  border: 1px solid #e7eaec;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
  border: 1px solid #e7eaec;
  border-bottom-color: transparent;
  background-color: #fff;
}
.tabs-container .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.tabs-container .tab-pane .panel-body {
  border-top: none;
}
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
  border: 1px solid #e7eaec;
  border-bottom-color: transparent;
}
.tabs-container .nav-tabs {
  border-bottom: 1px solid #e7eaec;
}
.tabs-container .tab-pane .panel-body {
  border-top: none;
}
.tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body {
  border-top: 1px solid #e7eaec;
}
.tabs-container .nav-tabs > li a:hover {
  background: transparent;
  border-color: transparent;
}
.tabs-container .tabs-below > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs,
.tabs-container .tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tabs-container .tabs-left .panel-body {
  position: static;
}
.tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs {
  width: 20%;
}
.tabs-container .tabs-left .panel-body {
  width: 80%;
  margin-left: 20%;
}
.tabs-container .tabs-right .panel-body {
  width: 80%;
  margin-right: 20%;
}
.tabs-container .tab-content > .tab-pane,
.tabs-container .pill-content > .pill-pane {
  display: none;
}
.tabs-container .tab-content > .active,
.tabs-container .pill-content > .active {
  display: block;
}
.tabs-container .tabs-below > .nav-tabs {
  border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-container .tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-container .tabs-below > .nav-tabs > li > a:hover,
.tabs-container .tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #e7eaec;
  border-bottom-color: transparent;
}
.tabs-container .tabs-left > .nav-tabs > li,
.tabs-container .tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-container .tabs-left > .nav-tabs > li > a,
.tabs-container .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-container .tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}
.tabs-container .tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-container .tabs-left > .nav-tabs .active > a,
.tabs-container .tabs-left > .nav-tabs .active > a:hover,
.tabs-container .tabs-left > .nav-tabs .active > a:focus {
  border-color: #e7eaec transparent #e7eaec #e7eaec;
  *border-right-color: #ffffff;
}
.tabs-container .tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
}
.tabs-container .tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-container .tabs-right > .nav-tabs .active > a,
.tabs-container .tabs-right > .nav-tabs .active > a:hover,
.tabs-container .tabs-right > .nav-tabs .active > a:focus {
  border-color: #e7eaec #e7eaec #e7eaec transparent;
  *border-left-color: #ffffff;
  z-index: 1;
}

@media (max-width: 767px) {
  .tabs-container .nav-tabs > li {
    float: none !important;
  }

  .tabs-container .nav-tabs > li.active > a {
    border-bottom: 1px solid #e7eaec !important;
    margin: 0;
  }
}
/* jsvectormap */
.jvectormap-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.jvectormap-tip {
  position: absolute;
  display: none;
  border: solid 1px #CDCDCD;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 5px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #1ab394;
  padding: 3px;
  color: white;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
  width: 10px;
  height: 10px;
}

.jvectormap-zoomin {
  top: 10px;
}

.jvectormap-zoomout {
  top: 30px;
}

.jvectormap-goback {
  bottom: 10px;
  z-index: 1000;
  padding: 6px;
}

.jvectormap-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

.jvectormap-legend-cnt {
  position: absolute;
}

.jvectormap-legend-cnt-h {
  bottom: 0;
  right: 0;
}

.jvectormap-legend-cnt-v {
  top: 0;
  right: 0;
}

.jvectormap-legend {
  background: black;
  color: white;
  border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
  float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
  margin: 10px 10px 0 0;
  padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
  width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
  height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.jvectormap-legend-tick-text {
  font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
  text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding-left: 3px;
}

/*Slick Carousel */
.slick-prev:before,
.slick-next:before {
  color: #1ab394 !important;
}

/* Payments */
.payment-card {
  background: #ffffff;
  padding: 20px;
  margin-bottom: 25px;
  border: 1px solid #e7eaec;
}

.payment-icon-big {
  font-size: 60px;
  color: #D1DADE;
}

.payments-method.panel-group .panel + .panel {
  margin-top: -1px;
}

.payments-method .panel-heading {
  padding: 15px;
}

.payments-method .panel {
  border-radius: 0;
}

.payments-method .panel-heading h5 {
  margin-bottom: 5px;
}

.payments-method .panel-heading i {
  font-size: 26px;
}

/* Select2 custom styles */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: #e7eaec;
}

/* Tour */
.tour-tour .btn.btn-default {
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
  color: inherit;
}

.tour-step-backdrop {
  z-index: 2101;
}

.tour-backdrop {
  z-index: 2100;
  opacity: .7;
}

.popover[class*=tour-] {
  z-index: 2100;
}

body.tour-open .animated {
  animation-fill-mode: initial;
}

.sidebard-panel {
  width: 220px;
  background: #ebebed;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}

.sidebard-panel .feed-element img.img-circle {
  width: 32px;
  height: 32px;
}

.sidebard-panel .feed-element, .media-body, .sidebard-panel p {
  font-size: 12px;
}

.sidebard-panel .feed-element {
  margin-top: 20px;
  padding-bottom: 0;
}

.sidebard-panel .list-group {
  margin-bottom: 10px;
}

.sidebard-panel .list-group .list-group-item {
  padding: 5px 0;
  font-size: 12px;
  border: 0;
}

.sidebar-content .wrapper, .wrapper.sidebar-content {
  padding-right: 230px !important;
}

.body-small .sidebar-content .wrapper, .body-small .wrapper.sidebar-content {
  padding-right: 20px !important;
}

#right-sidebar {
  background-color: #fff;
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  overflow: hidden;
  position: fixed;
  top: 60px;
  width: 260px !important;
  z-index: 1009;
  bottom: 0;
  right: -260px;
}

#right-sidebar.sidebar-open {
  right: 0;
}

#right-sidebar.sidebar-open.sidebar-top {
  top: 0;
  border-top: none;
}

.sidebar-container ul.nav-tabs {
  border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
  width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
  width: 33.3333%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
  width: 50%;
}
.sidebar-container ul.nav-tabs li {
  border: none;
}
.sidebar-container ul.nav-tabs li a {
  border: none;
  padding: 12px 10px;
  margin: 0;
  border-radius: 0;
  background: #2F4050;
  color: #fff;
  text-align: center;
  border-right: 1px solid #334556;
}
.sidebar-container ul.nav-tabs li.active a {
  border: none;
  background: #f9f9f9;
  color: #000000;
  font-weight: bold;
}
.sidebar-container .nav-tabs > li.active > a:hover,
.sidebar-container .nav-tabs > li.active > a:focus {
  border: none;
}
.sidebar-container ul.sidebar-list {
  margin: 0;
  padding: 0;
}
.sidebar-container ul.sidebar-list li {
  border-bottom: 1px solid #e7eaec;
  padding: 15px 20px;
  list-style: none;
  font-size: 12px;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
  background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-content {
  padding: 15px 20px;
  font-size: 12px;
}
.sidebar-container .sidebar-title {
  background: #f9f9f9;
  padding: 20px;
  border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
  margin-bottom: 3px;
  padding-left: 2px;
}
.sidebar-container .tab-content h4 {
  margin-bottom: 5px;
}
.sidebar-container .sidebar-message > a > .pull-left {
  margin-right: 10px;
}
.sidebar-container .sidebar-message > a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-message {
  padding: 15px 20px;
}
.sidebar-container .sidebar-message .message-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.sidebar-container .setings-item {
  padding: 15px 20px;
  border-bottom: 1px solid #e7eaec;
}

body {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #2f4050;
  font-size: 13px;
  color: #000000;
  overflow-x: hidden;
}

html, body {
  height: 100%;
}

body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
  height: 100%;
}

#page-wrapper {
  min-height: auto;
}

body.boxed-layout {
  background: url("patterns/shattered.png");
}

body.boxed-layout #wrapper {
  background-color: #2f4050;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}

.top-navigation.boxed-layout #wrapper,
.boxed-layout #wrapper.top-navigation {
  max-width: 1300px !important;
}

.block {
  display: block;
}

.clear {
  display: block;
  overflow: hidden;
}

a {
  cursor: pointer;
}

a:hover, a:focus {
  text-decoration: none;
}

.border-bottom {
  border-bottom: 1px solid #e7eaec !important;
}

.font-bold {
  font-weight: 600;
}

.font-noraml {
  font-weight: 400;
}

.text-uppercase {
  text-transform: uppercase;
}

.b-r {
  border-right: 1px solid #e7eaec;
}

.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}

.hr-line-solid {
  border-bottom: 1px solid #e7eaec;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid !important;
  margin-top: 15px;
  margin-bottom: 15px;
}

video {
  width: 100% !important;
  height: auto !important;
}

/* GALLERY */
.gallery > .row > div {
  margin-bottom: 15px;
}

.fancybox img {
  margin-bottom: 5px;
  /* Only for demo */
  width: 24%;
}

/* Summernote text editor  */
.note-editor {
  height: auto !important;
  min-height: 300px;
}

.note-editor.fullscreen {
  z-index: 2050;
}

/* MODAL */
.modal-content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;
}

.modal-dialog {
  z-index: 2200;
}

.modal-body {
  padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
  background: #f8fafb;
}

.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
}

.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.inmodal .modal-title {
  font-size: 26px;
}

.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}

.modal-footer {
  margin-top: 0;
}

/* WRAPPERS */
#wrapper {
  width: 100%;
  overflow-x: hidden;
}

.wrapper {
  padding: 0 20px;
}

.wrapper-content {
  padding: 20px 10px 40px;
}

#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  position: relative !important;
}

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 240px;
    min-height: 2002px;
  }
}
.title-action {
  text-align: right;
  padding-top: 30px;
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5,
.ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
  margin-top: 5px;
}

ul.unstyled, ol.unstyled {
  list-style: none outside none;
  margin-left: 0;
}

.big-icon {
  font-size: 160px !important;
  color: #e5e6e7;
}

/* FOOTER */
.footer {
  background: none repeat scroll 0 0 white;
  border-top: 1px solid #e7eaec;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}

.footer.fixed_full {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #e7eaec;
}

.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #e7eaec;
  margin-left: 220px;
}

body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 70px;
}

body.mini-navbar.canvas-menu .footer.fixed,
body.canvas-menu .footer.fixed {
  margin: 0 !important;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 220px;
}

body.body-small .footer.fixed {
  margin-left: 0;
}

/* PANELS */
.page-heading {
  border-top: 0;
  padding: 0 10px 20px 10px;
}

.panel-heading h1, .panel-heading h2 {
  margin-bottom: 5px;
}

/* TABLES */
.table-bordered {
  border: 1px solid #EBEBEB;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  background-color: #F5F5F6;
  border-bottom-width: 1px;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #e7e7e7;
}

.table > thead > tr > th {
  border-bottom: 1px solid #DDDDDD;
  vertical-align: bottom;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #e7eaec;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}

/* PANELS */
.panel.blank-panel {
  background: none;
  margin: 0;
}

.blank-panel .panel-heading {
  padding-bottom: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none;
  border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
  border-bottom: #f3f3f4;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555555;
  cursor: default;
}

.nav.nav-tabs li {
  background: none;
  border: none;
}

.nav-tabs > li > a {
  color: #A7B1C2;
  font-weight: 600;
  padding: 10px 20px 10px 25px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background-color: #e6e6e6;
  color: #000000;
}

.ui-tab .tab-content {
  padding: 20px 0;
}

/* GLOBAL  */
.no-padding {
  padding: 0 !important;
}

.no-borders {
  border: none !important;
}

.no-margins {
  margin: 0 !important;
}

.no-top-border {
  border-top: 0 !important;
}

.ibox-content.text-box {
  padding-bottom: 0;
  padding-top: 15px;
}

.border-left-right {
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}

.border-left {
  border-left: 1px solid #e7eaec;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

.border-right {
  border-left: none;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}

.full-width {
  width: 100% !important;
}

.link-block {
  font-size: 12px;
  padding: 10px;
}

.nav.navbar-top-links .link-block a {
  font-size: 12px;
}

.link-block a {
  font-size: 10px;
  color: inherit;
}

body.mini-navbar .branding {
  display: none;
}

img.circle-border {
  border: 6px solid #FFFFFF;
  border-radius: 50%;
}

.branding {
  float: left;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  padding: 17px 20px;
  text-align: center;
  background-color: #1ab394;
}

.login-panel {
  margin-top: 25%;
}

.icons-box h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.icons-box .infont a i {
  font-size: 25px;
  display: block;
  color: #000000;
}

.icons-box .infont a {
  color: #a6a8a9;
}

.icons-box .infont a {
  padding: 10px;
  margin: 1px;
  display: block;
}

.ui-draggable .ibox-title {
  cursor: move;
}

.breadcrumb {
  background-color: #ffffff;
  padding: 0;
  margin-bottom: 0;
}

.breadcrumb > li a {
  color: inherit;
}

.breadcrumb > .active {
  color: inherit;
}

code {
  background-color: #F9F2F4;
  border-radius: 4px;
  color: #ca4440;
  font-size: 90%;
  padding: 2px 4px;
  white-space: nowrap;
}

.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}

.ibox.collapsed .ibox-content {
  display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}

.ibox:after, .ibox:before {
  display: table;
}

.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}

.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

table.table-mail tr td {
  padding: 12px;
}

.table-mail .check-mail {
  padding-left: 20px;
}

.table-mail .mail-date {
  padding-right: 20px;
}

.star-mail, .check-mail {
  width: 40px;
}

.unread td a, .unread td {
  font-weight: 600;
  color: inherit;
}

.read td a, .read td {
  font-weight: normal;
  color: inherit;
}

.unread td {
  background-color: #f9f8f8;
}

.ibox-content {
  clear: both;
}

.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}

.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}

.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}

.ibox-title .label {
  float: left;
  margin-left: 4px;
}

.ibox-tools {
  display: block;
  float: none;
  margin-top: 0;
  position: relative;
  padding: 0;
  text-align: right;
}

.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}

.ibox-tools a.btn-primary {
  color: #fff;
}

.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}

.ibox .ibox-tools.open > .dropdown-menu {
  left: auto;
  right: 0;
}

/* BACKGROUNDS */
.gray-bg {
  background-color: #f3f3f4;
}

.white-bg {
  background-color: #ffffff;
}

.navy-bg {
  background-color: #1ab394;
  color: #ffffff;
}

.blue-bg {
  background-color: #1c84c6;
  color: #ffffff;
}

.lazur-bg {
  background-color: #23c6c8;
  color: #ffffff;
}

.yellow-bg {
  background-color: #f8ac59;
  color: #ffffff;
}

.red-bg {
  background-color: #ED5565;
  color: #ffffff;
}

.black-bg {
  background-color: #262626;
}

.panel-primary {
  border-color: #1ab394;
}

.panel-primary > .panel-heading {
  background-color: #1ab394;
  border-color: #1ab394;
}

.panel-success {
  border-color: #1c84c6;
}

.panel-success > .panel-heading {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #ffffff;
}

.panel-info {
  border-color: #23c6c8;
}

.panel-info > .panel-heading {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #ffffff;
}

.panel-warning {
  border-color: #f8ac59;
}

.panel-warning > .panel-heading {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #ffffff;
}

.panel-danger {
  border-color: #ED5565;
}

.panel-danger > .panel-heading {
  background-color: #ED5565;
  border-color: #ED5565;
  color: #ffffff;
}

.progress-bar {
  background-color: #1ab394;
}

.progress-small, .progress-small .progress-bar {
  height: 10px;
}

.progress-small, .progress-mini {
  margin-top: 5px;
}

.progress-mini, .progress-mini .progress-bar {
  height: 5px;
  margin-bottom: 0;
}

.progress-bar-navy-light {
  background-color: #3dc7ab;
}

.progress-bar-success {
  background-color: #1c84c6;
}

.progress-bar-info {
  background-color: #23c6c8;
}

.progress-bar-warning {
  background-color: #f8ac59;
}

.progress-bar-danger {
  background-color: #ED5565;
}

.panel-title {
  font-size: inherit;
}

.jumbotron {
  border-radius: 6px;
  padding: 40px;
}

.jumbotron h1 {
  margin-top: 0;
}

/* COLORS */
.text-navy {
  color: #1ab394;
}

.text-primary {
  color: inherit;
}

.text-success {
  color: #1c84c6;
}

.text-info {
  color: #23c6c8;
}

.text-warning {
  color: #f8ac59;
}

.text-danger {
  color: #ED5565;
}

.text-muted {
  color: #888888;
}

.text-white {
  color: #ffffff;
}

.simple_tag {
  background-color: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 2px;
  color: inherit;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 5px;
  padding: 5px 12px;
  display: inline-block;
}

.img-shadow {
  -webkit-box-shadow: 0 0 3px 0 #919191;
  -moz-box-shadow: 0 0 3px 0 #919191;
  box-shadow: 0 0 3px 0 #919191;
}

/* For handle diferent bg color in AngularJS version */
.dashboards\.dashboard_2 nav.navbar,
.dashboards\.dashboard_3 nav.navbar,
.mailbox\.inbox nav.navbar,
.mailbox\.email_view nav.navbar,
.mailbox\.email_compose nav.navbar,
.dashboards\.dashboard_4_1 nav.navbar,
.metrics nav.navbar, .metrics\.index nav.navbar,
.dashboards\.dashboard_5 nav.navbar {
  background: #fff;
}

/* For handle diferent bg color in MVC version */
.Dashboard_2 .navbar.navbar-static-top,
.Dashboard_3 .navbar.navbar-static-top,
.Dashboard_4_1 .navbar.navbar-static-top,
.ComposeEmail .navbar.navbar-static-top,
.EmailView .navbar.navbar-static-top,
.Inbox .navbar.navbar-static-top,
.Metrics .navbar.navbar-static-top,
.Dashboard_5 .navbar.navbar-static-top {
  background: #fff;
}

a.close-canvas-menu {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 1011;
  color: #a7b1c2;
}

a.close-canvas-menu:hover {
  color: #fff;
}

.close-canvas-menu {
  display: none;
}

.canvas-menu .close-canvas-menu {
  display: block;
}

.light-navbar .navbar.navbar-static-top {
  background-color: #fff;
}

/* FULL HEIGHT */
.full-height {
  height: 100%;
}

.fh-breadcrumb {
  height: calc(100% - 196px);
  margin: 0 -15px;
  position: relative;
}

.fh-no-breadcrumb {
  height: calc(100% - 99px);
  margin: 0 -15px;
  position: relative;
}

.fh-column {
  background: #fff;
  height: 100%;
  width: 240px;
  float: left;
}

.modal-backdrop {
  z-index: 2040;
  /* Modificado */
}

.modal {
  z-index: 2050;
  /* Modificado */
}

.spiner-example {
  height: 200px;
  padding-top: 70px;
}

/* MARGINS & PADDINGS */
.p-xxs {
  padding: 5px;
}

.p-xs {
  padding: 10px;
}

.p-sm {
  padding: 15px;
}

.p-m {
  padding: 20px;
}

.p-md {
  padding: 25px;
}

.p-lg {
  padding: 30px;
}

.p-xl {
  padding: 40px;
}

.p-w-xs {
  padding: 0 10px;
}

.p-w-sm {
  padding: 0 15px;
}

.p-w-m {
  padding: 0 20px;
}

.p-w-md {
  padding: 0 25px;
}

.p-w-lg {
  padding: 0 30px;
}

.p-w-xl {
  padding: 0 40px;
}

.m-xxs {
  margin: 2px 4px;
}

.m-xs {
  margin: 5px;
}

.m-sm {
  margin: 10px;
}

.m {
  margin: 15px;
}

.m-md {
  margin: 20px;
}

.m-lg {
  margin: 30px;
}

.m-xl {
  margin: 50px;
}

.m-n {
  margin: 0 !important;
}

.m-l-none {
  margin-left: 0;
}

.m-l-xs {
  margin-left: 5px;
}

.m-l-sm {
  margin-left: 10px;
}

.m-l {
  margin-left: 15px;
}

.m-l-md {
  margin-left: 20px;
}

.m-l-lg {
  margin-left: 30px;
}

.m-l-xl {
  margin-left: 40px;
}

.m-l-n-xxs {
  margin-left: -1px;
}

.m-l-n-xs {
  margin-left: -5px;
}

.m-l-n-sm {
  margin-left: -10px;
}

.m-l-n {
  margin-left: -15px;
}

.m-l-n-md {
  margin-left: -20px;
}

.m-l-n-lg {
  margin-left: -30px;
}

.m-l-n-xl {
  margin-left: -40px;
}

.m-t-none {
  margin-top: 0;
}

.m-t-xxs {
  margin-top: 1px;
}

.m-t-xs {
  margin-top: 5px;
}

.m-t-sm {
  margin-top: 10px;
}

.m-t {
  margin-top: 15px;
}

.m-t-md {
  margin-top: 20px;
}

.m-t-lg {
  margin-top: 30px;
}

.m-t-xl {
  margin-top: 40px;
}

.m-t-n-xxs {
  margin-top: -1px;
}

.m-t-n-xs {
  margin-top: -5px;
}

.m-t-n-sm {
  margin-top: -10px;
}

.m-t-n {
  margin-top: -15px;
}

.m-t-n-md {
  margin-top: -20px;
}

.m-t-n-lg {
  margin-top: -30px;
}

.m-t-n-xl {
  margin-top: -40px;
}

.m-r-none {
  margin-right: 0;
}

.m-r-xxs {
  margin-right: 1px;
}

.m-r-xs {
  margin-right: 5px;
}

.m-r-sm {
  margin-right: 10px;
}

.m-r {
  margin-right: 15px;
}

.m-r-md {
  margin-right: 20px;
}

.m-r-lg {
  margin-right: 30px;
}

.m-r-xl {
  margin-right: 40px;
}

.m-r-n-xxs {
  margin-right: -1px;
}

.m-r-n-xs {
  margin-right: -5px;
}

.m-r-n-sm {
  margin-right: -10px;
}

.m-r-n {
  margin-right: -15px;
}

.m-r-n-md {
  margin-right: -20px;
}

.m-r-n-lg {
  margin-right: -30px;
}

.m-r-n-xl {
  margin-right: -40px;
}

.m-b-none {
  margin-bottom: 0;
}

.m-b-xxs {
  margin-bottom: 1px;
}

.m-b-xs {
  margin-bottom: 5px;
}

.m-b-sm {
  margin-bottom: 10px;
}

.m-b {
  margin-bottom: 15px;
}

.m-b-md {
  margin-bottom: 20px;
}

.m-b-lg {
  margin-bottom: 30px;
}

.m-b-xl {
  margin-bottom: 40px;
}

.m-b-n-xxs {
  margin-bottom: -1px;
}

.m-b-n-xs {
  margin-bottom: -5px;
}

.m-b-n-sm {
  margin-bottom: -10px;
}

.m-b-n {
  margin-bottom: -15px;
}

.m-b-n-md {
  margin-bottom: -20px;
}

.m-b-n-lg {
  margin-bottom: -30px;
}

.m-b-n-xl {
  margin-bottom: -40px;
}

.space-15 {
  margin: 15px 0;
}

.space-20 {
  margin: 20px 0;
}

.space-25 {
  margin: 25px 0;
}

.space-30 {
  margin: 30px 0;
}

.fullscreen-ibox-mode .animated {
  animation: none;
}

body.fullscreen-ibox-mode {
  overflow-y: hidden;
}

.ibox.fullscreen {
  z-index: 2030;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  margin-bottom: 0;
}

.ibox.fullscreen .collapse-link {
  display: none;
}

.ibox.fullscreen .ibox-content {
  min-height: calc(100% - 48px);
}

body.modal-open {
  padding-right: inherit !important;
}

body.modal-open .animated {
  animation-fill-mode: initial;
  z-index: inherit;
}

/* Show profile dropdown on fixed sidebar */
body.mini-navbar.fixed-sidebar .profile-element, .block {
  display: block !important;
}

body.mini-navbar.fixed-sidebar .nav-header {
  padding: 33px 25px;
}

body.mini-navbar.fixed-sidebar .logo-element {
  display: none;
}

.fullscreen-video .animated {
  animation: none;
}

/* SEARCH PAGE */
.search-form {
  margin-top: 10px;
}

.search-result h3 {
  margin-bottom: 0;
  color: #1E0FBE;
}

.search-result .search-link {
  color: #006621;
}

.search-result p {
  font-size: 12px;
  margin-top: 5px;
}

/* CONTACTS */
.contact-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  padding: 20px;
  margin-bottom: 20px;
}

.contact-box > a {
  color: inherit;
}

.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}

.contact-box.center-version > a {
  display: block;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}

.contact-box.center-version > a img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact-box.center-version address {
  margin-bottom: 0;
}

.contact-box .contact-box-footer {
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #e7eaec;
  padding: 15px 20px;
}

/* INVOICE */
.invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(4), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(2) {
  text-align: right;
}

.invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(4), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(2) {
  text-align: right;
}

.invoice-total > tbody > tr > td:first-child {
  text-align: right;
}

.invoice-total > tbody > tr > td {
  border: 0 none;
}

.invoice-total > tbody > tr > td:last-child {
  border-bottom: 1px solid #DDDDDD;
  text-align: right;
  width: 15%;
}

/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
  max-width: 400px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}

.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}

.loginscreen.middle-box {
  width: 300px;
}

.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}

.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}

.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0;
}

.middle-box h1 {
  font-size: 170px;
}

.wrapper .middle-box {
  margin-top: 140px;
}

.lock-word {
  z-index: 10;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -470px;
}

.lock-word span {
  font-size: 100px;
  font-weight: 600;
  color: #e9e9e9;
  display: inline-block;
}

.lock-word .first-word {
  margin-right: 160px;
}

/* DASBOARD */
.dashboard-header {
  border-top: 0;
  padding: 20px 20px 20px 20px;
}

.dashboard-header h2 {
  margin-top: 10px;
  font-size: 26px;
}

.fist-item {
  border-top: none !important;
}

.statistic-box {
  margin-top: 40px;
}

.dashboard-header .list-group-item span.label {
  margin-right: 10px;
}

.list-group.clear-list .list-group-item {
  border-top: 1px solid #e7eaec;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  padding: 10px 0;
}

ul.clear-list:first-child {
  border-top: none !important;
}

/* Intimeline */
.timeline-item .date i {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  width: 30px;
  text-align: center;
  border-top: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  background: #f8f8f8;
}

.timeline-item .date {
  text-align: right;
  width: 110px;
  position: relative;
  padding-top: 30px;
}

.timeline-item .content {
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  padding-top: 10px;
  min-height: 100px;
}

.timeline-item .content:hover {
  background: #f6f6f6;
}

/* PIN BOARD */
ul.notes li, ul.tag-list li {
  list-style: none;
}

ul.notes li h4 {
  margin-top: 20px;
  font-size: 16px;
}

ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  position: relative;
}

ul.notes li div small {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
}

ul.notes li div a {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: inherit;
}

ul.notes li {
  margin: 10px 40px 50px 0;
  float: left;
}

ul.notes li div p {
  font-size: 12px;
}

ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  /* Firefox */
  -moz-box-shadow: 5px 5px 2px #212121;
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
  /* Opera */
  box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}

ul.notes li div {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}

ul.notes li:nth-child(even) div {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
}

ul.notes li:nth-child(3n) div {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
}

ul.notes li:nth-child(5n) div {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}

ul.notes li div:hover, ul.notes li div:focus {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  position: relative;
  z-index: 5;
}

ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 210px;
  width: 210px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform .15s linear;
  -o-transition: -o-transform .15s linear;
  -webkit-transition: -webkit-transform .15s linear;
}

/* FILE MANAGER */
.file-box {
  float: left;
  width: 220px;
}

.file-manager h5 {
  text-transform: uppercase;
}

.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}

.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}

.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}

.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}

.category-list li {
  display: block;
}

.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}

.category-list li a .text-navy {
  color: #1ab394;
}

.category-list li a .text-primary {
  color: #1c84c6;
}

.category-list li a .text-info {
  color: #23c6c8;
}

.category-list li a .text-danger {
  color: #EF5352;
}

.category-list li a .text-warning {
  color: #F8AC59;
}

.file-manager h5.tag-title {
  margin-top: 20px;
}

.tag-list li {
  float: left;
}

.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}

.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}

.file-manager .hr-line-dashed {
  margin: 15px 0;
}

.file .icon, .file .image {
  height: 100px;
  overflow: hidden;
}

.file .icon {
  padding: 15px 10px;
  text-align: center;
}

.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}

.file-control.active {
  text-decoration: underline;
}

.file .icon i {
  font-size: 70px;
  color: #dadada;
}

.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}

.file-name small {
  color: #000000;
}

.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}

a.compose-mail {
  padding: 8px 10px;
}

.mail-search {
  max-width: 300px;
}

/* PROFILE */
.profile-content {
  border-top: none !important;
}

.profile-stats {
  margin-right: 10px;
}

.profile-image {
  width: 120px;
  float: left;
}

.profile-image img {
  width: 96px;
  height: 96px;
}

.profile-info {
  margin-left: 120px;
}

.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}

.feed-element:first-child {
  margin-top: 0;
}

.feed-element {
  padding-bottom: 15px;
}

.feed-element, .feed-element .media {
  margin-top: 15px;
}

.feed-element, .media-body {
  overflow: hidden;
}

.feed-element > .pull-left {
  margin-right: 10px;
}

.feed-element img.img-circle, .dropdown-messages-box img.img-circle {
  width: 38px;
  height: 38px;
}

.feed-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}

.feed-element .actions {
  margin-top: 10px;
}

.feed-element .photos {
  margin: 10px 0;
}

.feed-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}

.file-list li {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-bottom: 5px;
}

.file-list li a {
  color: inherit;
}

.file-list li a:hover {
  color: #1ab394;
}

.user-friends img {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
  margin-right: 5px;
}

/* MAILBOX */
.mail-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-top: 0;
  padding: 0;
  margin-bottom: 20px;
}

.mail-box-header {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-bottom: 0;
  padding: 30px 20px 20px 20px;
}

.mail-box-header h2 {
  margin-top: 0;
}

.mailbox-content .tag-list li a {
  background: #ffffff;
}

.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px;
}

.mail-text {
  border-top: 1px solid #e7eaec;
}

.mail-text .note-toolbar {
  padding: 10px 15px;
}

.mail-body .form-group {
  margin-bottom: 5px;
}

.mail-text .note-editor .note-toolbar {
  background-color: #F9F8F8;
}

.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px;
}

.mailbox-content {
  background: none;
  border: none;
  padding: 10px;
}

.mail-ontact {
  width: 23%;
}

/* PROJECTS */
.project-people, .project-actions {
  text-align: right;
  vertical-align: middle;
}

dd.project-people {
  text-align: left;
  margin-top: 5px;
}

.project-people img {
  width: 32px;
  height: 32px;
}

.project-title a {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}

.project-list table tr td {
  border-top: none;
  border-bottom: 1px solid #e7eaec;
  padding: 15px 10px;
  vertical-align: middle;
}

.project-manager .tag-list li a {
  font-size: 10px;
  background-color: white;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}

.project-files li a {
  font-size: 11px;
  color: #000000;
  margin-left: 10px;
  line-height: 22px;
}

/* FAQ */
.faq-item {
  padding: 20px;
  margin-bottom: 2px;
  background: #fff;
}

.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #1ab394;
  display: block;
}

.faq-question:hover {
  color: #179d82;
}

.faq-answer {
  margin-top: 10px;
  background: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  padding: 15px;
}

.faq-item .tag-item {
  background: #f3f3f4;
  padding: 2px 6px;
  font-size: 10px;
  text-transform: uppercase;
}

/* Chat view */
.message-input {
  height: 90px !important;
}

.chat-avatar {
  white: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}

.chat-user-name {
  padding: 10px;
}

.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}

.chat-user a {
  color: inherit;
}

.chat-view {
  z-index: 20012;
}

.chat-users, .chat-statistic {
  margin-left: -30px;
}

@media (max-width: 992px) {
  .chat-users, .chat-statistic {
    margin-left: 0;
  }
}
.chat-view .ibox-content {
  padding: 0;
}

.chat-message {
  padding: 10px 20px;
}

.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 4px;
  margin-top: 1px;
}

.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
}

.chat-discussion .chat-message.right .message-avatar {
  float: right;
  margin-left: 10px;
}

.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}

.chat-discussion .chat-message.left .message-date {
  float: right;
}

.chat-discussion .chat-message.right .message-date {
  float: left;
}

.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}

.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-right: 55px;
}

.message-date {
  font-size: 10px;
  color: #888888;
}

.message-content {
  display: block;
}

.chat-discussion {
  background: #eee;
  padding: 15px;
  height: 400px;
  overflow-y: auto;
}

.chat-users {
  overflow-y: auto;
  height: 400px;
}

.chat-message-form .form-group {
  margin-bottom: 0;
}

/* jsTree */
.jstree-open > .jstree-anchor > .fa-folder:before {
  content: "\f07c";
}

.jstree-default .jstree-icon.none {
  width: 0;
}

/* CLIENTS */
.clients-list {
  margin-top: 20px;
}

.clients-list .tab-pane {
  position: relative;
  height: 600px;
}

.client-detail {
  position: relative;
  height: 620px;
}

.clients-list table tr td {
  height: 46px;
  vertical-align: middle;
  border: none;
}

.client-link {
  font-weight: 600;
  color: inherit;
}

.client-link:hover {
  color: inherit;
}

.client-avatar {
  width: 42px;
}

.client-avatar img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.contact-type {
  width: 20px;
  color: #c1c3c4;
}

.client-status {
  text-align: left;
}

.client-detail .vertical-timeline-content p {
  margin: 0;
}

.client-detail .vertical-timeline-icon.gray-bg {
  color: #a7aaab;
}

.clients-list .nav-tabs > li.active > a, .clients-list .nav-tabs > li.active > a:hover, .clients-list .nav-tabs > li.active > a:focus {
  border-bottom: 1px solid #fff;
}

/* BLOG ARTICLE */
.blog h2 {
  font-weight: 700;
}

.blog h5 {
  margin: 0 0 5px 0;
}

.blog .btn {
  margin: 0 0 5px 0;
}

.article h1 {
  font-size: 48px;
  font-weight: 700;
  color: #2F4050;
}

.article p {
  font-size: 15px;
  line-height: 26px;
}

.article-title {
  text-align: center;
  margin: 40px 0 100px 0;
}

.article .ibox-content {
  padding: 40px;
}

/* ISSUE TRACKER */
.issue-tracker .btn-link {
  color: #1ab394;
}

table.issue-tracker tbody tr td {
  vertical-align: middle;
  height: 50px;
}

.issue-info {
  width: 50%;
}

.issue-info a {
  font-weight: 600;
  color: #000000;
}

.issue-info small {
  display: block;
}

/* TEAMS */
.team-members {
  margin: 10px 0;
}

.team-members img.img-circle {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
}

/* AGILE BOARD */
.sortable-list {
  padding: 10px 0;
}

.agile-list {
  list-style: none;
  margin: 0;
}

.agile-list li {
  background: #FAFAFB;
  border: 1px solid #e7eaec;
  margin: 0 0 10px 0;
  padding: 10px;
  border-radius: 2px;
}

.agile-list li:hover {
  cursor: pointer;
  background: #fff;
}

.agile-list li.warning-element {
  border-left: 3px solid #f8ac59;
}

.agile-list li.danger-element {
  border-left: 3px solid #ED5565;
}

.agile-list li.info-element {
  border-left: 3px solid #1c84c6;
}

.agile-list li.success-element {
  border-left: 3px solid #1ab394;
}

.agile-detail {
  margin-top: 5px;
  font-size: 12px;
}

/* DIFF */
ins {
  background-color: #c6ffc6;
  text-decoration: none;
}

del {
  background-color: #ffc6c6;
}

/* E-commerce */
.product-box {
  padding: 0;
  border: 1px solid #e7eaec;
}

.product-box:hover,
.product-box.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
  -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
  box-shadow: 0 3px 7px 0 #a8a8a8;
}

.product-imitation {
  text-align: center;
  padding: 90px 0;
  background-color: #f8f8f9;
  color: #bebec3;
  font-weight: 600;
}

.cart-product-imitation {
  text-align: center;
  padding-top: 30px;
  height: 80px;
  width: 80px;
  background-color: #f8f8f9;
}

.product-imitation.xl {
  padding: 120px 0;
}

.product-desc {
  padding: 20px;
  position: relative;
}

.ecommerce .tag-list {
  padding: 0;
}

.ecommerce .fa-star {
  color: #D1DADE;
}

.ecommerce .fa-star.active {
  color: #f8ac59;
}

.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}

table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: right;
}
table.shoping-cart-table tr td.desc, table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}

.product-name {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  display: block;
  margin: 2px 0 5px 0;
}

.product-name:hover,
.product-name:focus {
  color: #1ab394;
}

.product-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1ab394;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  right: 0;
}

.product-detail .ibox-content {
  padding: 30px 30px 50px 30px;
}

.image-imitation {
  background-color: #f8f8f9;
  text-align: center;
  padding: 200px 0;
}

.product-main-price small {
  font-size: 10px;
}

.product-images {
  margin: 0 20px;
}

/* Social feed */
.social-feed-separated .social-feed-box {
  margin-left: 62px;
}

.social-feed-separated .social-avatar {
  float: left;
  padding: 0;
}

.social-feed-separated .social-avatar img {
  width: 52px;
  height: 52px;
  border: 1px solid #e7eaec;
}

.social-feed-separated .social-feed-box .social-avatar {
  padding: 15px 15px 0 15px;
  float: none;
}

.social-feed-box {
  /*padding: 15px;*/
  border: 1px solid #e7eaec;
  background: #fff;
  margin-bottom: 15px;
}

.article .social-feed-box {
  margin-bottom: 0;
  border-bottom: none;
}

.article .social-feed-box:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid #e7eaec;
}

.article .social-feed-box p {
  font-size: 13px;
  line-height: 18px;
}

.social-action {
  margin: 15px;
}

.social-avatar {
  padding: 15px 15px 0 15px;
}

.social-comment .social-comment {
  margin-left: 45px;
}

.social-avatar img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
}

.social-avatar .media-body a {
  font-size: 14px;
  display: block;
}

.social-body {
  padding: 15px;
}

.social-body img {
  margin-bottom: 10px;
}

.social-footer {
  border-top: 1px solid #e7eaec;
  padding: 10px 15px;
  background: #f9f9f9;
}

.social-footer .social-comment img {
  width: 32px;
  margin-right: 10px;
}

.social-comment:first-child {
  margin-top: 0;
}

.social-comment {
  margin-top: 15px;
}

.social-comment textarea {
  font-size: 12px;
}

/* Vote list */
.vote-item {
  padding: 20px 25px;
  background: #ffffff;
  border-top: 1px solid #e7eaec;
}

.vote-item:last-child {
  border-bottom: 1px solid #e7eaec;
}

.vote-item:hover {
  background: #fbfbfb;
}

.vote-actions {
  float: left;
  width: 30px;
  margin-right: 15px;
  text-align: center;
}

.vote-actions a {
  color: #1ab394;
  font-weight: 600;
}

.vote-actions {
  font-weight: 600;
}

.vote-title {
  display: block;
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 2px;
}

.vote-title:hover, .vote-title:focus {
  color: inherit;
}

.vote-info, .vote-title {
  margin-left: 45px;
}

.vote-info, .vote-info a {
  color: #b4b6b8;
  font-size: 12px;
}

.vote-info a {
  margin-right: 10px;
}

.vote-info a:hover {
  color: #1ab394;
}

.vote-icon {
  text-align: right;
  font-size: 38px;
  display: block;
  color: #e8e9ea;
}

.vote-icon.active {
  color: #1ab394;
}

body.body-small .vote-icon {
  display: none;
}

.lightBoxGallery {
  text-align: center;
}

.lightBoxGallery img {
  margin: 5px;
}

#small-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}

#small-chat .badge {
  position: absolute;
  top: -3px;
  right: -4px;
}

.open-small-chat {
  height: 38px;
  width: 38px;
  display: block;
  background: #1ab394;
  padding: 9px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}

.open-small-chat:hover {
  color: white;
  background: #1ab394;
}

.small-chat-box {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 75px;
  background: #fff;
  border: 1px solid #e7eaec;
  width: 230px;
  height: 320px;
  border-radius: 4px;
}

.small-chat-box.ng-small-chat {
  display: block;
}

.body-small .small-chat-box {
  bottom: 70px;
  right: 20px;
}

.small-chat-box.active {
  display: block;
}

.small-chat-box .heading {
  background: #2F4050;
  padding: 8px 15px;
  font-weight: bold;
  color: #fff;
}
.small-chat-box .chat-date {
  opacity: 0.6;
  font-size: 10px;
  font-weight: normal;
}
.small-chat-box .content {
  padding: 15px 15px;
}
.small-chat-box .content .author-name {
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 11px;
}
.small-chat-box .content > div {
  padding-bottom: 20px;
}
.small-chat-box .content .chat-message {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 14px;
  max-width: 80%;
  background: #f3f3f4;
  margin-bottom: 10px;
}
.small-chat-box .content .chat-message.active {
  background: #1ab394;
  color: #fff;
}
.small-chat-box .content .left {
  text-align: left;
  clear: both;
}
.small-chat-box .content .left .chat-message {
  float: left;
}
.small-chat-box .content .right {
  text-align: right;
  clear: both;
}
.small-chat-box .content .right .chat-message {
  float: right;
}
.small-chat-box .form-chat {
  padding: 10px 10px;
}

/*
 * metismenu - v2.0.2
 * A jQuery menu plugin
 * https://github.com/onokumus/metisMenu
 *
 * Made by Osman Nuri Okumus
 * Under MIT License
 */
.metismenu .plus-minus, .metismenu .plus-times {
  float: right;
}

.metismenu .arrow {
  float: right;
  line-height: 1.42857;
}

.metismenu .glyphicon.arrow:before {
  content: "";
}

.metismenu .active > a > .glyphicon.arrow:before {
  content: "";
}

.metismenu .fa.arrow:before {
  content: "";
}

.metismenu .active > a > .fa.arrow:before {
  content: "";
}

.metismenu .ion.arrow:before {
  content: "";
}

.metismenu .active > a > .ion.arrow:before {
  content: "";
}

.metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before {
  content: "";
}

.metismenu .active > a > .fa.plus-times {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.metismenu .active > a > .fa.plus-minus:before {
  content: "";
}

.metismenu .collapse {
  display: none;
}

.metismenu .collapse.in {
  display: block;
}

.metismenu .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */
.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #1ab394;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}

.sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1ab394;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.sk-spinner-wave div {
  background-color: #1ab394;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative;
}

.sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 {
  background-color: #1ab394;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
  animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}

.sk-spinner-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  animation: sk-chasingDotsRotate 2s infinite linear;
}

.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #1ab394;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}

.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */
.sk-spinner-cube-grid {
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}

.sk-spinner-cube-grid.sk-spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.sk-spinner-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #1ab394;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-spinner-cube-grid .sk-cube:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(4) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(8) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(9) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wordpress">
 *      <span class="sk-inner-circle"></span>
 *    </div>
 *
 */
.sk-spinner-wordpress.sk-spinner {
  background-color: #1ab394;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  margin: 0 auto;
  -webkit-animation: sk-innerCircle 1s linear infinite;
  animation: sk-innerCircle 1s linear infinite;
}

.sk-spinner-wordpress .sk-inner-circle {
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px;
}

@-webkit-keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}

.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-spinner-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/*
 *
 *   INSPINIA Landing Page - Responsive Admin Theme
 *   Copyright 2014 Webapplayers.com
 *
*/
/* GLOBAL STYLES
-------------------------------------------------- */
/* PACE PLUGIN
-------------------------------------------------- */
.landing-page.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}

body.landing-page {
  color: #000000;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  background-color: #fff;
}

.landing-page {
  /* CUSTOMIZE THE NAVBAR
  -------------------------------------------------- */
  /* Flip around the padding for proper display in narrow viewports */
  /* BACKGROUNDS SLIDER
  -------------------------------------------------- */
  /* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
  /* Carousel base class */
  /* Since positioning the image, we need to help out the caption */
  /* Declare heights because of positioning of img element */
  /* Sections
  ------------------------- */
  /* Buttons - only primary custom button
  ------------------------- */
  /* RESPONSIVE CSS
  -------------------------------------------------- */
}
.landing-page span.navy {
  color: #1ab394;
}
.landing-page p.text-color {
  color: #000000;
}
.landing-page a.navy-link {
  color: #1ab394;
  text-decoration: none;
}
.landing-page a.navy-link:hover {
  color: #179d82;
}
.landing-page section p {
  color: #aeaeae;
  font-size: 13px;
}
.landing-page address {
  font-size: 13px;
}
.landing-page h1 {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 200;
}
.landing-page .navy-line {
  width: 60px;
  height: 1px;
  margin: 60px auto 0;
  border-bottom: 2px solid #1ab394;
}
.landing-page .navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
}
.landing-page .navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.landing-page .navbar-default.navbar-scroll {
  background-color: #fff;
  border-color: #fff;
  padding: 15px 0;
}
.landing-page .navbar-default {
  background-color: transparent;
  border-color: transparent;
  transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-default .nav li a {
  color: #fff;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
}
.landing-page .navbar-nav > li > a {
  padding-top: 25px;
  border-top: 6px solid transparent;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #fff;
  border-top: 6px solid #1ab394;
}
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus {
  color: #1ab394;
  background: inherit;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
  background: transparent;
  color: #fff;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
  background: transparent;
  color: #ffffff;
}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
  background: transparent;
  color: inherit;
}
.landing-page .navbar-default .navbar-brand:hover,
.landing-page .navbar-default .navbar-brand:focus {
  background: #179d82;
  color: #fff;
}
.landing-page .navbar-default .navbar-brand {
  color: #fff;
  height: auto;
  display: block;
  font-size: 14px;
  background: #1ab394;
  padding: 15px 20px 15px 20px;
  border-radius: 0 0 5px 5px;
  font-weight: 700;
  transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-scroll.navbar-default .nav li a {
  color: #000000;
}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
  color: #1ab394;
}
.landing-page .navbar-wrapper .navbar.navbar-scroll {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #e7eaec;
  border-radius: 0;
}
.landing-page .nav > li.active {
  border: none;
  background: inherit;
}
.landing-page .nav > li > a {
  padding: 25px 10px 15px 10px;
}
.landing-page .navbar-scroll .navbar-nav > li > a {
  padding: 20px 10px;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
  border-top: 6px solid #1ab394;
}
.landing-page .navbar-fixed-top {
  border: none !important;
}
.landing-page .navbar-fixed-top.navbar-scroll {
  border-bottom: 1px solid #e7eaec !important;
}
.landing-page .navbar.navbar-scroll .navbar-brand {
  margin-top: 15px;
  border-radius: 5px;
  font-size: 12px;
  padding: 10px;
  height: auto;
}
.landing-page .header-back {
  height: 470px;
  width: 100%;
}
.landing-page .header-back.one {
  background: url("../img/landing/header_one.jpg") 50% 0 no-repeat;
}
.landing-page .header-back.two {
  background: url("../img/landing/header_two.jpg") 50% 0 no-repeat;
}
.landing-page .carousel {
  height: 470px;
}
.landing-page .carousel-caption {
  z-index: 10;
}
.landing-page .carousel .item {
  height: 470px;
  background-color: #777;
}
.landing-page .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 470px;
}
.landing-page .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.landing-page .carousel-fade .carousel-inner .active {
  opacity: 1;
}
.landing-page .carousel-fade .carousel-inner .active.left,
.landing-page .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.landing-page .carousel-fade .carousel-inner .next.left,
.landing-page .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.landing-page .carousel-fade .carousel-control {
  z-index: 2;
}
.landing-page .carousel-control.left,
.landing-page .carousel-control.right {
  background: none;
}
.landing-page .carousel-control {
  width: 6%;
}
.landing-page .carousel-inner .container {
  position: relative;
}
.landing-page .carousel-inner {
  overflow: visible;
}
.landing-page .carousel-caption {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}
.landing-page .carousel-caption {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}
.landing-page .carousel-caption.blank {
  top: 140px;
}
.landing-page .carousel-image {
  position: absolute;
  right: 10px;
  top: 150px;
}
.landing-page .carousel-indicators {
  padding-right: 60px;
}
.landing-page .carousel-caption h1 {
  font-weight: 700;
  font-size: 38px;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: -1.5px;
}
.landing-page .carousel-caption p {
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none;
}
.landing-page .caption-link {
  color: #fff;
  margin-left: 10px;
  text-transform: capitalize;
  font-weight: 400;
}
.landing-page .caption-link:hover {
  text-decoration: none;
  color: inherit;
}
.landing-page .services {
  padding-top: 60px;
}
.landing-page .services h2 {
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: uppercase;
}
.landing-page .features-block {
  margin-top: 40px;
}
.landing-page .features-text {
  margin-top: 40px;
}
.landing-page .features small {
  color: #1ab394;
}
.landing-page .features h2 {
  font-size: 18px;
  margin-top: 5px;
}
.landing-page .features-text-alone {
  margin: 40px 0;
}
.landing-page .features-text-alone h1 {
  font-weight: 200;
}
.landing-page .features-icon {
  color: #1ab394;
  font-size: 40px;
}
.landing-page .navy-section {
  margin-top: 60px;
  background: #1ab394;
  color: #fff;
  padding: 20px 0;
}
.landing-page .gray-section {
  background: #f4f4f4;
  margin-top: 60px;
}
.landing-page .team-member {
  text-align: center;
}
.landing-page .team-member img {
  margin: auto;
}
.landing-page .social-icon a {
  background: #1ab394;
  color: #fff;
  padding: 4px 8px;
  height: 28px;
  width: 28px;
  display: block;
  border-radius: 50px;
}
.landing-page .social-icon a:hover {
  background: #179d82;
}
.landing-page .img-small {
  height: 88px;
  width: 88px;
}
.landing-page .pricing-plan {
  margin: 20px 30px 0 30px;
  border-radius: 4px;
}
.landing-page .pricing-plan.selected {
  transform: scale(1.1);
  background: #f4f4f4;
}
.landing-page .pricing-plan li {
  padding: 10px 16px;
  border-top: 1px solid #e7eaec;
  text-align: center;
  color: #aeaeae;
}
.landing-page .pricing-plan .pricing-price span {
  font-weight: 700;
  color: #1ab394;
}
.landing-page li.pricing-desc {
  font-size: 13px;
  border-top: none;
  padding: 20px 16px;
}
.landing-page li.pricing-title {
  background: #1ab394;
  color: #fff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-size: 22px;
  font-weight: 600;
}
.landing-page .testimonials {
  padding-top: 80px;
  padding-bottom: 90px;
  background-color: #1ab394;
  background-image: url("../img/landing/avatar_all.png");
}
.landing-page .big-icon {
  font-size: 56px !important;
}
.landing-page .features .big-icon {
  color: #1ab394 !important;
}
.landing-page .contact {
  background-image: url("../img/landing/word_map.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-top: 60px;
}
.landing-page section.timeline {
  padding-bottom: 30px;
}
.landing-page section.comments {
  padding-bottom: 80px;
}
.landing-page .comments-avatar {
  margin-top: 25px;
  margin-left: 22px;
}
.landing-page .comments-avatar .commens-name {
  font-weight: 600;
  font-size: 14px;
}
.landing-page .comments-avatar img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 10px;
}
.landing-page .bubble {
  position: relative;
  height: 120px;
  padding: 20px;
  background: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-style: italic;
  font-size: 14px;
}
.landing-page .bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 15px 14px 0;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -15px;
  left: 30px;
}
.landing-page .btn-primary.btn-outline:hover,
.landing-page .btn-success.btn-outline:hover,
.landing-page .btn-info.btn-outline:hover,
.landing-page .btn-warning.btn-outline:hover,
.landing-page .btn-danger.btn-outline:hover {
  color: #fff;
}
.landing-page .btn-primary {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 20px;
  font-weight: 600;
}
.landing-page .btn-primary:hover,
.landing-page .btn-primary:focus,
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
  background-color: #179d82;
  border-color: #179d82;
  color: #FFFFFF;
}
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
  background-image: none;
}
.landing-page .btn-primary.disabled,
.landing-page .btn-primary.disabled:hover,
.landing-page .btn-primary.disabled:focus,
.landing-page .btn-primary.disabled:active,
.landing-page .btn-primary.disabled.active,
.landing-page .btn-primary[disabled],
.landing-page .btn-primary[disabled]:hover,
.landing-page .btn-primary[disabled]:focus,
.landing-page .btn-primary[disabled]:active,
.landing-page .btn-primary.active[disabled],
.landing-page fieldset[disabled] .btn-primary,
.landing-page fieldset[disabled] .btn-primary:hover,
.landing-page fieldset[disabled] .btn-primary:focus,
.landing-page fieldset[disabled] .btn-primary:active,
.landing-page fieldset[disabled] .btn-primary.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
}
@media (min-width: 768px) {
  .landing-page {
    /* Navbar positioning foo */
    /* The navbar becomes detached from the top, so we round the corners */
    /* Bump up size of carousel content */
  }
  .landing-page .navbar-wrapper {
    margin-top: 20px;
  }
  .landing-page .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .landing-page .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  .landing-page .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  .landing-page .carousel-caption p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
  }
  .landing-page .featurette-heading {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .landing-page .carousel-image {
    display: none;
  }
}
@media (max-width: 768px) {
  .landing-page .carousel-caption,
  .landing-page .carousel-caption.blank {
    left: 5%;
    top: 80px;
  }
  .landing-page .carousel-caption h1 {
    font-size: 28px;
  }
  .landing-page .navbar.navbar-scroll .navbar-brand {
    margin-top: 6px;
  }
  .landing-page .navbar-default {
    background-color: #fff;
    border-color: #fff;
    padding: 15px 0;
  }
  .landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: inherit;
  }
  .landing-page .navbar-default .nav li a {
    color: #000000;
  }
  .landing-page .navbar-default .nav li a:hover {
    color: #1ab394;
  }
  .landing-page .navbar-wrapper .navbar {
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7eaec;
    border-radius: 0;
  }
  .landing-page .nav > li > a {
    padding: 25px 10px 15px 10px;
  }
  .landing-page .navbar-nav > li > a {
    padding: 20px 10px;
  }
  .landing-page .navbar .navbar-brand {
    margin-top: 6px;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    height: auto;
  }
  .landing-page .navbar-wrapper .navbar {
    padding-left: 15px;
    padding-right: 5px;
  }
  .landing-page .navbar-default .navbar-nav > .active > a,
  .landing-page .navbar-default .navbar-nav > .active > a:hover {
    color: inherit;
  }
  .landing-page .carousel-control {
    display: none;
  }
}
@media (min-width: 992px) {
  .landing-page .featurette-heading {
    margin-top: 120px;
  }
}
@media (max-width: 768px) {
  .landing-page .navbar .navbar-header {
    display: block;
    float: none;
  }
  .landing-page .navbar .navbar-header .navbar-toggle {
    background-color: #ffffff;
    padding: 9px 10px;
    border: none;
  }
}

body.rtls {
  /* Theme config */
}
body.rtls #page-wrapper {
  margin: 0 220px 0 0;
}
body.rtls .nav-second-level li a {
  padding: 7px 35px 7px 10px;
}
body.rtls .ibox-title h5 {
  float: right;
}
body.rtls .pull-right {
  float: left !important;
}
body.rtls .pull-left {
  float: right !important;
}
body.rtls .ibox-tools {
  float: left;
}
body.rtls .stat-percent {
  float: left;
}
body.rtls .navbar-right {
  float: left !important;
}
body.rtls .navbar-top-links li:last-child {
  margin-left: 40px;
  margin-right: 0;
}
body.rtls .minimalize-styl-2 {
  float: right;
  margin: 14px 20px 5px 5px;
}
body.rtls .feed-element > .pull-left {
  margin-left: 10px;
  margin-right: 0;
}
body.rtls .timeline-item .date {
  text-align: left;
}
body.rtls .timeline-item .date i {
  left: 0;
  right: auto;
}
body.rtls .timeline-item .content {
  border-right: 1px solid #e7eaec;
  border-left: none;
}
body.rtls .theme-config {
  left: 0;
  right: auto;
}
body.rtls .spin-icon {
  border-radius: 0 20px 20px 0;
}
body.rtls .toast-close-button {
  float: left;
}
body.rtls #toast-container > .toast:before {
  margin: auto -1.5em auto 0.5em;
}
body.rtls #toast-container > div {
  padding: 15px 50px 15px 15px;
}
body.rtls .center-orientation .vertical-timeline-icon i {
  margin-left: 0;
  margin-right: -12px;
}
body.rtls .vertical-timeline-icon i {
  right: 50%;
  left: auto;
  margin-left: auto;
  margin-right: -12px;
}
body.rtls .file-box {
  float: right;
}
body.rtls ul.notes li {
  float: right;
}
body.rtls .chat-users, body.rtls .chat-statistic {
  margin-right: -30px;
  margin-left: auto;
}
body.rtls .dropdown-menu > li > a {
  text-align: right;
}
body.rtls .b-r {
  border-left: 1px solid #e7eaec;
  border-right: none;
}
body.rtls .dd-list .dd-list {
  padding-right: 30px;
  padding-left: 0;
}
body.rtls .dd-item > button {
  float: right;
}
body.rtls .theme-config-box {
  margin-left: -220px;
  margin-right: 0;
}
body.rtls .theme-config-box.show {
  margin-left: 0;
  margin-right: 0;
}
body.rtls .spin-icon {
  right: 0;
  left: auto;
}
body.rtls .skin-setttings {
  margin-right: 40px;
  margin-left: 0;
}
body.rtls .skin-setttings {
  direction: ltr;
}
body.rtls .footer.fixed {
  margin-right: 220px;
  margin-left: 0;
}

@media (max-width: 992px) {
  body.rtls .chat-users, body.rtls .chat-statistic {
    margin-right: 0;
  }
}
body.rtls.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
  margin: 0 70px 0 0;
}

body.rtls.mini-navbar.fixed-sidebar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 0;
}

body.rtls.top-navigation .navbar-toggle {
  float: right;
  margin-left: 15px;
  margin-right: 15px;
}

.body-small.rtls.top-navigation .navbar-header {
  float: none;
}

body.rtls.top-navigation #page-wrapper {
  margin: 0;
}

body.rtls.mini-navbar #page-wrapper {
  margin: 0 70px 0 0;
}

body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
  margin: 0 0 0 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 220px 0 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}

.body-small.rtls .navbar-fixed-top {
  margin-right: 0;
}

.body-small.rtls .navbar-header {
  float: right;
}

body.rtls .navbar-top-links li:last-child {
  margin-left: 20px;
}

body.rtls .top-navigation #page-wrapper, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper {
  margin: 0;
}

body.rtls .top-navigation .footer.fixed, body.rtls.top-navigation .footer.fixed {
  margin: 0;
}

@media (max-width: 768px) {
  body.rtls .navbar-top-links li:last-child {
    margin-left: 20px;
  }

  .body-small.rtls #page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    min-height: 1000px;
  }

  .body-small.rtls .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
  }

  .body-small.rtls.mini-navbar .navbar-static-side {
    display: block;
  }

  .rtls.fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }

  .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }
}
.rtls .ltr-support {
  direction: ltr;
}

.rtls.mini-navbar .nav-second-level, .rtls.mini-navbar li.active .nav-second-level {
  left: auto;
  right: 70px;
}

.rtls #right-sidebar {
  left: -260px;
  right: auto;
}

.rtls #right-sidebar.sidebar-open {
  left: 0;
}

/*
 *
 *   This is style for skin config
 *   Use only in demo theme
 *
*/
.theme-config {
  position: absolute;
  top: 90px;
  right: 0;
  overflow: hidden;
}

.theme-config-box {
  margin-right: -220px;
  position: relative;
  z-index: 2000;
  transition-duration: 0.8s;
}

.theme-config-box.show {
  margin-right: 0;
}

.spin-icon {
  background: #1ab394;
  position: absolute;
  padding: 7px 10px 7px 13px;
  border-radius: 20px 0 0 20px;
  font-size: 16px;
  top: 0;
  left: 0;
  width: 40px;
  color: #fff;
  cursor: pointer;
}

.skin-setttings {
  width: 220px;
  margin-left: 40px;
  background: #f3f3f4;
}

.skin-setttings .title {
  background: #efefef;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  padding: 10px 15px;
  font-size: 12px;
}

.setings-item {
  padding: 10px 30px;
}

.setings-item.skin {
  text-align: center;
}

.setings-item .switch {
  float: right;
}

.skin-name a {
  text-transform: uppercase;
}

.setings-item a {
  color: #fff;
}

.default-skin, .blue-skin, .ultra-skin, .yellow-skin {
  text-align: center;
}

.default-skin {
  font-weight: 600;
  background: #283A49;
}

.default-skin:hover {
  background: #1e2e3d;
}

.blue-skin {
  font-weight: 600;
  background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
}

.blue-skin:hover {
  background: #0d8ddb;
}

.yellow-skin {
  font-weight: 600;
  background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
}

.yellow-skin:hover {
  background: #ce8735;
}

.ultra-skin {
  padding: 20px 10px;
  font-weight: 600;
  background: url("patterns/3.png") repeat scroll 0 0;
}

.ultra-skin:hover {
  background: url("patterns/4.png") repeat scroll 0 0;
}

/*
 *
 *   SKIN 1 - INSPINIA - Responsive Admin Theme
 *   NAME - Blue light
 *
*/
.skin-1 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}

.skin-1 .navbar-top-links li:last-child {
  margin-right: 30px;
}

.skin-1.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}

.skin-1 .spin-icon {
  background: #0e9aef !important;
}

.skin-1 .nav-header {
  background: #0e9aef;
  background: url("patterns/header-profile-skin-1.png");
}

.skin-1.mini-navbar .nav-second-level {
  background: #3e495f;
}

.skin-1 .breadcrumb {
  background: transparent;
}

.skin-1 .page-heading {
  border: none;
}

.skin-1 .nav > li.active {
  background: #3a4459;
}

.skin-1 .nav > li > a {
  color: #9ea6b9;
}

.skin-1 .nav > li.active > a {
  color: #fff;
}

.skin-1 .navbar-minimalize {
  background: #0e9aef;
  border-color: #0e9aef;
}

body.skin-1 {
  background: #3e495f;
}

.skin-1 .navbar-static-top {
  background: #ffffff;
}

.skin-1 .dashboard-header {
  background: transparent;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}

.fixed-nav.skin-1 .navbar-fixed-top {
  background: #fff;
}

.skin-1 .wrapper-content {
  padding: 30px 15px;
}

.skin-1 #page-wrapper {
  background: #f4f6fa;
}

.skin-1 .ibox-title, .skin-1 .ibox-content {
  border-width: 1px;
}

.skin-1 .ibox-content:last-child {
  border-style: solid solid solid solid;
}

.skin-1 .nav > li.active {
  border: none;
}

.skin-1 .nav-header {
  padding: 35px 25px 25px 25px;
}

.skin-1 .nav-header a.dropdown-toggle {
  color: #fff;
  margin-top: 10px;
}

.skin-1 .nav-header a.dropdown-toggle .text-muted {
  color: #fff;
  opacity: 0.8;
}

.skin-1 .profile-element {
  text-align: center;
}

.skin-1 .img-circle {
  border-radius: 5px;
}

.skin-1 .navbar-default .nav > li > a:hover, .skin-1 .navbar-default .nav > li > a:focus {
  background: #3a4459;
  color: #fff;
}

.skin-1 .nav.nav-tabs > li.active > a {
  color: #555;
}

.skin-1 .nav.nav-tabs > li.active {
  background: transparent;
}

.skin-1 .sym-row-thumbnail {
  margin-left: 5px;
  margin-right: 5px;
}

.skin-1 .sym-thumbnail-parent {
  padding-left: 5px;
  padding-right: 5px;
}

.skin-1 .sym-thumbnail-holder {
  color: #ffffff;
  background-color: #0e9aef;
  border-radius: 0px;
}
.skin-1 .sym-thumbnail-holder:hover {
  box-shadow: inset 0px 0px 0px 2px #0e9aef;
  background-color: white;
  color: #0e9aef;
}
.skin-1 .sym-thumbnail-holder:hover h4 {
  color: #0e9aef;
}
.skin-1 .sym-thumbnail-holder:hover .thumbnail i {
  color: #1ab394;
  color: #0e9aef;
  text-shadow: none;
}
.skin-1 .sym-thumbnail-holder .thumbnail i {
  font-size: 35px;
  height: 52px;
  padding-bottom: 0px;
  padding-top: 15px;
  color: white;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}
.skin-1 .sym-thumbnail-holder h4 {
  color: white;
}

/*
 *
 *   SKIN 2 - INSPINIA - Responsive Admin Theme
 *   NAME - Inspinia Ultra
 *
*/
body.skin-2 {
  color: #565758 !important;
}

.skin-2 .minimalize-styl-2 {
  margin: 14px 5px 5px 25px;
}

.skin-2 .navbar-top-links li:last-child {
  margin-right: 25px;
}

.skin-2 .spin-icon {
  background: #23c6c8 !important;
}

.skin-2 .nav-header {
  background: #23c6c8;
  background: url("patterns/header-profile-skin-2.png");
}

.skin-2.mini-navbar .nav-second-level {
  background: #ededed;
}

.skin-2 .breadcrumb {
  background: transparent;
}

.skin-2.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}

.skin-2 .page-heading {
  border: none;
  background: rgba(255, 255, 255, 0.7);
}

.skin-2 .nav > li.active {
  background: #e0e0e0;
}

.skin-2 .logo-element {
  padding: 17px 0;
}

.skin-2 .nav > li > a, .skin-2 .welcome-message {
  color: #edf6ff;
}

.skin-2 #top-search::-moz-placeholder {
  color: #edf6ff;
  opacity: 0.5;
}

.skin-2 #side-menu > li > a, .skin-2 .nav.nav-second-level > li > a {
  color: #586b7d;
}

.skin-2 .nav > li.active > a {
  color: #213a53;
}

.skin-2.mini-navbar .nav-header {
  background: #213a53;
}

.skin-2 .navbar-minimalize {
  background: #23c6c8;
  border-color: #23c6c8;
}

.skin-2 .border-bottom {
  border-bottom: none !important;
}

.skin-2 #top-search {
  color: #fff;
}

body.skin-2 #wrapper {
  background-color: #ededed;
}

.skin-2 .navbar-static-top {
  background: #213a53;
}

.fixed-nav.skin-2 .navbar-fixed-top {
  background: #213a53;
  border-bottom: none !important;
}

.skin-2 .nav-header {
  padding: 30px 25px 30px 25px;
}

.skin-2 a.top-navbar-logo div {
  background-image: url("/Content/Symplis/img/logo-gocondominio-branco-nav.png");
}

.skin-2 .dashboard-header {
  background: rgba(255, 255, 255, 0.4);
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 20px 30px;
}

.skin-2 .wrapper-content {
  padding: 30px 15px;
}

.skin-2 .dashoard-1 .wrapper-content {
  padding: 0 30px 25px 30px;
}

.skin-2 .ibox-title {
  background: rgba(255, 255, 255, 0.7);
  border: none;
  margin-bottom: 1px;
}

.skin-2 .ibox-content {
  background: rgba(255, 255, 255, 0.4);
  border: none !important;
}

.skin-2 #page-wrapper {
  background: #f6f6f6;
  background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
  background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
  background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
  background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
}

.skin-2 .ibox-title, .skin-2 .ibox-content {
  border-width: 1px;
}

.skin-2 .ibox-content:last-child {
  border-style: solid solid solid solid;
}

.skin-2 .nav > li.active {
  border: none;
}

.skin-2 .nav-header a.dropdown-toggle {
  color: #edf6ff;
  margin-top: 10px;
}

.skin-2 .nav-header a.dropdown-toggle .text-muted {
  color: #edf6ff;
  opacity: 0.8;
}

.skin-2 .img-circle {
  border-radius: 10px;
}

.skin-2 .nav.navbar-top-links > li > a:hover, .skin-2 .nav.navbar-top-links > li > a:focus {
  background: #1a2d41;
}

.skin-2 .navbar-default .nav > li > a:hover, .skin-2 .navbar-default .nav > li > a:focus {
  background: #e0e0e0;
  color: #213a53;
}

.skin-2 .nav.nav-tabs > li.active > a {
  color: #555;
}

.skin-2 .nav.nav-tabs > li.active {
  background: transparent;
}

.skin-2 .sym-row-thumbnail {
  margin-left: 5px;
  margin-right: 5px;
}

.skin-2 .sym-thumbnail-parent {
  padding-left: 5px;
  padding-right: 5px;
}

.skin-2 .sym-thumbnail-holder {
  color: #ffffff;
  background-color: #23c6c8;
  border-radius: 2px;
  background: #55acee;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 10px;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #55acee 0%, #55acee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #55acee), color-stop(100%, #55acee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #55acee 0%, #55acee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #55acee 0%, #55acee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #55acee 0%, #55acee 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #55acee 0%, #55acee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55acee', endColorstr='#55acee',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}
.skin-2 .sym-thumbnail-holder:hover {
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0px 0px #23c6c8;
  background-color: white;
  color: #23c6c8;
  background: #55acee;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #55acee 0%, #2274b2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #55acee), color-stop(100%, #2274b2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #55acee 0%, #2274b2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #55acee 0%, #2274b2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #55acee 0%, #2274b2 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #55acee 0%, #2274b2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55acee', endColorstr='#2274b2',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}
.skin-2 .sym-thumbnail-holder:hover h4 {
  color: white;
  margin-bottom: 0px;
}
.skin-2 .sym-thumbnail-holder:hover .thumbnail i {
  color: white;
  text-shadow: 0px 0px #2274b2, 1px 1px #2274b2, 2px 2px #2274b2, 3px 3px #2274b2, 4px 4px #2274b2, 5px 5px #2274b2, 6px 6px #2274b2, 7px 7px #2274b2, 8px 8px #2274b2, 9px 9px #2274b2, 10px 10px #2274b2, 11px 11px #2274b2, 12px 12px #2274b2, 13px 13px #2274b2, 14px 14px #2274b2, 15px 15px #2274b2, 16px 16px #2274b2, 17px 17px #2274b2, 18px 18px #2274b2, 19px 19px #2274b2, 20px 20px #2274b2, 21px 21px #2274b2, 22px 22px #2274b2, 23px 23px #2274b2, 24px 24px #2274b2, 25px 25px #2274b2, 26px 26px #2274b2, 27px 27px #2274b2, 28px 28px #2274b2, 29px 29px #2274b2, 30px 30px #2274b2, 31px 31px #2274b2, 32px 32px #2274b2, 33px 33px #2274b2, 34px 34px #2274b2, 35px 35px #2274b2, 36px 36px #2274b2, 37px 37px #2274b2, 38px 38px #2274b2, 39px 39px #2274b2, 40px 40px #2274b2, 41px 41px #2274b2, 42px 42px #2274b2, 43px 43px #2274b2, 44px 44px #2274b2, 45px 45px #2274b2, 46px 46px #2274b2, 47px 47px #2274b2, 48px 48px #2274b2, 49px 49px #2274b2, 50px 50px #2274b2, 51px 51px #2274b2, 52px 52px #2274b2, 53px 53px #2274b2, 54px 54px #2274b2, 55px 55px #2274b2, 56px 56px #2274b2, 57px 57px #2274b2, 58px 58px #2274b2, 59px 59px #2274b2, 60px 60px #2274b2, 61px 61px #2274b2, 62px 62px #2274b2, 63px 63px #2274b2, 64px 64px #2274b2, 65px 65px #2274b2, 66px 66px #2274b2, 67px 67px #2274b2, 68px 68px #2274b2, 69px 69px #2274b2, 70px 70px #2274b2, 71px 71px #2274b2, 72px 72px #2274b2, 73px 73px #2274b2, 74px 74px #2274b2, 75px 75px #2274b2, 76px 76px #2274b2, 77px 77px #2274b2, 78px 78px #2274b2, 79px 79px #2274b2, 80px 80px #2274b2, 81px 81px #2274b2, 82px 82px #2274b2, 83px 83px #2274b2, 84px 84px #2274b2, 85px 85px #2274b2, 86px 86px #2274b2, 87px 87px #2274b2, 88px 88px #2274b2, 89px 89px #2274b2, 90px 90px #2274b2, 91px 91px #2274b2, 92px 92px #2274b2, 93px 93px #2274b2, 94px 94px #2274b2, 95px 95px #2274b2, 96px 96px #2274b2, 97px 97px #2274b2, 98px 98px #2274b2, 99px 99px #2274b2, 100px 100px #2274b2;
  box-sizing: border-box;
  transition: .5s ease-in-out;
}
.skin-2 .sym-thumbnail-holder .thumbnail i {
  font-size: 42px;
  height: 64px;
  padding-bottom: 5px;
  padding-top: 15px;
  color: white;
  box-sizing: border-box;
  transition: .15s ease-in-out;
}
.skin-2 .sym-thumbnail-holder h4 {
  color: white;
  margin-bottom: 0px;
}

/*
 *
 *   SKIN 3 - INSPINIA - Responsive Admin Theme
 *   NAME - Yellow/purple
 *
*/
.skin-3 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}

.skin-3 .navbar-top-links li:last-child {
  margin-right: 30px;
}

.skin-3.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}

.skin-3 .spin-icon {
  background: #ecba52 !important;
}

body.boxed-layout.skin-3 #wrapper {
  background: #3e2c42;
}

.skin-3 .nav-header {
  background: #ecba52;
  background: url("patterns/header-profile-skin-3.png");
}

.skin-3.mini-navbar .nav-second-level {
  background: #3e2c42;
}

.skin-3 .breadcrumb {
  background: transparent;
}

.skin-3 .page-heading {
  border: none;
}

.skin-3 .nav > li.active {
  background: #38283c;
}

.fixed-nav.skin-3 .navbar-fixed-top {
  background: #fff;
}

.skin-3 .nav > li > a {
  color: #948b96;
}

.skin-3 .nav > li.active > a {
  color: #fff;
}

.skin-3 .navbar-minimalize {
  background: #ecba52;
  border-color: #ecba52;
}

body.skin-3 {
  background: #3e2c42;
}

.skin-3 .navbar-static-top {
  background: #ffffff;
}

.skin-3 .dashboard-header {
  background: transparent;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}

.skin-3 .wrapper-content {
  padding: 30px 15px;
}

.skin-3 #page-wrapper {
  background: #f4f6fa;
}

.skin-3 .ibox-title, .skin-3 .ibox-content {
  border-width: 1px;
}

.skin-3 .ibox-content:last-child {
  border-style: solid solid solid solid;
}

.skin-3 .nav > li.active {
  border: none;
}

.skin-3 .nav-header {
  padding: 35px 25px 25px 25px;
}

.skin-3 .nav-header a.dropdown-toggle {
  color: #fff;
  margin-top: 10px;
}

.skin-3 .nav-header a.dropdown-toggle .text-muted {
  color: #fff;
  opacity: 0.8;
}

.skin-3 .profile-element {
  text-align: center;
}

.skin-3 .img-circle {
  border-radius: 5px;
}

.skin-3 .navbar-default .nav > li > a:hover, .skin-3 .navbar-default .nav > li > a:focus {
  background: #38283c;
  color: #fff;
}

.skin-3 .nav.nav-tabs > li.active > a {
  color: #555;
}

.skin-3 .nav.nav-tabs > li.active {
  background: transparent;
}

.skin-3 .sym-thumbnail-holder {
  padding-top: 0px;
}
.skin-3 .sym-thumbnail-holder:hover {
  box-shadow: inset 0px 0px 0px 0px #000;
  color: #f4f6fa;
}
.skin-3 .sym-thumbnail-holder:hover .thumbnail i {
  border-radius: 20px;
  background-color: #ecba52;
  color: white;
}
.skin-3 .sym-thumbnail-holder .thumbnail i {
  color: #3e2c42;
  font-size: 50px;
  height: 82px;
  padding: 15px;
}
.skin-3 .sym-thumbnail-holder h4 {
  font-weight: 500;
}

/********************/
/*
 *
 *   SKIN 4 - SYMPLIS
 *   NAME - GoCondominio Dark
 *
*/
body.skin-4 {
  background: #4e4e4e;
  color: #edf6ff;
}

body.skin-4 .mini-navbar .nav-header {
  background-color: #ecba52;
}

.skin-4 .teste {
  color: black;
  background-color: wheat;
}

.skin-4 {
  /* Mensagens e notificacoes  */
  /* Dashboard */
  /* Cards e listagem */
}
.skin-4 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}
.skin-4 .navbar-top-links li:last-child {
  margin-right: 30px;
}
.skin-4.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}
.skin-4 .spin-icon {
  background: #ecba52 !important;
}
.skin-4 .nav-header {
  background: #ecba52;
  background: url("patterns/header-profile-skin-1.png");
}
.skin-4.mini-navbar .nav-second-level {
  background: #4e4e4e;
}
.skin-4 .breadcrumb {
  background: transparent;
}
.skin-4 .page-heading {
  border: none !important;
  background-color: #4e4e4e;
}
.skin-4 .nav > li.active {
  background: #494949;
}
.skin-4 .nav > li > a {
  color: #f4f6fa;
}
.skin-4 .nav > li.active > a {
  color: #fff;
}
.skin-4 .navbar-minimalize {
  background: #ecba52;
  border-color: #ecba52;
}
.skin-4 .navbar-static-top {
  background: #303030;
}
.skin-4.fixed-nav .navbar-fixed-top {
  background: #303030;
  border-bottom: 1px solid #353535 !important;
}
.skin-4 .dashboard-header {
  background: transparent;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}
.skin-4 .wrapper-content {
  padding: 30px 15px;
}
.skin-4 #page-wrapper {
  background: #3c3c3c;
}
.skin-4 .ibox-title, .skin-4 .ibox-content {
  border-width: 1px;
}
.skin-4 .ibox-content:last-child {
  border-style: solid solid solid solid;
}
.skin-4 .nav > li.active {
  border: none;
}
.skin-4 .nav-header {
  padding: 35px 25px 25px 25px;
}
.skin-4 .nav-header a.dropdown-toggle {
  color: #303030;
  margin-top: 10px;
}
.skin-4 .nav-header a.dropdown-toggle .text-muted {
  color: #303030;
  opacity: 0.8;
}
.skin-4 .profile-element {
  text-align: center;
}
.skin-4 .img-circle {
  border-radius: 5px;
}
.skin-4 .navbar-default .nav > li > a:hover, .skin-4 .navbar-default .nav > li > a:focus {
  background: #494949;
  color: #fff;
}
.skin-4 .nav.nav-tabs > li.active > a {
  color: #333;
}
.skin-4 .nav.nav-tabs > li.active {
  background: transparent;
}
.skin-4 .sym-panel, .skin-4 .mail-box-header, .skin-4 .mail-box {
  background-color: #575757;
}
.skin-4 .mail-box-header, .skin-4 .mail-box {
  border-color: rgba(31, 31, 31, 0.38);
}
.skin-4 .sym-navbar-brand {
  color: #fff;
}
.skin-4 .sym-navbar-brand:hover {
  color: #ecba52;
}
.skin-4 a.top-navbar-logo div {
  background-image: url("/Content/Symplis/img/logo-gocondominio-branco-nav.png");
}
.skin-4 .dropdown-menu {
  background: #707070;
  color: #e0e0e0;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.375);
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.375);
}
.skin-4 .ibox-content {
  background-color: #4e4e4e;
  border-color: rgba(31, 31, 31, 0.38);
}
.skin-4 .btn-primary {
  background-color: #ecba52;
  border: 1px solid #ffd783;
  color: #fff;
}
.skin-4 .btn-primary:hover {
  background-color: #92722f;
}
.skin-4 .btn-default {
  background-color: #707070;
  border: 1px solid rgba(133, 133, 133, 0.4);
  color: #fff;
}
.skin-4 .modal-content {
  background-color: #4e4e4e;
}
.skin-4 .form-control, .skin-4 .single-line {
  background-color: #4d4d4d !important;
}
.skin-4 .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #3c3c3c;
}
.skin-4 .table > thead > tr > th {
  border-bottom: 1px solid #000;
}
.skin-4 .table-bordered > thead > tr > th,
.skin-4 .table-bordered > thead > tr > td {
  background-color: rgba(255, 255, 255, 0.4);
}
.skin-4 .table > thead > tr > th,
.skin-4 .table > tbody > tr > th,
.skin-4 .table > tfoot > tr > th,
.skin-4 .table > thead > tr > td,
.skin-4 .table > tbody > tr > td,
.skin-4 .table > tfoot > tr > td {
  border: 0px;
}
.skin-4 .table {
  border: 1px solid #444;
}
.skin-4 a {
  color: #ecba52;
}
.skin-4 th > a {
  color: white;
}
.skin-4 .form-control, .skin-4 .single-line {
  border-color: rgba(164, 164, 164, 0.53) !important;
}
.skin-4 .form-control:focus, .skin-4 .single-line:focus {
  border-color: #ecba52 !important;
}
.skin-4 .pagination > .active > a, .skin-4 .pagination > .active > span, .skin-4 .pagination > .active > a:hover, .skin-4 .pagination > .active > span:hover, .skin-4 .pagination > .active > a:focus, .skin-4 .pagination > .active > span:focus {
  background-color: #555;
  border-color: #464646;
}
.skin-4 .pagination > li > a, .skin-4 .pagination > li > span {
  background-color: #747474;
  border-color: #464646;
}
.skin-4 .dropdown-menu .divider {
  background-color: rgba(255, 255, 255, 0.2);
}
.skin-4 .footer {
  background-color: #3c3c3c;
  border-top: 1px solid #555;
}
.skin-4 .close {
  color: #fff;
  opacity: 1;
}
.skin-4 .table-hover > tbody > tr:hover {
  background-color: #92722f;
}
.skin-4 .dropdown-menu .disabled > a,
.skin-4 .dropdown-menu .disabled > a:hover {
  color: #424242;
}
.skin-4 .folder-list li i {
  color: #f4f6fa;
}
.skin-4 .folder-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.skin-4 .unread td {
  color: #787878;
  background-color: #474747;
}
.skin-4 .mail-box .table {
  border: none;
}
.skin-4 .sym-thumbnail-holder {
  padding-top: 0px;
}
.skin-4 .sym-thumbnail-holder:hover {
  box-shadow: inset 0px 0px 0px 0px #000;
  color: #ecba52;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.skin-4 .sym-thumbnail-holder:hover h4 {
  color: #ecba52;
}
.skin-4 .sym-thumbnail-holder:hover .thumbnail i {
  border-radius: 15px;
  background-color: #ecba52;
  color: white;
}
.skin-4 .sym-thumbnail-holder .thumbnail i {
  font-size: 50px;
  height: 82px;
  padding: 15px;
  color: #ecba52;
}
.skin-4 .sym-thumbnail-holder h4 {
  color: white;
  font-weight: 500;
}
.skin-4 .sym-card {
  background-color: #575757;
  color: white;
}
.skin-4 .ibox-content.card-layout .sym-list-header {
  background-color: #575757;
  color: white;
}

/* Mensagens e notificacoes */
.skin-dark-6 a {
  color: #2495ff;
}
.skin-dark-6 a:hover {
  color: #57aeff;
}
.skin-dark-6 .nav-header a {
  color: inherit;
}

body.skin-dark-6 {
  color: #e9e9e9;
  background-color: #1a1a1a;
  /* Inicio Tabelas */
}
body.skin-dark-6 .popover-content {
  background-color: #0d0d0d;
}
@media (min-width: 768px) {
  body.skin-dark-6.mini-navbar .navbar-default.navbar-static-side::before {
    background-color: #0d0d0d;
  }
}
body.skin-dark-6.mini-navbar .nav-second-level {
  background-color: #0d0d0d;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-dark-6 #side-menu li.nav-header div.dropdown.profile-element {
  background: rgba(13, 13, 13, 0.9);
}
body.skin-dark-6 .navbar-default {
  background-color: #0d0d0d;
}
body.skin-dark-6 a.top-navbar-logo div {
  background-image: url("/Content/Symplis/img/logo-gocondominio-branco-nav.png");
}
body.skin-dark-6 .navbar-default.navbar-static-side .nav > li:not(.nav-header):not(.main-item).active, body.skin-dark-6 .navbar-default.navbar-static-side .nav > li:not(.nav-header):not(.main-item) a:hover, body.skin-dark-6 .navbar-default.navbar-static-side .nav > li:not(.nav-header):not(.main-item) a:focus {
  background: #1a1a1a;
}
body.skin-dark-6 .page-heading, body.skin-dark-6 .footer {
  background-color: #141414;
  border: none !important;
}
body.skin-dark-6 .navbar.navbar-fixed-top,
body.skin-dark-6 .navbar.navbar-static-top {
  border: none !important;
  background-color: #000;
}
body.skin-dark-6 #page-wrapper {
  background-color: #1a1a1a;
}
body.skin-dark-6 .ibox-content:not(.card-layout),
body.skin-dark-6 .sym-panel,
body.skin-dark-6 .sym-card-base,
body.skin-dark-6 .ibox-content.card-layout .sym-list-header,
.ibox-content.card-layout body.skin-dark-6 .sym-list-header,
body.skin-dark-6 .sym-card,
body.skin-dark-6 .ibox-content.card-layout .sym-list-header,
body.skin-dark-6 .sym-card,
body.skin-dark-6 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container,
body.skin-dark-6 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container,
body.skin-dark-6 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active a {
  background-color: #212121;
  border-color: transparent;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
}
body.skin-dark-6 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active::after {
  background-color: #212121;
}
body.skin-dark-6 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:not(.active) {
  background-color: rgba(33, 33, 33, 0.5);
  border-color: rgba(8, 8, 8, 0.5);
}
body.skin-dark-6 .ibox-content.card-layout .sym-list-header,
body.skin-dark-6 .ibox-content.card-layout .sym-card,
body.skin-dark-6 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container,
body.skin-dark-6 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container {
  background-color: #212121;
  border-color: transparent;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
}
body.skin-dark-6 .select2-container--default .select2-selection--single {
  background-color: transparent;
}
body.skin-dark-6 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e9e9e9;
}
body.skin-dark-6 .select2-dropdown {
  background-color: #212121;
  color: #e9e9e9;
}
body.skin-dark-6 .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #404040 !important;
}
body.skin-dark-6 .swal2-modal, body.skin-dark-6 .modal-content {
  background-color: #212121 !important;
}
body.skin-dark-6 .modal-content .modal-header {
  background-color: #121212 !important;
  border-bottom: black;
}
body.skin-dark-6 .modal-content .modal-header .progresso {
  background-color: rgba(18, 18, 18, 0.95);
}
body.skin-dark-6 .modal-header .close {
  color: #e9e9e9;
  opacity: 1;
}
body.skin-dark-6 .sym-thumbnail-holder h4, body.skin-dark-6 .swal2-content {
  color: #e9e9e9;
}
body.skin-dark-6 .dropdown-menu {
  background-color: #333333;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
body.skin-dark-6 .dropdown-menu li.divider {
  background-color: #1a1a1a;
}
body.skin-dark-6 select, body.skin-dark-6 select.form-control, body.skin-dark-6 .form-control, body.skin-dark-6 .select2-search__field {
  border-color: #141414;
  background-color: #262626;
}
body.skin-dark-6 .progresso {
  background-color: rgba(18, 18, 18, 0.95);
}
body.skin-dark-6 .ibox-content.card-layout .progresso {
  background-color: rgba(26, 26, 26, 0.95);
}
body.skin-dark-6 .btn.btn-default {
  background-color: #262626;
  border-color: #141414;
}
body.skin-dark-6 .btn.btn-default:hover {
  background-color: #333333;
}
body.skin-dark-6 .input-group-addon {
  background-color: #262626;
  border-color: #141414;
}
body.skin-dark-6 .swal2-modal .swal2-modal h2 {
  color: white;
}
body.skin-dark-6 .swal2-modal button.swal2-cancel {
  background-color: #262626 !important;
  border: 1px solid #141414 !important;
}
body.skin-dark-6 .swal2-modal button.swal2-cancel:hover {
  background-color: #333333 !important;
}
body.skin-dark-6 .btn-default:active, body.skin-dark-6 .btn-default.active, body.skin-dark-6 .open > .dropdown-toggle.btn-default {
  background-color: #1a1a1a;
  color: #b6b6b6;
}
body.skin-dark-6 .btn-default:hover, body.skin-dark-6 .btn-default:focus, body.skin-dark-6 .btn-default:active, body.skin-dark-6 .btn-default.active, body.skin-dark-6 .open .dropdown-toggle.btn-default, body.skin-dark-6 .btn-default:focus:active, body.skin-dark-6 .btn-default:hover:active, body.skin-dark-6 .btn-default.active:hover, body.skin-dark-6 .btn-default.active:focus {
  border-color: #1a1a1a;
}
body.skin-dark-6 .pagination > li > a, body.skin-dark-6 .pagination > li > span {
  background-color: #262626;
  border-color: #141414;
}
body.skin-dark-6 .pagination > li > a:hover, body.skin-dark-6 .pagination > li > span:hover {
  background-color: #333333;
  color: white;
}
body.skin-dark-6 .pagination > .active > a, body.skin-dark-6 .pagination > .active > span, body.skin-dark-6 .pagination > .active > a:hover, body.skin-dark-6 .pagination > .active > span:hover, body.skin-dark-6 .pagination > .active > a:focus, body.skin-dark-6 .pagination > .active > span:focus {
  background-color: #1a1a1a;
  color: #b6b6b6;
  border-color: #1a1a1a;
}
body.skin-dark-6 .table > thead > tr > th, body.skin-dark-6 .table > tbody > tr > th, body.skin-dark-6 .table > tfoot > tr > th, body.skin-dark-6 .table > thead > tr > td, body.skin-dark-6 .table > tbody > tr > td, body.skin-dark-6 .table > tfoot > tr > td,
body.skin-dark-6 .table > caption + thead > tr:first-child > th, body.skin-dark-6 .table > colgroup + thead > tr:first-child > th, body.skin-dark-6 .table > thead:first-child > tr:first-child > th,
body.skin-dark-6 .table > caption + thead > tr:first-child > td, body.skin-dark-6 .table > colgroup + thead > tr:first-child > td, body.skin-dark-6 .table > thead:first-child > tr:first-child > td {
  border-top: 1px solid #141414;
}
body.skin-dark-6 .table > thead > tr > th {
  border-bottom: none;
}
body.skin-dark-6 .table-bordered > thead > tr > th, body.skin-dark-6 .table-bordered > tbody > tr > th, body.skin-dark-6 .table-bordered > tfoot > tr > th, body.skin-dark-6 .table-bordered > thead > tr > td,
body.skin-dark-6 .table-bordered > tbody > tr > td, body.skin-dark-6 .table-bordered > tfoot > tr > td {
  border: 1px solid #141414;
}
body.skin-dark-6 .table-bordered > thead > tr > th, body.skin-dark-6 .table-bordered > thead > tr > td {
  background-color: #0d0d0d;
}
body.skin-dark-6 .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #1a1a1a;
}
body.skin-dark-6 .table-striped > tbody > tr:nth-of-type(2n+0) {
  background-color: #1f1f1f;
}
@media (max-width: 767px) {
  body.skin-dark-6 .table-responsive {
    border: 1px solid #141414;
  }
}
body.skin-dark-6 .table-hover > tbody > tr:hover {
  background-color: #262626;
}
body.skin-dark-6 table th a {
  color: white;
}
body.skin-dark-6 .alert.alert-default {
  background-color: #262626;
  color: white;
  border-color: #1c1c1c;
}
body.skin-dark-6 .tabs-container .panel-body,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a:hover,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a:focus {
  background: #212121;
}
body.skin-dark-6 .tabs-container .tab-pane > .panel-body,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a:hover,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a:focus {
  border: 1px solid #333333;
}
body.skin-dark-6 .tabs-container .nav-tabs {
  border-bottom-color: #333333;
}
body.skin-dark-6 .tabs-container .tab-pane .panel-body {
  border-top: none;
}
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a:hover,
body.skin-dark-6 .tabs-container .nav-tabs > li.active > a:focus {
  border-bottom-color: #212121;
  color: white;
}
body.skin-dark-6 .panel [data-toggle='collapse'].panel-heading:hover:not(.panel-default):not(.panel-danger):not(.panel-warning):not(.panel-info):not(.panel-success):not(.panel-primary) {
  background: #262626;
}
body.skin-dark-6 .progress {
  background-color: #262626;
}
body.skin-dark-6 .sym-centralnot .sym-centralnot-barra-lateral div.header ul li:not(.selected) {
  border-bottom-color: #121212;
  background-color: #1a1a1a;
}
body.skin-dark-6 .sym-centralnot .sym-centralnot-barra-lateral div.header ul li:not(:last-child) {
  border-right-color: #121212;
}
body.skin-dark-6 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview:hover {
  background: #262626;
}
body.skin-dark-6 .sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos a {
  background-color: #141414;
}
body.skin-dark-6 .sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos a:hover {
  background-color: #0d0d0d;
}

.skin-dark-7 a {
  color: #2495ff;
}
.skin-dark-7 a:hover {
  color: #57aeff;
}
.skin-dark-7 .nav-header a {
  color: inherit;
}

body.skin-dark-7 {
  color: #e9e9e9;
  background-color: #2f2f2f;
  /* Inicio Tabelas */
}
body.skin-dark-7 .popover-content {
  background-color: #222222;
}
@media (min-width: 768px) {
  body.skin-dark-7.mini-navbar .navbar-default.navbar-static-side::before {
    background-color: #222222;
  }
}
body.skin-dark-7.mini-navbar .nav-second-level {
  background-color: #222222;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-dark-7 #side-menu li.nav-header div.dropdown.profile-element {
  background: rgba(34, 34, 34, 0.9);
}
body.skin-dark-7 .navbar-default {
  background-color: #222222;
}
body.skin-dark-7 a.top-navbar-logo div {
  background-image: url("/Content/Symplis/img/logo-gocondominio-branco-nav.png");
}
body.skin-dark-7 .navbar-default.navbar-static-side .nav > li:not(.nav-header):not(.main-item).active, body.skin-dark-7 .navbar-default.navbar-static-side .nav > li:not(.nav-header):not(.main-item) a:hover, body.skin-dark-7 .navbar-default.navbar-static-side .nav > li:not(.nav-header):not(.main-item) a:focus {
  background: #2f2f2f;
}
body.skin-dark-7 .page-heading, body.skin-dark-7 .footer {
  background-color: #292929;
  border: none !important;
}
body.skin-dark-7 .navbar.navbar-fixed-top,
body.skin-dark-7 .navbar.navbar-static-top {
  border: none !important;
  background-color: #151515;
}
body.skin-dark-7 #page-wrapper {
  background-color: #2f2f2f;
}
body.skin-dark-7 .ibox-content:not(.card-layout),
body.skin-dark-7 .sym-panel,
body.skin-dark-7 .sym-card-base,
body.skin-dark-7 .ibox-content.card-layout .sym-list-header,
.ibox-content.card-layout body.skin-dark-7 .sym-list-header,
body.skin-dark-7 .sym-card,
body.skin-dark-7 .ibox-content.card-layout .sym-list-header,
body.skin-dark-7 .sym-card,
body.skin-dark-7 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container,
body.skin-dark-7 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container,
body.skin-dark-7 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active a {
  background-color: #363636;
  border-color: transparent;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
}
body.skin-dark-7 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active::after {
  background-color: #363636;
}
body.skin-dark-7 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:not(.active) {
  background-color: rgba(54, 54, 54, 0.5);
  border-color: rgba(29, 29, 29, 0.5);
}
body.skin-dark-7 .ibox-content.card-layout .sym-list-header,
body.skin-dark-7 .ibox-content.card-layout .sym-card,
body.skin-dark-7 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container,
body.skin-dark-7 .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container {
  background-color: #363636;
  border-color: transparent;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
}
body.skin-dark-7 .select2-container--default .select2-selection--single {
  background-color: transparent;
}
body.skin-dark-7 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e9e9e9;
}
body.skin-dark-7 .select2-dropdown {
  background-color: #363636;
  color: #e9e9e9;
}
body.skin-dark-7 .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #555555 !important;
}
body.skin-dark-7 .swal2-modal, body.skin-dark-7 .modal-content {
  background-color: #363636 !important;
}
body.skin-dark-7 .modal-content .modal-header {
  background-color: #272727 !important;
  border-bottom: #0d0d0d;
}
body.skin-dark-7 .modal-content .modal-header .progresso {
  background-color: rgba(39, 39, 39, 0.95);
}
body.skin-dark-7 .modal-header .close {
  color: #e9e9e9;
  opacity: 1;
}
body.skin-dark-7 .sym-thumbnail-holder h4, body.skin-dark-7 .swal2-content {
  color: #e9e9e9;
}
body.skin-dark-7 .dropdown-menu {
  background-color: #484848;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
body.skin-dark-7 .dropdown-menu li.divider {
  background-color: #2f2f2f;
}
body.skin-dark-7 select, body.skin-dark-7 select.form-control, body.skin-dark-7 .form-control, body.skin-dark-7 .select2-search__field {
  border-color: #292929;
  background-color: #3b3b3b;
}
body.skin-dark-7 .progresso {
  background-color: rgba(39, 39, 39, 0.95);
}
body.skin-dark-7 .ibox-content.card-layout .progresso {
  background-color: rgba(47, 47, 47, 0.95);
}
body.skin-dark-7 .btn.btn-default {
  background-color: #3b3b3b;
  border-color: #292929;
}
body.skin-dark-7 .btn.btn-default:hover {
  background-color: #484848;
}
body.skin-dark-7 .input-group-addon {
  background-color: #3b3b3b;
  border-color: #292929;
}
body.skin-dark-7 .swal2-modal .swal2-modal h2 {
  color: white;
}
body.skin-dark-7 .swal2-modal button.swal2-cancel {
  background-color: #3b3b3b !important;
  border: 1px solid #292929 !important;
}
body.skin-dark-7 .swal2-modal button.swal2-cancel:hover {
  background-color: #484848 !important;
}
body.skin-dark-7 .btn-default:active, body.skin-dark-7 .btn-default.active, body.skin-dark-7 .open > .dropdown-toggle.btn-default {
  background-color: #2f2f2f;
  color: #b6b6b6;
}
body.skin-dark-7 .btn-default:hover, body.skin-dark-7 .btn-default:focus, body.skin-dark-7 .btn-default:active, body.skin-dark-7 .btn-default.active, body.skin-dark-7 .open .dropdown-toggle.btn-default, body.skin-dark-7 .btn-default:focus:active, body.skin-dark-7 .btn-default:hover:active, body.skin-dark-7 .btn-default.active:hover, body.skin-dark-7 .btn-default.active:focus {
  border-color: #2f2f2f;
}
body.skin-dark-7 .pagination > li > a, body.skin-dark-7 .pagination > li > span {
  background-color: #3b3b3b;
  border-color: #292929;
}
body.skin-dark-7 .pagination > li > a:hover, body.skin-dark-7 .pagination > li > span:hover {
  background-color: #484848;
  color: white;
}
body.skin-dark-7 .pagination > .active > a, body.skin-dark-7 .pagination > .active > span, body.skin-dark-7 .pagination > .active > a:hover, body.skin-dark-7 .pagination > .active > span:hover, body.skin-dark-7 .pagination > .active > a:focus, body.skin-dark-7 .pagination > .active > span:focus {
  background-color: #2f2f2f;
  color: #b6b6b6;
  border-color: #2f2f2f;
}
body.skin-dark-7 .table > thead > tr > th, body.skin-dark-7 .table > tbody > tr > th, body.skin-dark-7 .table > tfoot > tr > th, body.skin-dark-7 .table > thead > tr > td, body.skin-dark-7 .table > tbody > tr > td, body.skin-dark-7 .table > tfoot > tr > td,
body.skin-dark-7 .table > caption + thead > tr:first-child > th, body.skin-dark-7 .table > colgroup + thead > tr:first-child > th, body.skin-dark-7 .table > thead:first-child > tr:first-child > th,
body.skin-dark-7 .table > caption + thead > tr:first-child > td, body.skin-dark-7 .table > colgroup + thead > tr:first-child > td, body.skin-dark-7 .table > thead:first-child > tr:first-child > td {
  border-top: 1px solid #292929;
}
body.skin-dark-7 .table > thead > tr > th {
  border-bottom: none;
}
body.skin-dark-7 .table-bordered > thead > tr > th, body.skin-dark-7 .table-bordered > tbody > tr > th, body.skin-dark-7 .table-bordered > tfoot > tr > th, body.skin-dark-7 .table-bordered > thead > tr > td,
body.skin-dark-7 .table-bordered > tbody > tr > td, body.skin-dark-7 .table-bordered > tfoot > tr > td {
  border: 1px solid #292929;
}
body.skin-dark-7 .table-bordered > thead > tr > th, body.skin-dark-7 .table-bordered > thead > tr > td {
  background-color: #222222;
}
body.skin-dark-7 .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #2f2f2f;
}
body.skin-dark-7 .table-striped > tbody > tr:nth-of-type(2n+0) {
  background-color: #343434;
}
@media (max-width: 767px) {
  body.skin-dark-7 .table-responsive {
    border: 1px solid #292929;
  }
}
body.skin-dark-7 .table-hover > tbody > tr:hover {
  background-color: #3b3b3b;
}
body.skin-dark-7 table th a {
  color: white;
}
body.skin-dark-7 .alert.alert-default {
  background-color: #3b3b3b;
  color: white;
  border-color: #313131;
}
body.skin-dark-7 .tabs-container .panel-body,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a:hover,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a:focus {
  background: #363636;
}
body.skin-dark-7 .tabs-container .tab-pane > .panel-body,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a:hover,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a:focus {
  border: 1px solid #484848;
}
body.skin-dark-7 .tabs-container .nav-tabs {
  border-bottom-color: #484848;
}
body.skin-dark-7 .tabs-container .tab-pane .panel-body {
  border-top: none;
}
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a:hover,
body.skin-dark-7 .tabs-container .nav-tabs > li.active > a:focus {
  border-bottom-color: #363636;
  color: white;
}
body.skin-dark-7 .panel [data-toggle='collapse'].panel-heading:hover:not(.panel-default):not(.panel-danger):not(.panel-warning):not(.panel-info):not(.panel-success):not(.panel-primary) {
  background: #3b3b3b;
}
body.skin-dark-7 .progress {
  background-color: #3b3b3b;
}
body.skin-dark-7 .sym-centralnot .sym-centralnot-barra-lateral div.header ul li:not(.selected) {
  border-bottom-color: #272727;
  background-color: #2f2f2f;
}
body.skin-dark-7 .sym-centralnot .sym-centralnot-barra-lateral div.header ul li:not(:last-child) {
  border-right-color: #272727;
}
body.skin-dark-7 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview:hover {
  background: #3b3b3b;
}
body.skin-dark-7 .sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos a {
  background-color: #292929;
}
body.skin-dark-7 .sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos a:hover {
  background-color: #222222;
}

body.skin-light-0 {
  background-color: #e7eaec;
}
@media (min-width: 768px) {
  body.skin-light-0.mini-navbar .navbar-default.navbar-static-side::before {
    background-color: black;
  }
}
body.skin-light-0.mini-navbar .nav-second-level {
  background-color: black;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-light-0 .navbar-default.navbar-static-side {
  background-color: black;
}
body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) {
  background-color: black;
}
body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) > a {
  color: #999999;
}
body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header).active > a, body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) > a:hover, body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) > a:focus {
  background-color: #1a1a1a;
  color: #e6e6e6;
}
body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element {
  background: rgba(0, 0, 0, 0.3);
}
body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element #btnMaisInfoBarraLateral, body.skin-light-0 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element #divMaisInfoBarraLateral {
  text-shadow: 0px 1px 1px black;
  color: white;
}
body.skin-light-0 .c-hamburger span::before, body.skin-light-0 .c-hamburger span::after, body.skin-light-0 .c-hamburger span {
  background-color: #000000;
}
body.skin-light-0 .c-hamburger:hover span::before, body.skin-light-0 .c-hamburger:hover span::after, body.skin-light-0 .c-hamburger:hover span {
  background-color: black;
}
body.skin-light-0 nav .open > a {
  background-color: transparent;
}
body.skin-light-0 .nav.navbar-right > li > a, body.skin-light-0 nav .open > a, body.skin-light-0 .sym-seletor-unidade-topnavbar-holder {
  color: #000000;
  height: 60px;
}
body.skin-light-0 .nav.navbar-right > li > a:not(.count-info), body.skin-light-0 nav .open > a:not(.count-info), body.skin-light-0 .sym-seletor-unidade-topnavbar-holder:not(.count-info) {
  height: 61px;
}
body.skin-light-0 .nav.navbar-right > li > a:hover, body.skin-light-0 .nav.navbar-right > li > a:focus, body.skin-light-0 nav .open > a:hover, body.skin-light-0 nav .open > a:focus, body.skin-light-0 .sym-seletor-unidade-topnavbar-holder:hover, body.skin-light-0 .sym-seletor-unidade-topnavbar-holder:focus {
  color: #333;
  background-color: #fafafa;
}
body.skin-light-0 .page-heading {
  background-color: white;
  border-bottom: 1px solid #cccccc !important;
}
body.skin-light-0 .footer {
  background-color: white;
  border-top: 1px solid #cccccc !important;
}
body.skin-light-0 .navbar.navbar-fixed-top,
body.skin-light-0 .navbar.navbar-static-top {
  background-color: white;
  border-bottom: 1px solid #cccccc !important;
}
body.skin-light-0 #page-wrapper {
  background-color: #e7eaec;
}
body.skin-light-0 .ibox-content:not(.card-layout),
body.skin-light-0 .sym-panel,
body.skin-light-0 .sym-card-base,
body.skin-light-0 .ibox-content.card-layout .sym-list-header,
.ibox-content.card-layout body.skin-light-0 .sym-list-header,
body.skin-light-0 .sym-card,
body.skin-light-0 .ibox-content.card-layout .sym-list-header,
body.skin-light-0 .sym-card,
body.skin-light-0 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active a {
  background-color: white;
  border-color: transparent;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-light-0 .select2-container--bootstrap.select2-container--focus .select2-selection {
  box-shadow: none;
}
body.skin-light-0 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active::after {
  background-color: white;
}
body.skin-light-0 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:not(.active) {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c2cacf;
}
body.skin-light-0 .ibox-content.card-layout .sym-list-header,
body.skin-light-0 .ibox-content.card-layout .sym-card {
  background-color: white;
  border-color: transparent;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-light-0 table th a {
  color: #5d5d5e;
}

body.skin-light-2 {
  background-color: #f3f3f4;
}
@media (min-width: 768px) {
  body.skin-light-2.mini-navbar .navbar-default.navbar-static-side::before {
    background-color: #ededed;
  }
}
body.skin-light-2.mini-navbar .nav-second-level {
  background-color: #ededed;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-light-2 .navbar-default.navbar-static-side {
  background-color: #ededed;
}
body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) {
  background-color: #ededed;
}
body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) > a {
  color: #545454;
}
body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header).active > a, body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header).active > a:hover, body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) > a:hover, body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li:not(.nav-header) > a:focus {
  background-color: #e0e0e0;
  color: #2e2e2e;
}
body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element {
  background: rgba(237, 237, 237, 0.8);
}
body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element #btnMaisInfoBarraLateral, body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element #divMaisInfoBarraLateral {
  color: #474747;
}
body.skin-light-2 .navbar-default.navbar-static-side #side-menu.nav li.nav-header div.dropdown.profile-element #btnMaisInfoBarraLateral:hover {
  color: #141414;
}
body.skin-light-2 a.top-navbar-logo div {
  background-image: url("/Content/Symplis/img/logo-gocondominio-branco-nav.png");
}
body.skin-light-2 .c-hamburger span::before, body.skin-light-2 .c-hamburger span::after, body.skin-light-2 .c-hamburger span {
  background-color: #e6e6e6;
}
body.skin-light-2 .c-hamburger:hover span::before, body.skin-light-2 .c-hamburger:hover span::after, body.skin-light-2 .c-hamburger:hover span {
  background-color: white;
}
body.skin-light-2 nav .open > a {
  background-color: transparent;
}
body.skin-light-2 .nav.navbar-right > li > a, body.skin-light-2 nav .open > a, body.skin-light-2 .sym-seletor-unidade-topnavbar-holder {
  color: #e6e6e6;
  height: 60px;
}
body.skin-light-2 .nav.navbar-right > li > a:not(.count-info), body.skin-light-2 nav .open > a:not(.count-info), body.skin-light-2 .sym-seletor-unidade-topnavbar-holder:not(.count-info) {
  height: 61px;
}
body.skin-light-2 .nav.navbar-right > li > a:hover, body.skin-light-2 .nav.navbar-right > li > a:focus, body.skin-light-2 nav .open > a:hover, body.skin-light-2 nav .open > a:focus, body.skin-light-2 .sym-seletor-unidade-topnavbar-holder:hover, body.skin-light-2 .sym-seletor-unidade-topnavbar-holder:focus {
  color: white;
  background-color: #28313a;
}
body.skin-light-2 .page-heading {
  background-color: #ededed;
  border-bottom: 1px solid #bababa !important;
}
body.skin-light-2 .footer {
  background-color: #ededed;
  border-top: 1px solid #bababa !important;
}
body.skin-light-2 .navbar.navbar-fixed-top,
body.skin-light-2 .navbar.navbar-static-top {
  background-color: #1e242b;
  border-bottom: 1px solid #333d49 !important;
}
body.skin-light-2 #page-wrapper {
  background-color: #f3f3f4;
}
body.skin-light-2 .ibox-content:not(.card-layout),
body.skin-light-2 .sym-panel,
body.skin-light-2 .sym-card-base,
body.skin-light-2 .ibox-content.card-layout .sym-list-header,
.ibox-content.card-layout body.skin-light-2 .sym-list-header,
body.skin-light-2 .sym-card,
body.skin-light-2 .ibox-content.card-layout .sym-list-header,
body.skin-light-2 .sym-card,
body.skin-light-2 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active a {
  background-color: white;
  border-color: transparent;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-light-2 .select2-container--bootstrap.select2-container--focus .select2-selection {
  box-shadow: none;
}
body.skin-light-2 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active::after {
  background-color: white;
}
body.skin-light-2 div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:not(.active) {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #d0d0d4;
}
body.skin-light-2 .ibox-content.card-layout .sym-list-header,
body.skin-light-2 .ibox-content.card-layout .sym-card {
  background-color: white;
  border-color: transparent;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
body.skin-light-2 table th a {
  color: #5d5d5e;
}

@media all and (min-width: 768px) {
  body.skin-light-2 .navbar-default.navbar-static-side {
    border-right: 1px solid #bababa;
  }
  body.skin-light-2.mini-navbar .navbar-default.navbar-static-side::before {
    border-right: 1px solid #bababa;
  }
  body.skin-light-2 .logo-element .logo-element-expand {
    left: 69px;
  }
}
body[class^='skin-'].accent-go .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #0093dd;
}
body[class^='skin-'].accent-go input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #0093dd;
}
body[class^='skin-'].accent-go .form-control:focus, body[class^='skin-'].accent-go .single-line:focus, body[class*=' skin-'].accent-go .form-control:focus, body[class*=' skin-'].accent-go .single-line:focus {
  border-color: #0093dd !important;
}
body[class^='skin-'].accent-go table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go table th a:not([href="javascript:void(0)"]):hover {
  color: #0093dd;
}
body[class^='skin-'].accent-go #side-menu li.main-item, body[class*=' skin-'].accent-go #side-menu li.main-item {
  background-color: #0093dd !important;
}
body[class^='skin-'].accent-go #side-menu li.main-item:hover, body[class*=' skin-'].accent-go #side-menu li.main-item:hover {
  background-color: #11afff !important;
}
body[class^='skin-'].accent-go #side-menu li.main-item a, body[class*=' skin-'].accent-go #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go .c-hamburger span::before, body[class^='skin-'].accent-go .c-hamburger span::after, body[class^='skin-'].accent-go .c-hamburger span, body[class*=' skin-'].accent-go .c-hamburger span::before, body[class*=' skin-'].accent-go .c-hamburger span::after, body[class*=' skin-'].accent-go .c-hamburger span {
  background-color: #0093dd;
}
body[class^='skin-'].accent-go .c-hamburger:hover span::before, body[class^='skin-'].accent-go .c-hamburger:hover span::after, body[class^='skin-'].accent-go .c-hamburger:hover span, body[class*=' skin-'].accent-go .c-hamburger:hover span::before, body[class*=' skin-'].accent-go .c-hamburger:hover span::after, body[class*=' skin-'].accent-go .c-hamburger:hover span {
  background-color: #11afff;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go .nav > li.active, body[class*=' skin-'].accent-go .nav > li.active {
  border-color: #0093dd;
}
body[class^='skin-'].accent-go .nav > li.active.main-item, body[class*=' skin-'].accent-go .nav > li.active.main-item {
  border-color: #44c0ff;
}
body[class^='skin-'].accent-go .logo-element,
body[class^='skin-'].accent-go .logo-element .logo-element-expand, body[class*=' skin-'].accent-go .logo-element,
body[class*=' skin-'].accent-go .logo-element .logo-element-expand {
  background-color: #0093dd;
  color: white;
}
body[class^='skin-'].accent-go .btn-primary, body[class*=' skin-'].accent-go .btn-primary {
  background-color: #0093dd;
  border-color: #0071aa;
  color: white;
}
body[class^='skin-'].accent-go .btn-primary:hover, body[class*=' skin-'].accent-go .btn-primary:hover {
  background-color: #11afff;
  border-color: #0093dd;
}
body[class^='skin-'].accent-go .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go .open > .dropdown-toggle.btn-primary {
  background-color: #0093dd;
  border-color: #0071aa;
  color: white;
}
body[class^='skin-'].accent-go .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go .open > .dropdown-toggle.btn-primary:focus {
  background-color: #11afff;
  border-color: #0093dd;
}
body[class^='skin-'].accent-go .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #0093dd !important;
  border-color: #0071aa !important;
  color: white !important;
}
body[class^='skin-'].accent-go .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #11afff !important;
  border-color: #0093dd !important;
}
body[class^='skin-'].accent-go .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #0093dd;
  color: white !important;
}
body[class^='skin-'].accent-go .sym-thumbnail-holder, body[class*=' skin-'].accent-go .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go .sym-thumbnail-holder:hover .thumbnail i {
  color: #0093dd;
}
body[class^='skin-'].accent-go .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #0093dd;
}

a {
  color: #0071aa;
}
a:hover {
  color: #004f77;
}

a.popover-mais-informacoes-modal, a[data-toggle='popover'] {
  color: inherit;
}
a.popover-mais-informacoes-modal:hover, a[data-toggle='popover']:hover {
  color: #0082c4;
}

body[class^='skin-'].accent-go2 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go2 .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go2 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go2 .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #c62828;
}
body[class^='skin-'].accent-go2 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go2 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #c62828;
}
body[class^='skin-'].accent-go2 .form-control:focus, body[class^='skin-'].accent-go2 .single-line:focus, body[class*=' skin-'].accent-go2 .form-control:focus, body[class*=' skin-'].accent-go2 .single-line:focus {
  border-color: #c62828 !important;
}
body[class^='skin-'].accent-go2 table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go2 table th a:not([href="javascript:void(0)"]):hover {
  color: #c62828;
}
body[class^='skin-'].accent-go2 #side-menu li.main-item, body[class*=' skin-'].accent-go2 #side-menu li.main-item {
  background-color: #c62828 !important;
}
body[class^='skin-'].accent-go2 #side-menu li.main-item:hover, body[class*=' skin-'].accent-go2 #side-menu li.main-item:hover {
  background-color: #da4747 !important;
}
body[class^='skin-'].accent-go2 #side-menu li.main-item a, body[class*=' skin-'].accent-go2 #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go2 #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go2 #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go2 .c-hamburger span::before, body[class^='skin-'].accent-go2 .c-hamburger span::after, body[class^='skin-'].accent-go2 .c-hamburger span, body[class*=' skin-'].accent-go2 .c-hamburger span::before, body[class*=' skin-'].accent-go2 .c-hamburger span::after, body[class*=' skin-'].accent-go2 .c-hamburger span {
  background-color: #c62828;
}
body[class^='skin-'].accent-go2 .c-hamburger:hover span::before, body[class^='skin-'].accent-go2 .c-hamburger:hover span::after, body[class^='skin-'].accent-go2 .c-hamburger:hover span, body[class*=' skin-'].accent-go2 .c-hamburger:hover span::before, body[class*=' skin-'].accent-go2 .c-hamburger:hover span::after, body[class*=' skin-'].accent-go2 .c-hamburger:hover span {
  background-color: #da4747;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go2 .nav > li.active, body[class*=' skin-'].accent-go2 .nav > li.active {
  border-color: #c62828;
}
body[class^='skin-'].accent-go2 .nav > li.active.main-item, body[class*=' skin-'].accent-go2 .nav > li.active.main-item {
  border-color: #e27272;
}
body[class^='skin-'].accent-go2 .logo-element,
body[class^='skin-'].accent-go2 .logo-element .logo-element-expand, body[class*=' skin-'].accent-go2 .logo-element,
body[class*=' skin-'].accent-go2 .logo-element .logo-element-expand {
  background-color: #c62828;
  color: white;
}
body[class^='skin-'].accent-go2 .btn-primary, body[class*=' skin-'].accent-go2 .btn-primary {
  background-color: #c62828;
  border-color: #9c1f1f;
  color: white;
}
body[class^='skin-'].accent-go2 .btn-primary:hover, body[class*=' skin-'].accent-go2 .btn-primary:hover {
  background-color: #da4747;
  border-color: #c62828;
}
body[class^='skin-'].accent-go2 .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go2 .open > .dropdown-toggle.btn-primary {
  background-color: #c62828;
  border-color: #9c1f1f;
  color: white;
}
body[class^='skin-'].accent-go2 .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go2 .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go2 .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go2 .open > .dropdown-toggle.btn-primary:focus {
  background-color: #da4747;
  border-color: #c62828;
}
body[class^='skin-'].accent-go2 .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go2 .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go2 .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go2 .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #c62828 !important;
  border-color: #9c1f1f !important;
  color: white !important;
}
body[class^='skin-'].accent-go2 .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go2 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go2 .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go2 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #da4747 !important;
  border-color: #c62828 !important;
}
body[class^='skin-'].accent-go2 .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go2 .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #c62828;
  color: white !important;
}
body[class^='skin-'].accent-go2 .sym-thumbnail-holder, body[class*=' skin-'].accent-go2 .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go2 .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go2 .sym-thumbnail-holder:hover .thumbnail i {
  color: #c62828;
}
body[class^='skin-'].accent-go2 .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go2 .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go2 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go2 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #c62828;
}

body[class^='skin-'].accent-go3 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go3 .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go3 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go3 .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #2196f3;
}
body[class^='skin-'].accent-go3 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go3 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #2196f3;
  color: black;
}
body[class^='skin-'].accent-go3 .form-control:focus, body[class^='skin-'].accent-go3 .single-line:focus, body[class*=' skin-'].accent-go3 .form-control:focus, body[class*=' skin-'].accent-go3 .single-line:focus {
  border-color: #2196f3 !important;
}
body[class^='skin-'].accent-go3 table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go3 table th a:not([href="javascript:void(0)"]):hover {
  color: #0c7cd5;
}
body[class^='skin-'].accent-go3 #side-menu li.main-item, body[class*=' skin-'].accent-go3 #side-menu li.main-item {
  background-color: #2196f3 !important;
}
body[class^='skin-'].accent-go3 #side-menu li.main-item:hover, body[class*=' skin-'].accent-go3 #side-menu li.main-item:hover {
  background-color: #51adf6 !important;
}
body[class^='skin-'].accent-go3 #side-menu li.main-item a, body[class*=' skin-'].accent-go3 #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go3 #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go3 #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go3 .c-hamburger span::before, body[class^='skin-'].accent-go3 .c-hamburger span::after, body[class^='skin-'].accent-go3 .c-hamburger span, body[class*=' skin-'].accent-go3 .c-hamburger span::before, body[class*=' skin-'].accent-go3 .c-hamburger span::after, body[class*=' skin-'].accent-go3 .c-hamburger span {
  background-color: #2196f3;
}
body[class^='skin-'].accent-go3 .c-hamburger:hover span::before, body[class^='skin-'].accent-go3 .c-hamburger:hover span::after, body[class^='skin-'].accent-go3 .c-hamburger:hover span, body[class*=' skin-'].accent-go3 .c-hamburger:hover span::before, body[class*=' skin-'].accent-go3 .c-hamburger:hover span::after, body[class*=' skin-'].accent-go3 .c-hamburger:hover span {
  background-color: #51adf6;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go3 .nav > li.active, body[class*=' skin-'].accent-go3 .nav > li.active {
  border-color: #2196f3;
}
body[class^='skin-'].accent-go3 .nav > li.active.main-item, body[class*=' skin-'].accent-go3 .nav > li.active.main-item {
  border-color: #82c4f8;
}
body[class^='skin-'].accent-go3 .logo-element,
body[class^='skin-'].accent-go3 .logo-element .logo-element-expand, body[class*=' skin-'].accent-go3 .logo-element,
body[class*=' skin-'].accent-go3 .logo-element .logo-element-expand {
  background-color: #2196f3;
  color: black;
}
body[class^='skin-'].accent-go3 .btn-primary, body[class*=' skin-'].accent-go3 .btn-primary {
  background-color: #2196f3;
  border-color: #0c7cd5;
  color: black;
}
body[class^='skin-'].accent-go3 .btn-primary:hover, body[class*=' skin-'].accent-go3 .btn-primary:hover {
  background-color: #51adf6;
  border-color: #2196f3;
}
body[class^='skin-'].accent-go3 .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go3 .open > .dropdown-toggle.btn-primary {
  background-color: #2196f3;
  border-color: #0c7cd5;
  color: black;
}
body[class^='skin-'].accent-go3 .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go3 .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go3 .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go3 .open > .dropdown-toggle.btn-primary:focus {
  background-color: #51adf6;
  border-color: #2196f3;
}
body[class^='skin-'].accent-go3 .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go3 .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go3 .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go3 .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #2196f3 !important;
  border-color: #0c7cd5 !important;
  color: black !important;
}
body[class^='skin-'].accent-go3 .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go3 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go3 .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go3 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #51adf6 !important;
  border-color: #2196f3 !important;
}
body[class^='skin-'].accent-go3 .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go3 .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #2196f3;
  color: black !important;
}
body[class^='skin-'].accent-go3 .sym-thumbnail-holder, body[class*=' skin-'].accent-go3 .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go3 .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go3 .sym-thumbnail-holder:hover .thumbnail i {
  color: #2196f3;
}
body[class^='skin-'].accent-go3 .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go3 .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go3 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go3 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #2196f3;
}

body[class^='skin-'].accent-go4 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go4 .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go4 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go4 .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #8bc34a;
}
body[class^='skin-'].accent-go4 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go4 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #8bc34a;
  color: black;
}
body[class^='skin-'].accent-go4 .form-control:focus, body[class^='skin-'].accent-go4 .single-line:focus, body[class*=' skin-'].accent-go4 .form-control:focus, body[class*=' skin-'].accent-go4 .single-line:focus {
  border-color: #8bc34a !important;
}
body[class^='skin-'].accent-go4 table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go4 table th a:not([href="javascript:void(0)"]):hover {
  color: #71a436;
}
body[class^='skin-'].accent-go4 #side-menu li.main-item, body[class*=' skin-'].accent-go4 #side-menu li.main-item {
  background-color: #8bc34a !important;
}
body[class^='skin-'].accent-go4 #side-menu li.main-item:hover, body[class*=' skin-'].accent-go4 #side-menu li.main-item:hover {
  background-color: #a4d070 !important;
}
body[class^='skin-'].accent-go4 #side-menu li.main-item a, body[class*=' skin-'].accent-go4 #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go4 #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go4 #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go4 .c-hamburger span::before, body[class^='skin-'].accent-go4 .c-hamburger span::after, body[class^='skin-'].accent-go4 .c-hamburger span, body[class*=' skin-'].accent-go4 .c-hamburger span::before, body[class*=' skin-'].accent-go4 .c-hamburger span::after, body[class*=' skin-'].accent-go4 .c-hamburger span {
  background-color: #8bc34a;
}
body[class^='skin-'].accent-go4 .c-hamburger:hover span::before, body[class^='skin-'].accent-go4 .c-hamburger:hover span::after, body[class^='skin-'].accent-go4 .c-hamburger:hover span, body[class*=' skin-'].accent-go4 .c-hamburger:hover span::before, body[class*=' skin-'].accent-go4 .c-hamburger:hover span::after, body[class*=' skin-'].accent-go4 .c-hamburger:hover span {
  background-color: #a4d070;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go4 .nav > li.active, body[class*=' skin-'].accent-go4 .nav > li.active {
  border-color: #8bc34a;
}
body[class^='skin-'].accent-go4 .nav > li.active.main-item, body[class*=' skin-'].accent-go4 .nav > li.active.main-item {
  border-color: #bcdc97;
}
body[class^='skin-'].accent-go4 .logo-element,
body[class^='skin-'].accent-go4 .logo-element .logo-element-expand, body[class*=' skin-'].accent-go4 .logo-element,
body[class*=' skin-'].accent-go4 .logo-element .logo-element-expand {
  background-color: #8bc34a;
  color: black;
}
body[class^='skin-'].accent-go4 .btn-primary, body[class*=' skin-'].accent-go4 .btn-primary {
  background-color: #8bc34a;
  border-color: #71a436;
  color: black;
}
body[class^='skin-'].accent-go4 .btn-primary:hover, body[class*=' skin-'].accent-go4 .btn-primary:hover {
  background-color: #a4d070;
  border-color: #8bc34a;
}
body[class^='skin-'].accent-go4 .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go4 .open > .dropdown-toggle.btn-primary {
  background-color: #8bc34a;
  border-color: #71a436;
  color: black;
}
body[class^='skin-'].accent-go4 .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go4 .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go4 .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go4 .open > .dropdown-toggle.btn-primary:focus {
  background-color: #a4d070;
  border-color: #8bc34a;
}
body[class^='skin-'].accent-go4 .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go4 .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go4 .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go4 .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #8bc34a !important;
  border-color: #71a436 !important;
  color: black !important;
}
body[class^='skin-'].accent-go4 .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go4 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go4 .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go4 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #a4d070 !important;
  border-color: #8bc34a !important;
}
body[class^='skin-'].accent-go4 .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go4 .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #8bc34a;
  color: black !important;
}
body[class^='skin-'].accent-go4 .sym-thumbnail-holder, body[class*=' skin-'].accent-go4 .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go4 .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go4 .sym-thumbnail-holder:hover .thumbnail i {
  color: #8bc34a;
}
body[class^='skin-'].accent-go4 .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go4 .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go4 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go4 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #8bc34a;
}

body[class^='skin-'].accent-go5 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go5 .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go5 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go5 .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #37474f;
}
body[class^='skin-'].accent-go5 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go5 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #37474f;
}
body[class^='skin-'].accent-go5 .form-control:focus, body[class^='skin-'].accent-go5 .single-line:focus, body[class*=' skin-'].accent-go5 .form-control:focus, body[class*=' skin-'].accent-go5 .single-line:focus {
  border-color: #37474f !important;
}
body[class^='skin-'].accent-go5 table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go5 table th a:not([href="javascript:void(0)"]):hover {
  color: #37474f;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item, body[class*=' skin-'].accent-go5 #side-menu li.main-item {
  background-color: #37474f !important;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item:hover, body[class*=' skin-'].accent-go5 #side-menu li.main-item:hover {
  background-color: #4c626d !important;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item a, body[class*=' skin-'].accent-go5 #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go5 #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go5 .c-hamburger span::before, body[class^='skin-'].accent-go5 .c-hamburger span::after, body[class^='skin-'].accent-go5 .c-hamburger span, body[class*=' skin-'].accent-go5 .c-hamburger span::before, body[class*=' skin-'].accent-go5 .c-hamburger span::after, body[class*=' skin-'].accent-go5 .c-hamburger span {
  background-color: #37474f;
}
body[class^='skin-'].accent-go5 .c-hamburger:hover span::before, body[class^='skin-'].accent-go5 .c-hamburger:hover span::after, body[class^='skin-'].accent-go5 .c-hamburger:hover span, body[class*=' skin-'].accent-go5 .c-hamburger:hover span::before, body[class*=' skin-'].accent-go5 .c-hamburger:hover span::after, body[class*=' skin-'].accent-go5 .c-hamburger:hover span {
  background-color: #4c626d;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go5 .nav > li.active, body[class*=' skin-'].accent-go5 .nav > li.active {
  border-color: #37474f;
}
body[class^='skin-'].accent-go5 .nav > li.active.main-item, body[class*=' skin-'].accent-go5 .nav > li.active.main-item {
  border-color: #617d8b;
}
body[class^='skin-'].accent-go5 .logo-element,
body[class^='skin-'].accent-go5 .logo-element .logo-element-expand, body[class*=' skin-'].accent-go5 .logo-element,
body[class*=' skin-'].accent-go5 .logo-element .logo-element-expand {
  background-color: #37474f;
  color: white;
}
body[class^='skin-'].accent-go5 .btn-primary, body[class*=' skin-'].accent-go5 .btn-primary {
  background-color: #37474f;
  border-color: #222c31;
  color: white;
}
body[class^='skin-'].accent-go5 .btn-primary:hover, body[class*=' skin-'].accent-go5 .btn-primary:hover {
  background-color: #4c626d;
  border-color: #37474f;
}
body[class^='skin-'].accent-go5 .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go5 .open > .dropdown-toggle.btn-primary {
  background-color: #37474f;
  border-color: #222c31;
  color: white;
}
body[class^='skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:focus {
  background-color: #4c626d;
  border-color: #37474f;
}
body[class^='skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #37474f !important;
  border-color: #222c31 !important;
  color: white !important;
}
body[class^='skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #4c626d !important;
  border-color: #37474f !important;
}
body[class^='skin-'].accent-go5 .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go5 .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #37474f;
  color: white !important;
}
body[class^='skin-'].accent-go5 .sym-thumbnail-holder, body[class*=' skin-'].accent-go5 .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go5 .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go5 .sym-thumbnail-holder:hover .thumbnail i {
  color: #37474f;
}
body[class^='skin-'].accent-go5 .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go5 .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go5 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go5 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #37474f;
}

body[class^='skin-'].accent-go5 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go5 .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go5 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go5 .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #4527a0;
}
body[class^='skin-'].accent-go5 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go5 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #4527a0;
}
body[class^='skin-'].accent-go5 .form-control:focus, body[class^='skin-'].accent-go5 .single-line:focus, body[class*=' skin-'].accent-go5 .form-control:focus, body[class*=' skin-'].accent-go5 .single-line:focus {
  border-color: #4527a0 !important;
}
body[class^='skin-'].accent-go5 table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go5 table th a:not([href="javascript:void(0)"]):hover {
  color: #4527a0;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item, body[class*=' skin-'].accent-go5 #side-menu li.main-item {
  background-color: #4527a0 !important;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item:hover, body[class*=' skin-'].accent-go5 #side-menu li.main-item:hover {
  background-color: #5731c9 !important;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item a, body[class*=' skin-'].accent-go5 #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go5 #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go5 #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go5 .c-hamburger span::before, body[class^='skin-'].accent-go5 .c-hamburger span::after, body[class^='skin-'].accent-go5 .c-hamburger span, body[class*=' skin-'].accent-go5 .c-hamburger span::before, body[class*=' skin-'].accent-go5 .c-hamburger span::after, body[class*=' skin-'].accent-go5 .c-hamburger span {
  background-color: #4527a0;
}
body[class^='skin-'].accent-go5 .c-hamburger:hover span::before, body[class^='skin-'].accent-go5 .c-hamburger:hover span::after, body[class^='skin-'].accent-go5 .c-hamburger:hover span, body[class*=' skin-'].accent-go5 .c-hamburger:hover span::before, body[class*=' skin-'].accent-go5 .c-hamburger:hover span::after, body[class*=' skin-'].accent-go5 .c-hamburger:hover span {
  background-color: #5731c9;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go5 .nav > li.active, body[class*=' skin-'].accent-go5 .nav > li.active {
  border-color: #4527a0;
}
body[class^='skin-'].accent-go5 .nav > li.active.main-item, body[class*=' skin-'].accent-go5 .nav > li.active.main-item {
  border-color: #7657d6;
}
body[class^='skin-'].accent-go5 .logo-element,
body[class^='skin-'].accent-go5 .logo-element .logo-element-expand, body[class*=' skin-'].accent-go5 .logo-element,
body[class*=' skin-'].accent-go5 .logo-element .logo-element-expand {
  background-color: #4527a0;
  color: white;
}
body[class^='skin-'].accent-go5 .btn-primary, body[class*=' skin-'].accent-go5 .btn-primary {
  background-color: #4527a0;
  border-color: #331d77;
  color: white;
}
body[class^='skin-'].accent-go5 .btn-primary:hover, body[class*=' skin-'].accent-go5 .btn-primary:hover {
  background-color: #5731c9;
  border-color: #4527a0;
}
body[class^='skin-'].accent-go5 .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go5 .open > .dropdown-toggle.btn-primary {
  background-color: #4527a0;
  border-color: #331d77;
  color: white;
}
body[class^='skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go5 .open > .dropdown-toggle.btn-primary:focus {
  background-color: #5731c9;
  border-color: #4527a0;
}
body[class^='skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #4527a0 !important;
  border-color: #331d77 !important;
  color: white !important;
}
body[class^='skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go5 .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go5 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #5731c9 !important;
  border-color: #4527a0 !important;
}
body[class^='skin-'].accent-go5 .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go5 .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #4527a0;
  color: white !important;
}
body[class^='skin-'].accent-go5 .sym-thumbnail-holder, body[class*=' skin-'].accent-go5 .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go5 .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go5 .sym-thumbnail-holder:hover .thumbnail i {
  color: #4527a0;
}
body[class^='skin-'].accent-go5 .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go5 .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go5 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go5 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #4527a0;
}

body[class^='skin-'].accent-go6 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class^='skin-'].accent-go6 .select2-container--bootstrap.select2-container--open .select2-selection, body[class*=' skin-'].accent-go6 .select2-container--bootstrap.select2-container--focus .select2-selection,
body[class*=' skin-'].accent-go6 .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #d32f2f;
}
body[class^='skin-'].accent-go6 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before, body[class*=' skin-'].accent-go6 input[type=checkbox]:checked.sym-checkbox-circle + input + label::before {
  background-color: #d32f2f;
}
body[class^='skin-'].accent-go6 .form-control:focus, body[class^='skin-'].accent-go6 .single-line:focus, body[class*=' skin-'].accent-go6 .form-control:focus, body[class*=' skin-'].accent-go6 .single-line:focus {
  border-color: #d32f2f !important;
}
body[class^='skin-'].accent-go6 table th a:not([href="javascript:void(0)"]):hover, body[class*=' skin-'].accent-go6 table th a:not([href="javascript:void(0)"]):hover {
  color: #d32f2f;
}
body[class^='skin-'].accent-go6 #side-menu li.main-item, body[class*=' skin-'].accent-go6 #side-menu li.main-item {
  background-color: #d32f2f !important;
}
body[class^='skin-'].accent-go6 #side-menu li.main-item:hover, body[class*=' skin-'].accent-go6 #side-menu li.main-item:hover {
  background-color: #dc5959 !important;
}
body[class^='skin-'].accent-go6 #side-menu li.main-item a, body[class*=' skin-'].accent-go6 #side-menu li.main-item a {
  color: white !important;
  background-color: transparent !important;
}
body[class^='skin-'].accent-go6 #side-menu li.main-item a:hover, body[class*=' skin-'].accent-go6 #side-menu li.main-item a:hover {
  background-color: transparent !important;
}
body[class^='skin-'].accent-go6 .c-hamburger span::before, body[class^='skin-'].accent-go6 .c-hamburger span::after, body[class^='skin-'].accent-go6 .c-hamburger span, body[class*=' skin-'].accent-go6 .c-hamburger span::before, body[class*=' skin-'].accent-go6 .c-hamburger span::after, body[class*=' skin-'].accent-go6 .c-hamburger span {
  background-color: #d32f2f;
}
body[class^='skin-'].accent-go6 .c-hamburger:hover span::before, body[class^='skin-'].accent-go6 .c-hamburger:hover span::after, body[class^='skin-'].accent-go6 .c-hamburger:hover span, body[class*=' skin-'].accent-go6 .c-hamburger:hover span::before, body[class*=' skin-'].accent-go6 .c-hamburger:hover span::after, body[class*=' skin-'].accent-go6 .c-hamburger:hover span {
  background-color: #dc5959;
  /*}
  @else {
      background-color: darken($accent-color, 10%);
  }*/
}
body[class^='skin-'].accent-go6 .nav > li.active, body[class*=' skin-'].accent-go6 .nav > li.active {
  border-color: #d32f2f;
}
body[class^='skin-'].accent-go6 .nav > li.active.main-item, body[class*=' skin-'].accent-go6 .nav > li.active.main-item {
  border-color: #e58383;
}
body[class^='skin-'].accent-go6 .logo-element,
body[class^='skin-'].accent-go6 .logo-element .logo-element-expand, body[class*=' skin-'].accent-go6 .logo-element,
body[class*=' skin-'].accent-go6 .logo-element .logo-element-expand {
  background-color: #d32f2f;
  color: white;
}
body[class^='skin-'].accent-go6 .btn-primary, body[class*=' skin-'].accent-go6 .btn-primary {
  background-color: #d32f2f;
  border-color: #ab2424;
  color: white;
}
body[class^='skin-'].accent-go6 .btn-primary:hover, body[class*=' skin-'].accent-go6 .btn-primary:hover {
  background-color: #dc5959;
  border-color: #d32f2f;
}
body[class^='skin-'].accent-go6 .open > .dropdown-toggle.btn-primary, body[class*=' skin-'].accent-go6 .open > .dropdown-toggle.btn-primary {
  background-color: #d32f2f;
  border-color: #ab2424;
  color: white;
}
body[class^='skin-'].accent-go6 .open > .dropdown-toggle.btn-primary:hover, body[class^='skin-'].accent-go6 .open > .dropdown-toggle.btn-primary:focus, body[class*=' skin-'].accent-go6 .open > .dropdown-toggle.btn-primary:hover, body[class*=' skin-'].accent-go6 .open > .dropdown-toggle.btn-primary:focus {
  background-color: #dc5959;
  border-color: #d32f2f;
}
body[class^='skin-'].accent-go6 .swal2-modal button.styled.swal2-confirm, body[class^='skin-'].accent-go6 .swal2-modal button.swal2-styled.custom:not(.cancelar), body[class*=' skin-'].accent-go6 .swal2-modal button.styled.swal2-confirm, body[class*=' skin-'].accent-go6 .swal2-modal button.swal2-styled.custom:not(.cancelar) {
  background-color: #d32f2f !important;
  border-color: #ab2424 !important;
  color: white !important;
}
body[class^='skin-'].accent-go6 .swal2-modal button.styled.swal2-confirm:hover, body[class^='skin-'].accent-go6 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover, body[class*=' skin-'].accent-go6 .swal2-modal button.styled.swal2-confirm:hover, body[class*=' skin-'].accent-go6 .swal2-modal button.swal2-styled.custom:not(.cancelar):hover {
  background-color: #dc5959 !important;
  border-color: #d32f2f !important;
}
body[class^='skin-'].accent-go6 .swal2-popup .swal2-styled.swal2-confirm, body[class*=' skin-'].accent-go6 .swal2-popup .swal2-styled.swal2-confirm {
  background-color: #d32f2f;
  color: white !important;
}
body[class^='skin-'].accent-go6 .sym-thumbnail-holder, body[class*=' skin-'].accent-go6 .sym-thumbnail-holder {
  box-shadow: none;
}
body[class^='skin-'].accent-go6 .sym-thumbnail-holder:hover .thumbnail i, body[class*=' skin-'].accent-go6 .sym-thumbnail-holder:hover .thumbnail i {
  color: #d32f2f;
}
body[class^='skin-'].accent-go6 .sym-thumbnail-holder .thumbnail i, body[class*=' skin-'].accent-go6 .sym-thumbnail-holder .thumbnail i {
  color: #414344;
}
body[class^='skin-'].accent-go6 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected, body[class*=' skin-'].accent-go6 .sym-centralnot .sym-centralnot-barra-lateral div.body ul li.notif-preview.selected {
  border-left-color: #d32f2f;
}

body[class^='skin-dark'].accent-go .sym-thumbnail-holder .thumbnail i, body[class*=' skin-dark'].accent-go .sym-thumbnail-holder .thumbnail i {
    color: white;
}

/* Personalizacoes para o tema skin-light-0 */
body[class^='skin-light-0']:not(.gray-bg), body[class*=' skin-light-0']:not(.gray-bg) {
  background-color: #ccd2d7;
}
body[class^='skin-light-0']:not(.gray-bg) #page-wrapper, body[class*=' skin-light-0']:not(.gray-bg) #page-wrapper {
  background-color: #ccd2d7;
}

body.skin-light-0 .navbar.navbar-fixed-top, body.skin-light-0 .navbar.navbar-static-top, body.skin-light-0 .footer, body.skin-light-0 .page-heading {
  border-color: #bbb;
}
body.skin-light-0 .top-navbar-logo {
  margin-left: 20px;
  margin-right: 20px;
}

body.md-skin {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
}

.md-skin .nav-header {
  background: url("patterns/4.png") no-repeat;
}
.md-skin .label, .md-skin .badge {
  font-family: 'Roboto';
}
.md-skin .font-bold {
  font-weight: 500;
}
.md-skin .wrapper-content {
  padding: 30px 20px 40px;
}
@media (max-width: 768px) {
  .md-skin .wrapper-content {
    padding: 30px 0 40px;
  }
}
.md-skin .page-heading {
  border-bottom: none !important;
  border-top: 0;
  padding: 0 10px 20px 10px;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
}
.md-skin .full-height-layout .page-heading {
  border-bottom: 1px solid #e7eaec !important;
}
.md-skin .ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .ibox.border-bottom {
  border-bottom: none !important;
}
.md-skin .ibox-title, .md-skin .ibox-content {
  border-style: none;
}
.md-skin .ibox-title h5 {
  font-size: 16px;
  font-weight: 400;
}
.md-skin a.close-canvas-menu {
  color: #ffffff;
}
.md-skin .welcome-message {
  color: #ffffff;
  font-weight: 300;
}
.md-skin #top-search::-moz-placeholder {
  color: #ffffff;
}
.md-skin #top-search::-webkit-input-placeholder {
  color: #ffffff;
}
.md-skin #nestable-output,
.md-skin #nestable2-output {
  font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
}
.md-skin .landing-page {
  font-family: 'Roboto', helvetica, arial, sans-serif;
}
.md-skin .landing-page.navbar-default.navbar-scroll {
  background-color: #fff !important;
}
.md-skin .landing-page.navbar-default {
  background-color: transparent !important;
  box-shadow: none;
}
.md-skin .landing-page.navbar-default .nav li a {
  font-family: 'Roboto', helvetica, arial, sans-serif;
}
.md-skin .nav > li > a {
  color: #000000;
  padding: 14px 20px 14px 25px;
}
.md-skin .nav.navbar-right > li > a {
  color: #ffffff;
}
.md-skin .nav > li.active > a {
  color: #5b5d5f;
  font-weight: 700;
}
.md-skin .navbar-default .nav > li > a:hover, .md-skin .navbar-default .nav > li > a:focus {
  font-weight: 700;
  color: #5b5d5f;
}
.md-skin .nav .open > a, .md-skin .nav .open > a:hover, .md-skin .nav .open > a:focus {
  background: #1ab394;
}
.md-skin .navbar-top-links li {
  display: inline-table;
}
.md-skin .navbar-top-links .dropdown-menu li {
  display: block;
}
.md-skin .pace-done .nav-header {
  transition: all 0.4s;
}
.md-skin .nav > li.active {
  background: #f8f8f9;
}
.md-skin .nav-second-level li a {
  padding: 7px 10px 7px 52px;
}
.md-skin .navbar-top-links li a {
  padding: 20px 10px;
  min-height: 50px;
}
.md-skin .nav > li > a {
  font-weight: 400;
}
.md-skin .navbar-static-side .nav > li > a:focus, .md-skin .navbar-static-side .nav > li > a:hover {
  background-color: inherit;
}
.md-skin .navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: inherit;
}
.md-skin .nav-header .navbar-fixed-top a {
  color: #ffffff;
}
.md-skin .nav-header .text-muted {
  color: #ffffff;
}
.md-skin .navbar-form-custom .form-control {
  font-weight: 300;
}
.md-skin .mini-navbar .nav-second-level {
  background-color: inherit;
}
.md-skin .mini-navbar li.active .nav-second-level {
  left: 65px;
}
.md-skin .canvas-menu.mini-navbar .nav-second-level {
  background: inherit;
}
.md-skin .pace-done .navbar-static-side, .md-skin .pace-done .nav-header, .md-skin .pace-done li.active, .md-skin .pace-done #page-wrapper, .md-skin .pace-done .footer {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.md-skin .navbar-fixed-top {
  background: #fff;
  transition-duration: 0.4s;
  z-index: 2030;
  border-bottom: none !important;
}
.md-skin .navbar-fixed-top, .md-skin .navbar-static-top {
  background-color: #1AB394 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .navbar-static-side {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin #right-sidebar {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
  z-index: 900;
}
.md-skin .white-bg .navbar-fixed-top, .md-skin .white-bg .navbar-static-top {
  background: #fff !important;
}
.md-skin .contact-box {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
}
.md-skin .dashboard-header {
  border-bottom: none !important;
  border-top: 0;
  padding: 20px 20px 20px 20px;
  margin: 30px 20px 0 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
  .md-skin .dashboard-header {
    margin: 20px 0 0 0;
  }
}
.md-skin ul.notes li div {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .file {
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .mail-box {
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  margin-bottom: 20px;
  border: none;
}
.md-skin .mail-box-header {
  border: none;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 30px 20px 20px 20px;
}
.md-skin .mailbox-content {
  border: none;
  padding: 20px;
  background: #ffffff;
}
.md-skin .social-feed-box {
  border: none;
  background: #fff;
  margin-bottom: 15px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.landing-page .navbar-default {
  background-color: transparent !important;
  border-color: transparent;
  transition: all 0.3s ease-in-out 0s;
  box-shadow: none;
}
.md-skin.landing-page .navbar-default.navbar-scroll, .md-skin.landing-page.body-small .navbar-default {
  background-color: #ffffff !important;
}
.md-skin.landing-page .nav > li.active {
  background: inherit;
}
.md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
  padding: 20px 10px;
}
.md-skin.landing-page .navbar-default .nav li a {
  font-family: 'Roboto', helvetica, arial, sans-serif;
}
.md-skin.landing-page .nav > li > a {
  padding: 25px 10px 15px 10px;
}
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover, .md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
  background: inherit;
  color: #1ab394;
}
.md-skin.landing-page.body-small .nav.navbar-right > li > a {
  color: #000000;
}
.md-skin .landing_link a, .md-skin .special_link a {
  color: #ffffff !important;
}
.md-skin.canvas-menu.mini-navbar .nav-second-level {
  background: #f8f8f9;
}
.md-skin.mini-navbar .nav-second-level {
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.mini-navbar .nav-second-level li a {
  padding-left: 0;
}
.md-skin.top-navigation .nav.navbar-right > li > a {
  padding: 15px 20px;
  color: #000000;
}
.md-skin.top-navigation .nav > li a:hover, .md-skin .top-navigation .nav > li a:focus, .md-skin.top-navigation .nav .open > a, .md-skin.top-navigation .nav .open > a:hover, .md-skin.top-navigation .nav .open > a:focus {
  color: #1ab394;
  background: #ffffff;
}
.md-skin.top-navigation .nav > li.active a {
  color: #1ab394;
  background: #ffffff;
}
.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
  margin-top: 0;
}
.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 0;
}
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
  background-color: #ffffff;
}
.md-skin.canvas-menu nav.navbar-static-side {
  z-index: 2001;
  background: #ffffff;
  height: 100%;
  position: fixed;
  display: none;
}

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    min-height: 1200px;
  }

  .navbar-static-side {
    z-index: 2001;
    position: absolute;
    width: 220px;
  }

  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    min-height: 1000px;
  }

  .body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
  }

  .body-small.mini-navbar .navbar-static-side {
    display: block;
  }

  .lock-word {
    display: none;
  }

  .navbar-form-custom {
    display: none;
  }

  .navbar-header {
    display: inline;
    float: left;
  }

  .sidebard-panel {
    z-index: 2;
    position: relative;
    width: auto;
    min-height: 100% !important;
  }

  .sidebar-content .wrapper {
    padding-right: 0;
    z-index: 1;
  }

  .fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }

  .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }

  .ibox-tools {
    float: none;
    text-align: right;
    display: block;
  }
}
@media (max-width: 350px) {
  .timeline-item .date {
    text-align: left;
    width: 110px;
    position: relative;
    padding-top: 30px;
  }

  .timeline-item .date i {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
    border: 1px solid #e7eaec;
    background: #f8f8f8;
  }

  .timeline-item .content {
    border-left: none;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
  }

  .nav.navbar-top-links li.dropdown {
    display: none;
  }

  .ibox-tools {
    float: none;
    text-align: left;
    display: inline-block;
  }
}
/* Only demo */
@media (max-width: 1000px) {
  .welcome-message {
    display: none;
  }
}
@font-face {
  font-family: 'font-diario-web';
  src: url("/fonts/Symplis/font/font-diario-web.eot?5896894");
  src: url("/fonts/Symplis/font/font-diario-web.eot?5896894#iefix") format("embedded-opentype"), url("/fonts/Symplis/font/font-diario-web.woff2?5896894") format("woff2"), url("/fonts/Symplis/font/font-diario-web.woff?5896894") format("woff"), url("/fonts/Symplis/font/font-diario-web.ttf?5896894") format("truetype"), url("/fonts/Symplis/font/font-diario-web.svg?5896894#font-diario-web") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'font-diario-web';
    src: url('../font/font-diario-web.svg?33400926#font-diario-web') format('svg');
  }
}
*/
[class^="go-"]:before, [class*=" go-"]:before {
  font-family: "font-diario-web";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.go-modulos:before {
  content: '\41';
}

/* 'A' */
.go-extrato:before {
  content: '\42';
}

/* 'B' */
.go-documentos:before {
  content: '\43';
}

/* 'C' */
.go-manutencao-predial:before {
  content: '\44';
}

/* 'D' */
.go-mudancas:before {
  content: '\45';
}

/* 'E' */
.go-gestao-de-consumo:before {
  content: '\46';
}

/* 'F' */
.go-fabricantes-de-equipamentos:before {
  content: '\47';
}

/* 'G' */
.go-funcionario:before {
  content: '\48';
}

/* 'H' */
.go-reforma:before {
  content: '\49';
}

/* 'I' */
.go-animais:before {
  content: '\4a';
}

/* 'J' */
.go-areas-locaveis:before {
  content: '\4b';
}

/* 'K' */
.go-prestador-de-servico:before {
  content: '\4c';
}

/* 'L' */
.go-proprietarios:before {
  content: '\4d';
}

/* 'M' */
.go-afastamento:before {
  content: '\4e';
}

/* 'N' */
.go-afastamento-ou-bloqueio:before {
  content: '\4f';
}

/* 'O' */
.go-visitante:before {
  content: '\50';
}

/* 'P' */
.go-telefones-de-manutencao:before {
  content: '\51';
}

/* 'Q' */
.go-graficos:before {
  content: '\52';
}

/* 'R' */
.go-advertencias:before {
  content: '\53';
}

/* 'S' */
.go-servicos-contratodos:before {
  content: '\54';
}

/* 'T' */
.go-tipo-equipamentos:before {
  content: '\55';
}

/* 'U' */
.go-administradoras:before {
  content: '\56';
}

/* 'V' */
.go-protocolo-eletronico:before {
  content: '\57';
}

/* 'W' */
.go-assembleias:before {
  content: '\58';
}

/* 'X' */
.go-planos:before {
  content: '\61';
}

/* 'a' */
.go-avisos-e-recados:before {
  content: '\62';
}

/* 'b' */
.go-cargos:before {
  content: '\63';
}

/* 'c' */
.go-carro:before {
  content: '\64';
}

/* 'd' */
.go-comodidade:before {
  content: '\65';
}

/* 'e' */
.go-compras:before {
  content: '\66';
}

/* 'f' */
.go-condomino:before {
  content: '\67';
}

/* 'g' */
.go-configuracoes:before {
  content: '\68';
}

/* 'h' */
.go-contas-pagar:before {
  content: '\69';
}

/* 'i' */
.go-contato-de-emergencia:before {
  content: '\6a';
}

/* 'j' */
.go-contas-receber:before {
  content: '\6b';
}

/* 'k' */
.go-info:before {
  content: '\6c';
}

/* 'l' */
.go-contas:before {
  content: '\6d';
}

/* 'm' */
.go-encomendas:before {
  content: '\6e';
}

/* 'n' */
.go-financeiro:before {
  content: '\6f';
}

/* 'o' */
.go-funcionarios:before {
  content: '\70';
}

/* 'p' */
.go-gestao-de-documentos:before {
  content: '\71';
}

/* 'q' */
.go-incidentes-ocorrencias:before {
  content: '\72';
}

/* 'r' */
.go-logo:before {
  content: '\73';
}

/* 's' */
.go-minha-unidade:before {
  content: '\74';
}

/* 't' */
.go-reservas:before {
  content: '\75';
}

/* 'u' */
.go-bloqueio-e-bloqueio-de-data:before {
  content: '\76';
}

/* 'v' */
.go-equipamentos:before {
  content: '\77';
}

/* 'w' */
.go-menu:before {
  content: '\78';
}

/* 'x' */
.go-mao-de-obra:before {
  content: '\79';
}

/* 'y' */
.go-perfil-de-acesso:before {
  content: '\7a';
}

/* 'z' */
.go-excavator:before {
  content: '\e800';
}

/* '' */
.go-toolbox:before {
  content: '\e801';
}

/* '' */
.go-employee-card:before {
  content: '\e802';
}

/* '' */
.go-settings:before {
  content: '\e803';
}

/* '' */
.go-office-block-2:before {
  content: '\e804';
}

/* '' */
.go-receipt:before {
  content: '\e805';
}

/* '' */
.go-tax-1:before {
  content: '\e806';
}

/* '' */
.go-office-block:before {
  content: '\e832';
}

/* '' */
.go-residential:before {
  content: '\e833';
}

/* '' */
.go-entrance:before {
  content: '\e837';
}

/* '' */
.go-driller:before {
  content: '\e838';
}

/* '' */
.go-industrial-robot:before {
  content: '\e839';
}

/* '' */
.go-repairing-service:before {
  content: '\e83a';
}

/* '' */
.go-logistics-delivery:before {
  content: '\e83b';
}

/* '' */
.go-gauge:before {
  content: '\e83c';
}

/* '' */
.go-unit-key:before {
  content: '\e83d';
}

/* '' */
.go-house-keychain:before {
  content: '\e83e';
}

/* '' */
.go-decision-making:before {
  content: '\e83f';
}

/* '' */
.go-house:before {
  content: '\e840';
}

/* '' */
.go-department:before {
  content: '\e841';
}

/* '' */
.go-manager:before {
  content: '\e842';
}

/* '' */
.go-group:before {
  content: '\e843';
}

/* '' */
.go-hotel-room-key:before {
  content: '\e844';
}

/* '' */
.go-worker:before {
  content: '\e845';
}

/* '' */
.go-morning-newspaper-and-coffee:before {
  content: '\e846';
}

/* '' */
.go-man-reading-newspaper:before {
  content: '\e847';
}

/* '' */
.go-radar:before {
  content: '\e848';
}

/* '' */
.go-satellite-dish:before {
  content: '\e849';
}

/* '' */
.go-users-group:before {
  content: '\e84a';
}

/* '' */
.go-female-avatar:before {
  content: '\e84b';
}

/* '' */
.go-male-avatar:before {
  content: '\e84c';
}

/* '' */
.go-two-men-talking:before {
  content: '\e84d';
}

/* '' */
.go-business-meeting:before {
  content: '\e84e';
}

/* '' */
.go-male-silhouette-talking:before {
  content: '\e84f';
}

/* '' */
.go-report:before {
  content: '\e850';
}

/* '' */
.go-house-and-dollar-sign-in-weighing-scale:before {
  content: '\e851';
}

/* '' */
.go-budget:before {
  content: '\e852';
}

/* '' */
.go-siren:before {
  content: '\e853';
}

/* '' */
.go-notebook-of-spring-with-lines-page:before {
  content: '\e854';
}

/* '' */
.go-print-calculator:before {
  content: '\e855';
}

/* '' */
.go-money:before {
  content: '\e856';
}

/* '' */
.go-money-bag-hand-drawn-variant:before {
  content: '\e857';
}

/* '' */
.go-calculator-hand-drawn-tool:before {
  content: '\e858';
}

/* '' */
.go-hand-holding-up-a-financial-graph:before {
  content: '\e859';
}

/* '' */
.go-money-stacks-of-coins:before {
  content: '\e85a';
}

/* '' */
.go-financial-document:before {
  content: '\e85b';
}

/* '' */
.go-sms-message:before {
  content: '\e85c';
}

/* '' */
.go-speech-bubble:before {
  content: '\e85d';
}

/* '' */
.go-poor-water-supply:before {
  content: '\e85e';
}

/* '' */
.go-power-line:before {
  content: '\e85f';
}

/* '' */
.go-cash:before {
  content: '\e861';
}

/* '' */
.go-home-insurance-symbol-of-a-house-on-hands:before {
  content: '\e862';
}

/* '' */
.go-real-estate-business-house-on-a-hand:before {
  content: '\e863';
}

/* '' */
.go-boombox:before {
  content: '\e864';
}

/* '' */
.go-screen:before {
  content: '\e865';
}

/* '' */
.go-service-courier:before {
  content: '\e866';
}

/* '' */
.go-transfer:before {
  content: '\e867';
}

/* '' */
.go-bank:before {
  content: '\e868';
}

/* '' */
.go-office-block-1:before {
  content: '\e869';
}

/* '' */
.go-apartment-prices:before {
  content: '\e86a';
}

/* '' */
.go-house-front-of-three-floors:before {
  content: '\e86b';
}

/* '' */
.go-house-sale-agreement:before {
  content: '\e86c';
}

/* '' */
.go-house-contract:before {
  content: '\e86d';
}

/* '' */
.go-house-with-dollar-sign-on-a-hand:before {
  content: '\e86e';
}

/* '' */
.go-house-1:before {
  content: '\e86f';
}

/* '' */
.go-dog:before {
  content: '\e870';
}

/* '' */
.go-information:before {
  content: '\e871';
}

/* '' */
.go-social-media-press-release:before {
  content: '\e872';
}

/* '' */
.go-information-signal:before {
  content: '\e873';
}

/* '' */
.go-newspaper:before {
  content: '\e874';
}

/* '' */
.go-info-1:before {
  content: '\e875';
}

/* '' */
.go-bank-1:before {
  content: '\e876';
}

/* '' */
.go-transfer-1:before {
  content: '\e877';
}

/* '' */
.go-stop-settings:before {
  content: '\e878';
}

/* '' */
.go-warning:before {
  content: '\e879';
}

/* '' */
.go-private:before {
  content: '\e87a';
}

/* '' */
.go-do-not-disturb:before {
  content: '\e87b';
}

/* '' */
.go-man-thinking:before {
  content: '\e87c';
}

/* '' */
.go-human-group-with-questions-and-doubts:before {
  content: '\e87d';
}

/* '' */
.go-bed:before {
  content: '\e87e';
}

/* '' */
.go-bf:before {
  content: '\e87f';
}

/* '' */
.go-books-stack:before {
  content: '\e880';
}

/* '' */
.go-breakfast-choice-2:before {
  content: '\e881';
}

/* '' */
.go-breakfast:before {
  content: '\e882';
}

/* '' */
.go-bug-fixing:before {
  content: '\e883';
}

/* '' */
.go-bull-horn-announcer:before {
  content: '\e884';
}

/* '' */
.go-calendar:before {
  content: '\e885';
}

/* '' */
.go-calendar-page-empty:before {
  content: '\e886';
}

/* '' */
.go-calendar-with-spring-binder-and-date-blocks:before {
  content: '\e887';
}

/* '' */
.go-chat-support:before {
  content: '\e888';
}

/* '' */
.go-class-group:before {
  content: '\e889';
}

/* '' */
.go-classroom:before {
  content: '\e88a';
}

/* '' */
.go-clipboard:before {
  content: '\e88b';
}

/* '' */
.go-clipboard-variant-with-pencil-and-check-mark-variant:before {
  content: '\e88c';
}

/* '' */
.go-close:before {
  content: '\e88d';
}

/* '' */
.go-contract:before {
  content: '\e88e';
}

/* '' */
.go-danger-sing:before {
  content: '\e88f';
}

/* '' */
.go-delete:before {
  content: '\e890';
}

/* '' */
.go-diaper:before {
  content: '\e891';
}

/* '' */
.go-dinner:before {
  content: '\e892';
}

/* '' */
.go-edit:before {
  content: '\e893';
}

/* '' */
.go-election-event-on-a-calendar-with-star-symbol:before {
  content: '\e894';
}

/* '' */
.go-event:before {
  content: '\e895';
}

/* '' */
.go-examination:before {
  content: '\e896';
}

/* '' */
.go-exchange:before {
  content: '\e897';
}

/* '' */
.go-exclamation-file:before {
  content: '\e898';
}

/* '' */
.go-feeder:before {
  content: '\e899';
}

/* '' */
.go-fruit:before {
  content: '\e89a';
}

/* '' */
.go-ice-cream:before {
  content: '\e89b';
}

/* '' */
.go-injection:before {
  content: '\e89c';
}

/* '' */
.go-innovation:before {
  content: '\e89d';
}

/* '' */
.go-kids-couple:before {
  content: '\e89e';
}

/* '' */
.go-kindergarden-children-and-teacher:before {
  content: '\e89f';
}

/* '' */
.go-knife-fork-and-plate:before {
  content: '\e8a0';
}

/* '' */
.go-learning:before {
  content: '\e8a1';
}

/* '' */
.go-magnifying-glass:before {
  content: '\e8a2';
}

/* '' */
.go-man-user:before {
  content: '\e8a3';
}

/* '' */
.go-meal-one:before {
  content: '\e8a4';
}

/* '' */
.go-meal:before {
  content: '\e8a5';
}

/* '' */
.go-mechanical-gears-:before {
  content: '\e8a6';
}

/* '' */
.go-muffin-decorated-with-a-chocolate-heart:before {
  content: '\e8a7';
}

/* '' */
.go-oj:before {
  content: '\e8a8';
}

/* '' */
.go-orange-juice:before {
  content: '\e8a9';
}

/* '' */
.go-remove-button:before {
  content: '\e8aa';
}

/* '' */
.go-restaurant-interface-symbol-of-fork-and-knife-couple:before {
  content: '\e8ab';
}

/* '' */
.go-print:before {
  content: '\e8ac';
}

/* '' */
.go-pregnant-woman:before {
  content: '\e8ad';
}

/* '' */
.go-sand-1:before {
  content: '\e8ae';
}

/* '' */
.go-sandwich:before {
  content: '\e8af';
}

/* '' */
.go-school-calendar:before {
  content: '\e8b0';
}

/* '' */
.go-shower-model-1:before {
  content: '\e8b1';
}

/* '' */
.go-shower-model-2:before {
  content: '\e8b2';
}

/* '' */
.go-spaghetti:before {
  content: '\e8b3';
}

/* '' */
.go-toilet-model-1:before {
  content: '\e8b4';
}

/* '' */
.go-test-tube:before {
  content: '\e8b5';
}

/* '' */
.go-toilet-paper:before {
  content: '\e8b6';
}

/* '' */
.go-toilet:before {
  content: '\e8b7';
}

/* '' */
.go-warning-second:before {
  content: '\e8b8';
}

/* '' */
.go-warning-1:before {
  content: '\e8b9';
}

/* '' */
.go-warning-sign-on-a-triangular-background:before {
  content: '\e8ba';
}

/* '' */
.go-wc:before {
  content: '\e8bb';
}

/* '' */
.go-shower:before {
  content: '\e8bc';
}

/* '' */
.go-sonography:before {
  content: '\e8bd';
}

/* '' */
.go-school:before {
  content: '\e8be';
}

/* '' */
.go-wall-clock:before {
  content: '\e8bf';
}

/* '' */
.go-school-2:before {
  content: '\e8c0';
}

/* '' */
.go-school-1:before {
  content: '\e8c1';
}

/* '' */
.go-sand-bucket:before {
  content: '\e8c2';
}

/* '' */
.go-jumping-rope:before {
  content: '\e8c3';
}

/* '' */
.go-kids:before {
  content: '\e8c4';
}

/* '' */
.go-boy:before {
  content: '\e8c5';
}

/* '' */
.go-rocking-horse:before {
  content: '\e8c6';
}

/* '' */
.go-block-with-letters:before {
  content: '\e8c7';
}

/* '' */
.go-kindergarden-children-and-teacher-1:before {
  content: '\e8c8';
}

/* '' */
.go-crane:before {
  content: '\e8c9';
}

/* '' */
.go-ship-front-view:before {
  content: '\e8ca';
}

/* '' */
.go-shipped:before {
  content: '\e8cb';
}

/* '' */
.go-delivery:before {
  content: '\e8cc';
}

/* '' */
.go-delivery-truck-with-packages-behind:before {
  content: '\e8cd';
}

/* '' */
.go-cargo-ship:before {
  content: '\e8ce';
}

/* '' */
.go-packages-transportation-on-a-truck:before {
  content: '\e8cf';
}

/* '' */
.go-crane-transporting-container:before {
  content: '\e8d0';
}

/* '' */
.go-cargo-ship-with-containers:before {
  content: '\e8d1';
}

/* '' */
.go-cargo:before {
  content: '\e8d2';
}

/* '' */
.go-container:before {
  content: '\e8d3';
}

/* '' */
.go-ship:before {
  content: '\e8d4';
}

/* '' */
.go-oil:before {
  content: '\e8d5';
}

/* '' */
.go-crane-truck:before {
  content: '\e8d6';
}

/* '' */
.go-delivery-truck-with-circular-clock:before {
  content: '\e8d7';
}

/* '' */
.go-truck-transport-with-construction-materials:before {
  content: '\e8d8';
}

/* '' */
.go-logistics-transport:before {
  content: '\e8d9';
}

/* '' */
.go-invoice:before {
  content: '\e8da';
}

/* '' */
.go-finance:before {
  content: '\e8db';
}

/* '' */
.go-frontal-truck:before {
  content: '\e8dc';
}

/* '' */
.go-hat:before {
  content: '\e8df';
}

/* '' */
.go-airplane-frontal-view:before {
  content: '\e8e0';
}

/* '' */
.go-airplane-shape:before {
  content: '\e8e1';
}

/* '' */
.go-airplane-flight-ticket:before {
  content: '\e8e2';
}

/* '' */
.go-airport_2:before {
  content: '\e8e3';
}

/* '' */
.go-plane:before {
  content: '\e8e4';
}

/* '' */
.go-airport_1:before {
  content: '\e8e5';
}

/* '' */
.go-airport:before {
  content: '\e8e6';
}

/* '' */
.go-target-_1:before {
  content: '\e8e7';
}

/* '' */
.go-customer-service-_1:before {
  content: '\e8e8';
}

/* '' */
.go-customer-relationship-management:before {
  content: '\e8e9';
}

/* '' */
.go-customer-service:before {
  content: '\e8ea';
}

/* '' */
.go-telemarketer:before {
  content: '\e8eb';
}

/* '' */
.go-target:before {
  content: '\e8ec';
}

/* '' */
.go-operator:before {
  content: '\e8ed';
}

/* '' */
.go-people-trading:before {
  content: '\e8ee';
}

/* '' */
.go-invoice-1:before {
  content: '\e8ef';
}

/* '' */
.go-tax:before {
  content: '\e8f0';
}

/* '' */
.go-sharing:before {
  content: '\e8f1';
}

/* '' */
.go-organization:before {
  content: '\e8f2';
}

/* '' */
.go-tracking:before {
  content: '\e8f3';
}

/* '' */
.go-sailor:before {
  content: '\e8f4';
}

/* '' */
.go-anchor-silhouette:before {
  content: '\e8f5';
}

/* '' */
.go-propeller2:before {
  content: '\e8f6';
}

/* '' */
.go-propeller1:before {
  content: '\e8f7';
}

/* '' */
.go-propeller:before {
  content: '\e8f8';
}

/* '' */
.go-world:before {
  content: '\e8f9';
}

/* '' */
.go-package-for-delivery:before {
  content: '\e8fa';
}

/* '' */
.go-payment-method:before {
  content: '\e8fb';
}

/* '' */
.go-recruitment:before {
  content: '\e8fc';
}

/* '' */
.go-teamwork:before {
  content: '\e8fd';
}

/* '' */
/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  margin-left: 5px;
  margin-right: 5px;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 29px;
  left: 18px;
  right: 18px;
  height: 2px;
  background: #1ab394;
  /*rgb(255,255,255);*/
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #1ab394;
  /*#fff;*/
  content: "";
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
/*.c-hamburger--rot {
  background-color: rgb(40,170,220);
}

.c-hamburger--rot span {
  transition: transform $button-transistion-duration;
}*/
/* active state, i.e. menu open */
/*.c-hamburger--rot.is-active {
  background-color: darken(rgb(40,170,220), 20%);
}

.c-hamburger--rot.is-active span {
  transform: rotate(90deg);
}*/
/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
/*.c-hamburger--htx {
  background-color: rgb(255,50,100);
}

.c-hamburger--htx span {
  transition: background 0s $button-transistion-duration;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: $button-transistion-duration, $button-transistion-duration;
  transition-delay: $button-transistion-duration, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}*/
/* active state, i.e. menu open */
/*.c-hamburger--htx.is-active {
  background-color: darken(rgb(255,50,100), 20%);
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, $button-transistion-duration;
}*/
/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.c-hamburger--htla {
  background-color: transparent;
}

.c-hamburger--htla span {
  transition: transform 0.3s;
}

.c-hamburger--htla span::before {
  transform-origin: top right;
  transition: transform 0.3s, width 0.3s, top 0.3s;
}

.c-hamburger--htla span::after {
  transform-origin: bottom right;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
@media (max-width: 768px) {
  body.mini-navbar .c-hamburger--htla {
    background-color: transparent;
  }
  body.mini-navbar .c-hamburger--htla span {
    transform: rotate(180deg);
  }
  body.mini-navbar .c-hamburger--htla span::before,
  body.mini-navbar .c-hamburger--htla span::after {
    width: 50%;
  }
  body.mini-navbar .c-hamburger--htla span::before {
    top: 0;
    transform: translateX(14px) translateY(1px) rotate(45deg);
  }
  body.mini-navbar .c-hamburger--htla span::after {
    bottom: 0;
    transform: translateX(14px) translateY(-1px) rotate(-45deg);
  }
}
@media (min-width: 768px) {
  body:not(.mini-navbar) .c-hamburger--htla {
    background-color: transparent;
  }
  body:not(.mini-navbar) .c-hamburger--htla span {
    transform: rotate(180deg);
  }
  body:not(.mini-navbar) .c-hamburger--htla span::before,
  body:not(.mini-navbar) .c-hamburger--htla span::after {
    width: 50%;
  }
  body:not(.mini-navbar) .c-hamburger--htla span::before {
    top: 0;
    transform: translateX(14px) translateY(1px) rotate(45deg);
  }
  body:not(.mini-navbar) .c-hamburger--htla span::after {
    bottom: 0;
    transform: translateX(14px) translateY(-1px) rotate(-45deg);
  }
}

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from 
 * right that will be close on re-click of the icon.
 */
/*.c-hamburger--htra {
  background-color: rgb(255,150,80);
}

.c-hamburger--htra span {
  transition: transform $button-transistion-duration;
}

.c-hamburger--htra span::before,
.c-hamburger--htra span::after {
  
}

.c-hamburger--htra span::before {
  transform-origin: top left;
  transition: transform $button-transistion-duration, width $button-transistion-duration, top $button-transistion-duration;
}

.c-hamburger--htra span::after {
  transform-origin: bottom left;
  transition: transform $button-transistion-duration, width $button-transistion-duration, bottom $button-transistion-duration;
}*/
/* active state, i.e. menu open */
/*.c-hamburger--htra.is-active {
  background-color: darken(rgb(255,150,80), 20%);
}

.c-hamburger--htra.is-active span {
  transform: rotate(180deg);
}

.c-hamburger--htra.is-active span::before,
.c-hamburger--htra.is-active span::after {
  width: 50%;
}

.c-hamburger--htra.is-active span::before {
  top: 0;
  transform: translateX(-$bar-thickness) translateY($bar-thickness/2) rotate(-45deg);
}

.c-hamburger--htra.is-active span::after {
  bottom: 0;
  transform: translateX(-$bar-thickness) translateY(-$bar-thickness/2) rotate(45deg);
}*/
body {
  /*font-family: 'Roboto', sans-serif;*/
  font-size: 12px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f3f3f4;
}

.open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF;
}

@media (max-width: 992px) {
  .middle-box h1 {
    font-size: 120px;
  }

  .middle-box {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}
.count-info .label {
  line-height: 10px;
  padding: 2px 3px;
}

.nav.navbar-top-links a {
  font-size: 12px;
}
.nav.navbar-top-links > li > a i {
  margin-left: 6px;
  margin-right: 6px;
}
.nav.navbar-top-links li.sym-dropdown-nome-dominio > a {
  padding-right: 30px;
}
.nav.navbar-top-links li.sym-dropdown-nome-dominio > a span {
  vertical-align: middle;
}
.nav.navbar-top-links li.sym-dropdown-nome-dominio > a:first-child:after {
  content: '\f0d7';
  font-family: FontAwesome;
  position: absolute;
  top: 22px;
  right: 15px;
}
.nav.navbar-top-links li.sym-dropdown-nome-dominio > a.two-line:first-child:after {
  top: 40%;
}

.form-control, .btn, .form-control-static {
  font-size: 12px;
  min-height: 32px;
}

.form-control {
  height: 32px;
}

.radio label, .checkbox label {
  line-height: 1.7;
}

small .radio label, small .checkbox label {
  line-height: 2.1;
}

@media (max-width: 768px) {
  .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0px;
  }
}
label {
  font-weight: normal;
}
label.control-label {
  font-weight: 600;
}
label.control-label:not(.sem-dois-pontos)::after {
  content: ":";
}
label.control-label.multiline-all {
  padding-top: 0px;
}

.form-group-compact {
  margin-bottom: 0px;
}

.form-group, .form-group-fix-all {
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .form-group-fix-xs {
    margin-bottom: 12px;
  }

  label.control-label.multiline-xs {
    padding-top: 0px;
  }

  .inline-xs {
    display: inline-block !important;
  }

  .block-xs {
    display: block;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .form-group-fix-sm {
    margin-bottom: 12px;
  }

  label.control-label.multiline-sm {
    padding-top: 0px;
  }

  .inline-sm {
    display: inline-block !important;
  }

  .block-sm {
    display: block;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .form-group-fix-md {
    margin-bottom: 12px;
  }

  label.control-label.multiline-md {
    padding-top: 0px;
  }

  .inline-md {
    display: inline-block !important;
  }

  .block-md {
    display: block;
  }
}
@media (min-width: 1200px) {
  .form-group-fix-lg {
    margin-bottom: 12px;
  }

  label.control-label.multiline-lg {
    padding-top: 0px;
  }

  .inline-lg {
    display: inline-block !important;
  }

  .block-lg {
    display: block;
  }
}
#side-menu li {
  margin: 0px;
  /*&.main-item {
      padding-top: 5px;
      padding-bottom: 5px;
  }*/
}
#side-menu li a {
  padding-top: 18px;
  padding-bottom: 18px;
}
#side-menu li:not(.nav-header) > a {
  transition: font-size 0.3s !important;
}
#side-menu li.nav-header {
  padding: 0px;
}
#side-menu li.nav-header div.dropdown.profile-element {
  text-align: center;
  background: rgba(47, 64, 80, 0.8);
  padding: 20px 20px;
  padding-bottom: 10px;
}
#side-menu li.nav-header div.dropdown.profile-element a.condominio-logomarca-link:first-child {
  display: inline-block;
  margin-top: 20px;
    /*img {
    width: 80px;
    height: 80px;
}*/
}
#side-menu li.nav-header div.dropdown.profile-element a.condominio-logomarca-link:first-child .logo-img {
  width: 80px;
  height: 80px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}
#side-menu li.nav-header div.dropdown.profile-element a.condominio-logomarca-link:first-child .logo-img.borda-branca {
  border: 2px solid white;
}
#side-menu li.nav-header div.dropdown.profile-element a.condominio-logomarca-link:first-child .logo-img.long {
  width: 160px;
}
#side-menu li.nav-header div.dropdown.profile-element a.dropdown-toggle span.clear > span {
  text-shadow: 0px 1px 2px black;
  color: white;
}
#side-menu li.nav-header div.dropdown.profile-element.open a.condominio-logomarca-link {
  background-color: transparent;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

.logo-element {
  background-color: #1ab394;
  padding: 0px;
}
.logo-element .logo-element-button {
  cursor: pointer;
  padding: 20px 0px;
}
.logo-element.open .logo-element-expand, .logo-element.opening .logo-element-expand {
  pointer-events: all;
  opacity: 1;
  width: 480px;
  height: 240px;
  /*padding-left:30px;
  padding-right:30px;*/
  left: 70px;
  -webkit-transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s, padding 0.2s ease-out 0s, left 0.2s ease-out 0s;
  /* For Safari 3.1 to 6.0 */
  -moz-transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s, padding 0.2s ease-out 0s, left 0.2s ease-out 0s;
  transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s, padding 0.2s ease-out 0s, left 0.2s ease-out 0s;
}
.logo-element.open .logo-element-expand > *, .logo-element.opening .logo-element-expand > * {
  opacity: 1;
  overflow: visible;
  height: auto;
  -webkit-transition: opacity 0.4s ease-out 0.3s, transform 0.2s ease-in-out 0.3s;
  /* For Safari 3.1 to 6.0 */
  -moz-transition: opacity 0.4s ease-out 0.3s, transform 0.2s ease-in-out 0.3s;
  transition: opacity 0.4s ease-out 0.3s, transform 0.2s ease-in-out 0.3s;
  transform: translate3d(0px, 0px, 0px);
  pointer-events: all;
}
.logo-element .logo-element-expand {
  padding: 0px;
  width: 0px;
  height: 62px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 70px;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
  opacity: 1;
  background-color: #1ab394;
  -webkit-transition: width 0.2s ease-in 0.2s, height 0.2s ease-in 0s, padding 0.2s ease-in 0s, left 0.2s ease-in 0.2s;
  /* For Safari 3.1 to 6.0 */
  -moz-transition: width 0.2s ease-in 0.2s, height 0.2s ease-in 0s, padding 0.2s ease-in 0s, left 0.2s ease-in 0.2s;
  transition: width 0.2s ease-in 0.2s, height 0.2s ease-in 0s, padding 0.2s ease-in 0s, left 0.2s ease-in 0.2s;
  pointer-events: none;
}
.logo-element .logo-element-expand > * {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in 0s;
  /* For Safari 3.1 to 6.0 */
  -moz-transition: opacity 0.25s ease-in 0s;
  transition: opacity 0.25s ease-in 0s;
  transform: translate3d(-100px, 0px, 0px);
  pointer-events: none;
}
.logo-element .logo-element-expand .img-cover {
  width: 240px;
  height: 100%;
  float: right;
  text-align: center;
}
.logo-element .logo-element-expand .img-cover span.titulo {
  background: rgba(0, 0, 0, 0.2);
  margin: 0px;
  padding: 105px 12px 12px 10px;
  font-size: 40px;
  text-shadow: 0px 2px 4px black;
}
.logo-element .logo-element-expand .img-cover a .logo-img {
  display: inline-block;
  width: 140px;
  height: 140px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.8);
  margin-top: 50px;
}
.logo-element .logo-element-expand .img-cover a .logo-img.borda-branca {
  border: 3px solid white;
}
.logo-element .logo-element-expand .img-cover a .logo-img.long {
  width: 200px;
  height: 100px;
  margin-top: 70px;
}
.logo-element .logo-element-expand a#btn-trocar-papel {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  border: medium none;
  padding: 5px 15px;
  border-radius: 3px;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  text-align: center;
}
.logo-element .logo-element-expand a#btn-trocar-papel:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.logo-element .logo-element-expand .logo-element-expand-container {
  width: 240px;
  /*padding-right: 20px; 
  padding-left: 20px;*/
  height: 100%;
  padding: 20px;
}
.logo-element .logo-element-expand .logo-element-expand-container .title-container {
  position: absolute;
  top: 0px;
  bottom: 60px;
  right: 0px;
  left: 0px;
  padding-right: 10px;
  padding: 20px;
}
.logo-element .logo-element-expand .logo-element-expand-container .title-container div:not(.logo-image-holder) {
  display: inline;
}
.logo-element .logo-element-expand .logo-element-expand-container .title-container p.info {
  font-size: 10px;
  line-height: 1.2;
}
.logo-element .logo-element-expand .logo-element-expand-container .title-container p.nome {
  margin-bottom: 5px;
}
.logo-element .logo-element-expand .logo-element-expand-container .title-container .logo-image-holder {
  margin-left: 25px;
  margin-right: -5px;
  margin-top: 5px;
  border-radius: 3px;
  width: 80px;
  height: 80px;
  float: right;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
}
.logo-element .logo-element-expand .logo-element-expand-container .logo-element-expand-content {
  padding-top: 20px;
  font-size: 11px;
}
.logo-element .logo-element-expand .logo-element-expand-container .logo-element-expand-content .divider {
  font-size: 9px;
  color: white;
  width: 100%;
  padding: 0px 5px;
}
.logo-element .logo-element-expand .logo-element-expand-container .logo-element-expand-content .divider hr {
  color: white;
  margin-top: 3px;
  margin-left: -5px;
  margin-right: -5px;
  height: 2px;
}

.minimalize-styl-2 {
  padding: 6px 12px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
 {
  vertical-align: middle;
}

.table.table-sem-margem, table.table-sem-margem {
  margin: 0px;
}

table th a[href="javascript:void(0)"] {
  cursor: default;
  pointer-events: none;
  outline: none;
}
table th a[href="javascript:void(0)"]:hover {
  color: inherit;
}

.modal-content {
  box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.4);
}
.modal-content .modal-header {
  background-color: #e5e5e6;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #c9c9c9;
  border-radius: 5px 5px 0px 0px;
}
.modal-content .modal-body {
  padding-bottom: 0px;
}
.modal-content .modal-footer {
  border-top: none;
}

.alert {
  padding-top: 12px;
  padding-bottom: 12px;
}

.sym-profile-img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin: 0 auto;
}

.sym-profile-img > img.img-circle {
  height: 120px;
  width: 120px;
  border: 2px solid;
  border-color: #1ab394;
}

.teste {
  background-color: darkblue;
}

input,
select,
textarea,
.sym-div-control-holder {
  max-width: none;
}
input.btn-group.bootstrap-select > button,
select.btn-group.bootstrap-select > button,
textarea.btn-group.bootstrap-select > button,
.sym-div-control-holder.btn-group.bootstrap-select > button {
  max-width: none;
}
input.btn-group.bootstrap-select > div.dropdown-menu,
select.btn-group.bootstrap-select > div.dropdown-menu,
textarea.btn-group.bootstrap-select > div.dropdown-menu,
.sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu {
  max-width: 90%;
}
input.btn-group.bootstrap-select > div.dropdown-menu li span.text,
select.btn-group.bootstrap-select > div.dropdown-menu li span.text,
textarea.btn-group.bootstrap-select > div.dropdown-menu li span.text,
.sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu li span.text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.note-editor .modal-dialog input {
  max-width: none;
}

.bs-searchbox input {
  max-width: none;
}

input[name=SearchString], input[name=searchString] {
  max-width: 100%;
}

.sym-modal-center {
  text-align: center;
}

.full-max-width {
  max-width: none;
}

@media (min-width: 992px) {
  .full-max-width-md {
    max-width: none;
  }
}
input.sym-telefone, input.sym-telefone ~ select, .sym-inline-inputs input, .sym-inline-inputs select {
  max-width: 100%;
  display: block;
}

input.sym-telefone ~ select, .sym-inline-inputs input:nth-child(n+2), .sym-inline-inputs select:nth-child(n+2) {
  margin-top: 15px;
}

.has-feedback input.valid {
  border-color: #1ab394;
}

.has-feedback .valid + .form-control-feedback:before {
  color: #1ab394;
  font-family: "Glyphicons Halflings";
  content: "\e013";
}

.popover-mais-informacoes-modal {
  position: initial;
  right: initial;
}

input.metade:not(:first-child),
select.metade:not(:first-child),
textarea.metade:not(:first-child),
.sym-div-control-holder.metade:not(:first-child) {
  margin-top: 15px;
}

@media (min-width: 768px) {
  input,
  select,
  textarea,
  .sym-div-control-holder {
    max-width: 280px;
  }
  input.metade,
  select.metade,
  textarea.metade,
  .sym-div-control-holder.metade {
    max-width: 138px;
  }
  input.metade:first-child,
  select.metade:first-child,
  textarea.metade:first-child,
  .sym-div-control-holder.metade:first-child {
    float: left;
  }
  input.metade:not(:first-child),
  select.metade:not(:first-child),
  textarea.metade:not(:first-child),
  .sym-div-control-holder.metade:not(:first-child) {
    display: inline-block;
    margin-left: 4px;
    margin-top: 0px;
  }
  input.btn-group.bootstrap-select > button,
  select.btn-group.bootstrap-select > button,
  textarea.btn-group.bootstrap-select > button,
  .sym-div-control-holder.btn-group.bootstrap-select > button {
    max-width: 280px;
    height: 34px;
    border-radius: 0px;
  }
  input.btn-group.bootstrap-select > div.dropdown-menu,
  select.btn-group.bootstrap-select > div.dropdown-menu,
  textarea.btn-group.bootstrap-select > div.dropdown-menu,
  .sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu {
    max-width: 280px;
  }
  input.btn-group.bootstrap-select > div.dropdown-menu li span.text,
  select.btn-group.bootstrap-select > div.dropdown-menu li span.text,
  textarea.btn-group.bootstrap-select > div.dropdown-menu li span.text,
  .sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu li span.text {
    text-overflow: ellipsis;
  }
  input.btn-group.bootstrap-select > div.dropdown-menu li span.text:hover,
  select.btn-group.bootstrap-select > div.dropdown-menu li span.text:hover,
  textarea.btn-group.bootstrap-select > div.dropdown-menu li span.text:hover,
  .sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu li span.text:hover {
    text-overflow: clip;
  }

  .popover-mais-informacoes-modal {
    position: absolute;
    right: -3px;
  }

  label.control-label[class^='multiline'] .popover-mais-informacoes-modal, label.control-label[class*=' multiline'] .popover-mais-informacoes-modal {
    top: 50%;
    margin-bottom: auto;
    transform: translate(0px, -50%);
  }

  .input-group.metade {
    max-width: 138px;
  }

  input[name=SearchString], input[name=searchString] {
    max-width: 280px;
  }

  .sym-modal-center:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }

  input.sym-telefone, input.sym-telefone ~ select, .sym-inline-inputs input, .sym-inline-inputs select, .sym-inline-inputs > div {
    max-width: 138px;
    display: inline;
  }

  input.sym-telefone ~ select, .sym-inline-inputs input:nth-child(n+2), .sym-inline-inputs select:nth-child(n+2) {
    margin-top: 0px;
  }
  input.sym-telefone ~ select + span.field-validation-error, .sym-inline-inputs input:nth-child(n+2) + span.field-validation-error, .sym-inline-inputs select:nth-child(n+2) + span.field-validation-error {
    display: block;
  }

  .form-control-feedback {
    left: 260px;
  }

  div.sym-telefone-holder input, div.sym-telefone-holder select, div.sym-inline-inputs input, div.sym-inline-inputs select {
    width: 49%;
    /* poor approximation for old browsers    */
    width: calc(50% - 6px);
    /* standards-based answer for IE9+, FF16+ */
    width: -moz-calc(50% - 6px);
    /* support for FF4 - FF15                 */
    width: -webkit-calc(50% - 6px);
    /* support for Chrome19+ and Safari6+     */
  }
  div.sym-telefone-holder input:not(:first-child), div.sym-telefone-holder select:not(:first-child), div.sym-inline-inputs input:not(:first-child), div.sym-inline-inputs select:not(:first-child) {
    margin-left: 8px;
  }
}
.sym-modal-center > .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.sym-steps {
  padding: 1em 2em;
  font-weight: 700;
  color: #515253;
  background: #F1F1F1 none repeat scroll 0% 0%;
  cursor: pointer;
}

.sym-steps-selected {
  background-color: #5D9CEC;
  color: #fff;
  cursor: default;
}

.sym-steps:hover {
  background-color: #5D9CEC;
  color: #fff;
}

/*.sym-form-section-header {
    color: #959595;
    cursor: default;
    padding: 6px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #eee;
}*/
.sym-list-pager {
  text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .sym-list-pager {
    text-align: right;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .sym-list-pager {
    text-align: right;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .sym-list-pager {
    text-align: right;
  }
}
.pagination-footer .col-sm-3.hidden-xs {
  line-height: 79px;
}

.card-layout .pagination-footer .sym-list-pager {
  padding-right: 15px;
}
.card-layout .pagination-footer .col-sm-3.hidden-xs span {
  padding-left: 15px;
}

/* Checkbox com aparência de radiobox*/
input.sym-checkbox-circle[type=checkbox] {
  display: none;
}

input.sym-checkbox-circle[type=checkbox] + input + label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: rgba(171, 171, 171, 0.57);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}

input.sym-checkbox-circle[type=checkbox]:checked + input + label:before {
  content: "\2022";
  /*"\2714";*/
  color: white;
  background-color: #337ab7;
  font-size: 2.2em;
  text-align: center;
  line-height: 15px;
  text-shadow: 0px 0px 3px white;
}

.sym-max-width {
  max-width: none !important;
}

input[type=date] {
  max-width: 165px;
}

.form-control {
  font-weight: normal;
  border: 1px solid #cbcbcb;
}

.btn-default, .input-group-addon {
  border: 1px solid #cbcbcb;
}

.sym-panel {
  border-color: #d2d2d2;
  /*box-shadow:0px 1px 0px #cfcfcf;*/
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  /*color:#333;*/
  margin: 0px;
}

.sym-panel-body {
  padding: 25px;
}

.sym-panel-header {
  font-weight: 700;
  font-size: 16px;
  color: #474747;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-top: 0px;
}

.sym-panel-header > h4 {
  border: 0 solid #efefef;
  border-bottom-width: 1px;
  padding-bottom: 10px;
}

.sym-thumbnail-holder {
  padding-bottom: 0px;
  padding-top: 15px;
  border-radius: 5px;
    /*&.disabled {
        a {
            cursor: default;
        }

        h4 {
            color:rgba(135, 138, 140, 1);
        }
        .thumbnail i {
             color:rgba(102, 102, 102, 1);
        }
    }

    &:not(.disabled):hover{
        box-shadow:inset 0px 0px 0px 2px #1ab394;
    }*/
}
.sym-thumbnail-holder .thumbnail {
  border: 1px solid transparent;
  background-color: transparent;
  text-align: center;
  margin-bottom: 10px;
  padding: 1px;
  /*img{
      max-width:60%;
  }*/
}
.sym-thumbnail-holder .thumbnail i {
  font-size: 50px;
  height: 62px;
  padding-bottom: 5px;
  padding-top: 5px;
  color: #1ab394;
}
.sym-thumbnail-holder h4 {
  text-align: center;
  text-decoration: none;
  height: 35px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
}
.sym-thumbnail-holder a:focus {
  outline: 0;
}
.sym-thumbnail-holder:hover {
  box-shadow: inset 0px 0px 0px 2px #1ab394;
}

/* Autocomplete do jquery UI*/
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item a.ui-menu-item-wrapper {
  display: block;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

.sym-navbar-brand {
  height: 60px;
  line-height: 27px;
  color: #000000;
}

.sym-navbar-static-side {
  position: fixed !important;
  height: 100%;
}

@media (min-width: 768px) {
  .sym-navbar-static-side {
    position: fixed !important;
    height: 100%;
  }
}
.sym-animated-fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sym-folder-list li {
  padding: 5px;
  cursor: pointer;
}

.breadcrumb {
  padding-top: 12px;
  background-color: transparent;
}

.breadcrumb > li + li:before {
  font-family: FontAwesome;
  content: "\f105";
}

.breadcrumb li div.btn-group ul {
  max-height: 300px;
  height: auto;
  overflow-x: hidden;
}

.page-heading {
  padding: 0 10px 12px 10px;
}

@media (min-width: 768px) {
  .breadcrumb {
    padding-top: 7px;
  }

  .page-heading {
    padding: 0 10px 7px 10px;
  }

  .sym-panel {
    margin: 20px;
  }
}
/* Animação customizada para a entrada de algumas páginas */
@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 10px);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 10px);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.expandirMaisInformacoes {
  display: inline-block;
  cursor: pointer;
  /* Adiciona o '+' antes dos campos de 'mais informações' presentes em algumas páginas (fechadas) */
}
.expandirMaisInformacoes:not(.custom-margin) {
  margin: 0px;
}
.expandirMaisInformacoes:not(.custom-margin)::before {
  padding: 0 5px;
}
.expandirMaisInformacoes.custom-margin::before {
  padding-right: 5px;
}
.expandirMaisInformacoes::before {
  font-family: FontAwesome;
  content: "\f147";
  margin: 0px;
}

/* Adiciona o '-' antes dos campos de 'mais informações' presentes em algumas páginas (em aberto) */
.expandirMaisInformacoes.collapsed::before {
  content: "\f196";
}

/* O texto expansível dentro dos campos de 'mais informações' presentes em algumas páginas*/
.expandirMaisInformacoes + div > p {
  padding-top: 10px;
  text-align: justify;
  overflow-y: auto;
  max-height: 100px;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: lightgray;
}

.sym-datepicker-centralizado > .datepicker.datepicker-inline {
  margin: 0 auto;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
  max-width: none;
}

@media (min-width: 991px) {
  .form-horizontal.form-wide {
    width: 95%;
  }
}

.form-horizontal.form-condensed .form-group:not(.not-condensed) {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.form-horizontal.form-condensed .form-group:not(.not-condensed) label, .form-horizontal.form-condensed .form-group:not(.not-condensed) label.control-label {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
}
.form-horizontal.form-condensed .form-group:not(.not-condensed) label.form-control-static {
  min-height: 25px;
}

.form-horizontal.form-vertical:not(.normal-width) > .form-group:not(.normal-width) .form-control, .form-horizontal.form-vertical:not(.normal-width) *:not(.form-horizontal) .form-group:not(.normal-width) .form-control {
  max-width: none;
}
.form-horizontal.form-vertical:not(.normal-width) > .form-group:not(.normal-width) .sym-div-control-holder, .form-horizontal.form-vertical:not(.normal-width) *:not(.form-horizontal) .form-group:not(.normal-width) .sym-div-control-holder {
  max-width: none;
}
.form-horizontal.form-vertical > .form-group, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group {
  /*&.metade.metade, &.metade-2x {
      width: calc(25% + 24px);
      display: inline-block;
  }*/
  margin-bottom: 8px;
  /*&:not(.normal-width) .form-control {
      max-width: none;
  }*/
  /*&:not(.normal-width) .sym-div-control-holder {
      max-width: none;
  }*/
}
@media (min-width: 768px) {
  .form-horizontal.form-vertical > .form-group.metade, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group.metade {
    width: calc(50% + 24px);
    display: inline-block;
  }
  .form-horizontal.form-vertical > .form-group.metade.right, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group.metade.right {
    float: right;
  }
}
.form-horizontal.form-vertical > .form-group .popover-mais-informacoes-modal, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .popover-mais-informacoes-modal {
  position: inherit;
  right: inherit;
  transform: none;
}
.form-horizontal.form-vertical > .form-group > *, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group > * {
  width: 100%;
  max-width: none;
  text-align: left;
  margin-left: 0px;
}
.form-horizontal.form-vertical > .form-group .form-control, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .form-control {
  /*max-width: none;*/
}
.form-horizontal.form-vertical > .form-group .form-controltextarea, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .form-controltextarea {
  max-width: 100%;
}
@media (min-width: 768px) {
  .form-horizontal.form-vertical > .form-group .form-controltextarea.metade, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .form-controltextarea.metade {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .form-horizontal.form-vertical > .form-group .form-control.metade, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .form-control.metade {
    width: calc(50% - 6px);
  }
  .form-horizontal.form-vertical > .form-group .form-control.metade:first-child, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .form-control.metade:first-child {
    float: left;
  }
  .form-horizontal.form-vertical > .form-group .form-control.metade:not(:first-child), .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .form-control.metade:not(:first-child) {
    margin-left: 12px;
    /*width: calc(50% - 6px);*/
  }
}
.form-horizontal.form-vertical > .form-group .control-label, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .control-label {
  margin-bottom: 3px;
}
.form-horizontal.form-vertical > .form-group .sym-div-control-holder, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .sym-div-control-holder {
  /*max-width: none;*/
}
@media (min-width: 768px) {
  .form-horizontal.form-vertical > .form-group .sym-div-control-holder.metade, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .sym-div-control-holder.metade {
    width: calc(50% - 6px);
  }
  .form-horizontal.form-vertical > .form-group .sym-div-control-holder.metade:first-child, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .sym-div-control-holder.metade:first-child {
    float: left;
  }
  .form-horizontal.form-vertical > .form-group .sym-div-control-holder.metade:not(:first-child), .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .sym-div-control-holder.metade:not(:first-child) {
    margin-left: 12px;
    /*width: calc(50% - 6px);*/
  }
}
.form-horizontal.form-vertical > .form-group .sym-div-control-holder.btn-group.bootstrap-select > button, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .sym-div-control-holder.btn-group.bootstrap-select > button {
  max-width: none;
}
.form-horizontal.form-vertical > .form-group .sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu, .form-horizontal.form-vertical *:not(.form-horizontal) .form-group .sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu {
  max-width: none;
}
.form-horizontal.form-vertical .sym-dynamic-list {
  border: 1px solid lightGray;
  padding: 5px 10px;
  /*margin-left: 15px;*/
  /*margin-right: 15px;*/
  margin-top: 1px;
  width: 100%;
  background-color: rgba(224, 224, 224, 0.27);
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items {
  /*display: inline-block;*/
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item-title {
  padding: 5px 30px 0px 30px;
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item {
  /*float: left;*/
  width: 100%;
  position: relative;
  padding: 5px 30px 5px 30px;
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item > * {
  opacity: 1;
  transition: opacity 0.3s;
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item.free > * {
  opacity: 0;
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item span.sym-dynamic-list-item-id {
  position: absolute;
  left: 2px;
  padding: 7px;
  top: 6px;
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item button.btn-remove-item {
  position: absolute;
  border: none;
  background-color: transparent;
  height: 32px;
  font-weight: bold;
  right: -6px;
  top: 5px;
}
.form-horizontal.form-vertical .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item button.btn-remove-item:hover {
  /*content: 'Remover';*/
}
.form-horizontal.form-vertical .sym-dynamic-list .sym-dynamic-list-footer {
  /*padding-bottom: 10px;*/
  display: block;
  text-align: center;
  /*padding-top: 4px;*/
}
.form-horizontal.form-vertical .sym-dynamic-list .sym-dynamic-list-footer button.btn-add-item {
  padding: 0px;
  min-height: auto;
  width: 50px;
  background-color: transparent;
  /*float: right;*/
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list {
  border: 1px solid lightGray;
  padding: 5px 10px;
  /*margin-left: 15px;*/
  /*margin-right: 15px;*/
  margin-top: 1px;
  width: 100%;
  background-color: rgba(224, 224, 224, 0.27);
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list:not(.normal-width) > .form-group:not(.normal-width) .form-control, .form-horizontal:not(.form-vertical) .sym-dynamic-list:not(.normal-width) *:not(.form-horizontal) .form-group:not(.normal-width) .form-control {
  max-width: none;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list:not(.normal-width) > .form-group:not(.normal-width) .sym-div-control-holder, .form-horizontal:not(.form-vertical) .sym-dynamic-list:not(.normal-width) *:not(.form-horizontal) .form-group:not(.normal-width) .sym-div-control-holder {
  max-width: none;
}
@media (min-width: 768px) {
  .form-horizontal:not(.form-vertical) .sym-dynamic-list.metade {
    width: calc(50% + 24px);
    display: inline-block;
  }
  .form-horizontal:not(.form-vertical) .sym-dynamic-list.metade.right {
    float: right;
  }
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .popover-mais-informacoes-modal {
  position: inherit;
  right: inherit;
  transform: none;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .form-control {
  max-width: none;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .form-controltextarea {
  max-width: 100%;
}
@media (min-width: 768px) {
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .form-controltextarea.metade {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .form-control.metade {
    width: calc(50% - 6px);
  }
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .form-control.metade:first-child {
    float: left;
  }
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .form-control.metade:not(:first-child) {
    margin-left: 12px;
  }
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-div-control-holder {
  max-width: none;
}
@media (min-width: 768px) {
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-div-control-holder.metade {
    width: calc(50% - 6px);
  }
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-div-control-holder.metade:first-child {
    float: left;
  }
  .form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-div-control-holder.metade:not(:first-child) {
    margin-left: 12px;
    /*width: calc(50% - 6px);*/
  }
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-div-control-holder.btn-group.bootstrap-select > button {
  max-width: none;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-div-control-holder.btn-group.bootstrap-select > div.dropdown-menu {
  max-width: none;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items {
  /*display: inline-block;*/
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item-title {
  padding: 5px 30px 0px 30px;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item {
  /*float: left;*/
  width: 100%;
  position: relative;
  padding: 5px 30px 5px 30px;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item > * {
  opacity: 1;
  transition: opacity 0.3s;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item.free > * {
  opacity: 0;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item span.sym-dynamic-list-item-id {
  position: absolute;
  left: 2px;
  padding: 7px;
  top: 6px;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item button.btn-remove-item {
  position: absolute;
  border: none;
  background-color: transparent;
  height: 32px;
  font-weight: bold;
  right: -6px;
  top: 5px;
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list div.sym-dynamic-list-items div.sym-dynamic-list-item button.btn-remove-item:hover {
  /*content: 'Remover';*/
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-dynamic-list-footer {
  /*padding-bottom: 10px;*/
  display: block;
  text-align: center;
  /*padding-top: 4px;*/
}
.form-horizontal:not(.form-vertical) .sym-dynamic-list .sym-dynamic-list-footer button.btn-add-item {
  padding: 0px;
  min-height: auto;
  width: 50px;
  background-color: transparent;
  /*float: right;*/
}

.panel {
  background-color: inherit;
}

.modal-body .panel:not(.panel-default):not(.panel-primary):not(.panel-success):not(.panel-info):not(.panel-warning):not(.panel-danger) .panel-body {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.modal-body .panel:not(.panel-default):not(.panel-primary):not(.panel-success):not(.panel-info):not(.panel-warning):not(.panel-danger) .panel-heading[data-toggle='collapse'] {
  margin-right: -1px;
}

.panel-heading[data-toggle='collapse'] {
  cursor: pointer;
  padding-left: 8px;
  margin-left: 0px;
}
.panel-heading[data-toggle='collapse'] h4:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  padding-right: 10px;
}
.panel-heading[data-toggle='collapse'].collapsed h4:before {
  content: "\e080";
}

.panel-group-select .panel-heading[data-toggle='collapse'] h4::before {
  font-family: inherit;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f058";
  padding-left: 8px;
}
.panel-group-select .panel-heading[data-toggle='collapse'].collapsed h4:before {
  content: "\f1db";
}

.panel:not(.panel-default):not(.panel-primary):not(.panel-success):not(.panel-info):not(.panel-warning):not(.panel-danger) .panel-heading[data-toggle='collapse'] {
  padding-left: 5px;
  margin-right: -3px;
  margin-left: -3px;
}
.panel:not(.panel-default):not(.panel-primary):not(.panel-success):not(.panel-info):not(.panel-warning):not(.panel-danger) .panel-heading[data-toggle='collapse']:hover {
  background-color: #f7f7f7;
}

.tabs-container .tab-pane > .panel-body {
  border: 1px solid #e7eaec;
  border-top: none;
}

.tabs-container .panel-body {
  border: none;
}

a[data-toggle="popover"] {
  cursor: pointer;
}

/*STEP PROGRESS BAR*/
.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  /*z-order: 0;*/
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

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

.input-group-addon.primary {
  color: #FFFFFF;
  background-color: #1ab394;
  border-color: #1ab394;
}

/* Novo swal2 */
.swal2-container {
  z-index: 90000 !important;
}

/* TODO: Swal2 antigo (REVER+limpar) */
/*.swal2-overlay {
    z-index: $z-index-swal-2-overlay;
}*/
.swal2-modal button.swal2-styled:not(.loading) {
  border: 0;
  border-radius: .25em;
  /*font-size: 1.06em;*/
  color: white;
}
.swal2-modal button.swal2-styled:not(.loading):hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-modal button.swal2-styled:not(.loading).custom.cancelar {
  display: inline-block;
  background-color: #aaa;
}
.swal2-modal button.swal2-styled:not(.loading).custom:not(.cancelar) {
  border-right-color: #3085d6;
  border-left-color: #3085d6;
  background-color: #3085d6;
}

.dropdown-menu-right {
  right: 0px;
  left: auto;
}

/* Cards */
.sym-card-layout {
  padding-right: 0px;
  padding-left: 0px;
}
.sym-card-layout .grid-item ul.dropdown-menu {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .sym-card-layout .grid-item {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.sym-card-base, .ibox-content.card-layout .sym-list-header, .sym-card {
  border-color: #d2d2d2;
  /*box-shadow:0px 1px 0px #cfcfcf;*/
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border: 1px solid transparent;
  /*color:#333;*/
  margin-bottom: 20px;
}

.ibox-content.card-layout {
  background: none;
  border: 0px;
  padding: 15px 0px 20px 0px;
}
.ibox-content.card-layout .sym-list-header {
  padding: 22px 20px 0px 20px;
  margin-left: 15px;
  margin-right: 15px;
        /*&.no-bottom {

            &:after {
                background-color: white;
                position: absolute;
                left: 30px;
                right: 30px;
                height: 4px;
                margin-top: -2px;
                content: ' ';
            }
        }

        &.no-top {
            padding-top: 0px;
            padding-bottom: 15px;
            &:before {
                background-color: white;
                position: absolute;
                left: 15px;
                right: 15px;
                height: 4px;
                top: -2px;
                content: ' ';
            }

        }*/
}
@media (max-width: 768px) {
  .ibox-content.card-layout .sym-list-header {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.ibox-content.card-layout .progresso {
  background-color: rgba(243, 243, 244, 0.9);
  /*opacity: 0.95;*/
}

.sym-card {
    /*&.hovered {
        border: 1px groove rgba(29, 197, 163, 1);
    }

    &.active{        
        border: 2px solid rgba(29, 197, 163, 1);
    }*/
}
.sym-card .icone-inferior {
  right: 25px;
  bottom: 40px;
  position: absolute;
}
.sym-card .sym-card-title {
  font-size: 18px;
  margin: 15px;
  margin-bottom: 8px;
  word-break: break-all;
  -ms-word-break: break-all;
}
.sym-card .sym-card-content {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.sym-card .sym-card-content .sym-card-content-text {
  /*word-break: break-all;
  -ms-word-break: break-all;*/
}
.sym-card .sym-card-content .sym-card-content-text .item-holder {
  display: block;
}
.sym-card .sym-card-content .sym-card-content-text .item-holder .item-label {
  font-weight: 600;
}
.sym-card .sym-card-content .sym-card-content-image {
  width: 80px;
  float: left;
  border-color: lightgray !important;
  border-style: solid !important;
  border-radius: 10px;
  border: 1px;
}
.sym-card .sym-card-content .sym-card-content-image[src] + div {
  margin-left: 90px;
  min-height: 50px;
}
.sym-card .sym-card-content .sym-card-content-image:not([src]) {
  display: none;
}
.sym-card .sym-card-content .sym-card-content-image:not([src]) + div {
  margin-left: 0px;
}
.sym-card .sym-card-menu {
  float: right;
  margin-top: 6px;
  margin-right: 3px;
}
.sym-card .sym-card-menu button {
  background-color: transparent;
  padding-bottom: 0px;
}
.sym-card .sym-card-menu button i {
  font-size: 15px;
}
.sym-card .sym-card-bottom-buttons {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 30px;
  /*padding: 0px 10px 5px 10px;*/
}
.sym-card .sym-card-bottom-buttons button {
  width: 100%;
}

/*.sym-card-ordenacao-holder {
    margin-bottom: 20px;
    font-size: 13px;     
    list-style-type: none;
    padding-left: 0px;

    li{
        display: inline;

        &:first-child {
            margin-right: 8px;
        }
    }

    a {
        margin-left: 8px;
        margin-right: 8px;
        color: #78797a;            

        &.active {
            font-weight: 600;
            color: #5a5a5a;
    
            i {
                padding-left: 5px;
            }  
        }

        &:hover {
            color: #5a5a5a; 
        }
    }

    
}*/
/* Botão Ordenação e dropdown utilizado no layout com cards */
.sym-card-ordenacao-holder {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
}
.sym-card-ordenacao-holder .btn-group {
  margin-left: 5px;
}
.sym-card-ordenacao-holder button {
  border-color: transparent;
  font-size: 13px;
  margin-top: 2px;
  background-color: transparent;
}
.sym-card-ordenacao-holder ul.dropdown-menu > li > a {
  padding-left: 15px;
  padding-right: 27px;
            /*span:first-child {
                padding-right:10px;
                float: left;

                i::before{
                    content: '\f10c';
                }                
            }*/
}
.sym-card-ordenacao-holder ul.dropdown-menu > li > a:before {
  font: normal normal normal 12px/1 FontAwesome;
  content: '\f10c';
  padding-right: 12px;
}
.sym-card-ordenacao-holder ul.dropdown-menu > li.selected > a {
  /*span:first-child {*/
  /*}*/
}
.sym-card-ordenacao-holder ul.dropdown-menu > li.selected > a:before {
  content: '\f05d';
}

.ibox-content.has-cards {
  background-color: transparent;
  border-style: none;
}

.ibox-content {
  border-width: 1px 1px 2px 1px;
  border-style: solid;
}
.ibox-content h4.subtitulo {
  padding-bottom: 20px;
  padding-top: 20px;
}
@media (min-width: 767px) {
  .ibox-content h4.subtitulo {
    padding-left: 40px;
  }
}

.result-loader {
  position: relative;
}

.progresso {
  display: none;
  position: absolute;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 100%;
  z-index: 1000;
}

.progresso-icon-holder {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.progresso-icon-holder .label-carregando {
  padding-left: 10px;
}

a.top-navbar-logo {
  display: block;
  margin-left: 10px;
  float: left;
  margin-top: 9px;
}
a.top-navbar-logo div {
  background-image: url("/images/spss-nav.png");
  background-repeat: no-repeat;
  width: 127.5px;
  height: 45px;
  background-size: 127.5px 45px;
  margin: 0;
  padding: 0;
}

.navbar.navbar-fixed-top {
  background-color: #fff;
  min-height: 61px;
}

/*span.opcional::after {
    content: "opcional";
    background-color: #898989;
    color:white;
    padding: 2px;
    padding-left:5px;
    padding-right:5px;
    font-size: 10px;
    float:right;
}*/
label.required:before {
  content: "*";
  color: #ff6161;
  padding-right: 5px;
}

.form-inline.form-inline-label-vertical .form-group {
  /*margin-top: 34px;*/
}
@media (min-width: 768px) {
  .form-inline.form-inline-label-vertical .form-group {
    margin-right: 10px;
  }
}
.form-inline.form-inline-label-vertical .form-group:before {
  position: absolute;
  font-weight: bold;
  margin-top: -22px;
}
.form-inline.form-inline-label-vertical .form-group.form-group-seletor-bloco {
  min-width: 54px;
}
.form-inline.form-inline-label-vertical .form-group.form-group-seletor-bloco:before {
  content: "Bloco";
}
.form-inline.form-inline-label-vertical .form-group.form-group-seletor-unidade:before {
  content: "Unidade";
}

.sym-listagem-subheader {
  padding-top: 10px;
}
.sym-listagem-subheader span {
  margin-top: 30px;
}
.sym-listagem-subheader span select {
  border-image: none;
  width: auto;
  display: inline;
  max-width: none;
  background-color: white;
}
.sym-listagem-subheader span select.form-control {
  height: 28px;
  line-height: 1px;
  margin-bottom: 10px;
  /*@media (max-width: 768px) {
      margin-bottom: 10px;    
  }*/
  padding: 0px;
  padding-left: 5px;
  width: 100%;
}
@media (min-width: 768px) {
  .sym-listagem-subheader span select.form-control {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .sym-listagem-subheader span select.form-control:not(:last-of-type) {
    display: inline;
    margin-right: 10px;
  }
}
.sym-listagem-subheader span label:not(.label-bloco) {
  margin-right: 10px;
  font-weight: normal;
}
.sym-listagem-subheader span label:not(.label-bloco):before {
  content: "Bloco: ";
  font-weight: bold;
}

.sym-listagem-toolbar {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sym-listagem-toolbar .btn-listagem-novo-registro {
  margin-bottom: 10px;
  margin-right: 3px;
}
.sym-listagem-toolbar button[data-toggle="dropdown"] {
  margin-bottom: 10px;
}
.sym-listagem-toolbar input[name='SearchString'] button {
  margin-bottom: 10px;
}
.sym-listagem-toolbar .toggler-group-tipo-listagem {
  float: right;
}
.sym-listagem-toolbar .toggler-group-tipo-listagem button.toggler-listagem-grid {
  margin-bottom: 10px;
  margin-left: 10px;
}
.sym-listagem-toolbar .toggler-group-tipo-listagem button.toggler-listagem-grid {
  margin-bottom: 10px;
}
.sym-listagem-toolbar .dropdown-menu {
  margin-bottom: 60px;
}

ul.nav > li.active > a {
  padding-left: 22px;
}

.popover {
  min-width: 200px;
}

.popover-content {
  height: auto;
  width: auto;
  font-size: 12px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label.required:before {
  content: "*";
  color: #ff6161;
  padding-right: 5px;
}

.font-normal {
  font-weight: normal !important;
}

.alert.alert-default {
  color: #000000;
  background-color: #f0f0f0;
  border-color: #e8e8e8;
}

/* Editor de texto */
.sym-summernote.sym-summernote-lg + .note-editor .note-editable {
  min-height: 500px;
}
.sym-summernote.sym-summernote-md + .note-editor .note-editable {
  min-height: 300px;
}
.sym-summernote.sym-summernote-sm + .note-editor .note-editable {
  min-height: 150px;
}
.sym-summernote.sym-summernote-xs + .note-editor .note-editable {
  min-height: 75px;
}

/* Summernote text editor  */
.note-editor {
  height: auto !important;
  min-height: 0;
}

.note-editor.fullscreen {
  z-index: 50050;
}

.note-editor.note-frame {
  border: 1px solid #dddddd;
}

/* INÍCIO Indicador de passos (Stepper) */
.sym-stepper-wizard {
  margin-top: 40px;
}

/*.sym-stepper-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}*/
.sym-stepper-wizard {
  padding: 0 0 10px 0;
}

.sym-stepper-wizard > .sym-stepper-wizard-step {
  padding: 0;
  position: relative;
}

.sym-stepper-wizard > .sym-stepper-wizard-step .sym-stepper-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
}

.sym-stepper-wizard > .sym-stepper-wizard-step .sym-stepper-wizard-info {
  color: #999;
  font-size: 14px;
}

.sym-stepper-wizard > .sym-stepper-wizard-step > .sym-stepper-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #1aff6e;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.active > .sym-stepper-wizard-dot, .sym-stepper-wizard > .sym-stepper-wizard-step.complete > .sym-stepper-wizard-dot {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.sym-stepper-wizard > .sym-stepper-wizard-step.active > .sym-stepper-wizard-dot .sym-stepper-icon, .sym-stepper-wizard > .sym-stepper-wizard-step.complete > .sym-stepper-wizard-dot .sym-stepper-icon {
  color: #019312;
}
.sym-stepper-wizard > .sym-stepper-wizard-step.active a.sym-stepper-wizard-dot.disallow-step-indicator-clicks, .sym-stepper-wizard > .sym-stepper-wizard-step.complete a.sym-stepper-wizard-dot.disallow-step-indicator-clicks {
  pointer-events: none;
}
.sym-stepper-wizard > .sym-stepper-wizard-step.disabled > .sym-stepper-wizard-dot .sym-stepper-icon {
  color: #d2d2d2;
}

.sym-stepper-wizard > .sym-stepper-wizard-step > .sym-stepper-wizard-dot {
  text-align: center;
  padding-top: 5px;
  /*&:after{
      content:none;
      width: 14px; 
      height: 14px; 
      background: $stepper_cor_highlight_indicador; 
      border-radius: 50px; 
      position: absolute; 
      top: 8px; 
      left: 8px; 
      opacity: 100; 
      transition: opacity .6s linear;
      
       
  }
  &:empty:after {
      content: ' ';         
  }*/
}

.sym-stepper-wizard > .sym-stepper-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
}

.sym-stepper-wizard > .sym-stepper-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: darkGray;
  transition: width .2s linear;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.active > .progress > .progress-bar {
  width: 50%;
  transition-delay: 0.2s;
}

.sym-stepper-wizard > .sym-stepper-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.disabled > .sym-stepper-wizard-dot {
  background-color: #f5f5f5;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.disabled > .sym-stepper-wizard-dot:after {
  opacity: 0;
  transition: opacity .6s linear;
}

.sym-stepper-wizard > .sym-stepper-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step:last-child > .progress {
  width: 50%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step:last-child:first-child > .progress {
  width: 0%;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.disabled a.sym-stepper-wizard-dot {
  pointer-events: none;
}

.sym-stepper-wizard > .sym-stepper-wizard-step.disabled a.sym-stepper-wizard-dot.allow-next-step-indicator-clicks {
  pointer-events: all;
}

.sym-stepper-icon {
  width: 30px;
  height: 25px;
}

.sym-steps-indicator.horizontal .sym-stepper-wizard-stepnum {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .sym-stepper .stepper-content {
    padding-left: 30px;
  }
}
.sym-stepper .sym-steps-indicator.vertical .sym-stepper-wizard-stepnum,
.sym-stepper .sym-steps-indicator.vertical .sym-stepper-wizard-info {
  margin-left: 30px;
}
.sym-stepper .sym-steps-indicator.vertical.sym-stepper-wizard > .sym-stepper-wizard-step > .sym-stepper-wizard-dot {
  top: 21px;
  left: 0%;
}
.sym-stepper .sym-steps-indicator.vertical.sym-stepper-wizard > .sym-stepper-wizard-step.active > .sym-stepper-wizard-dot, .sym-stepper .sym-steps-indicator.vertical.sym-stepper-wizard > .sym-stepper-wizard-step.complete > .sym-stepper-wizard-dot {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.sym-stepper .sym-steps-indicator.vertical.sym-stepper-wizard > .sym-stepper-wizard-step.active .sym-stepper-icon, .sym-stepper .sym-steps-indicator.vertical.sym-stepper-wizard > .sym-stepper-wizard-step.complete .sym-stepper-icon {
  color: #019312;
}
.sym-stepper .sym-steps-indicator.vertical.sym-stepper-wizard > .sym-stepper-wizard-step.disabled > .sym-stepper-wizard-dot .sym-stepper-icon {
  color: #d2d2d2;
}
.sym-stepper .sym-stepper-panel {
  margin-left: 15px;
}
.sym-stepper .sym-stepper-panel:last-child .progress {
  display: none;
}
.sym-stepper .sym-stepper-panel.active, .sym-stepper .sym-stepper-panel.disabled, .sym-stepper .sym-stepper-panel.complete {
  position: relative;
}
.sym-stepper .sym-stepper-panel.disabled > *:not(.progress):not(.sym-steps-indicator), .sym-stepper .sym-stepper-panel.complete > *:not(.progress):not(.sym-steps-indicator) {
  display: none;
}
.sym-stepper .sym-stepper-panel.complete .progress .progress-bar {
  height: 100%;
}
.sym-stepper .sym-stepper-panel .progress {
  top: 8px;
  position: absolute;
  left: -4px;
  height: 100%;
  width: 8px;
}
.sym-stepper .sym-stepper-panel .progress .progress-bar {
  background: darkGray;
  transition: height .2s linear;
  width: 8px;
  height: 0%;
}
@media (min-width: 768px) {
  .sym-stepper:not(.force-vertical) .progress {
    display: none;
  }
}
@media (min-width: 768px) {
  .sym-stepper.force-vertical .sym-stepper-panel {
    display: block;
  }
  .sym-stepper.force-vertical .sym-stepper-panel .sym-steps-indicator {
    display: block;
  }
  .sym-stepper.force-vertical .sym-stepper-panel .stepper-content {
    padding-left: 30px;
  }
}

.sym-steps-indicator.horizontal {
  display: none;
}
.sym-steps-indicator.vertical {
  display: block;
}
.sym-steps-indicator.sym-stepper-wizard {
  margin-top: 0px;
}
@media (min-width: 768px) {
  .sym-steps-indicator.horizontal {
    display: block;
    margin-bottom: 25px;
  }
  .sym-steps-indicator.vertical:not(.force-vertical) {
    display: none;
  }
}

/* FIM Indicador de passos (Stepper) */
/* INÍCIO Plugin Gerenciador de Orçamento (Budget) */
.budget-holder .options-row {
  margin-bottom: 10px;
}
.budget-holder .category-row {
  margin-left: 0px;
  border-left-color: #337ab7;
  border-left-width: 5px;
  border-left-style: solid;
}
.budget-holder .category-row .title-holder {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 100;
  cursor: pointer;
 /*
     
     EFEITO HOVER
     &:hover {
     
     color: white; 
     font-weight: 400;
   text-shadow: 1px 1px 2px rgba(40, 40, 40, 0.5);
    
 }

 >*:not(.background-hover-effect) {
     pointer-events: none;
 }*/
}
.budget-holder .category-row .title-holder .background-hover-effect {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  opacity: 0;
  background-color: transparent;
 /*

EFEITO HOVER
&:hover {
    opacity: 1;
}
     */
}
.budget-holder .category-row .title-holder .valor {
  float: none;
  padding-right: 10px;
}
.budget-holder .category-row .title-holder span.fa.expand-icon {
  pointer-events: none;
}
.budget-holder .category-row .title-holder span.fa.expand-icon:before {
  content: "\f078";
  font-size: 16px;
  top: 40%;
  left: 15px;
  position: absolute;
  -webkit-transition: transform 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
.budget-holder .category-row .title-holder .col:first-child {
  padding-left: 45px;
}
.budget-holder .category-row .title-holder .col:first-child {
  padding-left: 45px;
}
@media (max-width: 768px) {
  .budget-holder .category-row .title-holder .col {
    padding-left: 45px;
  }
}
@media (min-width: 768px) {
  .budget-holder .category-row .title-holder .valor {
    float: right;
  }
}
.budget-holder .category-row .expense-holder {
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 60px;
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder {
    padding-top: 0px;
  }
}
.budget-holder .category-row .expense-holder.animated {
  -webkit-animation-duration: 0.6s;
  -webkit-animation-delay: 0s;
  -moz-animation-duration: 0.6s;
  -moz-animation-delay: 0s;
  animation-duration: 0.6s;
  animation-delay: 0s;
}
.budget-holder .category-row .expense-holder .expense-content {
  margin-right: 15px;
  /*
      display: inline-block;
      width: auto;
      vertical-align: middle;
  */
}
@media (max-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content {
    background-color: #e9e9e9;
    padding-top: 10px;
    padding-bottom: 5px;
    /*&>br {
        display: none;
        clear: both;
    }*/
  }
}
.budget-holder .category-row .expense-holder .expense-content > div.valor-despesa {
  margin-top: 10px;
  /* ?? */
  margin-right: 0px;
  text-align: right;
  float: right;
  width: auto;
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content > div.valor-despesa {
    width: 20%;
    padding-right: 10px;
    margin-right: 0px;
    margin-top: 26px;
  }
}
.budget-holder .category-row .expense-holder .expense-content > div.valor-despesa label {
  font-size: 16px;
  line-height: 1.6em;
  font-weight: normal;
}
.budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div label, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div label {
  margin-bottom: 5px;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div {
    width: 70%;
    float: left;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div label, .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div input, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div label, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div input {
    display: block;
    width: 100%;
    max-width: none;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div label, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div label {
    font-size: 0.9em;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div:last-child, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div:last-child {
    width: 30%;
    padding-left: 10px;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div:last-child select:last-child, .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div:last-child input:last-child, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div:last-child select:last-child, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div:last-child input:last-child {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado {
    width: 40%;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div {
    width: 55%;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div:last-child, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div:last-child {
    width: 45%;
  }
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro > div label, .budget-holder .category-row .expense-holder .expense-content > div.ano-passado > div label {
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content > div.ano-passado {
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content > div.ano-futuro {
    padding-right: 10px;
  }
}
.budget-holder .category-row .expense-holder .expense-content > div:first-of-type {
  margin-top: 5px;
  margin-bottom: 12px;
                        /*@media (max-width: 1200px) {
                            padding-right: 35px;   
                            span {
                                font-size: 16px;
                            }                            
                        }
                        

                        @media (min-width: 992px) {
                            font-size: inherit;
                        }*/
}
.budget-holder .category-row .expense-holder .expense-content > div:first-of-type span {
  font-size: 14px;
}
.budget-holder .category-row .expense-holder .expense-content .form-control {
  max-width: none;
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content .form-control {
    display: inline-block;
    vertical-align: middle;
  }
}
.budget-holder .category-row .expense-holder .expense-content .btn.remove-expense {
  border: none;
  z-index: 1000;
  position: absolute;
  right: 40px;
  top: 15px;
}
.budget-holder .category-row .expense-holder .expense-content .btn.remove-expense:not(:hover) {
  background: none;
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder .expense-content .btn.remove-expense {
    right: 15px;
    top: auto;
    margin-top: 61px;
  }
}
.budget-holder .category-row .expense-holder:nth-child(2) {
  margin-top: 20px;
}
.budget-holder .category-row .expense-holder:last-child {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .budget-holder .category-row .expense-holder {
    padding-right: 35px;
  }
  .budget-holder .category-row .expense-holder:not(:last-child) .expense-content::after {
    padding-top: 12px;
    width: 100%;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e9e9e9;
    margin-left: 10px;
  }
}
.budget-holder .category-row.closed .title-holder {
  /*transition-property: margin-top, margin-bottom;
  transition-duration: 0.1s, 0.1s; 
  transition-delay: 0s, 0s;*/
}
.budget-holder .category-row.closed .title-holder span.fa.expand-icon:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.budget-holder .category-row.closed .expense-holder {
  margin-bottom: 0px;
}
.budget-holder .result-row {
  padding-top: 25px;
  border-top: 1px #e4e4e4 solid;
  margin: 10px;
  margin-top: 30px;
        /*

        & > div {

            @media (max-width: 992px) {
                text-align: center;
            }


            h2 {
                display: inline;

                @media (min-width: 992px) {
                    float: left;
                }

                &.total-value {
                    padding-left: 10px;

                    @media (min-width: 992px) {
                        float: right;
                        padding-left: 0px;
                    }
                }
            }
        }*/
}
.budget-holder .result-row div.total-holder, .budget-holder .result-row div.total-anterior-holder {
  text-align: right;
}
@media (max-width: 768px) {
  .budget-holder .result-row div.total-holder, .budget-holder .result-row div.total-anterior-holder {
    text-align: center;
  }
}
.budget-holder .result-row div.total-anterior-holder small {
  font-size: 10px;
}
@media (max-width: 768px) {
  .budget-holder .result-row div {
    text-align: center;
  }
}
.budget-holder.single-year .category-row {
  /*@media (min-width: 992px) {                           
          width:20%;     
                          
      }*/
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder {
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder .expense-content {
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.budget-holder.single-year .category-row .expense-holder .expense-content > div.titulo {
  width: 25%;
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.titulo {
    margin-top: 26px;
  }
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.valor-despesa {
    width: 20%;
    padding-right: 10px;
    margin-right: 0px;
    margin-top: 26px;
  }
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-futuro, .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-passado {
    width: 40%;
  }
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-futuro > div, .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-passado > div {
    width: 55%;
  }
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-futuro > div:last-child, .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-passado > div:last-child {
    width: 45%;
  }
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-futuro > div label, .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-passado > div label {
    margin-top: 0px;
  }
}
.budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-passado {
  display: none;
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder .expense-content > div.ano-futuro {
    padding-left: 0px;
    width: 55%;
  }
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder .btn.remove-expense {
    right: 15px;
    top: auto;
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  .budget-holder.single-year .category-row .expense-holder {
    padding-right: 35px;
  }
  .budget-holder.single-year .category-row .expense-holder:not(:last-child) .expense-content::after {
    padding-top: 12px;
    width: 100%;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e9e9e9;
    margin-left: 10px;
  }
}
.budget-holder.single-year .result-row div.total-anterior-holder {
  display: none;
}

/* FIM Plugin Gerenciador de Orçamento (Budget) */
.indicador-nota {
  font: normal normal normal 18px/1 FontAwesome;
  display: block;
}
.indicador-nota + div.indicador-nota-label {
  display: inline-block;
  width: 92px;
  text-align: center;
  font-size: 10px;
  margin-top: -6px;
  position: absolute;
  font-weight: 600;
}
.indicador-nota::before {
  color: #e3bb1c;
  /*text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
  -moz-text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
  -webkit-text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;*/
}
.indicador-nota.nota-0::before {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-1::before {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-2::before {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-3::before {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-4::before {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-5::before {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-5:not(.sem-vazio)::after {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-4:not(.sem-vazio)::after {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-3:not(.sem-vazio)::after {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-2:not(.sem-vazio)::after {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-1:not(.sem-vazio)::after {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-0:not(.sem-vazio)::after {
  content: "";
  letter-spacing: 2px;
}
.indicador-nota.nota-0.dinheiro::before {
  color: #228f1e;
  /*text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;*/
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-1.dinheiro::before {
  color: #228f1e;
  /*text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;*/
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-2.dinheiro::before {
  color: #228f1e;
  /*text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;*/
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-3.dinheiro::before {
  color: #228f1e;
  /*text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;*/
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-4.dinheiro::before {
  color: #228f1e;
  /*text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;*/
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-5.dinheiro::before {
  color: #228f1e;
  /*text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;*/
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-5.dinheiro:not(.sem-vazio)::after {
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-4.dinheiro:not(.sem-vazio)::after {
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-3.dinheiro:not(.sem-vazio)::after {
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-2.dinheiro:not(.sem-vazio)::after {
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-1.dinheiro:not(.sem-vazio)::after {
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}
.indicador-nota.nota-0.dinheiro:not(.sem-vazio)::after {
  content: "";
  font-weight: bolder;
  letter-spacing: 10px;
}

#page-wrapper-shadow {
  left: 0px;
  top: 62px;
  width: 100%;
  height: 100%;
  right: 0px;
  bottom: 0px;
  position: fixed;
  background-color: black;
  opacity: 0;
  transition: opacity 0.4s 0s, left 0.4s 0s;
  pointer-events: none;
}
@media (max-width: 768px) {
  #page-wrapper-shadow {
    z-index: 80000;
  }
}

body.modal-open {
  /* FIX: fix para a sombra do menu lateral sobrepondo parcialmente modais ao mudar 
      o tamanho da janela do browser de grande para pequeno */
}
@media (max-width: 768px) {
  body.modal-open #page-wrapper-shadow {
    z-index: 0;
  }
}
body .footer {
  position: fixed;
  bottom: 0px;
  left: 220px;
  z-index: 1001;
  max-height: 45px;
  height: calc(100% - 60px);
  transition: max-height 0.15s ease-out;
  padding: 0px;
}
body .footer.open {
  max-height: 100%;
}
@media (max-width: 768px) {
  body .footer {
    left: 0px;
  }
}
@media (min-width: 768px) {
  body.mini-navbar .footer {
    left: 70px;
  }
  body.mini-navbar .navbar-default.navbar-static-side::before {
    position: fixed;
    background-color: #2f4050;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 70px;
    content: '';
    transition: width 0.4s;
  }
  body.mini-navbar .navbar-default.navbar-static-side #divMaisInfoBarraLateral {
    display: none !important;
  }
}
@media (max-width: 768px) {
  body.mini-navbar #page-wrapper-shadow {
    left: 220px;
    opacity: 0.9;
    pointer-events: all;
    transition: opacity 0.4s, left 0.4s;
  }
  body.mini-navbar .navbar-default.navbar-static-side.sym-navbar-static-side .slimScrollDiv {
    z-index: 80001;
    /*background-color: red;*/
  }
}
@media (min-width: 768px) {
  body.mini-navbar #page-wrapper-shadow {
    transition: all 0s;
  }
}

@media (max-width: 768px) {
  body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0px;
  }
}

.navbar-default {
  background-color: #2f4050;
  height: 100%;
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
  height: -ms-calc(100% - 60px);
  height: -o-calc(100% - 60px);
  transition: all 0.4s;
}
.navbar-default #divMaisInfoBarraLateral {
  padding: 10px;
  line-height: 1.5;
  font-size: 10px;
  font-weight: 600;
  display: none;
}

#page-wrapper {
  min-height: inherit;
  transition: all 0.4s;
}

ul#menu-dropdown-superior-principal li a {
  padding-left: 15px;
  padding-right: 25px;
}
ul#menu-dropdown-superior-principal li a i {
  padding-right: 10px;
}

div.page-footer-fix {
  padding-bottom: 50px;
}

.modal-dialog .forum-post-container {
  padding: 0px !important;
}
.modal-dialog .forum-post-container .media {
  margin: 5px;
  padding: 5px;
}

.preload-no-anim *, .preload-no-anim *::after, .preload-no-anim *:before,
.preload-no-anim, .preload-no-anim::after, .preload-no-anim:before {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

div.dashboard-informacoes-condomino div.profile-holder {
  text-align: right;
}
@media (max-width: 768px) {
  div.dashboard-informacoes-condomino div.profile-holder {
    text-align: center;
  }
}
div.dashboard-informacoes-condomino div.profile-holder div {
  display: inline-block;
}
div.dashboard-informacoes-condomino div.profile-holder div .profile-pic {
  width: 100px;
  height: 100px;
  /*float:right;*/
  border-radius: 50%;
}

div.condomino-atual-personificado-holder label.nome-condomino {
  font-size: 14px;
}

div.ticket-number-holder {
  margin-top: 20px;
  margin-bottom: 20px;
}
div.ticket-number-holder p:first-of-type {
  margin-bottom: 12px;
}
div.ticket-number-holder p:last-of-type {
  margin-top: 10px;
}
div.ticket-number-holder span {
  padding: 10px 40px;
  color: #292929;
  font-size: 350%;
  font-weight: bold;
  background-color: #f3ffad;
}
@media (max-width: 768px) {
  div.ticket-number-holder span {
    font-size: 300%;
    padding: 10px 20px;
  }
}
@media (max-width: 480px) {
  div.ticket-number-holder span {
    font-size: 200%;
  }
}

.sym-seletor-unidade-topnavbar-separador {
  margin: 0px 25px;
  float: left;
  line-height: 61px;
  font-size: 14px;
}

.sym-seletor-unidade-topnavbar-holder {
    /*& + .sym-seletor-unidade-topnavbar-holder {
        margin-left: 20px;

        &:before {
            content: '\f101';
            font: normal normal normal 14px/1 FontAwesome;
        }
    }*/
  float: left;
  padding-right: 20px;
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder {
  /*&>span.sym-titulo-condominio-atual {
      color: gray;
      padding-bottom: 5px;
      display: block;
  }*/
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder.card-layout, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder.card-layout {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 768px) {
  .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder.card-layout, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder.card-layout {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container {
  outline: 0;
  min-width: 150px;
  /*@media (min-width: 768px) {
      min-width: 300px;
  }*/
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container .select2-selection, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container .select2-selection {
  height: 61px;
  border: none;
  outline: 0;
  border-radius: 0px;
  background-color: transparent;
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container .select2-selection .holder, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container .select2-selection .holder {
  padding-top: 4px;
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container .select2-selection .select2-selection__rendered, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container .select2-selection .select2-selection__rendered {
  height: 61px;
  padding-top: 8px;
  line-height: normal;
  padding-left: 15px;
  padding-right: 0px;
  /*margin-right: 20px;*/
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container .select2-selection .select2-selection__rendered div span, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container .select2-selection .select2-selection__rendered div span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: block;
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container .select2-selection .select2-selection__rendered div span.titulo, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container .select2-selection .select2-selection__rendered div span.titulo {
  font-weight: 600;
}
.sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container .select2-selection .select2-selection__arrow, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container .select2-selection .select2-selection__arrow {
  height: 61px;
  right: -15px;
}
@media (max-width: 768px) {
  .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualPrincipalHolder span.select2.select2-container, .sym-seletor-unidade-topnavbar-holder #symSeletorUnidadeAtualSecundarioHolder span.select2.select2-container {
    display: block;
    /*margin-top:60px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;*/
    /*.select2.select2-container {*/
    width: 100% !important;
    /*}*/
  }
}

@media (max-width: 768px) {
  .navbar.navbar-fixed-top {
    z-index: 2040;
  }
}
@media (max-width: 768px) {
  nav.navbar.navbar-fixed-top .sym-seletor-unidade-topnavbar-holder {
    position: fixed;
    top: 61px;
    left: 0px;
    right: 0px;
    background: white;
  }

  body.has-seletor-de-unidade-principal .select2-container.select2-container--default.select2-container--open {
    right: 0px;
    z-index: 1000000;
  }
  body.has-seletor-de-unidade-principal .select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
    width: 100% !important;
  }
  body.has-seletor-de-unidade-principal:not(.mini-navbar) .sym-seletor-unidade-topnavbar-holder {
    display: none;
  }
  body.has-seletor-de-unidade-principal.mini-navbar #page-wrapper-shadow {
    top: 122px;
  }
  body.has-seletor-de-unidade-principal.fixed-nav #wrapper .navbar-static-side {
    margin-top: 122px;
  }
}
.select2.select2-container--bootstrap.select2-container--below.select2-container--open .select2-selection {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  border: none;
}

.select2-container--bootstrap .select2-selection {
  border-radius: 0px !important;
}

.select2-container:not(.select2) input {
  max-width: none;
}
.select2-container:not(.select2) .select2-dropdown {
  /*box-shadow: 0px 4px 5px rgba(0,0,0,0.5);*/
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  border: none;
  border-radius: 0px;
  min-width: 300px;
}
.select2-container:not(.select2) .select2-dropdown .sym-dropdown-navbar-unidade.headquarters {
  font-weight: bolder;
}
.select2-container:not(.select2) .select2-dropdown .sym-dropdown-navbar-unidade img {
  width: 50px;
  height: 50px;
  float: left;
}
.select2-container:not(.select2) .select2-dropdown .sym-dropdown-navbar-unidade .holder {
  margin-left: 6px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container:not(.select2) .select2-dropdown .sym-dropdown-navbar-unidade .holder:hover {
  text-overflow: clip;
}

.select-insert-holder .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  font-size: 12px;
  padding-top: 2px;
  color: #000000;
}
.select-insert-holder .add-item-btn-holder {
  text-align: center;
  padding: 8px 5px;
  border-top: 1px solid lightgray;
}
.select-insert-holder .add-item-btn-holder a {
  width: 100%;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.sym-listagem-subtitulo span {
  font-size: 14px;
  font-weight: 600;
  display: block;
}

div.sym-situacao-topbar {
  color: white;
  font-weight: 600;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}
div.sym-situacao-topbar p {
  margin: 7px 0px 8px 0px;
}
div.sym-situacao-topbar p i.fa {
  padding-right: 10px;
}
div.sym-situacao-topbar a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}
div.sym-situacao-topbar.verde {
  background: #19b373;
  background: linear-gradient(180deg, #19b373, #17a66a);
}
div.sym-situacao-topbar.verde i.fa:before {
  content: "";
}
div.sym-situacao-topbar.vermelho {
  background: #d9534f;
  background: linear-gradient(180deg, #d9534f, #d64742);
}
div.sym-situacao-topbar.vermelho i.fa:before {
  content: "";
}
div.sym-situacao-topbar.azul {
  background: #1c84c6;
  background: linear-gradient(180deg, #1c84c6, #1a7bb9);
}
div.sym-situacao-topbar.azul i.fa:before {
  content: "";
}
div.sym-situacao-topbar.amarelo {
  background: #f0ad4e;
  background: linear-gradient(180deg, #f0ad4e, #efa640);
}
div.sym-situacao-topbar.amarelo i.fa:before {
  content: "";
}

table.sym-table-fatura tbody tr.pago {
  border-left: 10px solid #0acb51;
}
table.sym-table-fatura tbody tr.pendente {
  border-left: 10px solid #f44336;
}
table.sym-table-fatura tbody tr.gerado {
  border-left: 10px solid #2196f3;
}
table.sym-table-fatura tbody tr.atrasado {
  border-left: 10px solid #ffeb3b;
}

div.sym-fatura-resumo-holder .numero-unidades-holder, div.sym-fatura-resumo-holder .valor-atual-holder {
  text-align: center;
}
@media (max-width: 768px) {
  div.sym-fatura-resumo-holder .numero-unidades-holder, div.sym-fatura-resumo-holder .valor-atual-holder {
    padding-left: 0px;
    padding-right: 0px;
  }
}
div.sym-fatura-resumo-holder .numero-unidades-holder div.sym-card div.sym-card-content, div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content {
  padding-top: 25px;
}
div.sym-fatura-resumo-holder .numero-unidades-holder div.sym-card div.sym-card-content > span, div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content > span {
  font-size: 25px;
}
div.sym-fatura-resumo-holder .numero-unidades-holder div.sym-card div.sym-card-content > span.highlight, div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content > span.highlight {
  font-size: 35px;
}
div.sym-fatura-resumo-holder .numero-unidades-holder div.sym-card div.sym-card-content button.btn-pagar-fatura, div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content button.btn-pagar-fatura {
  width: 100%;
}
div.sym-fatura-resumo-holder .numero-unidades-holder div.sym-card div.sym-card-content button.btn-pagar-fatura + .bottom-padding-fix, div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content button.btn-pagar-fatura + .bottom-padding-fix {
  height: 10px;
  width: 100%;
  display: block;
}
div.sym-fatura-resumo-holder .numero-unidades-holder div.sym-card div.sym-card-content button.btn-pagar-fatura.hidden + .bottom-padding-fix, div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content button.btn-pagar-fatura.hidden + .bottom-padding-fix {
  height: 20px;
}
div.sym-fatura-resumo-holder .valor-atual-holder div.sym-card div.sym-card-content {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  div.sym-fatura-resumo-holder .tabbed-ibox {
    padding-left: 0px;
    padding-right: 0px;
  }
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs {
  border: none;
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li {
  margin: 1px;
  margin-bottom: 0px;
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:first-child {
  margin-left: 0px;
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:last-child {
  margin-right: 0px;
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active a {
  border: none !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  margin: 0px;
}
@media (min-width: 768px) {
  div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li.active:after {
    content: "";
    background-color: white;
    height: 4px;
    position: absolute;
    z-index: 1;
    right: 0px;
    left: 0px;
  }
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container ul.nav.nav-tabs li:not(.active) {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #dddddd;
  border-bottom: none;
}
div.sym-fatura-resumo-holder .tabbed-ibox .tabs-container .tab-content .tab-pane .panel-body {
  border: none;
}

.progress {
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.progress-bar {
  font-weight: 600;
}
.progress-bar.progress-bar-inverted-text {
  background: #ccc;
  width: 100%;
  text-align: center;
  position: relative;
  color: black;
}
.progress-bar.progress-bar-inverted-text .progress-fill {
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

div.tipos-pagamento-holder > div {
  padding: 10px 10px 10px 60px;
  border: 1px solid lightgray;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}
div.tipos-pagamento-holder > div input[type=radio] {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 25px;
}

/*.cielo-azul-background {
    background-color: #00aeef;
}*/
.cielo-holder {
  padding: 10px;
  border: 1px solid lightgray;
  border-image: none;
  margin-bottom: 20px;
}
.cielo-holder .bandeiras {
  display: inline-block;
}
@media (min-width: 768px) {
  .cielo-holder .bandeiras:first-of-type {
    padding-right: 40px;
  }
}
.cielo-holder .bandeiras .title {
  padding-bottom: 10px;
  margin-top: 10px;
  display: block;
}
.cielo-holder .bandeiras img {
  height: 25px;
  margin-bottom: 10px;
}
.cielo-holder .logo {
  margin-top: 10px;
  background-color: #00aeef;
  background-image: url("/Content/images/logo/cielo-logo-negativa-fundo-azul-151x50.png");
  background-size: auto 100%;
  height: 35px;
  background-repeat: no-repeat;
  padding: 10px;
  background-origin: content-box;
}

select#sym-select-perfil-footer {
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
select#sym-select-perfil-footer:hover {
  border: 1px solid black;
  background-color: white;
}

.mail-box-header, .mail-box {
  border: none;
  background-color: transparent;
}

.mail-box-header {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
}

.mail-box {
  margin-bottom: 0px;
}

.sym-centralnot > .row #divListaNotificacaoMobile:not(.active), .sym-centralnot > .row #divListaAlertaMobile:not(.active) {
  display: none;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview {
  cursor: pointer;
  min-height: 50px;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.remetente, .sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.assunto, .sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.mensagem, .sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.data, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.remetente, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.assunto, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.mensagem, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.data {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.assunto, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.assunto {
  font-size: 13.5px;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.data, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.data {
  font-size: 10px;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.urgente, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.urgente {
  float: right;
  margin-left: 5px;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview span.anexo, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview span.anexo {
  float: left;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview:not(:last-child), .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview:not(:last-child) {
  border-bottom: 1px solid lightGray;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview.selected, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview.selected {
  border-left: 5px solid gray;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview.unread, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview.unread {
  font-weight: bold;
}
.sym-centralnot > .row #divListaNotificacaoMobile table td.notif-preview:hover, .sym-centralnot > .row #divListaAlertaMobile table td.notif-preview:hover {
  background-color: #fbfbfb;
}
.sym-centralnot > .row #divDetalhesNotificacao .form-group, .sym-centralnot > .row #divDetalhesAlerta .form-group {
  margin-bottom: 5px;
}
.sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos, .sym-centralnot > .row #divDetalhesAlerta .lnk-anexos {
  display: inline;
  margin-top: 10px;
  margin-right: 5px;
}
.sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos a, .sym-centralnot > .row #divDetalhesAlerta .lnk-anexos a {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 5px;
  /*&:not(:last-child){
      margin-right: 5px;
  }*/
  background-color: #e3e3e3;
  border-radius: 10px;
  padding: 2px 9px;
}
.sym-centralnot > .row #divDetalhesNotificacao .lnk-anexos a:hover, .sym-centralnot > .row #divDetalhesAlerta .lnk-anexos a:hover {
  background-color: lightgray;
}
.sym-centralnot > .row #divDetalhesNotificacao #divDetalhesNotificacaoContentHolder:not(.active), .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesAlertaContentHolder:not(.active), .sym-centralnot > .row #divDetalhesAlerta #divDetalhesNotificacaoContentHolder:not(.active), .sym-centralnot > .row #divDetalhesAlerta #divDetalhesAlertaContentHolder:not(.active) {
  display: none;
}
@media (min-width: 992px) {
  .sym-centralnot {
    position: fixed;
    top: 95px;
    bottom: 50px;
    padding-bottom: 20px;
  }
  .sym-centralnot > .row {
    height: 100%;
  }
  .sym-centralnot > .row #divListaNotificacaoMobile, .sym-centralnot > .row #divListaAlertaMobile {
    display: none;
  }
  .sym-centralnot > .row #divListaNotificacaoDesktop, .sym-centralnot > .row #divListaAlertaDesktop {
    height: 100%;
  }
  .sym-centralnot > .row #divListaNotificacaoDesktop > .ibox, .sym-centralnot > .row #divListaAlertaDesktop > .ibox {
    height: 100%;
  }
  .sym-centralnot > .row #divListaNotificacaoDesktop > .ibox > .ibox-content, .sym-centralnot > .row #divListaAlertaDesktop > .ibox > .ibox-content {
    height: 100%;
  }
  .sym-centralnot > .row #divDetalhesNotificacao, .sym-centralnot > .row #divDetalhesAlerta {
    height: 100%;
  }
  .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesNotificacaoContentHolder, .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesAlertaContentHolder, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesNotificacaoContentHolder, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesAlertaContentHolder {
    /*&:not(.active){
        display: none;
    }*/
  }
  .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesNotificacaoContentHolder.active, .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesNotificacaoContentHolder:not(.active), .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesAlertaContentHolder.active, .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesAlertaContentHolder:not(.active), .sym-centralnot > .row #divDetalhesAlerta #divDetalhesNotificacaoContentHolder.active, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesNotificacaoContentHolder:not(.active), .sym-centralnot > .row #divDetalhesAlerta #divDetalhesAlertaContentHolder.active, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesAlertaContentHolder:not(.active) {
    display: block;
    max-height: 100%;
  }
  .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesNotificacaoContentHolder > .ibox, .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesAlertaContentHolder > .ibox, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesNotificacaoContentHolder > .ibox, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesAlertaContentHolder > .ibox {
    height: 100%;
    position: absolute;
    left: 10px;
    right: 20px;
  }
  .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesNotificacaoContentHolder > .ibox > .ibox-content, .sym-centralnot > .row #divDetalhesNotificacao #divDetalhesAlertaContentHolder > .ibox > .ibox-content, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesNotificacaoContentHolder > .ibox > .ibox-content, .sym-centralnot > .row #divDetalhesAlerta #divDetalhesAlertaContentHolder > .ibox > .ibox-content {
    max-height: 100%;
    overflow: auto;
  }
}
.sym-centralnot .sym-centralnot-lista-mobile .body {
  margin-left: 18px;
  margin-right: 18px;
}
.sym-centralnot .sym-centralnot-barra-lateral, .sym-centralnot .sym-centralnot-lista-mobile {
  padding: 0px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header .input-group.search, .sym-centralnot .sym-centralnot-lista-mobile div.header .input-group.search {
  padding: 5px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header .input-group.search input.form-control, .sym-centralnot .sym-centralnot-lista-mobile div.header .input-group.search input.form-control {
  max-width: none;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header ul, .sym-centralnot .sym-centralnot-lista-mobile div.header ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 40px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header ul li, .sym-centralnot .sym-centralnot-lista-mobile div.header ul li {
  display: table-cell;
  padding: 10px;
  cursor: default;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header ul li:not(:last-child), .sym-centralnot .sym-centralnot-lista-mobile div.header ul li:not(:last-child) {
  border-right: 1px solid lightGray;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header ul li:not(.selected), .sym-centralnot .sym-centralnot-lista-mobile div.header ul li:not(.selected) {
  border-bottom: 1px solid lightGray;
  background-color: #fbfbfb;
  cursor: pointer;
}
.sym-centralnot .sym-centralnot-barra-lateral div.header ul li span.label, .sym-centralnot .sym-centralnot-lista-mobile div.header ul li span.label {
  padding: 2px 4px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body, .sym-centralnot .sym-centralnot-lista-mobile div.body {
  height: 100%;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body > div, .sym-centralnot .sym-centralnot-lista-mobile div.body > div {
  padding: 5px;
  height: 80%;
  height: calc(100% - 40px - 32px - 10px );
  overflow: auto;
  /*.carregando-feedback {
      //content: "Carregando...";
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 20px;
      text-align: center;
      span {
          background-color: dodgerblue;
          color: white;
          border-radius: 15px;
          padding: 5px 12px;
          font-weight: 600;
          box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12);
      }
  }*/
}
.sym-centralnot .sym-centralnot-barra-lateral div.body > div:not(.selected), .sym-centralnot .sym-centralnot-lista-mobile div.body > div:not(.selected) {
  display: none;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination), .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) {
  list-style: none;
  padding: 0px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li {
  padding: 5px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-load-more, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-load-more {
  text-align: center;
  padding-top: 10px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-no-preview, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-no-preview {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview {
  cursor: pointer;
  min-height: 50px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.remetente, .sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.assunto, .sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.mensagem, .sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.data, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.remetente, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.assunto, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.mensagem, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.data {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.assunto, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.assunto {
  font-size: 13.5px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.data, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.data {
  font-size: 10px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.urgente, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.urgente {
  float: right;
  margin-left: 5px;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview span.anexo, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview span.anexo {
  float: left;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview:not(:last-child), .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview:not(:last-child) {
  border-bottom: 1px solid lightGray;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview.selected, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview.selected {
  border-left: 5px solid gray;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview.unread, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview.unread {
  font-weight: bold;
}
.sym-centralnot .sym-centralnot-barra-lateral div.body ul:not(.pagination) li.notif-preview:hover, .sym-centralnot .sym-centralnot-lista-mobile div.body ul:not(.pagination) li.notif-preview:hover {
  background-color: #fbfbfb;
}

ul.nav.navbar-top-links ul.dropdown-messages-box div.dropdown-messages-box small {
  line-height: 20px;
}

span.field-validation-error.multiline {
  display: inline-block;
  white-space: pre;
}

.widget-map-options {
  width: 100%;
  height: 89%;
}
@media (max-width: 992px) {
  .widget-map-options {
    height: 100%;
  }
}

tr.strikeout td {
  position: relative;
}

tr.strikeout td:nth-last-child(n+3):before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #000000;
  width: 100%;
}

tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px;
}

/* QR code generator */
#qrCode {
  margin: 15px;
}

.swal2-popup {
  font-size: 1.3rem !important;
}

.navbar-static-side {
  width: 70px;
  transition: all 0.4s;
}

.navbar-static-side.sym-navbar-static-side {
  width: 220px;
  transition: all 0.4s;
}

body.mini-navbar .navbar-static-side.preload-no-anim {
  width: 70px;
}

.dropdown-menu {
  border-radius: 0px;
}

.datepickers-container, .clockpicker-popover {
  z-index: 100000;
}

.popover.clockpicker-popover > .arrow {
  border-width: 7px;
}
.popover.clockpicker-popover.bottom > .arrow {
  top: -15px;
}

/*.popover > arrow {
    border-width: 7px;
}

.popover.bottom > .arrow {
    top: -15px;
}*/
.iti-flag {
  background-image: url("/lib/intl-tel-input/build/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("/lib/intl-tel-input/build/img/flags@2x.png");
  }
}
.intl-tel-input {
  width: 100%;
}

.footer .footer-langselector-holder {
  display: inline-block;
  margin-right: 10px;
  float: right;
  padding: 0px 20px;
  padding-top: 18px;
}

.footer form#cultureSeletor > span {
  display: inline-block;
}
.footer form#cultureSeletor > span:before {
  font-weight: bold;
  position: absolute;
  top: 2px;
  font-size: 11px;
}
.footer form#cultureSeletor > span select.form-control {
  /*min-height: 18px;
  height: 18px;
  padding: 0px;*/
}

.sym-dateinfo {
  padding: 2px 9px 5px;
  border-image: none;
  width: 100%;
  font-size: 10px;
  border-top-color: currentColor;
  border-top-width: medium;
  border-top-style: none;
  display: block;
}
.sym-dateinfo .sym-dateinfo-content {
  cursor: pointer;
}

.modal div.datepicker {
  margin-bottom: 30px;
}

a {
  color: #0071aa;
}
a:hover {
  color: #004f77;
}

body.layout-simples {
  background: linear-gradient(to bottom, #f2f2f2, #dbdbdb);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.layout-simples.gray-bg {
  background-color: #f3f3f4;
  background: linear-gradient(to bottom, #f2f2f2, #f3f3f4);
}
body.layout-simples.with-background-image .navbar-logo {
  background-image: url("/images/spss-nav.png");
}
body.layout-simples.with-background-image .minimal-footer {
  color: white;
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap {
  width: 100% !important;
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap.select2-container--focus .select2-selection, body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: none;
  border-color: #0093dd !important;
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap.select2-container--below {
  border-radius: 1px;
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap.select2-container--below.select2-container--open .select2-selection {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  border: none;
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap .select2-selection {
  border-radius: 1px;
  border: 1px solid #cbcbcb;
  font-size: inherit;
  /*
  padding: 6px 12px;
      .select2-container--bootstrap .select2-selection--single .select2-selection__rendered
      
  */
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap .select2-selection--single {
  height: 32px;
}
body.layout-simples .sym-seletor-assinante + .select2.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #000000;
}
body.layout-simples .select2-container.select2-container--bootstrap input[type=text], body.layout-simples .select2-container.select2-container--bootstrap input[type=search] {
  max-width: none;
}
body.layout-simples .btn-white {
  border: 1px solid #cbcbcb;
}
body.layout-simples .btn-primary {
  background-color: #0093dd;
  border-color: #0071aa;
}
body.layout-simples .btn-primary:hover {
  background-color: #11afff;
  border-color: #0093dd;
}
body.layout-simples .open > .dropdown-toggle.btn-primary {
  background-color: #0093dd;
  border-color: #0071aa;
}
body.layout-simples .open > .dropdown-toggle.btn-primary:hover, body.layout-simples .open > .dropdown-toggle.btn-primary:focus {
  background-color: #11afff;
  border-color: #0093dd;
}
body.layout-simples .form-control:focus, body.layout-simples .single-line:focus {
  border-color: #0093dd !important;
}
body.layout-simples #background-cover {
  background: url(/images/background-layout-simples.jpg) no-repeat center center fixed;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(1.1);
}
body.layout-simples #background-cover:before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.layout-simples .ibox-content {
  border: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
body.layout-simples .ibox-login .ibox-content {
  padding: 0px;
  padding-bottom: 20px;
  padding-top: 20px;
}
body.layout-simples .ibox-login .ibox-content > *:not(.tab-holder) {
  padding-left: 20px;
  padding-right: 20px;
}
body.layout-simples .ibox-login .ibox-content .tab-holder {
  margin-bottom: 20px;
}
body.layout-simples .ibox-login .ibox-content .tab-holder span {
  width: 50%;
  text-align: center;
  padding: 12px 0px;
  display: inline-block;
}
body.layout-simples .ibox-login .ibox-content .tab-holder span:first-child {
  border-right: 1px #e0e0e0 solid;
}
body.layout-simples .ibox-login .ibox-content .tab-holder span:last-child {
  float: right;
}
body.layout-simples .ibox-login .ibox-content .tab-holder span:not(.active) {
  background-color: #f8f8f8;
  cursor: pointer;
  border-bottom: 1px #e0e0e0 solid;
}
body.layout-simples .ibox-login .ibox-content .tab-holder span:not(.active):hover {
  background-color: #fbfbfb;
}
body.layout-simples .navbar-logo {
  background-image: url("/images/spss-nav.png");
  background-repeat: no-repeat;
  width: 172px;
  height: 60px;
  margin: auto;
  padding: 0px;
  margin-bottom: 10px;
}
body.layout-simples .animated.fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
body.layout-simples .animated.slow {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
body.layout-simples .fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
body.layout-simples .animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
body.layout-simples .minimal-footer {
  padding-bottom: 20px;
  padding-top: 20px;
}
body.layout-simples .loginColumns {
  padding-top: 60px;
}
@media (max-width: 991px) {
  body.layout-simples .loginColumns {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  body.layout-simples .loginColumns {
    padding-top: 0px;
  }
}
body.layout-simples .loginColumns .conteudo-lateral {
  color: white;
}

/* Início Spinner Quadrados 
    Exemplo:
    <div class="cssload-thecube">
	    <div class="cssload-cube cssload-c1"></div>
	    <div class="cssload-cube cssload-c2"></div>
	    <div class="cssload-cube cssload-c4"></div>
	    <div class="cssload-cube cssload-c3"></div>
    </div>
*/
.cssload-thecube {
  width: 73px;
  height: 73px;
  margin: 0 auto;
  margin-top: 49px;
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  margin-bottom: 25px;
}

.cssload-thecube .cssload-cube {
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.cssload-thecube .cssload-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1ab394;
  animation: cssload-fold-thecube 2.76s infinite linear both;
  -o-animation: cssload-fold-thecube 2.76s infinite linear both;
  -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
  -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
  -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
  transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
}

.cssload-thecube .cssload-c2 {
  transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
}

.cssload-thecube .cssload-c3 {
  transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
}

.cssload-thecube .cssload-c4 {
  transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
}

.cssload-thecube .cssload-c2:before {
  background-color: #21dfb8;
  animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  -ms-animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
}

.cssload-thecube .cssload-c3:before {
  background-color: #4ee5c7;
  animation-delay: 0.69s;
  -o-animation-delay: 0.69s;
  -ms-animation-delay: 0.69s;
  -webkit-animation-delay: 0.69s;
  -moz-animation-delay: 0.69s;
}

.cssload-thecube .cssload-c4:before {
  background-color: #7aecd5;
  animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s;
}

@keyframes cssload-fold-thecube {
  0%, 10% {
    transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
				75% {
    transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
				100% {
    transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-o-keyframes cssload-fold-thecube {
  0%, 10% {
    -o-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
				75% {
    -o-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
				100% {
    -o-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-ms-keyframes cssload-fold-thecube {
  0%, 10% {
    -ms-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
				75% {
    -ms-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
				100% {
    -ms-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
				75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
				100% {
    -webkit-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cssload-fold-thecube {
  0%, 10% {
    -moz-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
				75% {
    -moz-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
				100% {
    -moz-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
/* Fim Spinner Quadrados */
/* Início Spinner Círculos 

    Exemplo: 
    <div align="center" class="cssload-fond">
	    <div class="cssload-container-general">
			    <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_1"> </div></div>
			    <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_2"> </div></div>
			    <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_3"> </div></div>
			    <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_4"> </div></div>
	    </div>
    </div>
*/
.cssload-fond {
  position: relative;
  margin: auto;
  margin-bottom: 10px;
}

.cssload-container-general {
  animation: cssload-animball_two 1.15s infinite;
  -o-animation: cssload-animball_two 1.15s infinite;
  -ms-animation: cssload-animball_two 1.15s infinite;
  -webkit-animation: cssload-animball_two 1.15s infinite;
  -moz-animation: cssload-animball_two 1.15s infinite;
  width: 61px;
  height: 61px;
}

.cssload-internal {
  width: 61px;
  height: 61px;
  position: absolute;
}

.cssload-ballcolor {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4 {
  position: absolute;
  animation: cssload-animball_one 1.15s infinite ease;
  -o-animation: cssload-animball_one 1.15s infinite ease;
  -ms-animation: cssload-animball_one 1.15s infinite ease;
  -webkit-animation: cssload-animball_one 1.15s infinite ease;
  -moz-animation: cssload-animball_one 1.15s infinite ease;
}

.cssload-ball_1 {
  background-color: #1ab394;
  top: 0;
  left: 0;
}

.cssload-ball_2 {
  background-color: #21dfb8;
  top: 0;
  left: 33px;
}

.cssload-ball_3 {
  background-color: #4ee5c7;
  top: 33px;
  left: 0;
}

.cssload-ball_4 {
  background-color: #7aecd5;
  top: 33px;
  left: 33px;
}

@keyframes cssload-animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 17px;
    left: 17px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@-o-keyframes cssload-animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 17px;
    left: 17px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@-ms-keyframes cssload-animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 17px;
    left: 17px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@-webkit-keyframes cssload-animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 17px;
    left: 17px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@-moz-keyframes cssload-animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 17px;
    left: 17px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@keyframes cssload-animball_two {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(360deg) scale(1.3);
  }
  100% {
    transform: rotate(720deg) scale(1);
  }
}
@-o-keyframes cssload-animball_two {
  0% {
    -o-transform: rotate(0deg) scale(1);
  }
  50% {
    -o-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -o-transform: rotate(720deg) scale(1);
  }
}
@-ms-keyframes cssload-animball_two {
  0% {
    -ms-transform: rotate(0deg) scale(1);
  }
  50% {
    -ms-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -ms-transform: rotate(720deg) scale(1);
  }
}
@-webkit-keyframes cssload-animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
  }
}
@-moz-keyframes cssload-animball_two {
  0% {
    -moz-transform: rotate(0deg) scale(1);
  }
  50% {
    -moz-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -moz-transform: rotate(720deg) scale(1);
  }
}
/* Início Spinner Círculos */
/* Início Quadrado Flip
    Exemplo: 
    <div class="cssload-loader">
	    <div class="cssload-flipper">
		    <div class="cssload-front"></div>
		    <div class="cssload-back"></div>
	    </div>
    </div>
*/
.cssload-loader {
  width: 34px;
  height: 34px;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  perspective: 1200;
  -o-perspective: 1200;
  -ms-perspective: 1200;
  -webkit-perspective: 1200;
  -moz-perspective: 1200;
}

.cssload-flipper {
  position: relative;
  display: block;
  height: inherit;
  width: inherit;
  animation: cssload-flip 1.38s infinite ease-in-out;
  -o-animation: cssload-flip 1.38s infinite ease-in-out;
  -ms-animation: cssload-flip 1.38s infinite ease-in-out;
  -webkit-animation: cssload-flip 1.38s infinite ease-in-out;
  -moz-animation: cssload-flip 1.38s infinite ease-in-out;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
}

.cssload-front,
.cssload-back {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #1ab394;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
}

.cssload-back {
  background-color: black;
  z-index: 800;
  transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
}

@keyframes cssload-flip {
  0% {
    transform: perspective(360px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(360px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(360px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-o-keyframes cssload-flip {
  0% {
    -o-transform: perspective(360px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -o-transform: perspective(360px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -o-transform: perspective(360px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-ms-keyframes cssload-flip {
  0% {
    -ms-transform: perspective(360px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -ms-transform: perspective(360px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -ms-transform: perspective(360px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes cssload-flip {
  0% {
    -webkit-transform: perspective(360px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(360px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(360px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-moz-keyframes cssload-flip {
  0% {
    -moz-transform: perspective(360px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -moz-transform: perspective(360px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -moz-transform: perspective(360px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/* Fim Quadrado Flip */
#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}
@media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  #toast-container {
    left: 5%;
    bottom: 7%;
    max-width: 90%;
  }
}
@media only screen and (min-width: 993px) {
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}

.toast {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  top: 0;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 2.4em;
  word-break: break-all;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.2rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toast .btn, .toast .btn-flat {
  margin: 0;
  margin-left: 3rem;
}
.toast.rounded {
  border-radius: 24px;
}
@media only screen and (max-width: 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .toast {
    float: left;
  }
}
@media only screen and (min-width: 993px) {
  .toast {
    float: right;
  }
}

@media print {
  nav.navbar-static-side {
    display: none;
  }

  #page-wrapper {
    margin: 0;
  }
}
/* This is to stop CSS preprocessor, such as Sass, Less, or Stylus, from downloading the bootstrap map file. */
/*# sourceMappingURL= */

/*# sourceMappingURL=style.css.map */