@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
html {
  padding: 0;
  margin: 0; }

body {
  background: #f0f0f0; }

body * {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
  font-smooth: auto;
  font-smooth: never;
  font-smooth: always; }

main {
  min-height: 560px; }

ul li {
  list-style: none;
  position: relative; }

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

img {
  max-width: 100%; }

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

.vertial-align-inner {
  width: 100%; }

.relative {
  position: relative; }

title {
  display: block; }

.big-title {
  font-size: 120px; }

.title-01 {
  font-size: 36px; }

.title-02 {
  font-size: 24px; }

.title-03 {
  font-size: 22px; }

.subtitle {
  font-size: 18px; }

.text {
  font-size: 14px; }

.text-small {
  font-size: 14px; }

.font-light {
  font-weight: 300; }

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

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

.color-red {
  color: #e35f4a; }

.color-yellow {
  color: #efb824; }

.color-lg-blue {
  color: #66bbb9; }

.border-solid {
  border: solid 1px #bfbfbf; }

.border-left-solid {
  border-left: solid 1px #bfbfbf; }

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

.border-right-solid {
  border-right: solid 1px #bfbfbf; }

.border-top-solid {
  border-top: solid 1px #bfbfbf; }

.bg-dark-purple {
  background-color: #373974; }

.bg-light-purple {
  background-color: #5f6190; }

.bg-dark-blue {
  background-color: #5b75ae; }

.bg-light-blue {
  background-color: #7c91be; }

.bg-dark-green {
  background-color: #73ce30; }

.bg-light-green {
  background-color: #8fd859; }

.bg-dark-orange {
  background-color: #ff9000; }

.bg-light-orange {
  background-color: #ffa633; }

.bg-dark-black {
  background-color: #2f2f2f; }

.bg-light-black {
  background-color: #595959; }

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

.bg-grey {
  background-color: #f0f0f0; }

.bg-dark-grey {
  background-color: #949494; }

.color-dark-purple {
  color: #373974; }

.color-light-purple {
  color: #5f6190; }

.color-dark-blue {
  color: #5b75ae; }

.color-light-blue {
  color: #7c91be; }

.color-dark-green {
  color: #73ce30; }

.color-light-green {
  color: #8fd859; }

.color-dark-orange {
  color: #ff9000; }

.color-light-orange {
  color: #ffa633; }

.color-dark-black {
  color: #2f2f2f; }

.color-light-black {
  color: #595959; }

.color-white {
  color: #fff; }

.color-grey {
  color: #f0f0f0; }

.color-dark-grey {
  color: #949494; }

.error {
  color: red;
  font-size: 14px;
  font-weight: bold; }

.loading {
  height: 60px;
  margin: 10em 0; }

footer {
  background-color: #e8e7e7; }

footer a:hover,
footer a:focus,
footer a:active,
footer a:visited {
  color: white;
  text-decoration: underline; }

.logo-ilumina {
  width: 40px;
  margin: 0 10px; }

menu {
  width: 300px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #fff;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    menu {
      width: 210px; } }
  @media screen and (max-width: 576px) {
    menu {
      width: 60px; } }
  @media screen and (max-width: 576px) and (max-width: 576px) {
    menu.show {
      width: 100%;
      position: fixed; } }

menu li {
  padding: 0.6em 1em;
  clear: both;
  cursor: pointer; }

menu li .icon {
  opacity: 0.5; }

menu li.active .icon {
  opacity: 1; }

menu li.active::before {
  content: '';
  width: 8px;
  height: 100%;
  background: #373974;
  position: absolute;
  top: 0;
  left: 0; }

.sub-menu {
  display: none; }

.sub-menu li {
  padding: 0.6em 0 0.6em 2em; }

menu.hidden .logo,
menu.hidden .icon.back,
menu.hidden .text-list,
menu.hidden .icon.item-submenu,
menu.hidden .sub-menu {
  display: none !important; }

menu.hidden .menu-burguer {
  display: inline-block; }

menu.hidden .icon {
  float: none;
  margin-right: auto;
  margin-left: auto;
  display: block; }

.menu-bottom {
  /* 	position: absolute;
  	bottom: 0;
  	width: 100%;
  	background:$white; */ }

.btn-action {
  color: white;
  font-weight: 500;
  text-align: center;
  border: solid 1px #5b75ae;
  border-radius: 4px;
  cursor: pointer;
  background: #373974;
  background: -moz-linear-gradient(top, #5b75ae 0%, #373974 100%);
  background: -webkit-linear-gradient(top, #5b75ae 0%, #373974 100%);
  background: linear-gradient(to bottom, #5b75ae 0%, #373974 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$dark-blue, endColorstr=$dark-purple,GradientType=0 );
  width: 100%;
  display: inline-block;
  transition: all 0.5s ease; }

.btn-secondary {
  color: #373974;
  font-weight: 500;
  border-radius: 4px;
  border: solid 1px #373974;
  cursor: pointer;
  background: #fff;
  width: 100%;
  display: inline-block;
  transition: all 0.5s ease; }

.btn-icon {
  background: #fff;
  border: 0;
  border-radius: 4px;
  display: block;
  width: 100%; }

.btn-action:hover,
.btn-action:active,
.btn-action:focus,
.btn-action:visited {
  opacity: 0.8;
  color: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); }

.btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:visited {
  color: #7c91be;
  border: solid 1px #7c91be;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); }

.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active,
.btn-icon:visited {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); }

.box {
  height: 100%;
  min-height: 100px; }

.box-round {
  background: #c3c0c0;
  width: 250px;
  max-width: 100%;
  height: 250px;
  border-radius: 50%;
  margin: 0 auto; }

.notification {
  position: relative;
  z-index: 1; }

.notification:after {
  content: '!';
  display: inline-block;
  width: 25px;
  height: 25px;
  background: red;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: -12px; }

.modal-header,
.modal-footer {
  border-bottom: 0;
  border-top: 0; }

.logo {
  max-width: 150px;
  margin: 15px 0.6em; }

@media screen and (max-width: 768px) {
  .dt-buttons,
  .dataTables_filter,
  .dataTables_info,
  .dataTables_paginate {
    width: 100%;
    padding: 0; }

  .dataTables_info,
  .dataTables_paginate {
    font-size: 14px;
    padding: 0; }

  .paginate_button:not(.disabled) {
    margin: 0 5px; } }

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