body,
html {
  font-size: 13px;
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.5;
  color: #575757;
  text-align: left;
  background-color: #f0f2f5;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d67376;
}

a {
  color: #d67376;
}

.aplication {
  height: 100%;
}

.aplication .container-select-instituicao {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: url("/public/img/background-login.png") center right;
  background-size: cover;
  overflow: auto;
}

.aplication .container-select-instituicao .btn-go-in {
  color: #fff !important;
  background-color: #d67376 !important;
  border-color: #d5777a !important;
  transition: .5s background ease;
  transition: .5s scale ease;
}

.aplication .container-select-instituicao .btn-go-in:focus,
.aplication .container-select-instituicao .btn-go-in:hover {
  color: #fff !important;
  background-color: #d97e81 !important;
  border-color: #d5777a !important;
  box-shadow: none !important;
  scale: 1.03;
}

.aplication .c-panel-instituicao {
  width: 600px;
}

@media only screen and (max-width: 767px) {
  .aplication .c-panel-instituicao {
    width: 400px;
    margin: 20px;
  }
}

.close-button {
  background: none !important;
  color: #F56C6C !important;
  border: 1px solid #F56C6C !important;
}
/************* LOGIN *************/

.container-login {
  height: 100vh;
  box-sizing: border-box;
  background: url("/public/img/background-login.png") center right;
  background-size: cover;
  overflow: auto;
  display: flex;
}

.container-login .el-form-item__label {
  color: #ffffff !important;
}

.container-login .info {
  flex: 5;
  /* background: rgb(0 0 0 / 22%); */
}

.container-login .login-icon {
  display: flex;
  justify-content: center;
}

.container-login .login-icon i{
  color: #fff;
  font-size: 82px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 20px;
  margin-top: 20px;
}

.el-input-group__prepend {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.container-login .form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 2;
  padding: 40px;
  box-sizing: border-box;
  /* background: rgb(0 0 0 / 22%); */
}

.container-login .content-form {
  margin: 30px;
  width: 440px;
  background-color: #72757678;
  padding: 5px;
  border-radius: 5px;
}

.container-login .rodape-info {
  margin: 30px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.container-login .title-rodape-info {
  font-weight: 600;
  font-size: 1.857143rem;
  line-height: 1.6;
}

.container-login .copyright {
  font-style: italic;
}

.container-login .link-e-prefeitura {
  font-weight: 700;
  color: #343a40;
  font-size: 1.428571rem;
}

.container-login .content-form h1 {
  font-weight: 700 !important;
  font-size: 1.857143rem;
  color: #171717;
  margin-bottom: 3px;
  margin-top: 30px;
}

.container-login .content-form h2 {
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 1.285714rem;
  margin-top: 30px !important;
}

.container-login .lembte-me {
  color: #fff !important;
}

.form-login .el-input__inner {
  -webkit-appearance: none;
  /* background-color: rgba(255, 255, 255, 0.27); */
  color: #ffffff;
  border-radius: 3px !important;
  border-color: none;
}

.form-login .el-input__inner::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #606266;
}

.form-login .el-form-item__error {
  color: #fff;
}

.container-login .forgot-password-col-login {
  text-align: end;
}

.container-login .forgot-password-option-login {
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  transition: .2s all ease;
}

.container-login .forgot-password-option-login:hover {
  color: #d67376;
  text-decoration: underline;
}

.container-login .btn-login {
  color: #fff !important;
  background-color: #d67376 !important;
  border-color: #d5777a !important;
  margin-top: 8px;
  width: 83%;
  font-size: 18px;
  font-weight: 600;
  transition: .5s background ease;
  transition: .5s scale ease;
}

.container-login .btn-login:focus,
.container-login .btn-login:hover {
  color: #fff !important;
  background-color: #d97e81 !important;
  border-color: #d5777a !important;
  box-shadow: none !important;
  scale: 1.03;
}

.container-login .links-register a {
  color: #3d4246 !important;
  transition: color 0.12s ease-out;
  margin-right: 10px;
}

.tarja-header .btn-hidden-menu {
  cursor: pointer;
  height: 50px;
  width: 50px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tarja-header .btn-hidden-menu:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #333;
}

.container-login .login-logo {
  display: none;
}

@media(max-width: 767px) {
  .container-login .info {
    flex: 0;
  }

  .container-login .form {
    display: inline;
  }

  .container-login .btn-login {
    margin: 15px 0;
  }

  .container-login .login-logo {
    display: flex;
    justify-content: center;
    margin-top: 80px;
  }
}


/************* SCROLLBAR *************/

.scrollbar-custom::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.scrollbar-custom::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d67376;
}

/************* MENU *************/

.v-sidebar-menu .select-empresas .el-input__inner {
  border: none;
  border-bottom: 1px solid #d2d6de !important;
  border-top: 1px solid #d2d6de !important;
}

#collapsed {
  padding-top: 50px;
  padding-left: 240px;
  transition: 0.3s padding;
}
#collapsed.collapsed {
  padding-left: 60px;
  transition: 0.3s padding;
}

.v-sidebar-menu,
.v-sidebar-menu * {
  box-sizing: border-box;
  font-size: 14px;
}

.v-sidebar-menu {
  position: fixed;
  top: 0px;
  left: 0;
  height: 100vh;
  padding-bottom: 50px;
  transition: 0.3s width;
  z-index: 700;
  background-color: #2d4a53;
}

.v-sidebar-menu .vsm-item {
  position: relative;
  display: block;
}

.v-sidebar-menu .vsm-item .vsm-link {
  position: relative;
  display: block;
  color: #fff;
  padding: 7px 10px;
  line-height: 30px;
  text-decoration: none;
  z-index: 20;
  transition: 0.3s all;
  cursor: pointer;
}

.v-sidebar-menu .vsm-item.first-item > .vsm-link:after {
  content: "";
  display: block;
  clear: both;
}

.v-sidebar-menu .vsm-item.first-item > .vsm-link > .vsm-title {
  display: block;
  white-space: nowrap;
  font-weight: 400;
}

.v-sidebar-menu .vsm-title {
  display: block;
  white-space: nowrap;
}

.v-sidebar-menu .vsm-title-selected {
  position: absolute;
  left: 56px;
  color: white;
  z-index: 1;
  background: #d67376;
  padding: 2px 28px;
  border-radius: 0px 2px 2px 0px;
}

.v-sidebar-menu .vsm-icon {
  float: left;
  line-height: 30px;
  margin-right: 5px;
}

.v-sidebar-menu .vsm-item.first-item > .vsm-link > .vsm-icon {
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 3px;
}
.v-sidebar-menu .vsm-item.mobile-item > .vsm-link > .vsm-icon {
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
}

.v-sidebar-menu .vsm-arrow {
  width: 30px;
  text-align: center;
  font-style: normal;
  font-weight: 900;
  color: #ffff;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s transform;
}
.v-sidebar-menu .vsm-arrow:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
}
.v-sidebar-menu .vsm-arrow.open-arrow {
  transform: translateY(-50%) rotate(90deg);
}

.v-sidebar-menu .vsm-dropdown > .vsm-list {
  padding: 5px;
}

.show-animation-enter-active {
  animation: show-animation 0.2s;
}
.show-animation-leave-active {
  animation: show-animation 0.2s reverse;
}

@keyframes show-animation {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.v-sidebar-menu .vsm-mobile-bg {
  background-color: #d67376;
}
.slide-animation-enter-active {
  animation: slide-animation 0.2s;
}
.slide-animation-leave-active {
  animation: slide-animation 0.2s reverse;
}
@keyframes slide-animation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.v-sidebar-menu .vsm-link[disabled] {
  opacity: 0.4;
  pointer-events: none;
}

.v-sidebar-menu.vsm-default .vsm-link:hover,
.v-sidebar-menu .vsm-dropdown > .vsm-list .vsm-link:hover {
  background-color: #d67376;
  color: #fff !important;
}

.v-sidebar-menu.vsm-default .vsm-link:hover > .vsm-title {
  padding-left: 40px;
  webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.v-sidebar-menu .vsm-dropdown > .vsm-list .vsm-link:hover > .vsm-title {
  padding-left: 25px;
  webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.v-sidebar-menu.vsm-default .vsm-item.first-item.open-item > .vsm-link {
  background: #52757e;
  color: #ffffff;
}

.v-sidebar-menu .vsm-item.first-item.active-item > .vsm-link .vsm-icon {
  color: #fff;
}

.v-sidebar-menu .vsm-item.first-item.active-item > .vsm-link .vsm-title {
  color: #fff;
}

.v-sidebar-menu .vsm-item.active-item > .vsm-link {
  font-weight: 600;
}

.v-sidebar-menu .vsm-item.first-item.parent-active-item > .vsm-link {
  box-shadow: 3px 0px 0px 0px #2a5269 inset;
}

.v-sidebar-menu .vsm-item.parent-active-item > .vsm-link {
  font-weight: 600;
}

.vsm-item:hover a,
.vsm-link:hover {
  color: #fff !important;
}

.v-sidebar-menu .vsm-header {
  font-size: 12px;
  padding: 7px 12px;
  white-space: nowrap;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}

.v-sidebar-menu .collapse-btn {
  display: block;
  color: #fff;
  background-color: #2f4050;
  text-align: center;
  font-style: normal;
  font-weight: 900;
  position: absolute;
  height: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  border: none;
  width: 100%;
  z-index: 50;
}
.v-sidebar-menu .collapse-btn:after {
  content: "\f337";
  font-family: "Font Awesome 5 Free";
}

.v-sidebar-menu .collapse-btn:focus {
  outline: 0;
}

.line-menu {
  background-color: #2e3344;
  width: 100%;
  height: 2px;
  margin: 10px 0;
  overflow: hidden;
  font-size: 0;
}

/************* TARJA *************/

.tarja-header {
  z-index: 1025;
  background-color: #fff;
  height: 50px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
}

.tarja-header:after {
  clear: both;
}

.tarja-header .tarja-header-instituicao {
  float: left;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 14px;
}

.logo {
  float: left;
  height: 50px;
  background-color: #2d4a53;
  color: #a5a5a5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 900;
  width: 200px;
  transition: 0.3s width;
}

.logo-desktop {
  width: 160px;
}

.logo-mobile {
  width: 40px;
}

.sub-tarja-header {
  padding: 15px;
  color: #58666e;
  border-bottom: 1px solid #dee5e7;
  background-color: #f6f8f8;
  display: flex;
  justify-content: space-between;
}

.sub-tarja-header h1 {
  color: inherit;
  margin: 0px;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.1;
  color: #3a3f51;
}

.menu-tarja-right {
  float: right;
  margin: 4px 20px;
  list-style: none;
  display: flex;
  align-items: center;
}

.menu-tarja-right .item i {
  margin-right: 5px;
  font-size: 16px;
}

.menu-tarja-right .link-loja {
  text-decoration: none;
  color: rgb(88, 102, 110);
  cursor: pointer;
}

.menu-tarja-right .icon-notificacao {
  margin-right: 30px;
  cursor: pointer;
}

.menu-tarja-right .imagem-avatar {
  cursor: pointer;
}

.avatar img {
  border-radius: 500px;
}

.el-dropdown-menu li:nth-child(1) {
  background-color: #edf1f2 !important;
  font-weight: bold !important;
}

.el-dropdown-menu li:nth-child(2) {
  margin-top: 0px !important;
}

.el-dropdown-menu {
  padding-top: 0px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 2px !important;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.el-dropdown-menu li span {
  margin-left: 23px;
}

.el-dropdown-menu li i {
  width: 15px;
  text-align: center;
}

/************* TABLE *************/

.table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  /* background-color: #fafbfc; */
}

.table tr:hover {
  background-color: #efefef !important;
}

.table th {
  /* font-weight: normal; */
}

.table th,
.table td {
  padding: 6px;
  line-height: 1.42857143;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.87);
}

.table thead tr th,
.table tbody tr td {
  border-top: 1px solid #adadad;
  vertical-align: middle;
}

.table thead tr {
  background-color: #efefef !important;
}

.table tbody tr:last-child td {
  border-bottom: 1px solid #adadad;
}

/************* CUSTOMIZAÇÃO ELEMENT IO *************/

.el-select-dropdown__item {
  height: 28px !important;
  line-height: 29px !important;
}

/* .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
    line-height: 31px !important;
    font-size: 15px !important;
} */

.el-message-box {
  width: auto !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.el-button--mini,
.el-button--mini.is-round {
  padding: 5px 13px !important;
}

.list-acoes {
  padding-left: 10px;
  margin: 0px;
}

.list-acoes li {
  cursor: pointer;
  padding: 6px 0px;
}

.list-acoes li:hover {
  color: #000;
}

.list-acoes li i {
  margin-right: 5px;
}

.titleTurma {
  background-color: #d67376 !important;
  color: rgb(255, 255, 255) !important;
  border-top: none !important;
}

.el-button--primary {
  color: #fff !important;
  background-color: #d67376 !important;
  border-color: #d5777a !important;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background-color: #d97e81 !important;
  border-color: #d5777a !important;
  color: #fff !important;
}

.el-button--excel {
  color: #fff !important;
  background-color: #31a728 !important;
  border-color: #2d9d25 !important;
}

.el-button--excel:focus,
.el-button--excel:hover {
  background-color: #31a728e1 !important;
  border-color: #2d9d25d9 !important;
  color: #fff !important;
}

.el-button--pdf {
  color: #fff !important;
  background-color: #a72828 !important;
  border-color: #9d2525 !important;
}

.el-button--pdf:focus,
.el-button--pdf:hover {
  background-color: #a72828e1 !important;
  border-color: #9d2525d9 !important;
  color: #fff !important;
}

.el-button--html {
  color: #fff !important;
  background-color: #2861a7 !important;
  border-color: #245ea6 !important;
}

.el-button--html:focus,
.el-button--html:hover {
  background-color: #2861a7e1 !important;
  border-color: #245ea6d9 !important;
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .table .hidden-mobile {
    display: none;
  }

  .table,
  .table tbody,
  .table tfoot,
  .table th,
  .table td,
  .table tr {
    display: block;
  }

  .table th,
  .table td {
    /* border: 1px solid #ccc; */
  }

  .table tr {
    margin: 0 0 20px;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
  }

  .table tr td {
    text-align: center;
  }

  .table > thead {
    display: none;
  }

  .el-dialog {
    width: 90% !important;
  }

  .list-contato-home {
    height: 325px;
    padding-top: 10px;
  }

  .plano-desktop {
    display: none;
  }

  .plano-mobile {
    display: block;
  }

  .btn-acoes-assinatura .el-button {
    width: 100%;
    margin-bottom: 10px;
  }

  .btn-new-register {
    margin-top: 10px !important;
    display: block !important;
    width: 100%;
  }
  .btn-new-register button {
    width: 100%;
  }

  .ss-form-grade .btn-add-valor {
    margin-bottom: 20px;
  }

  dl {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 15px !important;
  }

  dl dd {
    margin-left: 0 !important;
  }

  .el-form-item__label {
    margin-top: 8px !important;
  }

  .el-row {
    margin-bottom: 0px !important;
  }
}

/* MENU CELULAR */
@media screen and (max-width: 1200px) {
  .btn-hidden-menu {
    display: flex;
  }

  .v-sidebar-menu {
    display: none;
  }

  #collapsed {
    padding-left: 0px !important;
    -webkit-transition: 0.3s padding;
    transition: 0.3s padding;
  }

  .tarja-header {
    justify-content: space-between;
  }

  .v-sidebar-menu .icon-close-menu {
    display: block;
  }

  .menu-tarja-right .btn-loja {
    margin-right: 25px;
    background-color: #ffffff;
    padding: 0px;
  }

  .menu-tarja-right .icon-notificacao {
    margin-right: 25px;
  }
}

ul {
  list-style: none;
}

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

.main {
  padding: 16px;
}

.message {
  position: relative;
  text-align: center;
  padding-top: 48px;
  margin-bottom: 32px;
}

.message__media {
  margin-bottom: 16px;
}

.message__title {
  color: #333333;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 400;
  padding: 0;
  margin: 0 0 16px 0;
}

.message__content {
  color: #4d4c4c;
  font-size: 16px;
  margin-bottom: 16px;
}

.badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  border-radius: 1993px;
  vertical-align: baseline;
  color: #333333;
  background-color: #f2f2f2;
}
a.badge {
  cursor: pointer;
}
a.badge:hover {
  color: #333333;
  background-color: #e6e6e6;
}
a.badge:active {
  color: #333333;
  background-color: #dadada;
}
.badge:empty {
  width: 8px;
  height: 8px;
  padding: 0;
}

.badge--primary {
  color: #fff;
  background-color: #3d6eba;
}
a.badge--primary {
  cursor: pointer;
}
a.badge--primary:hover {
  color: #fff;
  background-color: #3a69b1;
}
a.badge--primary:active {
  color: #fff;
  background-color: #3763a7;
}

.badge--info {
  color: #fff;
  background-color: #2196f3;
}
a.badge--info {
  cursor: pointer;
}
a.badge--info:hover {
  color: #fff;
  background-color: #1f8fe7;
}
a.badge--info:active {
  color: #fff;
  background-color: #1e87db;
}

.badge--success {
  color: #fff;
  background-color: #4caf50;
}
a.badge--success {
  cursor: pointer;
}
a.badge--success:hover {
  color: #fff;
  background-color: #48a64c;
}
a.badge--success:active {
  color: #fff;
  background-color: #449e48;
}

.badge--danger {
  color: #fff;
  background-color: #f44336;
}
a.badge--danger {
  cursor: pointer;
}
a.badge--danger:hover {
  color: #fff;
  background-color: #e84033;
}
a.badge--danger:active {
  color: #fff;
  background-color: #dc3c31;
}

.badge--warning {
  color: #fff;
  background-color: #ff9800;
}
a.badge--warning {
  cursor: pointer;
}
a.badge--warning:hover {
  color: #fff;
  background-color: #f29000;
}
a.badge--warning:active {
  color: #fff;
  background-color: #e68900;
}

.u-fs-128 {
  font-size: 128px !important;
  line-height: 1.2 !important;
}

/* MODAL LOADING IMG */

.ss-loading-img .el-dialog .el-dialog__header {
  padding: 5px !important;
}

.ss-loading .el-dialog {
  top: 40% !important;
  background-color: transparent;
  box-shadow: none;
}

.ss-loading .el-dialog__body {
  padding: 0px !important;
}

.ss-loading .el-dialog__header {
  display: none;
}

.stream {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 245px;
  overflow: hidden scroll;
  padding: 0px 10px 0px 0px;
}

.stream .stream__page {
  color: #000;
}

.stream__item {
  position: relative;
  padding: 0 0 7px 24px;
}

.stream__item:last-child {
  padding-bottom: 0;
}

.stream__item:last-child:before {
  display: none;
}

.stream__item:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  bottom: -2px;
  width: 1px;
  background-color: #e5e5e5;
}
.stream__item:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 2px;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background-color: #9a9a9a;
}

.stream__badge {
  position: absolute;
  left: 0;
  top: 2px;
  width: 9px;
  height: 9px;
  z-index: 15;
}

.stream.stream--sm .stream__item {
  padding-left: 16px;
}
.stream.stream--sm .stream__item:before {
  left: 2px;
}
.stream.stream--sm .stream__item:after {
  width: 5px;
  height: 5px;
}

.stream.stream--sm .stream__badge {
  width: 5px;
  height: 5px;
}

.stream.stream--lg .stream__item {
  padding-left: 32px;
}

.stream__content {
  -ms-flex: 1 1 0%;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  min-width: 0;
}

.stream__header {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stream__header .stream__leading {
  -ms-flex: 1 1 0%;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 0%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.stream__header .stream__after {
  color: #888;
  flex-shrink: 0;
  font-size: 12px;
}

.l-level {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-level .val {
  font-size: 24px !important;
}

.l-level > .l-level__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  text-align: center;
}

.l-level__left,
.l-level__center,
.l-level__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-level .l-level__left i {
  color: #afafaf !important;
  font-size: 22px;
}

.l-level__left:only-child,
.l-level__center:only-child,
.l-level__right:only-child {
  width: 100%;
}
.l-level__left > .l-level__item:not(:last-child),
.l-level__center > .l-level__item:not(:last-child),
.l-level__right > .l-level__item:not(:last-child) {
  margin-right: 16px;
}

.l-level__left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.l-level__center {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-level__right {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l-level__center ~ .l-level__left,
.l-level__center ~ .l-level__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

.plano-desktop {
  display: block;
}

.plano-mobile {
  display: none;
}

.list-plano-mobile li {
  border-bottom: 1px solid#ccc;
  padding: 5px 20px 5px 0px;
  clear: both;
}

.list-plano-mobile li span {
  float: right;
}

.alert-trial {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 700;
}

.alert-trial .el-alert {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  text-align: center;
  padding: 5px 16px;
}

.alert-trial .el-alert--warning {
  background-color: #ffbe00;
  color: #000;
}

.alert-trial .el-alert--error {
  background-color: #ff0000;
  color: #ffffff;
}

.alert-trial .el-alert__title {
  font-size: 15px;
}

.el-alert__title {
  font-size: 14px !important;
}

.alert-trial .el-alert__content {
  margin: auto;
}

.logo-social {
  width: 100%;
  margin-top: 10px;
}

.input-dimensao .el-input__inner {
  color: #353535 !important;
}

/* BOTÃO DE UPLOAD DE IMAGEM */
.ss-upload .el-upload--text {
  width: 100% !important;
}

.ss-upload .el-upload--text span {
  width: 100% !important;
}

.el-select {
  width: 100% !important;
}

.el-dialog__header {
  border-bottom: 1px solid #ccc !important;
}

.el-dialog__body {
  padding: 0px 20px 20px 20px !important;
  color: #000000 !important;
  word-break: break-word !important;
  font-size: 13px !important;
}

.el-tabs__nav-wrap {
  margin-bottom: -4px !important;
}

.hidden-header .el-dialog__header {
  padding: 0px !important;
}

.el-table {
  font-size: 13px !important;
}

.el-table td,
.el-table th {
  padding: 5px 0 !important;
}

.el-table th.is-leaf,
.el-table td {
  border-bottom: 1px solid #adadad !important;
}

/* .el-input__inner, .el-textarea__inner{
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.08);} */

.el-form--label-top .el-form-item__label {
  padding: 0px !important;
  padding: 0 0 10px 0;
}

.el-form-item__label {
  color: #3a3a3a !important;
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
  line-height: 15px !important;
}
.el-form--label-top .el-form-item__label .style-form label {
  line-height: 25px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.style-input {
  height: 32px;
  line-height: 30px;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 0px;
  border: 1px solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  outline: 0;
  padding: 0 15px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  text-transform: uppercase !important;
  border-color: #cecece !important;
  border: none !important;
  border-bottom: 1px solid #989898 !important;
  padding: 0px !important;
}

.style-form label {
  line-height: 22px !important;
  font-size: 14px !important;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
  line-height: 25px !important;
}

.el-row {
  margin-bottom: 10px;
}

.el-form-item__error {
  line-height: 2 !important;
  font-size: 11px !important;
  position: static !important;
}

.el-form-item {
  margin-bottom: 0px !important;
}

.el-icon-loading {
  font-weight: bold !important;
}

.el-notification {
  width: auto !important;
}

.el-input__inner,
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus,
.el-textarea__inner {
  border-color: #cecece !important;
  border-radius: 0 !important;
}

.el-button.is-circle {
  padding: 6px !important;
}

.el-tabs--border-card {
  border: 1px solid #d8d8d8 !important;
}

.ss-widgets .panel__body {
  padding: 8px 0 !important;
}

.link-icon {
  color: #000 !important;
}

.el-message--success {
  background-color: #7dbb5a !important;
  border-color: #7dbb5a !important;
}

.el-message .el-icon-success {
  color: #fff !important;
}

.el-message--success .el-message__content {
  color: #fff !important;
}

.el-message--warning {
  background-color: #f9a825 !important;
  border-color: #f9a825 !important;
}

.el-message .el-icon-warning {
  color: #fff !important;
}

.el-message--warning .el-message__content {
  color: #fff !important;
}

.el-message--error {
  background-color: #ec3a3a !important;
  border-color: #ec3a3a !important;
}

.el-message .el-icon-error {
  color: #fff !important;
}

.el-message--error .el-message__content {
  color: #fff !important;
}

.el-loading-spinner i {
  color: #fff !important;
  font-size: 40px !important;
}

/* REMOVE ESTILIZAÇÃO DE ESPAÇO PARA COMPONENTE RENDERIZADO DENTRO DE MODAL */
.ss-modal-component .panel {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  margin-bottom: 0px;
}

.ss-modal-component .panel .panel__body {
  padding: 0px !important;
  margin: 0px !important;
}

.ss-modal-component .main {
  padding: 0px;
}

/* MODIFICA O CSS DO GRUPO CHECKBOX PARA CORRETA APRESENTAÇÃO DOS DADOS NA TABELA */
.ss-checkbox-frete .el-checkbox__label {
  display: none !important;
}

.ss-checkbox-frete {
  font-size: 13px !important;
}

/* CSS PARA COMPONENTE SWITCH */
.el-switch__core:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  background-color: #fff;
}

.el-switch.is-checked .el-switch__core:after {
  left: 100%;
  margin-left: -17px;
}

/* IMAGEM RESPONSIVA */
.ss-img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/* STYLE PARA CALENDÁRIO - BACKGROUND PARA DATA ATUAL */
.el-date-table td.today span {
  color: #fff !important;
  background-color: #c3c3c3;
}

.ss-novo-item .el-form-item__content .el-input.is-disabled .el-input__inner {
  background-color: #f5f7fafa !important;
  color: #2f2f2f;
}

@media only screen and (max-width: 1410px) {
  .ss-img-layout {
    display: block;
    width: 100%;
    height: auto;
  }
}

.ss-input-sub-dom input {
  text-align: right;
  padding: 0 3px !important;
}

.filtro .el-form-item {
  margin-bottom: 0px !important;
}

.ss-titulo-box {
  margin-top: 7px;
}

.titulo-section {
  font-size: 16px;
  text-transform: uppercase;
}

.molde-layout {
  border: 1px solid #ccc;
  padding: 20px;
  display: flex;
  justify-content: center;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.container-img-layout {
  padding: 20px;
  border: 1px solid rgb(204, 204, 204);
  margin-bottom: 10px;
}

.container-img-layout img {
  margin: auto;
  margin-bottom: 10px;
}

.title-resume {
  font-size: 15px;
}

.v-sidebar-menu .active {
  box-shadow: 3px 0px 0px 0px #5a6875 inset;
}

.input-filtro-frete-gratis .el-input__inner {
  border-radius: 0px;
}

.resumo-status-pedido {
  cursor: pointer;
}

.info-pedido .box__header {
  padding-left: 15px;
}

.ml-line-prod {
  cursor: pointer;
}

.ml-line-prod:hover {
  background-color: #e0e0e0;
}

.el-checkbox__label {
  font-size: 15px !important;
  font-weight: 400 !important;
}

.el-form-item__label {
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 17px !important;
}

.el-input__inner {
  text-transform: uppercase !important;
}

.text-transform-none .el-input__inner {
  text-transform: none !important;
}

.reset-text-transform .el-input__inner {
  text-transform: none !important;
}

.readonly .el-input__inner,
.readonly {
  background-color: #f3f3f3;
}

.footer-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.step-matricula {
  width: 475px;
}

.step-matricula .el-steps--simple {
  padding: 3px 8%;
}

dl {
  display: flex;
  border-bottom: 1px solid #adadad;
  margin: 0px !important;
  min-height: 25px;
  align-items: center;
}

dl dt {
  width: 125px;
  font-weight: bold;
  flex-shrink: 0;
}

dl dd {
  word-wrap: break-word;
  margin-left: 15px;
}

.loading-layout {
  height: 100vh;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/public/img/background-login.png") center right;
  background-size: cover;
}

.previa-text-declaracao {
  border: 1px solid #000;
  min-height: 300px;
  padding: 20px;
  font-size: 16px;
}

.ss-header-valid .el-dialog__header {
  padding: 15px 20px !important;
}

.ss-header-valid .el-dialog__headerbtn {
  top: 13px;
}

.ss-header-valid ul {
  padding-left: 10px !important;
  margin: 20px 0px;
}

.ss-header-valid .icon-valid {
  color: #e6a23c;
  font-size: 30px;
  margin-top: 20px;
  text-align: center;
}

.ss-header-valid .btn-valid {
  text-align: right;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #fff !important;
  background-color: #d97e81 !important;
  border-color: #d5777a !important;
}

.instituicao .el-tabs--border-card {
  box-shadow: none !important;
}

.el-select-group__title {
  /* font-size: 13px !important;
    color: #000 !important; */
}

.divider-form {
  background-color: #e0e0e0;
  padding: 5px 10px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.resumo-escola .panel-default {
  border-top: none !important;
}

.menu-sign li span {
  margin-right: 20px !important;
}

.acao {
  padding: 0px !important;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  border-top: 4px solid #d97e81 !important;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #1d3644 !important;
}

.tabs-info-matriculas.el-tabs--border-card {
  box-shadow: none !important;
}

.el-tag--mini {
  height: 22px !important;
  padding: 0px 20px !important;
}

.el-tag {
  /* border-radius: 0px !important; */
}

.info-detalhe-aluno .table thead tr th {
  background: #52757e;
  color: #fff;
}

.sem-bordar-header .table thead tr th,
.sem-bordar-header .table thead tr:first-child td {
  border-top: none !important;
}

.checkbox-filtos {
  display: flex;
  flex-direction: column;
}

@keyframes treme {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 5px;
  }
  50% {
    margin-left: 0;
  }
  75% {
    margin-left: -5px;
  }
  100% {
    margin-left: 0;
  }
}

.level:hover {
  animation: treme 0.1s;
  animation-iteration-count: 3;
  transition-duration: 0.5s;
  -webkit-box-shadow: 3px 3px 7px rgba(141, 141, 141, 0.77);
  box-shadow: 3px 3px 7px rgba(141, 141, 141, 0.77);
  cursor: pointer;
}

.level {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 11px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-color: #dee5e7;
  padding: 15px 25px;
}

.level .icone {
  display: flex;
  align-items: center;
}

.level .icone img {
  width: 55px;
}

.level .icone i {
  color: #e2e2e2 !important;
  font-size: 30px;
}

.level .info {
  text-align: right;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default {
  border-color: #dee5e7;
}

.panel-default .panel-heading {
  font-size: 1.14rem;
  border-radius: 2px 2px 0 0;
  padding: 10px 15px;
  /* border-bottom: 1px solid #edf1f2; */
  color: #333;
  align-items: center;
}

.panel-heading {
  font-size: 1.2em !important;
}

.panel-body {
  padding: 25px;
}

.home .titulo-card {
  font-size: 15px;
}

.home .valor-card {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
}

.home .table thead tr th,
.home .table tbody tr td {
  border-top: 1px solid #ddd !important;
}

.home .table tbody tr:last-child td {
  border-bottom: 1px solid #ddd !important;
}

.home .panel-body {
  padding: 0px !important;
  padding-bottom: 20px !important;
}

.home .panel {
  margin-bottom: 9px !important;
}

.home .table tr th:first-child,
.home .table tr td:first-child {
  padding-left: 17px !important;
}

.home .table tr th:last-child,
.home .table tr td:last-child {
  padding-right: 17px !important;
}

.container-list-agenda {
  height: 278px;
  overflow: auto;
}

.container-list-secretarios {
  height: 245px;
  overflow: auto;
}

.list-secretarios {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0px !important;
}

.item-list-secretarios {
  display: flex;
  color: #000;
  padding: 7px;
}

.list-secretarios li {
  border-bottom: 1px solid #ddd;
}

.list-secretarios .avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 20px;
  margin-left: 10px;
  border: 1px solid #eaeaea;
}

.list-secretarios .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.list-secretarios .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}

.search-secretario .el-input__inner {
  border-radius: initial;
  border: 1px solid #dcdfe6 !important;
}

.loading-list-secretarios {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.search-mensagens .el-input__inner {
  border-radius: initial;
  border: 1px solid #dcdfe6 !important;
}

.loading-list-mensagens {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.ellipsis {
  position: relative;
}
.ellipsis:before {
  content: " ";
  visibility: hidden;
}
.ellipsis .ellipsis-text {
  position: absolute;
  left: 0;
  right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.home .select-tipo-mensagens .el-input__inner {
  border-radius: initial;
  border: 1px solid #dcdfe6 !important;
}

.home .select-tipo-mensagens .el-input__inner {
  border: 1px solid #dcdfe6 !important;
}

.home .table-mensagens {
  height: 238px;
  overflow: auto;
}

.home .scrollbar-custom::-webkit-scrollbar {
  width: 5px;
}

.home .painel-mensagens {
  border-top: 4px solid #349fad !important;
}

.home .painel-mensagens .el-row {
  margin-bottom: 0px;
}

.painel-mensagens .lida {
  font-weight: bold;
}

.painel-mensagens .panel-heading {
  border-bottom: none !important;
}

.search-mensagens .el-input__inner {
  border-left: none !important;
  border-right: none !important;
}

.search-secretario .el-input__inner {
  border-left: none !important;
  border-right: none !important;
}

.painel-usuarios .panel-heading {
  border-bottom: none !important;
}

.home .table thead tr:first-child th {
  border-top: none !important;
}

.loading-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

fieldset {
  border: 1px solid;
  background-color: #f3f3f3;
  padding-top: 0px;
  border: 1px solid #c3c3c3;
}

legend {
  font-weight: bold;
}

.list-turma .el-checkbox__label {
  width: 100% !important;
  box-sizing: border-box;
}

.list-alunos-reforco .checkbox-list {
  width: 100% !important;
  box-sizing: border-box;
}

.el-dropdown-menu--small .el-dropdown-menu__item {
  font-size: 15px !important;
}

@media only screen and (max-width: 767px) {
  .container-login .content-form {
    width: auto !important;
  }

  .el-select-dropdown {
    width: 250px !important;
  }

  .tarja-header-instituicao {
    display: none !important;
  }

  .el-breadcrumb {
    display: none;
  }
}

.cod-autorizacao {
  font-size: 16px;
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #000;
  padding: 7px 55px;
  border-radius: 10px;
}

.el-input__inner {
  border: none !important;
  border-bottom: 1px solid #989898 !important;
  padding: 0px !important;
}

.el-form-item__label {
  font-size: 14px !important;
}

.el-form-item.is-required:not(.is-no-asterisk)
  .el-form-item__label-wrap
  > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  display: none;
}

.el-input-group__append {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #989898 !important;
  border-radius: 0px !important;
}

.container-login .el-input__inner {
  background-color: #fff !important;
  border-color: #ccc !important;
  color: #000 !important;
  font-size: 15px !important;
  padding: 0px 10px !important;
  border: 1px solid #b3b3b3 !important;
}

.container-login .el-input__inner::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #636363 !important;
}

.painel-mensagens .el-input__inner,
.painel-usuarios .el-input__inner {
  padding: 0 15px !important;
}

.date-picker-matricula .el-input__inner {
  padding-left: 35px !important;
  color: #000000 !important;
}

.date-picker-matricula .el-input__icon {
  color: #000000 !important;
}

.table-projecao .el-input__inner {
  text-align: center !important;
}

.table-projecao .table th,
.table-projecao .table td {
  padding: 2px !important;
}

.table-projecao .table td {
  text-transform: uppercase !important;
}

.table-projecao .el-input--small .el-input__inner {
  height: 25px !important;
}

.table-projecao .el-input__inner {
  font-size: 20px !important;
}

.st-mt-pendente {
  background-color: #fffcd3 !important;
}

.st-mt-agendada {
  background-color: #bbe9f7 !important;
}

.st-mt-matriculada {
  background-color: #c0f9c2 !important;
} 

.custom-date-picker .el-input__inner {
  padding-left: 34px !important;
}

.ajuda li:nth-child(even) {
  background-color: #f2f2f2;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-alert__content {
  padding: 0 !important;
}

.table .hidden-desktop {
  display: none;
}

.el-select__tags-text {
  text-transform: uppercase !important;
}

.el-textarea.is-disabled .el-textarea__inner {
  color: #606266 !important;
}

@media only screen and (max-width: 767px) {
  .table .hidden-desktop {
    display: inline-block;
  }

  .panel-body {
    padding: 10px !important;
  }

  .table tr td {
    text-align: left !important;
  }

  .table .acao {
    text-align: center !important;
  }

  .table tbody tr:last-child td {
    border-bottom: none;
  }

  .table-municipio-nascimento tr {
    margin: 0px !important;
  }
}

.el-date-editor .el-input__inner {
  padding-left: 35px !important;
  /* line-height: 31px !important; */
}

.el-date-editor .el-input__prefix {
  top: -2px !important;
}

.el-textarea__inner {
  border: none !important;
  border-bottom: 1px solid #989898 !important;
}

.alert-info-matricula {
  border-top: 1px solid #989898;
  border-bottom: 1px solid #989898;
  display: inline-flex;
  align-items: center;
  padding: 5px 30px;
  border-radius: 10px;
  margin-right: 20px;
}

.nm-mae {
  font-size: 12px;
  font-style: italic;
  text-transform: lowercase !important;
  text-transform: capitalize !important;
}

.container-avisos-matricula {
  margin-top: 20px;
  /* border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    border-radius: 12px; */
}

.educacensoPendente .el-input__inner {
  background-color: #ffa4a4 !important;
}

.educacensoGerado .el-input__inner {
  background-color: #fff4a4 !important;
}

.educacensoValidado .el-input__inner {
  background-color: #70bad0 !important;
}

.educacensoMigrado .el-input__inner {
  background-color: #9ee08d !important;
}

.educacensoFechado .el-input__inner {
  background-color: #70bad0 !important;
}

.sel-edc.el-select .el-input .el-select__caret {
  color: #424242 !important;
}

.sel-edc .el-input--small .el-input__inner {
  text-align: center !important;
}

.checkbox-custom {
  color: #fff;
  margin-top: 0.5px;
}

.checkbox-custom .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #d67376;
  border-color: #d5777a;
}

.checkbox-custom .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #d67376;
}

.i-censo {
  /* margin-right: 20px; */
  font-size: 16px;
  cursor: pointer;
}

.i-censo.download {
  color: #2d44c5;
}

.i-censo.success {
  color: #3bc640;
}

.i-censo.alert {
  color: #d84c4c;
}

.i-censo.reprocess {
  color: #5f5fca;
}