*{margin: 0px;padding:0px ;}
body{margin: 0px;padding: 0px;font-family: "Poppins", sans-serif;}
ol, ul, li{margin: 0px;padding:0px;list-style-type: none;}
h1, h2, h3, h4, h5, h6{padding: 0px;margin: 0px;}
p, li{padding: 0px;margin: 0px;box-shadow: none;}
a{text-decoration: none;padding: 0px;margin: 0px;cursor: pointer;}
.form-control{outline: none;border: none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.navbar .dropdown-toggle::after{display: none;}
.clear{clear: both;}

:root{
--header: #023852;
--background: #000118;
--tred: #f56d54;
--tblue: #031a30;
--tgreen: #24a473;
--tyellow: #e6d176;
--tskyblue: #5abae0;
--white: #ffffff;
--black: #000000;
--green: #06fc3b;
--light: #ffebcd;
--tabs: #3682a4;
}

td span.green{color: var(--tgreen)}
td span.red{color: var(--tred)}
td span.yellow{color: var(--tyellow)}

.Toolbar{height: 3rem;width: 100%;padding: 0 20px;background-color: var(--header);font-size: 17px;justify-content: space-between;}
.Toolbar, .Logo{display: flex;align-items: center;}
.Logo a{font-size: 18px;color: var(--white);text-decoration: none;font-weight: 500;}
.Logo a img{width: 20px;height: 20px;vertical-align: sub;}
.nse_bse{margin-left: 1rem;display: inline-block;}
.nse_bse .form-check{display: inline-block;margin: 0px;}
.form-check-input{width: 12px;height: 12px;margin-left: -20px !important;margin-top: 6px;}
.nse_bse .form-check input[type=radio] {appearance: none;cursor: pointer;border-radius: 50%;border: 1px solid #999;
transition: all .1s linear;margin-top: 9px;}
.nse_bse .form-check input[type=radio]:checked {border: .37rem solid #06fc3bc0;outline: unset !important;margin-top: 9px;}
.nse_bse .form-check label{color: var(--white);font-size: 13px;vertical-align: bottom;}
.toolbar_spot{margin-left: 9rem;display: flex;color: var(--light);font-size: .9rem;}
.toolbar_spot .tspot_list:first-of-type {border-right: 1px solid var(--light);padding-right: .5rem;margin: 0 .5rem;}
.toolbar_spot .tspot_list span.green{color: var(--green);}

.Toolbar .navbar .menu, .Toolbar .navbar .profile{display: flex;align-items: center;justify-content: space-between;}
.Toolbar .navbar ul{justify-content: center !important;flex-direction: row;}
.Toolbar .navbar ul li{padding: 0 7px;margin: 0px;position: relative;}
.Toolbar .navbar ul li a{color: var(--light);font-size: 14px;}
.Toolbar .navbar ul li ul{position: absolute;top: 100%;left: -25px;min-width: max-content;opacity: 0;visibility: hidden;
transform-origin: top center;transform: scaleY(0) translateZ(100px);z-index: 99;background-color: var(--white);
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;box-shadow: 0px 10px 60px 0px #00000012;}
.Toolbar .navbar ul li:hover ul{opacity: 1;visibility: visible;transform: scaleY(1) translateZ(0px);}
.Toolbar .navbar ul li ul li{padding: 5px 0px;}
.Toolbar .navbar ul li ul li a{padding: 6px 10px;color: var(--tblue);font-size: 14px;}
.Toolbar .navbar ul li ul li a:hover{color: var(--white);background: var(--tblue);cursor: pointer;}
.Toolbar .navbar ul li a i{font-size: 20px;vertical-align: middle;}
/* Header Section End Here */

/* Content Section Start Here */
.content_head{padding: 7px 20px;}
.content_head .content_head_first{display: flex;color: var(--black);font-size: 14px;text-align: left;font-weight: 500;}
.content_head .content_head_first select.con_head_first_sel{width: auto;border: none;border-bottom: 1px solid var(--header);
border-radius: 0;line-height: 14px;font-size: 14px;padding: 0 .15rem 0px .15rem;margin: 0 5px;font-weight: 500;}
.content_head .content_head_first select.con_head_first_sel option{padding: 3px 5px;}
.content_head .content_head_first select.con_head_first_sel:focus{box-shadow: none;border: none;outline: none;
border-bottom: 1px solid var(--header);}
.content_head .content_head_first select.con_head_first_sel:focus-visible{border: none;outline: none;
border-bottom: 1px solid var(--header);}
.content_head .content_head_first a{padding: 0 4px;}
.content_head .content_head_first a i{font-size: 17px;color: var(--header);vertical-align: middle;}
.content_head .content_head_mid{display: flex;color: var(--black);font-size: 14px;text-align: center;justify-content: center;
font-weight: 500;}
.content_head .content_head_mid .tspot_list:first-of-type {border-right: 1px solid var(--header);padding-right: .5rem;
margin: 0 .5rem;}
.content_head .content_head_mid .tspot_list .green{color: var(--tgreen);}
.content_head .content_head_last .list{color: var(--black);font-size: 14px;font-weight: 500;text-align: right;}
.content_head .content_head_last .list .red{color: var(--tred);}
/* Content Head Section End Here */

/* Content Head Section Start Here */
.content_body{padding: 15px 20px;background: var(--background);}
.content_body .nav-pills li button{padding: 2px 15px;background: var(--white);color: var(--background);border-radius: 50px;
font-size: 15px;font-weight: 400;margin: 0 5px;}
.content_body .nav-pills li button.active{background: var(--tabs);}
.content_body .tab-content{padding: 10px 0px;}
.content_body .tab-content table{width: 100%;}
.content_body .tab-content table thead, .content_body .tab-content table tbody{padding: 0 10px;text-align: center;}
.content_body .tab-content table thead tr{border-top: 2px solid var(--light);border-bottom: 2px solid var(--light);
padding: 2px 0px;}
.content_body .tab-content table thead tr:first-child{background: var(--tblue);}

.content_body .tab-content table thead tr th.mid_border{position: relative;}
.content_body .tab-content table thead tr th.mid_border:after{position: absolute;content: '';top: 50%;left: 50%;transform: translate(-50%, -50%);
width: 2px;height: 100%;background: var(--light);}
.content_body .tab-content table thead tr:first-child th:first-child{text-align: center;}
.content_body .tab-content table thead tr th{padding: 4px 0px;color: var(--white);font-size: 15px;font-weight: 400;}
.content_body .tab-content table tbody tr:nth-child(even) {background: var(--black);}
.content_body .tab-content table tbody tr:nth-child(odd) {background: var(--tblue);}
.content_body .tab-content table tbody tr td{padding: 4px 0px;color: var(--white);font-size: 14px;font-weight: 400;}
.content_body .tab-content table tbody tr td{color: var(--white);font-size: 14px;font-weight: 400;}

/* Content Section End Here */