button {border: none;border-radius: 6px;}
.orange-btn {background: var(--orangeBtnColor);padding: 0.32rem 1rem;color: var(--whitefont);font-size: 0.86rem;}
.blue-btn {background: var(--blueFontColor);padding: 0.32rem 1rem;color: var(--whitefont);font-size: 0.86rem;}
.blue-btn-outline {background: #ffffff;padding: 0.32rem 1rem;color: var(--blueFontColor);font-size: 0.86rem;border: 1px solid var(--blueFontColor);width:101px; height:30px;border-radius: 20px;}
.blue-btn-outline:hover {background: var(--blueFontColor);color:  var(--whitefont);}
.grey-btn {background: #e6e6e6;padding: 0.32rem 1rem;color: #666;font-size: 0.86rem;}
.buy-sell {display: flex;justify-content: space-between;align-items: center;max-width: 8rem;}
.buy-sell .buy-btn,
.buy-sell .sell-btn {padding: 0.26rem 1rem;color: var(--whitefont);}
.buy-sell .buy-btn {background: var(--greenBtnColor);margin-right: 0.86rem;}
.buy-sell .sell-btn {background: var(--redBtnColor);}
.nse-bse {display: flex;justify-content: space-between;align-items: center;max-width: 6.6rem;}
.nse-bse .nse-bse-btn {height: 24px;width: 43px;background: var(--background);color: var(--fontLightColor);border: 1px solid rgb(230, 230, 230);font-size: 12px !important;display: flex;justify-content: center;align-items: center;border-radius: 6px !important;}
.nse-bse .nse-bse-btn:first-child {margin-right: 0.6rem;}
.nse-bse .nse-bse-btn:hover,
.nse-bse .nse-bse-selected {background: var(--orangeBackground) !important;color: var(--orangeFontColor) !important;border-color: var(--orangeBackground) !important;}
/* Use this class to make text OpenSans-Semibold */
.semi-bold {font-family: var(--fontBold);}
.text-grey {color: var(--fontLightColor) !important;}
/* for basic page layout */
.page-wrapper {display: flex;justify-content: space-between;align-items: flex-start;}
.page-wrapper .content {width: 100%;height: 87vh;}
/* .page-wrapper app-watchlist {width: 37%;} */
.text-green {color: #3da23f !important;}
.text-red {color: #fb462e !important;}
.text-orange {color: var(--orangeFontColor) !important;}
.capitalize {text-transform: capitalize;}
.buy-sell-tag {padding: 2px 6px;font-size: 10px;border-radius: 6px;}
.buy-sell-tag.buy {background-color: #ecf6ec;color: var(--greenFontColor);}
.buy-sell-tag.sell {background-color: #ffedeb;color: var(--redFontColor);}

.font-12 {font-size: 12px;}
.font-14 {font-size: 14px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
.font-20 {font-size: 20px;}
.font-22 {font-size: 22px;}
.font-24 {font-size: 24px;}

.font-opensans-r {font-family: 'OpenSans-Regular' !important;}
.font-opensans-b {font-family: 'OpenSans-Bold' !important;}
.font-opensans-sb {font-family: 'OpenSans-SemiBold' !important;}

@media(max-width:575px){
    .customeCheckBox .mat-mdc-checkbox label{font-size: 11px; line-height: 17px;}
}

.cdk-overlay-backdrop{
    opacity: 0 !important;
}