/* MAIN PANEL CONTAINER  */
.pnl_wrap {
width: 100%;
height: auto;
}

.pnl_hdbx {
width: 100%;
height: 80px;
display: flex;
justify-content: space-between;
}

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

.pnl_hdinf {
font-family: 'roboto', sans-serif; 
font-size: 20px;
margin-right: 20px;
color: rgb(1, 64, 116);
font-weight: 600;
}

.pnl_hdlfbx p:nth-child(1){
font-family: 'Lato', sans-serif; 
font-size: 28px;
margin-left: 20px;
color: black;
padding-top: 14px;
font-weight: 600;
}

.pnl_hdlfbx p:nth-child(2){
font-family: 'Lato', sans-serif; 
font-size: 16px;
margin-left: 20px;
color: rgb(124, 124, 124);
padding-top: 8px;
}

.pnl_hdrgbx {
width: auto;
height: 70px;  
display: flex;
justify-content: end;
align-items: center; 
padding-right: 20px;
}

.pnl_hdinbx {
min-width: 200px;
border: 1px black solid;
height: 70px;
display: flex;
padding-left: 10px;
padding-right: 10px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
}


/* DATE RANGE PICKER  */
.dprngcn {
width: 180px;
height: 35px;
text-align: center;
position: relative;
margin-right: 15px;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
transition: all 100ms ease-in-out;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
cursor: default;
z-index: 1000;
margin-top: 5px;
}

.dprngcn:hover{
outline: 0;
border-color: #2260ff;
background-color: #dee7ff;
color: #0043ed;
}

.dprngcn_active {
outline: 0;
border-color: #2260ff;
background-color: #dee7ff;
color: #0043ed;
}

.dprgbtn {
overflow: hidden;
width: 100%;
outline: none;
font-family: 'Inter', sans-serif; 
border-radius: 3px;
font-size: 14px;
padding-top: 11px;
padding-bottom: 11px;
}

.dprgbtn i {
margin-right: 5px;
}

/* MAIN WRAPPER */
.dprngincn {
position: absolute;
right: 0px;
top: 30px;
width: auto;
border: 1px solid #e0e0e0;
background-color: white;
box-shadow: 0px 12px 12px 5px rgba(188, 188, 188, 0.4);

/* New for animation */
overflow: hidden;
max-height: 0;
opacity: 0;
margin-top: 0;
transition: all 0.3s ease;
}

/* INPUT CONTAINER  */
.dprngKicn {
width: 100%;
height: auto;
}

/* OPTION CONTAINER  */
.dpraccn {
width: 100%;
height: 50px;
background-color: rgb(250, 249, 249);
display: flex;
justify-content: end;
padding-right: 15px;
align-items: center;
}

.dpraccn button  {
margin-left: 5px;
}


/* PANEL SEARCH INPUT  */
.pnl_datsrc {
position: relative;
cursor: text;
font-size: 13px;
padding: 8px;
height: 35px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
outline: none;
font-family: 'Inter', sans-serif; 
margin-right: 5px;
margin-left: 5px;
width: 250px;
}

.pnl_datsrc:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.pnl_datsel {
position: relative;
cursor: default;
font-size: 13px;
padding: 8px;
height: 35px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
outline: none;
font-family: 'Inter', sans-serif; 
margin-right: 10px;
margin-left: 5px;
 -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* Standard */
}

.pnl_datsel:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.pnl_hdintx {
font-family: 'Lato', sans-serif; 
font-size: 14px;
color: rgb(48, 48, 48);
margin-left: 5px;
margin-right: 5px;
}


/* ANALYTICS SECTION  */
.pnl_grpbx {
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: auto;
margin-top: 20px;
display: block;
margin-bottom: 20px;
padding-bottom: 20px;
border: 1px solid #d6d6e7;
}

/* CARD BOX CONTAINER */
.pnl_anl_ebcn {
width: 100%;
height: auto;
padding-top: 20px;
display: flex;
justify-content: start;
align-items: center;
padding-left: 20px;
}

/* EACH CARDS */
.pnl_anlecbx {
width: 14%;
height: 115px;
border: 1px solid #d6d6e7;
color: rgb(35, 38, 59);
background-color: white;
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
}

.pnl_anlecbx_hd {
font-family: "Mukta", serif;
font-optical-sizing: auto;
font-size: 16px;
padding-top: 10px;
padding-left: 15px;
color: rgb(151, 151, 151);
font-weight: 400;
}

.pnl_anlecbx_in {
width: 100%;
height: 40px;
}

.pnl_anlecbx_in p:nth-child(1) {
font-family: "Roboto", serif;
font-optical-sizing: auto;
font-size: 23px;
padding-top: 2px;
padding-left: 15px;
color: rgb(0, 0, 0);
font-weight: 600;
}

.pnl_anlecbx_in p:nth-child(2) {
font-family: "Roboto", serif;
font-optical-sizing: auto;
font-size: 15px;
padding-top: 8px;
padding-right: 15px;
color: rgb(4, 170, 1);
font-weight: 600;
float: right;
}

.pnl_anlecbx_bbx {
width: 100%;
height: 35px;
display: flex;
justify-content: space-between;
align-items: center;
}

.pnl_anlecbx_bbx p{
font-family: "Roboto", serif;
font-optical-sizing: auto;
font-size: 14px;
padding-left: 10px;
color: rgb(30, 22, 248);
font-weight: 600;
}


.pnanl_bl {
background-color: #4285f4;
color: white;
}
.pnanl_bl p, .pnanl_bl .pnl_anlecbx_in p, .pnanl_bl i {
color: white
}


/* GRAPHS CONTAINER  */
.pnl_grp_cnt {
width: 96%;
padding-top: 50px;
height: auto;
padding-left: 1%;
padding-right: 1%;
margin-top: 20px;
display: flex;
}

#myChart {
/* border: 1px solid #eaeaf5; */
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
padding: 20px;
width: 68%;
}

.pnl_grp_cntn_chbx {
width: 30%;
height: auto;
padding-left: 20px;
/* box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%); */
margin-left: 2%;
}

.klo996 option{
display: none;
}


/* ================================== */
/* ====== PANEL TABLE SECTION ======= */
/* ================================== */

.pnl_bdbx {
width: 100%;
min-height: 800px;
}

.pntb_hdbx {
width: 100%;
min-height: 50px;
display: flex;
justify-content: start;
align-items: center;
}

.pntb_srcbx {
display: block;
height: 50px;
width: auto;
margin-left: 15px;
padding-top: 9px;
}

.tebl_src_lbl {
font-size: 14px;
font-weight: 400;
color: grey;
font-family: 'Inter', sans-serif;   
padding-top: 10px;
margin-left: 7px;
}

.pntb_cn {
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: 800px;
overflow-x: auto;
overflow-y: auto;
margin-top: 30px;
margin-bottom: 10px;
}

.pntb_cn table {
border-collapse: collapse;
}

.pntbl_hr td {
background-color: #213864;
font-size: 15px;
color: #fdfdfd;
font-size: bold;
font-family: 'Roboto', sans-serif;
border: 1px rgb(252, 252, 252) solid;
padding: 7px;
position: sticky;
margin-top: 0px;
top: 0;
white-space: nowrap;
overflow: hidden; 
text-overflow: ellipsis; 
}

.esq334d {
max-width: 300px;
white-space: nowrap;
overflow: hidden; 
text-overflow: ellipsis; 
}

.pntbl_br {
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 15px 15px rgba(249, 249, 249, 0.308);
transition-duration: 0.1s;
}

.pntbl_br td {
border: 1px solid rgb(242, 242, 242);
font-family: 'Roboto', sans-serif;
font-size: 15px;
padding: 10px;
white-space: nowrap;
overflow: hidden; 
text-overflow: ellipsis; 
}

.tbbtrw {
border-bottom: 2px rgba(206, 206, 206, 0.456) inset;
}

.pntbl_br td input[type="checkbox"] {
width: 18px;
height: 18px;
}

.pntb_inbxf {
width: auto;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 5px;
padding-right: 5px;
}

.pntb_inf {
padding-right: 10px;
}

.pntb_gtd {
color: rgb(1, 130, 1);
background-color: rgb(228, 255, 228);
padding: 5px;
border: 1px rgb(194, 247, 194) solid;
border-radius: 5px;
width: fit-content;
margin-right: 7px;
display: inline-flex;
}

.pntb_ytd {
color: rgb(128, 130, 1);
background-color: rgb(254, 255, 219);
padding: 5px;
border: 1px rgb(236, 246, 161) solid;
border-radius: 5px;
width: fit-content;
margin-right: 7px;
display: inline-flex;
}

.pntb_rtd {
color: rgb(252, 59, 59);
background-color: rgb(255, 228, 228);
padding: 5px;
border: 1px rgb(247, 194, 194) solid;
border-radius: 5px;
width: fit-content;
margin-right: 7px;
display: inline-flex;
}

.pntb_btd {
color: rgb(6, 147, 182);
background-color: rgb(228, 252, 255);
padding: 5px;
border: 1px rgb(194, 244, 247) solid;
border-radius: 5px;
width: fit-content;
font-family: 'roboto';
margin-right: 7px;
display: inline-flex;
}

.pntb_pimg {
width: 35px;
height: 35px;
border-radius: 50%;
margin-right: 10px;
}

.pntb_ftbx{
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
display: none;
}






/* ===================================== */
/* === MAIN PANEL TABLE CONTAINER ====== */
/* ===================================== */

.pntb_cn table tbody {
padding-top: 6px;
}

/* LIST SKELITON LOADER  */
.lstsklldr {
height: 80px;
margin: 1px;
margin-top: 4px;
border-radius: 6px;
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 60%
) rgb(238 238 238);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1.5s loading2 ease-in-out infinite;
transition-duration: 0.5s;
border: 6px rgb(255, 255, 255) solid;
}
@keyframes loading2 {
  to {
    background-position-x: -20%;
  }
}

.lstsklldr td{
margin-top: 4px;
}

.dv_stsklldr {
height: 50px;
margin: 1px;
margin-top: 4px;
border-radius: 6px;
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 60%
) rgb(238 238 238);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1.5s loading2 ease-in-out infinite;
transition-duration: 0.5s;
border: 6px rgb(255, 255, 255) solid;
}
@keyframes loading2 {
  to {
    background-position-x: -20%;
  }
}

.scrobtnbx {
width: 70px;
height: 40px;
position: fixed;
bottom: 30px;
right: 130px;
display: none;
justify-content: space-between;
align-items: center;
display: none;
}

.scrobtnbx img:nth-child(1) {
width: 40px;
transform: rotate(180deg);
}

.scrobtnbx img:nth-child(2) {
width: 40px;
margin-left: 15px;
}

.scrobtnbx img:nth-child(1):hover, .scrobtnbx img:nth-child(2):hover { 
opacity: 80%;
}


/* ================================== */
/* ===== PANEL TABBING CONTAINER ==== */
/* ================================== */

.modtabbox {
width: 100%;
min-height: 700px;
margin-bottom: 50px;
}

.pnl_tab_bdbx {
width: 100%;
min-height: 800px;
display: none;
}

.perfmodtbcn .disable_con label {
display: none;
}

.blink_warn {
    animation: blink_warn 2s ease-in infinite;
}

@keyframes blink_warn {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* INTEGRATION MODULE  */
.dmo335 {
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 130px;
display: block;
}

.dnfu33 {
font-family: "Roboto", 'sans-serif';
background-color:white;
color: #a3a3a3;
font-size: 20px;
display: block;
text-align: center;
padding-top: 40px;
}

.lrd934 {
width: 100%;
display: block;    
}