/*#dee2e6*/
:root {
  --grid-gutter-width: 12px; }

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html, body {
  font-size: 13px;
  line-height: 1.3;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #393939;
  height: 100%;
  /*background: #eef5f9;*/ }

ul {
  list-style: none;
  /*padding-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;*/ }

a {
  color: #428bca;
  text-decoration: none; }

/*a:visited {
  color: #428bca; }*/

a:hover, a:focus {
  color: #1d60ff;
  text-decoration: underline; }

a:active {
  color: #428bca; }

.header-user-name a {
  color: #fff;
  text-decoration: underline; }

.header-user-name a:visited {
  color: #fff; }

.header-user-name a:hover, .header-user-name a:focus {
  color: #fff;
  text-decoration: none; }

    .header-user-name a:active {
        color: #fff;
    }

/* Necessary when using Bootstrap.*/
a.btn, a.badge, .navbar-brand, .sidebar-footer a {
  text-decoration: none; }

/*a.btn-default, a.btn-primary, a.btn-secondary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger, a.btn-dark,
a.badge-default, a.badge-primary, a.badge-secondary, a.badge-success, a.badge-info, a.badge-warning, a.badge-danger, a.badge-dark {
  color: var(--gray-lighter); }*/
/*a.btn-default:hover, a.btn-primary:hover, a.btn-secondary:hover, a.btn-success:hover, a.btn-info:hover, a.btn-warning:hover, a.btn-danger:hover, a.btn-dark:hover,
a.btn-default:focus, a.btn-primary:focus, a.btn-secondary:focus, a.btn-success:focus, a.btn-info:focus, a.btn-warning:focus, a.btn-danger:focus, a.btn-dark:focus,
a.badge-default:hover, a.badge-primary:hover, a.badge-secondary:hover, a.badge-success:hover, a.badge-info:hover, a.badge-warning:hover, a.badge-danger:hover, a.badge-dark:hover,
a.badge-default:focus, a.badge-primary:focus, a.badge-secondary:focus, a.badge-success:focus, a.badge-info:focus, a.badge-warning:focus, a.badge-danger:focus, a.badge-dark:focus {
  color: var(--white); }*/


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h5, h6 {
    color: #2679b5;
}

h1, h2, .display-4, .display-3, .display-2, .display-1 {
  padding: 4px;
  /*margin-left: -48px;*/ }

h1 {
  font-size: 1.5rem;
  padding-bottom: 0;
  margin-bottom: 0; }

h2 {
  font-size: 1.846rem;
  font-weight: lighter;
  color: #2679b5;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  /*padding: 0 0 10px 0;*/ }

h3 {
  font-size: 1.45rem;
  /*margin-left: -32px;*/ }

h4 {
  font-size: 1.25rem;
  color: #8089a0;
  /*margin-left: -20px;*/ }

h5 {
  font-size: 0.95rem;
  color: #8089a0;
  /*margin-left: -12px;*/ }

h6 {
  font-size: 0.90rem;
  color: #8089a0;
  /*margin-left: -8px;*/ }

.alert .display-1, .alert .display-2, .alert .display-3, .alert .display-4, .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6,
.card .display-1, .card .display-2, .card .display-3, .card .display-4, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
form .display-1, form .display-2, form .display-3, form .display-4, form h1, form h2, form h3, form h4, form h5, form h6,
.jumbotron .display-1, .jumbotron .display-2, .jumbotron .display-3, .jumbotron .display-4, .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron h6,
.popover .display-1, .popover .display-2, .popover .display-3, .popover .display-4, .popover h1, .popover h2, .popover h3, .popover h4, .popover h5, .popover h6,
.table .display-1, .table .display-2, .table .display-3, .table .display-4, .table h1, .table h2, .table h3, .table h4, .table h5, .table h6 {
  /*margin-left: -8px;*/ }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

#main {
  padding: 6px 12px 35px 12px;
  background-color: #fff;
  border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
/*  overflow-x: auto;
*//*  min-height: 700px; 
*/
}

footer, #footer {
  background-color: #fff;
  color: #999;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  margin: 0 0 30px 0;
  font-size: .9em;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px; }

.topbar .navbar-header {
  background: none; }

.page-footer {
  margin: 0;
  min-height: 54px;
  position: fixed; }

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
  border-bottom: 1px #B0B8C5 solid;
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: right; }

ul#menu li {
  display: inline;
  list-style: none; }

ul#menu li#greeting {
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  color: #fff; }

ul#menu li a {
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  background-color: #e8eef4;
  color: #428bca;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0; }

ul#menu li a:hover {
  background-color: #fff;
  text-decoration: none; }

ul#menu li a:active {
  background-color: #a6e2a6;
  text-decoration: none; }

ul#menu li.selected a {
  background-color: #fff;
  color: #000; }

.menu {
  border-bottom: 1px #B0B8C5 solid;
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: left; }

.menu li {
  display: inline;
  list-style: none;
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  background-color: #ccc;
  color: #428bca;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border: 2px solid #B0B8C5;
  border-bottom: 0px solid #fff; }

.menu li a {
  text-decoration: none; }

ul.menu li:hover {
  background-color: #fff;
  text-decoration: none; }

ul.menu li:active {
  background-color: #a6e2a6;
  text-decoration: none; }

ul.menu li.selected {
  background-color: #fff;
  color: #000; }

/* MISC  
----------------------------------------------------------*/
.clear {
  clear: both; }

#menucontainer {
  margin-top: 40px; }

div#title {
  display: block;
  float: left;
  text-align: left; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee; }

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000; }

.validation-summary-valid {
  display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.text-box.multi-line {
  height: 6.5em; }

.tri-state {
  width: 6em; }

.narrow-column {
  white-space: nowrap;
  width: .01%; }

.sidebartoggler, .companytoggler {
  background-color: #75B3D7;
  margin: 5px 0 4px 6px;
  border: 1px solid transparent;
  width: 40px;
  height: 35px;
  line-height: 0;
  padding: 0 0 1px;
  text-align: center;
  font-size: 29px;
  color: white !important;
  border-radius: 4px; }

.sidebartoggler:hover {
  background-color: #61a8d1;
  border-color: rgba(255, 255, 255, 0.1); }

.sidebartoggler:active {
  top: 1px; }

.sidebartoggler[data-toggle=collapse]:not(.collapsed) {
  background-color: #4d9dcc;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.35); }

/* ---------------------- */
.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center; }

.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/Knob/Knob info.png"); }

.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/Knob/Knob success.png"); }

.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/Knob/Knob attention.png"); }

.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/Knob/Knob Cancel.png"); }

select {
  border: 1px solid #ccc;
  padding: 2px;
  font-size: 1.0em;
  color: #444;
  /*height: calc(2.25rem + 2px);*/
  width: 100%; }

/* Additions **********/
.ht-tm-cat {
  margin-bottom: 48px; }

.ht-tm-cat-title {
  font-size: 40px;
  color: var(--brown);
  margin-left: -48px; }

/* Named Anchors */
a.ht-anchor {
  visibility: hidden;
  font-size: 1px;
  height: 1px; }

.ht-tm-codeblock {
  margin: 12px 0; }

.ht-tm-element {
  margin-top: 5px;
  margin-bottom: 5px; }

.topbar .top-navbar .navbar-header .navbar-brand .light-logo-icon {
  max-width: 200px; }

.topbar .top-navbar .navbar-header .navbar-brand .light-logo-text {
  max-width: 180px;
  max-height: 40px; }

.mini-sidebar .page-wrapper {
  margin-left: 0px;
  /*padding-top: 70px;*/ }

.left-sidebar {
  background: #f8f8f8;
  position: fixed; }

@media (min-width: 768px) {
  .page-wrapper {
    margin-left: 200px; }
  .footer {
    left: 200px;
    z-index: 9999; }
  .hidden-sm {
    display: inline !important; }
  .mini-sidebar .page-wrapper {
    margin-left: 200px; }
  .mini-sidebar .footer {
    left: 200px;
    z-index: 9999; } }

@media (max-width: 767px) {
  .page-wrapper {
    margin-left: 0px;
    padding-top: 45px; }
  .mini-sidebar .page-wrapper {
    margin-left: 0px; } }

.custom-control-label:before, [type="checkbox"].custom-control-input + label:before, [type="checkbox"].custom-control-input:checked + label:before {
  transform: rotate(0deg);
  top: 1px;
  left: 1px;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--white);
  border: 2px solid var(--gray-light);
  border-radius: 4px; }

.custom-control-label:after, [type="checkbox"].custom-control-input + label:after, [type="checkbox"].custom-control-input:checked + label:after {
  transform: scale(1); }

.custom-control-input:hover ~ .custom-control-label:before, [type="checkbox"].custom-control-input:hover + label:before, [type="checkbox"].custom-control-input:checked:hover + label:before,
.custom-control-input:focus ~ .custom-control-label:before, [type="checkbox"].custom-control-input:focus + label:before, [type="checkbox"].custom-control-input:checked:focus + label:before {
  border-color: var(--gray-darker); }

.header-user-name {
  color: var(--white); }

.table .thead-dark th a {
  color: #fff; }

table.plainsmall tr:hover {
  background-color: #d8dee4; }

table.plainsmall {
  padding: 0px;
  margin: 0px;
  border: solid 0px #FBFCFD;
  border-collapse: collapse;
  font-size: 7px;
  width: 98%; }

table td.plainsmall {
  padding: 0px;
  margin: 0px;
  border: solid 1px #FBFCFD;
  border-collapse: collapse; }

.page-item a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-item a:hover {
    z-index: 2;
    color: #2a6496;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-item a:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(66, 139, 202, 0.25); }
  .page-item a:not(:disabled):not(.disabled) {
    cursor: pointer; }

.page-item:first-child a {
  margin-left: 0; }

.page-item.active a {
  z-index: 1;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca; }

.page-item.disabled a {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

:root {
    --jumbotron-padding-y: 5rem;
}


.jumbotron {
    padding-top: var(--jumbotron-padding-y);
    padding-bottom: var(--jumbotron-padding-y);
    margin-bottom: 0;
    background-color: #eef5f9;
}

@media (min-width: 768px) {
    .jumbotron {
        padding-top: calc(var(--jumbotron-padding-y) * 1);
        padding-bottom: calc(var(--jumbotron-padding-y) * 2);
    }
}

.jumbotron p:last-child {
    margin-bottom: 0;
}

.jumbotron-heading {
    font-weight: 300;
}

.jumbotron .container {
    max-width: 40rem;
}

footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    footer p {
        margin-bottom: .25rem;
    }

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
.required::after {
    content: "*";
    font-weight: bold;
    color: red;
}

.table .thead-light th.sort_descending {
    background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);
}

    .table .thead-light th.sort_descending div :after {
        content: "\f0dd";
        top: -6px;
        color: #307ecc;
        float: right;
        font-family: FontAwesome;
        font-size: 13px;
        font-weight: 400;
    }




.table .thead-light th.sort_ascending {
    background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);
}

    .table .thead-light th.sort_ascending div :after {
        content: "\f0de";
        top: -6px;
        color: #307ecc;
        float: right;
        font-family: FontAwesome;
        font-size: 13px;
        font-weight: 400;
    }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #428bca;
}