@charset "UTF-8";
/*@preserve
 * Tempus Dominus Bootstrap4 v5.0.1 (https://tempusdominus.github.io/bootstrap-4/)
 * Copyright 2016-2018 Jonathan Peterson
 * Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
 */
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.bootstrap-datetimepicker-widget {
  list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 14rem; }

@media (min-width: 576px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
  left: auto;
  right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
  left: auto;
  right: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.wider {
  width: 16rem; }

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%; }

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 0.25rem; }

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #e9ecef; }

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px; }

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #6c757d; }

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #e9ecef;
  cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #6c757d; }

.bootstrap-datetimepicker-widget table td.today {
  position: relative; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #007bff;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #007bff;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 0.25rem; }

.bootstrap-datetimepicker-widget table td span:hover {
  background: #e9ecef; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #007bff;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old {
  color: #6c757d; }

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px; }

.input-group [data-toggle="datetimepicker"] {
  cursor: pointer; }

/* 
    Created on : 27-may-2016, 11:16:10
    Author     : Fran Díaz <fran.diaz.gonzalez@gmail.com>
*/
.red {
  color: #f44336; }

.red50 {
  color: #ffebee; }

.red100 {
  color: #ffcdd2; }

.red200 {
  color: #ef9a9a; }

.red300 {
  color: #e57373; }

.red400 {
  color: #ef5350; }

.red500 {
  color: #f44336; }

.red600 {
  color: #e53935; }

.red700 {
  color: #d32f2f; }

.red800 {
  color: #c62828; }

.red900 {
  color: #b71c1c; }

.redA100 {
  color: #ff8a80; }

.redA200 {
  color: #ff5252; }

.redA400 {
  color: #ff1744; }

.redA700 {
  color: #d50000; }

.pink {
  color: #e91e63; }

.pink50 {
  color: #fce4ec; }

.pink100 {
  color: #f8bbd0; }

.pink200 {
  color: #f48fb1; }

.pink300 {
  color: #f06292; }

.pink400 {
  color: #ec407a; }

.pink500 {
  color: #e91e63; }

.pink600 {
  color: #d81b60; }

.pink700 {
  color: #c2185b; }

.pink800 {
  color: #ad1457; }

.pink900 {
  color: #880e4f; }

.pinkA100 {
  color: #ff80ab; }

.pinkA200 {
  color: #ff4081; }

.pinkA400 {
  color: #f50057; }

.pinkA700 {
  color: #c51162; }

.purple {
  color: #9c27b0; }

.purple50 {
  color: #f3e5f5; }

.purple100 {
  color: #e1bee7; }

.purple200 {
  color: #ce93d8; }

.purple300 {
  color: #ba68c8; }

.purple400 {
  color: #ab47bc; }

.purple500 {
  color: #9c27b0; }

.purple600 {
  color: #8e24aa; }

.purple700 {
  color: #7b1fa2; }

.purple800 {
  color: #6a1b9a; }

.purple900 {
  color: #4a148c; }

.purpleA100 {
  color: #ea80fc; }

.purpleA200 {
  color: #e040fb; }

.purpleA400 {
  color: #d500f9; }

.purpleA700 {
  color: #aa00ff; }

.deep-purple {
  color: #673ab7; }

.deep-purple50 {
  color: #ede7f6; }

.deep-purple100 {
  color: #d1c4e9; }

.deep-purple200 {
  color: #b39ddb; }

.deep-purple300 {
  color: #9575cd; }

.deep-purple400 {
  color: #7e57c2; }

.deep-purple500 {
  color: #673ab7; }

.deep-purple600 {
  color: #5e35b1; }

.deep-purple700 {
  color: #512da8; }

.deep-purple800 {
  color: #4527a0; }

.deep-purple900 {
  color: #311b92; }

.deep-purpleA100 {
  color: #b388ff; }

.deep-purpleA200 {
  color: #7c4dff; }

.deep-purpleA400 {
  color: #651fff; }

.deep-purpleA700 {
  color: #6200ea; }

.indigo {
  color: #3f51b5; }

.indigo50 {
  color: #e8eaf6; }

.indigo100 {
  color: #c5cae9; }

.indigo200 {
  color: #9fa8da; }

.indigo300 {
  color: #7986cb; }

.indigo400 {
  color: #5c6bc0; }

.indigo500 {
  color: #3f51b5; }

.indigo600 {
  color: #3949ab; }

.indigo700 {
  color: #303f9f; }

.indigo800 {
  color: #283593; }

.indigo900 {
  color: #1a237e; }

.indigoA100 {
  color: #8c9eff; }

.indigoA200 {
  color: #536dfe; }

.indigoA400 {
  color: #3d5afe; }

.indigoA700 {
  color: #304ffe; }

.blue {
  color: #2196f3; }

.blue50 {
  color: #e3f2fd; }

.blue100 {
  color: #bbdefb; }

.blue200 {
  color: #90caf9; }

.blue300 {
  color: #64b5f6; }

.blue400 {
  color: #42a5f5; }

.blue500 {
  color: #2196f3; }

.blue600 {
  color: #1e88e5; }

.blue700 {
  color: #1976d2; }

.blue800 {
  color: #1565c0; }

.blue900 {
  color: #0d47a1; }

.blueA100 {
  color: #82b1ff; }

.blueA200 {
  color: #448aff; }

.blueA400 {
  color: #2979ff; }

.blueA700 {
  color: #2962ff; }

.light-blue {
  color: #03a9f4; }

.light-blue50 {
  color: #e1f5fe; }

.light-blue100 {
  color: #b3e5fc; }

.light-blue200 {
  color: #81d4fa; }

.light-blue300 {
  color: #4fc3f7; }

.light-blue400 {
  color: #29b6f6; }

.light-blue500 {
  color: #03a9f4; }

.light-blue600 {
  color: #039be5; }

.light-blue700 {
  color: #0288d1; }

.light-blue800 {
  color: #0277bd; }

.light-blue900 {
  color: #01579b; }

.light-blueA100 {
  color: #80d8ff; }

.light-blueA200 {
  color: #40c4ff; }

.light-blueA400 {
  color: #00b0ff; }

.light-blueA700 {
  color: #0091ea; }

.cyan {
  color: #00bcd4; }

.cyan50 {
  color: #e0f7fa; }

.cyan100 {
  color: #b2ebf2; }

.cyan200 {
  color: #80deea; }

.cyan300 {
  color: #4dd0e1; }

.cyan400 {
  color: #26c6da; }

.cyan500 {
  color: #00bcd4; }

.cyan600 {
  color: #00acc1; }

.cyan700 {
  color: #0097a7; }

.cyan800 {
  color: #00838f; }

.cyan900 {
  color: #006064; }

.cyanA100 {
  color: #84ffff; }

.cyanA200 {
  color: #18ffff; }

.cyanA400 {
  color: #00e5ff; }

.cyanA700 {
  color: #00b8d4; }

.teal {
  color: #009688; }

.teal50 {
  color: #e0f2f1; }

.teal100 {
  color: #b2dfdb; }

.teal200 {
  color: #80cbc4; }

.teal300 {
  color: #4db6ac; }

.teal400 {
  color: #26a69a; }

.teal500 {
  color: #009688; }

.teal600 {
  color: #00897b; }

.teal700 {
  color: #00796b; }

.teal800 {
  color: #00695c; }

.teal900 {
  color: #004d40; }

.tealA100 {
  color: #a7ffeb; }

.tealA200 {
  color: #64ffda; }

.tealA400 {
  color: #1de9b6; }

.tealA700 {
  color: #00bfa5; }

.green {
  color: #4caf50; }

.green50 {
  color: #e8f5e9; }

.green100 {
  color: #c8e6c9; }

.green200 {
  color: #a5d6a7; }

.green300 {
  color: #81c784; }

.green400 {
  color: #66bb6a; }

.green500 {
  color: #4caf50; }

.green600 {
  color: #43a047; }

.green700 {
  color: #388e3c; }

.green800 {
  color: #2e7d32; }

.green900 {
  color: #1b5e20; }

.greenA100 {
  color: #b9f6ca; }

.greenA200 {
  color: #69f0ae; }

.greenA400 {
  color: #00e676; }

.greenA700 {
  color: #00c853; }

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

.light-green50 {
  color: #f1f8e9; }

.light-green100 {
  color: #dcedc8; }

.light-green200 {
  color: #c5e1a5; }

.light-green300 {
  color: #aed581; }

.light-green400 {
  color: #9ccc65; }

.light-green500 {
  color: #8bc34a; }

.light-green600 {
  color: #7cb342; }

.light-green700 {
  color: #689f38; }

.light-green800 {
  color: #558b2f; }

.light-green900 {
  color: #33691e; }

.light-greenA100 {
  color: #ccff90; }

.light-greenA200 {
  color: #b2ff59; }

.light-greenA400 {
  color: #76ff03; }

.light-greenA700 {
  color: #64dd17; }

.lime {
  color: #cddc39; }

.lime50 {
  color: #f9fbe7; }

.lime100 {
  color: #f0f4c3; }

.lime200 {
  color: #e6ee9c; }

.lime300 {
  color: #dce775; }

.lime400 {
  color: #d4e157; }

.lime500 {
  color: #cddc39; }

.lime600 {
  color: #c0ca33; }

.lime700 {
  color: #afb42b; }

.lime800 {
  color: #9e9d24; }

.lime900 {
  color: #827717; }

.limeA100 {
  color: #f4ff81; }

.limeA200 {
  color: #eeff41; }

.limeA400 {
  color: #c6ff00; }

.limeA700 {
  color: #aeea00; }

.yellow {
  color: #ffeb3b; }

.yellow50 {
  color: #fffde7; }

.yellow100 {
  color: #fff9c4; }

.yellow200 {
  color: #fff59d; }

.yellow300 {
  color: #fff176; }

.yellow400 {
  color: #ffee58; }

.yellow500 {
  color: #ffeb3b; }

.yellow600 {
  color: #fdd835; }

.yellow700 {
  color: #fbc02d; }

.yellow800 {
  color: #f9a825; }

.yellow900 {
  color: #f57f17; }

.yellowA100 {
  color: #ffff8d; }

.yellowA200 {
  color: #ffff00; }

.yellowA400 {
  color: #ffea00; }

.yellowA700 {
  color: #ffd600; }

.amber {
  color: #ffc107; }

.amber50 {
  color: #fff8e1; }

.amber100 {
  color: #ffecb3; }

.amber200 {
  color: #ffe082; }

.amber300 {
  color: #ffd54f; }

.amber400 {
  color: #ffca28; }

.amber500 {
  color: #ffc107; }

.amber600 {
  color: #ffb300; }

.amber700 {
  color: #ffa000; }

.amber800 {
  color: #ff8f00; }

.amber900 {
  color: #ff6f00; }

.amberA100 {
  color: #ffe57f; }

.amberA200 {
  color: #ffd740; }

.amberA400 {
  color: #ffc400; }

.amberA700 {
  color: #ffab00; }

.orange {
  color: #ff9800; }

.orange50 {
  color: #fff3e0; }

.orange100 {
  color: #ffe0b2; }

.orange200 {
  color: #ffcc80; }

.orange300 {
  color: #ffb74d; }

.orange400 {
  color: #ffa726; }

.orange500 {
  color: #ff9800; }

.orange600 {
  color: #fb8c00; }

.orange700 {
  color: #f57c00; }

.orange800 {
  color: #ef6c00; }

.orange900 {
  color: #e65100; }

.orangeA100 {
  color: #ffd180; }

.orangeA200 {
  color: #ffab40; }

.orangeA400 {
  color: #ff9100; }

.orangeA700 {
  color: #ff6d00; }

.deep-orange {
  color: #ff5722; }

.deep-orange50 {
  color: #fbe9e7; }

.deep-orange100 {
  color: #ffccbc; }

.deep-orange200 {
  color: #ffab91; }

.deep-orange300 {
  color: #ff8a65; }

.deep-orange400 {
  color: #ff7043; }

.deep-orange500 {
  color: #ff5722; }

.deep-orange600 {
  color: #f4511e; }

.deep-orange700 {
  color: #e64a19; }

.deep-orange800 {
  color: #d84315; }

.deep-orange900 {
  color: #bf360c; }

.deep-orangeA100 {
  color: #ff9e80; }

.deep-orangeA200 {
  color: #ff6e40; }

.deep-orangeA400 {
  color: #ff3d00; }

.deep-orangeA700 {
  color: #dd2c00; }

.brown {
  color: #795548; }

.brown50 {
  color: #efebe9; }

.brown100 {
  color: #d7ccc8; }

.brown200 {
  color: #bcaaa4; }

.brown300 {
  color: #a1887f; }

.brown400 {
  color: #8d6e63; }

.brown500 {
  color: #795548; }

.brown600 {
  color: #6d4c41; }

.brown700 {
  color: #5d4037; }

.brown800 {
  color: #4e342e; }

.brown900 {
  color: #3e2723; }

.grey {
  color: #9e9e9e; }

.grey50 {
  color: #fafafa; }

.grey100 {
  color: #f5f5f5; }

.grey200 {
  color: #eeeeee; }

.grey300 {
  color: #e0e0e0; }

.grey400 {
  color: #bdbdbd; }

.grey500 {
  color: #9e9e9e; }

.grey600 {
  color: #757575; }

.grey700 {
  color: #616161; }

.grey800 {
  color: #424242; }

.grey900 {
  color: #212121; }

.blue-grey {
  color: #607d8b; }

.blue-grey50 {
  color: #eceff1; }

.blue-grey100 {
  color: #cfd8dc; }

.blue-grey200 {
  color: #b0bec5; }

.blue-grey300 {
  color: #90a4ae; }

.blue-grey400 {
  color: #78909c; }

.blue-grey500 {
  color: #607d8b; }

.blue-grey600 {
  color: #546e7a; }

.blue-grey700 {
  color: #455a64; }

.blue-grey800 {
  color: #37474f; }

.blue-grey900 {
  color: #263238; }

.black {
  color: #000000; }

.white {
  color: #ffffff; }

.red_bg {
  background: #f44336; }

.red50_bg {
  background: #ffebee; }

.red100_bg {
  background: #ffcdd2; }

.red200_bg {
  background: #ef9a9a; }

.red300_bg {
  background: #e57373; }

.red400_bg {
  background: #ef5350; }

.red500_bg {
  background: #f44336; }

.red600_bg {
  background: #e53935; }

.red700_bg {
  background: #d32f2f; }

.red800_bg {
  background: #c62828; }

.red900_bg {
  background: #b71c1c; }

.redA100_bg {
  background: #ff8a80; }

.redA200_bg {
  background: #ff5252; }

.redA400_bg {
  background: #ff1744; }

.redA700_bg {
  background: #d50000; }

.pink_bg {
  background: #e91e63; }

.pink50_bg {
  background: #fce4ec; }

.pink100_bg {
  background: #f8bbd0; }

.pink200_bg {
  background: #f48fb1; }

.pink300_bg {
  background: #f06292; }

.pink400_bg {
  background: #ec407a; }

.pink500_bg {
  background: #e91e63; }

.pink600_bg {
  background: #d81b60; }

.pink700_bg {
  background: #c2185b; }

.pink800_bg {
  background: #ad1457; }

.pink900_bg {
  background: #880e4f; }

.pinkA100_bg {
  background: #ff80ab; }

.pinkA200_bg {
  background: #ff4081; }

.pinkA400_bg {
  background: #f50057; }

.pinkA700_bg {
  background: #c51162; }

.purple_bg {
  background: #9c27b0; }

.purple50_bg {
  background: #f3e5f5; }

.purple100_bg {
  background: #e1bee7; }

.purple200_bg {
  background: #ce93d8; }

.purple300_bg {
  background: #ba68c8; }

.purple400_bg {
  background: #ab47bc; }

.purple500_bg {
  background: #9c27b0; }

.purple600_bg {
  background: #8e24aa; }

.purple700_bg {
  background: #7b1fa2; }

.purple800_bg {
  background: #6a1b9a; }

.purple900_bg {
  background: #4a148c; }

.purpleA100_bg {
  background: #ea80fc; }

.purpleA200_bg {
  background: #e040fb; }

.purpleA400_bg {
  background: #d500f9; }

.purpleA700_bg {
  background: #aa00ff; }

.deep-purple_bg {
  background: #673ab7; }

.deep-purple50_bg {
  background: #ede7f6; }

.deep-purple100_bg {
  background: #d1c4e9; }

.deep-purple200_bg {
  background: #b39ddb; }

.deep-purple300_bg {
  background: #9575cd; }

.deep-purple400_bg {
  background: #7e57c2; }

.deep-purple500_bg {
  background: #673ab7; }

.deep-purple600_bg {
  background: #5e35b1; }

.deep-purple700_bg {
  background: #512da8; }

.deep-purple800_bg {
  background: #4527a0; }

.deep-purple900_bg {
  background: #311b92; }

.deep-purpleA100_bg {
  background: #b388ff; }

.deep-purpleA200_bg {
  background: #7c4dff; }

.deep-purpleA400_bg {
  background: #651fff; }

.deep-purpleA700_bg {
  background: #6200ea; }

.indigo_bg {
  background: #3f51b5; }

.indigo50_bg {
  background: #e8eaf6; }

.indigo100_bg {
  background: #c5cae9; }

.indigo200_bg {
  background: #9fa8da; }

.indigo300_bg {
  background: #7986cb; }

.indigo400_bg {
  background: #5c6bc0; }

.indigo500_bg {
  background: #3f51b5; }

.indigo600_bg {
  background: #3949ab; }

.indigo700_bg {
  background: #303f9f; }

.indigo800_bg {
  background: #283593; }

.indigo900_bg {
  background: #1a237e; }

.indigoA100_bg {
  background: #8c9eff; }

.indigoA200_bg {
  background: #536dfe; }

.indigoA400_bg {
  background: #3d5afe; }

.indigoA700_bg {
  background: #304ffe; }

.blue_bg {
  background: #2196f3; }

.blue50_bg {
  background: #e3f2fd; }

.blue100_bg {
  background: #bbdefb; }

.blue200_bg {
  background: #90caf9; }

.blue300_bg {
  background: #64b5f6; }

.blue400_bg {
  background: #42a5f5; }

.blue500_bg {
  background: #2196f3; }

.blue600_bg {
  background: #1e88e5; }

.blue700_bg {
  background: #1976d2; }

.blue800_bg {
  background: #1565c0; }

.blue900_bg {
  background: #0d47a1; }

.blueA100_bg {
  background: #82b1ff; }

.blueA200_bg {
  background: #448aff; }

.blueA400_bg {
  background: #2979ff; }

.blueA700_bg {
  background: #2962ff; }

.light-blue_bg {
  background: #03a9f4; }

.light-blue50_bg {
  background: #e1f5fe; }

.light-blue100_bg {
  background: #b3e5fc; }

.light-blue200_bg {
  background: #81d4fa; }

.light-blue300_bg {
  background: #4fc3f7; }

.light-blue400_bg {
  background: #29b6f6; }

.light-blue500_bg {
  background: #03a9f4; }

.light-blue600_bg {
  background: #039be5; }

.light-blue700_bg {
  background: #0288d1; }

.light-blue800_bg {
  background: #0277bd; }

.light-blue900_bg {
  background: #01579b; }

.light-blueA100_bg {
  background: #80d8ff; }

.light-blueA200_bg {
  background: #40c4ff; }

.light-blueA400_bg {
  background: #00b0ff; }

.light-blueA700_bg {
  background: #0091ea; }

.cyan_bg {
  background: #00bcd4; }

.cyan50_bg {
  background: #e0f7fa; }

.cyan100_bg {
  background: #b2ebf2; }

.cyan200_bg {
  background: #80deea; }

.cyan300_bg {
  background: #4dd0e1; }

.cyan400_bg {
  background: #26c6da; }

.cyan500_bg {
  background: #00bcd4; }

.cyan600_bg {
  background: #00acc1; }

.cyan700_bg {
  background: #0097a7; }

.cyan800_bg {
  background: #00838f; }

.cyan900_bg {
  background: #006064; }

.cyanA100_bg {
  background: #84ffff; }

.cyanA200_bg {
  background: #18ffff; }

.cyanA400_bg {
  background: #00e5ff; }

.cyanA700_bg {
  background: #00b8d4; }

.teal_bg {
  background: #009688; }

.teal50_bg {
  background: #e0f2f1; }

.teal100_bg {
  background: #b2dfdb; }

.teal200_bg {
  background: #80cbc4; }

.teal300_bg {
  background: #4db6ac; }

.teal400_bg {
  background: #26a69a; }

.teal500_bg {
  background: #009688; }

.teal600_bg {
  background: #00897b; }

.teal700_bg {
  background: #00796b; }

.teal800_bg {
  background: #00695c; }

.teal900_bg {
  background: #004d40; }

.tealA100_bg {
  background: #a7ffeb; }

.tealA200_bg {
  background: #64ffda; }

.tealA400_bg {
  background: #1de9b6; }

.tealA700_bg {
  background: #00bfa5; }

.green_bg {
  background: #4caf50; }

.green50_bg {
  background: #e8f5e9; }

.green100_bg {
  background: #c8e6c9; }

.green200_bg {
  background: #a5d6a7; }

.green300_bg {
  background: #81c784; }

.green400_bg {
  background: #66bb6a; }

.green500_bg {
  background: #4caf50; }

.green600_bg {
  background: #43a047; }

.green700_bg {
  background: #388e3c; }

.green800_bg {
  background: #2e7d32; }

.green900_bg {
  background: #1b5e20; }

.greenA100_bg {
  background: #b9f6ca; }

.greenA200_bg {
  background: #69f0ae; }

.greenA400_bg {
  background: #00e676; }

.greenA700_bg {
  background: #00c853; }

.light-green_bg {
  background: #8bc34a; }

.light-green50_bg {
  background: #f1f8e9; }

.light-green100_bg {
  background: #dcedc8; }

.light-green200_bg {
  background: #c5e1a5; }

.light-green300_bg {
  background: #aed581; }

.light-green400_bg {
  background: #9ccc65; }

.light-green500_bg {
  background: #8bc34a; }

.light-green600_bg {
  background: #7cb342; }

.light-green700_bg {
  background: #689f38; }

.light-green800_bg {
  background: #558b2f; }

.light-green900_bg {
  background: #33691e; }

.light-greenA100_bg {
  background: #ccff90; }

.light-greenA200_bg {
  background: #b2ff59; }

.light-greenA400_bg {
  background: #76ff03; }

.light-greenA700_bg {
  background: #64dd17; }

.lime_bg {
  background: #cddc39; }

.lime50_bg {
  background: #f9fbe7; }

.lime100_bg {
  background: #f0f4c3; }

.lime200_bg {
  background: #e6ee9c; }

.lime300_bg {
  background: #dce775; }

.lime400_bg {
  background: #d4e157; }

.lime500_bg {
  background: #cddc39; }

.lime600_bg {
  background: #c0ca33; }

.lime700_bg {
  background: #afb42b; }

.lime800_bg {
  background: #9e9d24; }

.lime900_bg {
  background: #827717; }

.limeA100_bg {
  background: #f4ff81; }

.limeA200_bg {
  background: #eeff41; }

.limeA400_bg {
  background: #c6ff00; }

.limeA700_bg {
  background: #aeea00; }

.yellow_bg {
  background: #ffeb3b; }

.yellow50_bg {
  background: #fffde7; }

.yellow100_bg {
  background: #fff9c4; }

.yellow200_bg {
  background: #fff59d; }

.yellow300_bg {
  background: #fff176; }

.yellow400_bg {
  background: #ffee58; }

.yellow500_bg {
  background: #ffeb3b; }

.yellow600_bg {
  background: #fdd835; }

.yellow700_bg {
  background: #fbc02d; }

.yellow800_bg {
  background: #f9a825; }

.yellow900_bg {
  background: #f57f17; }

.yellowA100_bg {
  background: #ffff8d; }

.yellowA200_bg {
  background: #ffff00; }

.yellowA400_bg {
  background: #ffea00; }

.yellowA700_bg {
  background: #ffd600; }

.amber_bg {
  background: #ffc107; }

.amber50_bg {
  background: #fff8e1; }

.amber100_bg {
  background: #ffecb3; }

.amber200_bg {
  background: #ffe082; }

.amber300_bg {
  background: #ffd54f; }

.amber400_bg {
  background: #ffca28; }

.amber500_bg {
  background: #ffc107; }

.amber600_bg {
  background: #ffb300; }

.amber700_bg {
  background: #ffa000; }

.amber800_bg {
  background: #ff8f00; }

.amber900_bg {
  background: #ff6f00; }

.amberA100_bg {
  background: #ffe57f; }

.amberA200_bg {
  background: #ffd740; }

.amberA400_bg {
  background: #ffc400; }

.amberA700_bg {
  background: #ffab00; }

.orange_bg {
  background: #ff9800; }

.orange50_bg {
  background: #fff3e0; }

.orange100_bg {
  background: #ffe0b2; }

.orange200_bg {
  background: #ffcc80; }

.orange300_bg {
  background: #ffb74d; }

.orange400_bg {
  background: #ffa726; }

.orange500_bg {
  background: #ff9800; }

.orange600_bg {
  background: #fb8c00; }

.orange700_bg {
  background: #f57c00; }

.orange800_bg {
  background: #ef6c00; }

.orange900_bg {
  background: #e65100; }

.orangeA100_bg {
  background: #ffd180; }

.orangeA200_bg {
  background: #ffab40; }

.orangeA400_bg {
  background: #ff9100; }

.orangeA700_bg {
  background: #ff6d00; }

.deep-orange_bg {
  background: #ff5722; }

.deep-orange50_bg {
  background: #fbe9e7; }

.deep-orange100_bg {
  background: #ffccbc; }

.deep-orange200_bg {
  background: #ffab91; }

.deep-orange300_bg {
  background: #ff8a65; }

.deep-orange400_bg {
  background: #ff7043; }

.deep-orange500_bg {
  background: #ff5722; }

.deep-orange600_bg {
  background: #f4511e; }

.deep-orange700_bg {
  background: #e64a19; }

.deep-orange800_bg {
  background: #d84315; }

.deep-orange900_bg {
  background: #bf360c; }

.deep-orangeA100_bg {
  background: #ff9e80; }

.deep-orangeA200_bg {
  background: #ff6e40; }

.deep-orangeA400_bg {
  background: #ff3d00; }

.deep-orangeA700_bg {
  background: #dd2c00; }

.brown_bg {
  background: #795548; }

.brown50_bg {
  background: #efebe9; }

.brown100_bg {
  background: #d7ccc8; }

.brown200_bg {
  background: #bcaaa4; }

.brown300_bg {
  background: #a1887f; }

.brown400_bg {
  background: #8d6e63; }

.brown500_bg {
  background: #795548; }

.brown600_bg {
  background: #6d4c41; }

.brown700_bg {
  background: #5d4037; }

.brown800_bg {
  background: #4e342e; }

.brown900_bg {
  background: #3e2723; }

.grey_bg {
  background: #9e9e9e; }

.grey50_bg {
  background: #fafafa; }

.grey100_bg {
  background: #f5f5f5; }

.grey200_bg {
  background: #eeeeee; }

.grey300_bg {
  background: #e0e0e0; }

.grey400_bg {
  background: #bdbdbd; }

.grey500_bg {
  background: #9e9e9e; }

.grey600_bg {
  background: #757575; }

.grey700_bg {
  background: #616161; }

.grey800_bg {
  background: #424242; }

.grey900_bg {
  background: #212121; }

.blue-grey_bg {
  background: #607d8b; }

.blue-grey50_bg {
  background: #eceff1; }

.blue-grey100_bg {
  background: #cfd8dc; }

.blue-grey200_bg {
  background: #b0bec5; }

.blue-grey300_bg {
  background: #90a4ae; }

.blue-grey400_bg {
  background: #78909c; }

.blue-grey500_bg {
  background: #607d8b; }

.blue-grey600_bg {
  background: #546e7a; }

.blue-grey700_bg {
  background: #455a64; }

.blue-grey800_bg {
  background: #37474f; }

.blue-grey900_bg {
  background: #263238; }

.black_bg {
  background: #000000; }

.white_bg {
  background: #ffffff; }

* {
  box-sizing: border-box;
  transition: all ease-in-out .2s;
  position: relative; }

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) white; }

*::-webkit-scrollbar {
  width: 12px;
  height: 12px; }

*::-webkit-scrollbar-track {
  background: white; }

*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  border: 3px solid white; }

html, body, main {
  width: 100vw;
  /*height:100%;*/
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: calc(var(--vh, 1vh) * 100);
  padding: 0;
  margin: 0;
  background: #f8f9fa;
  font-family: 'Inter','Barlow','Roboto', sans-serif; }

main {
  display: grid;
  grid-template-columns: [margin-left] minmax(350px, 25vw) [content-start] 1fr [content-end] minmax(400px, 25vw) [margin-right];
  grid-template-rows: [margin-top] 70px [content-start] 1fr [content-end] 50px [margin-bottom];
  grid-column-gap: 0;
  grid-row-gap: 0;
  transition: all .25s;
  grid-template-areas: "header header header" "sidebar content aside" "footer footer footer"; }

.table__min-column {
  width: 1%;
  white-space: nowrap; }

/*@media all and (max-width: 700px) {
	aside,
	#content {
	    grid-column: 1 / 4;
	}
}*/
@keyframes chevron-enter {
  0% {
    clip-path: polygon(-25% 0%, 0% 50%, -25% 100%, -100% 100%, -75% 50%, -100% 0%); }
  75% {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
  100% {
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%); } }
@keyframes chevron-leave {
  0% {
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%); }
  25% {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
  100% {
    clip-path: polygon(175% 0%, 200% 50%, 175% 100%, 100% 100%, 125% 50%, 100% 0%); } }
.chevron-enter-active {
  animation: .5s chevron-enter;
  transition: all .3s ease-out; }

.chevron-leave-active {
  animation: .5s chevron-leave;
  transition: all 0.6s cubic-bezier(1, 0.01, 0.57, 0.99); }

.min-w-auto {
  min-width: auto !important; }

.min-h-auto {
  min-height: auto !important; }

.max-w-auto {
  max-width: auto !important; }

.max-h-auto {
  max-height: auto !important; }

#ploader {
  filter: drop-shadow(-10px 0px 8px rgba(0, 0, 0, 0.1));
  z-index: 1000; }

#loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  /*-100vh*/
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  /*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);*/
  z-index: 1000; }

#loader.show {
  visibility: visible;
  opacity: 1;
  /*bottom: 0;*/ }

.spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

header {
  grid-area: header;
  z-index: 3;
  width: 100vw; }
  header .header__container {
    height: 70px;
    padding: 10px;
    background: right top url(/resources/images/header_background.jpg) repeat-x;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    z-index: 3; }
  header .menu__btn, header .aside__btn {
    position: relative;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    color: #757575; }
    header .menu__btn .recount, header .aside__btn .recount {
      position: absolute;
      background: red;
      color: white;
      border-radius: 50%;
      display: block;
      width: 16px;
      height: 16px;
      bottom: 10px;
      font-size: 10px;
      text-align: center;
      right: 10px;
      line-height: 16px;
      font-weight: 700; }
  header .logo__btn {
    display: inline-block; }
  header .logo {
    height: auto;
    max-height: 50px;
    float: right; }
  header .header__account {
    font-size: 0.8rem;
    color: #fafafa;
    line-height: 50px;
    height: 50px; }
    header .header__account .dropdown-toggle {
      color: #fafafa; }
  header .avatar {
    width: 38px;
    border: 2px solid #ccc;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  header .avatar-name {
    font-weight: 500; }
  header .dropdown-menu {
    font-size: inherit;
    line-height: initial; }
  header .dropdown-item {
    padding: .25rem 10px; }

#content {
  grid-area: content;
  grid-column: 1 / 4;
  grid-row: 2 / 3;
  z-index: 1;
  position: relative;
  height: 100%;
  width: 100vw;
  overflow: auto; }

footer {
  grid-area: footer;
  z-index: 2;
  width: 100vw; }
  footer .footer__container {
    border-top: 5px solid #e8e8e8;
    line-height: 45px;
    padding: 0 10px; }
  footer p {
    font-size: 0.8rem; }

/* CLASES INDIVIDUALES */
.cursor-pointer {
  cursor: pointer; }

.cursor-move {
  cursor: move; }

.cursor-not-allowed {
  cursor: not-allowed; }

.cursor-wait {
  cursor: wait; }

[data-context] {
  cursor: alias; }

img {
  vertical-align: middle;
  border-style: none; }

/* COMPONENT */
.component {
  position: relative;
  overflow: hidden; }
  .component > .title {
    font-size: 1.2rem;
    margin: 0 0 3px;
    font-weight: 500;
    /*text-transform: uppercase;*/
    color: #ff9800;
    height: 16px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    /*letter-spacing:.5px;*/ }
  .component .card {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.02);
    border: 1px solid #f1f1f1;
    background: #fff;
    border-radius: 0; }
    .component .card .card__header {
      /*height:20px;
      line-height:20px;
      padding:0 15px;*/ }
      .component .card .card__header .title {
        font-size: 1.2rem;
        margin: 10px;
        font-weight: 500;
        /*text-transform: uppercase;*/
        color: #fb8c00;
        height: 20px;
        line-height: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        letter-spacing: -.5px; }
    .component .card .card__body {
      height: calc(100% - 20px);
      padding: 0;
      overflow: auto;
      flex-grow: 1; }
  .component .card__tools {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .4;
    padding: 0 15px;
    transition: all ease-in-out .2s;
    border-radius: 0 0 0 .25rem;
    z-index: 2; }
  .component:hover .card__tools {
    opacity: .75; }
  .component .card__tools:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.1); }
  .component .card, .component .invisible-card {
    transition: all ease-in-out 0.2s; }
  .component.customized .card {
    border: 1px solid #FF980070; }
  .component.customized:before {
    content: 'Personalizado';
    position: absolute;
    top: 17px;
    right: 18px;
    background: #FF9800;
    color: #FFF;
    height: 1rem;
    border-radius: 3px 3px 0 0;
    line-height: .8rem;
    text-align: center;
    padding: 1px 4px;
    font-size: 0.6rem;
    opacity: .3;
    transition: all 0.25s ease; }
  .component.reloading:after {
    content: '\F453';
    position: absolute;
    top: 0px;
    left: 100px;
    background: #FF9800;
    color: #FFF;
    height: 1rem;
    border-radius: 3px 3px 0 0;
    line-height: .8rem;
    text-align: center;
    padding: 1px 4px;
    font-size: 0.6rem;
    font: normal normal normal 0.8rem "Material Design Icons";
    opacity: .3;
    transition: all 0.25s ease;
    animation: color 2s linear infinite; }
  .component.customized:hover .card, .component.customized:hover .invisible-card {
    box-shadow: 0px 0px 5px rgba(255, 138, 1, 0.3);
    border: 1px solid #FF9800; }
  .component.customized:hover::before {
    opacity: 1; }

.invisible-card {
  width: 100%;
  height: 100%;
  min-height: 50px;
  border-radius: 3px;
  overflow: auto;
  position: relative; }
  .invisible-card .menu {
    z-index: 1000;
    position: absolute;
    right: 0; }
  .invisible-card:hover .menu {
    background: rgba(0, 0, 0, 0.05); }

.component:hover .invisible-card, .component:hover .card {
  /*box-shadow:0px 0px 5px rgba(0,0,0,.1);*/
  /*transition: all 0.25s ease;*/ }

/*.component .menu{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  background:#fff;
  border-radius:0 0 3px 3px;
}

.invisible-card .menu{
  visibility: hidden;
      z-index: 1000;
}

.invisible-card:hover .menu{
	//display:inline-flex !important;
  visibility: visible;
}*/
.opacity5 {
  opacity: calc(5 / 100) !important; }

.opacity10 {
  opacity: calc(10 / 100) !important; }

.opacity20 {
  opacity: calc(20 / 100) !important; }

.opacity25 {
  opacity: calc(25 / 100) !important; }

.opacity30 {
  opacity: calc(30 / 100) !important; }

.opacity40 {
  opacity: calc(40 / 100) !important; }

.opacity50 {
  opacity: calc(50 / 100) !important; }

.opacity60 {
  opacity: calc(60 / 100) !important; }

.opacity70 {
  opacity: calc(70 / 100) !important; }

.opacity75 {
  opacity: calc(75 / 100) !important; }

.opacity80 {
  opacity: calc(80 / 100) !important; }

.opacity90 {
  opacity: calc(90 / 100) !important; }

.opacity100 {
  opacity: calc(100 / 100) !important; }

.zindex1 {
  z-index: 1 !important; }

.zindex2 {
  z-index: 2 !important; }

.zindex3 {
  z-index: 3 !important; }

.zindex4 {
  z-index: 4 !important; }

.zindex5 {
  z-index: 5 !important; }

.zindex6 {
  z-index: 6 !important; }

.zindex7 {
  z-index: 7 !important; }

.zindex8 {
  z-index: 8 !important; }

.zindex9 {
  z-index: 9 !important; }

.zindex10 {
  z-index: 10 !important; }

.zindex15 {
  z-index: 15 !important; }

.zindex20 {
  z-index: 20 !important; }

.zindex25 {
  z-index: 25 !important; }

.max-w-25 {
  max-width: 25% !important; }

.max-w-50 {
  max-width: 50% !important; }

.max-w-75 {
  max-width: 75% !important; }

.max-w-100 {
  max-width: 100% !important; }

.max-h-25 {
  max-height: 25% !important; }

.max-h-50 {
  max-height: 50% !important; }

.max-h-75 {
  max-height: 75% !important; }

.max-h-100 {
  max-height: 100% !important; }

.min-w-25 {
  min-width: 25% !important; }

.min-w-50 {
  min-width: 50% !important; }

.min-w-75 {
  min-width: 75% !important; }

.min-w-100 {
  min-width: 100% !important; }

.min-h-25 {
  min-height: 25% !important; }

.min-h-50 {
  min-height: 50% !important; }

.min-h-75 {
  min-height: 75% !important; }

.min-h-100 {
  min-height: 100% !important; }

.vw-25 {
  width: 25vw !important; }

.vw-50 {
  width: 50vw !important; }

.vw-75 {
  width: 75vw !important; }

.vw-100 {
  width: 100vw !important; }

.vh-25 {
  height: 25vh !important; }

.vh-50 {
  height: 50vh !important; }

.vh-75 {
  height: 75vh !important; }

.vh-100 {
  height: 100vh !important; }

.max-vw-25 {
  max-width: 25vw !important; }

.max-vw-50 {
  max-width: 50vw !important; }

.max-vw-75 {
  max-width: 75vw !important; }

.max-vw-100 {
  max-width: 100vw !important; }

.min-vw-25 {
  min-width: 25vw !important; }

.min-vw-50 {
  min-width: 50vw !important; }

.min-vw-75 {
  min-width: 75vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.max-vh-25 {
  max-height: 25vh !important; }

.max-vh-50 {
  max-height: 50vh !important; }

.max-vh-75 {
  max-height: 75vh !important; }

.max-vh-100 {
  max-height: 100vh !important; }

.min-vh-25 {
  min-height: 25vh !important; }

.min-vh-50 {
  min-height: 50vh !important; }

.min-vh-75 {
  min-height: 75vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

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

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

@media (min-width: 576px) {
  .max-w-sm-25 {
    max-width: 25% !important; }

  .max-w-sm-50 {
    max-width: 50% !important; }

  .max-w-sm-75 {
    max-width: 75% !important; }

  .max-w-sm-100 {
    max-width: 100% !important; }

  .max-h-sm-25 {
    max-height: 25% !important; }

  .max-h-sm-50 {
    max-height: 50% !important; }

  .max-h-sm-75 {
    max-height: 75% !important; }

  .max-h-sm-100 {
    max-height: 100% !important; }

  .min-w-sm-25 {
    min-width: 25% !important; }

  .min-w-sm-50 {
    min-width: 50% !important; }

  .min-w-sm-75 {
    min-width: 75% !important; }

  .min-w-sm-100 {
    min-width: 100% !important; }

  .min-h-sm-25 {
    min-height: 25% !important; }

  .min-h-sm-50 {
    min-height: 50% !important; }

  .min-h-sm-75 {
    min-height: 75% !important; }

  .min-h-sm-100 {
    min-height: 100% !important; }

  .vw-sm-25 {
    width: 25vw !important; }

  .vw-sm-50 {
    width: 50vw !important; }

  .vw-sm-75 {
    width: 75vw !important; }

  .vw-sm-100 {
    width: 100vw !important; }

  .vh-sm-25 {
    height: 25vh !important; }

  .vh-sm-50 {
    height: 50vh !important; }

  .vh-sm-75 {
    height: 75vh !important; }

  .vh-sm-100 {
    height: 100vh !important; }

  .max-vw-sm-25 {
    max-width: 25vw !important; }

  .max-vw-sm-50 {
    max-width: 50vw !important; }

  .max-vw-sm-75 {
    max-width: 75vw !important; }

  .max-vw-sm-100 {
    max-width: 100vw !important; }

  .min-vw-sm-25 {
    min-width: 25vw !important; }

  .min-vw-sm-50 {
    min-width: 50vw !important; }

  .min-vw-sm-75 {
    min-width: 75vw !important; }

  .min-vw-sm-100 {
    min-width: 100vw !important; }

  .max-vh-sm-25 {
    max-height: 25vh !important; }

  .max-vh-sm-50 {
    max-height: 50vh !important; }

  .max-vh-sm-75 {
    max-height: 75vh !important; }

  .max-vh-sm-100 {
    max-height: 100vh !important; }

  .min-vh-sm-25 {
    min-height: 25vh !important; }

  .min-vh-sm-50 {
    min-height: 50vh !important; }

  .min-vh-sm-75 {
    min-height: 75vh !important; }

  .min-vh-sm-100 {
    min-height: 100vh !important; }

  .w-sm-25 {
    width: 25% !important; }

  .w-sm-50 {
    width: 50% !important; }

  .w-sm-75 {
    width: 75% !important; }

  .w-sm-100 {
    width: 100% !important; }

  .h-sm-25 {
    height: 25% !important; }

  .h-sm-50 {
    height: 50% !important; }

  .h-sm-75 {
    height: 75% !important; }

  .h-sm-100 {
    height: 100% !important; } }
@media (min-width: 768px) {
  .max-w-md-25 {
    max-width: 25% !important; }

  .max-w-md-50 {
    max-width: 50% !important; }

  .max-w-md-75 {
    max-width: 75% !important; }

  .max-w-md-100 {
    max-width: 100% !important; }

  .max-h-md-25 {
    max-height: 25% !important; }

  .max-h-md-50 {
    max-height: 50% !important; }

  .max-h-md-75 {
    max-height: 75% !important; }

  .max-h-md-100 {
    max-height: 100% !important; }

  .min-w-md-25 {
    min-width: 25% !important; }

  .min-w-md-50 {
    min-width: 50% !important; }

  .min-w-md-75 {
    min-width: 75% !important; }

  .min-w-md-100 {
    min-width: 100% !important; }

  .min-h-md-25 {
    min-height: 25% !important; }

  .min-h-md-50 {
    min-height: 50% !important; }

  .min-h-md-75 {
    min-height: 75% !important; }

  .min-h-md-100 {
    min-height: 100% !important; }

  .vw-md-25 {
    width: 25vw !important; }

  .vw-md-50 {
    width: 50vw !important; }

  .vw-md-75 {
    width: 75vw !important; }

  .vw-md-100 {
    width: 100vw !important; }

  .vh-md-25 {
    height: 25vh !important; }

  .vh-md-50 {
    height: 50vh !important; }

  .vh-md-75 {
    height: 75vh !important; }

  .vh-md-100 {
    height: 100vh !important; }

  .max-vw-md-25 {
    max-width: 25vw !important; }

  .max-vw-md-50 {
    max-width: 50vw !important; }

  .max-vw-md-75 {
    max-width: 75vw !important; }

  .max-vw-md-100 {
    max-width: 100vw !important; }

  .min-vw-md-25 {
    min-width: 25vw !important; }

  .min-vw-md-50 {
    min-width: 50vw !important; }

  .min-vw-md-75 {
    min-width: 75vw !important; }

  .min-vw-md-100 {
    min-width: 100vw !important; }

  .max-vh-md-25 {
    max-height: 25vh !important; }

  .max-vh-md-50 {
    max-height: 50vh !important; }

  .max-vh-md-75 {
    max-height: 75vh !important; }

  .max-vh-md-100 {
    max-height: 100vh !important; }

  .min-vh-md-25 {
    min-height: 25vh !important; }

  .min-vh-md-50 {
    min-height: 50vh !important; }

  .min-vh-md-75 {
    min-height: 75vh !important; }

  .min-vh-md-100 {
    min-height: 100vh !important; }

  .w-md-25 {
    width: 25% !important; }

  .w-md-50 {
    width: 50% !important; }

  .w-md-75 {
    width: 75% !important; }

  .w-md-100 {
    width: 100% !important; }

  .h-md-25 {
    height: 25% !important; }

  .h-md-50 {
    height: 50% !important; }

  .h-md-75 {
    height: 75% !important; }

  .h-md-100 {
    height: 100% !important; } }
@media (min-width: 992px) {
  .max-w-lg-25 {
    max-width: 25% !important; }

  .max-w-lg-50 {
    max-width: 50% !important; }

  .max-w-lg-75 {
    max-width: 75% !important; }

  .max-w-lg-100 {
    max-width: 100% !important; }

  .max-h-lg-25 {
    max-height: 25% !important; }

  .max-h-lg-50 {
    max-height: 50% !important; }

  .max-h-lg-75 {
    max-height: 75% !important; }

  .max-h-lg-100 {
    max-height: 100% !important; }

  .min-w-lg-25 {
    min-width: 25% !important; }

  .min-w-lg-50 {
    min-width: 50% !important; }

  .min-w-lg-75 {
    min-width: 75% !important; }

  .min-w-lg-100 {
    min-width: 100% !important; }

  .min-h-lg-25 {
    min-height: 25% !important; }

  .min-h-lg-50 {
    min-height: 50% !important; }

  .min-h-lg-75 {
    min-height: 75% !important; }

  .min-h-lg-100 {
    min-height: 100% !important; }

  .vw-lg-25 {
    width: 25vw !important; }

  .vw-lg-50 {
    width: 50vw !important; }

  .vw-lg-75 {
    width: 75vw !important; }

  .vw-lg-100 {
    width: 100vw !important; }

  .vh-lg-25 {
    height: 25vh !important; }

  .vh-lg-50 {
    height: 50vh !important; }

  .vh-lg-75 {
    height: 75vh !important; }

  .vh-lg-100 {
    height: 100vh !important; }

  .max-vw-lg-25 {
    max-width: 25vw !important; }

  .max-vw-lg-50 {
    max-width: 50vw !important; }

  .max-vw-lg-75 {
    max-width: 75vw !important; }

  .max-vw-lg-100 {
    max-width: 100vw !important; }

  .min-vw-lg-25 {
    min-width: 25vw !important; }

  .min-vw-lg-50 {
    min-width: 50vw !important; }

  .min-vw-lg-75 {
    min-width: 75vw !important; }

  .min-vw-lg-100 {
    min-width: 100vw !important; }

  .max-vh-lg-25 {
    max-height: 25vh !important; }

  .max-vh-lg-50 {
    max-height: 50vh !important; }

  .max-vh-lg-75 {
    max-height: 75vh !important; }

  .max-vh-lg-100 {
    max-height: 100vh !important; }

  .min-vh-lg-25 {
    min-height: 25vh !important; }

  .min-vh-lg-50 {
    min-height: 50vh !important; }

  .min-vh-lg-75 {
    min-height: 75vh !important; }

  .min-vh-lg-100 {
    min-height: 100vh !important; }

  .w-lg-25 {
    width: 25% !important; }

  .w-lg-50 {
    width: 50% !important; }

  .w-lg-75 {
    width: 75% !important; }

  .w-lg-100 {
    width: 100% !important; }

  .h-lg-25 {
    height: 25% !important; }

  .h-lg-50 {
    height: 50% !important; }

  .h-lg-75 {
    height: 75% !important; }

  .h-lg-100 {
    height: 100% !important; } }
@media (min-width: 1200px) {
  .max-w-xl-25 {
    max-width: 25% !important; }

  .max-w-xl-50 {
    max-width: 50% !important; }

  .max-w-xl-75 {
    max-width: 75% !important; }

  .max-w-xl-100 {
    max-width: 100% !important; }

  .max-h-xl-25 {
    max-height: 25% !important; }

  .max-h-xl-50 {
    max-height: 50% !important; }

  .max-h-xl-75 {
    max-height: 75% !important; }

  .max-h-xl-100 {
    max-height: 100% !important; }

  .min-w-xl-25 {
    min-width: 25% !important; }

  .min-w-xl-50 {
    min-width: 50% !important; }

  .min-w-xl-75 {
    min-width: 75% !important; }

  .min-w-xl-100 {
    min-width: 100% !important; }

  .min-h-xl-25 {
    min-height: 25% !important; }

  .min-h-xl-50 {
    min-height: 50% !important; }

  .min-h-xl-75 {
    min-height: 75% !important; }

  .min-h-xl-100 {
    min-height: 100% !important; }

  .vw-xl-25 {
    width: 25vw !important; }

  .vw-xl-50 {
    width: 50vw !important; }

  .vw-xl-75 {
    width: 75vw !important; }

  .vw-xl-100 {
    width: 100vw !important; }

  .vh-xl-25 {
    height: 25vh !important; }

  .vh-xl-50 {
    height: 50vh !important; }

  .vh-xl-75 {
    height: 75vh !important; }

  .vh-xl-100 {
    height: 100vh !important; }

  .max-vw-xl-25 {
    max-width: 25vw !important; }

  .max-vw-xl-50 {
    max-width: 50vw !important; }

  .max-vw-xl-75 {
    max-width: 75vw !important; }

  .max-vw-xl-100 {
    max-width: 100vw !important; }

  .min-vw-xl-25 {
    min-width: 25vw !important; }

  .min-vw-xl-50 {
    min-width: 50vw !important; }

  .min-vw-xl-75 {
    min-width: 75vw !important; }

  .min-vw-xl-100 {
    min-width: 100vw !important; }

  .max-vh-xl-25 {
    max-height: 25vh !important; }

  .max-vh-xl-50 {
    max-height: 50vh !important; }

  .max-vh-xl-75 {
    max-height: 75vh !important; }

  .max-vh-xl-100 {
    max-height: 100vh !important; }

  .min-vh-xl-25 {
    min-height: 25vh !important; }

  .min-vh-xl-50 {
    min-height: 50vh !important; }

  .min-vh-xl-75 {
    min-height: 75vh !important; }

  .min-vh-xl-100 {
    min-height: 100vh !important; }

  .w-xl-25 {
    width: 25% !important; }

  .w-xl-50 {
    width: 50% !important; }

  .w-xl-75 {
    width: 75% !important; }

  .w-xl-100 {
    width: 100% !important; }

  .h-xl-25 {
    height: 25% !important; }

  .h-xl-50 {
    height: 50% !important; }

  .h-xl-75 {
    height: 75% !important; }

  .h-xl-100 {
    height: 100% !important; } }
#main-sidebar .mdi {
  margin-right: 12px;
  font-size: 2rem;
  width: 1.28571429em;
  text-align: center;
  line-height: 1rem; }

.mdi__icons-table tbody span {
  font-size: 16px; }

.mdi- {
  width: 16px;
  height: 14px;
  display: inline-block; }

.mdi__icon {
  cursor: pointer; }

.mdi__icon:hover {
  background: lightgrey; }

.mdi__icon.selected {
  background: lightblue; }

.mdi-xs {
  font-size: 0.7em; }

.mdi-sm {
  font-size: 0.85em; }

.mdi-lg {
  font-size: 1.5em; }

.mdi-xl {
  font-size: 2em; }

.sidebar {
  grid-area: sidebar;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  z-index: 2;
  display: none;
  transition: all 1s;
  background: rgba(0, 0, 0, 0.3);
  border-right: 5px solid rgba(0, 0, 0, 0);
  overflow-y: auto; }
  main.sidebar-show .sidebar {
    display: block; }
  .sidebar .nav {
    text-transform: uppercase; }
    .sidebar .nav .nav-header {
      height: 50px;
      line-height: 50px;
      padding-left: 20px;
      background: #666;
      color: #fff; }
      .sidebar .nav .nav-header .nav-text {
        display: inline-block;
        font-size: .9rem;
        font-weight: 500;
        width: calc(100% - 2rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .sidebar .nav .nav-header .nav-text .mdi {
          display: inline-block;
          width: 25px;
          font-size: 1.2rem;
          vertical-align: middle;
          /*opacity: .5;*/
          color: #ff9800; }
      .sidebar .nav .nav-header:hover .nav-text {
        /*color:#e65100;*/
        text-decoration: underline; }
    .sidebar .nav .op {
      display: inline-block;
      float: right;
      width: 2rem;
      text-align: center;
      overflow: hidden; }
    .sidebar .nav .nav-sec {
      display: none; }
    .sidebar .nav .nav-sec.active {
      /*display:block;*/ }
    .sidebar .nav .nav-item {
      line-height: 42px;
      overflow: hidden;
      padding-left: 20px;
      background: #dedede;
      transition: all ease-in-out .075s;
      border-bottom: 1px solid #d4d4d4; }
      .sidebar .nav .nav-item a {
        font-size: 0.8rem;
        overflow: hidden;
        white-space: nowrap;
        color: #555;
        padding: 0; }
        .sidebar .nav .nav-item a .mdi {
          display: inline-block;
          width: 25px;
          vertical-align: middle;
          opacity: .5;
          color: #e65100; }
        .sidebar .nav .nav-item a > .mdi {
          font-size: 1.2rem; }
        .sidebar .nav .nav-item a .nav-text {
          display: inline-block;
          font-size: 0.75rem;
          font-weight: 500; }
      .sidebar .nav .nav-item.active {
        background: #ffb74d; }
        .sidebar .nav .nav-item.active a {
          color: #232323; }
          .sidebar .nav .nav-item.active a .mdi {
            opacity: 1; }
      .sidebar .nav .nav-item:hover {
        background: #ffb74d; }
        .sidebar .nav .nav-item:hover a {
          color: #232323; }
          .sidebar .nav .nav-item:hover a .mdi {
            opacity: 1; }
      .sidebar .nav .nav-item .nav-sub-menu {
        padding-left: 0; }
        .sidebar .nav .nav-item .nav-sub-menu:before {
          content: '';
          position: absolute;
          left: 10px;
          width: 1px;
          height: calc(100% - 16px);
          background: #999;
          z-index: 1; }
        .sidebar .nav .nav-item .nav-sub-menu .nav-item {
          padding-left: 25px;
          line-height: 30px;
          border-bottom: none; }
          .sidebar .nav .nav-item .nav-sub-menu .nav-item:before {
            content: '-';
            position: absolute;
            left: 6.5px;
            top: calc(50% - 2.5px);
            height: 9px;
            border: 1.5px solid #999;
            border-radius: 50%;
            text-indent: 7px;
            line-height: 5px;
            color: #999;
            font-size: 1rem;
            width: 9px;
            background: #fff;
            z-index: 2; }
          .sidebar .nav .nav-item .nav-sub-menu .nav-item a .nav-text {
            font-size: 0.65rem; }

.aside {
  grid-area: aside;
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  z-index: 2;
  display: none;
  transition: all 1s;
  background: #fff;
  border-left: 5px solid #e8e8e8;
  overflow-y: auto; }
  main.aside-show .aside {
    display: block; }
  .aside .header {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    cursor: pointer; }
    .aside .header h6 {
      margin: 0;
      width: calc(100% - 20px);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      line-height: 1em; }
      .aside .header h6 span {
        margin-right: 5px; }
      .aside .header h6 .subtitle {
        color: #aaa;
        font-size: 0.8em; }
    .aside .header .aside-close {
      line-height: 1em; }
  .aside .content {
    display: none; }
    .aside .content.active {
      display: block; }

.config-box {
  display: block;
  height: 21px;
  line-height: 21px;
  transition: all ease-in .05s;
  opacity: .75; }

.config-box:hover {
  background: #f5f5f5;
  opacity: 1; }

.config-box .custom-switch {
  margin-right: -9px; }

.config-box .custom-switch label {
  margin-top: 2px; }

.config-box small:first-child {
  font-size: 11.5px;
  color: #333; }

.config-key {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.config-value {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.reporter__menu-config-value:hover {
  text-decoration: underline; }

.aside-menu .nav-link {
  line-height: 3rem;
  height: 3rem; }

.aside-menu .nav-link .mdi {
  line-height: 1.5rem;
  font-size: 1.4rem; }

.aside-menu .tab-content {
  overflow: visible; }

.popover {
  width: auto;
  max-width: 80vw; }

.popover button.close {
  line-height: 1rem; }

.select2-container {
  z-index: auto;
  /*1061*/ }

[data-input-type] {
  cursor: pointer; }

.text-advise {
  font-size: 0.6rem;
  text-transform: uppercase;
  color: #ababab; }

.custom-switch .custom-control-label::before {
  top: 0; }

.custom-switch .custom-control-label::after {
  top: 2px; }

.aside-menu .customized {
  height: 100%;
  background: #FF980010; }

#companion {
  position: fixed;
  height: calc(100vh - 72px);
  width: 18vw;
  z-index: 1031;
  overflow-y: auto;
  right: 0;
  left: auto;
  top: 72px;
  bottom: 0;
  touch-action: manipulation;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
  #companion.short {
    right: calc(-18vw + 90px); }
  #companion.hidden {
    right: -18vw; }

.companion__labels {
  width: 72px;
  height: 100%;
  float: right; }

.companion__label {
  width: 72px;
  height: 72px;
  border: 1px solid #efefef;
  background: #eee;
  text-align: center;
  cursor: pointer;
  box-shadow: -8px 7px 6px 0px rgba(0, 0, 0, 0.1); }
  .companion__label.active {
    background: #fff;
    cursor: default; }
  .companion__label span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80%;
    text-overflow: clip;
    margin: 0 auto; }
  .companion__label .mdi {
    line-height: 24px;
    font-size: 24px;
    margin-top: 18px; }
    .companion__label .mdi:only-child {
      line-height: 72px;
      font-size: 24px;
      margin: 0 auto; }
  .companion__label span:nth-child(2) {
    line-height: 12px;
    font-size: 10px; }

.companion__contents {
  width: calc(100% - 90px);
  height: calc(100% - 31px);
  background: #fff;
  border-top: 1px solid #efefef;
  float: right;
  box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2); }

.companion__content {
  height: 100%;
  display: none !important; }
  .companion__content.active {
    display: flex !important; }
  .companion__content header {
    border-bottom: 1px solid #efefef;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 1.2rem);
    text-overflow: clip; }
  .companion__content-body {
    overflow-y: auto; }
  .companion__content footer {
    border-top: 1px solid #efefef; }

.companion__header {
  border-top: 1px solid #dfdfdf; }
  .companion__header span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    margin-left: 18px;
    font-size: 20px;
    cursor: pointer;
    margin-right: 8px; }
  .companion__header .companion__short {
    width: 72px;
    text-align: center;
    margin-left: 18px;
    margin-right: 0;
    background: #fff;
    box-shadow: -8px 0px 6px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-bottom: 1px solid #e5e5e5; }
  .companion__header .companion__btns {
    width: calc(100% - 90px);
    background: #fff; }

.companion__opened {
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-size: 12.00px 12.00px; }

@media (max-width: 1920px) {
  #companion {
    width: 33%; }
    #companion.short {
      right: calc(-33% + 90px); }
    #companion.hidden {
      right: -33%; } }
.companion__highlight {
  box-shadow: inset 0 0 5px #007bff; }

.maximized {
  position: fixed !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 6 !important;
  padding: 0 !important; }

.z-index-auto {
  z-index: auto !important; }

/*# sourceMappingURL=new-style.css.map */