/******************************************************************************************** RESPONSIVE MEDIA QUERY *****************************************************************************/
/*  Extra Large TV  */
@media (min-width: 1920px) and (max-width: 2500px){
.container-fluid { width: 90%;}
 
}
/*  TV  */
@media (min-width: 1441px) and (max-width: 1920px){
.container-fluid {  width: 95%;}
 
}
@media (min-width: 320px) and (max-width: 1199px){
.radioCustomResponsive.radioCustomBtn.heightNone, .radioCustomResponsive.radioCustomTemp.heightNone {height: var(--heightAuto); border: 0;}
.radioCustomResponsive.radioCustomBtn.heightNone li label, .radioCustomResponsive.radioCustomTemp.heightNone li label {border: var(--checkboxBorderColor); margin: 2px;border-radius: var(--borderRadius);}
.fourqtCol-full .radioCustomTemp.heightNone, .fourqtCol-full .radioCustomBtn.heightNone {height: var(--heightAuto); border: 0;}
.fourqtCol-full .radioCustomTemp.heightNone label span, .fourqtCol-full .radioCustomBtn.heightNone li label {border: var(--checkboxBorderColor); margin: 2px;border-radius: var(--borderRadius);}
    .fourqtCol-full .radioCustomTemp.heightNone label, .fourqtCol-full .radioCustomBtn.heightNone li {border:0px !important;margin:0px !important;}
    
}
/*  large screen Desktops */
@media (min-width: 1201px) and (max-width: 1440px) {
 
  .fourqtPanelHead .MenuLeftHeading, .fourqtPanelHeadTitle, .fourqt-title, .MenuSubHeading { margin-bottom: 4px; }
  .checkCustomInput li { margin-bottom: 4px !important; }
  .fourqtPanelFormV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec {align-items: center;left: 0px;justify-content: end;}
  .fourqtPanelFormV1 .fourqtPanelHead .pull-right, .fourqtPanelContentV1 .fourqtPanelHead .pull-right { max-height: initial; padding-right: 8px !important; }
  /*.fourqtForm .fourqtCol { width: 20%; }*/
  .fourqtForm.fourqtFormHeightAuto .fourqtCol { min-height: auto !important; }
  .fourqtForm .form-version-width .fourqtCol { width: 21%; }
  div#ctl00_ContentPlaceHolder1_UpdatePanel1 .pull-left { display: block; }
  .pull-right.pad-right { float: right !important; }
  .fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentV1 .fourqtPanelHead { height: auto; }
  /* Height Require */
  .fourqtPanelFormV2 .fourqtPanelHead, .fourqtPanelContentV2 .fourqtPanelHead { display: flex;height: var(--panelheight); }
  .fourqtPanelContentLegends.fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentLegends.fourqtPanelContentV1 .fourqtPanelHead { display: flex; }
  .fourqtPanelFormRespon .fourqtPanelHead .fourqtFormHideBtn { justify-content: right; }
  .popcontainer.popcontainerV1 .panel.panel-info.no-m, .popcontainerV1 .myPopUpBody {width: 98%;}
  .fourqtPopupMd, .fourqtPopupLg { width: 98%;}
  .fourqtPopupXs { width: 80%;}
}
/* Desktops */
@media (min-width: 1025px) and (max-width: 1200px) {
  .formBoxStyle.fourqtBoxLayout, .mainOtherChrgMasterWrap .formBoxStyle.fourqtBoxLayout { width: 80% !important; }
  /*.fourqtPanelHead .radioCustomTemp label, .panel-heading .radioCustomTemp label, .fourqtPanelHead .radioCustomTemp li label, .panel-heading .radioCustomTemp li label {margin: 0px 2px 2px !important;border: 1px solid rgb(9, 155, 160) !important;border-radius: var(--borderRadius);}*/
  .fourqtPanelContentV1 .fourqIconBtnSec { right: 8px; position: absolute; top: 1px; }
  #ctl00_ContentPlaceHolder1_divPost.fourqtPanelContentV1 .fourqIconBtnSec { top: 2px; }
  .fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentV1 .fourqtPanelHead { }
  /*.fourqtPanelHead .pull-left { float: none !important; }*/
  .gridWrap .grid-item table td { background: rgb(255, 255, 255); }
  .fourqtPanelHead .fourqtForm .radioCustomTemp label, .panel-heading .fourqtForm .radioCustomTemp label { border-radius: 3px; font-size: 12px !important; padding: 3px 10px !important; }
  /*.fourqtPanelHead .radioCustomTemp, .panel-heading .radioCustomTemp { height: auto !important; margin-left: 0px !important; border: none !important; }*/
  .fourqtPanelFormRespon .fourqtPanelHead .pull-left { float: none !important; }
  /*.fourqtPanelHead { height: auto !important; }*/
  .fourqtPanelHead .pull-right.pad-right { display: inline-block; padding-right: 8px; }
  .fourqtPanelHead .pull-right.pad-right .radioCustomTemp { margin-left: 0px; }
  .fourqtPanelHead .MenuLeftHeading, .fourqtPanelHeadTitle, .fourqt-title, .MenuSubHeading { margin-bottom: 0px; }
  .checkCustomInput li { margin-bottom: 4px !important; }
  .fourqtPanelFormV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec {align-items: center;left: 0px;}
  .fourqtPanelFormV1 .fourqtPanelHead .pull-right, .fourqtPanelContentV1 .fourqtPanelHead .pull-right {/* max-height: initial; */padding-right: 0px !important;}
  /*.fourqtForm .fourqtCol {width: 20%;}*/
/* Booking Form, Lead  */
    .fourqtForm.ragForm.adfPq.enqBooking .fourqtCol {width: 20%;}
    .fourqtForm.ragForm.adfPq.enqBooking .fourqtColAuto {width:auto;}
  .fourqtForm.fourqtFormHeightAuto .fourqtCol { min-height: auto !important; }
  .fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentV1 .fourqtPanelHead { height: auto; }
  /* Height Require */
  .fourqtPanelFormV2 .fourqtPanelHead, .fourqtPanelContentV2 .fourqtPanelHead { height: var(--panelheight); }
  .legendsRight .fourqtPanelHead, .fourqtPanelContentRespon .fourqtPanelHead { display: block; }
  .legendsRight .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentRespon .fourqtPanelHead .fourqtFormHideBtn, .legendsRight .fourqtPanelHead .fourqIconBtnSec { align-items: center; left: 0px; position: relative; top: auto; justify-content: right; }
  .fourqtPanelFormRespon .fourqtPanelHead .fourqtFormHideBtn { justify-content: right; }
  .fourqtPanelFormRespon .fourqtPanelHead .pullLeft { float: none; }
  .legendsRight .fourqtPanelFooter { height: auto; }
  .manipulateLi ul { display: block;}
  .popcontainer.popcontainerV1 .panel.panel-info.no-m, .popcontainerV1 .myPopUpBody { width: 98%;}
    .fourqtPopupMd { width: 98%;}
    .fourqtPopupXs { width: 80%;}

}
/* Small screens, laptops */
@media (min-width: 768px) and (max-width: 1024px) {
  .master-left-menu { width: 30%; }
  .master-right-sec { width: 70%; }
  .formBoxStyle.fourqtBoxLayout, .mainOtherChrgMasterWrap .formBoxStyle.fourqtBoxLayout { width: 95% !important; }
  .fourqtPanelFormV1 .fourqtPanelHead .radioCustomTemp, .fourqtPanelContentV1 .fourqtPanelHead .radioCustomTemp { display: flex; }
  .divulAudit li { width: 30%; }
  .popcontainer.popcontainerV1 .panel.panel-info.no-m { width: 100%; }
  .fourqtPanelForm.fourqtPanelFormHead .fourqtPanelHead { display: flex; justify-content: space-between; }
  .panUl li { width: 33.3333%; }
  .fourqtPanelContentV1 .fourqIconBtnSec { right: 0px; position: relative; top: 0px; }
  .fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentV1 .fourqtPanelHead { }
  .panel-body .grid-5 { margin: 0px 0px 10px; width: fit-content !important; }
  .gridWrap .grid-item table td { background: rgb(255, 255, 255); }
  .popcontainer .panel.panel-info.no-m .panel-heading { display: flex; align-items: center; justify-content: space-between; }
  .fourqtPanelHead .radioCustomTemp label, .panel-heading .radioCustomTemp label, .fourqtPanelHead .radioCustomTemp li label, .panel-heading .radioCustomTemp li label {margin: 0px 2px !important;border: 1px solid rgb(9, 155, 160) !important;border-radius: var(--borderRadius);}
  .fourqtPanelHead .radioCustomTemp, .panel-heading .radioCustomTemp { margin-left: 0px !important; border: none !important; }
  .fourqtPanelFormRespon .fourqtPanelHead .pull-left { float: none !important; }
  .ragisterPage .formNameInput .nameCol { }
  .fourqtPanelHead .MenuLeftHeading, .fourqtPanelHeadTitle, .fourqt-title, .MenuSubHeading { }
  .checkCustomInput li { margin-bottom: 4px !important; }
  .fourqtPanelFormV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec {align-items: center;left: 0px;}
  .fourqtForm .fourqtCol { width: 33.3333%; }
  /* Booking Form, Lead  */
  .fourqtForm.ragForm.adfPq.enqBooking .fourqtCol {width: 20%;}
    .fourqtForm.ragForm.adfPq.enqBooking .fourqtColAuto {width:auto;}
  .fourqtForm.fourqtFormHeightAuto .fourqtCol { min-height: auto !important; }
  .legendsRight .fourqtPanelHead, .fourqtPanelContentRespon .fourqtPanelHead { display: block; }
  .legendsRight .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentRespon .fourqtPanelHead .fourqtFormHideBtn, .legendsRight .fourqtPanelHead .fourqIconBtnSec { align-items: center; left: 0px; position: relative; top: auto; justify-content: right; }
  .fourqtPanelFormRespon .fourqtPanelHead .fourqtFormHideBtn { justify-content: right; }
  .fourqtPanelFormRespon .fourqtPanelHead .pullLeft { float: none; }
  .legendsRight .fourqtPanelFooter { height: auto; }
  .manipulateLi ul { display: block;}
    #header {padding: 0px 8px;}
     #header .box-right { margin-right: 30px;}
    #menuToggle { right: 8px; }
    .popcontainer.popcontainerV1 .panel.panel-info.no-m, .popcontainerV1 .myPopUpBody { width: 98%;}
    .floorMasterLeft, .floorMasterRight {  float: none;width: 100%; padding: 0px;}
    .fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec, .fourqtPanelContentV1 .fourqtPanelHead .fourqIconBtnSec { position: relative;}
      .fourqtPopupMd, .fourqtPopupLg { width: 98%;}
      .fourqtPopupXs { width: 96%;}
      .fourqtPanelFormV2 .radioCustomHeight {height: var(--heightAuto); max-height: unset !important;}
    .inOneLine .pull-right.pad-right {   float: left !important; }
    .inOneLine .pull-right.pad-right { padding-right: 4px;}
    .fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentV1 .fourqtPanelHead {display: flex; height: auto;  flex-direction: column;
}
}
/* Mobile +  iPads, Tablets */
@media only screen and (max-width: 767px) {
/* Login Page CSS */
.toggle-password { top: 6px !important; right: 10px !important; }
  .login-form ul.toolbar li { margin-bottom: 2px; margin-top: 2px; }
  .login-form { margin: 78px auto 0px; width: 90%; position: relative; }
  .login-form .loginWrap { border: 2px solid rgb(48, 109, 127); }
  .login-form .loginWrap .logo-space .logo-left, .login-form .loginWrap .logo-space .logo-right { height: 75px; white-space: nowrap; width: 50%; display: block; }
  .login-form .logo-left img { width: 100%; }
  .loginTable tr { display: block; margin-top: 10px; }
  .loginTable td { display: block; text-align: left; padding: 2px 4px; }
  .loginTable td label { margin: 0px; }
  .login-form .loginWrap label { margin: 0px; }
  .login-form .loginWrap input.txtbox { margin: 0px; width: 100%; }
  .login-form .loginWrap .logo-space { height: 65px; margin: 0px -5px; position: relative; display: flex; align-items: center; justify-content: space-between; }
  .login-form h3.text-signin { }
  .login-form h3.text-signin { background-color: rgb(217, 118, 23); border-radius: 25px 25px 3px 3px; border-top: 4px solid rgb(225, 114, 7); color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; height: 29px; right: 0px; left: 0px; line-height: 22px; position: absolute; text-align: center; top: -17px; width: 80%; margin: 0px auto; display: inline-block; }
  .login-form ul.toolbar { list-style: none; margin: 17px 0px 0px; padding: 10px; display: block; text-align: center; width: 100%; font-size: 13px; line-height: 15px; background-color: rgb(242, 242, 242); border: 2px solid rgb(48, 109, 127); border-radius: 5px; }
  .login-form .copy-footer { height: auto; }
    .ragisterPage .formNameInput .nameCol { width: auto; margin: 2px 0px;}
   .panel-heading { height: auto;}
       .ragisterPage .col-md-2.col-sm-4 { float: left;}
     .popcontainer.popcontainerV1 .panel.panel-info.no-m, .popcontainerV1 .myPopUpBody { width: 98%;}
     .fourqtPopupMd, .fourqtPopupLg { width: 96%;}
     .divulAudit li { width: 50%; }
     .checkCustomInput li { margin: 2px !important; }
     fourqtPanelHead .radioCustomTemp label, .panel-heading .radioCustomTemp label, .fourqtPanelHead .radioCustomTemp li label, .panel-heading .radioCustomTemp li label {margin: 2px !important;border: 1px solid rgb(9, 155, 160) !important;border-radius: var(--borderRadius);}
  .fourqtPanelHead .radioCustomTemp, .panel-heading .radioCustomTemp { margin-left: 0px !important; border: none !important; }
  .fourqtPanelFormRespon .fourqtPanelHead .pullLeft { float: none;}
  .fourqtPanelFormV1 .fourqtPanelHead, .fourqtPanelContentV1 .fourqtPanelHead {height: auto;flex-direction: column;justify-content: left;}
  .fourqtPanelFormV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentV1 .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec {left: 0px;align-items: self-start;justify-content: space-between;}
  .legendsRight .fourqtPanelHead .fourqtFormHideBtn, .fourqtPanelContentRespon .fourqtPanelHead .fourqtFormHideBtn, .legendsRight .fourqtPanelHead .fourqIconBtnSec { align-items: center;left: 0px;position: relative;top: auto;justify-content: right;}
  .fourqtPanelFormV1 .fourqtPanelHead .radioCustomHeight, .fourqtPanelContentV1 .fourqtPanelHead .radioCustomHeight { height: var(--heightAuto);}
  /*.fourqtPanelHead .radioCustomHeight, .panel-heading .radioCustomHeight, .fourqtPanelHead, .panel-heading, .fourqtPanelFooter, .panel-footer{
    height: auto;
}*/
.main-sp { margin-top: 2px !important; margin-bottom: 10px;}
   .fourqtPanelHead .radioCustomTemp, .panel-heading .radioCustomTemp, .centerDivBtn .radioCustomBtn { height: auto !important; margin-left: 0px !important; border: none !important; }
  .centerDivBtn .radioCustomBtn li label, .centerDivBtn .radioCustomTemp li label, .centerDivBtn .radioCustomTemp label span, .centerDivBtn .redSpan span label { border: var(--checkboxBorderColor); margin:1px;}
   .fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec, .fourqtPanelContentV1 .fourqtPanelHead .fourqIconBtnSec { position: relative;}
  .fourqtPanelFormV1 .fourqtPanelHead .pull-right, .fourqtPanelContentV1 .fourqtPanelHead .pull-right { max-height: initial;}
  .fourqtPanelHead .radioCustomBtn li, .fourqtPanelHead .radioCustomTemp li, .fourqtPanelHead .redSpan span, .panel-heading .radioCustomBtn li, .panel-heading .radioCustomTemp li, .panel-heading .redSpan span { margin: 2px 0;}
  
  .fourqtPanelHead .fourqIconBtnSec.socialSet {position: relative;margin-top: 4px;}
  .small-panel-wrapper {width: 100%;}
    /* Legends Css */
#ctl00_ContentPlaceHolder1_dlColor td { display: block;float: left;margin-bottom: 2px;}
.manipulateLi ul { display: block;}
.manipulateLi ul li{width: 60%;}
/* formBoxStyle */
.formBoxStyle.fourqtBoxLayout {width: 100% !important;}
.shortFormCenter, .mainOtherChrgMasterWrap .formBoxStyle.fourqtBoxLayout .shortFormCenter { width: 100%;}
.btnIpSec {text-align: center;}
.btnIpSec .button { text-align: center;margin: 4px auto;}
/* mainOtherChrgMasterWrap */
.mainOtherChrgMasterWrap .formBoxStyle.fourqtBoxLayout { width: 95% !important;}
.fourqtForm.shortForm.shortFormCenter .form-title { padding-left: 0px; width: 100%;}
.shortForm .form-title, .shortForm .form-input, .fourqtForm.shortForm.shortFormCenter .form-input { float: none; width: 100%;}
.radioCustomBtn li, .radioCustomTemp li, .radioCustomTemp label, .redSpan span , .radioCustomBtn, .radioCustomTemp, .redSpan, .fourqtForm .form-input.radioCustomHeight{/* height: var(--checkbox-heightAuto); */border: none;}
.fourqtForm .form-input.radioCustomHeight, .fourqtPanelHead .radioCustomHeight, .panel-heading .radioCustomHeight { height: var(--height);}
.radioCustomBtn li label { border-radius: var(--borderRadius);}
/* Custom Radio Button */
  .radioCustomTemp label, .radioCustomBtn li label, .radioCustomTemp li label, .radioCustomTemp li label, .redSpan span label {height: auto;border-radius: var(--borderRadius);margin: 0px 2px 4px !important;border: 1px solid rgb(9, 155, 160) !important;}
    .fourqtPanelFooter, .panel-footer {  height:var(--heightAuto) }   
    .fourqtPopupXs { width: 90%;} 
    .shortFormCenter .datepickerwrap {  display: inline-block;}
    .fourqtPopupBody.popSpaceBetween { overflow: auto; max-height: 300px;}
    .msgErrorFixRight {left: auto;right: 0;}
/* Validator */
.msgErrorFixMain.horizantally {top: 5px; z-index: 1;right: 0;width: max-content; margin-left: 4px;}
.fourqtPanelFormV3 .fourqtPanelHead li { margin: 2px;}
.inOneLine .pull-right.pad-right { float: left !important;}
    .fourqtForm .fourqtCol-full .d-flex {flex-direction:column;}
/* For Mobile Max-height Scroll */
.fourqtPopupWrap .fourqtPopupBody {overflow: auto; max-height: 480px;}
}
/* iPads, Tablets */
@media (min-width: 481px) and (max-width: 767px) {
  .master-left-menu { width: 35%; }
  .master-right-sec { width: 65%; }
  .fourqtForm.fourqtFormInline .fourqtCol { width: 50% !important; }
  .radioCustomTemp li { margin-top: 0px; }
  .fourqtForm.shortForm.shortFormCenter .fourqtColAuto {  width: auto;}
  .fourqtForm .fourqtCol, .fourqtForm.shortForm.shortFormCenter .fourqtCol, .fourqtForm.shortForm.shortFormCenter .fourqtColAuto { width: 50%;float:left; } 
  .fourqtPopupSmSlime { width: 450px !important; }
   #header .box-right .links li { padding: 0px 3px; }
    #header .box-right { margin-right: 30px;}
    #menuToggle {right: 8px; }
    #header { padding: 0px 8px;}
    .floorMasterLeft, .floorMasterRight { float: none; width: 100%; padding: 0px;}
      .fourqtPanelFormV3 .fourqtPanelFooter{ display: flex;height: var(--panelheight); }
      .divulAudit li, .totalUnitInfo li, .horzBt li, .panUl li { width: 50%;}
     
}
/* Mobile devices */
@media only screen and (max-width: 480px) {
     .fourqtPanelHead .radioCustomHeight, .panel-heading .radioCustomHeight, .fourqtPanelHead, .panel-heading, .fourqtPanelFooter, .panel-footer{height: auto;}
        .fourqtPanelHead .pull-left, .panel-heading .pull-left, .fourqtPanelHead .pull-right, .panel-heading .pull-right {  float:none !important; }
       
  .master-left-menu, .master-right-sec { width: 100%; }
  .button.btnFourqt.btnUploadz { right: auto; left: 0px; top: 4px; position: relative !important; margin-left: 0px !important; }
  .fourqtCol.CM-marginLeft { margin-left: 0px; }
  .fourqtForm .fourqtCol.comAddr { width: 50%; }
  .fourqtForm.fourqtFormInline .fourqtCol { width: 100% !important; }
  .col-xs-3 { width: 50%; }
  #header .box-left ul.links li { line-height: 22px; font-size: 10px; }
  #header .box-left ul.links li .fa-user-tie { display: none; }
  .panelPopUps .fourqtPopupSm, .popcontainer.popcontainerV1 .panel.panel-info.no-m.panelSm { width: 96%; }
  .panelPopUpsV1 .fourqtPopupInnerWrap .fourqtForm.popupForm .form-title, .panelPopUpsV1 .fourqtPopupInnerWrap .fourqtForm.popupForm .form-input { width: 100%; }
  
 
  .panUl li { width: 100%; }
  div#ctl00_ContentPlaceHolder1_Panel1 select, div#ctl00_ContentPlaceHolder1_Panel1 input { margin: 4px; display: block; }
  div#ctl00_ContentPlaceHolder1_Panel1 b { margin: 5px 10px; display: block; text-align: left; }
   
  .ragisterPage .panel-info.tblPreComDiscount, .ragisterPage .panel-info.tblPreBrokDiscount { width: 100% !important; }
  .fourqtForm .form-version-width .fourqtCol { width: auto; }
  .actColorTheme li { width: 50%; }
  #dvApplicantDetail .payHead .col-xs-2 { padding: 0px 9px; width: 50% !important; }
  .animateDivWrap { position: fixed; bottom: 30px; margin: 0px auto; right: 0px !important; left: 0px !important; width: 90% !important; }
  .rdCustomInRes { }
  .rdCustomIn.rdCustomInRes label { margin: 0px; padding: 2px 3px; border-left: 1px solid rgb(9, 155, 160); font-size: 11px; }
.fourqtForm.fourqtMinL .fourqtCol, .fourqtForm .fourqtCol { min-height: auto; width: auto !important; float: none;}
    #header .box-right .links li { padding: 0px 3px;}
    #header .box-right { margin-right: 30px;}
    #menuToggle {right: 8px;}
    #header { padding: 0px 8px;}
       
/* SetRoleWisePage Tree */
.TreeViewStyle > table, .TreeViewStyle {  width: 100%;}
    .TreeViewStyle > table td:first-child { width: 10%;}
    .TreeViewStyle > table td:last-child { width: 90%;}
    .floorMasterLeft, .floorMasterRight { float: none; width: 100%; padding: 0px;}
 .pull-left.sbsTitle { width: auto !important;}
 .ddressDfSec .rows { flex-direction: column; justify-content: center;}   
 .fourqtPanelFormV3 .fourqtPanelFooter{ display: flex;height: var(--panelheightAuto); }
 .divulAudit li, .totalUnitInfo li, .horzBt li, .panUl li { width: 50%;}
  .row.uCosInfo .colXs {width: 33%;}
  #div_mobile2 .form-title, div#div_mobile3 .form-title {display: none;}
  .btnab {right: 0;}
}
/* Menu Responsive Only */
@media only screen and (max-width: 850px) {
  .mainHeaderWrapFixed .sf-menu a, .mainHeaderWrapFixed .sf-menu ul li a { font-size: 12px; display: block; padding: 7px 15px !important; }
  .toggleMenu { display: block; font-size: 24px; padding: 5px 0px 2px; color: rgb(18, 63, 110); cursor: pointer; position: absolute; top: auto; right: 6px; outline: none; background: none; border: none; }
  .toggleMenu .menuOp { font-size: 24px !important; }
  .toggleMenu .menuCl { display: none; }
  .toggleMenu.closeAct .menuOp { display: none; }
  .toggleMenu.closeAct .menuCl { display: block; }
  .toggleMenu:hover { opacity: 0.8; }
  .navContainer { position: relative; }
  .sf-menu {float: none;display: none !important;opacity: 0;margin-top: 38px;position: absolute;top: 100%;width: 100%;right: 0px;}
  .sf-menu.fixNavOpen {right: 0px;display: block !important;opacity: 1;background: rgb(255, 255, 255);}
  .sf-menu > li { float: none; padding: 0px; }
  .sf-menu ul { position: relative; top: auto; left: auto; box-shadow: none !important; }
  .sf-menu ul li, .sf-menu ul ul li { border-left: none; background: rgb(255, 255, 255) !important; }
  .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: none; }
  .sf-arrows .sf-with-ul::after { display: none; }
  .sf-menu ul ul { left: auto; }
  .sf-menu a { font-size: 14px; padding: 7px 6px; }
  .show_sub { position: absolute; top: 2px; right: 15px; font-size: 21px; background: url("../images/plus.png") center center no-repeat; cursor: pointer; display: block; width: 29px; line-height: 18px; text-align: center; }
  .show_sub::before, .minus_sub::before { position: absolute; top: 50%; right: 10px; margin-top: 0px; height: 0px; width: 0px; display: block; border: 5px solid transparent; color: rgb(18, 64, 111); }
  .show_sub::before { content: "+"; }
  .minus_sub::before { content: "−"; }
  .secondDiv { width: 100%; overflow: auto; }
  input#ctl00_ContentPlaceHolder1_fileAdhar { width: 100% !important; }
  .form-input.block-date { display: flex; align-items: center; justify-content: start; }
  .sinkCenter { margin-left: 0px; }
  .pnl_u .heading_u { width: 155px; padding: 4px 5px; }
  .pnl_u .dsbTit_u { padding: 4px 5px; text-align: left !important; width: 242px !important; }
  .pnl_u .rblPhysicalApplication_u { padding: 4px 5px; width: 120px !important; }
  .rblCustomerIdentification_u { width: 100% !important; }
  .changeCodeWrap, .changePass { float: none; width: 100%; }
  .secureFormWrap .form-title { width: 150px; }
  .col-h { width: 100%; float: none; }
  .lblAddSec .lblAdd { display: none; }
  .lblInk::before { content: "IP address "; }
  .copytext { line-height: 13px; font-size: 11px; }
  #header ~ div { padding: 0px 7px; }
  .main-header-logo { padding: 2px 0px; width: 50px; z-index: 9; position: relative; }
  .menu-wrap-section { float: right; width: 100%; position: absolute; right: 0px; top: auto; }
  .main-header-section .logout-section { float: right; display: flex; align-items: center; margin-right: 40px; }
  .mainHeaderWrapFixed .navbg { width: 100%; padding: 0px !important; }
  .navContainer { padding: 0px; }
  .sf-menu li { }
  .sf-menu a { border-top: 1px solid rgb(223, 238, 255); border-left: none !important; }
   
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes, #ctl00_ContentPlaceHolder1_ddlStatus { border: none; }
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes li label, #ctl00_ContentPlaceHolder1_ddlStatus li label { border: none; }
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes li label, #ctl00_ContentPlaceHolder1_ddlStatus li label { border: 1px solid rgb(9, 155, 160); }
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes li, #ctl00_ContentPlaceHolder1_ddlStatus li { margin-left: 3px; margin-bottom: 4px; }
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes li { margin-left: 3px; margin-bottom: 4px; }
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes li label { border: 1px solid rgb(9, 155, 160); }
  #ctl00_ContentPlaceHolder1_rbtnLstFilterTypes li { margin-left: 3px; margin-bottom: 4px; }
   
  #ctl00_ContentPlaceHolder1_dlButton { display: block; margin-top: 4px; }
  #ctl00_ContentPlaceHolder1_dlButton tr { display: block; }
  #ctl00_ContentPlaceHolder1_dlButton td { display: inline-block; margin-bottom: 4px; margin-right: 2px; }
  .tableBodyCharts .pull-left, .divChartAndGrid .pull-left, .tableBodySite .pull-left { width: 100% !important; float: none !important; }
  .tableBodyCharts .pull-right, .divChartAndGrid .pull-right, .tableBodySite .pull-right { width: 100% !important; float: none !important; }
  .hideTitle, .titleHide { display: none; }
 
}
/* Container & Column Design */
@media (min-width: 768px) {
  .container { width: 750px; }
  .form-inline .form-control {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
    margin: 0px 2px;
}
}
@media (min-width: 992px) {
  .container { width: 970px; }
  .col-md-offset-4 {
    margin-left: 33.3333%;
}
  .col-md-offset-3 {
    margin-left: 25%;
}
}
@media (min-width: 1200px) {
  .container { width: 1170px; }

}
@media (min-width: 481px) {
  .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; }
  .col-xs-12 { width: 100%; }
  .col-xs-11 { width: 91.6667%; }
  .col-xs-10 { width: 83.3333%; }
  .col-xs-9 { width: 75%; }
  .col-xs-8 { width: 66.6667%; }
  .col-xs-7 { width: 58.3333%; }
  .col-xs-6 { width: 50%; }
  .col-xs-5 { width: 41.6667%; }
  .col-xs-4 { width: 33.3333%; }
  .col-xs-3 { width: 25%; }
  .col-xs-2 { width: 16.6667%; }
  .col-xs-1 { width: 8.33333%; }
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.6667%; }
  .col-sm-10 { width: 83.3333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.6667%; }
  .col-sm-7 { width: 58.3333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.6667%; }
  .col-sm-4 { width: 33.3333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.6667%; }
  .col-sm-1 { width: 8.33333%; }
  .modal-sm { width: 300px; }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.6667%; }
  .col-md-10 { width: 83.3333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.6667%; }
  .col-md-7 { width: 58.3333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.6667%; }
  .col-md-4 { width: 33.3333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.6667%; }
  .col-md-offset-2 { margin-left: 16.6667%;}
  .col-md-1 { width: 8.33333%; }
  .modal-lg { width: 900px; }
  }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.6667%; }
  .col-lg-10 { width: 83.3333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.6667%; }
  .col-lg-7 { width: 58.3333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.6667%; }
  .col-lg-4 { width: 33.3333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.6667%; }
  .col-lg-1 { width: 8.33333%; }
}

/* END RESPONSIVE MEDIA QUERY */
/***************************** PURCHASE CSS ******************************/
.hidden {
    display: none !important;
}
input[type="submit"]:disabled {
    background-color: grey;
    opacity: 0.4;
    color: #000;
    border-color: #333;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
a[disabled="disabled"] {
    cursor: not-allowed;
    opacity: 0.5;
}
label.btn-block, label.d-block {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    display: block;
    width: 100%;
    margin: -1px 0 2px;
}
.buttonClose {
    background:transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewbox='0 0 40 40'%3E%3Cpath d='M 10,10 L 30,30 M 30,10 L 10,30' stroke='red' stroke-width='2' stroke-linecap='butt' /%3E%3C/svg%3E");
    background-size: 85%;
    border: 0;
    width: 22px;
    height: 22px;
    background-position: center;
    padding: 0;
    background-repeat: no-repeat;
        text-indent: -200px;
}
.form-group label:has(+ span) {
    float: left;
    padding-right: 4px;
}
.form-group span:has(+ label) {
    float: left;
    padding-right: 4px;
}
/*.fourqtForm .fourqtCol .form-input label:has(+ span), .pull-right label:has(+ span), .pull-right span:has(+ label) {
    float: none;
    padding: 0;
}*/
select[multiple], select[size] {
    height: auto;
}
.lightRed { 
    float: none;
    padding: 0;
}
.col-width-auto {
    width: auto;
}
.form-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap:4px;
}
i.glyphicon-calendar {
    display: none;
}
.loaderasp.center .fa.fa-spinner {
    font-size: 28px !important;
}
.loaderasp.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.form-group label {
    font-size: 12px;
    margin: 0 0 2px;
    display:block;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede; 
    border: 1px solid transparent;
    border-radius: 4px;
}
 .alert {
     padding: 10px 10px;
    position: relative;
    margin-bottom: 10px;
    border-color: #ebccd1;
    border-radius: 4px;
}
 .MenuSubHeading, .MenuLeftHeading { 
    display: inline-block;
}
.datepickSec .dateCalenderIcon + .datepickerwrap .calenderIcon {
    display: none;
}
.form-inline .datepickerwrap > .calenderIcon {
    display: block;
}
table.grd-table td a {
    color: var(--linkColor) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: inline-block;
}
.min-height {
    max-height: 320px;
    min-height: 320px;
    height: 320px;
    overflow: auto;
}
.row.fixHeight, .fixHeight {
    max-height: 300px;
    width: 100%;
    overflow: auto;
    margin: 0;
}
.panel-body div:last-child:has(.fixTable), .panel-body div:last-child:has(.fixTableHome) {
    max-height: 350px;
    overflow: auto;
}
table.radio-table td label {
    position: relative;
    left: 0;
    top: 0px;
    padding: 0;
}
table.radio-table input[type="checkbox"] + label, table.radio-table input[type="radio"] + label {
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 0;
}
table.radio-table td, table.radio-table th {
    padding: 0 !important;
    border: 0 !important;
}