html,
body {
   margin: 0;
   height: 100%;
}

#tab_container {
   margin: 0px !important;
   padding: 0px !important;
}

#menu_dropdown {
   position: fixed;
   right: 0px;
   top: 0px;
   margin: 0px;
   margin-top: 2px;
}

#menu_btn {
   margin: 0px !important;
   padding: 0px !important;
   padding-top: 0px !important;
   padding-left: 5px !important;
   padding-right: 5px !important;
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
}

#tabs .ui-tabs-nav .ui-icon {
   display: inline-block;
}

#tabs {
   font-size: .9em !important;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

.nav-tabs {
   border: 0px;
   border-bottom: 2px solid white;
   overflow: hidden;
   background-color: #F5F5F5;
}

.nav-item,
.nav-item:visited {
   background: #fefefe !important;
   background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%) !important;
   background: -webkit-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%) !important;
   background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%) !important;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0) !important;
   border-style: solid !important;
   border-width: 1px !important;
   border-top-left-radius: 5px !important;
   border-top-right-radius: 5px !important;
   margin-left: 2px !important;
   margin-top: 2px !important;
   color: black !important;
}

   .nav-item.active {
      background: #e2e2e2 !important;
      background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 24%) !important;
      background: -webkit-linear-gradient(top, #e2e2e2 0%, #fefefe 24%) !important;
      background: linear-gradient(to bottom, #e2e2e2 0%, #fefefe 24%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0) !important;
      border-style: solid !important;
      border-width: 1px !important;
      border-top-left-radius: 5px !important;
      border-top-right-radius: 5px !important;
      margin-left: 2px !important;
      margin-top: 2px !important;
      color: black !important;
      border-bottom: 1px solid white !important;
   }

   .nav-item.show .nav-link {
      background-color: transparent !important;
   }

   .nav-item:hover {
      background: white !important;
      color: #000000 !important;
      text-decoration: none !important;
      border-color: black !important;
      border-bottom: 1px solid white !important;
   }

.nav-link {
   padding: 2px !important;
   color: black !important;
   background-color: transparent !important;
   white-space: nowrap !important;
}

#canvas_container {
   border: 0px;
   margin: 0px;
   padding: 0px;
}

#resume_auto_tab {
   z-index: 900;
   position: relative;
   display: none;
   color: #FFFFFF;
   background: rgba(131, 131, 131, 0.7);
   border: .1em solid #000000;
   padding: .5em .25em .25em .25em;
   font-size: 1em;
   cursor: pointer;
}

iframe {
   position: relative;
   width: 100%;
   height: calc(100% - 38px);
   border: 0px;
}

/*@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;
}

.fa-clock-o, .fa-clock-o:hover {
   background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="far" data-icon="clock" class="svg-inline--fa fa-clock fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"></path></svg>') !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
}

.fa-calendar, .fa-calendar:hover {
   background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="far" data-icon="calendar-alt" class="svg-inline--fa fa-calendar-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>') !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
}

.fa-arrow-down, .fa-arrow-down:hover {
   background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="arrow-down" class="svg-inline--fa fa-arrow-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"></path></svg>') !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
}

.fa-arrow-up, .fa-arrow-up:hover {
   background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="arrow-up" class="svg-inline--fa fa-arrow-up fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"></path></svg>') !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
}