.search-facets{@inactive:#999;@active:@emphasis-color;@search-facet--border-color:(@base-color--dark);margin-bottom:1rem;margin-top:1rem;border:1px solid @search-facet--border-color;min-height:28px;dl{margin:0;padding:0;list-style:none;margin-bottom:1rem;dt{margin:1rem 0 .75rem 0;font-weight:bold}
dd{margin:0 .5rem 0 0;padding:0;display:inline-block}
}
button.search-facet-toggle{float:right;background:0;border:0}
.coral-Icon--accordionDown{display:block}
.coral-Icon--accordionUp{display:none}
.search-facets--content{padding:5px}
input[type=checkbox]{display:none}
label{border:solid 1px @inactive;color:@inactive;padding:.25rem .5rem;font-size:.9rem;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
input[type=checkbox]:checked + label{color:@active;border-color:@active}
}
.search-facets.open{.coral-Icon--accordionDown{display:none}
.coral-Icon--accordionUp{display:block}
}
.search-field{@search-field--width:100%;@search-field--button--width:4rem;@search-field--border-color:(@base-color--dark);position:relative;width:100%;margin:0 auto;max-width:77pc;padding-left:var(--bs-gutter-x,.75rem);padding-right:var(--bs-gutter-x,.75rem);.search-field-input-wrapper{background:#fff;border:1px solid #8f959a;color:#1f2b34;font-size:1pc;font-weight:500;line-height:20px;padding:1pc 24px;height:56px;width:-webkit-fill-available;margin-right:1pc}
.search-field-input-wrapper:focus-visible{outline:0}
.search-field-submit-btn{background:var(--ai-global-red);border:0;color:#fff;font-size:9pt;font-style:normal;font-weight:400;letter-spacing:.32px;line-height:normal;min-width:10pc;// text-transform:uppercase}
.search-field--wrapper{position:relative;justify-content:space-between;padding:0 0 1pc;display:flex;// input[type="text"]{// border:solid 1px @search-field--border-color;// font-size:2rem;// padding:1rem(@search-field--button--width + 1rem) 1rem 1rem;// width:@search-field--width;// .border-box;//}
input[type="submit"]{position:absolute;top:.25rem;right:.25rem;padding:1rem - .25rem;border:0;border-radius:4px;background-color:@action-color;color:white;font-size:2rem;width:@search-field--button--width}
}
.quick-lists{background-color:@bg-color;border:solid 1px @search-field--border-color;border-top-style:dashed;display:none;left:0;margin-top:-1px;position:absolute;width:@search-field--width;.border-box;dl,dt,dd{list-style:none;margin:0;padding:0}
a{padding:1rem;text-decoration:none;display:block;&:hover{background-color:@base-color}
}
.quick-suggestions,.quick-results{display:none;dt{padding:1rem 0 .5rem 1rem;margin:0;font-size:1.1rem;font-weight:bold;font-style:italic}
}
.quick-suggestions{background-color:@base-color;font-size:.8rem;padding-bottom:1rem;dd{padding:.4rem 1rem;font-style:italic;cursor:pointer}
}
.quick-results{a{padding:1rem;text-decoration:none;display:block;&:hover{background-color:@base-color}
}
}
}
}
@media(max-width:450px){.search-field{.search-field-input-wrapper{width:60%}
.search-field-submit-btn{min-width:7pc}
}
}
.search-field-submit-btn{top:1px !important;position:relative !important;border-radius:0 !important;left:0;font-size:12px !important;background-color:var(--ai-global-red);border:2px solid var(--ai-global-red);height:46px !important;width:14%}
.search-field-input-wrapper{width:85%;height:48px !important}
@media(max-width:768px){.search-field-submit-btn{width:100% !important}
.search-field-input-wrapper{width:100%}
}
.search-results{@thumbnail--width:100px;ul,li{list-style:none;padding:0;margin:0}
.search-stats{font-size:.9rem;float:right;font-style:italic;padding-right:.5rem}
li{// border-bottom:solid 1px #ccc;clear:both;margin-bottom:1pc;.info{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;font-size:.9rem;line-height:1.25rem;h3{font-size:1.25rem;font-weight:normal;margin:.75rem 0 .5rem 0;padding-top:.25rem}
p{margin-top:0;strong{// Handle excerpts color:@emphasis-color}
}
}
}
li.thumbnail{padding-bottom:.75rem;.info{margin-left:@thumbnail--width + 20px}
.thumbnail{float:left;width:@thumbnail--width;border:solid 1px @base-color--dark;border-radius:2px;text-align:center;padding:1rem 0;a{color:@second-text-color}
a:hover{color:@emphasis-color}
}
}
}
.tile-list-view-wrapper{padding-left:var(--bs-gutter-x,.75rem) !important;padding-right:var(--bs-gutter-x,.75rem) !important}
.search-pagination{@inactive:#999;@active:@emphasis-color;margin:1rem auto;ul{// margin:0;// padding:0;list-style:none;text-align:center;li{margin:0 .5rem 0 0;padding:0;display:inline-block}
}
input[type=radio]{display:none}
label{text-decoration:none;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:4px;padding:5px 11px;cursor:pointer;// -webkit-border-radius:3px;// -moz-border-radius:3px;// border-radius:3px}
input[type=radio]:checked + label{color:#fff !important;background:#b61032;cursor:pointer;border:1px solid #b61032}
}
span.pg-num{background:0;color:black;border:0;padding:0 !important;height:auto;line-height:24px}
label.dot-dot{pointer-events:none}
.tile-list-view-wrapper .tile-list-view .tile-list-view-content{padding-top:0}
.tile-list-view-wrapper p{margin-top:25px;color:var(--ai-page-text-color);b{font-weight:600}
}
.search-results strong{background:yellow}
.search-results li.list-item-tile-view{padding:24px}
.page-heading-tile-list-view{color:var(--global-colours-ai-red-r-600-brand,#b61032);font-family:AirIndia Variable;font-size:32px;font-style:normal;font-weight:600;line-height:125%;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-self:stretch;padding-bottom:10px;padding-top:32px}
.item-list-tile-view{font-family:Nunito Sans;font-style:normal;list-style:none;padding:0;margin-bottom:30px}
.list-item-tile-view{background-color:#fff;overflow:hidden;width:100%;height:101px;margin-bottom:15px;display:flex;gap:24px;align-items:center}
.item-image-tile-view{width:160px;height:100%}
.tile-view-image{width:inherit}
.item-title-tile-view{color:var(--text-text-heading,#383c42);font-size:16px;font-weight:600;line-height:125%;margin-bottom:10px}
.item-description-tile-view{color:var(--text-text-body,#626773);font-size:16px;font-weight:400;line-height:140%;letter-spacing:.08px}
.pagination{text-align:right;display:flex;background-color:#f7f8f8}
.pagination p{text-align:right;display:flex;margin:0}
.pagination a{display:inline-block;text-decoration:none;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:4px}
.pagination a.active{color:red;border:1px solid red;pointer-events:none}
.nextClass.disabled{pointer-events:none;color:#ccc;background:url(../../../../../content/dam/air-india/icons/paginextdisabled.svg) no-repeat !important}
.prevClass.disabled{pointer-events:none;color:#ccc;background:url(../../../../../content/dam/air-india/icons/pagiprevdisabled.svg) no-repeat !important}
.pagination .nextClass{color:#fff;text-indent:-9999px;margin-left:.625rem;background:url(../../../../../content/dam/air-india/icons/paginextenabled.svg) no-repeat;width:32px;height:32px}
.pagination .prevClass{color:#fff;text-indent:-9999px;margin-right:.625rem;background:url(../../../../../content/dam/air-india/icons/pagiprevenabled.svg) no-repeat;width:32px;height:32px}
#ai-tile-list-view-pagination{margin-bottom:30px}
.paginationjs{font-family:Nunito Sans;display:flex;line-height:1.6;font-size:14px;box-sizing:initial;justify-content:right;padding:10px 0}
.paginationjs:after{display:table;content:" ";clear:both}
.paginationjs .paginationjs-pages{margin-left:10px}
.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}
.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-size-changer{margin-left:10px;float:left;font-size:14px}
.paginationjs .paginationjs-pages li{float:left;border:0;list-style:none}
.paginationjs .paginationjs-pages li:not(:last-child){margin-right:10px}
.paginationjs .paginationjs-pages li>a{min-width:30px;height:31px;line-height:31px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center;cursor:pointer;border:1px solid #fff;font-weight:600}
.paginationjs .paginationjs-pages li:not(.paginationjs-ellipsis)>a:hover{background:#eee}
.paginationjs .paginationjs-pages li.active{border:0}
.paginationjs .paginationjs-pages li.active>a{color:#da0e29;background:#fff;cursor:default;border:1px solid #da0e29}
.paginationjs .paginationjs-pages li.disabled:not(.paginationjs-ellipsis)>a{color:#8f959a;background:#d3d6db;cursor:default}
.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child:not(.disabled)>a,.paginationjs .paginationjs-pages li:last-child:not(.disabled)>a{color:#da0e29}
.paginationjs .paginationjs-size-changer>select{height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}
.paginationjs .paginationjs-go-input>input[type="text"]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}
.paginationjs .paginationjs-go-button>input[type="button"]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer}
.paginationjs .paginationjs-go-button>input[type="button"]:hover{background-color:#f8f8f8}
.paginationjs .paginationjs-nav{float:left;height:30px;line-height:30px;font-size:14px}
.paginationjs.paginationjs-small{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}
.paginationjs.paginationjs-small .paginationjs-size-changer{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-size-changer>select{height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-input>input[type="text"]{width:26px;height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-button>input[type="button"]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}
.paginationjs.paginationjs-big{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}
.paginationjs.paginationjs-big .paginationjs-size-changer{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-size-changer>select{height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-input>input[type="text"]{width:36px;height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-button>input[type="button"]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}
.paginationjs>:first-child{margin-left:0}
.paginationjs .paginationjs-pages li.paginationjs-next a,.paginationjs .paginationjs-pages li.paginationjs-prev a{font-size:xx-large}
.paginationjs .paginationjs-size-changer{margin-left:5px}
.paginationjs .paginationjs-size-changer>select{line-height:28px;vertical-align:middle}
.paginationjs .paginationjs-go-input{margin-left:5px}
.paginationjs .paginationjs-go-input>input[type="text"]{line-height:28px;vertical-align:middle}
.paginationjs .paginationjs-go-button{margin-left:5px}
.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px}
.paginationjs.paginationjs-big .paginationjs-go-input>input[type="text"]{height:36px;line-height:36px}
.paginationjs .pagination-display{font-size:16px;color:#626773;margin-right:12px}
.paginationjs .pagination-display .page-number{color:#000}
.tile-list-view-wrapper .tile-list-view .tile-list-view-content .tile-list-side-menu .data{padding-top:0;padding-left:30px}
.tile-list-view-wrapper .tile-list-first-view .tile-list-view-decsription{font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:400;color:#626773}
.tile-list-view-wrapper .tile-list-first-view .tile-view-main-content{flex-grow:1}
.tile-list-view-wrapper .tile-view-side-menu .list-item-tile-view{height:123px}
.tile-list-view-wrapper .tile-view-side-menu .list-item-tile-view .item-image-tile-view .tile-view-image{height:100%}
@media only screen and (max-width:700px){.list-item-tile-view{height:176px}
.item-title-tile-view{font-size:16px}
.item-description-tile-view{font-size:16px;overflow:visible;text-overflow:ellipsis;height:61px}
.tile-view-image{height:176px}
.item-details-tile-view{padding-right:0 !important}
}
@media only screen and (max-width:480px){.item-description-tile-view{overflow:visible;text-overflow:ellipsis;height:auto}
.paginationjs{display:flex;flex-direction:column}
.paginationjs .paginationjs-pages li>a{min-width:20px}
#ai-tile-list-view-pagination{margin-bottom:30px;float:right}
.paginationjs .pagination-display{float:right}
}
@media only screen and (max-width:660px) and (min-width:480px){.item-title-tile-view{font-size:14px}
.item-description-tile-view{font-size:12px;overflow:visible;text-overflow:ellipsis;height:52px}
.paginationjs{display:flex;flex-direction:column}
#ai-tile-list-view-pagination{margin-bottom:30px;float:right}
.paginationjs .pagination-display{float:right}
}
@media only screen and (max-width:820px){.tile-list-view-wrapper .tile-list-view .tile-list-view-content{display:block}
}
@media only screen and (min-width:821px){.tile-list-view-wrapper .tile-list-view .tile-list-view-content{display:flex}
}
@media only screen and (max-width:660px){.tile-list-view-wrapper .tile-list-view .tile-list-view-content .tile-list-side-menu .data{padding-top:110px}
}
@media only screen and (max-width:820px){.tile-list-view-wrapper .tile-list-first-view .tile-view-main-content{width:100%}
}
@media(max-width:769px){.search-field--wrapper{flex-direction:column !important}
input.search-field-submit-btn{margin-top:20px;height:48px}
.search-field-input-wrapper{width:100% !important}
section.search-field{padding-right:16px;padding-left:16px}
input.search-field-submit-btn{width:100% !important}
.tile-list-view-wrapper{padding-left:16px !important;padding-right:16px !important}
}