@charset "UTF-8";
/*!
 *   AdminLTE v3.0.2
 *   Author: Colorlib
 *   Website: AdminLTE.io <http://adminlte.io>
 *   License: Open source - MIT <http://opensource.org/licenses/MIT>
 */
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --fonts-sans: "Meiryo UI", "Yu Gothic UI", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /* --fonts-sans: "UD DigiKyokasho R", "Meiryo UI", "Yu Gothic UI", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
  --fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --head-bdrc: rgb(70, 70, 70);
  --body-bg: rgb(24, 24, 24);
  --body-clr: rgb(204, 204, 204);
  --content-bg: rgb(48, 48, 48);
  --content-clr: rgb(250, 250, 250);
  --content-clr2: rgb(194, 199, 208);
  --content-clr3: rgb(218, 218, 218);
  --content-bdr: 1px solid rgb(90, 90, 90);
  --content-bdr-btm: 1px solid rgba(0, 0, 0, 0.7);
  --content-bdr2: 1px solid rgba(70, 70, 70, 0.7);
  --box-bg: rgba(125, 125, 125, 0.1);
  --box-clr: rgb(250, 250, 250);
  --modal-bg: rgb(51, 51, 51);
  --modal-clr: rgb(250, 250, 250);
  --item-bg: rgb(55, 55, 55);
  --item-bg2: rgb(51, 51, 51);
  --item-bg3: rgb(40, 40, 40);
  --item-bg-info: rgba(50, 123, 255, .3);
  --item-clr-info: rgba(0, 123, 255, .85);
  --item-bg-normal: rgba(50, 255, 235, .3);
  --item-clr-normal: rgba(0, 216, 245, .75);
  --item-bg-warn: rgba(255, 255, 27, .45);
  --item-clr-warn: rgba(255, 193, 7, .75);
  --item-bg-minor: rgba(255, 145, 50, .3);
  --item-clr-minor: rgba(255, 145, 0, .75);
  --item-bg-error: rgba(255, 52, 50, .4);
  --item-clr-error: rgba(255, 72, 0, .75);
  --item-bg-critical: rgba(255, 0, 1, .5);
  --item-clr-critical: rgba(255, 0, 21, 0.75);
  --item-clr: rgb(250, 250, 250);
  --item-clr2: rgb(150, 150, 150);
  --item-clr3: rgb(240, 240, 240);
  --item-clr4: rgb(200, 200, 200);
  --item-clr-disabled: rgb(50, 50, 50);
  --link-bg-hover: rgba(255, 255, 255, 0.03);
  --list-bg: rgb(30, 30, 30);
  --list-clr: rgb(250, 250, 250);
  --list-bg-hover: rgba(5, 5, 30, .5) linear-gradient(180deg,rgba(5, 80, 190, 0.3),rgba(0, 45, 140, 0.4)) repeat-x;
  --list-bg-hover2: rgba(30, 30, 80, .5) linear-gradient(180deg,rgba(5, 80, 190, 0.3),rgba(0, 45, 140, 0.4)) repeat-x;
  --list-bg-active: rgb(0, 93, 192);
  --list-clr-active: rgb(235, 235, 235);
  --mtrl-clr: rgb(230, 230, 230);
  --mtrl-clr2: rgba(230, 230, 230, .2);
  --mtrl-bg: rgb(125, 125, 125) linear-gradient(180deg,rgba(50, 50, 50, 0.7),rgba(15, 15, 15, 0.7)) repeat-x;
  --mtrl-bdr: 1px solid rgb(130, 130, 130);
  --mtrl-bdrc: rgb(130, 130, 130);
  --mtrl-bg2: rgb(95, 95, 95) linear-gradient(180deg,rgba(50, 50, 50, 0.8),rgba(15, 15, 15, 0.8)) repeat-x;
  --mtrl-bdr2: 1px solid rgb(15, 15, 15);
  --mtrl-bdrc2: rgb(15, 15, 15);
  --mtrl-bdr3: 1px solid rgb(105, 105, 105);
  --mtrl-bdr3-dash: 1px dashed rgb(105, 105, 105);
  --mtrl-bdrc3: rgb(105, 105, 105);
  --mtrl-bdr4: 1px solid rgb(80, 80, 80);
  --mtrl-shadow4-top: 0px -1px 0px rgb(15, 15, 15);
  --mtrl-bdr5: 1px solid rgba(30, 30, 30, 0.7);
  --mtrl-bdrc6: rgb(30, 30, 30);
  --mtrl-bdrc7: rgba(97, 97, 97, 0.8);
  --mtrl-bdr8: 1px solid rgba(35, 35, 35);
  --mtrl-bg4: rgb(70, 70, 70) linear-gradient(270deg,rgba(15, 15, 15, 0.7), rgba(50, 50, 50, 0.7)) repeat-x;
  --mtrl-bg5: rgb(125, 125, 125) linear-gradient(180deg,rgba(50, 50, 50, 0.6),rgba(15, 15, 15, 0.6)) repeat-x;
  --mtrl-bg6: rgb(125, 125, 125) linear-gradient(360deg,rgba(50, 50, 50, 0.65),rgba(15, 15, 15, 0.65)) repeat-x;
  --mtrl-bg7: rgb(90, 90, 90) linear-gradient(180deg,rgba(40, 40, 40, 0.6),rgba(5, 5, 5, 0.6)) repeat-x;
  --mtrl-bg8: rgba(125, 125, 125, 0.3) linear-gradient(180deg,rgba(50, 50, 50, 0.6),rgba(15, 15, 15, 0.6)) repeat-x;
  --mtrl-bg9: rgb(48, 48, 48) linear-gradient(180deg,rgba(75, 75, 75, 0.2),rgba(40, 40, 40, 0.2)) repeat-x;
  --mtrl-bg-active: rgb(0, 93, 192) linear-gradient(180deg,rgb(17, 119, 228),rgb(0, 65, 157)) repeat-x;
  --mtrl-bg-active2: rgb(0, 53, 152) linear-gradient(180deg,rgba(17, 119, 228, .6),rgba(0, 65, 157, .6)) repeat-x;
  --mtrl-bg-active3: rgba(45, 45, 45, .8);
  --mtrl-bg-info: rgb(23, 162, 184) linear-gradient(180deg,rgb(23, 162, 184),rgb(0, 92, 114)) repeat-x;
  --mtrl-bg-danger: rgb(220, 53, 69) linear-gradient(180deg,rgb(235, 68, 85),rgb(175, 28, 43)) repeat-x;
  --mtrl-bg-success: rgb(23, 184, 77) linear-gradient(180deg,rgb(40, 200, 90),rgb(0, 114, 80)) repeat-x;
  --mtrl-bdr-active: 1px solid rgb(0, 123, 255);
  --mtrl-bdrc-active: rgb(0, 123, 255);
  --mtrl-bdrc-active2: rgb(0, 75, 180);
  --mtrl-bdrc-active3: rgb(0, 25, 130);
  --mtrl-bdrc-active4: rgb(39, 39, 39);
  --mtrl-clr-active: rgb(235, 235, 235);
  --mtrl-bg-hover: rgb(50, 50, 102) linear-gradient(180deg,rgba(17, 119, 228, 0.3),rgba(0, 65, 157, 0.4)) repeat-x;
  --mtrl-bg-hover2: linear-gradient(to bottom,rgb(35, 65, 150),rgb(35, 65, 135) 70%, rgb(55, 55, 55)) repeat-x;
  --mtrl-bg-hover3: linear-gradient(180deg,rgba(0, 60, 200, .2),rgba(0, 50, 157, .2)) repeat-x;
  --mtrl-bg-hover5: rgb(125, 125, 125) linear-gradient(180deg,rgba(0, 50, 110, .7),rgba(0, 5, 57, .7)) repeat-x;
  --mtrl-bdrc-hover: rgb(0, 98, 204);
  --mtrl-bdrc-hover2: rgb(0, 18, 124);
  --mtrl-clr-hover: rgba(255, 255, 255, 0.85);
  --mtrl-bg-disabled: transparent;
  --mtrl-bdrc-disabled: rgb(100, 100, 100);
  --mtrl-clr-disabled: rgba(150, 150, 150, 0.4);
  --input-bg: rgb(55, 55, 55);
  --input-shadow: inset 0 5px 7px rgba(0,0,0,.2);
  --input-bg2: rgb(40, 40, 40);
  --input-shadow2: inset 0 6px 8px rgba(0,0,0,.3);
  --box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 0 4px rgb(36, 93, 248);
  --bdr-top-shadow: 0px -1.1px 0px rgba(0, 0, 0, 0.7);
  --bdr-btm-shadow: 0px 1.1px 0px rgb(90, 90, 90);
  --txt-radius: 0.5rem;
  --ctrl-radius: 1.25rem;
}

@media (-webkit-device-pixel-ratio: 1.25) {html {font-size: 80%;}}
@media (-webkit-device-pixel-ratio: 1.5 ) {html {font-size: 66.6667%;}}
@media (-webkit-device-pixel-ratio: 1.75) {html {font-size: 57.1429%;}}
@media (-webkit-device-pixel-ratio: 2   ) {html {font-size: 50%;}}
@media (-webkit-device-pixel-ratio: 2.25) {html {font-size: 44.4444%;}}

/* QHD: 2560px */
@media (min-width: 2000px) {
  html {font-size: 133.3333%;}
  @media (-webkit-device-pixel-ratio: 1.25) {html {font-size: 106.6666%;}}
  @media (-webkit-device-pixel-ratio: 1.5 ) {html {font-size:  88.88887%;}}
  @media (-webkit-device-pixel-ratio: 1.75) {html {font-size:  76.19046%;}}
  @media (-webkit-device-pixel-ratio: 2   ) {html {font-size:  66.66665%;}}
  @media (-webkit-device-pixel-ratio: 2.25) {html {font-size:  59.25924%;}}
  .content-header .nav-tabs .nav-link.active {
    margin-top: calc(-.35rem + 1px);
  }
  .content-header .nav-tabs .nav-link:not(.active):hover {
    padding-bottom: .67rem;
  }
}

/* 4K: 3840px */
@media (min-width: 3000px) {
  html {font-size: 200%;}
  @media (-webkit-device-pixel-ratio: 1.25) {html {font-size: 160%;}}
  @media (-webkit-device-pixel-ratio: 1.5 ) {html {font-size: 133.3333%;}}
  @media (-webkit-device-pixel-ratio: 1.75) {html {font-size: 114.2857%;}}
  @media (-webkit-device-pixel-ratio: 2   ) {html {font-size: 100%;}}
  /* @media (-webkit-device-pixel-ratio: 2.25) {html {font-size:  88.88889%;}} */
  /* Should calculate */
  @media (-webkit-device-pixel-ratio: 2.25) {html {font-size:  100%;}}
  @media (-webkit-device-pixel-ratio: 2.5 ) {html {font-size:  100%;}}
  @media (-webkit-device-pixel-ratio: 3   ) {html {font-size:  100%;}}
  @media (-webkit-device-pixel-ratio: 3.5 ) {html {font-size:  100%;}}
  .content-header .nav-tabs .nav-link.active {
    margin-top: calc(-.35rem + 1px);
  }
  .content-header .nav-tabs .nav-link:not(.active):hover {
    padding-bottom: .65rem;
  }
}