/* CSS Document */
/*$primary-color: #003876;
$secondary-color: #1d9ad6;
$tertiary-color:#005bab;
$teal-color:#2abbac;
$purple-color:#aa66cd;
$success-color:#01c851;
$info-color:#33b5e7;
$warning-color:#ff8800;
$danger-color:#ff3548;
$base-color:#282828;
$invert-color:#FFF;*/
* {
  font-family: "Roboto", sans-serif;
  color: inherit;
  font-weight: inherit;
}

html, body {
  font-size: 16px;
  min-height: 100vh;
  color: #58595B;
  font-weight: 400;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*background-color:lighten(color(black), 70%);*/
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  text-align: left;
  width: 100%;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
  font-weight: inherit;
}

h1, .h1 {
  font-size: 1.6rem;
  font-weight: 700;
}

h2, .h2 {
  font-size: 1.25rem;
  font-weight: 300;
}

h3, .h3 {
  font-size: 1rem;
  font-weight: 400;
}

h4, .h4 {
  font-size: 0.625rem;
  font-weight: 300;
}

table {
  border-collapse: collapse;
  border: none;
  min-width: 100%;
}

table thead {
  min-width: 100%;
}

table thead th {
  vertical-align: middle !important;
  background-color: #E4E4E5;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

table tbody {
  min-width: 100%;
}

table tbody tr {
  border-top: 1px solid #58595B;
}

table tbody tr td {
  word-wrap: normal;
  padding: 1rem 0.5rem;
  font-size: 0.75rem;
}

table .dropdown-menu {
  font-size: 0.75rem;
}

select {
  border: 1px solid #E4E4E5 !important;
  -webkit-box-shadow: 2px 2px 4px #E4E4E5 !important;
          box-shadow: 2px 2px 4px #E4E4E5 !important;
  color: #58595B !important;
}

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

label {
  font-weight: 300;
  font-size: 0.75rem;
  margin-bottom: 0px;
}

.date {
  background-color: #FFF !important;
}

.my-btn, .my-btn:hover, .my-btn:active, .my-btn:focus, .my-btn:visited {
  -webkit-box-shadow: 0;
          box-shadow: 0;
  border-radius: 0.2rem;
  border-style: none;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  font-size: 1rem;
  display: inline-block;
  min-width: 10rem;
  text-align: center;
}

.my-btn.my-btn-outline {
  border-width: 2px;
  border-style: solid;
}

.my-btn.my-btn-sm {
  padding: 0.15rem 0.25rem;
  font-size: 0.75rem;
}

.my-btn-red {
  background-color: #FD6A5A;
  border-color: #FD6A5A;
  color: #FFF;
}

.my-btn-red.my-btn-outline {
  background-color: #FFF;
  border-color: #FD6A5A;
  color: #FD6A5A;
}

.my-btn-red:hover {
  background-color: #fc3c28;
  border-color: #fc3c28;
  color: #FFF;
}

.my-btn-red:active, .my-btn-red:focus {
  background-color: #fd5341;
  border-color: #fd5341;
  color: #FFF;
}

.my-btn-light-red {
  background-color: #EC7E73;
  border-color: #EC7E73;
  color: #FFF;
}

.my-btn-light-red.my-btn-outline {
  background-color: #FFF;
  border-color: #EC7E73;
  color: #EC7E73;
}

.my-btn-light-red:hover {
  background-color: #e65546;
  border-color: #e65546;
  color: #FFF;
}

.my-btn-light-red:active, .my-btn-light-red:focus {
  background-color: #e9695d;
  border-color: #e9695d;
  color: #FFF;
}

.my-btn-primary {
  background-color: #EC7E73;
  border-color: #EC7E73;
  color: #FFF;
}

.my-btn-primary.my-btn-outline {
  background-color: #FFF;
  border-color: #EC7E73;
  color: #EC7E73;
}

.my-btn-primary:hover {
  background-color: #e65546;
  border-color: #e65546;
  color: #FFF;
}

.my-btn-primary:active, .my-btn-primary:focus {
  background-color: #e9695d;
  border-color: #e9695d;
  color: #FFF;
}

.my-btn-light-black {
  background-color: #58595B;
  border-color: #58595B;
  color: #FFF;
}

.my-btn-light-black.my-btn-outline {
  background-color: #FFF;
  border-color: #58595B;
  color: #58595B;
}

.my-btn-light-black:hover {
  background-color: #3f4041;
  border-color: #3f4041;
  color: #FFF;
}

.my-btn-light-black:active, .my-btn-light-black:focus {
  background-color: #4b4c4e;
  border-color: #4b4c4e;
  color: #FFF;
}

.my-btn-gray {
  background-color: #95989A;
  border-color: #95989A;
  color: #FFF;
}

.my-btn-gray.my-btn-outline {
  background-color: #FFF;
  border-color: #95989A;
  color: #95989A;
}

.my-btn-gray:hover {
  background-color: #7b7f81;
  border-color: #7b7f81;
  color: #FFF;
}

.my-btn-gray:active, .my-btn-gray:focus {
  background-color: #888b8e;
  border-color: #888b8e;
  color: #FFF;
}

.my-btn-light-gray {
  background-color: #E4E4E5;
  border-color: #E4E4E5;
  color: #FFF;
}

.my-btn-light-gray.my-btn-outline {
  background-color: #FFF;
  border-color: #E4E4E5;
  color: #E4E4E5;
}

.my-btn-light-gray:hover {
  background-color: #cacacc;
  border-color: #cacacc;
  color: #FFF;
}

.my-btn-light-gray:active, .my-btn-light-gray:focus {
  background-color: #d7d7d8;
  border-color: #d7d7d8;
  color: #FFF;
}

.my-btn-secondary {
  background-color: #95989A;
  border-color: #95989A;
  color: #FFF;
}

.my-btn-secondary.my-btn-outline {
  background-color: #FFF;
  border-color: #95989A;
  color: #95989A;
}

.my-btn-secondary:hover {
  background-color: #7b7f81;
  border-color: #7b7f81;
  color: #FFF;
}

.my-btn-secondary:active, .my-btn-secondary:focus {
  background-color: #888b8e;
  border-color: #888b8e;
  color: #FFF;
}

.my-btn-green {
  background-color: #00B45A;
  border-color: #00B45A;
  color: #FFF;
}

.my-btn-green.my-btn-outline {
  background-color: #FFF;
  border-color: #00B45A;
  color: #00B45A;
}

.my-btn-green:hover {
  background-color: #008141;
  border-color: #008141;
  color: #FFF;
}

.my-btn-green:active, .my-btn-green:focus {
  background-color: #009b4d;
  border-color: #009b4d;
  color: #FFF;
}

.my-btn-blue {
  background-color: #868EFF;
  border-color: #868EFF;
  color: #FFF;
}

.my-btn-blue.my-btn-outline {
  background-color: #FFF;
  border-color: #868EFF;
  color: #868EFF;
}

.my-btn-blue:hover {
  background-color: #535eff;
  border-color: #535eff;
  color: #FFF;
}

.my-btn-blue:active, .my-btn-blue:focus {
  background-color: #6d76ff;
  border-color: #6d76ff;
  color: #FFF;
}

.my-btn-lavender {
  background-color: #A9A6DC;
  border-color: #A9A6DC;
  color: #FFF;
}

.my-btn-lavender.my-btn-outline {
  background-color: #FFF;
  border-color: #A9A6DC;
  color: #A9A6DC;
}

.my-btn-lavender:hover {
  background-color: #8681ce;
  border-color: #8681ce;
  color: #FFF;
}

.my-btn-lavender:active, .my-btn-lavender:focus {
  background-color: #9794d5;
  border-color: #9794d5;
  color: #FFF;
}

.my-btn-lime {
  background-color: #CDDC39;
  border-color: #CDDC39;
  color: #FFF;
}

.my-btn-lime.my-btn-outline {
  background-color: #FFF;
  border-color: #CDDC39;
  color: #CDDC39;
}

.my-btn-lime:hover {
  background-color: #b2c022;
  border-color: #b2c022;
  color: #FFF;
}

.my-btn-lime:active, .my-btn-lime:focus {
  background-color: #c6d626;
  border-color: #c6d626;
  color: #FFF;
}

.my-btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #FFF;
}

.my-btn-white.my-btn-outline {
  background-color: #FFF;
  border-color: #FFF;
  color: #FFF;
}

.my-btn-white:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #FFF;
}

.my-btn-white:active, .my-btn-white:focus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #FFF;
}

.my-btn-black {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}

.my-btn-black.my-btn-outline {
  background-color: #FFF;
  border-color: #000;
  color: #000;
}

.my-btn-black:hover {
  background-color: black;
  border-color: black;
  color: #FFF;
}

.my-btn-black:active, .my-btn-black:focus {
  background-color: black;
  border-color: black;
  color: #FFF;
}

.my-btn.disabled, .my-btn[disabled] {
  background-color: #666666;
  border-color: #666666;
  color: #000;
}

.my-btn.disabled.my-btn-outline, .my-btn[disabled].my-btn-outline {
  background-color: #000;
  border-color: #666666;
  color: #666666;
}

.my-card {
  text-align: center;
  border-radius: 5px;
  padding: 0.5rem 0rem;
  margin-bottom: 1rem;
}

.my-card h1, .my-card h2, .my-card h3, .my-card h4, .my-card h5, .my-card h6, .my-card .h1, .my-card .h2, .my-card .h3, .my-card .h4, .my-card .h5, .my-card .h6 {
  text-align: center;
}

.my-card.my-card-red {
  background-color: #FD6A5A;
  border-color: #FD6A5A;
  color: #FFF;
}

.my-card.my-card-red.my-card-outline {
  background-color: #FFF;
  border-color: #FD6A5A;
  color: #FD6A5A;
}

.my-card.my-card-light-red {
  background-color: #EC7E73;
  border-color: #EC7E73;
  color: #FFF;
}

.my-card.my-card-light-red.my-card-outline {
  background-color: #FFF;
  border-color: #EC7E73;
  color: #EC7E73;
}

.my-card.my-card-primary {
  background-color: #EC7E73;
  border-color: #EC7E73;
  color: #FFF;
}

.my-card.my-card-primary.my-card-outline {
  background-color: #FFF;
  border-color: #EC7E73;
  color: #EC7E73;
}

.my-card.my-card-light-black {
  background-color: #58595B;
  border-color: #58595B;
  color: #FFF;
}

.my-card.my-card-light-black.my-card-outline {
  background-color: #FFF;
  border-color: #58595B;
  color: #58595B;
}

.my-card.my-card-gray {
  background-color: #95989A;
  border-color: #95989A;
  color: #FFF;
}

.my-card.my-card-gray.my-card-outline {
  background-color: #FFF;
  border-color: #95989A;
  color: #95989A;
}

.my-card.my-card-light-gray {
  background-color: #E4E4E5;
  border-color: #E4E4E5;
  color: #FFF;
}

.my-card.my-card-light-gray.my-card-outline {
  background-color: #FFF;
  border-color: #E4E4E5;
  color: #E4E4E5;
}

.my-card.my-card-secondary {
  background-color: #95989A;
  border-color: #95989A;
  color: #FFF;
}

.my-card.my-card-secondary.my-card-outline {
  background-color: #FFF;
  border-color: #95989A;
  color: #95989A;
}

.my-card.my-card-green {
  background-color: #00B45A;
  border-color: #00B45A;
  color: #FFF;
}

.my-card.my-card-green.my-card-outline {
  background-color: #FFF;
  border-color: #00B45A;
  color: #00B45A;
}

.my-card.my-card-blue {
  background-color: #868EFF;
  border-color: #868EFF;
  color: #FFF;
}

.my-card.my-card-blue.my-card-outline {
  background-color: #FFF;
  border-color: #868EFF;
  color: #868EFF;
}

.my-card.my-card-lavender {
  background-color: #A9A6DC;
  border-color: #A9A6DC;
  color: #FFF;
}

.my-card.my-card-lavender.my-card-outline {
  background-color: #FFF;
  border-color: #A9A6DC;
  color: #A9A6DC;
}

.my-card.my-card-lime {
  background-color: #CDDC39;
  border-color: #CDDC39;
  color: #FFF;
}

.my-card.my-card-lime.my-card-outline {
  background-color: #FFF;
  border-color: #CDDC39;
  color: #CDDC39;
}

.my-card.my-card-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #FFF;
}

.my-card.my-card-white.my-card-outline {
  background-color: #FFF;
  border-color: #FFF;
  color: #FFF;
}

.my-card.my-card-black {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}

.my-card.my-card-black.my-card-outline {
  background-color: #FFF;
  border-color: #000;
  color: #000;
}

.my-card.my-card-shadow {
  -webkit-box-shadow: 3px 3px 10px #95989A;
          box-shadow: 3px 3px 10px #95989A;
}

.my-notification {
  text-align: center;
  border-radius: 3px;
  padding: 0.5rem;
  -webkit-box-shadow: 1px 1px 3px #95989A;
          box-shadow: 1px 1px 3px #95989A;
  background-color: #FFF;
  border-color: #95989A;
  color: #95989A;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 992px) {
  .my-notification {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.my-notification span {
  font-size: 0.625rem;
}

@media (min-width: 992px) {
  .my-notification span {
    display: none;
    margin-left: 0.5rem;
    font-size: 0.75rem;
  }
}

.my-notification:hover span {
  display: inline;
}

.form-action {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.modal .form-action {
  margin-bottom: 1rem;
  text-align: center;
}

#alert-container {
  position: fixed;
  z-index: 2000;
  width: 100%;
  padding: 1rem;
  bottom: 0;
  width: 75%;
}

@media (min-width: 992px) {
  #alert-container {
    width: 35%;
  }
}

#alert-container .alert {
  display: none;
}

img.avatar {
  border-radius: 50%;
}

.rate {
  color: #CDDC39;
}

.maps {
  height: 100%;
}

body.loginpage {
  min-height: 100vh;
  background-image: url("appdata/logo_low_op.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body.loginpage .login {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 427px;
}

@media (min-width: 992px) {
  body.loginpage .login {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }
}

body.loginpage .login img {
  width: 350px;
  height: auto;
}

body.loginpage .login form {
  margin-top: 5rem;
  width: 60%;
  text-align: center;
}

@media (min-width: 992px) {
  body.loginpage {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.loading {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

header {
  background-color: #EC7E73;
  color: #FFF;
  padding: 0.5rem 1rem;
  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;
}

header .logo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  height: 2rem;
  max-height: 2rem;
  text-align: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 992px) {
  header .logo {
    text-align: left;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

header .logo img {
  max-height: 100%;
  max-width: 100%;
}

header h1 {
  width: auto;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin: 0px;
  margin-left: 1rem;
  vertical-align: bottom;
  text-align: left;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

@media (min-width: 992px) {
  header h1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

header a.nav-toggle, header a.nav-toggle:hover, header a.nav-toggle:visited, header a.nav-toggle:active {
  padding: 5px 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-decoration: none;
  margin-right: 0.5rem;
  cursor: pointer;
  float: left;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

header .notification-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  max-width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 992px) {
  header .notification-bar {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

header .notification-bar .my-notification {
  margin: 0px 0.25rem 0.25rem 0.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 0.75rem;
}

@media (min-width: 992px) {
  header .notification-bar .my-notification {
    margin: 0px 0.25rem 0rem 0.25rem;
  }
}

header .notification-bar .badge {
  margin-left: -1rem;
}

header .profile {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  text-align: right;
}

@media (min-width: 992px) {
  header .profile {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 3rem;
  }
}

header .profile img.avatar {
  max-height: 50px;
  border: 2px solid #FFF;
}

header .profile span {
  word-wrap: normal;
  display: inline-block;
}

.main-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #58595B;
  position: relative;
}

.main-container div#sidebar {
  background-color: #FFF;
  -webkit-box-shadow: 5px 5px 10px #95989A;
          box-shadow: 5px 5px 10px #95989A;
  display: none;
  position: absolute;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  z-index: 10;
  -webkit-transition: display 2s;
  transition: display 2s;
  /*@media (min-width: $break-lg)
		{
			flex: 0 0 20%;
			max-width: 256px;
			display: block !important;
		}*/
}

@media (min-width: 992px) {
  .main-container div#sidebar {
    display: block;
  }
}

.main-container div#sidebar nav {
  color: #58595B;
  padding: 1rem 0.5rem 1rem 1rem;
  font-weight: 300;
}

.main-container div#sidebar nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.main-container div#sidebar nav ul li {
  /*border-bottom: 1px solid lighten(color(black), 50%);*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: inherit;
}

.main-container div#sidebar nav ul li a {
  font-size: 1rem;
  text-decoration: none;
  padding: 0.5rem 1rem 0.5rem 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.main-container div#sidebar nav ul li a .menu-name {
  padding: 0rem 1rem;
}

@media (min-width: 992px) {
  .main-container div#sidebar nav ul li a span {
    display: none;
  }
}

.main-container div#sidebar nav ul li a .arrow {
  float: right;
}

.main-container div#sidebar nav ul li a:hover {
  color: #EC7E73;
}

.main-container div#sidebar nav ul li > ul {
  display: block;
}

@media (min-width: 992px) {
  .main-container div#sidebar nav ul li > ul {
    display: none;
  }
}

.main-container div#sidebar nav ul li > ul li {
  border: none;
}

.main-container div#sidebar nav ul li > ul a {
  padding-left: 2.5rem;
}

.main-container div#sidebar nav ul li.active {
  font-weight: 400;
  color: #EC7E73;
}

.main-container div#sidebar nav ul li.active > a {
  background-color: #FFF;
}

.main-container div#sidebar:hover, .main-container div#sidebar[data-status="visible"] {
  display: block;
}

.main-container div#sidebar:hover nav li span, .main-container div#sidebar[data-status="visible"] nav li span {
  display: inline-block;
}

.main-container div#sidebar:hover nav li > ul, .main-container div#sidebar[data-status="visible"] nav li > ul {
  display: block;
}

.main-container .main-content {
  padding: 0.5rem 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 992px) {
  .main-container .main-content {
    padding: 0.5rem 1rem 0.5rem 7rem;
  }
}

.main-container .main-content .row_big_button {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.main-container .main-content .big_button {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  /*box-shadow: 5px 5px 15px 0px lighten(color(black), 20%);*/
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  height: 100%;
}

.main-container .main-content .big_button h6 {
  text-align: center;
  margin: 0px;
}

.main-container .main-content .x_panel:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.main-container .main-content .x_panel {
  background-color: #FFF;
  margin-bottom: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.main-container .main-content .x_panel .x_title {
  text-align: left;
}

.main-container .main-content .x_panel .x_action {
  margin-bottom: 1rem;
  text-align: right;
}

.main-container .main-content .x_panel .x_content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.main-container .main-content .x_panel .ln_solid {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 1rem;
}

.main-container .main-content .x_panel.search-filter .row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

footer {
  background-color: #FFF;
  color: #95989A;
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 0.8rem;
}
/*# sourceMappingURL=style.css.map */