/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
/*
.header-function-fixed:not(.nav-function-top) .page-header {
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
} */
 /* Common styles */
 /**  ##10-09-2025   Ankur Goyal  ntfw  */
.marquee-container {
    overflow: hidden;
    position: relative;
}

.marquee-container > div div {
    white-space: nowrap;
}
/**  ##11-09-2025   Ankur Goyal    */
.marquee-left , 
.marquee-right
{
    white-space: nowrap;
    padding: 10px;
}

.marquee-left > div , 
.marquee-right > div{
    display: inline-flex;
}

.marquee-up > div ,
.marquee-down > div
{
    height: max-content;
    display : inline-block;
}

.marquee-container .paused {
    animation-play-state: paused!important;
}

@keyframes marquee-down {
    0% { transform: translateY(-100%);}
    100% { transform: translateY(0%);}
}
@keyframes marquee-left {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@keyframes marquee-right {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}
@keyframes marquee-up {
    0% { transform: translateY(0%);}
    100% { transform: translateY(-100%);}
}

/**  ##11-09-2025   Ankur Goyal  ntfw  */
/**  ##10-09-2025   Ankur Goyal  ntfw  */

/** start  ##31-01-2025   Ankur Goyal */
@keyframes blinknew {
    50% { color: rgb(255, 187, 0); }
}
.newalert {
    width: 24px;
    color: red;
    font-size: 1rem;
    transform: rotate(343deg) translate(7px, -24px);
    font-weight: bold;
    animation: blinknew 1s infinite;
    text-decoration: underline;
}
/**end  ##31-01-2025   Ankur Goyal */
/*Start 31/01/2025 ##Rutuja */
.error{
    color: #fd3995 !important;
}
/*End 31/01/2025 ##Rutuja*/

/**  15-05-2024  ##ANKUR GOYAL  */
.tmp_layout_wid_menu .dropdown-toggle:after, .dropleft .dropdown-toggle:before{
    content : unset !important;
}

.tmp_layout_wid_menu {
    float: right;
    margin-top: 5px;
    margin-right: 6px;
    background: none;
}
/** start 17-10-2024  ##RAVIRAJ M */
/** For validation purpose */
span.invalid{
	color: #fd3995 !important;
	font-size: smaller !important;
}

/** End 17-10-2024  ##RAVIRAJ M */

/**  31-05-2024  ##ANKUR GOYAL  */
.bdCompSettingBtn{
    font-size: small;
    margin: 5px 0 3px 0;
    padding: 4px 10px;
    background-color: var(--primary); /* style: danger to primary */
    border: none;
    color: white;
    border-radius: 3px;
}

/**  03-07-2024  ##ANKUR GOYAL  */
#pagelayouttoaster{
    display: none;
    background: #282828;
    color: white;
    font-weight: 700;
    position: fixed;
    left: 50%;
    bottom: 100px;
    padding: 0.2rem 0.5rem;
    right: 50%;
    min-width: 100px;
    text-align: center;
    border-radius: 3rem;
}


/** start 13-05-2024  ##ANKUR GOYAL */
.WidgetSettingMenu{
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin-bottom: -200px;
    z-index: 5;
    right: 10px;
    top: 18px;
}
.popovercontain{
    height: 200px;
    width: 130px;
}
.popoverbox{
    min-height: 100px;
    background: white;
    box-shadow: 0 0 5px 1px;
}
/** End 13-05-2024  ##ANKUR GOYAL  */

/** start 08-05-2024  ##ANKUR GOYAL  */
* {
    scrollbar-color: #afadba #e6e6e6;
    scrollbar-width: thin;
}

/** End  08-05-2024  ##ANKUR GOYAL  */

/**  13-08-2024  ##ANKUR GOYAL  */
.collapsed i.fa-collapseicon:after {
    content: "\f0d7";
}
 i.fa-collapseicon:after {
    content: "\f0d8";
}

/**  13-08-2024  ##ANKUR GOYAL  */
.alert
{
	z-index: 9999;
	padding: 0.5rem 0.6rem !important;
	margin-top: 1rem;
}

.alert-dismissible .close
{
	padding: 0.4rem 0.5rem
}

.tabulator-table .custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #1dc9b7;
	background-color: #1dc9b7;
}

.tabulator-table .custom-control-input~.custom-control-label::before {
	color: #fff;
	border-color: #9c7b8291;
	background-color: #a9032991;
}

.tabulator-table .custom-switch .custom-control-input~.custom-control-label::after {
	background-color: #fff;
}

.action-ban {
	color: #a9032991;
}

.fPRParamClass {
	text-align: center;
	border: 1px solid;
	background-color: #456b7b;
	border-color: #385764;
	color: white;
	margin: 5px 5px 0px 0px;
}

#selPlantList .list-group-item {
	position: relative;
	display: block;
	padding: 0.75rem 1.25rem;
	background-color: #fff;
}

::-webkit-scrollbar {
	/*width: 12px;*/
	width: 8px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(200, 200, 200, 1);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 6px rgba(90, 90, 90, 0.7);
}
/*start 28-12-2023   ##ANKUR GOYAL  particular */
.mob-livebar {
	display: flex;
	justify-content: space-around;
	margin-bottom: 0px; /* 19-01-2024   ##ANKUR GOYAL   */
    min-height: 63px; /** 14-10-2024  ##RAVIRAJ M */  
}

#pLivebar {
	display: flex;
	translate: 0;
}

#tab-nav-left,
#tab-nav-right {
	display: none;
}
/*End 28-12-2023   ##ANKUR GOYAL  particular */

/**  26-06-2024  ##ANKUR GOYAL  changed margin bottom*/
 .ps-condition-box {
    background: white;
    margin-bottom: -170px;
    z-index: 100000;
    padding: 5px 15px 10px;
    border: 2px solid var(--blue);
    position: relative;
    top: 4px;
    width: 250px;
}



/** start 08-02-2024  ##ANKUR GOYAL  */
/**  03-07-2024  ##ANKUR GOYAL  */
.imgSelectedStyl{
    box-shadow: 0 0 4px 1px var(--pink);
}

#imgErrMsg_notes,
#imgErrMsg_rMessage
 {
    width: 100%;
}

#InsertLink_notes     .modal-header,
#InsertLink_rMessage  .modal-header,
#InsertImage_taskBody  .modal-header,
#InsertImage_notes    .modal-header,
#InsertImage_rMessage .modal-header,
#InsertImage_taskBody .modal-header
{
    direction: rtl;
}

#imageList_notes img,
 #imageList_rMessage img,
 #imageList_iNote img,
 #imageList_tktIncidentDesc img, /**  03-07-2024  ##ANKUR GOYAL  */
 #imageList_rMessage img,
 #InsertImage_taskBody img
 {
     max-width: 250px;
     margin: 5px 0;
 }

 #imageList_rMessage,
 #imageList_notes,
 #imageList_iNote,
 #imageList_tktIncidentDesc,
 #imageList_taskBody, /**  03-07-2024  ##ANKUR GOYAL  */
 #imageList_rMessage
{
    height: 300px;
    padding: 52px;
    margin: 30px -50px 0;
    border-right: none;
    overflow-y: scroll;
    box-shadow: 0px 1px 15px 21px #00000026 inset;
    clip-path: inset(0 70px 0px 38px);
}
 /**  03-07-2024  ##ANKUR GOYAL  */
#InsertTable_notes    .modal-header:has(#h3_InsertTable_notes),
#InsertTable_taskBody    .modal-header:has(#h3_InsertTable_taskBody),
#InsertTable_rMessage .modal-header:has(#h3_InsertTable_rMessage){
    direction: rtl;

}
 /**  03-07-2024  ##ANKUR GOYAL  */
#InsertImage_notes .modal-header .close ,
#InsertImage_rMessage .modal-header .close,
#InsertImage_taskBody .modal-header .close ,
#InsertTable_notes .modal-header .close ,
#InsertTable_taskBody .modal-header .close ,
#InsertTable_rMessage .modal-header .close
{
     padding: 3px 9px 5px!important;
     opacity: 0.8!important;
     margin: -.75rem -.75rem -1.25rem auto!important;
     font-family: 'Font Awesome 5 Pro'!important;
     font-weight: 300!important;
     border-radius: 5px!important;
 }
 /**  03-07-2024  ##ANKUR GOYAL  */
 #tblForm_notes input,
 #tblForm_rMessage input,
 #tblForm_taskBody input,
 #tblForm_notes select,
 #tblForm_taskBody select,
 #tblForm_rMessage select
  {
     width: 100%;
 }
 /**  03-07-2024  ##ANKUR GOYAL  */
 #InsertLink_notes .modal-body input ,
 #InsertLink_taskBody .modal-body input ,
 #InsertLink_rMessage .modal-body input
 {
     width: 48%!important;
 }

 #genral_info .fullscreen{
     z-index: 10000
 }
 /**  03-07-2024  ##ANKUR GOYAL  */
 .row-fluid.Editor-container.fullscreen:has(#menuBarDiv_notes) #menuBarDiv_notes > :first-child > :first-child > ul,
 .row-fluid.Editor-container.fullscreen:has(#menuBarDiv_taskBody) #menuBarDiv_taskBody > :first-child > :first-child > ul,
 .row-fluid.Editor-container.fullscreen:has(#menuBarDiv_rMessage) #menuBarDiv_rMessage > :first-child > :first-child > ul
 {
     position: absolute;
     top: 39px;
     left: 0px!important;
     will-change: top, left;

 }

 /**  03-07-2024  ##ANKUR GOYAL  */
 #InsertImage_notes .tabbable ul.nav.nav-tabs,
 #InsertImage_taskBody .tabbable ul.nav.nav-tabs,
 #InsertImage_rMessage .tabbable ul.nav.nav-tabs,
 #imgErrMsg_tktIncidentDesc .tabbable ul.nav.nav-tabs
 {
     display: none;
     margin: 0;
     border: none;
 }

 /**  03-07-2024  ##ANKUR GOYAL  */
 #InsertImage_notes    .tabbable ul.nav.nav-tabs li,
 #InsertImage_taskBody    .tabbable ul.nav.nav-tabs li,
 #InsertImage_rMessage .tabbable ul.nav.nav-tabs li
 {
     padding: 5px 26px 5px 21px;
     margin-bottom: 28px;
     border: 1px solid #cccccc61;
     width: 204px;
 }
 /**  03-07-2024  ##ANKUR GOYAL  */
 div#InsertImage_notes .modal-body,
 div#InsertImage_taskBody .modal-body,
 div#InsertImage_rMessage .modal-body
 {
     padding: 0 47px;
 }

 .ajax-file-upload-filename {
    display: block!important;
 }
 /** End 26-06-2024  ##ANKUR GOYAL  */
/** End 15-02-2024  ##ANKUR GOYAL  */

/*start 25-12-2023   ##ANKUR GOYAL   */
.mob-hidden-logo{
	display: none;
}


/*start 29-12-2023   ##ANKUR GOYAL  brought ashutosh sir code here */
/* Start Dashboard ashitosh Bobde */

.active .color-success-700 {
	color: #222259 !important;
}

.footer-buttons {
	display: none !important;
}

/* END Dashboard ashitosh Bobde */

/*start 29-12-2023   ##ANKUR GOYAL  */
/* new code block  1*/

.modal-lg,
.modal-xl {
	max-width: 1200px;
}

.custom-content {
	height: 40rem;
	width: 100%;
}

.bg-color-red {
	background-color: #a9032991 !important;
	color: white;
}

.bg-color-yellow {
	background-color: #efd919 !important;
	background-color: white;
	color: #615b5b;
}

.bg-color-orange {
	background-color: #FF9800 !important;
	color: white;
}

.bg-color-darkGray {
	background-color: #606060 !important;
	color: white;
}

.bg-color-gray {
	background-color: #868282 !important;
	color: white;
}

.bg-color-green {
	background-color: #356e35 !important;
	color: white;
}

.badge {
	border: 2px solid #b5b1b1 !important;
	margin: 1px;
}

.tabulator-col-title {
	text-align: center;
}

.amcharts-export-menu {
	display: none
}

/* Start Dashboard ashitosh Bobde */

.active .color-success-700 {
	/*color: #222259 !important;*/
	color: inherit !important;		/* 15/05/2024 ROHIT INGOLE */
}

.multiselect-container {
	max-height: 417px;
	overflow: auto;
	padding: 7px !important;
}


/* end of code block 1 */


/* starting code block 2  */
/*Starts Historical Responsiveness Ashitosh Bobde*/

.hrsc_model_body_height {
	height: 750px;
}

.iorm_ml4 {
	margin-left: 4em;
}

/* end code block here */

/* starting code block 4 here */


/*css for inside badge on section/table targeted specifically Ashitosh bobde*/

#showDevStatusModal .badge {
	width: 87px;
}

#showDevStatusModalDash .badge {
	width: 87px;
}

/* end of the code block 4 here */

/** start 07-03-2024  ##ANKUR GOYAL devicesetting alerts */
#syncDTSTimeAlert::after,
 #syncDTSDialogeAlert::after,
  #syncDTSWaitAlert::after,
   #syncSTDDialogeAlert::after,
   #syncSTDDialogeAlert::after {
    content: '';
    z-index: 3;
    opacity: 0.1;
    background-color: #abbbff;/**  07-03-2024  ##ANKUR GOYAL  */
    position: fixed;
    height: 100dvh;
    top: 0;
    right: 0;
    z-index: -1;
}
/**Start   07-03-2024  ##ANKUR GOYAL  */
body:not(.nav-function-hidden):not(.nav-function-minify) #syncDTSTimeAlert::after,
body:not(.nav-function-hidden):not(.nav-function-minify) #syncDTSDialogeAlert::after,
body:not(.nav-function-hidden):not(.nav-function-minify) #syncDTSWaitAlert::after,
body:not(.nav-function-hidden):not(.nav-function-minify) #syncSTDDialogeAlert::after,
body:not(.nav-function-hidden):not(.nav-function-minify) #syncSTDDialogeAlert::after {
    width: calc(100dvw - 270px);
}
body.nav-function-hidden #syncDTSTimeAlert::after,
body.nav-function-hidden #syncDTSDialogeAlert::after,
body.nav-function-hidden #syncDTSWaitAlert::after,
body.nav-function-hidden #syncSTDDialogeAlert::after,
body.nav-function-hidden #syncSTDDialogeAlert::after {
    width: calc(100dvw - 5px);
}
body.nav-function-minify  #syncDTSTimeAlert::after,
body.nav-function-minify  #syncDTSDialogeAlert::after,
body.nav-function-minify  #syncDTSWaitAlert::after,
body.nav-function-minify  #syncSTDDialogeAlert::after,
body.nav-function-minify  #syncSTDDialogeAlert::after {
    width: calc(100dvw - 80px);
}
/** End 07-03-2024  ##ANKUR GOYAL  */

/*END 29-12-2023   ##ANKUR GOYAL  brought ashutosh sir code here */
/*start 11-01-2024   ##ANKUR GOYAL   */
#syncDTSTimeAlert,
#syncDTSDialogeAlert,
#syncDTSWaitAlert,
#syncSTDDialogeAlert,
#syncSTDDialogeAlert
{
    position: fixed;
    width: 450px;
    max-width: 75%;/**  07-03-2024  ##ANKUR GOYAL  */
    top: 40%;
    left: 0;
    right: 0;
    z-index: 10000; /**  07-03-2024  ##ANKUR GOYAL  */
}
/*END 11-01-2024   ##ANKUR GOYAL   */
/*start 12-01-2024   ##ANKUR GOYAL  fixing icon position in side bar  */
.nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni {
    margin-left: -0.1875rem!important;
    margin-right: 0.9375rem;
    color: #876fab;
    font-size: 0.875rem;
    width: 1.25rem;
    text-align: center;
}
/*END 12-01-2024   ##ANKUR GOYAL  fixing icon position in side bar  */

/*start 16-01-2024   ##ANKUR GOYAL  password strength */
.password_strength_view .ps_block {
    height: 4px;
    margin-right: 3px;
    width: 24%;
    margin-top: 4px;
}

.password_strength_view .ps_result {
    font-size: 11px;
    font-weight: 700;
    float: right;
    margin-right: 2%;
    margin-top: 2px;
}
/*END 16-01-2024   ##ANKUR GOYAL  password strength */

/*HERE 19-01-2024   ##ANKUR GOYAL  MOVED IN CENTRALIZE  */


/*Start 19-01-2024   ##ANKUR GOYAL   */
.plToggleStyle{
	position: fixed;
	top: 65px;
	border-radius: 43px!important;
	padding: 4px 9px;
	left:2px;
	border-color: transparent;
}

/** start 01-02-2024  ##ANKUR GOYAL  */
.fs-xhl{
    font-size: 1.5rem!important;
}

#myNotification,
#settingWidgard{
    z-index: 3;
}

/** End 01-02-2024  ##ANKUR GOYAL  */

@media screen and (min-width: 1281px) {
    #dashboard_content {
        padding-top: 0!important;
    }
    header#livebar{
        height: 4.35rem;
    }
}

@media screen and (max-width: 992px) {
	
    body:not(.mob-nav-on) .plToggleStyle {
        position: fixed;
        top: 10rem;
        border-radius: 43px!important;
        padding: 0px 4px;
        left: 272px;
        border-color: transparent;
    }
}

/*END 19-01-2024   ##ANKUR GOYAL   */
/** start 20-01-2024  ##ANKUR GOYAL  desc*/

    .panel-hdr-res-1 li:first-child {
        padding-top: 5px;
    }

    .panel-hdr-res ul:has(.button-count-3) li:nth-child(2) {
        width: 185px;
    }
    .panel-hdr-res ul:has(.button-count-3) li:nth-child(3) {
        margin-left: 0;
    }
/** start 20-01-2024  ##ANKUR GOYAL  desc*/

/** start 03-02-2024  ##ANKUR GOYAL*/
#progressbar_loader_main {
    z-index: 2147483647;
    transform: translate(-40%, 10%);
    left: 6%;
    position: relative;
    top: 19px;
    width: 94%;
    max-width: 330px;
}


.gear-container {
    position: fixed;
    border: 5px solid #ffffff5e;
    top: 25%;
    left: calc((100dvw/2) - (360px/2));
    width: 90%;
    background: #ffffff;
    max-width: 360px;
    border-radius: 8px;
    padding: 28px 0 29px;
}

@media only screen and (max-width: 400px){
    .gear-container {
        position: fixed;
        top: 25%;
        left: calc((100dvw/2) - (90%/2));
    }
}

#progressbar_loader {
    display: none;
}

.pb-gear-box {
    position: relative;
    top: 20%;
    left: 35%;
}

.pb-load-item {
    color: #886ab5;
}

.pb-load-item-1 {
    position: relative;
    font-size: 52px;
    top: 0;
    left: -4px;
    transform: rotate(-360deg);
    animation: pb-load-anim 15s ease infinite;
}

.pb-load-item-2 {
    position: relative;
    font-size: 40px;
    top: -35px;
    left: -20px;
    transform: rotate(0deg);
    animation: pb-load-anim 15s ease infinite;
}

.pb-load-item-3 {
    position: relative;
    font-size: 41px;
    top: 7px;
    left: -50px;
    transform: rotate(-660deg);
    animation: pb-load-anim 15s ease infinite;
}



@keyframes pb-load-anim {
    0%,100%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(360deg);
    }
}

.progress-bar-container{
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 10000;
        min-height: 100px!important;
        background: #00000087;
        padding: 50%;
        width: 100%;
}
/** End 03-02-2024  ##ANKUR GOYAL  */

@media screen and (max-width: 1381px) {
	.livebar-min-val {
		font-size: 14px !important;
	}
}

/** start 28-12-2023  ##ANKUR GOYAL  particular > */
@media screen and (max-width: 1322px) {
	.livebar-min-val {
		font-size: 12px !important;
	}
}
/** start 28-12-2023  ##ANKUR GOYAL  particular > */
.livebar-min-head,
.livebar-min-val{
    text-wrap: nowrap;
}

#pLivebar .subheader-block{
    padding: 10px 1rem 0 ;
}

#pLivebar .subheader-block  > :first-child{
    height: 100%;
}
/** start 03-02-2024  ##ANKUR GOYAL  desc*/
@media only screen and (max-width: 1258px){


    #pLivebar .subheader-block{
        padding: 20px 1rem 0 ;
    }

    #pLivebar .subheader-block  > :first-child{
        height: 80%;
    }


}

/** start 03-02-2024  ##ANKUR GOYAL  desc*/

/*End 25-12-2023   ##ANKUR GOYAL   */
/*start ## Ankur Goyal 03-10-2023*/
@media screen and (max-width: 1225px) {

	#tab-nav-left,
	#tab-nav-right {
		font-size: 17px;
		height: 43px;
		border-radius: 3px;
		border: 1px solid rgb(219 219 219);
		background: rgb(255 255 255);
		width: 3px;
	}

	#tab-nav-left {
		position: relative;
		padding: 10px 8px 4px 2px;
		left: -4px;
		top: 0;
		display: none;
	}

	#tab-nav-right {
		position: absolute;
		padding: 10px 8px 4px 3px;
		right: 2px;
		top: 10px;
		display: block;
	}

	#pLivebar {
		transition: translate 2s ease 0s;
        overflow-x: scroll;
	}

	#tab-pLivebar {
		overflow: hidden;
	}

	#livebar .subheader-block {
		min-width: 195px;
	}

	#pLivebar .subheader-block {
		min-width: unset!important; /**  17-10-2024  ##ANKUR GOYAL  */
	}
}

/*end ## Ankur Goyal 03-10-2023*/
/*start 19-01-2024   ##ANKUR GOYAL   */
@media only screen and (min-width: 1161px) and (max-width: 1230px){
	body:not(.nav-function-hidden) header.page-header:not(.content_head) {
		width: calc(100dvw - 270px);
		padding-right: 40px;
	}
}

@media only screen and (min-width: 1123px) and (max-width: 1160px) {
	body:not(.nav-function-hidden) header.page-header:not(.content_head) {
		width: calc(100dvw - 270px);
		padding-right: 65px;
	}
}

@media only screen and (min-width: 1077px) and (max-width: 1122px) {
	body:not(.nav-function-hidden) header.page-header:not(.content_head) {
		width: calc(100dvw - 270px);
		padding-right: 100px;
	}
}


@media only screen and (min-width: 1046px) and (max-width: 1076px) {
	body:not(.nav-function-hidden) header.page-header:not(.content_head) {
		width: calc(100dvw - 270px);
		padding-right: 125px;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1045px) {
	body:not(.nav-function-hidden) header.page-header:not(.content_head) {
		width: calc(100dvw - 270px);
		padding-right: 130px;
	}
}
/*END 19-01-2024   ##ANKUR GOYAL   */

@media screen and (min-width: 992px) and (max-width: 992px) {
	/* side bar was not proper on this screen size fixed that ## Ankur Goyal 03/10/2023 */

	.header-function-fixed:not(.nav-function-top) .page-header {
		margin-left: 0;
	}

	.nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {
		padding-left: 0;
	}
}

@media (min-width: 992px) {

	.modal-lg,
	.modal-xl {
		max-width: 1200px;
	}
}

/**  11-10-2024  ##ANKUR GOYAL  */
@media screen and (min-width: 575px) and (max-width: 600px){
    #dashboard_content{
        padding-top: 1rem!important;
    }
}

/*start 11-01-2024   ##ANKUR GOYAL   */
@media only screen and (min-width: 600px) and (max-width: 770px) {

    /** start 03-10-2024  ##ANKUR GOYAL  */
    .mob-livebar {
        display: flex;
        justify-content: space-around;
        margin-bottom: 0px;
        min-height: 42px;
    }
    /** start 03-10-2024  ##ANKUR GOYAL  */

	#pLivebar .subheader-block {
		flex: 1;
		min-width: 115px;
		padding: 0 5px;
	}

	#tab-nav-left,
	#tab-nav-right {
		display: none;
	}

	#pLivebar {
		translate: 0;
	}

	#livebar .subheader-block {
		min-width: 135px;
	}

	#pageTitle + div{
	max-width: 100dvw;
	padding: 0px 35px;
	}

	/* #dashboard_content .panel-hdr h2{  */
	/* display:none; */
	/* } */
	#livebar {
		padding: 0;
		height: auto;
		display: block;
	}

	/* 25-12-2023   ##ANKUR GOYAL   */
	#pLivebar {
		/* display: block; */
		display: flex !important;
		overflow-x: scroll !important;
	}

	#pLivebar::-webkit-scrollbar{
		width: 2px !important;
	}

	/* 25-12-2023   ##ANKUR GOYAL   */
	#livebar .lasttime {
		width: 160px;
	}

	.nav-tabs {
		border-bottom: none;
	}

	.nav-tabs .nav-item {
		margin-bottom: 0px;
	}

	.nav-tabs .nav-item .nav-link:not(.active) {
		border-bottom: 1px solid #f2eded;
	}

	#Lltime {
		display: none !important;
	}

	.subheader-block {
		display: Block !important;
	}

	/* .fs-xl {
		font-size: 7px !important;
	} */

	.subheader-block .mr-3 {
		margin-right: 0px !important;
	}

	.subheader-block .ml-3 {
		margin-left: 1rem !important;
	}

	/* .fs-xs {
		font-size: 0.59rem !important;
	} */

	#pageTitle+small {
		display: none;
	}

	#selInv,
	#selDbInv,
	#selSmb,
	#selDbSmb {
		min-width: 67px !important;
		top: 52px;
		min-width: 67px !important;
		position: absolute;
		left: 181px;
		z-index: 999999;
	}

	#selWing {
		min-width: 67px !important;
		top: 34px;
		min-width: 66px !important;
		position: absolute;
		left: 227px !important;
		z-index: 999999;
	}

	#panel-3 .frame-wrap {
		width: 300px;
		white-space: nowrap;
	}

	.livebar-min-head {
		font-size: 0.8rem!important;
	}

	.livebar-min-head {
		font-size: 0.8rem!important;
	}

}
/*END 11-01-2024   ##ANKUR GOYAL   */

@media only screen and (max-width: 600px) {

    /** start 03-10-2024  ##ANKUR GOYAL  dashbaord related*/
    #js-page-content{
            margin-top: 8.5rem;
            opacity: 1;
    }
    /** End 03-10-2024  ##ANKUR GOYAL  dashbaord related*/

	#pLivebar .subheader-block {
		flex: 1; /* 25-12-2023   ##ANKUR GOYAL   */
        width: max-content;
        height:65px;
		padding: 0 5px;
	}

	#tab-nav-left,
	#tab-nav-right {
		display: none;
	}

	#pLivebar {
		translate: 0;
	}

    /** start 23-01-2024  ##ANKUR GOYAL */
    #right-desktop-logo{
        max-height: 60px;
    }
    /** END 23-01-2024  ##ANKUR GOYAL  desc*/

	/* #dashboard_content .panel-hdr h2{  */
	/* display:none; */
	/* } */
	#livebar {
		padding: 0;
		height: auto;
		display: block;
	}

	/* 25-12-2023   ##ANKUR GOYAL   */
	#pLivebar {
		/* display: block; */
		display: flex !important;
		overflow-x: scroll !important;
	}

	#pLivebar::-webkit-scrollbar{
		width: 2px !important;
	}

	/* 25-12-2023   ##ANKUR GOYAL   */
	#livebar .lasttime {
		width: 160px;
	}

	.nav-tabs {
		border-bottom: none;
	}

	.nav-tabs .nav-item {
		margin-bottom: 0px;
	}

	.nav-tabs .nav-item .nav-link:not(.active) {
		border-bottom: 1px solid #f2eded;
	}

	#Lltime {
		display: none !important;
	}

	.subheader-block {
		display: inline-flex !important;
	}

	.fs-xl {
		font-size: 7px !important;
	}

	.subheader-block .mr-3 {
		margin-right: 0px !important;
	}

	.subheader-block .ml-3 {
		margin-left: 1rem !important;
	}

	.fs-xs {
		font-size: 0.59rem !important;
	}

	#pageTitle+small {
		display: none;
	}

	#selInv,
	#selDbInv,
	#selSmb,
	#selDbSmb {
		min-width: 67px !important;
		top: 52px;
		min-width: 67px !important;
		position: absolute;
		left: 181px;
		z-index: 999999;
	}

	#selWing {
		min-width: 67px !important;
		top: 34px;
		min-width: 66px !important;
		position: absolute;
		left: 227px !important;
		z-index: 999999;
	}

	#panel-3 .frame-wrap {
		width: 300px;
		overflow: auto;
		white-space: nowrap;
	}

}

/* 29-12-2023   ##ANKUR GOYAL  move this code up */
/**  11-10-2024  ##ANKUR GOYAL  */
@media screen and (max-width: 600px) {
    .mob-hidden-logo{
		display: block;
		margin-left: -19px;
		padding: 0 5px 0 0;
	}

	#mob-logo-suryalogix{
		height: 35px;
		width: 136px; /*HERE 19-01-2024   ##ANKUR GOYAL */
	}

    .page-wrapper .page-header {
        padding: 0 0 0 1.5rem;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    }
}

/* common ANKUR */
@media only screen and (max-width: 350px){
	.mob-hidden-logo{
		display: block;
		margin-left: -19px;
		padding: 0 5px 0 0;
	}

	#mob-logo-suryalogix{
		height: 35px;
		width: 136px; /*HERE 19-01-2024   ##ANKUR GOYAL */
	}

	#right-desktop-logo{
		display: none!important;
	}
    /**  16-10-2024  ##ANKUR GOYAL  */
    .mob-menu {
        padding: 0px 0 30px 0!important;
        width: 30px!important;
        margin-left: 9px!important;
        height: 30px;
    }

    #pLivebar .subheader-block {
        flex: 1;
        width: max-content;
        height: 45px;
        padding: 0 5px;
    }

    .mob-livebar {
        display: flex;
        justify-content: space-around;
        margin-bottom: 0px;
        min-height: 50px;
    }

    #livebar {
        min-height: 72px !important;
        display: block;
	}

    header.page-header{
        height: 3.5rem /**  16-10-2024  ##ANKUR GOYAL  */
    }
    header#livebar { /**  17-10-2024  ##ANKUR GOYAL  */
        top: 3.5rem !important;
    }

    #livebar { /**  17-10-2024  ##ANKUR GOYAL  */
        min-height: 70px!important;
        display: block;
    }
	/* #subPage > div > header:nth-child(1) > div.hidden-lg-up > a{
		width:
	} */
}
/* common ANKUR */
/*start 19-01-2024   ##ANKUR GOYAL */
@media only screen and (max-width: 340px) {
	#mob-logo-suryalogix {
		height: 29px;
		width: 97px;
	}
}
/*END 19-01-2024   ##ANKUR GOYAL */



@media only screen and (max-width: 600px) {

	/* #dashboard_content .panel-hdr h2{  */
	/* display:none; */
	/* } */

	.nav-tabs {
		border-bottom: none;
	}

	.nav-tabs .nav-item {
		margin-bottom: 0px;
	}

	.nav-tabs .nav-item .nav-link:not(.active) {
		border-bottom: 1px solid #f2eded;
	}

	#Lltime {
		display: none !important;
	}

	.subheader-block {
		display: inline-flex !important;
	}

	.fs-xl {
		font-size: 15px !important;
	}

	.subheader-block .mr-3 {
		margin-right: 0px !important;
	}

	.subheader-block .ml-3 {
		margin-left: 1rem !important;
	}

	.fs-xs {
		font-size: 0.65rem !important;
	}

	#pageTitle+small {
		display: none;
	}

	#selInv,
	#selDbInv,
	#selSmb,
	#selDbSmb {
		min-width: 67px !important;
		top: 52px;
		min-width: 67px !important;
		position: absolute;
		left: 217px;
		z-index: 1;
	}

	#selWing {
		min-width: 67px !important;
		top: 34px;
		min-width: 66px !important;
		position: absolute;
		left: 227px !important;
		z-index: 999999;
	}

	#selDbMtr {
		width: 57px !important;
	}

	#panel-3 .frame-wrap {
		width: 100%;
		overflow: auto;
		white-space: nowrap;
	}

	.frame-wrap {
		width: 100%;
		overflow: auto;
		white-space: nowrap;
	}

	.header-function-fixed:not(.nav-function-top) .page-header {
		/* z-index:888888888 !important; */
	}

	.page-sidebar {
		z-index: 8888888888 !important;
	}

	.select2-dropdown {
		z-index: 99999999999 !important;
	}

	/* Start SANDIP PATIL 15-12-2022*/
	.right_side_logo_image {
		/*logo top bar */
        display: none; /**  24-01-2024  ##ANKUR GOYAL  */
		width: 100px;
		height: 40px;
		margin-left: -60px;
		margin-top: 370px;
		position: fixed;

	}
	/*start 19-01-2024   ##ANKUR GOYAL   */
	@media screen and (max-width: 450px) {
		.right_side_logo_image {
			display: none;
			width: 100px;
			height: 40px;
			margin-left: -60px;
			margin-top: 370px;
			position: fixed;
		}
	}
	/*END 19-01-2024   ##ANKUR GOYAL   */

    /** start 29-01-2024  ##ANKUR GOYAL  desc*/

    #belowThreeSetting{
            position: fixed;
            top: 300px;
            border: 2px solid #8080804a;
            background: #ffffff66;
            height: 115px;
            z-index: 1;
            width: 48px;
            right: 2px;
    }

    /* #myNotification a:first-child{
        margin-left: -6px;
        margin-right: 5px;
        position: absolute;
        top: 328px;
        right: 0;
        height: 36px;
        /* background: aliceblue; */
        /** display: block !important;
        border-radius: 25px;
    } */

    .header-icon {
        color: #666666;
        height: 2.5rem;
        display: block;
        line-height: 4.125rem;
        text-decoration: none;
        position: relative;
    }

    #app_user_menu {
        position: fixed;
        border: unset;
        top: 288px;
        right: 13px;
        margin-right: 0;
        z-index: 2;
        padding-bottom: unset;
        width: 45px;
        height: 45px;
        background-color: transparent;
        background: unset;
    }

    /** END 29-01-2024  ##ANKUR GOYAL  \*/
	/* #app_user_menu {
		border: 1px solid #8080804a;
		margin-top: 650px;
		margin-right: -20px;
		padding-bottom: 60px;
		width: 45px;
		background-color: transparent;
		background: rgba(255, 255, 255, 0.5);

	} */

	#myNotification {
		margin-left: -6px;
		margin-right: 5px;
		position: absolute;
		top: 325px;
		right: 0;
		/* background: aliceblue; */
		display: block !important;
		border-radius: 25px;
	}

	.header-icon .profile-image {
		margin-right: 10px;
		position: fixed;
		top: 305px;
		right: 0;
		/* background: aliceblue; */
		display: block !important;
		border-radius: 25px;
	}

	#settingWidgard {
		margin-right: 4px;
		position: absolute;
		top: 360px;
		right: 0;
		/* //background: aliceblue; */
		display: block !important;
		border-radius: 25px;
	}

	#user_notification {
		position: absolute;
		will-change: top, left;
		/* margin-top: -320px; */
		margin-top: 0px; /**  05-02-2024  ##ANKUR GOYAL  */
		top: -737px;
		left: -113px;
		min-width: 327px !important;
		max-width: 327px !important;
		/* left: -113px; */
	}

	/*End SANDIP PATIL 15-12-2022*/

}

/* End Dashboard ashitosh Bobde */

/* For All Tables ##RAVIRAJ M 09/10/2024 */
@media only screen and (max-width: 1200px) {
    .panel-fullscreen #myTabContent{
        margin-top: 80px;
    }
}
@media only screen and (max-width: 600px) {
    .panel-fullscreen #myTabContent{
        margin-top: 10px;
    }
    .panel-fullscreen #myTabContent #tab_inv_table_hist{
        margin-top: 10px;
    }
    .panel-fullscreen #yield_view{
        margin-top: 20px;
    }
}
/* For All Tables ##RAVIRAJ M 09/10/2024 END*/

/*Basic-Tabular view Mobile-Respnsvieness css media query*/
@media only screen and (max-width: 600px) {

	/* Ashish-Agrawal 06-Oct-2022  For fa-expand icon size */
	button>.fa-expand {
		font-size: 2em;
	}

	/* Ashish-Agrawal 06-Oct-2022  fixed overlap issue on fa-expand */
	div>.rt_plant_tables,
	div>.rt_inverter_tables,
	div>.rt_meter_tables,
	div>.rt_inv_status_log,
	div>.rt_raw_inv_stat_log,
	div>.rt_wing_tables,
	div>.rt_smb_tables,
	div>.rt_weather_tables,
	div>.rt_source_tables {
		display: table;
	}



    /* ##RAVIRAJ M 07/10/2024  Responsive System Administrative*/
    #da_panel .panel-hdr .input-group{
        /* width: 1%; */
    }
    #da_panel .panel-hdr > :last-child {
        padding-right: 0rem;
    }
    #da_panel .panel-hdr {
		display: block;
	}
    #da_panel .panel-hdr-stuct
    {
        display: block;
    }	/**  19-10-2024  ##RAVIRAJ M */
    .search_box {
        width: auto;
    }
    #panel-12 .form-control {
        /* width: 1%; */
    }
    #da_panel .intro_deviceshowdata {
        padding: 10px;
    }
    #da_panel .panel-hdr .panel-margin{
        margin-top: -41px;
    }
    #da_panel .panel-hdr-stuct .db-viewe-top-m
    {
        margin-top: 10px;
    }


	/*Sandip 29-9-2022 for hide servertime */
	.page-footer .serverTime {
		display: none;
	}

	/*Sandip 30-9-2022 for hide footer*/
	.page-footer {
		display: none;
	}

	/*Sandip 30-9-2022 for searchPlantDiv */
	#searchPlantDiv {
		width: 177px !important;
	}

	/* Sandip 18-10-2022 for di_status_log_table */
	#di_status_log_table {
		max-width: 100%;
		justify-content: center;
	}

	/* Sandip 20-10-2022 for node_table switch */
	#node_switch {
		width: 100%;
		margin-left: 80px;
		margin-top: 270px;
		display: flex;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		border-radius: 4px;
		position: relative;
		display: block;
		padding: 0.75rem 1.25rem;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		column-count: 3;
	}

	.rt_nod_tables #nodDatePicker {
		margin-left: 0px;
		margin-top: 10px;
	}

	#nodTable {
		margin-top: 90px;
	}

	.rt_nod_tables #nodBtnShow {
		margin-top: 10px;
	}

	.rt_nod_tables #nodHeaderlist {
		margin-top: 20px;
	}

	.responsive-tabs {
		/*height: 40px;*/
	}

	#raw_day_data_log {
		/* Sandip Patil 01-11-2022*/
		max-width: 100%;
	}

	#Night {
		/* Sandip Patil 01-11-2022*/
		position: absolute !important;
		top: 75px;
		left: -250px;
	}

	#devTableDiv {
		margin-top: 20px;
	}

	#statusdate .form-control {
		width: 100% !important;
	}

}

/** start 16-10-2024  ##RAVIRAJ M*/
@media only screen and (max-width: 410px) {
    .panel-hdr-res-1 li:nth-child(2) {
        width: auto;
    }
}

@media only screen and (max-width: 450px) {
    .panel-hdr-res-1 li:nth-child(2) {
        width: auto;
    }
}

@media only screen and (max-width: 650px) {
    .search_box {
        width: auto;
    }
}
/* ##RAVIRAJ M 08/10/2024 ENDS*/
/**  18-10-2024  ##RAVIRAJ M */
@media only screen and (max-width: 410px) {
    #panel-12 .panel-hdr-res-1 li:last-child {
        margin-left: auto;
    }
}
/** End 16-10-2024  ##RAVIRAJ M*/

/* 29-12-2023   ##ANKUR GOYAL  took code up from here */
@media only screen and (max-width: 600px) {

	.hrsc_model_body_height {
		height: 750px;
	}

	/* .form-group:has(#hrs_tblSearch) {
		width: 100px !important;
	} */


        /* .form-group>#hrs_tblSearch {
            width: 100px !important;
        } */

	.form-group>.input-group>.mr-2 {
		width: 100px;
	}

	/* #hrs_cbDeactive + .custom-control-label{

	} */
	.form-group {
		margin-bottom: 0px !important;
	}

	.iorm_ml4 {
		margin-left: 0px;
	}

	.mobileWidth {
		width: 100px !important;
	}

	.mobFloatRight {
		float: right;
		margin-top: 10px
	}

	.paddingRight0 {
		padding-right: 0px;
	}

	/*code by Sandip 3-10-2022 for #prefParamModel modal responsive  in mobile responsive*/
	#prefParamModel .modal-dialog .modal-content {
		width: 100% !important;
	}
}

/*ends Historical Responsiveness Ashitosh Bobde*/

/* took code up from here */

/*css for basic graphical view code plant by  Sandip 7-10-2022*/
@media only screen and (max-width: 600px) {

	.rt_plant_graphs,
	.rt_meter_graphs,
	.rt_inverter_graphs,
	.rt_wing_graphs,
	.rt_smb_graphs,
	.rt_weather_graphs,
	.rt_source_graphs {
		display: table;
	}

	.rt_plant_graphs #meterList {
		margin-top: 5px;
	}

	.rt_plant_graphs #dayRPType {
		margin-top: 5px;
	}

	.rt_plant_graphs #selFormulaParam {
		margin-top: 5px;
	}

	/*Ashitosh bobde*/
	.multiselect-container {
		padding-left: 7px !important;
	}

	.AppendrightLogo {
        display: none; /**  24-01-2024  ##ANKUR GOYAL  */
		width: 77px !important;
		height: auto !important;
	}

	.h-PanelHrda {
		display: flow-root !important;
		/* Ashitosh bobde*/
	}

	#livebar .subheader-block {
		padding-left: 7px !important;
	}

	.suryaTabs1 {	/** start 16-10-2024  ##RAVIRAJ M */
		margin-top: 10px !important;
	}

	.serchPlantDro {    /* #RAVIRAJ M 05/10/2024*/
		/* width: 157px;  */
        margin-right: 5px;
	}

	/*Tabular Graphical View */
	.chartResponsive {
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	.chartResponsive div:first-child {
		min-width: 1500px;
	}

	.add_sla {
		/* Sandip Patil 5-11-2022*/
		margin-top: 10px;
	}

}
/* #RAVIRAJ M 05/10/2024*/
@media only screen and (max-width: 395px) {
    .serchPlantDro {
		width: 157px;
        margin-right: 5px;
	}
	#mob-logo-suryalogix {
        height: 29px;
        width: 97px;
    }
}


@media (min-width: 992px) {
	/* Sandip 2-11-2022 for basic graphical view Plant graph page*/
	#plselFormulaParamlist {
		position: absolute;
	}

	#nodList {
		padding-left: 10px;
	}

}

/* Sandip 20-10-2022 for di_status_log_table and node table page*/
@media (min-width: 992px) {
	#di_status_log_table {
		justify-content: center;
	}

	#node_switch {
		display: inherit;
		position: absolute !important;
	}

	#node_switch li {
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1519px) {

	/*Sandip Patil 2-22-2022 node table*/
	#node_switch {
		width: 100%;
		margin-left: 80px;
		margin-top: 120px;
		display: flex;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		border-radius: 4px;
		position: absolute !important;
		display: block;
		padding: 0.75rem 1.25rem;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		column-count: 6;
	}

	#nodTable {
		margin-top: 90px;
	}

}

/*CRM mobile responsive code*/
@media only screen and (max-width: 600px) {
	#modelThreadReply .modal-lg {
		max-width: 100%;
	}
}

@media (min-width: 992px) {
	#modelThreadReply .modal-lg {
		max-width: 40%;
	}
}

/* centralize SANDIP PATIL 15-3-2023 */
@media only screen and (max-width: 600px) {

	#btnParamPrefModel,
	#btnAddPlantPref {
		margin-top: 5px;
	}

	/* #livebar .lasttime
	{
		width: 50px;
		margin-left: -20px;
	} */
	/*start 19-01-2024   ##ANKUR GOYAL   */
	/* #plant_tbl .fa-list {
		padding-bottom: 48px;
	} */
	#plant-list-title > i.fa-list {
		padding-bottom: 7px;
	}
	/*end 19-01-2024   ##ANKUR GOYAL   */

}

/* central comapare  SANDIP PATIL 10-4-2023 */
@media only screen and (max-width: 600px) {
	#compareListDiv {
		height: 320px !important;
	}

	.engchartResponsive {
		overflow-x: auto !important;
		overflow-y: hidden !important;
		min-width: 950px;
	}

	.engchartResponsive div:first-child {
		min-width: 1500px;
	}


}

/*SANDIP PATIL 13-4-2023	*/
@media only screen and (min-width: 601px) and (max-width: 992px) {
	#compareListDiv {
		height: 320px !important;
		min-width: 900px !important;
	}

	#central_compare_day_table {
		min-width: 875px;
	}
}

.dt-toolbar-footer {
	width: 100%;
}

#suryaItemTabHrv,
#suryaItsTabHrv {
	border-bottom: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

	/*## 9-8-2023 Sandip Patil */
	.responsive-tabs .dropdown-arrow {
		display: none;
	}

	.responsive-tabs {
		position: relative;
		border: 1px solid #ccc;
		width: 97%;
		margin: auto;
	}

	.responsive-tabs li {
		width: 100%;
		margin: 0 !important;
	}

	.responsive-tabs li>a {
		display: none;
		border: 0 !important;
		border-radius: 0 !important;
	}

	.responsive-tabs.open li>a,
	.responsive-tabs li>a.active {
		display: block;
	}

	.responsive-tabs .dropdown-arrow {
		/*changes by SANDIP PATIL 1-10-2022 top and border tab*/
		position: absolute;
		top: 10px;
		right: 15px;
		border: solid #888;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		vertical-align: middle;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transition: all ease .5s;
		cursor: pointer;
	}

	.responsive-tabs.open .dropdown-arrow {
		transform: rotate(-135deg);
		transition: all ease .5s;
	}

	.responsive-tabs .multiselect-native-select li>a {
		display: block !important;
	}

	.responsive-tabs .multiselect-native-select .btn-group {
		width: 100% !important;
	}

	.responsive-tabs .custom-switch {
		display: block;
		margin: auto;
		/*padding: 7px 0px; commented by Sandip 5-11-2022*/
	}
}

@media only screen and (max-width: 600px){
    .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after {
        content: " ";
        width: 2.5rem;
        height: 2.5rem;
        top: 0.5rem!important;
        z-index: -5!important;
        left: -0.2rem!important;
        opacity: 0.7!important;
    }
}


/*start 28-12-2023   ##ANKUR GOYAL  particular */

@media screen and (min-width: 351px) and (max-width: 375px) {
	#livebar {
		min-height: 85px!important; /**  03-10-2024  ##ANKUR GOYAL  */
		display: block;
	}
}

/*start 28-12-2023   ##ANKUR GOYAL  particular */

/** start 20-01-2024  ##ANKUR GOYAL COMMON RESPONSIVE NAV */


@media only screen and (max-width: 650px){
    .panel-hdr-res-1{
        display: block;
    }

    .panel-hdr-res-1 li:nth-child(2) {
        width: 185px;
        padding-bottom: 5px;
        margin-left: calc(100dvw - 414px);
    }

    /** start 22-01-2024  ##ANKUR GOYAL  */
    .panel-hdr-res-1 > h2:first-child {
        margin-top: 15px;
        height: 35px;
    }

    .panel-hdr-res-1 ul:has(.button-count-1) li:nth-child(2) {
        width: 185px;
        padding-bottom: 5px;
        margin-left: calc(100dvw - 362px);
    }
    /** END 22-01-2024  ##ANKUR GOYAL  */

}
@media screen and (max-width: 600px) {
    .panel-hdr-res {
        display: block;
    }

    .panel-hdr-res > :last-child > :nth-child(2) > div{
        width: calc(100dvw - 118px);
        padding: 0;
        padding-bottom: 5px;
        margin: 0;
    }

    .panel-hdr-res ul:has(.button-count-3) li:nth-child(2) {
        width: 185px;
        margin-left: calc(100dvw - 454px);
    }

    .panel-hdr-res li:nth-child(3) > button:first-child,
    .panel-hdr-res li:nth-child(3) > button:nth-child(2) {
        float:right;
    }

}

@media screen and (max-width: 450px) {

    .panel-hdr-res > :last-child {
        padding-left:0.5rem;
        padding-right:0;
        display: flex;
    }

    .panel-hdr-res ul:has(.button-count-3) li:nth-child(2) {
        width: calc(100dvw - 121px);
        margin-left: unset;
    }

    .panel-hdr-res ul:has(.button-count-3) li:nth-child(3) {
        margin-left: calc(100dvw - 174px);
    }

    .panel-hdr-res > :last-child > :nth-child(2) > div{
        width: calc(100dvw - 118px);
        padding: 0;
        padding-bottom: 5px;
        margin: 0;
    }

}


@media only screen and (max-width: 450px){

    .panel-hdr-res-1 li:last-child {
        margin-left: 0;
    }

    .panel-hdr-res-1 li:nth-child(2) {
        width: auto; /**  14-10-2024  ##ANKUR GOYAL  desc*/    
        padding-bottom: 5px;
        margin-left: unset;
    }

    .panel-hdr-res-1 ul:has(.button-) li:nth-child(2) {
        width: 179px;
        padding-bottom: 5px;
        margin-left: calc(100dvw - 350px);
    }

}




@media only screen and (max-width: 410px){

    .panel-hdr-res-1 li:nth-child(2) {
        width: calc(100dvw - 133px); /**  22-01-2024  ##ANKUR GOYAL  */
        padding-bottom: 5px;
    }

    .panel-hdr-res-1 li:last-child {
        margin-left: calc(100dvw - 123px);
    }

    .panel-hdr-res-1.panel-hdr > :last-child {
        padding: 0.5rem;
    }

    .panel-hdr-res-1 li:nth-child(3) > :first-child {
        float: right;
    }

    .panel-hdr-res-1 ul:has(.button-count-1) li:nth-child(2) {
        width: 185px;
        padding-bottom: 5px;
        margin-left: calc(100dvw - 312px);
    }

    .panel-hdr-res-1 ul:has(.button-count-1) li:last-child {
        margin-left: calc(100dvw - 65px);
    }

    .panel-hdr-res-1 ul:has(.button-count-3) li:last-child {
        margin-left: calc(100dvw - 123px);
    }
}

/** END 20-01-2024  ##ANKUR GOYAL  */