/* UTILITY */

.atc-w-fc {
  width: fit-content !important;
  width: -moz-fit-content !important;
}

.atc-mw-fc {
  max-width: fit-content !important;
  max-width: -moz-fit-content !important;
}

/* GENERAL */

/* z-index fix for jQuery dialog */
.ui-dialog {
  z-index: 1065 !important;
}

#page-wrapper {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  /* margin-right: 1rem !important; */
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  overflow: none;
}

#loading-overlay {
  z-index: 1070;
  /* > Bootstrap Modals @ 1060 */
}

/* GENERAL END */

/* MODAL */
/* Hack to repair bootstrap modal */
#generalModal {
  z-index: 1050;
}

/* Hack to fix select2 issues with bootstrap modals */
.select2-dropdown {
  z-index: 1100 !important;
}

/* MODAL END */

/* NAVIGATION */
.nav-link {
  transition: background-color 0.15s;
  margin-right: 0.2rem;
}

.nav-link.active {
  text-shadow: 0.5px 0px 0px white, -0.5px 0px 0px white;
}

.nav-pills {
  margin-top: 0.5rem;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
}

/* NAVIGATION END */

/* PRINTING */
@media print {

  .no-print,
  .no-print * {
    display: none !important;
  }
}

/* END PRINTING */

/* TABLES */
/* Prevents the hover effect from applying to table links */
td .nav-link:not(.active):hover {
  background: none !important;
}

/* TABLES END */

/* SCREENSETUP */
/* HEADER */
.atc-header {
  display: flex;
  justify-content: space-between;
  color: #bbbbbb;
  background: rgb(248, 248, 248);
  height: 4.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.atc-header>div {
  padding-bottom: 0.5rem;
}

.atc-header__logo {
  padding-left: 1rem;
}

.atc-header__title {
  text-align: center;
  color: black;
}

.atc-header__profile {
  padding-right: 2rem;
}

/* HEADER END */

/* SIDEBAR */

.atc-sidebar {
  min-width: 15rem;
  max-width: 15rem;
  background: rgb(248, 248, 248);
  margin-top: 4.2rem;
  /* Height of navbar */
}

.atc-sidebar a {
  cursor: pointer;
  background: none;
  transition: background-color 0.15s;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin-left: -0.75rem;
}

.atc-sidebar a:hover {
  background-color: rgb(220, 220, 220);
  text-decoration: none;
}

@media screen and (max-width: 700px) {
  .atc-sidebar {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    font-size: 1rem;
  }

  .atc-sidebar a {
    display: inline-block;
    margin-right: 0.5rem;
  }
}

/* SIDEBAR END */

/* MAIN */

.atc-wrapper {
  display: flex;
  height: 100%;
  min-height: 100vh;
  margin-top: 4.2rem;
  /* Height of navbar */
  margin-left: 15rem;
  /* Width of sidebar */
}

.atc-content {
  flex: 1 0 auto;
  /* enable grow, disable shrink */
  width: 100%;
}

@media screen and (max-width: 700px) {
  .atc-wrapper {
    flex-direction: column;
    margin-top: 0;
    margin-left: 0;
  }
}

/* MAIN END */

/* MISC (I haven't categorized this legacy CSS) */
.modal-lg {
  max-width: fit-content;
  min-width: 800px
}

.tablesorter .filtered {
  display: none;
}

.tablesorter-filter {
  width: 95%;
  height: inherit;
  margin: 4px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}

.tablesorter .tablesorter-header {
  background-color: #337ab7;
  font-weight: bold;
  padding: 0.3em 18px 0.1em 4px;
  background-image: url(data:image/gif;base64,R0lGODlhBwAJAIAAACMtMP///yH5BAEAAAEALAAAAAAHAAkAAAINjGEJq8sOk4Qu0IZmKgA7);
  color: white;
  cursor: pointer;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center right;
}

.tablesorter .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAACMtMP///yH5BAEAAAEALAAAAAAHAAQAAAIHjGEJq8sOCwA7);
  background-color: #63a0d4;
}

.tablesorter .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAACMtMP///yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==);
  background-color: #63a0d4;
}

/* Fixes Weird Arrows*/
.tablesorter-headerDesc:before {
  display: none !important;
}

.tablesorter-headerAsc:before {
  display: none !important;
}

.select2-dropdown--below {
  top: -34px;
}

.select2-dropdown--above {
  top: +32px;
  display: flex;
  flex-direction: column-reverse;
}

input[type="search"] {
  -webkit-appearance: searchfield;
  appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

#brandImage {
  height: 50px;
}

label {
  display: inline-block;
  width: 100%;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 25%;
  background-color: #f1f1f1;
  height: 100%;
  /* Full height */
  position: fixed;
  /* Make it stick, even on scroll */
  overflow: auto;
  /* Enable scrolling if the sidenav has too much content */
}

.dropbtn {
  background-color: #519fd9;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.glyphicon {
  cursor: pointer;
}

#page-wrapper {
  border-left: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding-left: 1rem;
}

/* MISC END */
/* SCREENSETUP END*/

/* BOOTSTRAP OVERRIDES */

a[onclick]:not([class]) {
  cursor: pointer;
  color: #1a0dab;
}

a[onclick]:not([class]):hover {
  text-decoration: underline;
}

/* reversion to bootstrap 3 button colors */

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #337ab7;
}

.in_batch {
  color: rgb(212, 89, 200);
}

.interim {
  color: rgb(72, 200, 50);
}

.pending {
  color: rgb(255, 0, 0);
}

.resulted {
  color: rgb(128, 128, 0);
}

.setup {
  color: rgb(0, 0, 255);
}

/* BOOTSTRAP OVERRIDED END */

/* ADA COMPLIANCE BACKWARD COMPATABILITY */

.tagMandatory {
  color: rgb(255, 0, 0);
}