.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*/
@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 */