.seatmapselect{color:var(--color-Limed-Spruce);background:var(--color-Zircon);position:relative;margin:0}
@media only screen and (max-width:767px){.seatmapselect.mobile-only{display:block}
#seatmap-tabs .cmp-tabs__tablist__wrap{display:none}
}
@media only screen and (min-width:768px){.seatmapselect.mobile-only{display:none}
#seatmap-tabs .cmp-tabs__tablist__wrap{display:block}
}
.seatmapselect .seatmapselectBtn{padding:14px 16px;box-sizing:border-box;width:100%;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color-Cod-Gray);background:var(--color-white);font-size:var(--spacing-medium);font-style:normal;font-weight:500;line-height:normal;border:1px solid var(--bs-grey)}
.seatmapselect .seatmapselectBtn:after{content:"";background-image:url("../../../../../content/dam/air-india/icons/seatMapArrow-down.svg");position:absolute;top:30%;right:var(--spacing-medium);width:24px;height:24px;transition:.2s ease}
.seatmapselect .seatmapselectBtn.inverted:after{transform:rotate(-180deg)}
.seatmapselect .seatmapselectBtn.toggle{border-radius:3px 3px 0 0}
.seatmapselect .seatmapselectBtn.toggle:after{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}
.seatmapselect .seatmapselectDropdown{display:flex;flex-direction:column;position:absolute;top:100%;width:100%;padding-left:0;padding-right:0;border-radius:0 0 3px 3px;overflow:hidden;z-index:1;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:top center;transform-origin:top center;visibility:hidden;transition:.2s ease}
.seatmapselect .seatmapselectDropdown .seatmapoption{color:var(--color-Cod-Gray);background:var(--color-white);font-size:var(--spacing-medium);font-style:normal;font-weight:500;line-height:normal;border:1px solid var(--bs-grey);padding:16px;box-sizing:border-box;cursor:pointer}
.seatmapselect .seatmapselectDropdown.toggle{visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1)}
#seatmap-tabs .cmp-tabs__tab p{font-family:var(--body-font-family) !important}
@media(max-width:768px){#seatmap-tabs #seat-table td:nth-child(4)::before{content:"Economy Class"}
#seatmap-tabs #seat-table td:nth-child(3)::before{content:"Business Class"}
#seatmap-tabs #seat-table td:nth-child(2)::before{content:"First Class"}
}
@media(max-width:768px){#seatmap-layout2 #seat-table td:nth-child(3)::before{content:"Premium Economy Class"}
#seatmap-layout2 #seat-table td:nth-child(2)::before{content:"Business Class"}
}
.customSelectTabText{background:linear-gradient(to top,var(--color-white) 0,var(--color-white) 50%,var(--color-Black-Haze) 50%,var(--color-Black-Haze) 100%);color:var(--Text-Text_Heading,var(--color-Tuna));font-family:var(--body-font-family);font-size:var(--mobile-spacing-s);font-style:normal;font-weight:400;line-height:165%;position:absolute;z-index:2;top:-20%;left:10px;width:auto !important}
.seatmapselect.row.mobile-only{margin-left:0;margin-right:0;top:10px}
@media(max-width:400px){#seatmap-tabs #seat-table .text table td{padding-right:0}
}
@media(max-width:768px){#seatmap-tabs #seat-table tr td p{width:auto}
}
@media(min-width:768px){#seatmap-tabs #flght-ftr .container:first-child .cmp-container{margin-left:0}
#seatmap-tabs #flght-ftr .container:last-child .cmp-container{margin-right:0}
#seatmap-tabs #flght-ftr .cmp-container{margin-left:12px;margin-right:12px}
}