.banner-headding{
	font-weight: 600 !important;
    font-family: 'Open Sans' !important;
    font-size: 36px !important;
    color: white !important;
    padding: 50px 30px 0px 30px;
    width: 100% !important;
}

.banner-paragraph{
    color: white;
    padding-left: 31px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding-top: 10px!important;
}
.paragraph-heading{
    color: #D96932 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    /* Change 24px to 30px by Abhishek */
    line-height: 30px !important;
}
.paragraph{
    color: #4A4A4A !important;
    line-height: 24px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.paragraph span {
    color: #655f5f!important;
    font-weight: 600;
}

.small-text{
    font-size: 14px !important;
    color: rgb(169,171,171);
    font-weight: 400;
    padding-left: 20px;
}

.big-headding {
    font-size: 28px !important;
    color: #4A4A4A !important;
    line-height: 40px !important;
    padding-top: 28px !important;
    font-weight: 400 !important;
}

.link-text {
    color: #578EBE!important;
    font-size: 16px !important;
    font-family: "Open Sans"!important;
    font-weight: 300 !important;
    line-height: 24px !important;
}
.link-text:hover, .link-text:focus{/*Added_by_nishat_on_1stJuly2024_for_ITM-3523*/
    color: #578EBE!important;
    text-decoration: underline !important;
}
.learn-more-a-tag-txt{
    color: #578ebe !important;
    text-decoration: underline !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.ihg-breadcrumb-span {
    color: #578EBE !important;
    font-family: 'Open Sans' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    padding-left: 0px !important;
}
.ihg-breadcrumb-span>a {
    color: #578EBE !important;
}
.ihg-breadcrumb-span-2 {
    padding-left: 0px !important;
    color:black  !important;
    font-size: 12px !important;
}
.ihg-breadcrumb-span a:hover {
    color: #2A6496;
    text-decoration: underline !important;
}

.color-white{
    color:white !important;
}
.color-orange{
    color:#D96932 !important;
}
.color-black{
    color:#4A4A4A !important;
}
.color-red {
    color: #e81e1e !important;
}
.w-50{
    width: 50% !important;
}
.w-70{
    width: 70% !important;
}
.w-100{
    width: 100% !important;
}
.height-auto{
    height:auto !important;
}

/*--------------------This css use for Text Line Height start here-----------------------*/
.line-height-30{
    line-height: 30px !important;
}
.line-height-50 {
    line-height: 50px !important;
}
/*--------------------End css use for Text Line Height start here-----------------------*/

/*--------------------This css use for Text Align start here-----------------------*/
.text-align-left{
    text-align: left !important;
}
.text-align-right{
    text-align: right !important;
}
.text-align-center{
    text-align: center !important;
}
/*--------------------This css use for Text Align End here-----------------------*/

/*--------------------This css use for paddings start here-----------------------*/
.padd-0{
    padding:0px !important;
}
.padd-10{
    padding:10px !important;
}
.padd-15{
    padding:15px !important;
}
.padd-16{
    padding:16px !important;
}
.padd-20{
    padding:20px !important;
}
.padd-top-0{
    padding-top: 0px !important;
}
.padd-top-5{
    padding-top: 5px !important;
}
.padd-top-6{
    padding-top: 6px !important;
}
.padd-top-7{
    padding-top: 7px !important;
}
.padd-top-8{
    padding-top: 8px !important;
}
.padd-top-9{
    padding-top: 9px !important;
}
.padd-top-10{
    padding-top: 10px !important;
}
.padd-top-15{
    padding-top: 15px !important;
}
.padd-top-17{
    padding-top: 17px !important;
}
.padd-top-18{
    padding-top: 18px !important;
}
.padd-top-20{
    padding-top: 20px !important;
}
.padd-top-24{
    padding-top: 24px;
}
.padd-top-25{
    padding-top: 25px;
}
.padd-top-30{
    padding-top: 30px !important;
}
.padd-top-40{
    padding-top: 40px !important;
}
.padd-top-50{
    padding-top: 50px !important;
}
.padd-top-60{
    padding-top: 60px !important;
}
.padd-top-70{
    padding-top: 70px !important;
}
.padd-top-100{
    padding-top: 100px !important;
}
.padd-bottom-0{
    padding-bottom: 0px !important;
}
.padd-bottom-5{
    padding-bottom: 5px !important;
}
.padd-bottom-10{
    padding-bottom: 10px !important;
}
.padd-bottom-15{
    padding-bottom: 15px !important;
}
.padd-bottom-20{
    padding-bottom: 20px !important;
}
.padd-bottom-25{
    padding-bottom: 25px;
}
.padd-bottom-30{
    padding-bottom: 30px !important;
}
.padd-bottom-40{
    padding-bottom: 40px !important;
}
.padd-bottom-50{
    padding-bottom: 50px !important;
}
.padd-right-0{
    padding-right: 0px !important;
}
.padd-right-10{
    padding-right: 10px !important;
}
.padd-right-5{
    padding-right: 5px !important;
}
/* Add by Abhishek 17-02-2024 */
.padd-right-15 {
    padding-right: 15px !important;
}
.padd-right-18{
    padding-right: 18px !important;
}
.padd-right-20{
    padding-right: 20px !important;
}
.padd-right-30 {
    padding-right: 30px !important;
}
.padd-left-0{
    padding-left: 0px !important;
}
.padd-left-3{
    padding-left: 3px !important;
}
.padd-left-5{
    padding-left: 5px !important;
}
.padd-left-8{
    padding-left: 8px !important;
}
.padd-left-9{
    padding-left: 9px !important;
}
.padd-left-10{
    padding-left: 10px !important;
}
.padd-left-15{
    padding-left: 15px !important;
}
.padd-left-18{
    padding-left: 18px !important;
}
.padd-left-20{
    padding-left: 20px !important;
}
.padd-left-25{
    padding-left: 25px !important;
}
.padd-left-30{
    padding-left: 30px !important;
}
.padd-left-40{
    padding-left: 40px !important;
}

/*---------------end css for paddings----------------------------*/

/*--------------------This css use for Font Size start here-----------------------*/
.font-size-14{
    font-size: 14px !important;
}
/*--------------------End css use for Font Size start here-----------------------*/
/*--------------------This css use for Font Weight start here-----------------------*/
.font-weight1{
    font-weight:300 !important;
}
.font-weight2{
    font-weight:600 !important;
}
.font-weight3{
    font-weight:700 !important;
}
.font-weight4{
    font-weight:400 !important;
}
/*--------------------End css use for Font Weight start here-----------------------*/


/*--------------------This css use for Margins start here-----------------------*/
.margin-0 {
    margin: 0px !important;
}
.margin-20 {
    margin: 20px !important;
}
.margin-top-0{
    margin-top: 0px !important;
}
.margin-top-2 {
    margin-top: 2px !important;
}
.margin-top-3{
    margin-top: 3px !important;
}
.margin-top-7{
    margin-top: 7px !important;
}
.margin-top-10{
    margin-top: 10px !important;
}
.margin-top-15{
    margin-top: 15px !important;
}
.margin-top-20{
    margin-top: 20px !important;
}
.margin-top-25{
    margin-top: 25px !important;
}
.margin-top-28{
    margin-top: 28px !important;
}/*Added by WASIM KHAN for ITM-3523 on 25-07-2024 */
/* Add by Abhishek 18-07-2024 */
.margin-top-30{
    margin-top: 30px !important;
}
.margin-top-5{
    margin-top: 5px !important;
}
.margin-top-40{
    margin-top: 40px !important;
}/*Added by WASIM KHAN for ITM-3523 on 08-08-2024*/
.margin-top-50{
    margin-top: 25px !important;
}
.margin-top-70{
    margin-top: 70px !important;
}
.margin-bottom-0{
     margin-bottom: 0px !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.margin-bottom-15{
    margin-bottom: 15px !important;
}
.margin-bottom-20{
    margin-bottom: 20px !important;
}
.margin-bottom-30{
    margin-bottom: 30px !important;
}
.margin-bottom-40{
    margin-bottom: 40px !important;
}
/* Add by Abhishek 18-07-2024 */
.margin-bottom-50{
    margin-bottom: 50px !important;
}
.margin-left-10 {
    margin-left: 10px !important;
}
.margin-left-15 {
    margin-left: 15px !important;
}
.margin-left-20 {
    margin-left: 20px !important;
}
.margin-left-18 {/*Added_by_nishat_on_11thSep2024_for_US336563: US336554 Task#9: Increase & Decrease Icon*/
    margin-left: 18px;
}
.margin-right-5{
    margin-right: 5px !important;
}
.margin-left-4{/*Added_by_nishat_on_27thJune2024_For_ITM-3523*/
    margin-left: -4px !important;
}
.margin-right-3{
    margin-right: 3px !important;
}/*margin-right-3: Added by WASIM KHAN for US336559 on 27-08-2024: To make Asterisk Sign CSS common*/
/*added by vishal bhati US331579: INC5633535- NGP PMS MVP issues:*/
.margin-right-15 {
    margin-right: 15px !important;
}
.margin-right-20 {
    margin-right: 20px !important;
}
.white-space-pre-wrap{
    white-space: pre-wrap !important;
}
.margin-left-5{
    margin-left: 5px !important;
}
/*---------------end css for Margins----------------------------*/

/*STAT: Added_by_Abdul_Rehman_on_27_JUNE_2024_For_ITM-3418*/
.float-left{
    float: left;
}
.float-right{
    float: right;
}

.handle-counter-div {
/*    changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens : container to container-fluid*/
/*    padding-bottom: 15px;*/
    display: inline-block;
  }
  .handle-counter-div input {
    /*    changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens : 55px to 70px */
    width: 70px;
    border: none; border-bottom: 2px solid #F4F2ED;
    font-size: 18px;
    outline: none;
    height: 34px !important;
    line-height: 34px !important;
    padding: 6px 12px !important;
    color: #333333 !important;
  }
  .handle-counter-div .counter-minus, .handle-counter-div .counter-plus, .handle-counter-div input {
    float: left;
    text-align: center;
  }
  .handle-counter-plus, .handle-counter-minus {
    height: 20px !important;
    width: 18px;
    border-radius: 18px;
    color: #000 !important;
    background: #ffffff !important;
    border: 2px solid #CCC !important;
    padding-left: 6px !important;
    padding-right: 12px !important;
    margin-top: 5px;
  }
  .handle-counter-plus-icon {
    position: absolute;
    margin-top: -10px;
    margin-left: -1px;
    color: #ccc;
  }
  .handle-counter-minus-icon{
    position: absolute;
    margin-top: -11px;
    margin-left: 1px;
    color: #ccc;
  }

  .yes-no-checkbox-main-div{
    text-align: center;
    padding-left: 22px;
  }
  .yes-no-checkbox-div span:before, .yes-no-checkbox-div span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 4px;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
  }
  .yes-no-checkbox-div {
    position: relative;
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens: 3rem to auto*/
    height: auto;
    display: inline-grid;
     /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens: 21 to 22*/
/*    width: 18%;*/
    align-items: center;
    
  }
  .yes-no-checkbox-div input {
      display: none;
  }
  .yes-no-checkbox-div input:checked ~ span {
      background: #e5956f;
      border-color: #e5956f;
  }
  .yes-no-checkbox-div input:checked ~ span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
  }
  .yes-no-checkbox-div input:checked ~ span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
  }
  .yes-no-checkbox-div label {
    padding-left: 8rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens: padding: 28px 1px; to padding: 18px 0px; */
    padding: 18px 0px;
    margin-bottom: 0; 
    font-weight: 500;    
    padding-bottom: 0px !important;    
  }
  .yes-no-checkbox-div span {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border: 1.2px solid #e5956f;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
  }
  .yes-no-checkbox-div span:before {
    transform: rotate(-55deg);
    top: 1.55rem;
    left: 0.99rem;
  }
  .yes-no-checkbox-div span:after {
    transform: rotate(35deg);
    bottom: 1.1rem;
    left: 0.79rem;
  }
  .questionneire-input-text{
    float: right;
    width: 62%;
    border: none;
    border-bottom: 2px solid #dcdbda !important;
    outline: none;
    text-align: center;
    height: 34px !important;
    line-height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #333333 !important;
  }
  .position-relative{
    position: relative;
  }
  .questionnaire-calendar-icon{
    position: absolute;
    padding: 10px;
    right: 0px;
    cursor: pointer;
  }
  .mr-auto{
    margin-right: auto;
  }
  .ml-auto{
    margin-left: auto;
  }
  .pl-0{
    padding-left: 0px;
  }
  .pl-0{
    padding-right: 0px;
  }
  .mr-0{
    margin-right: 0px;
  }
  .disabled-logo{
    opacity: 0.3;
  }
  .bullet-list-style li{
    list-style-type: disc;
  }
  .required-msg-style {
    display: block;
    color: #ff0000;
    padding-bottom: 15px;
    font-size: 14px;
  }
  .grid-columns-center{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
/*END: Added_by_Abdul_Rehman_on_27_JUNE_2024_For_ITM-3418*/


/*--------------------This css use for Header Bar start here-----------------------*/ 
.header-hotels-model-body{
    padding: 20px;
}
#SUZCX-Suzhou-modal-box{
    padding-bottom: 20px !important; 
}
.header-hotels-model-title{
    padding-bottom: 15px !important;
    font-size: 18px !important;
}
.hotels-model-sab-title{
    font-size: 14px !important;
    Font-weight: normal !important;
    Line-height: 1.5em !important;
}
.ihg-menu-page-anchor-style {
    display: block !important;
    font-family: Open Sans !important;
    line-height: 36px !important;
    font-size: 14px !important;
    padding: 0px 12px !important;
    color: #578EBE !important;
}
.ihg-menu-page-anchor-style:hover {
    font-size: 14px !important;
    min-height: 36px !important;
    /* color: #578EBE !important; */
    font-weight: 500 !important;
    padding: 0px 12px !important;
    background-color: #eee;
    text-decoration: none !important;
    font-family: Open Sans !important;
}
/*--------------------end css for Header Bar-----------------------*/ 

/*--------------------This css use for Input Fields start here-----------------------*/ 
.input-label{
    color: #000000;
    font-size: 14px;
    font-weight: 600; /*changed 500 to 600 by Abhishek on 20-02-2024*/
    line-height: 1.5em;
    margin-bottom: 10px !important;
}
.input-box{
    height: 34px !important;
    line-height: 34px !important;  
    Padding: 6px 12px !important;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 1px inset !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
}
.input-textarea {
    /* line-height: 34px !important; */
    Padding: 6px 12px !important;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 1px inset !important;
    font-size: 14px !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
}
    
::placeholder {
    color: #767676;
}

:-ms-input-placeholder,
::-ms-input-placeholder {
    color: #767676;
}
/*--------------------End css for Input Fields-----------------------*/ 

/*--------------------This css use for Card Tile start here-----------------------*/ 
/*START: Added by WASIM KHAN for ITM-3443 on 16-05-2024*/
.highlighted-div{
    box-shadow: 0 0 10px #d96932 !important;
}
.display-none {
    display: none;/*Changes by WASIM KHAN for US347289(US336554 Task#17: Standardizing Questionnaire screens)*/
}
.display-block {
    display: block;
}
/*END: Added by WASIM KHAN for ITM-3443 on 16-05-2024*/
.tile-div{
    border: 1px solid #F4F2ED !important;
    /* text-align: center !important; Commented By Moin on 19-07-2024 to resolve checkbox align issue on vendor cards*/
}
.tile-div:hover {
    outline: 1px solid #DB713D !important;
    box-shadow: 0 2px 4px 0 rgb(217 105 50 / 40%) !important;
}
/*--------------------End css use for Card Tile-----------------------*/ 

/*--------------------This css use for Popover Card start here-----------------------*/ 
.popover-card{
    height: auto;
    width:400px !important;
    border-radius: 2px !important;
    text-align: left !important;
    background-color: green;
}
.popover-title{
    font-family: 'Open Sans' !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.popover-paragraph{
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    /* word-break: break-all;
    padding-bottom: 0px !important; */
}
/*--------------------End css use for Popover Card-----------------------*/ 

/* ----------------------- START: RELATED CARD ----------------------------- */
.related-card {
    padding: 20px !important;
    height: auto !important;
    max-height: none !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(12, 12, 12, 0.13) !important;
}

.related-card-title {
    color: #D96932 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
}

.related-card-link {
    text-decoration: none !important;
    font-size: 14px !important;
    display: block !important;
    line-height: 22px !important;
    min-height: 36px !important;
    color: #578EBE !important;
    font-family: "Open Sans" !important;
    font-weight: 400 !important;
    padding: 7px 12px !important;
}

.related-card-link:hover {
    font-size: 14px !important;
    min-height: 36px !important;
    color: #578EBE !important;
    font-family: "Open Sans" !important;
    font-weight: 400 !important;
    padding: 7px 12px !important;
    background-color: #eee;
}
    
/* ----------------------- END: RELATED CARD ----------------------------- */

/*--------------------This css use for FAQ Card start here-----------------------*/ 
.faq-card{
    height: auto !important;
    max-height: none !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(12, 12, 12, 0.13) !important;
    padding: 10px 0px !important;
    text-align: center !important; 
}
.faq-card-link {
    text-decoration: none !important;
    font-size: 14px !important;
    display: block !important;
    line-height: 22px !important;
    min-height: 36px !important;
    color: #578EBE !important;
    font-family: "Open Sans" !important;
    font-weight: 500 !important;
    padding: 7px 12px !important;
}

.faq-card-link:hover {
    font-size: 14px !important;
    min-height: 36px !important;
    color: #578EBE !important;
    font-family: "Open Sans" !important;
    font-weight: 500 !important;
    padding: 7px 12px !important;
    background-color: #eee;
}

/*--------------------This css use Thank You Page-----------------------*/ 

/*--------------------End css use Thank You Page-----------------------*/ 
.thankyou-headding{
    font-size: 36px !important;
    color: #D96932 !important;
    line-height: 30px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
}
.thankyou-paragraph{
    color: #4A4A4A !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 300 !important;
}
.thankyou-link-text{
    color: #578EBE !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}
.cart-thankyou-link{ /*Added_BY_Dilshad_23_MAY_2024_ITM-3455*/
    font-size: 14px !important;
    text-decoration: none !important;
}
/*--------------------End css use for FAQ Card-----------------------*/ 

/*--------------------This css use for Alerts start here-----------------------*/ 
.alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    font-size: 14px !important;
    /* Add by Abhishek 26-02-2024 */
    border-radius: 2px !important;
}
.alert-info-link{
    /*font-size: 14px !important;
    color: #578EBE!important;
    font-family: "Open Sans"!important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-decoration:underline !important;*/
    cursor: pointer;
    color: #31708f !important;
    text-decoration: underline;
}
.alert-info-link:hover{ /*Add_changes_by_Abdul_Rehman_on_20_JUNE_2024_ITM-3555*/
    color: #578ebe !important;
    text-decoration: underline !important;
}
/*Start: Added by Dilshad_12_MARCH_2024_ITM-2823*/
.alert-danger{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-size: 14px !important;
    border-radius: 0px !important;
}
/*End: Added by Dilshad_12_MARCH_2024_ITM-2823*/
/*--------------------End css use for Alerts start here-----------------------*/ 
/* ------------------- Start: Loader CSS --------------------------- */
.loader {
    position: relative !important;
    left: 48% !important;
    top: 38% !important;
    font-size: 100px !important;
    color: black !important;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* ------------------- End: Loader CSS --------------------------- */
/* --------------------------Abhishek Start: DATATABLE ----------------------------- */
.dataTable {
    width: 100% !important;
}

.dataTables_filter {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #54A9E0 !important;
    font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #54A9E0 !important;
    font-weight: bold;
}

.dataTables_info {
    padding-left: 0px !important;
}

div[id$="_info"] {
    /* padding-left: 10px; */
    /* Change 15% to 17% by Abhishek */
    width: 17%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 400;
}

.dataTables_paginate.paging_input {
    min-height: 45px;
}

.btcs {
    width: auto;
    padding-right: 0px;
    padding-left: 15px;
    display: flex;
    justify-content: flex-end;
}

.table.dataTable {
    border-bottom: 0px !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 2px solid #cccccc !important;
}

.dataTable>thead>tr:first-child>th {
    line-height: 1.5em;
    padding: 15px 10px 5px !important;
}

.dataTable>thead>tr:nth-child(2)>th {
    background-color: #d7d7d7 !important;
    padding: 3px 10px !important;
}

table.dataTable tbody tr.odd {
    background-color: #f2f2f2 !important;
}

table.dataTable tbody tr.even {
    background-color: #ffffff !important;
}
/* START: Changes By Moin on 27-06-2024 for ITM-3554 */
.dataTable tbody td,
.dataTable thead th {
    
    /* font-family: Open Sans;
    font-size: 14px;
    padding: 6px 10px !important;
    line-height: 36px !important;
    /* td border 
    border-top: 0px !important; */

    height: 40px !important;
    padding: 6px 10px 6px 10px !important;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    text-align: left;
    line-height: normal !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    
}
.link-text-data-table{
    color: #578ebe !important;
    font-size: 14px !important;
    font-family: "Open Sans" !important;
    font-weight: normal !important;
}
/* END: Changes By Moin on 27-06-2024 for ITM-3554 */
table.dataTable tbody tr.odd {
    background-color: #f2f2f2 !important;
}

/* .dataTable>tbody>tr.even:hover,
.dataTable>tbody>tr.odd:hover {
    background-color: rgba(0, 204, 255, 0.25) !important;
} */

/*Removed td by Abhishek 04-01-2024*/
table.dataTable tbody tr.even:hover,
table.dataTable tbody tr.odd:hover {
    background-color: rgba(0, 204, 255, 0.25) !important;
}

table.dataTable tbody tr.odd>.dataTables_empty:hover {
    background-color: #f2f2f2 !important;
}

.paginate_button {
    color: #428BCA;
    width: 40px !important;
    border: none !important;

}

.paginate_button:hover {
    background: rgba(228, 228, 228, 1) !important;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.247058823529412) !important;
    border-radius: 2px;
    border: none !important;
    color: #428BCA;
}

.paginate_button.disabled:hover {
    background: transparent !important;
    box-shadow: none !important;
}

div[id$="_paginate"] {
    /* Change 70% to 68% by Abhishek 11-01-2024 */
    width: 68%; /*Changes by WASIM KHAN for ITM-3523 on 09-08-2024*/
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    text-align: center;
}

span[id$="_first"] {
    margin-left: 0px !important;
}

span[id$="_previous"] {
    margin: 0 5px 0 5px !important;
}

.paginate_page {
    margin-right: 5px;
    font-family: 'Open Sans';
    font-weight: 400;
}

.paginate_input {
    font-family: 'Open Sans';
    width: 15% !important;
    height: 34px !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    text-align: center;
    display: inline-block !important;
    max-width: 50px;
}

.paginate_of {
    margin-right: 5px;
    font-family: 'Open Sans';
    font-weight: 400;
    margin-left: 5px;
}

span[id$="_next"] {
    margin: 0 5px 0 5px !important;
}

span[id$="_last"] {
    margin-left: 0px !important;
}

table.dataTable .sorting_1 {
    background-color: rgba(0, 0, 0, 0.10) !important;
}
/*action-button-td: Added By Moin on 28-06-2024 for ITM-3554 */
table.dataTable tbody tr > .action-button-td{
    vertical-align: top !important;
}
/*START Added By Moin on 08-07-2024 for ITM-3554*/
.indicator-img{
    width: 20px;
    margin-right: 5px;
}

.indicator-label{
    color: #4A4A4A !important;
    line-height: normal !important;
    font-size: 14px !important;
    margin-top: 2px;
    margin-right: 10px !important;
}
/*END Added By Moin on 08-07-2024 for ITM-3554*/
/*START: Changes By Moin on 29-08-2024 for US336562 */  
.action-button-td .fa-chevron-right{
    margin-right: 3px;
}
.action-button-td a{
    color: #578EBE !important;
}
.action-button-td a:hover{
    color: #2a6496 !important;
    text-decoration: underline !important;
    box-sizing: border-box;
}
/*Added By Moin on 30-08-2024 for US336562*/
.fa-edit:before, .fa-pencil-square-o:before {
    padding-top: 3px;
}
/*Added and changes By WASIM on 20-09-2024 for US336562*/
.std-edit-btn-icon{
    font-size: 14px !important;
    padding-right: 8px !important;
} 
.std-edit-delete-icon{
    font-size: 18px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
/*END: Changes By Moin on 29-08-2024 for US336562 */  
/*START: Added_by_Abdul_Rehman_on_10_Sept_2024_For_US336569 Common CSS for Multi select picklist*/
.bootstrap-select .dropdown-menu li.selected{
    background-color: #1967d2;
}
.bootstrap-select .dropdown-menu li.selected a{
    color: #ffffff !important;
}
.bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:hover{
    background-color: unset !important;
}
.bootstrap-select .dropdown-menu li.selected a:focus, .bootstrap-select .dropdown-menu li.selected a:hover, .bootstrap-select .dropdown-menu li a:hover{
    background-color: #1967d2 !important;
    color: #ffffff !important;
}
.bootstrap-select .dropdown-menu li.selected a .check-mark {
    display: none !important;
}
/*END: Added_by_Abdul_Rehman_on_10_Sept_2024_For_US336569 Common CSS for Multi select picklist*/
.para-bold{/* Added by Vishal Bhati on 2025-09-15: Consistent bold styling */
    color: #4A4A4A !important;
    font-weight: 600 !important;
}
.para-bold-white{
    color: #ffffff !important;
    font-weight: 600 !important;
}
.para-bold-red{
    color: #e81e1e !important;
    font-weight: 600 !important;
}
@media screen and (max-width: 767px) and (min-width: 200px) {
    .dataTables_wrapper .dataTables_info {
        float: none !important;
        text-align: left !important;
    }

    .dataTables_info {
        width: 100% !important;
        display: contents;
    }

    .dataTables_paginate {
        display: flex;
        width: 100% !important;
        padding: 0px !important;
        justify-content: space-between !important;
        margin-top: 21px !important;
        margin-bottom: 20px !important;
    }

    .paginate_button {
        width: 30px !important;
    }

    span[id$="_previous"],
    span[id$="_next"] {
        margin: 0 !important;
    }

    .paginate_page,
    .paginate_of {
        margin-top: 7px;
    }

    .paginate_input {
        max-width: 50px !important;
    }

    /* .btcs {
        display: inline-flex;
        margin-right: 40%;
    } */
    /* Add by Abhishek 10-01-2024 */
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        background-position: 107% 90% !important;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Start: Add by Abhishek 27-02-2024 */
/* -------------------------------------------- ERROR MESSAGE CSS ------------------------------------------------- */
.error-msg {
    color: #ff0000 !important;
}

.js-required-error {
    border: 1px solid #ff0000 !important;
}

/* -------------------------------------------- ERROR MESSAGE CSS ------------------------------------------------- */
/* End: Add by Abhishek 27-02-2024 */

.fa-lg-icon{
    font-size: 1.33333333em !important;
}/*Added by WASIM for US336562 on 22-10-2024*/

@media screen and (max-width: 1024px) and (min-width: 768px) {
    div[id$="_info"] {
        width: 25% !important;
        /* Add by Abhishek*/
        display: block;
    }

    div[id$="_paginate"] {
        width: 50% !important;
        /* Add by Abhishek*/
        display: block;
    }

    .btcs {
        /* Change flex to inline-flex by Abhishek*/
        display: inline-flex;
        justify-content: flex-end;
        padding: 0px;
        width: 25%;
        /* Add by Abhishek */
        float: right;
    }

    /* Add by Abhishek 10-01-2024 */
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        background-position: 107% 85% !important;
    }
}

/*For 200% Zooming*/
@media screen and (max-width: 799px) and (min-width: 683px) {
    div[id$="_info"] {
        width: 20% !important;
    }

    div[id$="_paginate"] {
        width: 55% !important;
    }
}

/* Comment it will add in future by Abhishek 27-12-2023 */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-position: 103% 75% !important;
}

/* -------------------------- End: DATATABLE ----------------------------- */

/* ----------------------- Start Hotel Selector Model -------------------- */
#hotel-list-model div[id$="_info"] {
    padding-left: 10px !important;
}

#hotel-list-model #bootstrap-tablemainmenu.dataTable thead th,
#hotel-list-model #bootstrap-tablemainmenu.dataTable thead td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9) !important;
}

#hotel-list-model #bootstrap-tablemainmenu>tbody>tr>td,
#hotel-list-model #bootstrap-tablemainmenu>tbody>tr>th,
#hotel-list-model #bootstrap-tablemainmenu>tfoot>tr>td,
#hotel-list-model #bootstrap-tablemainmenu>tfoot>tr>th,
#hotel-list-model #bootstrap-tablemainmenu>thead>tr>td,
#hotel-list-model #bootstrap-tablemainmenu>thead>tr>th {
    border-top: none !important;
    color: #578ebe !important;
    font-size: 14px;
    font-family: 'Open Sans Light', 'Open Sans Regular', 'Open Sans' !important;
}

#hotel-list-model table.dataTable tbody tr {
    background-color: #ffffff !important;
}

#hotel-list-model table.dataTable .sorting_1 {
    background-color: rgba(0, 0, 0, 0.0) !important;
    padding: 1px 0px !important;
}

#hotel-list-model table.dataTable thead th,
#hotel-list-model table.dataTable thead td {
    padding: 10px 8px !important;
}

#hotel-list-model table.dataTable>thead>tr>th {
    background-color: #f6f6f6 !important;
}

@media screen and (max-width: 767px) and (min-width: 200px) {
    #hotel-list-model div[id$="_info"] {
        padding-left: 10px !important;
        display: block !important;
    }

    #hotel-list-model .dataTables_paginate {
        margin: 0px !important;
    }

    #hotel-list-model .paginate_page {
        margin-right: 0px !important;
    }

    #hotel-list-model .paginate_button:hover {
        height: 35px !important;
        padding: 0.5em 0.7em !important;
    }
    /*added by vishal bhati on 20-08-2024 for US333636: Positron - Message Display in SF and MP :*/
    .product-info-img-tag {
        aspect-ratio: 4 / 1 !important;
        padding-bottom: 15px !important;
    } 
    .border-left-color-c{
        padding-top: 15px !important;
    }
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
    .position_relative .require_icon.require_icon_position {
        top: 0;
    } 
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    #hotel-list-model div[id$="_info"] {
        padding-left: 10px !important;
        display: block !important;
    }

    #hotel-list-model .dataTables_paginate {
        margin: 0px !important;
    }

    #hotel-list-model .paginate_button:hover {
        height: 35px !important;
        padding: 0.5em 0.7em !important;
    }

    .device-padd-0{
        padding: 0px !important;
    }/*Added by WASIM KHAN for ITM-3523 on 08-08-2024*/
}

/* ------------------------ End Hotel Selector Model --------------------- */
/*---------------Start css for button----------------------------*/
/* .Primery Button  */
.primery-button-style{
	color: #FFFFFF !important;
	height: 36px !important;
    border-radius: 2px !important;
    font-weight: normal !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25) !important;
    background-color: #578EBE !important;
	border-color: #2e6da4 !important;

}
.primery-button-style:hover {
	background-color: #3276b1 !important;
	border-color: #3276b1 !important;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25) !important;
    
}
.primery-button-style:disabled {
	background-color: #9cc1e2 !important;
	border-color: #9cc1e2 !important;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25) !important;
	opacity: unset;/*Added_by_Abdul_Rehman_on_14_Oct_2021_ITM-1761 : NGP*/
    
}
.primery-button-style:focus-visible {
	background-color: #255683 !important;
	border-color: #255683 !important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35) !important;
}

/* .Secondary Button  */
.secondary-button-style{
	color: #578EBE !important; 
	height: 36px !important;
    border-radius: 2px !important;
    font-weight: normal !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25) !important;
    background-color: white !important;
    border-color: transparent !important;
}
.secondary-button-style:hover{
	color: #578EBE !important; 
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25) !important;
}
.secondary-button-style:focus{
	color: #578EBE !important; 
}
/*Start: Danger button style added_by_nishat_on_03thAug2024_for_US336566: US336554 Task#12: Primary and Secondary Button Position*/
.danger-button-style {
    height: 36px;
    padding: 8px 12px 8px 12px;
    border-radius: 2px;
    background-color: #d9534f;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25) !important;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
}
.danger-button-style:hover {
    background-color: #d2223d;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
}
.danger-button-style:active {
    background-color: #a71b30;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
}
.danger-button-style:disabled {
    opacity: 0.5;
    padding: 8px 12px 8px 12px;
    border-radius: 2px;
    background-color: #d9534f;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
}
/*End: Danger button style added_by_nishat_on_03thAug2024_for_US336566: US336554 Task#12: Primary and Secondary Button Position*/
/* .Big Button  */
.primery-big-button-style{
    padding: 0px 67px !important;
    height: 70px !important;
    font-size: 20px !important;
    color: #FFFFFF !important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25) !important;
    background-color: #578EBE !important;
	border-color: #2e6da4 !important;
}

.primery-big-button-style:hover {
	background-color: #3276b1 !important;
	border-color: #3276b1 !important;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25) !important;
    
}
.primery-big-button-style:disabled {
	background-color: #9cc1e2 !important;
	border-color: #9cc1e2 !important;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25) !important;
	opacity: unset;/*Added_by_Abdul_Rehman_on_14_Oct_2021_ITM-1761 : NGP*/
    
}
.primery-big-button-style:focus-visible {
	background-color: #255683 !important;
	border-color: #255683 !important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35) !important;
}
/*---------------end css for button----------------------------*/
/* ------------------- Start: Toast -------------------------------------------- */
#toastMessage {
    font-size: 16px !important;
}

#toastMessage .toast-glyphicon-close {
    font-size: 16px !important;
    padding-top: 1px !important;
}
/*Start: Added by Dilshad_10_JUNE_2024_ITM-3505*/
.info-link-tag {
    cursor: pointer;
    color: #31708f !important;
    text-decoration: underline;
}
.info-link-tag:hover {
    color: #578ebe !important;
    text-decoration: underline !important;
}
/*End: Added by Dilshad_10_JUNE_2024_ITM-3505*/
/*Start: Added_by_nishat_on_27thJune2024_For_ITM-3523*/
.back-btn-icon{
    color: #578EBE;
}
.back-btn-icon:hover{
    color: #3276b1;
}
.back-btn-icon-font16{
    font-size:16px;
}
.back-btn-icon-font24{
    font-size:24px;
}
.print-icon{
    color: #578EBE;
}
.print-icon:hover{
    color: #3276b1;
}
.print-icon-font16{
    font-size:16px;
}
/*End: Added_by_nishat_on_27thJune2024_For_ITM-3523*/
/* ------------------- End: Toast -------------------------------------------- */
/*-------------------- Start Section Tag ------------------------------------- */
.std-section-tag-parent-div{
    height: 25px;
}
.std-section-tag-div{
    width: auto;
    height: 0px;
    border-bottom: 26px solid #D96932;
    border-right: 9px solid transparent;
    padding-left: 5px;
    padding-bottom: 0px;
    position: absolute;
    margin-top: -1px;
    margin-left: -1px;
}
.std-section-tag-label{
    padding-top: 7px;
    display: inline-block;
    padding-left: 0;
    text-align: left;
    background-color: #D96932 !important;
    margin-left: 13px;
    font-size: 12px;
}
/*-------------------- End Section Tag --------------------------------------- */

/*--------------------Start this css use moblie devices media query -----------------------*/ 
@media screen and (max-width: 767px) and (min-width: 200px) {
    .font-size-14{
        font-size: 14px !important;
    }
    .color-orange{
        color:#D96932 !important;
    }
    .color-black{
        color:#4A4A4A !important;
    }
    .color-white{
        color:white !important;
    }
    .color-red {
        color: #e81e1e !important;
    }
    .font-weight1{
        font-weight:300 !important;
    }
    .font-weight2{
        font-weight:600 !important;
    }
    .font-weight3{
        font-weight:700 !important;
    }
    .font-weight4{
        font-weight:400 !important;
    }

    .padd-xs-0 {
        padding: 0px !important;
    }
    /* Add by Abhishek 04-01-2024 */
    .padd-xs-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .banner-height{
        min-height: 165px !important;
        max-height: 165px !important;
    }
    .banner-headding{
        font-weight: 600 !important;
        font-family: 'Open Sans' !important;
        font-size: 16px !important;
        color: white !important;
        padding: 20px 30px 0px 10px !important;
        width: 100% !important;
    }
    
    .banner-paragraph{
        color: white;
        padding-left: 10px !important;
        font-size: 13px !important;
        font-weight: 300 !important;
        padding-top: 0px !important;
    }

    .banner-btn-div {
        padding-left: 10px !important;
    }
    .banner-button{
        font-size: 12px;
        height: unset !important;
    }

    .paragraph-heading{
        /* color: #D96932 !important; */
        font-size: 16px !important;
        /* font-weight: 400 !important; */
    }

    .paragraph{
        /* color: #4A4A4A !important; */
        line-height: 24px !important;
        font-size: 13px !important;
        /* font-weight: 300 !important; */
    }
    .link-text {
        font-size: 13px !important;
    }

    .big-headding {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .thankyou-headding{
        font-size: 22px !important;
    }
    .thankyou-paragraph{
        font-size: 14px !important;
    }
    .thankyou-link-text{
        font-size: 14px !important;
    }
    .loader {
        position: relative !important;
        left: 37% !important;
        top: 45% !important;
        font-size: 100px !important;
        color: black !important;
        animation: spin 2s linear infinite;
    }
    #toastMessage {
        margin-left: -150px !important;
    }
    #toastMessage .toast-glyphicon-close {
        padding-top: 2px !important;
    }

    .device-padd-0{
        padding: 0px !important;
    } /*Added by WASIM KHAN for ITM-3523 on 08-08-2024*/

    .padd-device-bottom-0{
        padding-bottom: 0px !important;
    }/*Added by WASIM KHAN for ITM-3523 on 08-08-2024*/
    /*added by vishal bhati on 20-08-2024 for US333636: Positron - Message Display in SF and MP :*/
    .border-left-color-c {
        border-top: 1px solid #F4F2ED !important;
        border-left: unset !important;
        padding-left: 0px !important;
    }
    .product-info-card {
        flex-direction: column;
    }
    .compatibility-card {
        border: 1px solid #e4e0e0;
        padding: 20px;
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
        margin-bottom: 25px;
    }
    .std-section-tag-div{
        position: relative;
        border-bottom: 18px solid #D96932;
    }
    .std-section-tag-label{
        position: relative;
        top: -4px;
        left: 0px;
        font-size: 7px;
        padding-top: 0px;
    }

}

/*--------------------End  css use moblie devices media query -----------------------*/ 

/* ------------------- Start Mobile landscape Media Query -------------------------- */
@media screen and (max-width: 767px) and (min-width: 200px) and (orientation: landscape) {
    .loader {
        position: relative !important;
        left: 45% !important;
        top: 38% !important;
        font-size: 100px !important;
        color: black !important;
        animation: spin 2s linear infinite;
    }
    .std-section-tag-div{
        position: relative;
    }
}
@media screen and (min-width:520px) and (max-width:990px) {
    .std-section-tag-div{
        position: relative;
    }
}
/* ------------------- End Mobile landscape Media Query -------------------------- */

/*--------------------Start this css use ipad devices media query -----------------------*/ 
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .font-size-14{
        font-size: 14px !important;
    }
    .color-orange{
        color:#D96932 !important;
    }
    .color-black{
        color:#4A4A4A !important;
    }
    .color-white{
        color:white !important;
    }
    .color-red {
        color: #e81e1e !important;
    }
    .font-weight1{
        font-weight:300 !important;
    }
    .font-weight2{
        font-weight:600 !important;
    }
    .font-weight3{
        font-weight:700 !important;
    }
    .font-weight4{
        font-weight:400 !important;
    }

    .banner-height{
        min-height: 180px !important;
        max-height: 180px !important;
    }
    .banner-headding{
        font-weight: 600 !important;
        font-family: 'Open Sans' !important;
        font-size: 18px !important;
        color: white !important;
        padding: 20px 30px 0px 10px !important;
    }
    
    .banner-paragraph{
        color: white;
        padding-left: 10px !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        padding-top: 0px !important;
    }

    .banner-btn-div {
        padding-left: 10px !important;
    }
    .banner-button{
        font-size: 12px;
        height: unset !important;
    }

    .paragraph-heading{
        /* color: #D96932 !important; */
        font-size: 18px !important;
        /* font-weight: 400 !important; */
    }
    .paragraph{
        /* color: #4A4A4A !important; */
        line-height: 24px !important;
        font-size: 14px !important;
        /* font-weight: 300 !important; */
    }
    .link-text {
        font-size: 14px !important;
    }

    .big-headding {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .thankyou-headding{
        font-size: 24px !important;
    }
    .thankyou-paragraph{
        font-size: 14px !important;
    }
    .thankyou-link-text{
        font-size: 14px !important;
    }
    .loader {
        position: relative !important;
        left: 45% !important;
        top: 40% !important;
        font-size: 100px !important;
        color: black !important;
        animation: spin 2s linear infinite;
    }
    /*added by vishal bhati on 20-08-2024 for US333636: Positron - Message Display in SF and MP :*/
    .product-info-img-tag{
        display:  flex ;
        justify-content: center;
    }
    .std-section-tag-label{
        position: relative;
        top: 1px;
        left: 0px;
        font-size: 10px;
    }
}

/*--------------------End  css use ipad devices media query -----------------------*/ 

.para-info-msg{
  font-size: 16px;
  color: #6A6A6A;
  font-weight: 700;
}/*Added by Wasim KHAN for ITM-3457 on 02-07-2024: for paragraph info message*/
/*Added by vishal bhati on 08-07-2024 for ITM-3458 for carousel indicator*/
.onb-carousel-indicators li{
    background-color: #578EBE !important;
    border: none;
}
.onb-carousel-indicators .active{
    background-color: #D96932 !important;
    border: none;
}
/*-----------START: Added By Moin on 18-07-2024 for Common Progress Bar CSS--------------*/
#navtabcustomnew,
#navtabcustomnew *::before,
#navtabcustomnew *::after {
	box-sizing: border-box;
}
#navtabcustomnew,
.indicator-data {
	margin-top: 10px;
	margin-bottom: 7px;
	border-bottom: 0px;
}
#navtabcustomnew > li {
	display: flex;
	width: 100%;
	margin-bottom: 2px;
	word-break: break-word;
	word-wrap: break-word;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
#navtabcustomnew time {
	position: relative;
	color: #ccc;
	padding: 0 1.5em;
	margin-top: 12px;
	margin-bottom: 12px;
}
#navtabcustomnew > li > a {
	border-radius: 0px !important;
	padding: 1em 1.5em 1em 1.5em;
	padding: 0.8em 0.1em 0.8em 0.8em;
	position: relative;
	border: 1px solid transparent !important;
}
#navtabcustomnew > li.active time::after {
	background-color: rgb(87, 142, 190);
	color: rgb(255, 255, 255);
	border-color: rgb(87, 142, 190);
}
/*Removed By Ghulam Moinuddin on 23-04-2024 for ITM-3338 Revision Phase 2 */
#navtabcustomnew > li:hover,
#navtabcustomnew > li:focus {
	border-color: #eee #eee #ddd;
	text-decoration: none;
	background-color: #eee;
}
.resource-link-a-tag {
	line-height: 22px !important;
}

.tabheadings {
	font-size: 14px;
	font-style: normal;
	color: #578ebe;
	padding-left: 10px;
}
.status-indicator {
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #ededed;
}

#navtabcustomnew,
.indicator-data {
	margin-top: 10px;
	margin-bottom: 7px;
	border-bottom: 0px;
}

#navtabcustomnew > li {
	display: flex;
	width: 100%;
	margin-bottom: 2px;
	word-break: break-word;
	word-wrap: break-word;
}

#navtabcustomnew time {
	position: relative;
	color: #ccc;
	padding: 0 1.5em;
	margin-top: 12px;
	margin-bottom: 12px;
}
/*Changes By Moin on 16-07-2024 for ITM-3577*/
#navtabcustomnew time::after {
	content: attr(statusnumber);
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	transform: translateX(50%);
	border-radius: 50%;
	background: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: rgb(169, 171, 171);
	border: 1px solid rgb(169, 171, 171);
	padding: 3px;
}

.completed-stage time::after {
	font-family: "FontAwesome5Pro-Regular", "Font Awesome 5 Pro";
	content: "\f00c" !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #fff !important;
	background-color: #55951b !important;
	border-color: #55951b !important;
}

#navtabcustomnew > li > a {
	border-radius: 0px !important;
	padding: 0.8em 0.1em 0.8em 0.8em;
	position: relative;
	border: 1px solid transparent !important;
}

#navtabcustomnew > li > a::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	height: 100%;
	border-left: 1px #ccc solid;
}

#navtabcustomnew li:nth-last-child(1) a::before {
	border-left: none;
}

#navtabcustomnew .tabheadings {
	display: block;
}

#navtabcustomnew,
#navtabcustomnew *::before,
#navtabcustomnew *::after {
	box-sizing: border-box;
}
#navtabcustomnew > li:hover,
#navtabcustomnew > li:focus {
	border-color: #eee #eee #ddd;
	text-decoration: none;
	background-color: #eee;
}

#navtabcustomnew > li:hover > a > span,
#navtabcustomnew > li:focus > a > span {
	color: #4a4a4a !important;
}
#navtabcustomnew time {
    padding: 0 0.5em;
  }

  #navtabcustomnew>li {
    padding: 0px 15px;
  }
/*START: Added By Moin on 15-07-2024 for SE Missed Active Class for Status Bar*/
  #navtabcustomnew>li.active time::after{
    background-color: #578EBE;
    color: #fff;
    border-color: #578EBE;
  }
  .nav-tabs>li.active{
    border-color: #eee #eee #ddd;
    background-color: #eee;
    text-decoration: none;
  }
  .active .tabheadings{
    color: #4A4A4A !important;
  }
  .indicator-list, .indicator-data{
    padding-left: 0px !important;
    padding-right: 0px !important;/*Added by vishal bhati on 22-jan-2024 for UI Responsive work*/
  }
  #navtabcustomnew>li:hover, #navtabcustomnew>li:focus{
    border-color: #eee #eee #ddd;
    text-decoration: none;
    background-color: #eee;
  }
  #navtabcustomnew>li:hover > a > span, #navtabcustomnew>li:focus > a > span{
    color: #4A4A4A !important;
  }
/*END: Added By Moin on 15-07-2024 for SE Missed Active Class for Status Bar*/
/*-----------END: Added By Moin on 18-07-2024 for Common Progress Bar CSS--------------*/

/* Add by Abhishek 19-07-2024: ICON */
/*Changes By WASIM on 20-09-2024 for US336562*/
/* .fa-pencil-square-o,
.fa-trash-o {
    font-size: 16px;
} */

.trash-icon {
    color: #D9534F;
}
/* Add by Abhishek 19-07-2024: ICON */
/*Dilshad_25_JULY_2024_ITM-3526: Followed the standard border of glow product*/
.border-color{
    border: 1px solid #F4F2ED !important;
}
.border-bottom-color{
    border-bottom: 1px solid #F4F2ED !important;
}
.darker-boder-color{
    border: 1px solid #D8D8D8 !important;
}
.darker-border-bottom-color{
    border-bottom: 1px solid #D8D8D8 !important;
}
/*Start: Dilshad_23_AUG_2024_ITM-US338574: Add common css*/
.page-bg-grey{
    background-color: #F5F5F5 !important;
}
.card-section{
    padding: 20px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    background-color: rgba(255, 255, 255, 1);
}
.card-title{
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}
.common-modal-header{
    color: #333333;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans', sans-serif;
    font-style: normal;
}
.close-x-button {
  color: #D7D7D7;
  font-size: 28px;
  background-color: rgba(255, 255, 255, 0) !important;
  box-sizing: border-box !important;
  font-family: 'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome', sans-serif !important;
  font-weight: 700;
  text-align: center;
  opacity: unset !important;
}
.close-x-button:hover {
  opacity: 0.5;
  box-sizing: border-box;
  color: #000000;
}
.common-modal-body{
    color: #333333;
    line-height: 20px;
}
/*End: Dilshad_23_AUG_2024_ITM-US338574: Add common css*/
/*added by vishal bhati on 20-08-2024 for US333636: Positron - Message Display in SF and MP :*/
.compatibility-card {
    border: 1px solid #e4e0e0;
    padding: 20px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
}
.border-left-color-c {
    border-left: 1px solid #F4F2ED;
}
.product-info-card{
    display: flex; 
    align-items: center; 
    justify-content: space-evenly;
    background-color: #fff !important;
    padding: 0px;
    margin: 0;
    border-color : #fff !important;
}
.product-info-img-div{
    display: flex; 
    align-items: center; 
    height: 100%; 
    justify-content: center;
}
.product-info-img-tag{
    width: 100%; 
    aspect-ratio: 4/3; 
    object-fit: contain; 
    mix-blend-mode: darken;
}

@media screen and (max-width:991px) and (min-width:768px) and (orientation:landscape){
    .product-info-img-tag {
        aspect-ratio: 4 / 3 !important;
    }
    .border-left-color-c{
        padding-top: 15px !important;
    } 
}

/*Start: Added by WASIM KHAN for US336559 on 27-08-2024: To make Asterisk Sign CSS common*/
.top-12{
    top: 12px !important;
}

.position_relative{
    position: relative !important;
}

.position_absolute{
    position: absolute !important;
}

.require_icon_position{
    position: absolute !important;
    left: 5px;
}

.require_icon {
    font-family: 'OpenSans-Bold', 'Open Sans Bold', 'Open Sans';
    font-weight: 700 !important;
    font-style: normal;
    color: #FF0000 !important;
}

.paragraph span.require_icon {
    font-family: 'OpenSans-Bold', 'Open Sans Bold', 'Open Sans';
    font-weight: 700 !important;
    font-style: normal;
    color: #FF0000 !important;
}

/*END: Added by WASIM KHAN for US336559 on 27-08-2024: To make Asterisk Sign CSS common*/
/* ---------------------- Start: CALENDAR CSS (NextGen PMS - MVP - INC5719124: By Abhishek Sh. 29-08-2024) --------------------------- */

.calender-heading{
    font-size: 36px !important;
    color: #D96932 !important;
    line-height: 30px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
}

.calendar-table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0px !important;
	margin-top: 24px;
    width: 1050px;
    height: 543px;
    background-color: #ffffff;
}

.calendar {
	background-color: white;
	margin-left: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 30px;
    margin: 0px 15px !important;
}

.calendar-item {
    overflow-x: auto;
}

.calendar-control-legends{
    display: flex;
}

.calendar thead {
	font-size: 14px;
}

.calendar tbody {
	border: 1px solid #333333;
}

.calendar thead td {
    width: 40px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    line-height: 20px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-weight: 700;
}

.calender-td-style {
    font-size: 13px;
	border: 1px solid #d2d2d2;
	width: 150px;
    height: 90px;
    padding: 8px 5px;
    background-color: #ffffff;
    box-sizing: border-box;
    color: #333333;
    text-align: left;
    line-height: normal;
    vertical-align: top;
}

.calender-td-style p{
    font-size: 12px;
}

.calender-td-style span {
	display: none;
	color: #333;
	text-decoration: none;
	padding: 3px;
}
.calender-td-style:hover span {
	z-index: 1;
	display: block;
	position: absolute;
	background-color: #fff;
	border: 1px solid black;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 2;
	width: 20%;
}

.calendar-model-footer {
	margin-right: 13px;
	border-top: 0px;
}

.selected-td-style {
	background-color: #204d74 !important;
	color: white !important;
}

.calendar tbody .available {
	background-color: #578ebe;
	color: white;
	cursor: pointer;
}

.calendar tbody td.available:hover {
	background-color: #3276b1 !important;
	color: white !important;
}

.calendar tbody .all-slots-booked-td-style {
	background-color: #b7b8b6;
	color: black;
	cursor: not-allowed;
}

.calendar tbody .all-slots-booked-td-style:hover {
	background-color: #e0e0e0;
}

#calendar-div{
	display: flex;
    justify-content: center;
}

.left-calendar-control, .right-calendar-control{
	width: 36px;
	height: 36px;
	padding: 2px 2px 2px 2px;
	border: none;
	border-radius: 2px;
	background-color: #ffffff;
	box-sizing: border-box;
	font-family: "FontAwesome Regular", "FontAwesome", sans-serif;
	color: #428bca;
	text-align: center;
	line-height: normal;
}

.left-calendar-control:hover, .right-calendar-control:hover {
	background-color: #f2f2f2 !important;
	box-sizing: border-box;
	box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.24705882352941178);
}
.left-calendar-control:active, .right-calendar-control:active {
	background-color: #d7d7d7;
	box-sizing: border-box;
}
.left-calendar-control:disabled, .right-calendar-control:disabled {
	opacity: 0.5;
	padding: 8px 12px 8px 12px;
	border-radius: 2px;
	background-color: #ffffff;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	color: #578ebe;
	text-align: center;
	line-height: 20px;
}

.month-title {
	width: 90px;
	height: 30px;
	padding: 0px 0px 10px 0px;
	background-color: rgba(255, 255, 255, 0);
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #333333;
	text-align: left;
	line-height: 20px;
	margin-left: 30px;
}

.hide-calendar {
	display: none !important;
	margin-left: -300px !important;
	transition: all 1s ease-out;
}

.show-calendar {
	margin-left: 0 !important;
}

.calendar-slide-left {
	-webkit-animation: slideInLeft 0.5s;
}

@keyframes slideInLeft {
	from {
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

.calendar-slide-right {
	-webkit-animation: slideInRight 0.5s;
}

@keyframes slideInRight {
	from {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

.legend-box {
	display: inline-flex;
	align-items: center;
	justify-content: end;
	border-radius: 8px;
}
/*.calendar-legend-box: add css regarding HotelKey PMS component  */
.calendar-legend-box {
	display: inline-flex;
	align-items: center;
	justify-content: end;
	border-radius: 8px;
}
#key {
	width: 100%;
	height: auto;
	position: relative;
}
.legend-circle {
	display: flex;
	align-items: center;
	margin: 5px;
}
.legend-circle div {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 2px;
}

.legend-box p {
	margin: 0 10px 0 5px;
}

.legend-box > .legend-circle:last-child > p {
	margin-right: 0px;
}

.legend-box > .legend-circle:last-child {
	margin-right: 0px;
}

#key .legend-color1{
	background-color: #578ebe;
}

/*.calendar-legend-color1: add css regarding HotelKey PMS component  */
.calendar-legend-color1{
	background-color: #578ebe;
}

#key .legend-color2{
	background-color: #b7b8b6;
}

#key .legend-color3{
	border: 2px solid #dfdfdf;
}
/*.calendar-legend-box, calendar-legend-color3, calendar-legend-circle: add css regarding HotelKey PMS component  */
.calendar-legend-box p {
	margin: 0 10px 0 5px;
}
.calendar-legend-color3{
	border: 2px solid #dfdfdf;
}
.calendar-legend-circle {
	display: flex;
	align-items: center;
	margin: 5px;
}
.calendar-legend-circle div {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 2px;
}
.calendar-legend-box > .calendar-legend-circle:last-child > p {
	margin-right: 0px;
}

.calendar-legend-box > .calendar-legend-circle:last-child {
	margin-right: 0px;
}

@media (max-width: 767px) {
    #enrollSection4{
        padding-bottom: 0px !important;
    }
    /*calanderMainDiv: add css regarding HotelKey PMS component  */
    #calanderMainDiv{ 
        padding-bottom: 0px !important;
    }

    .calender-heading {
        font-size: 22px !important;
    }

    .calendar{
        box-shadow: none;
        padding: 0px 0px 30px;
    }

    .calendar-item{
        border: none;
    }

    .calendar-control-legends{
        flex-direction: column-reverse;
        margin-top: 0px;
    }

    .left-calendar-control{
        margin-left: 0px;
    }

    .legend-box{
        flex-direction: column;
        align-items: start;
        margin-bottom: 20px;
    }

    /*.calendar-legend-box: add css regarding HotelKey PMS component  */
    .calendar-legend-box {
        flex-direction: column;
        align-items: start;
        margin-bottom: 20px;
    }

    .slot-submit{
        margin-right: 0px;
    }

    /*calander-submit: add css regarding HotelKey PMS component  */
    .calander-submit{
        margin-right: 0px;
    }

    @media screen and (orientation: landscape) {
        .calendar-control-legends{
            flex-direction: row;
        }

        .legend-box{
            width: 100% !important;
            flex-direction: row;
            margin-bottom: 0px;
        }

        /*.calendar-legend-box: add css regarding HotelKey PMS component  */
        .calendar-legend-box { 
            width: 100% !important;
            flex-direction: row;
            margin-bottom: 0px;
        }

        .legend-circle{
            flex-direction: column;
        }
        /*.calendar-legend-circle: add css regarding HotelKey PMS component  */
        .calendar-legend-circle{
            flex-direction: column;
        }
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 950px) and (orientation: landscape) {
    .legend-circle{
        flex-direction: column;
    }

    /*.calendar-legend-circle: add css regarding HotelKey PMS component  */
    .calendar-legend-circle{
        flex-direction: column;
    }
    
    .legend-box{
        width: max-content !important;
    }

    /*.calendar-legend-box: add css regarding HotelKey PMS component  */
    .calendar-legend-box { 
        width: max-content !important;
    }

    .month-title{
        margin-left: 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .calender-heading{
        font-size: 24px !important;
    }

    .left-calendar-control{
        margin-left: 0px;
    }

    @media only screen and (max-device-width: 835px) and (orientation: portrait) {
        .legend-circle{
            flex-direction: column;
        }

        /*.calendar-legend-circle: add css regarding HotelKey PMS component  */
        .calendar-legend-circle{
            flex-direction: column;
        }

        .legend-box{
            width: max-content !important;
        }

        /*.calendar-legend-box: add css regarding HotelKey PMS component  */
        .calendar-legend-box { 
            width: max-content !important;
        }
        
        .month-title{
            margin-left: 20px;
        }
    }
    
    .legend-box p{
        width: max-content;
    }

    /*.calendar-legend-box: add css regarding HotelKey PMS component  */
    .calendar-legend-box p{ 
        width: max-content;
    }

    .legend-box > .legend-circle:last-child > p{
        margin-right: 0px;
    }

    /*.calendar-legend-circle: add css regarding HotelKey PMS component  */
    .calendar-legend-box > .calendar-legend-circle:last-child > p{ 
        margin-right: 0px;
    }
}
/* Added by WASIM for US336562 on 22-10-2024*/
.std-display-inline-block{
    display: inline-block !important;
}
.icon-red-class{
    color: #D9534F !important;
}
.icon-disabled-color{
    color: #ed929f !important;
}
.std-vertical-align-middle{/*US336562:changes by Vishal US336554 Task#8: View/Edit/ Delete icons*/
    vertical-align: middle;
}
/* ----------------------- End: CALENDAR CSS (NextGen PMS - MVP - INC5719124: By Abhishek Sh. 29-08-2024) ---------------------------- */
/*Start: Dilshad_29_AUG_2024_ITM-US336556:Create common class for checkbox*/
.select-all-checkbox{
    vertical-align: sub !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}
.checkbox-label{
    font-weight: 400 !important;
    color: #707372 !important;
    font-size: 14px !important;
    padding-left: 10px !important;
}

/* Added by Shubham on 20-03-2025 for US390687*/
.arabic-checkbox-label{
	padding-right: 10px !important;
}

.checkbox .choose-any-one::before{
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
    left: calc(50% - -50%);
    top: 0px;
}
.checkbox .choose-any-one::after{
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens: 21 to 22*/
    left: calc(50% - -50%);
    top: 0px;
}
.choose-any-one{/*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
    padding-left: 0px !important;
}
.std-radio-button{
    height: 17px;
    width: 17px; 
}
/*End: Dilshad_29_AUG_2024_ITM-US336556:Create common class checkbox*/
/*Start: Dilshad_09_SEP_2024_ITM-US336556: existing checkbox css paste here from productpage.css*/
.checkbox label {
    display: inline-block;
    position: relative;
    font-family : 'Open Sans' !important;
 }
 .checkbox label::before {
    content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #9B9B9B;
      border-radius: 0px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 18px;
      height: 18px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
 
 }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;  background-color: #D96932 !important;border:1px solid #D96932 !important;}

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }
/*Start: Dilshad_25_NOV_2024: If checkbox is disabled then should be display disabled icon*/
.checkbox input[type="checkbox"]:disabled + label::after {
        background-color: #eeeeee;
        cursor: not-allowed; }
.checkbox input[type="checkbox"]:disabled {
    cursor: auto !important;
}
/*End: Dilshad_25_NOV_2024: If checkbox is disabled then should be display disabled icon*/
/*End: Dilshad_09_SEP_2024_ITM-US336556: existing checkbox css past here from productpage.css*/

/*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
/*comment by vishal bhati on 04-08-2025 to fixed UI impact issue*/
/*Remove by vishal bhati to fixed input group input height*/
.std-btn-custom:hover{
    color: #333 !important;
    text-decoration: none;
}
.std-btn-custom {
    color: #578EBE;
    background-color: #d4d4d4;
}
.std-custom_css {
    border-bottom: 2px solid #cccccc;
    border-top: hidden;
    border-left: hidden;
    border-right: hidden;
    box-shadow: 0px 0px;
    height: 34px;
    padding: 6px 12px;
    line-height: 34px;
    font-size: 14px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;/*changes by vishal bhati on 07-17-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
}/*Added by WASIM KHAN for US336554 on 22-10-2024*/
.std-textInput {
    padding: 6px 12px;
    font-size: 14px;
    width: 100% !important;
    border-bottom: 2px solid #cccccc !important;
    outline: none;
    height: 34px;
    line-height: 34px;
    color: #333333;
}/*changes by vishal bhati on 10-10-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
input.std-handle-counter{
    text-align: left;
}
.std-flex-dir-column{
    display: flex;
    flex-direction: column;
}
.std-que-row-min-height{
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.std-justify-content-start{
    justify-content: start !important;
}
.std-checkbox-between-space{
    width: 70px;
    display: flex;
    justify-content: space-between;
    min-height: 42px;
    align-items: center;
    padding-left: 0px !important;
}
.padding-left-2-per {
    padding-left: 15px !important;
}
.row-style {
    width: auto !important;
}
.display-flex-c {
    display: flex;
    justify-content: center;
}
.next-btn-row {
    margin-top: 2%;
    margin-bottom: 17.5px;
}
.std-position-left-minus-10{
    left: -10px;
} 
.std-position-left-0{
    left: 0px;
} 
.std-position-top-0{
    top: 0px;
}
.std-position-top-8{
    top: 8px;
} /*Added by WASIM KHAN for Task#5 on 20-11-2024*/
.std-position-top-10{
    top: 10px;
}   
.std-position-left-20{/*require_icon, require_icon_position, top-12: Added by WASIM KHAN for US336559 on 29-10-2024: To make Asterisk Sign CSS common:*/
    left: 20px;
}         
.std-min-height{
    min-height: auto !important;
}
.form-sec {
    background: #fff;
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 4px #fff;
}
.form-margin {
    margin-top: 0px;
    padding-top: 0px;
}
/*Added by WASIM KHAN for US347289(US336554 Task#17: Standardizing Questionnaire screens)*/
/* Added by WASIM for US336562 on 22-10-2024*/
.std-display-inline-block{
    display: inline-block !important;
}
.icon-red-class{
    color: #D9534F !important;
}
.icon-disabled-color{
    color: #ed929f !important;
}
.std-vertical-align-middle{/*US336562:changes by Vishal US336554 Task#8: View/Edit/ Delete icons*/
    vertical-align: middle;
}
/*START: US333001: INC5643348 IHG Security Essentials MVP: Added by Wasim Khan on 27-11-2024*/
.std-display-inline{
    display: inline !important;
}
.v-align-top{
    vertical-align: top !important;
}
.v-align-middle{
    vertical-align: middle !important;
}
/*END: US333001: INC5643348 IHG Security Essentials MVP: Added by Wasim Khan on 27-11-2024*/
input.not-allow-disabled[type=checkbox]:disabled, input.not-allow-disabled[type=radio]:disabled {/*Added by vishal bhati on 07-05-2025 for : cursor not allow when checkbox/radio disabled*/
    cursor: not-allowed;
}
@media only screen and (max-width: 600px) and (orientation: portrait){
    .std-que-row-min-height {
        /*min-height: auto;*//*comment by vishal bhati on 08-11-2024 for US347289(US336554 Task#17: Standardizing Questionnaire screens) : in esd it is create issues*/
        flex-direction: column;
        justify-content: center;
        align-items: flex-start !important;
    }
    .yes-no-checkbox-main-div {
        padding-left: 5px !important;
        display: flex !important;
        justify-content: space-between !important;
    }
    .display-flex-c {
        justify-content: flex-start !important;
    }
    .padding-left-2-per {
        padding-left: 0px !important;
    }
    .sub-que-main-div {
        padding-left: 10px !important;
    }
    /*changes by vishal bhati on 11-11-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens: 10 to 15px*/
    .std-mobile-min-height-fc{
        min-height: fit-content !important;
    }
    .sub-que-main-div.not-required-inputs-div{
        padding-left: 15px !important;
    }
    .checkbox-parent-div-yes-no {
        min-height: fit-content;
    }
    .std-checkbox-between-space {
        width: 95px !important;
    }
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
    .std-sub-que-input-1{
        padding-left: 15px !important;
    }
    .std-sub-que-input-2{
        padding-left: 30px !important;
    }
    .std-sub-que-input-3{
        padding-left: 45px !important;
    }
    /*changes by vishal bhati on 19-09-2024 for US347289: US336554 Task#17: Standardizing Questionnaire screens*/
    .position_relative .require_icon.require_icon_position {
        top: 0;
    }
    .std-que-row-min-height > .yes-no-checkbox-main-div {
        padding-left: 0px !important;    }
    .display-flex-c > .yes-no-checkbox-main-div{
        padding-left: 0px !important;
    }
}
 @media only screen and (max-height: 1194px) and (max-width: 834px) and (orientation: portrait) {
     .yes-no-checkbox-main-div{
      padding-left: 5px !important;
      display: flex;
    }
    .yes-no-checkbox-div {
        position: relative;
        display: inline-grid;
    }
 }
@media only screen and (min-width: 390px) and (max-width: 932px) and (orientation: landscape) {
    .padding-left-2-per {
        padding-left: 0px !important;
    }
}
/*End: Vishal*/
/*Added by vishal bhati on 30-09-2024 for Common Template*/
@media only screen and (max-height: 1194px) and (max-width: 834px) and (orientation: portrait) {
    .related-card.margin-bottom-0{
        margin-bottom: 0px !important;
    }
}
@media only screen and (min-width: 390px) and (max-width: 932px) and (orientation: landscape) {
    .related-card.margin-bottom-0{
        margin-bottom: 0px !important;
    }
}

/*START: ADDED By Moin on 05-12-24 for F51580 - ReVision Enhancement*/
.std-existing-contact-info{
    background-color: darkgray;
    color: white;
}
/*End: ADDED By Moin on 05-12-24 for F51580 - ReVision Enhancement*/

/* START: Added by shubham patil on 09-01-2025 - stay enhancement 9th step */
.bullet-list-style-circle li{
    list-style-type: circle;
  }
/* END: Added by shubham patil on 09-01-2025 - stay enhancement 9th step */
/*Start: Added by vishal bhati on 19-11-2025 for US432814: Navigational Menu Revamp (persistent menu on left) - desktop (not responsive) - Part 1.1*/
:root {
    /* core palette */
    --color-sidebar-bg: #042c49;
    --color-sidebar-hover: #0A3F61;
    --color-text-light: #ffffff;
    --color-tooltip-bg: #000000;
    --color-header-bg: #23527c;

    /* utility */
    --color-shadow: rgba(0,0,0,0.12);
    --color-tooltip-border: #cccccc;
}

.content-area-dashboard{
    padding-left: 52px;
}
.sidebar-menu .nav-menu-container {
    width: 52px;
}
.nav-menu-container ~ .ihg-marketplace-logo {
    padding-left: 66px !important;
}
/* hamburger menur white */
/* .ihg-main-page-menu-pointer{
    color: var(--color-text-light) !important;
} */
.nav-menu-container{
	position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-sidebar-bg);
    color: var(--color-text-light);
    z-index: 2;
}
#page-content.desktop-nav{
    display : block!important;
    min-width: 52px;
    position: fixed;
    z-index: 999 !important;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--color-sidebar-bg);
    padding: 0px;
    height: 100vh;
    min-height: 100%;
}
#page-content.mobile-nav{
    bottom: 0;
    min-height: webkit-fill-available;
}
#page-content.desktop-nav .sidebar-collapsed{
    background: var(--color-sidebar-bg);
    position: fixed;
    width: 52px !important;
    left: 0;
    top: 0;
    height: 100vh;
    display: block;
    padding: 0;
}

#page-content.desktop-nav.sidebar-collapsed-back .sidebar-menu {
  position: fixed !important;
  left: 0;
  top: 0;
  height: 100vh !important;
  /* width: 100% !important; */
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1200;
  /* transition: width 240ms ease, background 240ms ease; */
  box-shadow: 2px 0 8px var(--color-shadow);
}

/* Collapsed state: narrow bar showing only icons */
#page-content.desktop-nav.sidebar-collapsed .sidebar-menu {
    /* padding-top:56px !important;   */
    width: 52px !important;
    transition: .2s;
}
#page-content.desktop-nav.sidebar-collapsed-back #sidebar, #page-content.desktop-nav.sidebar-collapsed #sidebar{
    background:none !important;
}

#page-content.desktop-nav.sidebar-collapsed-back .sidebar-icon{
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: center;
    transform: rotate(180deg);
    cursor: pointer;
    z-index: 3;
}
.page-container ~ .overlaping{
  display: block;
  width: 52px !important;  
  z-index: 999 !important;
}
.page-container.desktop-nav.sidebar-collapsed #sidebar span {
	opacity: 1 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* initial state */
#page-content.desktop-nav.sidebar-collapsed .ic-arrow-right {
  display: none;
}
#page-content.desktop-nav.sidebar-collapsed .ic-hamburger {
  display: block;
}

/* on hover of the icon show arrow, hide hamburger */
/* #page-content.desktop-nav.sidebar-collapsed .sidebar-icon:hover .ic-arrow-right {
  display: block;
} */
#page-content.desktop-nav.sidebar-collapsed .sidebar-icon:hover{
    cursor: pointer;
}
/* #page-content.desktop-nav.sidebar-collapsed .sidebar-icon:hover .ic-hamburger {
  display: none;
} */

#page-content .nav-hamburgur-container{
    width: auto !important;
    height: 56px !important;
    /* cursor: pointer; */
}
.hamburgur-btn-container{
    width: 100% !important;
    /* height: 100% !important; */
}
#page-content.desktop-nav .sidebar-icon{
    width: 52px !important;
    height: 56px !important;/*56 to 48*/
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transform: none !important;
}
.page-container.desktop-nav.sidebar-collapsed .sidebar-menu{
   display: block !important;
}
.page-container.desktop-nav.sidebar-collapsed-back .sidebar-menu{
   display: block !important;
}
.page-container.desktop-nav #sidebar li{
    min-height: 48px !important;
    padding: 0px !important;
    color: var(--color-text-light);
}
.page-container.desktop-nav #sidebar > li:hover {
    background-color: var(--color-sidebar-hover) !important; /*#0A3F61 */
}
.page-container.desktop-nav #sidebar #p li:hover {
    background-color: var(--color-sidebar-hover) !important; /*#0A3F61 */
}
#page-content.desktop-nav.sidebar-collapsed-back {
  width: 320px !important;
  box-sizing: border-box;
  /* transition: 0.2s; */
}
#page-content.desktop-nav.sidebar-collapsed-back .menu, #page-content.desktop-nav.sidebar-collapsed-back .menu #sidebar,  #page-content.desktop-nav.sidebar-collapsed-back .menu #sidebar > li,  #page-content.desktop-nav.sidebar-collapsed-back .sidebar-menu{
    width: 320px !important;
    box-sizing: border-box;
}
#page-content.desktop-nav.sidebar-collapsed-back .hamburgur-btn-container{
	display: flex;
    justify-content: right;
    /* transition: ease-in-out .3s; */
}

#page-content.desktop-nav.sidebar-collapsed-back .ic-arrow-right{
    display:block !important;
    transform : rotate(180deg)
}
#page-content.desktop-nav.sidebar-collapsed-back .ic-hamburger{
    display:none !important;
}
#page-content.desktop-nav.sidebar-collapsed-back .sidebar-menu .menu #sidebar > li > a{
    display: flex !important;
    align-items:center !important;
    /* padding-right: 35px !important; */
}
/* #page-content.desktop-nav.sidebar-collapsed-back .sidebar-menu .menu #sidebar > li > a.has-sabmenu{
    padding-right: 35px !important;
}
#page-content.desktop-nav.sidebar-collapsed .sidebar-menu .menu #sidebar > li > a.has-sabmenu{
    padding-right: 0px !important;
} */
#page-content.desktop-nav.sidebar-collapsed-back .sidebar-menu .icon-box {
  min-width: 52px;
  width: 52px;
  height: 48px;/*56 to 48*/
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-content.desktop-nav.sidebar-collapsed-back .sidebar-menu .menu-text{
 color :var(--color-text-light);
}

#page-content.desktop-nav.sidebar-collapsed-back .show-dropdown-menu{
    position: fixed;
    top: 56px;
    left: 52px !important;
    display: none;
}
#page-content.desktop-nav.sidebar-collapsed .sidebar-menu  #sidebar li ul#p {
    position: fixed;
    left: 52px;
    top: 55px !important;
    
}

.ihgmenuborderstylenew {
    border-left: unset !important; 
    border-right: unset !important;
    background-color: var(--color-sidebar-bg) !important;
}

#sidebar li a {
    color: var(--color-text-light);
    padding:0px;
}
#sidebar li a:hover {
    color: var(--color-text-light) !important;
}
.page-container.desktop-nav #sidebar li .submenuwith li {
    display: flex;
    align-items: center;
}
.header-menu-icon-div1{
    width: 52px !important;
    height: 52px !important;
    background: var(--color-header-bg);
    color: var(--color-text-light);
}
.sidebar-icon{
    min-width: 52px;
    width: 52px !important;
    height: 56px !important;
}
.nav-hamburgur .sidebar-icon{
    min-width: 52px;
    width: 52px !important;
    height: 56px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
#p .menu-level.active-menu {
    width: 210px !important;
} 
.marketplace-logo-container{
    display: flex;
}
#sidebar .active-menu {
     background:var(--color-sidebar-hover) !important;
    color: unset !important;
    border-left: unset !important;
    /* width: 210px !important; */
}
.nav-menu-active {
    background: var(--color-sidebar-hover) !important;
}
 /* #sidebar .active-menu a{
    background:#003f6d;
} */
 /* #page-content.desktop-nav.sidebar-collapsed-back  .submenuwith a, */
 .li-categ, .li-categ.li-link{
    padding: 0px !important;
}
/*Changes by vishal bhati on 10-12-2025 for : US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px : 1024px to 1400px*/
@media only screen and (max-width: 1400px) {
    #page-content.desktop-nav.sidebar-menu{
        display: none !important;
    }
    #page-content.desktop-nav.page-container.sidebar-collapsed{
        display: none !important;
    }
    #page-content.desktop-nav.header-menu-icon-div{
        display: block !important;
    }
    .content-area-dashboard{
        padding-left: 0px !important;
    }
    .page-container.sidebar-collapsed-back{/*Changes by vishal bhati on 10-12-2025 for : US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px : 1024px to 1400px*/
        padding-right: 0px !important;
    }
    /*Start : Added by vishal bhati on 21-11-2025 for US437851: Navigational Menu Revamp (main menu) - tablet/mobile (responsive/dynamic) - Part 2*/
    .ihg-marketplace-logo{
        padding: 0px !important;
        display: inline;
        width: max-content;
        padding-left: 15px !important;
    }
    .nav-hamburgur .sidebar-icon{
        display: flex;
        justify-content: center;
        align-items: center;
    } 
    .nav-hamburgur .ic-arrow-right-mobile{
        transform: rotate(180deg);
    }
    .nav-hamburgur .sidebar-icon, .nav-hamburgur .sidebar-icon #addremoveicon{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/*Changes by vishal bhati on 10-12-2025 for : US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px : 1024px to 1400px : min-width: 1025px to 1367px*/
@media only screen and (min-width: 1367px) {
    .header-menu-icon-div{
        display: none !important;
    }
}
#page-content.desktop-nav.page-container.sidebar-collapsed #sidebar .li-link{
    width:52px !important;
    height: 48px !important;
}
 .page-container.desktop-nav.sidebar-collapsed #sidebar > li > a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-container.desktop-nav.sidebar-collapsed #sidebar > li > a .menu-text{
    display:none !important;
}
/* #menu-report{
    display:none;
} */
#sidebar li a{
    color:var(--color-text-light) !important;
}
.page-container.desktop-nav.sidebar-collapsed #sidebar li a {
    width: 100%;
}
.page-container.desktop-nav.sidebar-collapsed #sidebar li #p li a, .page-container.desktop-nav.sidebar-collapsed-back #sidebar li #p li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.page-container.desktop-nav.sidebar-collapsed .menu-level.sub-menu, .page-container.desktop-nav.sidebar-collapsed-back .menu-level.sub-menu{
    background:var(--color-sidebar-bg) !important;
}
/*.page-container.desktop-nav.sidebar-collapsed .menu-level.sub-menu a:hover*/
 /* .page-container.desktop-nav.sidebar-collapsed-back .menu-level.sub-menu a:hover{
    background:var(--color-sidebar-hover) !important;
    height:100% !important;
} */

#p.product-submenu{
    background:var(--color-sidebar-bg);
    /* display: block !important; */
    visibility: visible;
    opacity: 1;
}
#page-content.desktop-nav.sidebar-collapsed-back .submenuwith.show-menu.product-submenu{
    position:fixed;
    top:55px;
    left:320px;
}
.page-container.desktop-nav #sidebar #p li.submenu-heading .sub_heading {
    background: var(--color-sidebar-bg) !important;
    color: var(--color-text-light) !important;
}
.page-container.desktop-nav #sidebar #p li.submenu-heading:hover {
    background: none !important;
}

/* tooltip */
/* tooltip */
/* .page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip::after{
  content:attr(data-title);
  position:absolute;
  top:50%;
  left:100%;
  transform:translateY(-50%);
  background:var(--color-text-light);
  color:var(--color-sidebar-bg);
  padding: 4px 10px;
  border-radius:2px;
  border: 1px solid var(--color-tooltip-border);
  white-space:nowrap;
  font-size:12px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
  margin-left:3.2px;
  opacity:0;
  visibility:hidden;
  transition:.15s ease;
  pointer-events:none;
  max-width: 250px;
}
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip:hover::after{
    opacity:1;
    visibility:visible;
} */
/* tweak these to control spacing */
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip {
  --gap: -3.2px;
  --arrow: 6px;
  /* position: relative;
  display: inline-block; */
}

/* tooltip box (to the right of the li) */
/* .page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip::after {
  content: attr(data-title);
  position: absolute;
  top: 50%;
  left: calc(100% + var(--gap) + var(--arrow)); 
  transform: translateY(-50%);
  background: var(--color-tooltip-bg) !important;
  color: var(--color-text-light) !important;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  box-shadow: 0 2px 6px var(--color-shadow);
  opacity: 0;
  transition: opacity .12s ease;
} */

/* arrow: placed between the li and tooltip, pointing LEFT */
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + var(--gap));        /* sits just right of li */
  transform: translateY(-50%);
  width: 0; height: 0;
  border-style: solid;
  border-width: var(--arrow);
  /* border-color: top right bottom left; right side must be tooltip color */
  border-color: transparent var(--color-tooltip-bg) transparent transparent;
  z-index: 1001; /* above li but below tooltip box if you like */
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  /* transition: opacity .12s ease; */
}
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip::after {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    left: calc(100% + var(--gap) + var(--arrow)); /* place tooltip right of arrow */
    transform: translateY(-50%);
    background: var(--color-tooltip-bg) !important;
    color: var(--color-text-light) !important;
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px !important;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding: 3px 8px;
    color: var(--color-text-light);
    text-align: left;
    background-color: var(--color-tooltip-bg);
    border-radius: 4px;
    word-break: break-word;
    transition: all .02s;
    visibility: hidden;
}
/* show on hover or keyboard focus (accessibility) */
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip:hover::after,
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip:focus-within::after,
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip:hover::before,
.page-container.desktop-nav.sidebar-collapsed #sidebar > li.has-tooltip:focus-within::before {
  opacity: 1;
  visibility: visible;
}
.page-container.desktop-nav.sidebar-collapsed-back #sidebar .has-sabmenu .menu-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 56px);
}
/*End: Added by vishal bhati on 19-11-2025 for US432814: Navigational Menu Revamp (persistent menu on left) - desktop (not responsive) - Part 1.1*/
/* Added by vishal bhati on 19-11-2025 for US437851: Navigational Menu Revamp (main menu) - tablet/mobile (responsive/dynamic) - Part 2 */
.page-container.mobile-nav.sidebar-collapsed-back{
	background : var(--color-sidebar-bg) !important;
    height: 100vh !important;
}
.page-container.mobile-nav.sidebar-collapsed-back #sidebar-mobile {
    background : var(--color-sidebar-bg) !important;
    margin-bottom:55px;
}
.page-container.mobile-nav.sidebar-collapsed-back #sidebar-mobile a{
    color:var(--color-text-light) !important;
}
.page-container.mobile-nav.sidebar-collapsed-back #sidebar-mobile .sub_heading{
    color: var(--color-text-light) !important;
}
.product_submenu #sidebar-mobile li:hover {
    background-color: var(--color-sidebar-hover) !important;
}
.product_submenu #sidebar-mobile .active-menu{
    background-color: var(--color-sidebar-hover) !important;
    border-left: none;
}
.page-container.mobile-nav.sidebar-collapsed-back #sidebar-mobile li:hover {
    background-color: var(--color-sidebar-hover) !important;
    /* transition: background-color 250ms ease-in-out; */
}
.page-container.mobile-nav.sidebar-collapsed-back{
    z-index: 10000!important;
}
.page-container.mobile-nav.sidebar-collapsed-back .sidebar-menu-mobile{
    /* overflow-y: auto; */
    margin-bottom: 60px;
}
.page-container.mobile-nav.sidebar-collapsed-back #sidebar-mobile .product_submenu{
    height: -webkit-fill-available;
}
.nav-hamburgur {
    width: 52px;
    height: 56px;
    background: var(--color-sidebar-bg);
}

.page-container.mobile-nav.sidebar-collapsed-back{
    top: 0;
    transition: left 0.4s ease; 
}
.sidebar-menu-mobile .sidebar-icon.li-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-menu-mobile #sidebar-mobile .hamburgur-btn-container{
    display:flex;
    justify-content:right;
    align-items:center;
}
.sidebar-menu-mobile #sidebar-mobile .hamburgur-btn-container .ic-arrow-right {
    transform:rotate(180deg);
}
.sidebar-menu-mobile #sidebar-mobile .icon-box {
  min-width: 52px;
  width: 52px;
  height: 48px;/*56 to 48*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-menu-mobile #sidebar-mobile li.menu-level{
    /* padding:0px!important; */
    min-height: 48px !important;
    display:flex;
}
/* #sidebar-mobile li .has-sabmenu{
    width: -webkit-fill-available;
} */
.sidebar-menu-mobile  #sidebar-mobile > li.menu-level {
    display: flex;
    align-items: center;
    padding-right: 8px !important;
}
.sidebar-menu-mobile #sidebar-mobile > li .icon-link-conatiner{
   display: flex;
   align-items: center;
   min-width: min-content;/*changes by vishal bhati on 11-12-2025 for US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px: 100% to min-content*/
   padding: 0px !important;
}
.sidebar-menu-mobile #sidebar-mobile > li.menu-level > .icon-link-conatiner a{
  
    display: flex;
    align-items: center;
    /*width:100%;*//*changes by vishal bhati on 11-12-2025 for US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px: comment*/
}
.sidebar-menu-mobile #sidebar-mobile > .icon-box {
    width: 52px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-menu-mobile #sidebar-mobile .menu-level .has-sabmenu.menu{
    /*changes by vishal bhati on 11-12-2025 for US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px:*/
    min-width: 30px;
    height: 30px;
    display: flex;
    justify-content: right;
    align-items: center;
    cursor: pointer;/*Changes by vishal bhati on 10-12-2025 for : US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px : 1024px to 1400px*/
}
.sidebar-menu-mobile .main_menu #sidebar-mobile li{
    padding: none!important;
}
.sidebar-menu-mobile .active-menu{
        background:var(--color-sidebar-hover) !important;
        color: unset !important;
        border-left: unset !important;
}
#sidebar-mobile.main-menu-mobile li{
    padding:0px !important;
}
.footercol{
    z-index: 2 !important;
}
.show-menu.product-submenu .menu-submenu-visible{
    display:block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media screen and (max-width: 767px) and (orientation: landscape){
    .ihg-marketplace-logo {
        padding-left: 15px !important;
    }
}
@media screen and (max-width: 750px) and (min-width: 381px) and (orientation: landscape){
    /* .page-container.sidebar-collapsed-back.mobile-nav{
        width: 40% !important;
    } */
    .page-container.mobile-nav.sidebar-collapsed-back{
        background : var(--color-sidebar-bg) !important;
        height: 100vh !important;
        width: 40% !important;
        padding-right: 0px !important;
        overflow-x: auto;
    }
}

.page-container.desktop-nav.sidebar-collapsed{
    .ic-hamburger{
        display: none;
    }
     .ic-arrow-right{
        display: block;
    }
}
.page-container.sidebar-collapsed-back .has-sabmenu .fa-angle-right, .page-container.sidebar-collapsed .has-sabmenu .fa-angle-right, .page-container.sidebar-collapsed .menu-level .fa-angle-right.has-sabmenu, .page-container.sidebar-collapsed-back .menu-level .fa-angle-right.has-sabmenu {
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: var(--color-text-light);
    font-size: 24px;
    gap: 8px;
}
.sidebar-menu-mobile div .text-center{
	padding:0px !important;
}
.sidebar-menu-mobile div .text-center .nav-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-menu-mobile div .text-center .nav-link .text{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    width: fill-available;
    padding-right: 8px;
}
.sidebar-menu-mobile div .text-center .nav-link .fa-angle-left{
    float: left;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500 !important;
    font-size: 30px;
    position: relative;
    padding: 0px 8px;
}
#sidebar-mobile li.text-center {
    min-height: 56px !important;
    padding: 0px !important;
}
.page-container.sidebar-collapsed-back li a, .page-container.sidebar-collapsed li a {
    word-break: break-word;
}
.search-history{
    z-index: 998 !important;
}
/*Changes by vishal bhati on 11-12-2025 for US451790: Navigational Menu Revamp - Replace Flyout with Mobile-Style View For Small Screen Devices with Width upto 1400px*/
.page-container.mobile-nav.sidebar-collapsed-back #sidebar-mobile li.text-center:hover{
   background-color: var(--color-sidebar-bg) !important;
    
}
.main-menu-mobile .hamburgur-btn-container .sidebar-icon{
    cursor:pointer;
}
.ihgmenuborderstylenew12 {
    border: 1px solid rgba(69, 74, 84, 0.8);
}
#sidebar-mobile span.fa-angle-left {
    font-weight: 500 !important;
}
/*Changes By Moin on 16-12-2025 for US448207: GPM: Enroll Step Screen Hotel Champions (Phase II) */

.network-id-modal .modal-content {
    padding: 10px;
}
.network-id-modal .no-matching-header {
    background-color: darkgray;
    color: white;
}
.refresh-icon {
    font-size: 18px !important;
    cursor: pointer;
}

/*Start: login page css added by shubham */
.overlay-dark {
	background-color: transparent;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main-card-container {
	flex-grow:1;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 20px 0;
}

/* Main Content */
.main-card-wrapper {
	max-width: 1300px;
	width: 100%;
}

/* Right Cards Layout */
.info-cards-grid {
	display: block;
	width: 100%;
}

/* Left-Right column spacing */
.main-card-gap {
	padding-left: 30px;
	padding-right: 0;
}


/* Responsive Layout */
@media (min-width: 1200px) {

	.main-card-container{
		padding-left: 20px;
		padding-right: 20px;
	}

	.info-cards-grid {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.main-card-container{
		padding-left: 20px;
		padding-right: 20px;
	}

	.main-card-gap {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* uncomment this if you want cards side by side */
	/* .info-cards-grid {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.info-card-item {
		flex: 1;
		margin-right: 10px;
	}

	.info-card-item:last-child {
		margin-right: 0;
	} */
	
}

@media (max-width: 991px) {
	.main-card-gap {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1280px) {
	.main-card-container{
		padding-left: 20px;
		padding-right: 20px;
	}

	.info-cards-grid {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

}
/*Start: login page css added by shubham */