/*
 * (c) Copyright 2025 AKIPS Holdings Pty Ltd, Australia.
 */

/*
 * TODO:
 *  - change heading classes/sizes h3-h5 to h1-h3
 *  - standardise class names (dashes or underscores?)
 *  - performance speedups
 */


/*
 * Printing
 */
@media print
{
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }

  .control_panel {
     display: none;
  }

  .result {
     overflow: visible !important;
  }

  table > tbody > tr > td > a
  {
     color: rgba(0, 0, 0, 1) !important; /* #000000 */
  }

  table > tbody > tr > th > a
  {
   color: rgba(0, 0, 0, 1) !important; /* #000000 */
  }

  .rect
  {
     fill: rgba(255, 255, 255, 1) !important; /* #ffffff */
  }

  .graph_fill
  {
     stroke-opacity: 0.3;
     fill-opacity:   0.3;
  }

  table.report-table th,
  table.report-table td
  {
     border-color: rgba(208, 208, 208, 1); /* #d0d0d0 */
  }

  .table-caption
  {
     color: rgba(33, 37, 41, 1); /* #212529 */
  }

  .graph_s4  { stroke: rgba(255, 0, 0, 1); }  .graph_f4  { fill: rgba(255, 0, 0, 1); } /* red  #ff0000 */

  .btn-default
  {
     border-color: rgba(204, 204, 204, 1) !important;
  }
}


/*
 * Fonts
 */

@font-face
{
   font-family:         'Droid Sans';
   font-style:          normal;
   font-weight:         400;
   src:                 url("/fonts/DroidSans-Regular.woff") format("woff");
}

@font-face
{
   font-family:         'Droid Sans';
   font-style:          normal;
   font-weight:         700;
   src:                 url("/fonts/DroidSans-Bold.woff") format("woff");
}

@font-face
{
   font-family:         'Inconsolata';
   font-style:          normal;
   font-weight:         400;
   src:                 url("/fonts/Inconsolata.woff") format("woff");
}

@font-face
{
   font-family:    'Material Symbols Outlined';
   font-style:     normal;
   src:            url("/fonts/MaterialSymbolsOutlined.ttf") format('truetype');
}

.material-symbols-outlined
{
   font-family:             'Material Symbols Outlined';
   font-size:               18px;  /* Preferred icon size */
   display:                 inline-block;
   line-height:             1;
   text-transform:          none;
   letter-spacing:          normal;
   word-wrap:               normal;
   white-space:             nowrap;
   direction:               ltr;
   vertical-align:          bottom; /* Alignment fix */
   font-variation-settings: 'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 20;
}

.symbol
{
   fill:var(--black-4);
}

.material-symbols-font-var
{
   font-variation-settings: 'FILL' 1,'wght' 1000,'GRAD' 0,'opsz' 20;
}


/*
 * Typography
 */

body
{
   font-family:         'Droid Sans', sans-serif;
   font-weight:         normal;
   font-style:          normal;
   font-size:           14px;
   line-height:         1.4;
}

code,
pre,
.CodeMirror,
.pre
{
   font-family:         'Inconsolata', monospace;
   font-size:           15px;
   white-space:         nowrap;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
caption
{
   font-family:         'Droid Sans', sans-serif;
   font-weight:         400;
}

label
{
   white-space:         nowrap;
}

pre,
.pre
{
   overflow:            auto;
   white-space:         pre;
   word-wrap:           normal;
}

blockquote
{
   font-size:           inherit;
}

a,
a:hover,
a:focus
{
   text-decoration:     none;
}

.div_resize
{
   overflow:            auto;
}

.scrollbar
{
   padding-right:       20px !important;
}

.navbar-brand
{
   font-weight:         700;
}

.result_text
{
   overflow:            visible;
   white-space:         pre;
   word-wrap:           normal;
   border:              0px;
}

.mono
{
   font-family:         'Inconsolata', monospace;
}


/*
 * Colours
 */

a
{
   color:               rgba(51, 122, 183, 1); /* #337ab7 */
}

.akips-red
{
   color:               rgba(237, 28, 36, 1); /* #ed1c24 */
}

.akips-red-bg
{
   background-color:    rgba(237, 28, 36, 1); /* #ed1c24 */
}


.code
{
   color:               rgba(199, 37, 78, 1); /* #c7254e */
   background-color:    rgba(249, 242, 244, 1); /* #f9f2f4 */
}

.form-control
{
   background-color: var(--grey-11) !important;
   border-color:     var(--grey-4) !important;
   color:            var(--grey-12) !important;
}

.result_text
{
   background-color: white;
}

body
{
   background-color: var(--white-1);
   color:            var(--black-2);
}

.navbar-text
{
   color: var(--grey-2);
}

.navbar-nav .nav-link
{
   color: var(--grey-2);
}

.navbar-nav .nav-link:hover
{
   color: var(--grey-20);
}

.dropdown-menu
{
   background-color: var(--white-2);
   color:            var(--black-2);
}

.dropdown-header
{
   color: var(--grey-3);
}

.dropdown-item
{
   background-color: var(--grey-11);
   color:            var(--grey-12);
}

.dropdown-item:hover
{
   color:            var(--grey-12);
   background-color: var(--white-15);
}

.dropdown-item:focus
{
   color:            var(--grey-12);
   background-color: var(--white-15);
}

.dropdown-menu:focus
{
   color:            var(--grey-12);
   background-color: var(--dropdown-menu-background-color);
}

.dropdown-item:active
{
   color:            var(--grey-12) !important;
   background-color: var(--white-15) !important;
}

.dropdown-menu:focus
{
   color:            var(--grey-13);
   background-color: var(--dropdown-menu-background-color);
}

table.report-table td a.btn
{
   border-color:     var(--grey-14);
   background-color: var(--grey-15);
   color:            var(--white-17);
}

table.report-table td a.btn:hover
{
   border-color:     var(--grey-14);
   background-color: var(--grey-15);
   color:            var(--white-17);
}

select option:checked
{
   background-color: var(--row-select-color);
   color: var(--black-2);
}

table
{
   color:            var(--black-2);
}

table.report-table > tbody > tr > th > a:hover
{
   color:            var(--blue-3);
}


.opacity-custom
{
   opacity: var(--opacity2);
}

.list-group-item
{
   color:            var(--grey-12);
   background-color: var(--grey-11);
}

.toggle-off.btn-sm
{
   background-color: var(--grey-17);
}

.modal-content
{
   background-color: var(--white-3);
}

.input-group-text
{
   color:            var(--grey-5);
   background-color: var(--grey-11);
   border:           1px solid var(--grey-6);
}

.datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover
{
  background: var(--white-18);
}

.datepicker table tr td.old,
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover
{
  color: var(--grey-21);
}

/*
 * Tables
 */

/* Striped rows */
table.report-table > tbody > tr:nth-child(even)
{
   background-color: var(--white-6);
}

.table-striped > tbody > tr:nth-child(odd) > *
{
   color: var(--black-2);
}


/*
 * Margins, padding, size
 */

body
{
   padding-top:         10px;
   padding-bottom:      10px;
}

@media screen
{
   body.with-navbar
   {
      padding-top:         45px;
   }

   body.with-no-navbar
   {
      padding-top:         0px;
   }
}

body.result_status_hdr
{
   padding-top:         40px;
}

.indent
{
   margin-left:         20px !important;
}

h2
{
   margin-top:          6px !important;
   margin-bottom:       6px !important;
}

h3
{
   font-size:           22px;
   line-height:         20px;
   margin-top:          6px !important;
   margin-bottom:       6px !important;
}

h4,
legend
{
   font-size:           16px;
   margin-top:          8px;
   margin-bottom:       5px;
}

hr
{
   margin-top:          10px;
   margin-bottom:       10px;
   margin-left:         0;
   margin-right:        0;
   border-top:          1px solid rgba(238, 238, 238, 1); /* #eee */
   opacity:             1.0;
}

.code
{
   padding-top:         2px;
   padding-bottom:      2px;
   padding-left:        4px;
   padding-right:       4px;
   white-space:         pre;
   border-radius:       4px;
   font-family:         'Inconsolata', monospace;
   font-size:           15px;
   display:             block;
}

.form-control
{
   padding:             4px !important;
}


/*
 * Layout
 */

div[class*="col-md-"],
label[class*="col-md-"]
{
   padding-right:       6px;
   padding-left:        6px;
}

.block-left
{
   display:             table;
   margin-left:         0    !important;
   margin-right:        auto !important;
   float:               none !important;
}

.block-center
{
   display:             table;
   margin-left:         auto !important;
   margin-right:        auto !important;
   float:               none !important;
}

.block-right
{
   display:             table;
   margin-left:         auto !important;
   margin-right:        0    !important;
   float:               none !important;
}

.CodeMirror
{
   height:              auto;
}

.control_panel
{
   float:               left;
   padding:             5px 10px;
   overflow-x:          hidden;
   overflow-y:          auto;
}

.list-group
{
   margin-bottom:       0;
}

.list-group-item
{
   padding-top:         5px;
   padding-bottom:      5px;
   padding-left:        10px;
   padding-right:       10px;
}

.list-group-item-heading
{
   margin-top:          10px;
   margin-bottom:       5px;
}

.navbar
{
   padding-top:         0rem !important;
   padding-bottom:      0rem !important;
   background-color:    var(--white-4) !important;
   border-bottom:       1px solid var(--white-5) !important;
}

.navbar-brand
{
   padding-top:         0px !important;
   padding-bottom:      0px !important;
   font-size:           0px !important;
   margin:              10px !important;
   margin-left:         3px !important;
}

.navbar-nav
{
   margin-top:          0px !important;
   margin-bottom:       0px !important;
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow
{
   display:             none !important;
   width:               0;
   height:              0;
   margin-left:         .255em;
   vertical-align:      .255em;
   border-top:          0px !important;
   border-right:        0px !important;
   border-left:         0px !important;
}

.navbar-nav.sm-collapsible .sub-arrow
{
   display:             none !important;
}

.navbar-nav.sm-collapsible .sub-arrow::before
{
   display:             none !important;
}

.navbar-nav.sm-collapsible .show > a > .sub-arrow::before
{
   display:             none !important;
}



.nav-item-text
{
   height:              34px;
   line-height:         20px;
}

.nav-item-button
{
   margin-top:          3px;
   margin-right:        3.75px;
}

.nav-item-main:hover, .delayed-highlight
{
   color:               var(--black-4) !important;
   background-color:    var(--grey-7) !important;
   border-color:        rgba(173, 173, 173, 1) !important;
}

.navbar-expand-md .navbar-nav .nav-link
{
   height:              inherit;
   line-height:         1.5rem;
   padding-left:        10px;
   padding-right:       10px;
}

.navbar-text
{
   padding-top:         0px;
   padding-bottom:      0px;
   margin:              auto;
}

.navbar-toggler
{
   padding:             0px;
   height:              34px;
   width:               44px;
   margin-right:        3px;
   font-size:           1.0rem;
   margin-top:          3px;
}

.navbar-toggler-icon
{
   width:               27px;
}

.btn-primary
{
   color:               rgba(255, 255, 255, 1) !important; /* #fff */
   background-color:    rgba(51, 122, 183, 1) !important; /* #337ab7 */
   border-color:        var(--blue-4) !important;
}

.btn-primary:hover
{
   color:               rgba(255, 255, 255, 1) !important; /* #fff */
   background-color:    rgba(40, 96, 144, 1) !important; /* #286090 */
   border-color:        rgba(32, 77, 116, 1) !important; /* #204d74 */
}

.btn
{
   font-size:           14px !important;
   padding:             6px 12px;
   margin-bottom:       0;
   font-weight:         400;
   line-height:         1.4;
   white-space:         nowrap;
}

.btn-default:hover
{
   color:               rgba(51, 51, 51, 1) !important; /* #333 */
   background-color:    rgba(230, 230, 230, 1) !important; /* #e6e6e6 */
   border-color:        rgba(173, 173, 173, 1) !important; /* #adadad */
}

.btn-default:hover.navbar-btn
{
   color:               var(--grey-2) !important; /* #333 */
   background-color:    var(--white-18) !important; /* #e6e6e6 */
}

.btn-default
{
   color:            var(--grey-2) !important;
   background-color: var(--grey-11) !important;
   border-color:     var(--grey-7) !important;
}

.btn.focus, .btn:focus, .btn:hover
{
   text-decoration:     none !important;
}

.btn-block
{
   display:             block !important;
   width:               100% !important;
}

.btn
{
   box-shadow:                 none !important;
   outline:                    0px !important;
   transition-duration:        0s !important;
   transition-timing-function: ease !important;
   transition-delay:           0s !important;
}

.btn-info
{
   color:               rgba(255, 255, 255, 1) !important; /* #fff */
   background-color:    rgba(91, 192, 222, 1) !important; /* #5bc0de */
   border-color:        rgba(70, 184, 218, 1) !important; /* #46b8da */
}

.btn-info:hover
{
   color:               rgba(255, 255, 255, 1) !important; /* #fff */
   background-color:    rgba(49, 176, 213, 1) !important; /* #31b0d5 */
   border-color:        rgba(38, 154, 188, 1) !important; /* #269abc */
}

.dropdown-menu
{
   border-top-left-radius:    0;
   border-top-right-radius:   0;
}

.dropdown-menu-level-2
{
   border-radius:   .25rem;
}

.dropdown-menu > li > a
{
   font-size:           14px !important;
   padding-top:         1px !important;
   padding-bottom:      1px !important;
   padding-left:        20px !important;
   padding-right:       20px !important;
}

.dropdown-header
{
   padding:             3px !important;
   padding-left:        10px !important;
   padding-right:       5px !important;
   font-size:           14px !important;
}

.dropdown-item
{
   font-size:           14px !important;
   padding-top:         1px !important;
   padding-bottom:      1px !important;
   padding-left:        20px !important;
   padding-right:       20px !important;
}

.dropdown-toggle::after
{
   vertical-align:      1.5px;
}

table.report-table > tbody > tr > td > a
{
   color: var(--blue-1);
}

table.report-table > tbody > tr > th > a
{
   color: var(--blue-4);
}

.table > :not(:first-child)
{
   border-top:          2px solid var(--grey-18);
}

table > tbody > tr > td > a
{
   color:               rgba(51, 122, 183, 1); /* #337ab7 */
}

.form-select
{
   padding:                 4px !important;
   font-size:               14px !important;
   background-size:         12px 8px;
   background-position:     right 0.35rem center;
   background-position-x:   right 0.35rem;
   background-position-y:   center;
   background-image:        var(--background-image);
}

.form-switch .form-check-input
{
   width:               40px !important;
   height:              20px !important;
   margin-top:          0px !important;
   margin-left:         0px !important;
   border-radius:       2em !important;
}

.form-switch
{
   padding-left:        0px !important;
}

.form-control:disabled,
.form-control[readonly]
{
   background-color:    rgba(238, 238, 238, 1); /* #eee */
   opacity:             .75;
}

.form-control::placeholder
{
   color:               var(--grey-16);
   opacity:             var(--opacity1) !important;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover
{
   color:               rgba(255, 255, 255, 1) !important; /* #fff */
   background-color:    rgba(51, 122, 183, 1) !important; /* #337ab7 */
   border-color:        rgba(51, 122, 183, 1) !important; /* #337ab7 */
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover
{
   color:               rgba(85, 85, 85, 1) !important; /* #555 */
   text-decoration:     none !important;
   background-color:    rgba(245, 245, 245, 1) !important; /* #f5f5f5 */
}

.control-label
{
   margin-block:        5px !important;
}

.alert-success
{
   color:               rgba(60, 118, 61, 1) !important; /* #3c763d */
   background-color:    rgba(223, 240, 216, 1) !important; /* #dff0d8 */
   border-color:        rgba(214, 233, 198, 1) !important; /* #d6e9c6 */
}

.alert-info
{
   color:               rgba(49, 112, 143, 1) !important; /* #31708f */
   background-color:    rgba(217, 237, 247, 1) !important; /* #d9edf7 */
   border-color:        rgba(188, 232, 241, 1) !important; /* #bce8f1 */
}

.alert > p + p
{
   margin-top:          5px !important;
}

.alert > p, .alert > ul
{
   margin-bottom:       0 !important;
}


p
{
   margin:              0 0 10px !important;
}

.label-custom
{
   max-width:           100% !important;
   margin-bottom:       5px !important;
   font-weight:         700 !important;
}

.text-dark
{
   color:   var(--grey-9) !important;
   opacity: var(--opacity3);
}

code
{
   color:              var(--red-1);
   padding:             0px 4px !important;
   background-color:    rgba(249, 242, 244, 1) !important; /* #f9f2f4 */
   border-radius:       4px !important;
}

.badge
{
   font-size:           14px !important;
   text-align:          center !important;
   white-space:         nowrap !important;
   font-weight:         normal !important;
   padding-top:         4px !important;
   padding-bottom:      4px !important;
   line-height:         17px !important;
   color:               rgba(255, 255, 255, 1); /* #fff */
}

.badge-navbar-custom
{
   margin-left:         5px !important;
   margin-right:        5px !important;
   font-weight:         700 !important;
}

.bg-warning
{
   background-color:    rgba(240, 173, 78, 1) !important; /* #f0ad4e */
}

.pull-right
{
   float:               right !important;
}

.row-control-panel
{
   --bs-gutter-x:       10px !important;
}

pre
{
   padding:             9.5px !important;
   background-color:    var(--white-16) !important;
   border:              1px solid rgba(204, 204, 204, 1) !important; /* #ccc */
   border-radius:       4px !important;
}

.CodeMirror pre
{
   padding:          0 4px !important;
   background-color: transparent !important;
   border-width:     0 !important;
   border-radius:    0 !important;
}

.dynamic-scrollbar
{
   overflow:            hidden;
}

.dynamic-scrollbar:hover,
.dynamic-scrollbar:focus
{
   overflow:            auto;
}

.btn-success
{
   color:               rgba(255, 255, 255, 1) !important; /* #fff */
   background-color:    rgba(92, 184, 92, 1) !important; /* #5cb85c */
   border-color:        rgba(76, 174, 76, 1) !important; /* #4cae4c */
}

.btn-custom
{
   border-top-left-radius:      0;
   border-bottom-left-radius:   0;
   line-height:                 0.8rem;
   background-color: var(--grey-11) !important;
   border-color:     var(--grey-4);
}

.btn-custom:hover
{
   background-color: var(--grey-1) !important;
}

fieldset
{
   padding:   0px 6px;
}

.nav-link
{
   transition: color 0s ease-in-out, background-color 0s ease-in-out, border-color 0s ease-in-out;
}

.dropdown-item.has-submenu
{
   color:            var(--grey-12) !important;
}

.dropdown-item.has-submenu:hover
{
   background-color: var(--white-15) !important;
}

.dropdown-item.has-submenu.highlighted
{
   background-color: var(--grey-19) !important;
}


/*
 * Bootstrap Toggle v2.2.2 corrections for Bootstrap 4 or higher
 */

.toggle
{
   width:               48px !important;
   height:              29px !important;
}

.toggle-on
{
   padding-left:        9px !important;
   padding-top:         5px !important;
   font-size:           12px !important;
   font-weight:         normal !important;
}

.toggle-off
{
   box-shadow:          inset 0 3px 5px rgba(0, 0, 0, .125) !important;
   border-color:        rgba(0, 0, 0, .25) !important;
   background-color:    rgba(85, 85, 85, 0.2) !important; /* #5552 */
   padding-left:        19px !important;
   padding-top:         5px !important;
   font-size:           12px !important;
   font-weight:         normal !important;
}

.toggle-handle
{
   background-color:    white !important;
   border:              thin rgba(0, 0, 0, .25) solid !important;
   height:              30px !important;
   margin-top:          -1px !important;
   padding-left:        10px !important;
   padding-right:       10px !important;
}


.bootbox-close-button
{
   position:     absolute;
   right:        15px;
   margin-top:   -1px !important;
   border-style: none;
   background:   transparent;
   scale:        2;
   opacity:     .5;
}

.bootbox-close-button:hover
{
   opacity: .75;
}

.result
{
   overflow:            auto;
   padding:             5px 10px;
}

.result-status
{
   position:            fixed;
   right:               0;
   left:                0;
}


.text-big     { font-size:  150%; }
.text-medium  { font-size:  125%; }

.text-left    { text-align: left   !important; }
.text-center  { text-align: center !important; }
.text-right   { text-align: right  !important; }
.text-bottom  { text-align: bottom !important; }
.text-middle  { text-align: middle !important; }
.text-top     { text-align: top    !important; }
.block-bottom { vertical-align: bottom; }
.block-middle { vertical-align: middle; }
.block-top    { vertical-align: top;    }


.pad-1  { padding:     1px 0px  1px 0px; }
.pad-2  { padding:     2px 0px  2px 0px; }
.pad-5  { padding:     5px 0px  5px 0px; }
.pad-10 { padding:    10px 0px 10px 0px; }
.pad-20 { padding:    20px 0px 20px 0px; }
.pad-30 { padding:    30px 0px 30px 0px; }
.pad-40 { padding:    40px 0px 40px 0px; }
.pad-50 { padding:    50px 0px 50px 0px; }

.margin-5  { margin:   5px 0px  5px 0px; }
.margin-10 { margin:  10px 0px 10px 0px; }
.margin-20 { margin:  20px 0px 20px 0px; }
.margin-30 { margin:  30px 0px 30px 0px; }
.margin-40 { margin:  40px 0px 40px 0px; }
.margin-50 { margin:  50px 0px 50px 0px; }

.margin-top-5  { margin-top:  5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }

.spacer        { margin-top: 10px; }

.margin-left-20 { margin-left: 20px; }


/*
 * Tables
 */

.table
{
   width:               auto;
   color:               var(--black-2);
}

/* Workaround for wkhtmltopdf rendering bug */
thead {
   display:             table-row-group;
}

.table-caption
{
   font-size:           16px;
   white-space:         nowrap;
   color:               var(--black-2);
   text-align:          center;
   padding-top:         1px;
   padding-bottom:      2px;
}

table.report-table
{
   border-width:        1px;
   border-style:        solid;
   border-color:        var(--grey-10);
   border-collapse:     collapse;
   border-spacing:      0;
}

table.report-table th,
table.report-table td
{
   padding:             3px;
   border-width:        1px;
   border-style:        solid;
   border-color:        var(--grey-10);
   white-space:         nowrap;
}

table.report-table-linewrap
{
   border-width:        1px;
   border-style:        solid;
   border-color:        rgba(208, 208, 208, 1); /* #d0d0d0 */
   border-collapse:     collapse;
   border-spacing:      0;
}

table.report-table-linewrap th,
table.report-table-linewrap td
{
   padding:             0px 3px;
   border-width:        1px;
   border-style:        solid;
   border-color:        rgba(208, 208, 208, 1); /* #d0d0d0 */
   white-space:         pre;
}

thead.report-table th
{
   color:               var(--grey-8);
   text-align:          center;
}

thead.report-table th a
{
   color:               inherit;
   display:             block;
}

tbody.report-table th,
tbody.report-table td
{
   text-align:          left;
   background-color:    inherit;
}

table.report-table tbody tr:hover td,
table.report-table tbody tr:hover th
{
   background-color:    var(--white-10);
}

/* Override row highlighting with no-hover class */
table.report-table tbody tr.no-hover:hover td,
table.report-table tbody tr.no-hover:hover th
{
   background-color:    inherit;
}

/* Rotated header */
thead.report-table th.rotate
{
   max-width:           2.5em;
   height:              115px;
   vertical-align:      bottom;
}

thead.report-table th.rotate div
{
   -webkit-transform:   rotate(90deg) translate(-80px);
   -ms-transform:       rotate(90deg) translate(-80px);
   transform:           rotate(90deg) translate(-80px);
}

/* Striped rows */
table.report-table > tbody > tr:nth-child(odd)
{
  background-color: var(--white-7);
}

table.report-table > tbody > tr.primary > td,
table.report-table > tbody > tr.primary > th,
table.report-table > tbody > tr > td.primary
{
  background-color: var(--blue-5);
}

table.report-table > tbody > tr.success > td,
table.report-table > tbody > tr.success > th,
table.report-table > tbody > tr > td.success
{
  background-color: var(--green-1);
}

table.report-table > tbody > tr.info > td,
table.report-table > tbody > tr.info > th,
table.report-table > tbody > tr > td.info
{
  background-color: var(--white-13);
}

table.report-table > tbody > tr.warning > td,
table.report-table > tbody > tr.warning > th,
table.report-table > tbody > tr > td.warning
{
  background-color: var(--white-14);
}

table.report-table > tbody > tr.danger > td,
table.report-table > tbody > tr.danger > th,
table.report-table > tbody > tr > td.danger
{
  background-color: var(--white-12);
}

table.report-table > tbody > tr.nonactive > td,
table.report-table > tbody > tr.nonactive > th,
table.report-table > tbody > tr > td.nonactive
{
  background-color: var(--white-8);
}


/* Intranet */
table.report-table > tbody > tr.fin_reversal > td,
table.report-table > tbody > tr > td.fin_reversal
{
  background-color: rgba(252, 248, 227, 1); /* #fcf8e3 */
}

table.report-table > tbody > tr.fin_balance > td,
table.report-table > tbody > tr > td.fin_balance
{
  background-color: rgba(217, 237, 247, 1); /* #d9edf7 */
}

table.report-table > tbody > tr.fin_total_sub > td,
table.report-table > tbody > tr > td.fin_total_sub
{
  background-color: rgba(255, 224, 128, 1); /* #ffe080 */
}

table.report-table > tbody > tr.fin_total_bal > td,
table.report-table > tbody > tr > td.fin_total_bal
{
  background-color: rgba(255, 232, 232, 1); /* #ffe8e8 */
}

table.report-table .infoline
{
   text-align:          center;
   font-size:           80%;
   padding-top:         2px     !important;
   padding-bottom:      2px     !important;
   padding-left:        inherit !important;
   padding-right:       inherit !important;
}

table.report-table .graph a,
table.report-table .graph svg
{
   display:             block;
}

table.report-table td.graph
{
   padding:             2px    !important;
   vertical-align:      middle !important;
}

table.report-table td.graph .alert
{
   padding:             2px;
   margin-bottom:       0;
}

td.check
{
   text-align:          center !important;
}

td.comma,
td.currency,
td.dbm,
td.disk,
td.duration,
td.float,
td.ifspeed,
td.integer,
td.memory,
td.metric,
td.micro,
td.milli,
td.nano,
td.percent,
td.pico,
td.rtt,
td.simpletime,
td.snapshot,
td.temperature,
td.text-right,
td.unit,
td.util,
td.yyyymmdd
{
   text-align:                    right !important;
   vertical-align:                middle !important;
   font-feature-settings:         'tnum', 'lnum';
   -moz-font-feature-settings:    'tnum', 'lnum';
   -webkit-font-feature-settings: 'tnum', 'lnum';
   -ms-font-feature-settings:     'tnum', 'lnum';
   -moz-font-feature-settings:    'tnum=1,lnum=1';
}


/*
 * Help
 */
.help
{
   max-width:          800px;
   font-size:          14px !important;
}


/*
 * Forms
 */

legend
{
   margin-top:          20px;
   margin-bottom:       10px;
   border-bottom:       0;
}

textarea.mono
{
   font-size:           15px;
}

.CodeMirror
{
   /* From Bootstrap textarea */
   box-sizing: border-box;
   margin: 0;
   display: block;
   width: 100%;
   border: 1px solid rgba(204, 204, 204, 1); /* #ccc */
   border-radius: 4px;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control
{
   padding:             4px;
   height:              30px;
   font-size:           14px;
   box-shadow:          inset 0 1px 1px rgba(0,0,0,.075);
}

.form-control-list
{
   height:              auto;
   overflow-x:          hidden;
}

.form-control:focus,
.form-control:focus + span .btn
{
   border-color:        var(--grey-4);
   outline:             0;
   -webkit-box-shadow:  inset 0 1px 1px var(--black-3),0 0 8px var(--blue-2);
   box-shadow:          inset 0 1px 1px var(--black-3),0 0 8px var(--blue-2);
   background-color:    inherit;
}

.form-control:invalid
{
  border-color: rgba(169, 68, 66, 1); /* #a94442 */
  background:hsl(0, 50%, 90%);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-horizontal .control-title
{
   font-size:           17px;
   font-weight:         bold;
   text-align:          left;
   padding-bottom:      5px;
}

.form-horizontal .form-group,
.form-horizontal .input-group
{
   margin-bottom:       6px;
   margin-right:        0px;
   margin-left:         0px;
}

.form-horizontal label,
.form-inline     label
{
   font-weight:         normal;
}

.btn-radio > .btn
{
   text-align:          left;
}

.input-group-btn > .btn
{
   height:              30px;
}

.tf_ymd
{
   cursor:              pointer !important;
   background-color:    var(--white-9) !important;
}


/*
 * Animation
 */

@-webkit-keyframes active-fade
{
   0%   { background-color: rgba(66, 139, 202, 1); } /* #428bca */
   100% { background-color: none;    }
}

@keyframes active-fade
{
   0%   { background-color: rgba(66, 139, 202, 1); } /* #428bca */
   100% { background-color: none;    }
}

.highlight-fade
{
   -webkit-animation:   active-fade 1s;
   animation:           active-fade 1s;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


/*
 * Utility classes
 */
.line-number
{
   text-align:          right;
   margin-left:         0px;
   margin-right:        10px;
   padding-right:       6px;
   color:               rgba(160, 160, 160, 1); /* #A0A0A0 */
   box-sizing:          border-box;
   display:             inline-block;
   width:               45px;
}

.line-number-hl-red
{
   text-align:          right;
   margin-left:         0px;
   margin-right:        10px;
   padding-right:       2px;
   box-sizing:          border-box;
   display:             inline-block;
   background:          rgba(241, 88, 84, 0.5); /* Red with 50% Opacity */
   border-right:        4px solid rgba(241, 88, 84, 0.7);
   width:               45px;
}

.line-number-hl-green
{
   text-align:          right;
   margin-left:         0px;
   margin-right:        10px;
   padding-right:       2px;
   box-sizing:          border-box;
   display:             inline-block;
   background:          rgba(96, 189, 104, 0.5); /* Green with 50% Opacity */
   border-right:        4px solid rgba(96, 189, 104, 0.7);
   width:               45px;
}

.highlight-green
{
   display:             inline-block;
   background:          rgba(96, 189, 104, 0.3); /* Green with 30% Opacity */
   width:               100%;
}

.highlight-green-dark
{
   display:             inline-block;
   background:          rgba(96, 189, 104, 0.7); /* Green with 70% Opacity */
   width:               100%;
}

.highlight-red
{
   display:             inline-block;
   background:          rgba(241, 88, 84, 0.3); /* Red with 30% Opacity */
   width:               100%;
}

.highlight-red-dark
{
   display:             inline-block;
   background:          rgba(241, 88, 84, 0.7); /* Red with 70% Opacity */
   width:               100%;
}

.highlight-block
{
   display:             inline-block;
   background-color:    rgba(77, 77, 77, 0.3); /* Grey with 30% Opacity */
   width:               100%;
}

.highlight-block-dark
{
   display:             inline-block;
   background-color:    rgba(77, 77, 77, 0.7); /* Grey with 70% Opacity */
   width:               100%;
}

.unselectable {
   -moz-user-select:      none;
   -webkit-user-select:   none;
   -webkit-touch-callout: none;
   -khtml-user-select:    none;
   -ms-user-select:       none;
   user-select:           none;
}

.hidden
{
   display:             none;
}

.invisible
{
   visibility:          hidden;
}

.disabled
{
   cursor:              not-allowed;
}

.loading
{
   opacity:             0.5;
}

.block
{
   display:             block;
}

.nopadding
{
   padding:             0;
}

.nomargin
{
   margin:              0;
}

.noscroll
{
   overflow:            hidden;
}

.left
{
   float:               left;
}

.right
{
   float:               right;
}

.highlight
{
   background-color:   var(--yellow-1);
}

.nowrap
{
   white-space:         nowrap;
}

@media (min-width: 576px)
{
   .nowrap-md
   {
      white-space:         nowrap;
   }
}

.inherit-height
{
   height:              inherit !important;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2px;
}

.lt {
   text-decoration: line-through;
}

/*
 * split.js
 */

.gutter {
  background-color: var(--white-11);

  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-horizontal {
  background-image: url('/img/vertical.png');
  cursor: ew-resize;
  height: 100vh !important;
}

.gutter.gutter-vertical {
  background-image: url('/img/horizontal.png');
  cursor: ns-resize;
}

.split.split-horizontal, .gutter.gutter-horizontal {
  height: 100%;
  float: left;
}

.split {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.tooltip-inner
{
   background-color: var(--grey-22) !important;
   opacity: 1.0;
}

.akips-pad-table
{
   :not(caption) > * > * {
      padding: .5rem .5rem;
      border-width: 1px;
      vertical-align: top;
   }
   margin-bottom: 1rem;
}


/*
 * Styles for Custom Dashboard
 */
 .dash-tile {
   position: absolute;
   z-index: 1;
   background-color: var(--white-16);
   background-origin: content-box;
   text-align: center;
   min-height: 150px;
   min-width: 300px;
}

.tile-border {
   border: solid 1px var(--grey-4);
}

.dash-control {
   display: inline-block;
   margin-left: 2px;
   margin-right: 8px;
   padding-top: 6px;
   padding-bottom: 6px;
}

span.dash-control {
   margin-bottom: 0px !important;
   margin-left: 4px;
}

label.dash-control {
   padding-right: 10px;
}

input.dash-control {
   display: inline-block;
   margin: 0px;
}

.dash-form {
   display: inline-block;
}

.dash-toolbar-margin {
   margin-left: 5px !important;
   margin-bottom: 1px !important;
}

.ui-resizable {
   position:absolute !important;
}

.ui-icon {
   background-image: var(--arrow) !important;
}

.tile-element {
   display: inline-block;
   padding-top: 4px;
   padding-bottom: 4px;
}

input.tile-element {
   margin-left: 10%;
   margin-right: 10%;
   width: 80%;
}

.w-counter {
   position: absolute;
   font-size: 10px;
   bottom: 20px;
   right: 8px;
}

.h-counter {
   position: absolute;
   font-size: 10px;
   bottom: 5px;
   right: 20px;
}

.tile-btn {
   display: block;
   float: right;
   font-size: 24px;
   color: var(--grey-2);
   border: none;
   background: none;
   padding: 2px;
}

.refresh {
   width: 60px;
}

.new-dash {
   text-align: center;
}

.iframe-div {
   pointer-events: none !important;
}

#dash-toolbar {
   background-color: var(--grey-23);
   margin-top: -4px;
   border-bottom: solid;
   border-bottom-width: 1px;
   border-color: var(--white-5);
}

#container {
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1;
   display: flex;
}

#input-dash-title {
   width: 300px;
}

#dash-form-delete {
   float: right;
   margin-top: 5px;
   margin-right: 3px;
}

/*
 * Securetrack styles.
 */
.st-config {
   margin-top: 10px;
   padding-bottom: 5px;
   background-color: var(--white-16);
   color: var(--black-2);
   border: 1px solid rgb(209, 209, 209);
   border-radius: 5px;
}