* {
padding: 0px;
margin: 0px;
}

.ylw_ntc_bx_mob_tab {
display: none;
}

/* STRIP LOADER  */
.strip_loader_mainbox {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 5px;
z-index: 500;
}

.strip_loader {
width: 20%;
height: 5px;
background-image: linear-gradient(to right, #2ac5f9 ,#064482);
border-radius: 5px;
animation-name: stripani;
animation-duration: 2.0s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
margin-left: 0px;
}

/* ANIMATION  */
@keyframes stripani {
    0% {
        margin-left: 0px;
        width: 0%;
    }
    50% {
        margin-left: 40%;
        width: 100%;
    }
    100% {
        margin-left: 100%;
    }
}

html {
font-size: 1px;
}

body {
scroll-behavior: smooth;
}

/* width */
body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
  
/* Handle */
body::-webkit-scrollbar-thumb {
  background: #a7a7a7; 
  border-radius: 10px;
}

/* Handle on hover */
body:-webkit-scrollbar-thumb:hover {
  background: #8b8b8b; 
}



/* ===================== MOBILE SECTION ADJUSTMENT ================= */
.mobile_nav_wrapper {
display: none;
}


/* ====================================================================== */
/* ========================== LOADING SECTION =========================== */
/* ====================================================================== */

/* ---- DISPLAY CONTROL ------- */
.loading_mbox {
display: flex;
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
background-color: white;
position: fixed;
top: 0px;
left: 0px;
z-index: 10000;
}

.loading_icon {
width: 100px;
}





/* ========= MAIN BOX =========== */
.mainbox {
width: 100%;
min-height: 100vh;
background-color: #eeeeeb;
}


/* ========= HEADING BOX ========== */
.mainwrap {
min-width: 90%;
height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}

.hbox { 
width: 100%;
height: 80px;
background-color: #4cb7ef;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.logbx {
float: left;
width: auto;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}

.mlogo { 
width: 60px;
margin-left: 20px;
margin-right: 20px;
}

.mlog_txt {
font-size: 20px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(253, 253, 253);
font-family: 'Noto', sans-serif;
z-index: 200;
padding-left: 20px;
}

.phbox {
float: right;
display: flex;
height: 80px;
float: right;
}

.ph_left {
width: auto;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}

.ph_swtx_bx {
display: block;
height: 80px;
width: auto;
background-color: #4aa8db;
}


.ph_left_txt1 {
font-size: 18px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(253, 253, 253);
font-family: 'Noto', sans-serif;
z-index: 200;
padding-left: 20px;
padding-right: 20px;
padding-top: 13px;
}

.ph_left_txt2 {
font-size: 15px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(253, 253, 253);
font-family: 'Noto', sans-serif;
z-index: 200;
padding-left: 20px;
padding-right: 20px;
}

.ph_left_txt3 {
font-size: 12px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(253, 253, 253);
font-family: 'Noto', sans-serif;
z-index: 200;
padding-left: 20px;
padding-right: 20px;
}


.hpro_icn {
width: 50px;
margin-left: 10px;
margin-right: 10px;
transform: scale(100%);
transition-duration: 0.5s;
cursor: pointer;
}

.hpro_icn:hover {
transform: scale(110%);
}

.ph_right {
width: auto;
height: 80px;
}

.ph_forgot_btn_bx {
min-width: 100px;
height: 40px;
padding-left: 5px;
padding-right: 5px;
background-color: #f5f5f5;
margin-top:20px;
border-radius: 10px;
margin-left: 15px;
margin-right: 30px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
transition-duration: 0.5s;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}

.ph_forgot_btn_bx:hover {
background-color: #e5e5e5;
}

.ph_forgot_img {
width: 20px;
opacity: 80%;
}

.ph_forgot_txt {
font-size: 17px;
margin-left: 5px;
font-weight: bold;
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
}

.ph_opt_bx {
width: 180px;
height: auto;
background-color: black;
box-shadow: 0px 0px 15px #b3b3b3;
position: absolute;
margin-top: 180px;
margin-left: 130px;
border-radius: 5px;
z-index: 200;
display: none;
}

.ph_opt_ech_bx {
width: auto;
height: 50px;
display: flex;
justify-content: left;
align-items: center;
background-color: white;
padding-left: 15px;
cursor: default;
transition-duration: 0.2s;
}
.ph_opt_ech_bx:hover {
background-color: rgb(237, 237, 237);
border-right: 5px #4aa8db solid;
}

.ph_op_txt {
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
font-size: 22px;
font-weight: bold;
}
 
.fbox {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
bottom: 0px;
width: 90%;
height: 40px;
background-color: #4cb7ef;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 0px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.ftxt {
width: 100%;
text-align: center;
padding-top: 10px;
font-size: 15px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(230, 230, 230);
font-family: 'Noto', sans-serif;
}

.carpet {
width: 100%;
min-height: 450px;
margin-top: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0 0px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
border-radius: 5px;
padding-bottom: 50px;
padding-top: 20px;
}

.carpet_ntc_bx_wrp {
width: 100%;
height: 60px;
overflow: hidden;
}

.carpet_ntc_bx_scrl {
height: 180px;
transition-duration: 0.5s;
margin-top: -60px;
}

.ntc_bx_wrp {
height: 60px;
border: 1px white solid;
}

.grn_ntc_bx {
display: block;
width: 90%;
height: 40px;
background: linear-gradient(-225deg, #DFFFCD 0%, #90F9C4 48%, #39F3BB 100%);
border: 1px rgb(117, 236, 117) solid;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: flex;
justify-content: start;
align-items: center;
}

.grn_icn {
width: 25px;
padding-left: 15px;
padding-right: 10px;
}

.grn_txt {
color: rgb(4, 169, 4);
font-family: 'Noto', sans-serif;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
padding-right: 10px;
}

.ylw_ntc_bx {
display: block;
width: 90%;
height: 40px;
background: linear-gradient(-225deg, #fcffcd 0%, #e7f990 48%, #d7f339 100%);
border: 1px rgb(228, 236, 117) solid;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: flex;
justify-content: start;
align-items: center;
}

.ylw_icn {
width: 25px;
padding-left: 15px;
padding-right: 10px;
}

.ylw_txt {
color: rgb(169, 164, 4);
font-family: 'Noto', sans-serif;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
padding-right: 10px;
}

.gry_ntc_bx {
display: block;
width: 90%;
height: 40px;
background: linear-gradient(25deg, rgb(255, 207, 225),rgb(255, 149, 158) 50%);
border: 1px rgb(243, 37, 37);
border-radius: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: flex;
justify-content: start;
align-items: center;
}
/* echo '{"status":"active"}'; */
.gry_icn {
width: 25px;
padding-left: 15px;
padding-right: 10px;
}

.gry_txt {
color: rgb(137, 9, 4);
font-family: 'Noto', sans-serif;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
padding-right: 10px;
}

/* DISPLAY CONTROL  */
.login_wrap {
display: block;
height: auto;
width: auto;
padding-top: 30px;
opacity: 00%;
transition-duration: 0.5s;
}

.login_box {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 350px;
/* height: 370px; */
height: 330px;
background: linear-gradient(109.6deg,  #91d8ff  11.2%, #79caf5  91.1%);
box-shadow: 0 0px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
border-radius: 10px;
transition-duration: 0.2s;
}

.login_txt_htx {
font-family: 'Noto', sans-serif;
font-size: 25px;
padding-top: 20px;
padding-bottom: 15px;
padding-left: 20px;
font-weight: bold;
color: rgb(18, 18, 18);
}

.login_row_wrap {
width: 100%;
height: auto;
display: flex;
justify-content: start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
}

.login_icon {
width: 30px;
margin-left: 25px;
}

.login_in {
padding: 6px 12px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 15px;
width: 60%;
height: 31px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}
.login_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.50rem rgba(206, 224, 251, 0.951);
}

.login_in::placeholder { /* Edge 12-18 */
  color: rgba(163, 163, 163, 0.515);
}

.otp_in {
width: 30%;
}

/* DISPLAY CONTROL  */
.login_ntc {
font-size: 15px;
font-weight: 400;
font-family: 'Noto', sans-serif;
color: black;
margin-top: 10px;
height: 25px;
text-align: center;
font-style: italic;
display: none;
}

.login_otp_regen_btn {
background-color: rgb(235, 159, 18);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
margin-left: 15px;
margin-bottom: 5px;
height: 35px;
transition-duration: 0.5s;
margin-top: 5px;
display: block;
}

.login_otp_regen_btn:hover,
.login_otp_regen_btn:focus {
background-color: rgb(217, 142, 3);
}

.login_otp_regen_btn:focus {
box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.login_otp_regen_btn:active {
background-color: #bd9a00;
box-shadow: none;
}

.login_procd_btn_scrl_wrp {
width: 100%;
height: 50px;
overflow: hidden;
margin-top: 5px;
}

.login_procd_btn_scrl_bx {
width: 100%;
height: 100px;
transition-duration: 0.5s;
margin-top: 0px;
}


.login_procd_btn {
background-color: rgb(242, 165, 24);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
transition-duration: 0.5s;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
margin-left: 10%;
margin-right: 10%;
height: 40px;
margin-top: 5px;
margin-bottom: 5px;
width: 80%;
user-select: none;
}

.login_procd_btn:hover,
.login_procd_btn:focus {
background-color: rgb(217, 142, 3);
}

.login_procd_btn:focus {
box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.login_procd_btn:active {
background-color: #bd9a00;
box-shadow: none;
}

.login_row_lft_spc {
width: 60px;
height: 40px;
}

.login_remember_inbx {
width: auto;
height: 40px;
display: flex;
}

.login_remember_txt {
font-family: 'Noto', sans-serif;
font-size: 17px;
padding-top: 5px;
padding-left: 10px;
}

.lgn_admn_chbx_checkbox-wrapper-15 .cbx {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx span:first-child {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #B9B8C3;
  background-color: white;
  transition: all 0.2s ease;
  cursor: pointer;
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 6px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506EEC;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx span:last-child {
  margin-left: 8px;
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx span:last-child:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #B9B8C3;
  transform-origin: 0 0;
  transform: scaleX(0);
}
.lgn_admn_chbx_checkbox-wrapper-15 .cbx:hover span:first-child {
  border-color: #3c53c7;
}

.lgn_admn_chbx_checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
  border-color: #3c53c7;
  background: #3c53c7;
  animation: check-15 0.6s ease;
}
.lgn_admn_chbx_checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.lgn_admn_chbx_checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}
.lgn_admn_chbx_checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
  color: #B9B8C3;
  transition: all 0.3s ease;
}
.lgn_admn_chbx_checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after {
  transform: scaleX(1);
  transition: all 0.3s ease;
}

@keyframes check-15 {
  50% {
    transform: scale(1.2);
  }
}


/* INVITATION BOX */
.intv_bx {
width: auto;
padding-top: 10px;
padding-bottom: 10px;
} 

.intv_scrl_bx {
width: 350px;
height: 30px;
overflow: hidden;
}

.intv_txt {
font-family: 'Noto', sans-serif;
font-size: 25px;
padding-left: 30px;
display: block;
height: 30px;
transition-duration: 0.5s;
}

.btn1 {
float: right;
background-color: rgb(242, 165, 24);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
margin-right: 30px;
width: 150px;
}

.btn1:hover,
.btn1:focus {
background-color: rgb(217, 142, 3);
}

.btn1:focus {
  box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.btn1:active {
  background-color: #bd9a00;
box-shadow: none;
}

.gen_btn_2 {
background-color: rgb(242, 165, 24);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
min-width: 100px;
}

.gen_btn_2:hover,
.gen_btn_2:focus {
background-color: rgb(217, 142, 3);
}

.gen_btn_2:focus {
  box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.gen_btn_2:active {
  background-color: #bd9a00;
box-shadow: none;
}

.mrgn_lft_20 {
margin-left: 20px;
}

.mrgn_rght_20 {
margin-left: 20px;
}

.mrgn_lft_40 {
margin-left: 40px;
}

.mrgn_rght_40 {
margin-left: 40px;
}


/* CLOSE BTN  */
.cpybrd_btn1 {
background-color: rgb(255, 99, 99);
border-radius: 15px;
height: 30px;
color: white;
font-family: 'Inter', sans-serif;
border:none;
margin-top: 10px;
margin-right: 15px;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
transition-duration: 0.2s;
}
.cpybrd_btn1:hover {
background-color: rgb(252, 71, 71);
}

/* ROW BOX  */
.cpybrd_echbx {
display: flex;
justify-content: left;
align-items: center;
}

/* EMAIL INPUT  */
.cpybrd_inp {
width: 330px;
background-color: rgb(233, 245, 255);
height: 45px;
font-size: 15px;
margin-top: 10px;
border:none;
font-family: 'Inter', sans-serif;
margin-left: 20px;
color: black;
font-size: 16px;
padding-left: 15px;
border-radius: 5px;
border: none;
border-bottom: 5px rgb(157, 204, 243) solid;
transition-duration: 0.2s;
outline: none;
}
.cpybrd_inp:focus {
background-color: rgb(239, 248, 255);
}

/* BUTTON  */
.cpybrd_btn2 {
background-color: rgb(80, 83, 251);
border-radius: 5px;
height: 35px;
color: white;
font-family: 'Inter', sans-serif;
border:none;
margin-top: 10px;
margin-right: 15px;
margin-left: 15px;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
transition-duration: 0.2s;
}
.cpybrd_btn2:hover {
background-color: rgb(55, 58, 234);
}

/* LINK TEXT  */
.cpybrd_lnk {
background-color: rgb(252, 250, 236);
height: 35px;
width: 380px;
font-size: 15px;
margin-top: 15px;
border:none;
margin-left: 20px;
font-size: 16px;
padding-left: 15px;
display: flex;
justify-content: left;
align-items: center;
border-radius: 5px;
border: none;
border: 1px rgb(214, 225, 61) dotted;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
color: rgb(152, 162, 5);
font-style: italic;
font-family: 'Oswald', sans-serif;
}


.main_admin_tbl_str_icn {
width: 30px;
margin-left: 5px;
transition-duration: 0.2s;
}
.main_admin_tbl_str_icn:hover {
opacity: 50%;
}

.main_sld_opt_bx_wrp {
width: 100%;
height: auto;
}

.main_sld_opt_bx {
display: flex;
width: 100%;
height: 50px;
border-top: 1px #ddf1fb ridge;
}

.main_sld_opt_bx_each {
width: 25%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f3fbff;
background: linear-gradient(#f3fbff,#d0efff);
cursor: default;
transition-duration: 0.5s;
}
.main_sld_opt_bx_each:hover {
background: linear-gradient(#e9f4f9,#c6ecff);
}

.main_sld_opt_txt {
font-size: 15px;
text-align: center;
font-family: 'Inter', sans-serif;
}

.main_sld_opt_bx_line_dsn_con {
width: 100%;
height: 4px;
}

.main_sld_opt_bx_line_dsn {
width: 25%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
height: 4px;
margin-left: 0%;
transition-duration: 0.5s;
background-color: #4aa8db ;
}

.main_admn_cnv_con {
width: 100%;
height: auto;
}

.main_admn_cnv_bx {
width: 100%;
height: auto;
}

.main_admn_tgl_bx_con {
width: 100%;
height: 120px;
}

.main_admn_tgl_bx {
width: 100%;
height: 120px;
background-color: white;
}

.main_admn_tgl_sel {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 40px;
margin-top: 30px;
width: 180px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.main_admn_tgl_sel:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.main_admn_tgl_search_in {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 40px;
width: 350px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.main_admn_tgl_search_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.main_admn_tgl_date_filter {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 30px;
width: 150px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.main_admn_tgl_date_filter:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}



.admn_cndt_ntc_no {
background-color: red;
color: white;
font-size: 11px;
border-radius: 50%;
font-family: 'Inter', sans-serif;
padding: 3px;
margin-left: 5px;
margin-top: -20px;
display: none;
font-weight: bold;
}

.main_admn_tgl_search_reslt_txt {
font-family: 'Poppins', sans-serif;
color: rgb(191, 191, 191);
font-size: 13px;
margin-left: 30px;
padding-top: 5px;
font-style: italic;
}

.main_admin_tbl_con {
width: 96%;
margin-left: 2%;
margin-right: 2%;
border-radius: 10px;
height: auto;
background-color: #f8f9fd;
}

.main_admin_tbl_tg {
width: 100%;
height: auto;
}

.main_admin_tbl_thr {
width: 100%;
height: 70px;
background-color: white;
border: 1px black solid;
}

.main_admin_tbl_th {
font-size: 15px;
font-style: italic;
font-weight: 1px;
color: rgb(73, 72, 72);
font-family: 'Noto', sans-serif;
border-bottom: 5px rgb(238, 238, 238) inset;
}

.main_admin_tbl_tr {
width: 200px;
height: 60px;
background-color: white;
border: 1px black solid;
}
.main_admin_tbl_tr:hover {
  background-color:rgb(249, 254, 255)
}

.main_admin_tbl_td {
border-bottom: 5px rgb(244, 244, 244) inset;
font-size: 15px;
color: rgb(52, 52, 52);
font-family: 'Noto', sans-serif;
padding-left: 10px;
padding-right: 5px;
}

.main_admin_tbl_td_1 {
border-bottom: 5px rgb(244, 244, 244) inset;
font-size: 15px;
color: rgb(52, 52, 52);
font-family: 'Noto', sans-serif;
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 130px;
}

.main_admin_tbl_td_2 {
border-bottom: 5px rgb(244, 244, 244) inset;
font-size: 15px;
color: rgb(52, 52, 52);
font-family: 'Noto', sans-serif;
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
}

.main_admin_tbl_td_3 {
border-bottom: 5px rgb(244, 244, 244) inset;
font-size: 15px;
color: rgb(52, 52, 52);
font-family: 'Noto', sans-serif;
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
}

.main_admin_tbl_td_4 {
border-bottom: 5px rgb(244, 244, 244) inset;
font-size: 16px;
color: rgb(52, 52, 52);
font-family: 'Noto', sans-serif;
padding-left: 10px;
padding-right: 10px;
width: 270px;
}




.main_admin_tbl_prfl_bx {
width: 100%;
display: flex;
justify-content: left;
align-items: center;
}

.main_admin_tbl_prfl_icn {
width: 40px;
border-radius: 50%;
}

.main_admin_tbl_prfl_inbx {
margin-left: 20px;
}

.main_admin_tbl_dtxt1 {
font-size: 16px;
color: rgb(5, 5, 5);
font-family: 'Noto', sans-serif;
padding-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
}

.main_admin_tbl_dtxt2 {
font-size: 13px;
padding-top: 5px;
color: rgb(155, 155, 155);
font-family: 'Noto', sans-serif;
}

.main_admin_tbl_sts_cn1 {
width: auto;
padding-left: 5px;
padding-right: 5%;
background-color: rgb(220, 255, 220);
border: 1px rgb(170, 247, 170) solid;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
}

.main_admin_tbl_sts_icn {
width: 18px;
height: 18px;
margin-right: 10px;
}

.main_admin_tbl_sts_tx1 {
font-size: 14px;
color: rgb(12, 138, 52);
font-family: 'Poppins', sans-serif;
}

.main_admin_tbl_sts_cn2 {
width: auto;
padding-left: 5px;
padding-right: 5%;
border: 1px rgb(13, 206, 209) solid;
background-color: rgba(220, 252, 255, 0.495);
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
}

.main_admin_tbl_sts_tx2 {
font-size: 14px;
color: rgb(3, 136, 184);
font-family: 'Poppins', sans-serif;
}

.main_admin_tbl_sts_cn3 {
width: auto;
padding-left: 5px;
padding-right: 5%;
border: 1px rgb(209, 206, 13) solid;
background-color: rgba(255, 254, 220, 0.71);
border-radius: 20px;
display: flex;
/* display: none; */
justify-content: center;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
}

.main_admin_tbl_sts_tx3 {
font-size: 14px;
color: rgb(184, 181, 3);
font-family: 'Poppins', sans-serif;
}


.main_admin_tbl_sts_cn4 {
width: auto;
padding-left: 5px;
padding-right: 5px;
border: 1px rgb(255, 168, 168) solid;
background-color: rgba(255, 222, 222, 0.76);
border-radius: 20px;
display: flex;
/* display: none; */
justify-content: center;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
}

.main_admin_tbl_sts_tx4 {
font-size: 14px;
color: rgb(233, 75, 75);
font-family: 'Poppins', sans-serif;
}


.gen_btn_3 {
background-color: #4cb7ef;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.15385;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
margin-left: 5px;
margin-right: 5px;
}

.gen_btn_3:hover,
.gen_btn_3:focus {
background-color: #42aae1;
}

.gen_btn_3:focus {
  box-shadow: 0 0 0 4px #6dccff;
}

.gen_btn_3:active {
  background-color: rgb(47, 146, 200);
box-shadow: none;
}

.main_admin_tbl_chnx {
  box-sizing: border-box;
  --background-color: #fff;
  --checkbox-height: 20px;
}

@-moz-keyframes main_admin_tbl_chnx {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@-webkit-keyframes main_admin_tbl_chnx {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@keyframes main_admin_tbl_chnx {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@keyframes main_admin_tbl_chnx {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

@-webkit-keyframes main_admin_tbl_chnx {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

@-moz-keyframes main_admin_tbl_chnx {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

.main_admin_tbl_chnx input[type=checkbox] {
  display: none;
}

.main_admin_tbl_chnx .check-box {
  height: var(--checkbox-height);
  width: var(--checkbox-height);
  background-color: transparent;
  border: calc(var(--checkbox-height) * .1) solid #b7c8ff;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.main_admin_tbl_chnx .check-box::before,
.main_admin_tbl_chnx .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: calc(var(--checkbox-height) * .2);
  background-color: #34b93d;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  -webkit-transition: opacity ease 0.5;
  -moz-transition: opacity ease 0.5;
  transition: opacity ease 0.5;
}
.main_admin_tbl_chnx .check-box::before {
  top: calc(var(--checkbox-height) * .72);
  left: calc(var(--checkbox-height) * .41);
  box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.main_admin_tbl_chnx .check-box::after {
  top: calc(var(--checkbox-height) * .37);
  left: calc(var(--checkbox-height) * .05);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.main_admin_tbl_chnx input[type=checkbox]:checked + .check-box,
.main_admin_tbl_chnx .check-box.checked {
  border-color: #34b93d;
}
.main_admin_tbl_chnx input[type=checkbox]:checked + .check-box::after,
.main_admin_tbl_chnx .check-box.checked::after {
  height: calc(var(--checkbox-height) / 2);
  -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  animation: dothabottomcheck-19 0.2s ease 0s forwards;
}
.main_admin_tbl_chnx input[type=checkbox]:checked + .check-box::before,
.main_admin_tbl_chnx .check-box.checked::before {
  height: calc(var(--checkbox-height) * 1.2);
  -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
  -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
  animation: dothatopcheck-19 0.4s ease 0s forwards;
}

.main_admin_tbl_chnx {
padding-left: 10px;
padding-top: 5px;
}

.al_scr_pup_wrp {
width: 100%;
height: 100vh;
background-color: black;
position: fixed;
top: 0px;
left: 0px;
/* opacity: 40%; */
opacity: 0%;
transition-duration: 0.5s;
display: none;
}

.pup_srn_wrap {
/* width: 60%; */
width: 0%;
overflow-x: hidden;
position: fixed;
top: 0px;
right: 0px;
height: 100vh;
background-color: white;
z-index: 0;
height: 100vh;
transition-duration: 0.5s;
}

.pup_srn_bx {
width: 90%;
height: auto;
border: 1px rgb(219, 219, 219) solid;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
border-radius: 20px;
margin-bottom: 50px;
}

.pup_hd_srn_bx {
width: 100%;
height: 70px;
}

/* CLOSE BUTTON CONTAINER */
.close_popup_box {
float: right;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 30px;
margin-top: 25px;
background-color: rgb(255, 46, 46);
border-radius: 5px;
transition-duration: 0.5s;
cursor: pointer;
}
.close_popup_box:hover {
  background-color: rgb(235, 37, 37);
}

/* CROSS ICON  */
.times_icon {
width: 25px;
}

/* EDIT  */
.edvw_form_txt_1 {
font-family: 'Noto', sans-serif;
font-size: 25px;
padding-bottom: 15px;
font-weight: bold;
color: rgb(18, 18, 18);
width: 97%;
text-align: left;
margin-bottom: 30px;
padding-left: 3%;
}

.edvw_frm_rw {
width: 94%;
margin-left: 3%;
margin-right: 3%;
margin-top: 20px;
margin-bottom: 20px;
min-height: 60px;
display: flex;
justify-content: start;
align-items: center;
background-color: rgb(251, 252, 253);
border: 1px rgb(229, 229, 234) solid;
border-radius: 10px;
box-shadow: 0px 0px 15px rgb(248, 248, 251);
}

.edvw_frm_lbtx {
font-family: 'Poppins', sans-serif;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
color: rgb(133, 133, 133);
width: 20%;
}

.edvw_frm_in {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 30px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.edvw_frm_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.edvw_frm_in {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 30px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.edvw_frm_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.edvw_frm_in_sel {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 40px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.edvw_frm_in_sel:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.edvw_frm_file[type=file]::file-selector-button {
margin-right: 15px;
border: none;
background: #084cdf;
padding: 10px 10px;
border-radius: 10px;
color: #fff;
cursor: pointer;
transition: background .2s ease-in-out;
margin-left: 40px;
}
  
.edvw_frm_file[type=file]::file-selector-button:hover {
background: #0d45a5;
}

.edvw_frm_chnx_cn {
width: 20%;
height: 40px;
border: 1px black solid;
margin-left: 40px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
display: flex;
justify-content: start;
align-items: center;
border-radius: 10px;
}

.edvw_frm_chnx_in {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px blue solid;
margin-left: 20px;
}

.edvw_frm_chnx_lbl {
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
font-size: 15px;
cursor: default;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
}

.edvw_frm_wht_rw {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
display: flex; 
justify-content: center;
align-items: center;
}

.edvw_uploaded_ntic_bx {
width: auto;
height: 35px;
border: 1px rgb(13, 209, 13) solid;
background-color: rgba(241, 255, 220, 0.495);
border-radius: 5px;
display: flex;
margin-left: 10px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}

.edvw_uploaded_ntic_icn {
width: 20px;
}

.edvw_uploaded_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 15px;
color: rgb(21, 184, 3);
margin-left: 10px;
}

/* WRAP BOX  */
.edvw_frm_file_ntc_wrp {
width: 70%;
height: 50px;
overflow: hidden;
position: relative;
}

/* SCROLL BOX  */
.edvw_frm_file_ntc_scrlbx {
margin-top: 00px;
transition-duration: 0.5s;
height: 100px;
}
.edvw_frm_file_ntc_scrlbx:hover {
margin-top: -50px;
}

/* EACH BOX  */
.edvw_frm_file_ntc_ech_bx {
width: 100%;
height: 50px;
display: flex;
align-items: center;
opacity: 100%;
transition-duration: 0.3s;
}

/* RED BOX  */
.edvw_uploaded_red_ntic_bx {
width: auto;
height: 35px;
border: 1px rgb(209, 26, 13) solid;
background-color: rgba(255, 225, 220, 0.495);
border-radius: 5px;
display: flex;
margin-left: 50px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}

.edvw_upload_red_ntic_icn {
width: 20px;
}

.edvw_upload_red_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 15px;
color: rgb(184, 36, 3);
margin-left: 10px;
}

.edvw_uploading_ntic_bx {
width: 70%;
height: 35px;
margin-left: 40px;
display: flex;
align-items: center;
}

.edvw_uploading_ntic_icn {
width: 35px;
animation-name: edvw_upld_icn_ani_1;
animation-duration: 1.5s;
animation-iteration-count: infinite;
opacity: 100%;
}
@keyframes edvw_upld_icn_ani_1 {
  0% {
    opacity: 100%;
  }
  50% {
    opacity: 20%;
  }
  100% {
    opacity: 95%;
  }
}

.edvw_uploading_barbx {
width: 300px;
height: 30px;
border-bottom: 5px rgb(0, 174, 243) solid;
background-color: #f1faff;
margin-left: 10px;
}

.edvw_uploading_bar_file_txt {
color: rgb(3, 93, 189);
font-size: 15px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px;
padding-top: 6px;
font-family: 'Noto', sans-serif;
}

.edvw_uploading_bar_ldr {
position: absolute;
width: 130px;
margin-top: -40x;
height: 30px;
background: linear-gradient(109.6deg, rgb(106, 235, 255) 11.2%, rgb(94, 217, 255) 100.2%);
opacity: 30%;
}

.login_sclr_wrp {
width: 100%;
height: auto;
overflow: hidden;
height: 60px;
}

.login_scrol_bx {
width: 100%;
height: 50px;
margin-top: 0px;
transition-duration: 0.5s;
}




/* ---------------------------- TOKEN MANAGEMENT ------------------------------- */
.tkn_mng_wrapbx {
width: 100%;
min-height: 800px;
display: flex;
padding-bottom: 50px;
}

.tkn_lft_bx {
width: 30%;
height: 800px;
}

.tkn_rgt_bx {
width: 70%;
min-height: 800px;
}

.tkn_frm_main_bx {
width: 90%;
height: 500px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: 1px rgb(227, 227, 227) solid;
background-color: rgb(252, 252, 252);
box-shadow: 0px 0px 15px 15px rgb(251, 251, 251);
border-radius: 15px;
}

.tkn_hd_txt {
font-size: 25px;
background: linear-gradient(#f3fbff,#d0efff);
font-family: 'Noto', sans-serif;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 10px;
}

.tkn_frm_ech_bx {
border: 1px rgb(238, 238, 238) solid;
width: 90%;
height: 50px;
margin-top: 20px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: start;
align-items: center;
border-radius: 10px;
}

.tkn_frm_txt {
font-family: 'Poppins', sans-serif;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
color: rgb(89, 89, 89);
width: 130px;
}

.tkn_frm_in {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 5px;
height: 20px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.tkn_frm_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.tkn_btn_1 {
background-color: rgb(235, 159, 18);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}

.tkn_btn_1:hover,
.tkn_btn_1:focus {
background-color: rgb(217, 142, 3);
}

.tkn_btn_1:focus {
box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.tkn_btn_1:active {
background-color: #bd9a00;
box-shadow: none;
}

.tkn_btn_2 {
background-color: rgb(235, 159, 18);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
padding: 8px;
display: inline-block;
margin-left: 10px;
margin-right: 5px;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
outline: none;
}

.tkn_btn_2:hover,
.tkn_btn_2:focus {
background-color: rgb(217, 142, 3);
}

.tkn_btn_2:focus {
box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.tkn_btn_2:active {
background-color: #bd9a00;
box-shadow: none;
}

.link {
width: 210px;
}

.tkn_frm_ntc_bx {
width: 90%;
height: 50px;
margin-top: 20px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
overflow: hidden;
}

.tkn_frm_ntc_scrl_bx {
width: 100%;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition-duration: 0.5s;
margin-top: 50px;
}

.tkn_link_txt {
font-family: 'Arial', sans-serif;
font-size: 14px;
display: block;
}

/* GREEN NOTICE  */
.tkn_ntic_grn_bx {
width: auto;
height: 30px;
border: 1px rgb(13, 209, 13) solid;
background-color: rgb(249, 252, 246);
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
visibility: hidden;
}

.tkn_ntic_icn {
width: 17px;
box-shadow: 0px 0px 15px rgb(225, 225, 225);
}

.tkn_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 15px;
color: rgb(16, 160, 0);
margin-left: 5px;
font-weight: 200;
}

/* RED NOTICE  */
.tkn_ntic_red_bx {
width: auto;
height: 30px;
margin-top: 10px;
margin-right: 10px;
border: 1px rgb(209, 26, 13) solid;
background-color: rgba(255, 225, 220, 0.495);
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
visibility: hidden;
}

.edvw_upload_red_ntic_icn {
width: 17px;
}

.tkn_red_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 15px;
color: rgb(184, 36, 3);
margin-left: 5px;
}

/* -------------------- TOKEN LIST ------------------- */
.tkn_list_main_bx {
width: 96%;
min-height: 800px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: 1px rgb(227, 227, 227) solid;
background-color: rgb(252, 252, 252);
box-shadow: 0px 0px 15px 15px rgb(251, 251, 251);
border-radius: 15px;
}

.tkn_header_box {
width: 100%;
height: 80px;
display: flex;
justify-content: start;
align-items: center;
}

.tkn_search_in {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 15px;
height: 40px;
width: 300px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.tkn_search_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.tkn_select_in {
padding: 6px 12px;
font-size: 14px;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 10px;
height: 40px;
width: 120px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.tkn_select_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.tkn_li_date {
padding: 6px 12px;
font-size: 14px;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 5px;
height: 27px;
width: 120px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.tkn_li_date:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.tkn_srch_rslt_txt {
font-family: 'Lato', sans-serif;
font-size: 15px;
font-style: italic;
color: grey;
padding-left: 10px;
padding-top: 10px;
}

.tkn_cont_bx {
width: 100%;
height: auto;
}

.tkn_trbx {
width: 96%;
margin-left: auto;
margin-right: auto;
height: 50px;
border-radius: 5px;
border: 1px rgb(224, 224, 224) solid;
background-color: rgb(255, 255, 255);
box-shadow: 0px 15px 15px 15px rgb(251, 251, 251);
display: flex;
justify-content: start;
align-items: center;
margin-top: 5px;
}

.tkn_trbx_lftbx {
width: 94%;
height: 60px;
display: flex;
}

.tkn_trbx_rgtbx {
width: 5%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}

.tkn_td {
display: flex; 
padding-left: 5px;
padding-right: 5px;
justify-content: center;
align-items: center;
min-width: 130px;
}

.tkn_lst_inc { 
width: 30px;
}

.tkn_li_txt {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: rgb(36, 36, 36);
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}

.tkn_close_btn {
background-color: rgb(255, 99, 99);
border-radius: 15px;
height: 24px;
width: 24px;
color: white;
font-family: 'Inter', sans-serif;
border:none;
margin-right: 15px;
cursor: pointer;
transition-duration: 0.2s;
display: flex;
justify-content: center;
align-items: center;
padding: 2px;
position: absolute;
}
.tkn_close_btn:hover {
background-color: rgb(252, 71, 71);
}

.b {
  background-color: rgb(179, 179, 179);
}


/* SKELITON LOADER 1  */

.skl_ldr_tkn_wrap {
width: 100%;
height: auto;
transition-duration: 0.15s;
}

.skl_ldr_mainbox_1 {
display: flex;
width: 96%;
height: 60px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border-radius: 6px;
overflow: hidden;
transition-duration: 0.15s;
}

.skl_ldr_child_1 {
width: 22%;
height: 40px;
margin-top: 10px;
margin-left: 2%;
margin-right: 2%;
background-color: rgb(238 238 238);
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, .5) 50%,
rgba(255, 255, 255, 0) 60%
) rgb(238 238 238);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1s loading ease-in-out infinite;
transition-duration: 0.15s;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}





/* SKELITON LOADER 2  */

.skl_ldr_admin_list_wrap {
width: 100%;
height: auto;
border: 1px black solid;
transition-duration: 0.15s;
}

.skl_ldr_admin_list_tr {
display: flex;
width: 100%;
height: 60px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
overflow: hidden;
transition-duration: 0.15s;
}

.skl_ldr_admin_list_child {
width: 90%;
height: 30px;
margin-top: 5px;
margin-left: 2%;
margin-right: 2%;
background-color: rgb(238 238 238);
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, .5) 50%,
rgba(255, 255, 255, 0) 60%
) rgb(238 238 238);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1s loading ease-in-out infinite;
transition-duration: 0.15s;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}






/* ======================== */
/* ==== PORGRESS BAR ====== */
/* ======================== */

.perf_bar_bx_con {
display: flex;
justify-content: center;
align-items: center;
}

/* GREEN  */
.perf_bar_bx_ylw {
width: 90%;
height: 20px;
border: 1px solid #fff;
padding: 5px;
padding-top: 6px;
padding-bottom: 6px;
min-width: 130px;
box-shadow: 0 0 10px #ededed;
}

.perf_bar_bx_ylw .perf_bar_ylw {
height: 100%;
width: 1%;
background: linear-gradient(rgb(255, 226, 62), rgb(236, 165, 110), rgb(255, 224, 45));
background-repeat: repeat;
box-shadow: 0 0 10px 0px rgb(255, 207, 117);
transition-duration: 0.5s;
}

.perf_bar_tx_ylw {
color: rgb(215, 154, 22);
font-size: 18px;
font-weight: bold;
padding-left: 10px;
padding-right: 5px;
font-family: 'Lato', sans-serif;
width: 70px;
}

/* RED  */
.perf_bar_bx_red {
width: 90%;
height: 20px;
border: 1px solid #fff;
padding: 5px;
padding-top: 6px;
padding-bottom: 6px;
min-width: 130px;
box-shadow: 0 0 10px #ededed;
}

.perf_bar_bx_red .perf_bar_red {
height: 100%;
width: 1%;
background: linear-gradient(rgb(255, 68, 62), rgb(249, 131, 131), rgb(235, 60, 60));
background-repeat: repeat;
box-shadow: 0 0 10px 0px rgb(255, 129, 117);
transition-duration: 0.5s;
}

.perf_bar_tx_red {
color: rgb(215, 38, 22);
font-size: 18px;
font-weight: bold;
padding-left: 10px;
padding-right: 5px;
font-family: 'Lato', sans-serif;
width: 70px;
}

/* GREEN  */
.perf_bar_bx_grn {
width: 90%;
height: 20px;
border: 1px solid #fff;
padding: 5px;
padding-top: 6px;
padding-bottom: 6px;
min-width: 130px;
box-shadow: 0 0 10px #ededed;
}

.perf_bar_bx_grn .perf_bar_grn {
height: 100%;
width: 1%;
background: linear-gradient(rgb(78, 255, 62), rgb(131, 245, 144), rgb(25, 208, 98));
background-repeat: repeat;
box-shadow: 0 0 10px 0px rgb(117, 255, 124);
transition-duration: 0.5s;
}

.perf_bar_tx_grn {
 color: rgb(12, 175, 3);
font-size: 18px;
font-weight: bold;
padding-left: 10px;
padding-right: 5px;
font-family: 'Lato', sans-serif;
width: 70px;
}


/* ================================ */
/* ========= PROCEESS NOTICE ====== */
/* ================================ */

.proc_ntc_wrp {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 50px;
left: 50px;
height: 50px;
width: auto;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}

.proc_ntc_bx {
width: auto;
padding-left: 20px;
padding-right: 20px;
height: 40px;
background-color: black;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 100px;
transition-duration: 0.3s;
}

.proc_ntx_tx {
color: rgb(230, 230, 230);
font-size: 16px;
font-weight: 200;
text-wrap: nowrap;
font-family: 'Lato', sans-serif;
}