* {box-sizing: border-box;position: relative;}
html,body {--colors-bg--300: #1e181e;--colors-bg--500: #191a1e;--colors-primary--200: #f4908b;--colors-primary--300: #ea6f69;--colors-primary--500: #e8615a;--colors-primary--600: #9c3230;--colors-primary--700: #5e2122;--colors-primary--800: #451717;--colors-primary--900: #3c181a;--colors-secondary--500: #2be4ea;--colors-secondary--900: #295459;--colors-tertiary--500: #fed33f;--colors-on_bg--500: var(--colors-primary--500);--colors-on_tertiary--500: var(--colors-bg--300);--colors-on_primary--500: var(--colors-primary--200);--colors-active--500: #2bfea0;--fonts-primary: "Rajdhani", sans-serif;--fonts-secondary: "VT323", monospace;--ui-glow: 0 0 5px var(--colors-primary--500);--ui-glow-borders--500: 0 0 3px var(--colors-primary--500);--ui-glow-color: currentcolor;--ui-glow-text: -9px -6px 40px var(--ui-glow-color);--ui-glow-text--dimmed: -9px -6px 40px var(--ui-glow-color);--ui-elevation--1: 2px 2px 0 rgba(0, 0, 0, 0.8);--ui-notch-amount: 1rem;--ui-notch-hypotenuse: 22.627416px; --ui-notch-path: polygon(0 0,100% 0,100% calc(100% - var(--ui-notch-amount) + 2px),calc(100% - var(--ui-notch-amount) + 2px) 100%,0 100%);background-repeat: no-repeat;color: var(--colors-on_bg--500);font-family: var(--fonts-primary);font-size: 100%;line-height: 1.4;margin: 0;min-height: 100vh;}
h1 {font-size: 40px;text-align: center;margin: 1.3em 0 0.5em;text-transform: uppercase;letter-spacing: 4px;color: #fff;}
.bk-co {--background: #2983C7;}
.tablErp {width: 99%; text-align: center; background: transparent;}
.tablErp caption {font-size: 26px; background: #2983C7; color: #D1DBDA;}
.tablErp, .tablErp th, .tablErp td {border: 0px solid black; border-collapse: collapse;}
.tablErp th {color:#D1DBDA; background:#216DA9;font-size:14px;padding:5px;text-align:center;vertical-align:middle; border-bottom: 0.5 solid #DBE9F0;}
.tablErp tr {font-size:14px;}
.tablErp tr:hover td {background:#13BBE9;color:#D1DBDA;}
.tablErp tr:nth-child(odd) td {background:#3B9BB3;}
.tablErp tr:nth-child(odd):hover td {background:#13BBE9;}
.tablErp td {background:#0E679C; color: #D1DBDA; padding:4px; text-align:left;font-size:14px;}
.button {display: inline-table; text-transform: capitalize; width: auto; font-size: 14px; padding: 6px; text-align: center; background-color: rgba(0,0,0,0); color: #fff; cursor: pointer; -webkit-border-radius: 6px; border-radius: 6px; border: 0.7px solid #fff;}
.button:hover {text-transform: capitalize; background: var(--background);}
.forms {width: 99%;}
.forms td {padding: 2px;}
.forms th {font-size: 14px; text-align: left; color: #fff;}
.forms select {font-size: 16px; background: #276495; color: #fff; width: 100%; height: 24px; border: 1px solid #4E6189;}
.forms textarea {width: 80%; height: 21px; border: 0px solid #e5eaef; background-color: rgba(255, 255, 255, 0.2); color: #fff !important;}
.forms lable {text-transform: capitalize; font-size: 16px; color: #fff;}
.forms caption {font-size: 26px; background-color: var(--background); color: #fff;}
.login {display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.login form {max-width: 500px;margin: 0 5vw;padding: 3.5vw;border-width: 5px 0;box-sizing: border-box;display: flex;display: -webkit-flex;flex-wrap: wrap;background: rgba(252, 254, 255, 0.11);}
.login input[type="text"], .login input[type="password"] {width: 100%; color: #fff; outline: none; background: rgba(0, 0, 0, 0.32); font-size: 17px; letter-spacing: 0.5px; padding: 12px; box-sizing: border-box; border: none; -webkit-appearance: none; font-family: 'Catamaran', sans-serif;}
.login ::-webkit-input-placeholder {color: #eee;} 
.login :-moz-placeholder {color: #eee;} 
.login ::-moz-placeholder {color: #eee;} 
.login :-ms-input-placeholder {color:#eee;}
input[type="datetime-local"], input[type="datetime-local"], input[type="text"], input[type="date"], input[type="time"], input[type="number"], select {width: 80%; height: 21px; border: 0px solid #e5eaef; background-color: rgba(255, 255, 255, 0.2); color: #fff !important;}
textarea {width: 80%; height: 21px; border: 0px solid #e5eaef; background-color: rgba(255, 255, 255, 0.2); color: #fff !important;}
.agile-field-txt {flex-basis: 100%;-webkit-flex-basis: 100%;margin-bottom: 1.5em;}
.check1 {text-align: left;}
label.check {color: #ededed;letter-spacing: 1px;font-size: 15px;display: inline-block;}
.agile_label {text-align: left;margin: 10px 0 0;}
.login.sub {margin-top: 1em;flex-basis: 100%;-webkit-flex-basis: 100%;}
.login input[type=submit] {color: #ffffff;font-weight: 100;width: 100%;padding: 0.4em 0;font-size: 1em;font-weight: 400;letter-spacing: 2px;cursor: pointer;border: none;outline: none;background: #000;font-family: 'Catamaran', sans-serif;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-ms-transition: 0.5s all ease;}
.login input[type=submit]:hover {color: #fff;box-shadow: 0 20px 5px -10px rgba(0, 0, 0, 0.4);transform: translateY(5px);}
.bot {margin-top: 1em;width: 100%;}
.copy-wthree {margin: 4em 0 2em;}
.copy-wthree p {color: #fff;font-size: 14.5px;letter-spacing: 1.5px;line-height: 1.8;margin: 0 3vw;}
.copy-wthree p a {color: #fff;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-ms-transition: 0.5s all ease;}
.copy-wthree p a:hover {color: #fff;text-decoration: underline;}
.footer p{margin:0 auto;text-align:center;font-size:14px;color:#eee;letter-spacing:1px;line-height:27px;}
.footer p a{color:#fff;}
.footer p a:hover{text-decoration:underline;}
.footer {margin: 65px 0px;}
.holder {text-align: center; display: table; margin: auto;}
.box {opacity: .9; color: #fff; width: 250px; height: 45px; border-radius: 5px ;position: relative; float: left; margin-left: 10px; margin-top: 10px;}
.tblTr {width:100%; height: 44px; border-collapse: separate; border-spacing: 0px;}
.blr {font-size: 28px; width: 48px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: rgb(0,0,0,0.5); text-align: center;}
.btr-td {text-align: left; padding: 10px; font-size: 20px; font-weight: bold;}
.divf {color: #fff; border: 0.5px solid #000; display:inline-block; margin: 3px; align-items: center; justify-content: center; width:120px; height:90px; border-radius:10px; text-align: center;cursor: pointer;}
.divf:hover {background: #2541ff; color: #000; border: 0.5px solid #000;}
.Tb-button {width:100%; text-align: center; font-size: 14px;}
.item {position:relative; padding-top: 20px; display:inline-block; color: #fff;}
.notify-badge{position: absolute; right:5px; top:5px; background: red; text-align: center; border-radius: 20px 20px 20px 20px; color:white; padding:5px; font-size:15px;}
@media(max-width:1024px) {h1 {font-size: 4.5vw;}.footer p {line-height: 27px;}}
@media(max-width:800px) {h1 {font-size: 5vw;}.footer p {line-height: 27px;}}
@media(max-width:480px) {h1 {font-size: 2.3em;}.login form {padding: 7.5vw;}.footer p {line-height: 27px;}}
@media(max-width:568px) {.login{flex-direction: column;}.login img{ order:1;margin-top: 1em;}.footer p {line-height: 27px;}}
@media(max-width:440px) {h1 {font-size: 2.1em;}.parent {display: block;}.footer p {line-height: 27px;}}
@media(max-width:320px) {h1 {font-size: 1.8em;}.login form {padding: 25px 8px;}.footer p {line-height: 27px;}}
/****** popup Window *****/
#myFormAlert {color: #FF7575;}
#Db {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 99999;text-align: center;}
#DB #ModalBt {text-align: center;border-radius: 10px;padding: 10px;border: solid 1px #0000F0; position: relative; margin: 200px auto;width: 400px;display: inline-block; background: rgba(0, 0, 0, .7);box-shadow: 0 0 5px rgba(159, 159, 159, 0.6);color: #ffffff;}
#Db #ModalBt .close {position: absolute;top: 15px;right: 15px;font-size: 15px;}
#Db #ModalBt .title {font-size: 20px;margin-top: 10px;color: #fff;}
#Db #ModalBt .text {clear: both;font-size: 14px;margin-bottom: 10px;color: #fff;}

.toast {position: fixed; top: 0; left: 0; right: 0; margin: auto;max-width: 400px;padding: 6px;background: #cccccc;color: #333333;font-family: sans-serif;text-align: center;border: 1px solid #aaaaaa;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);visibility: hidden;opacity: 0;transition: opacity 0.2s, top 0.2s, visibility 0.2s;}
.toast--visible {top: 20px;opacity: 1;visibility: visible;}
.toast--success {background: green;border-color: #009d23;}
.toast--error {background: red;border-color: #ba0000;}
.myPop {position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); width: 350px; height: 370px;padding: 15px;border-radius: 10px;box-sizing: border-box;display:inline-block; background: rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(159,159,159,0.6); color: #ffffff; padding: 0px; border: solid 1px #0000F0;}
.myPop-title {font-weight: bold;font-size: 16px; height: 16px;line-height: 5px; color: #FFFFFF; background: blue; border-radius: 10px 10px 0 0;margin: 0;padding: 15px;}
.myPop-close {float: right; font-size: 18px;}
.dw80 {width: 87%;}
.LbT {font-size: 16px;}
.comboTable {font-family:"Courier New", Courier, monospace;font-size: 16px;height: 24px; border: 1px solid #4E6189;}
.tablCombo {width: 300px; text-align: center; opacity: .9;}
.tablCombo, .tablCombo td {border: 0px solid black; border-collapse: collapse;}
.tablCombo tr {font-size:12px;}
.tablCombo tr:hover td {background:#39A2DB; color:#000;}
.tablCombo tr:nth-child(odd) td {background:#A2DBFA;}
.tablCombo tr:nth-child(odd):hover td {background:#39A2DB;}
.tablCombo td {background:#DBF6E9; color: #000; padding:4px; text-align:left;font-size:12px;}
thead.fixedHeader tr {position: relative}
body thead.fixedHeader tr {display: block}
thead.fixedHeader th {font-weight: normal;padding: 4px 3px;text-align: left}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {color: #FFF;display: block;text-decoration: none;width: 100%}
thead.fixedHeader a:hover {color: #FFF;display: block;text-decoration: underline;width: 100%}
body tbody.scrollContent {display: block;height: 350px;overflow: auto;width: 100%}
body thead.fixedHeader th {width: 5%}
body thead.fixedHeader th + th {width: 40%}
body thead.fixedHeader th + th + th {width: 30%}
body thead.fixedHeader th + th + th + th {width: 25%}
body tbody.scrollContent td {width: 5%}
body tbody.scrollContent td + td {width: 40%}
body tbody.scrollContent td + td + td {width: 30%}
body tbody.scrollContent td + td + td + td {width: 25%}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #5A80BF; border-radius: 5px;}

@media print {
	.myDivToPrint {background-color: white;height: 100%;width: 100%;position: fixed;top: 0;left: 0;margin: 0;padding: 15px;font-size: 14px;line-height: 18px;}
}