/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */


/* Rentgen-Bootstrap CSS */
.rog { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-vertical { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.rentgen-margin, .rm {margin: 0px -10px;}
.flex-grid {display: -ms-flexbox; display: -webkit-box; display: flex;}
.flex-row {width: 100%; position: relative}
.flex-1{ width: 10%}
.flex-2{ width: 20%}
.flex-3{ width: 30%}
.flex-4{ width: 40%}
.flex-5{ width: 50%}
.flex-6{ width: 60%}
.flex-7{ width: 70%}
.flex-8{ width: 80%}
.flex-9{ width: 90%}
.flex-auto{width: auto;}
.flex{width: auto}
.absolute{position: absolute}
.relative{position: relative}


/* Images */
.i8 img{ height: 8px !important;}
.i10 img{ height: 10px !important;}
.i12 img{ height: 12px !important;}
.i14 img{ height: 14px !important;}
.i16 img{ height: 16px !important;}
.i18 img{ height: 18px !important;}
.i20 img{ height: 20px !important;}
.i22 img{ height: 22px !important;}
.i24 img{ height: 24px !important;}
.i26 img{ height: 26px !important;}
.i28 img{ height: 28px !important;}
.i30 img{ height: 30px !important;}
.i32 img{ height: 32px !important;}
.i34 img{ height: 34px !important;}
.i36 img{ height: 36px !important;}
.i38 img{ height: 38px !important;}
.i40 img{ height: 40px !important;}
.i42 img{ height: 42px !important;}
.i44 img{ height: 44px !important;}
.i48 img{ height: 48px !important;}
.i50 img{ height: 50px !important;}
.i54 img{ height: 54px !important;}
.i64 img{ height: 64px !important;}
.i72 img{ height: 72px !important;}
.i76 img{ height: 76px !important;}
.i82 img{ height: 82px !important;}
.i96 img{ height: 96px !important;}


/* Border */
.border-0 { border: 0 !important; }
.border-none {border: none !important; }
.border {border: 1px solid black};
.border-1{ border-color: #383F48 !important; }
.border-2{ border-color: #465161 !important; }
.border-2a{ border-color: #3f4856 !important; }
.border-2b{ border-color: #3a4350 !important; }
.border-3{ border-color: #4d586a !important; }
.border-4{ border-color: #5C6065 !important; }
.border-5{ border-color: #556377 !important; }
.border-6{ border-color: #606f84 !important; }
.border-top { border-top: 1px solid black;}
.border-left { border-left: 1px solid black;}
.border-right { border-right: 1px solid black;}
.border-bottom { border-bottom: 1px solid black;}
.border-top-0 { border-top: 0px !important;}
.border-left-0 { border-left: 0px !important;}
.border-right-0 { border-right: 0px !important;}
.border-bottom-0 { border-bottom: 0px !important;}
.border-orange { border-color: rgb(201, 131, 57);}
.border-dark1 { border-color: #212529 !important;}
.border-dark2 { border-color: #313335 !important;}
.border-dark3 { border-color: #3E4144 !important;}
.border-green { border-color: green !important;}
.border-info { border-color: #2552b4 !important;}
.border-camo { border-color: #82968E !important;}
.border-darkcamo { border-color: #3C4443 !important;}
.border-white-10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.border-white-20 { border-color: rgba(255, 255, 255, 0.2) !important; }
.border-white-30 { border-color: rgba(255, 255, 255, 0.3) !important; }
.border-white-40 { border-color: rgba(255, 255, 255, 0.4) !important; }
.border-white-50 { border-color: rgba(255, 255, 255, 0.5) !important; }
.border-white-60 { border-color: rgba(255, 255, 255, 0.6) !important; }
.border-white-70 { border-color: rgba(255, 255, 255, 0.7) !important; }
.border-white-80 { border-color: rgba(255, 255, 255, 0.8) !important; }
.border-white-90 { border-color: rgba(255, 255, 255, 0.9) !important; }


/* Border Size */
.b-0{ border-width: 0px !important; }
.b-1{ border-width: 1px !important; }
.b-2{ border-width: 2px !important; }
.b-3{ border-width: 3px !important; }
.b-4{ border-width: 4px !important; }
.b-5{ border-width: 5px !important; }
.b-1-4{ border-width: 1.4px !important; }


/* Alert */
.alert { font-size: 1.1em; text-shadow: none !important; text-decoration: none !important; padding: 0.75rem 1.25rem; border: 1px solid transparent; border-radius: 0.15rem;}
.alert a{ color: #202326; font-weight: bold; border-bottom: 1px dashed #404040;}
.alert hr { margin-top: 10px 0px; border: 0; border-top:1px solid rgba(0,0,0,.1);}
.alert-title{ font-size: 1.3em; font-weight: bold; margin: 2px 0px 3px 0px;}
.alert-dark{ color: #b0b6bb; background-color: #333538; border-color: #465058;}
.alert-info{ color: #2C649F !important; border-color: #b8daff; background-color: #cce5ff;}
.alert-error{ color: #996675 !important; background-color: #F2DEDE; border-color: #ebccd1;}
.alert-error2{ color: #a94442 !important; background-color: #f2dede; border-color: #ebccd1;}
.alert-success{ color: #3c763d !important; background-color: #dff0d8; border-color: #d6e9c6;}
.alert-warning{ color: #444444 !important; border-color: orange; background-color: #F8EEBA;}
.alert-warning2{ color: #505050 !important; border-color: orange; background-color: #FCC034;}


/* Badges */
.badge {
display: inline-block;
padding: 3px 5px;
margin:  0px 2px;
font-size: 75%;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 2px;
}
.badge a { color: inherit}
.badge:empty{ display: none}
.badge-pill{ padding-right: 0.6em; padding-left: 0.6em; border-radius: 10px;}
.badge-info{ color: #ffffff; background-color: #17a2b8;}
.badge-dark{ color: #ffffff;background-color: #40474f;}
.badge-error{ color: #ffffff; background-color: #dc3545;}
.badge-light{ color: #212529;background-color: #f8f9fa;}
.badge-success{ color: #ffffff; background-color: #28a745;}
.badge-warning{ color: #212529; background-color: #ffc107;}


/* Font */
.f-1{ font-size: 1em;}
.f-2{ font-size: 1.05em;}
.f-3{ font-size: 1.1em;}
.f-4{ font-size: 1.15em;}
.f-5{ font-size: 1.2em;}
.f-6{ font-size: 1.25em;}
.f-7{ font-size: 1.3em;}
.f-8{ font-size: 1.35em;}
.f-9{ font-size: 1.4em;}
.f-10{ font-size: 1.5em;}
.fn-1{ font-size: 0.95em;}
.fn-2{ font-size: 0.90em;}
.fn-3{ font-size: 0.85em;}
.fn-4{ font-size: 0.80em;}
.fn-5{ font-size: 0.75em;}
.fn-6{ font-size: 0.70em;}
.fn-7{ font-size: 0.65em;}
.fn-8{ font-size: 0.60em;}


/* Backgrounds */
.bg-1{ background-color: #383F48}
.bg-2{ background-color: #465161}
.bg-3{ background-color: #3f4856}
.bg-4{ background-color: #3a4350}
.bg-5{ background-color: #222222}
.bg-6{ background-color: #1a1a1a}
.bg-7{ background-color: #333333}
.bg-camo{ background-color: #2C3032}
.bg-line{ background:#222 url('/css/def/style/line.png') !important}
.bg-dark { background-color: #171613 !important}
.bg-dark1 { background-color: #262B2F !important}
.bg-dark2 { background-color: #313335 !important}
.bg-dark4 { background-color: #282d31 !important}
.bg-dark3 { background-color: #23272c !important}
.bg-hdark  { background-color: rgba(0, 0, 0, 0.10)}
.bg-hdark1 { background-color: rgba(0, 0, 0, 0.05)}
.bg-hdark2 { background-color: rgba(0, 0, 0, 0.15)}
.bg-hdark3 { background-color: rgba(0, 0, 0, 0.20)}
.bg-hdark4 { background-color: rgba(0, 0, 0, 0.25)}
.bg-hdark5 { background-color: rgba(0, 0, 0, 0.30)}
.bg-hdark6 { background-color: rgba(0, 0, 0, 0.35)}
.bg-hdark7 { background-color: rgba(0, 0, 0, 0.40)}
.bg-hdark8 { background-color: rgba(0, 0, 0, 0.45)}
.bg-hdark9 { background-color: rgba(0, 0, 0, 0.5)}
.bg-hwhite  { background-color: rgba(200, 200, 200, 0.05)}
.bg-hwhite1 { background-color: rgba(200, 200, 200, 0.10)}
.bg-hwhite2 { background-color: rgba(200, 200, 200, 0.15)}
.bg-hwhite3 { background-color: rgba(200, 200, 200, 0.20)}
.bg-hwhite4 { background-color: rgba(200, 200, 200, 0.25)}
.bg-hwhite5 { background-color: rgba(200, 200, 200, 0.30)}
.bg-hwhite6 { background-color: rgba(200, 200, 200, 0.35)}
.bg-hwhite7 { background-color: rgba(200, 200, 200, 0.40)}
.bg-hwhite8 { background-color: rgba(200, 200, 200, 0.45)}
.bg-hwhite9 { background-color: rgba(200, 200, 200, 0.5)}
.bg-hdarker1 { background-color: rgba(0, 0, 0, 0.6)}
.bg-hdarker2 { background-color: rgba(0, 0, 0, 0.7)}
.bg-hdarker3 { background-color: rgba(0, 0, 0, 0.8)}
.bg-hdarker4 { background-color: rgba(0, 0, 0, 0.9)}
.bg-hdarker5 { background-color: rgba(0, 0, 0, 0.95)}
.bg-primary { background-color: #2B3037}
.bg-secondary { background-color: #313944}
.bg-primary2 { background-color: #3A3F44 !important;}
.bg-secondary2 { background-color: #7A8288 !important;}
.bg-success {background-color: #62c462 !important;}
.bg-info {background-color: #5bc0de !important;}  
.bg-warning {background-color: #f89406 !important;}  
.bg-error {background-color: #FF324A !important;}
.bg-danger {background-color: #ee5f5b !important;}
.bg-light {background-color: #e9ecef !important;}
.bg-dark4 {background-color: #272B30 !important;}
.bg-green {background-color: green !important;}
.bg-darkgreen {background-color: #006400 !important;}


/* Palette */
.block-1 {background-color: #242628;}
.block-2 {background-color: #303234;}
.block-3 {background-color: #202224;}
.block-4 {background-color: #393a3c;}
.block-5 {background-color: #1B1D1D;}
.block-6 {background-color: #404244;}
.block-b1 { border-color: #333333;}
.block-b2 { border-color: #333333;}
.block-b3 { border-color: #333333;}
.block-b4 { border-color: #333333;}


/* Background Properties */
.bg-item { background-position: center; background-repeat: no-repeat; background-size: 90%}
.bg-view-item64 { width: 64px; height: 64px;}


/* Radius */
.r-0 { border-radius: 0px !important;}
.r-1 { border-radius: 2px !important;}
.r-2 { border-radius: 4px !important;}
.r-3 { border-radius: 8px !important;}
.r-4 { border-radius: 10px !important;}
.r-9 { border-radius: 50% !important;}
.r-10 { border-radius: 80% !important;}


/* Text Properties */
.bold { font-weight: bold;}
.italic { font-style: italic}
.monochrome { font-family: monospace;}
.underline { text-decoration: underline;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important}
.text-top { vertical-align: text-top}
.text-bottom { vertical-align: text-bottom;}
.text-baseline { vertical-align: baseline}
.text-shadow { text-shadow: 1px 1px 3px black}
.text-shadow1 { text-shadow: 1px 1px 1px black,  1px 1px 10px black}
.text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap}
.text-stripped {text-decoration: line-through;}
.text-shadow-none{ text-shadow: none !important}
.text-hyperlink{ border-bottom: 1px dashed rgba(255, 170, 0, 0.5)}


/* Paddings */
.p-0 { padding: 0px !important}
.p-1 { padding: 2px !important}
.p-2 { padding: 4px !important}
.p-3 { padding: 8px !important}
.p-4 { padding: 10px !important}
.p-5 { padding: 12px !important}
.pt-0 { padding-top: 0px !important;}
.pt-1 { padding-top: 2px !important;}
.pt-2 { padding-top: 4px !important;}
.pt-3 { padding-top: 8px !important;}
.pt-4 { padding-top: 10px !important;}
.pt-5 { padding-top: 12px !important;}
.pl-1 { padding-left: 2px !important;}
.pl-2 { padding-left: 4px !important;}
.pl-3 { padding-left: 8px !important;}
.pl-4 { padding-left: 10px !important;}
.pl-5 { padding-left: 12px !important;}
.pr-1 { padding-right: 2px !important;}
.pr-2 { padding-right: 4px !important;}
.pr-3 { padding-right: 8px !important;}
.pr-4 { padding-right: 10px !important;}
.pr-5 { padding-right: 12px !important;}
.pb-0 { padding-bottom: 0px !important;}
.pb-1 { padding-bottom: 2px !important;}
.pb-2 { padding-bottom: 4px !important;}
.pb-3 { padding-bottom: 8px !important;}
.pb-4 { padding-bottom: 10px !important;}
.pb-5 { padding-bottom: 12px !important;}
.px-1 { padding-left: 2px !important; padding-right: 2px !important}
.px-2 { padding-left: 4px !important; padding-right: 4px !important}
.px-3 { padding-left: 8px !important; padding-right: 8px !important}
.px-4 { padding-left: 10px !important; padding-right: 10px !important}
.px-5 { padding-left: 12px !important; padding-right: 12px !important}
.py-1 { padding-top: 2px !important; padding-bottom: 2px !important}
.py-2 { padding-top: 4px !important; padding-bottom: 4px !important}
.py-3 { padding-top: 8px !important; padding-bottom: 8px !important}
.py-4 { padding-top: 10px !important; padding-bottom: 10px !important}
.py-5 { padding-top: 12px !important; padding-bottom: 12px !important}


/* Margin */
.m-0 { margin: 0px !important}
.m-1 { margin: 2px !important}
.m-2 { margin: 4px !important}
.m-3 { margin: 8px !important}
.m-4 { margin: 10px !important}
.m-5 { margin: 12px !important}
.mt-1 { margin-top: 2px !important;}
.mt-2 { margin-top: 4px !important;}
.mt-3 { margin-top: 8px !important;}
.mt-4 { margin-top: 10px !important;}
.mt-5 { margin-top: 12px !important;}
.ml-1 { margin-left: 2px !important;}
.ml-2 { margin-left: 4px !important;}
.ml-3 { margin-left: 8px !important;}
.ml-4 { margin-left: 10px !important;}
.ml-5 { margin-left: 12px !important;}
.mr-1 { margin-right: 2px !important;}
.mr-2 { margin-right: 4px !important;}
.mr-3 { margin-right: 8px !important;}
.mr-4 { margin-right: 10px !important;}
.mr-5 { margin-right: 12px !important;}
.mb-1 { margin-bottom: 2px !important;}
.mb-2 { margin-bottom: 4px !important;}
.mb-3 { margin-bottom: 8px !important;}
.mb-4 { margin-bottom: 10px !important;}
.mb-5 { margin-bottom: 12px !important;}
.mx-1 { margin-left: 2px !important; margin-right: 2px !important}
.mx-2 { margin-left: 4px !important; margin-right: 4px !important}
.mx-3 { margin-left: 8px !important; margin-right: 8px !important}
.mx-4 { margin-left: 10px !important; margin-right: 10px !important}
.mx-5 { margin-left: 12px !important; margin-right: 12px !important}
.my-1 { margin-top: 2px !important; margin-bottom: 2px !important}
.my-2 { margin-top: 4px !important; margin-bottom: 4px !important}
.my-3 { margin-top: 8px !important; margin-bottom: 8px !important}
.my-4 { margin-top: 10px !important; margin-bottom: 10px !important}
.my-5 { margin-top: 12px !important; margin-bottom: 12px !important}
.mb-n1 { margin-bottom: -2px !important;}
.mb-n2 { margin-bottom: -4px !important;}
.mb-n3 { margin-bottom: -8px !important;}
.mb-n4 { margin-bottom: -10px !important;}
.mb-n5 { margin-bottom: -12px !important;}
.mt-n1 { margin-top: -2px !important;}
.mt-n2 { margin-top: -4px !important;}
.mt-n3 { margin-top: -8px !important;}
.mt-n4 { margin-top: -10px !important;}
.mt-n5 { margin-top: -12px !important;}
.ml-n1 { margin-left: -2px !important;}
.ml-n2 { margin-left: -4px !important;}
.ml-n3 { margin-left: -8px !important;}
.ml-n4 { margin-left: -10px !important;}
.ml-n5 { margin-left: -12px !important;}
.mr-n1 { margin-right: -2px !important;}
.mr-n2 { margin-right: -4px !important;}
.mr-n3 { margin-right: -8px !important;}
.mr-n4 { margin-right: -10px !important;}
.mr-n5 { margin-right: -12px !important;}
.my-n1 { margin-top:  -2px !important; margin-bottom:  -2px !important}
.my-n2 { margin-top:  -4px !important; margin-bottom:  -4px !important}
.my-n3 { margin-top:  -8px !important; margin-bottom:  -8px !important}
.my-n4 { margin-top: -10px !important; margin-bottom: -10px !important}
.my-n5 { margin-top: -12px !important; margin-bottom: -12px !important}
.mx-n1 { margin-left:  -2px !important; margin-right:  -2px !important}
.mx-n2 { margin-left:  -4px !important; margin-right:  -4px !important}
.mx-n3 { margin-left:  -8px !important; margin-right:  -8px !important}
.mx-n4 { margin-left: -10px !important; margin-right: -10px !important}
.mx-n5 { margin-left: -12px !important; margin-right: -12px !important}
.mx-auto { margin-left: auto; margin-right: auto};
.my-auto { margin-top: auto; margin-bottom: auto};


/* Text Color */
.text-1 {color: #aaaaaa !important}
.text-2 {color: #bbbbbb !important}
.text-3 {color: #cccccc !important}
.text-4 {color: #dddddd !important}
.text-npc {color: #BCA78A !important}
.text-blue {color: #62ACFF !important}
.text-black {color: #1a1a1a !important}
.text-gold {color: gold !important}
.text-gold2 {color: #D1B73A !important}
.text-pink {color: pink !important}
.text-camo {color: #82968E}
.text-brown {color: #927553 !important}
.text-info2 {color: #15BAEA !important}
.text-info3 {color: #18A8D1 !important}
.text-info4 {color: #1787A8 !important}
.text-info5 {color: #18667C !important}
.text-muted {color: #7A8288 !important}
.text-bronze {color: #e26630 !important}
.text-orange {color: #ffa500 !important}
.text-violet {color: violet !important}
.text-orange2 {color: #cf950e !important}
.text-muted2 {color: #878e94 !important}
.text-muted3 {color: #939a9f !important}
.text-success {color: #62c462 !important}
.text-warning {color: #F39732 !important}
.text-white-50 {color: rgba(255, 255, 255, 0.5) !important}
.text-white-60 {color: rgba(255, 255, 255, 0.6) !important}
.text-white-70 {color: rgba(255, 255, 255, 0.7) !important}
.text-white-80 {color: rgba(255, 255, 255, 0.8) !important}
.text-white-90 {color: rgba(255, 255, 255, 0.9) !important}
.text-darkred {color: darkred !important}
.text-red {color: #db1212 !important}
.text-error {color: red !important}
.text-green {color: #008000 !important}
.text-darkgreen {color: #006400 !important}
.text-darkgray {color: #494949}


/* Opacity */
.op-0{ opacity: 0.0}
.op-1{ opacity: 0.1}
.op-2{ opacity: 0.2}
.op-3{ opacity: 0.3}
.op-4{ opacity: 0.4}
.op-5{ opacity: 0.5}
.op-6{ opacity: 0.6}
.op-7{ opacity: 0.7}
.op-8{ opacity: 0.8}
.op-9{ opacity: 0.9}
.op-10{ opacity: 1}


/* Icons/Images */
.itop img{ vertical-align: top;}
.ibottom img{ vertical-align: bottom;}
.imiddle img{ vertical-align: middle;}
.img-fluid { max-width: 100%; height: auto}


/* Display */
.w-100 {width: 100%;}
.d-none { display: none !important}
.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important}
.d-block { display: block !important}
.center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important}
.d-inline-block { display: inline-block !important}
.shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important}
.shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important}


/* Col */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto { position: relative; width: 100%}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}


/* Overflow */
.overflow-hidden { overflow: hidden}


/* Flex Positions */
.justify-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.justify-around {-ms-flex-pack: distribute;justify-content: space-around; }
.flex-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center; }


/* [Module] Network */
.network-message { border-bottom: 1px solid rgba(120, 120, 120, 0.1); background-color: rgba(20,20,20,0.3);}