@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url(vendors/bootstrap.min.css);
@import url(vendors/perfect-scrollbar.min.css);
html, body {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.45;
  position: relative;
  height: 100%;
  width: 100%;
  color: #414141;
  background-color: #eee; }

body {
  min-width: 680px; }

h2 {
  font-size: 1.2rem; }

h3 {
  font-size: 1.125rem; }

h4 {
  font-size: 1rem; }

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

b, strong {
  font-weight: 500; }

/* Peso de font por classe \/ */
.font-light {
  font-family: "Quicksand", sans-serif;
  font-weight: 300; }

.font-regular {
  font-family: "Quicksand", sans-serif;
  font-weight: 400; }

.font-bold {
  font-family: "Quicksand", sans-serif;
  font-weight: 500; }

/* Peso de font por classe /\ */
/* FadeIn on load \/ */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation: fadeIn .5s ease-in-out;
  -moz-animation: fadeIn .5s ease-in-out;
  -o-animation: fadeIn .5s ease-in-out;
  animation: fadeIn .5s ease-in-out; }

/* FadeIn on load /\ */
/*Login*/
.home-container {
  text-align: center;
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }

.home-middle {
  padding-top: 80px;
  transition: padding-top .5s;
  /* Telas at├® 1366px */ }
  @media (max-width: 1366px) {
    .home-middle {
      display: table-cell;
      vertical-align: middle;
      padding-top: 0;
      transition: padding-top .5s; } }

.home-content {
  display: block;
  margin: auto;
  text-align: center;
  top: 50%;
  margin-left: auto;
  margin-right: auto; }
  .home-content h1 {
    margin: 0 0 15px 0; }

/*Powered by cart├│rios.com.vc*/
.powered-by {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .765rem;
  color: #414141;
  margin: 0; }
  .powered-by a {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    color: #4b538a; }

main {
  padding-top: 60px;
  padding-left: 210px; }

.main-content {
  position: relative;
  overflow: auto;
  padding: 30px 15px; }

.row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
  display: none; }

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0; }

.page-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fafafa; }

.page-loader-hidden {
  display: block;
  transition: display 2s; }

@-webkit-keyframes uil-ring-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes uil-ring-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes uil-ring-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes uil-ring-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes uil-ring-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.uil-ring-css {
  background: none;
  position: fixed;
  z-index: 99999;
  top: 40%;
  left: 40%;
  width: 200px;
  height: 200px; }

.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 3px 0 0 #4b538a;
  -webkit-transform-origin: 80px 81.5px;
  transform-origin: 80px 81.5px;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite; }

/* Material Icons */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

i.primary {
  color: #0088db; }

i.elevendocs {
  color: #4b538a; }

i.info {
  color: #29c4ce; }

i.success {
  color: #2ed17d; }

i.warning {
  color: #ffc025; }

i.danger {
  color: #ff5c4b; }

header {
  overflow: hidden;
  position: fixed;
  z-index: 10;
  width: 100%;
  min-width: 595px;
  background: #4b538a;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #4e2375, #438199);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4e2375, #438199);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4e2375, #438199);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4e2375, #438199);
  /* Standard syntax */ }

.header-logo {
  float: left;
  width: 210px;
  height: 60px;
  padding: 14px 30px;
  text-align: center;
  background-color: #363C68; }
  .header-logo h1 {
    display: inline-block;
    vertical-align: sub;
    margin: 0; }
    .header-logo h1 img {
      vertical-align: initial; }
    .header-logo h1 img:first-child {
      margin-right: .9375rem; }
    .header-logo h1 img:last-child {
      margin-left: .9375rem; }
    .header-logo h1 .logo-bar {
      display: inline-block;
      vertical-align: initial;
      width: 1px;
      height: 30px;
      background-color: #fff; }

.header-navegation {
  position: absolute;
  width: 100%;
  overflow: auto;
  padding: 10px 30px 10px 240px; }
  .header-navegation .header-navegation-search,
  .header-navegation .header-navegation-notification,
  .header-navegation .header-navegation-user-avatar {
    display: inline-block;
    vertical-align: middle; }
  .header-navegation .header-navegation-search {
    float: left;
    margin-top: 5px; }
  .header-navegation .header-navegation-notification-avatar {
    float: right; }
  .header-navegation .header-navegation-notification {
    position: relative;
    margin: 0 1rem;
    cursor: pointer; }
  .header-navegation .header-navegation-user-avatar {
    position: relative;
    margin-left: 1rem;
    cursor: pointer; }

/* Form de busca */
.header-navegation-search__form {
  position: relative; }
  .header-navegation-search__form label {
    margin: 0; }
  .header-navegation-search__form input {
    width: 21rem;
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: .75rem;
    color: #fff;
    background-color: transparent;
    padding: .375rem 1.75rem .375rem .75rem;
    border-radius: 1rem;
    border: solid 1px #fff;
    outline: 0;
    margin: 0;
    transition: .5s; }
  .header-navegation-search__form input:focus {
    width: 25rem;
    transition: .5s; }
  .header-navegation-search__form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    transition: .3s; }
  .header-navegation-search__form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    transition: .3s; }
  .header-navegation-search__form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    transition: .3s; }
  .header-navegation-search__form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    transition: .3s; }
  .header-navegation-search__form input:focus::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: transparent;
    transition: .3s; }
  .header-navegation-search__form input:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent;
    transition: .3s; }
  .header-navegation-search__form input:focus:-ms-input-placeholder {
    /* IE 10+ */
    color: transparent;
    transition: .3s; }
  .header-navegation-search__form input:focus:-moz-placeholder {
    /* Firefox 18- */
    color: transparent;
    transition: .3s; }
  .header-navegation-search__form span {
    display: none; }
  .header-navegation-search__form button {
    position: absolute;
    top: .175rem;
    right: .3rem;
    color: #fff;
    outline: 0; }

.btn-search {
  border: none;
  background-color: transparent; }

/* Notifica├º├Áes*/
.header-navegation-notification a {
  vertical-align: sub;
  color: #fff; }

.header-navegation-notification-number {
  position: absolute;
  top: -3px;
  right: -4px;
  background-color: #ff9800;
  border-radius: 2px;
  font-size: .6525rem;
  color: #fff;
  padding: 0 2.8px; }

/*Janela de Notifica├º├Áes*/
.header-notification-box {
  display: none;
  position: fixed;
  z-index: 10;
  top: 50px;
  right: 100px;
  padding: .9375rem;
  background-color: #fff;
  border: solid 1px #616161;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(158, 158, 158, 0.61);
  -moz-box-shadow: 0px 1px 2px 0px rgba(158, 158, 158, 0.61);
  box-shadow: 0px 1px 2px 0px rgba(158, 158, 158, 0.61); }
  .header-notification-box table thead {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    color: #616161;
    border-bottom: solid 1px #9e9e9e; }
    .header-notification-box table thead th {
      padding-bottom: .25rem;
      font-size: .75rem; }
      .header-notification-box table thead th a {
        color: #616161; }
  .header-notification-box table tbody {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    color: #616161; }
    .header-notification-box table tbody tr:first-child td {
      padding-top: .9375rem; }
    .header-notification-box table tbody tr:last-child td {
      padding-bottom: .9375rem; }
    .header-notification-box table tbody td {
      padding: .46875rem 0; }
    .header-notification-box table tbody td:first-child {
      font-size: 0.625rem;
      text-align: left; }
    .header-notification-box table tbody .td-notification-time {
      font-size: 0.5625rem;
      text-align: right; }
    .header-notification-box table tbody a {
      color: #616161; }
  .header-notification-box table tfoot {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    color: #616161;
    border-top: solid 1px #9e9e9e; }
    .header-notification-box table tfoot td {
      font-size: .75rem;
      padding-top: .875rem;
      text-align: center; }
    .header-notification-box table tfoot a {
      color: #616161; }

/* Logout icon */
.header-navegation-user-avatar a {
  color: #fff; }
.header-navegation-user-avatar i {
  font-size: 40px;
  vertical-align: -webkit-baseline-middle; }

/* Logout box */
.header-logout {
  display: none;
  z-index: 11;
  position: fixed;
  top: 55px;
  right: 30px;
  background-color: #fff;
  border: solid 1px #616161;
  border-radius: 4px;
  padding: .9375rem;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(158, 158, 158, 0.61);
  -moz-box-shadow: 0px 1px 2px 0px rgba(158, 158, 158, 0.61);
  box-shadow: 0px 1px 2px 0px rgba(158, 158, 158, 0.61); }
  .header-logout p {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: .75rem;
    color: #616161; }
  .header-logout ul {
    float: right;
    margin: 12px 0 0 0; }
  .header-logout li {
    float: left;
    margin-left: .9375rem;
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: .75rem; }
    .header-logout li a {
      color: #616161; }
    .header-logout li #logout-logout__a {
      text-decoration: underline; }

.side-nav {
  width: 210px;
  float: left;
  height: 100%;
  z-index: 9; }

.side-nav-content {
  width: 210px;
  padding-top: 60px;
  padding-bottom: 40px;
  position: fixed;
  z-index: 8;
  height: 100%;
  overflow-y: hidden;
  background-color: #363C68;
  border-right: solid 1px #f2f2f2; }
  .side-nav-content .side-nav-list {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .side-nav-content .side-nav-list li a {
      padding: 12.25px 8.75px 12.25px 15.75px; }
  .side-nav-content .side-nav-sublist li a {
    padding: 12.25px 8.75px 12.25px 38.75px; }
  .side-nav-content .side-nav-list, .side-nav-content .side-nav-sublist {
    /*li a quando ativo*/ }
    .side-nav-content .side-nav-list li a, .side-nav-content .side-nav-sublist li a {
      display: inline-block;
      width: 100%;
      color: #FFF; }
      .side-nav-content .side-nav-list li a i, .side-nav-content .side-nav-sublist li a i {
        color: inherit; }
    .side-nav-content .side-nav-list li a:hover, .side-nav-content .side-nav-sublist li a:hover {
      background-color: #30355B;
      transition: .2s; }
    .side-nav-content .side-nav-list .option-open, .side-nav-content .side-nav-sublist .option-open {
      background-color: #c5c8d8; }
    .side-nav-content .side-nav-list .option-open:hover, .side-nav-content .side-nav-sublist .option-open:hover {
      background-color: #bfc2d4;
      transition: .2s; }
    .side-nav-content .side-nav-list .side-nav-option__active > a, .side-nav-content .side-nav-sublist .side-nav-option__active > a {
      background: #4B90AB; }
      .side-nav-content .side-nav-list .side-nav-option__active > a:hover, .side-nav-content .side-nav-sublist .side-nav-option__active > a:hover {
        background: #4B90AB; }
    .side-nav-content .side-nav-list .side-nav-option__inactive, .side-nav-content .side-nav-sublist .side-nav-option__inactive {
      border-left: solid 3px transparent; }
    .side-nav-content .side-nav-list a, .side-nav-content .side-nav-sublist a {
      text-decoration: none;
      color: #414141;
      line-height: 100%; }
    .side-nav-content .side-nav-list i, .side-nav-content .side-nav-sublist i {
      vertical-align: middle;
      margin-right: .5rem;
      color: #414141; }
    .side-nav-content .side-nav-list i:last-child, .side-nav-content .side-nav-sublist i:last-child {
      margin-right: 0; }
    .side-nav-content .side-nav-list span, .side-nav-content .side-nav-sublist span {
      vertical-align: middle;
      font-size: .778rem; }

.powered-by-cartorios {
  width: 210px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 200;
  padding: 15px;
  background-color: #363C68;
  border-right: solid 1px #f2f2f2; }
  .powered-by-cartorios p {
    font-size: .6875rem;
    color: #fff;
    margin-bottom: 0; }
  .powered-by-cartorios a {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    color: #fff;
    text-decoration: underline; }

.page-heading {
  background-color: #fff;
  padding: 0; }

.page-heading-content {
  padding: 1.25rem 1.5626rem; }
  .page-heading-content h2 {
    font-family: "Quicksand", sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    color: #616161;
    margin-top: 0; }
  .page-heading-content ol li {
    float: left;
    font-family: "Quicksand", sans-serif;
    font-weight: 300; }
    .page-heading-content ol li::after {
      content: "/";
      margin: 0 .625rem; }
    .page-heading-content ol li:last-child {
      font-family: "Quicksand", sans-serif;
      font-weight: 500; }
    .page-heading-content ol li:last-child:after {
      content: ""; }
    .page-heading-content ol li a {
      color: #424242; }

.text-success {
  color: #2ed17d !important; }

.text-warning {
  color: #ffc025 !important; }

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

.text-info {
  color: #29c4ce !important; }

.alert {
  z-index: 1000;
  padding: .9375rem;
  overflow: auto;
  vertical-align: middle;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .711rem; }
  .alert p {
    display: inline-block;
    vertical-align: sub; }
  .alert a {
    vertical-align: -webkit-baseline-middle;
    text-decoration: none;
    color: #414141; }

.alert-content {
  color: #fff;
  border-radius: 2px;
  padding: .9375rem;
  cursor: default; }
  .alert-content i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem; }
  .alert-content .alert-text {
    display: inline-block;
    line-height: 100%;
    vertical-align: middle; }
    .alert-content .alert-text a {
      text-decoration: underline;
      color: #fff; }
  .alert-content .alert-close {
    float: right;
    color: #fff; }

.alert-info {
  background-color: #b3e5fc;
  border: none; }

.alert-success {
  background-color: #c8e6c9;
  border: none; }

.alert-warning {
  background-color: #ffe0b2;
  border: none; }

.alert-danger {
  background-color: #ffcdd2;
  border: none; }

.ibox {
  margin-bottom: 1.875rem;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11);
  border-radius: 4px; }
  .ibox h1, .ibox h2, .ibox h3, .ibox h4, .ibox h5 {
    margin-top: 0; }

.ibox-title {
  overflow: auto;
  padding: .9375rem;
  border-bottom: solid 1px #efefef; }
  .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
    display: inline-block;
    margin: 0; }

.ibox-content {
  overflow: auto;
  padding: .9375rem; }

.ibox-tools {
  float: right; }

.ibox-tools > a {
  text-decoration: none; }

.ibox-tools > a:hover {
  text-decoration: none; }

.toggle-ibox,
.ibox-close {
  text-decoration: none;
  color: #414141; }
  .toggle-ibox a,
  .ibox-close a {
    text-decoration: none; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: solid 1px #4B90AB;
  border-bottom-color: transparent; }

.nav-tabs {
  border-bottom: solid 1px #4B90AB; }

.nav-tabs > li > a {
  border-bottom: none; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a:focus {
  color: #4B90AB;
  font-family: "Quicksand", sans-serif;
  font-weight: 500; }

.table {
  background-color: #fff; }
  .table thead {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: .75rem;
    color: #212121; }
  .table tbody {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: .75rem;
    color: #424242; }
    .table tbody tr:hover {
      background-color: #f5f5f5;
      transition: .2s; }
  .table thead tr th,
  .table tbody tr td {
    padding: 8px;
    vertical-align: middle;
    border-top-color: #efefef;
    border-bottom-color: #efefef; }

.table.table-striped tbody tr {
  background-color: #f5f5f5; }
.table.table-striped tbody tr:nth-child(even) {
  background-color: #fff; }
.table.table-striped tbody tr:hover {
  background-color: #e8e8e8;
  transition: .2s; }

.btn-container {
  padding: 10px; }

.btn {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .65625rem;
  padding: 5px 8px;
  background-color: #fff;
  border: solid 1px #4B90AB;
  border-radius: 4px;
  color: #4B90AB;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  outline: 0;
  line-height: 100%; }
  .btn:hover {
    color: #4B90AB;
    opacity: 0.9;
    transition: background-color .2s; }
  .btn:disabled {
    opacity: 0.7;
    cursor: not-allowed; }
  .btn input {
    vertical-align: bottom; }

.btn-icon {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: 0;
  vertical-align: middle;
  line-height: .8; }
  .btn-icon * {
    line-height: 1; }

.btn-primary {
  color: #fff !important;
  background-color: #0088db !important;
  border: solid 1px #0088db; }
  .btn-primary:hover {
    background-color: #006fb2 !important;
    border: solid 1px #006fb2; }

.btn-secondary {
  color: #fff !important;
  background-color: #4B90AB !important;
  border: solid 1px #4B90AB; }
  .btn-secondary:hover {
    background-color: #438199 !important;
    border: solid 1px #438199; }

.btn-success {
  color: #fff !important;
  background-color: #2ed17d !important;
  border: solid 1px #2ed17d; }

.btn-success:hover {
  background-color: #27b069 !important;
  border: solid 1px #27b069; }

.btn-warning {
  color: #fff !important;
  background-color: #ffc025 !important;
  border: solid 1px #ffc025; }

.btn-warning:hover {
  background-color: #fbb300 !important;
  border: solid 1px #fbb300; }

.btn-danger {
  color: #fff !important;
  background-color: #ff5c4b !important;
  border: solid 1px #ff5c4b; }

.btn-danger:hover {
  background-color: #ff3722 !important;
  border: solid 1px #ff3722; }

.btn-info {
  color: #fff !important;
  background-color: #29c4ce !important;
  border: solid 1px #29c4ce; }

.btn-info:hover {
  background-color: #22a4ac !important;
  border: solid 1px #22a4ac; }

.btn-sm {
  font-size: .5625rem;
  padding: 4px 10px; }

.btn-md {
  font-size: .6875rem;
  padding: 9.5px; }

.btn-lg {
  font-size: .875rem;
  padding: 10px 12px; }

.btn-xl {
  font-size: 1.125rem;
  padding: 12px 14px; }

.btn-alpha {
  color: #fff !important;
  background-color: #FF9800 !important;
  border: solid 1px #FF9800; }
  .btn-alpha:hover {
    background-color: #e68900 !important;
    border: solid 1px #e68900; }

.btn-round {
  border-radius: 40px;
  padding: 10px; }

.btn-alpha {
  color: #fff !important;
  background-color: #FF9800 !important;
  border: solid 1px #FF9800; }
  .btn-alpha:hover {
    background-color: #e68900 !important;
    border: solid 1px #e68900; }

.btn-flutuante {
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 100;
  outline: 0 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
  .btn-flutuante div {
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    vertical-align: middle;
    width: 0;
    transition: width .4s ease-out; }
    .btn-flutuante div span {
      width: 0;
      visibility: hidden; }
  .btn-flutuante i {
    vertical-align: middle;
    font-size: 36px; }
  .btn-flutuante:hover div {
    position: relative;
    display: inline-block;
    width: 160px;
    visibility: visible;
    margin-left: 10px;
    margin-right: 10px; }

.label-container,
.badge-container {
  padding: 10px; }

.label {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .65625rem;
  background-color: #fff;
  border: solid 1px #616161;
  border-radius: 2px;
  color: #616161;
  padding: 5px 8px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  outline: 0;
  line-height: 100%;
  cursor: default; }

.label-primary {
  color: #fff !important;
  background-color: #0088db !important;
  border: none; }

.label-success {
  color: #fff !important;
  background-color: #2ed17d !important;
  border: none; }

.label-warning {
  color: #fff !important;
  background-color: #ffc025 !important;
  border: none; }

.label-danger {
  color: #fff !important;
  background-color: #ff5c4b !important;
  border: none; }

.label-info {
  color: #fff !important;
  background-color: #29c4ce !important;
  border: none; }

.badge {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .65625rem;
  background-color: #fff;
  border: solid 1px #616161;
  border-radius: 12px;
  color: #616161;
  padding: 5px 8px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  outline: 0;
  line-height: 100%;
  cursor: default; }

.badge-primary {
  color: #fff !important;
  background-color: #0088db !important;
  border: none; }

.badge-success {
  color: #fff !important;
  background-color: #2ed17d !important;
  border: none; }

.badge-warning {
  color: #fff !important;
  background-color: #ffc025 !important;
  border: none; }

.badge-danger {
  color: #fff !important;
  background-color: #ff5c4b !important;
  border: none; }

.badge-info {
  color: #fff !important;
  background-color: #29c4ce !important;
  border: none; }

.form-group {
  overflow: hidden; }

label {
  font-size: .875rem; }

.form {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .875rem; }
  .form input:focus, .form textarea:focus {
    border: solid 1px #616161;
    box-shadow: none; }
  .form label {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    padding-right: .9375rem;
    text-align: right; }
  .form textarea {
    height: 5rem;
    resize: none;
    box-shadow: none !important; }

.form-horizontal {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: .875rem; }
  .form-horizontal input:focus, .form-horizontal textarea:focus {
    border: solid 1px #616161;
    box-shadow: none; }
  .form-horizontal label {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    padding-right: .9375rem;
    text-align: right; }
  .form-horizontal textarea {
    height: 5rem;
    resize: none;
    box-shadow: none !important; }
  .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0; }

.form-control {
  margin-bottom: 0; }

.form-control:focus {
  border: solid 1px #616161;
  box-shadow: none; }

input, textarea {
  margin-bottom: .625rem;
  padding: .75rem .9375rem;
  border: solid 1px #9e9e9e;
  border-radius: .25rem;
  outline: 0; }
  input input::-webkit-input-placeholder,
  input textarea::-webkit-input-placeholder, textarea input::-webkit-input-placeholder,
  textarea textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #9e9e9e; }
  input input:-moz-placeholder,
  input textarea:-moz-placeholder, textarea input:-moz-placeholder,
  textarea textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #9e9e9e;
    opacity: 1; }
  input input::-moz-placeholder,
  input textarea::-moz-placeholder, textarea input::-moz-placeholder,
  textarea textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #9e9e9e;
    opacity: 1; }
  input input:-ms-input-placeholder,
  input textarea:-ms-input-placeholder, textarea input:-ms-input-placeholder,
  textarea textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9e9e9e; }
  input input::-ms-input-placeholder,
  input textarea::-ms-input-placeholder, textarea input::-ms-input-placeholder,
  textarea textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9e9e9e; }

.input-success,
.textarea-success {
  border: solid 1px #2ed17d; }

.input-warning,
.textarea-warning {
  border: solid 1px #ffc025; }

.input-danger,
.textarea-danger {
  border: solid 1px #ff5c4b; }

.input-info,
.textarea-info {
  border: solid 1px #29c4ce; }

input[type=checkbox],
input[type=radio] {
  margin-left: 0 !important; }

.checkbox label,
.radio label {
  font-size: .875rem; }

/* Base for label styling */
.checkbox-elevendocs[type="checkbox"]:not(:checked),
.checkbox-elevendocs[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

.checkbox-elevendocs[type="checkbox"]:not(:checked) + label,
.checkbox-elevendocs[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95rem;
  cursor: pointer; }

/* checkbox aspect */
.checkbox-elevendocs[type="checkbox"]:not(:checked) + label:before,
.checkbox-elevendocs[type="checkbox"]:checked + label:before {
  font-family: 'Material Icons';
  content: 'check_box_outline_blank';
  color: #616161;
  font-size: 1.125rem;
  position: absolute;
  top: -.2rem;
  left: .3rem; }

/* checked mark aspect */
.checkbox-elevendocs[type="checkbox"]:not(:checked) + label:after,
.checkbox-elevendocs[type="checkbox"]:checked + label:after {
  font-family: 'Material Icons';
  content: 'check_box';
  position: absolute;
  top: -.2rem;
  left: .3rem;
  font-size: 1.125rem;
  color: #4b538a;
  transition: all .2s; }

/* checked mark aspect changes */
.checkbox-elevendocs[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

.checkbox-elevendocs[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1); }

/* disabled checkbox */
.checkbox-elevendocs[type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox-elevendocs[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  color: #9e9e9e; }

.checkbox-elevendocs[type="checkbox"]:disabled:checked + label:after {
  color: #9e9e9e; }

.checkbox-elevendocs[type="checkbox"]:disabled + label {
  color: #9e9e9e; }

.checkbox .has-error label {
  color: #ff5c4b; }

/* Base for label styling */
.radio-elevendocs[type="radio"]:not(:checked),
.radio-elevendocs[type="radio"]:checked {
  position: absolute;
  left: -9999px; }

.radio-elevendocs[type="radio"]:not(:checked) + label,
.radio-elevendocs[type="radio"]:checked + label {
  position: relative;
  padding-left: 1.95rem;
  cursor: pointer; }

/* radio aspect */
.radio-elevendocs[type="radio"]:not(:checked) + label:before,
.radio-elevendocs[type="radio"]:checked + label:before {
  font-family: 'Material Icons';
  content: 'radio_button_unchecked';
  color: #616161;
  font-size: 1.125rem;
  position: absolute;
  top: -.2rem;
  left: .3rem; }

/* checked mark aspect */
.radio-elevendocs[type="radio"]:not(:checked) + label:after,
.radio-elevendocs[type="radio"]:checked + label:after {
  font-family: 'Material Icons';
  content: 'radio_button_checked';
  position: absolute;
  top: -.2rem;
  left: .3rem;
  font-size: 1.125rem;
  color: #4b538a;
  transition: all .2s; }

/* checked mark aspect changes */
.radio-elevendocs[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

.radio-elevendocs[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1); }

/* disabled radio */
.radio-elevendocs[type="radio"]:disabled:not(:checked) + label:before,
.radio-elevendocs[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  color: #9e9e9e; }

.radio-elevendocs[type="radio"]:disabled:checked + label:after {
  color: #9e9e9e; }

.radio-elevendocs[type="radio"]:disabled + label {
  color: #9e9e9e; }

.progressbar {
  position: relative;
  width: 150px;
  height: 150px;
  margin: auto; }

.progress-bar {
  background-color: #4b538a !important; }

.progress-bar-success {
  background-color: #2ed17d !important; }

.progress-bar-info {
  background-color: #29c4ce !important; }

.progress-bar-warning {
  background-color: #ffc025 !important; }

.progress-bar-danger {
  background-color: #ff5c4b !important; }

.progress-data {
  position: absolute;
  width: 115px;
  font-size: 1.53125rem;
  text-align: center;
  left: 18px;
  top: 53px; }
  .progress-data .partial-number {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 1.96875rem; }

.dropdown-alpha .notActive {
  border-bottom: solid 1px #414141; }
  .dropdown-alpha .notActive::after {
    content: url(../img/icons/arrow-down.svg);
    position: absolute;
    width: 10px;
    height: 5px;
    right: 0; }
.dropdown-alpha .isActive {
  color: #4B90AB;
  border-bottom: solid 1px #4B90AB; }
  .dropdown-alpha .isActive::after {
    content: url(../img/icons/arrow-up.svg);
    position: absolute;
    width: 10px;
    height: 5px;
    right: 0; }
.dropdown-alpha .dropdown-titulo {
  margin-bottom: 20px;
  cursor: pointer;
  position: relative; }
  .dropdown-alpha .dropdown-titulo .titulo {
    font-family: "Quicksand", sans-serif;
    font-weight: 500; }
.dropdown-alpha .dropdown-info-group {
  margin-bottom: 20px;
  font-size: .875rem; }
  .dropdown-alpha .dropdown-info-group p {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1; }
    .dropdown-alpha .dropdown-info-group p:first-child {
      font-family: "Quicksand", sans-serif;
      font-weight: 500; }
  .dropdown-alpha .dropdown-info-group ul li::before {
    content: '-';
    margin-right: 4px; }

.icon-upload {
  display: inline-block; }
  .icon-upload .icon-upload-label {
    cursor: pointer;
    margin: 0; }
    .icon-upload .icon-upload-label * {
      vertical-align: middle; }
  .icon-upload .icon-upload-input {
    display: none; }

/*Login*/
.home-container {
  background-color: #eee; }

.home-content {
  background-color: #eee; }
  .home-content h1 img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px; }
  .home-content h1 .logo-bar {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 45px;
    background-color: #9e9e9e; }

.login-error {
  display: block;
  width: 370px;
  margin: 30px auto 15px auto;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: .875rem;
  color: #fff;
  background-color: #ff5c4b;
  border-radius: 4px;
  padding: 14px;
  line-height: 100%;
  cursor: default; }

.login-container {
  display: inline-block;
  width: 370px;
  margin: 15px 0;
  background-color: #fff;
  border: solid 1px #9e9e9e;
  border-radius: 4px;
  padding: 15px 20px; }
  .login-container h2 {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: 1.75rem;
    margin: 15px 15px 30px 15px; }

.login__form {
  margin: 15px; }
  .login__form label, .login__form span, .login__form input {
    width: 100%;
    display: block; }
  .login__form label {
    text-align: left;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: .875rem;
    margin: 15px 0; }
    .login__form label span {
      padding-bottom: 4px; }
  .login__form input {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: .875rem;
    color: #414141;
    border: solid 1px #616161;
    border-radius: 4px;
    padding: 7px;
    line-height: 100%;
    outline: 0; }
  .login__form input:focus {
    border: solid 2px #4b538a;
    padding: 6px; }

/*btn Login*/
.btn-login {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #fff;
  background-color: #4b538a;
  border: none;
  border-radius: 4px;
  padding: 16px 45px;
  margin: 15px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  transition: .2s;
  outline: 0; }

.btn-login:hover {
  text-decoration: none;
  color: #fff;
  background-color: #424979; }

.btn-login:active {
  background-color: #393f69; }

/*# sourceMappingURL=main.css.map */