*,
*:before,
*:after {
  box-sizing: border-box;
}


html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, u, i, ol, ul, li, fieldset,
form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
footer, header, nav, section, main {display: block;}
body, html {font-size: 1rem;background: #FFFFFF;font-family: "Nunito";font-size: 62.5%;font-size: 10px;/*overflow-x: hidden;*/font-style: normal;}
ol,ul {list-style: none;}

/*Margin*/
.m-b-16 {margin-bottom: 1.6rem !important;}
.mb-10 {margin-bottom: 10px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-50 {margin-right: 5rem;}
.m-r-20 {margin-right: 2rem;}
.ml-10 {margin-bottom: 1rem;}
.mtb {margin: 1rem 0;}
.mlt {margin: 2.5rem 0 0 2rem;}

/*Heading*/
h1 {position: relative;padding: 0 0 3rem 0;font-style: normal;font-weight: 700;font-size: 2.4rem;line-height: 3.3rem;color: #2C3039;}
h2 {font-style: normal;font-weight: 700;font-size: 2rem;line-height: 2.7rem;color: #2C3039;position: relative;}
h2:after {background: linear-gradient(90.13deg, var(--color-primary) 0%, #CA2A68 100%);width: 20%;height: 0.2rem;content: "";position: absolute;text-align: center;margin: 0 auto;bottom: 1rem;left: 0;}
h3 {color: #2C3039;font-size: 2rem;font-weight: 700;line-height: normal;margin: 0 0 1rem 0;}
h3 span {font-size: 1.6rem;}

/*Common*/
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
strong {font-weight: 700;}
.padding-box {padding: 1.6rem;}
.b-line {border-bottom: 0.1rem solid #D2D2D2;padding: 0;float: left;margin: 0 0 1rem 0;}
.float-right {float: right !important;}
.float-left {float: left !important;}
.m-line {border-bottom: 0rem solid #EEEEEE;}
.p-none {padding: 0rem !important;}
#txtBookAmtn{color:#CA2A68;font-weight:700;}

.upper {text-transform: uppercase;font-weight: 400 !important;}
.m-hide {font-weight: 400 !important;}
.div-hide {display: none;}
.text-middle {text-align: center !important;}
.text-right {text-align: right !important;}

.clsIframe {border-radius:0 !important;}
/*Input fields*/
.effect-19 {border: 0.1rem solid #DDDDDD;padding: 1.2rem 1.4rem;transition: 0.4s;background: #FFFFFF;border-radius: 0.4rem;}
.effect-19 ~ .focus-border:before,
.effect-19 ~ .focus-border:after {content: "";position: absolute;top: -1px;left: 50%;width: 0;height: 2px;background-color: #CA2A68;transition: 0.4s;}
.effect-19 ~ .focus-border:after {top: auto;bottom: 0;}
.effect-19 ~ .focus-border i:before,
.effect-19 ~ .focus-border i:after {content: "";position: absolute;top: 50%;left: 0;width: 2px;height: 0;background-color: #CA2A68;transition: 0.6s;}
.effect-19 ~ .focus-border i:after {left: auto;right: 0;}
.effect-19:focus ~ .focus-border:before,
.effect-19:focus ~ .focus-border:after,
.has-content.effect-19 ~ .focus-border:before,
.has-content.effect-19 ~ .focus-border:after {left: 0;width: 100%;transition: 0.4s;}
.effect-19:focus ~ .focus-border i:before,
.effect-19:focus ~ .focus-border i:after,
.has-content.effect-19 ~ .focus-border i:before,
.has-content.effect-19 ~ .focus-border i:after {top: -1px;height: 100%;transition: 0.6s;}
.effect-19 ~ label {position: absolute;left: 14px;width: 100%;top: 10px;color: #000000;transition: 0.3s;z-index: -1;letter-spacing: 0.5px;}
.effect-19:focus ~ label,
.has-content.effect-19 ~ label {top: -18px;left: 0;font-size: 1.2rem;color: #000000;transition: 0.3s;z-index: 1;}

.radio input[type=radio] + .radio-label:before {border: 1px solid #555555;width: 20px;height: 20px;top: 0;}
.radio input[type=radio]:checked + .radio-label:before {background-color: #038FE7;box-shadow: inset 0 0 0 3px #FFFFFF;top: 0;}
.checkform input[type="checkbox"]:disabled + label:before {background-color: #999 !important;border: solid 0.1rem #999 !important;cursor:not-allowed !important;}
.radio input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #FFFFFF;border-color: #038FE7;background: #DDDDDD;}

.checkbox label,
.radio label {padding-left: 0;color: #7E7E7E;font-size: 1.8rem;font-weight: 700;}
.radio label {margin: 0 !important;padding: 1rem 1.5rem;}
.radio input[type=radio]:checked + .radio-label {font-weight: bold !important;color: #038FE7;background: #DFF3FF;padding: 1rem 1.5rem;border-radius: 5rem;}
.radio input[type=radio] {position: absolute;opacity: 0;}
.radio input[type=radio] + .radio-label:before {content: "";background: #FFFFFF;border-radius: 100%;border: 2px solid #038FE7;display: inline-block;width: 24px;height: 24px;position: relative;top: -2px;margin-right: 1rem;vertical-align: middle;cursor: pointer;text-align: center;transition: all 250ms ease;}
.radio input[type=radio]:checked + .radio-label:before {background-color: #038FE7;box-shadow: inset 0 0 0 3px #FFFFFF;border: 1px solid #038FE7;}
.radio input[type=radio]:focus + .radio-label:before {outline: none;border-color: #038FE7;}
.radio input[type=radio] + .radio-label:empty:before {margin-right: 0;}
.radio input[type=radio] + .radio-label:before {border: 1px solid #555555;width: 20px;height: 20px;top: 0;}

.file-box {border: 1px solid #DDDDDD;border-radius: 0.4rem;padding: 0px 1rem 0px 0px;}
[type=file] {color: #2C3039;}/* Style the color of the message that says 'No file chosen' */
[type=file]::-webkit-file-upload-button {background: #DDDDDD;border: 1px solid #DDDDDD;color: #000000;cursor: pointer;font-size: 14px;outline: none;padding: 1.2rem 2rem;border-radius: 4px 0px 0px 4px;}
[type=file]::-webkit-file-upload-button:hover {background: #CA2A68;color: #FFFFFF;}

/*sign in form css end*/

/**Placeholer CSS**/
input::-webkit-input-placeholder {color: #000000 !important;}/* Chrome/Opera/Safari */
input ::-moz-placeholder {color: #000000 !important;}/* Firefox 19+ */
input :-ms-input-placeholder {color: #000000 !important;}/* IE 10+ */
input :-moz-placeholder {color: #000000 !important;}/* Firefox 18- */
textarea::-webkit-input-placeholder {color: #000000 !important;}/* Chrome/Opera/Safari */
textarea ::-moz-placeholder {color: #000000 !important;}/* Firefox 19+ */
textarea :-ms-input-placeholder {color: #000000 !important;}/* IE 10+ */
textarea :-moz-placeholder {color: #000000 !important;}/* Firefox 18- */

/*custum input css end*/

/*custom checkbox*/
.btn-check:focus + .btn, .btn:focus {outline: 0;box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);}
 
.checkform label {padding-left: 0;color: #555555;position: relative;color: #2C3039;font-size: 1.4rem !important;font-weight: 700;line-height: normal;text-transform: inherit !important;margin: 0 0 0rem 0 !important;cursor:pointer;}
.checkform a {color: #CA2A68;}
.checkform a:hover {color: #CA2A68;text-decoration: underline !important;}

input[type=checkbox] + label:before {content: "";background-color: transparent !important;border: solid 0.1rem #555555;border-radius: 0.4rem;box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), inset 0rem -1.5rem 1rem -1.2rem rgba(0, 0, 0, 0.05);padding: 0.9rem;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 1rem;top: -1px;}
input[type=checkbox]:checked + label:before {content: "";background-color: #038FE7 !important;border: solid 0.1rem #038FE7;}
input[type=checkbox]:checked + label:after {content: "";display: block;position: absolute;top: 3px;left: 0.4rem;width: 1.2rem;height: 1.4rem;background: url('../../../Images/check-mark-white.png') no-repeat center center;}

.error {width: 100%;color: #FF0000;font-size: 16px;font-weight:600;display: none;}

/*dropdow*/
.dropdown {position: relative;margin: 0em;}
.dropdown * {box-sizing: border-box;}

.select {background: transparent;color: #000000;display: flex;justify-content: space-between;align-items: center;border: 0rem #2C3039 solid;border-radius: 0;font-size: 18px;font-weight: 700;line-height: 2.8rem;font-family: "Nunito" !important;padding: 0;cursor: pointer;transition: background 0.3s;}
.select:hover {background: transparent;}
.select.active {background: transparent;color: #000000;}
.select .caret {width: 1rem;transform: rotate(225deg);height: 1rem;border-top: 0.2rem solid #038FE7;border-left: 0.2rem solid #038FE7;transition: 0.3s;position: absolute;top: -19px;right: 0;}
.select .caret-rotate {transform: rotate(45deg);}

.menu {list-style: none;padding: 0;background: #FFFFFF;border: 0.1rem #D2D2D2 solid;box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);border-radius: 0.5em;color: #000000;position: absolute;top: 3em;left: 50%;width: 100%;transform: translateX(-50%);opacity: 0;display: none;transition: 0.2s;z-index: 1;height:200px;overflow-y:scroll;}
.menu li {padding: 0.5em 1em;margin: 0;border-radius: 0;font-size: 1.4rem;cursor: pointer;}
.menu li:hover {background-color:#CC2D66;color:#fff}
.menu li.active{background-color:var(--color-primary);color:#fff;}
.active {background: #EEEEEE;}
.menu-open {display: block;opacity: 1;}

.menu::-webkit-scrollbar {width: 5px;height:2px;}
.menu::-webkit-scrollbar-track {background-color: #f3f3f3;border-left: 1px solid #ededed;}
.menu::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

.orange {color: #FF7A00 !important;}
a.orange {text-decoration: none;}
a.orange:hover {text-decoration: underline;color: #FF7A00;}

/*Common DropDown CSS*/
.dropdown-menu{height: 250px;max-height: 250px !important;width:100%;overflow-x: hidden !important;border-radius:6px;position:absolute;padding:0;box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);transition: all 250ms linear;overflow-y:auto !important}
.dropdown-menu .active{background-color:transparent;}
.dropdown-menu li{border-bottom: 1px solid rgba(0,0,0,.125);}
.dropdown-menu li:hover {background: var(--color-primary);color: #FFFFFF;}

.dropdown-menu li a {padding: 0.4rem 0.7rem !important;float: left;width: 100%;text-decoration:none;color: #000;font-size: 1.4rem;}
.dropdown-menu > li a:hover {text-decoration:none;}
.dropdown-menu li.active a {text-decoration:none;float:left;width:100%;background-color: var(--color-primary);color: #fff;}
.dropdown-menu li.active a .clstyphead p{color:#fff;}

.dropdown-menu li a .clstyphead p {color: #2C3039;margin: 0;padding: 0;font-weight:600;}
.dropdown-menu li:hover .clstyphead p{color:#fff;}

.typeahead .clsthmail {font-weight:700;}
.typeahead li:hover .clsthmail,.typeahead li:hover .clsthright{color:#fff;}
.typeahead  .clsthright {font-size: 1.6rem;text-transform: uppercase;font-weight: 700;float:right;margin: 1.2rem 0 0 0;}

ul.typeahead li {float:left;width:100%;}

.dropdown-menu::-webkit-scrollbar {width: 5px;height:1px;}
.dropdown-menu::-webkit-scrollbar-track {background-color: #f3f3f3;border-left: 1px solid #ededed;}
.dropdown-menu::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

/*Colors class*/
.green {color: #0BBB32 !important;}
.red {color: #FF0000 !important;}
.grey{color: #7E7E7E !important;}
a.red {text-decoration: none;}
a.red:hover {text-decoration: underline;color: #FF0000;}
.black {color: #000000;}
.lightgrey {color: #7E7E7E;}
.primary {color: var(--color-primary);}
.pink {color: #CA2A68;}

/*Tab Start*/
.tabbable-responsive {display: block;min-width: 100%;overflow-x: auto;margin: 0rem 0rem -1.3rem -2.1rem;}
.tabbable {min-width: 100%;}
.tabbable .nav-tabs {white-space: nowrap;display: inline-block;min-width: 100%;padding: 0rem;border-bottom: 0.1rem solid transparent;}
.tabbable .nav-tabs .nav-item {display: inline-block;}
.tabbable .nav-tabs .nav-item .nav-link {display: inline-block;background: url(../../../Images/tab-arrow.png) no-repeat right center;padding: 0.8rem 2.5rem 0.8rem 1rem;color: #038FE7;font-weight: 700;font-size: 1.6rem;line-height: 2.2rem;}
.tabbable .nav-tabs .nav-item.show .nav-link, .tabbable .nav-tabs .nav-link.active {background: url(../../../Images/tab-arrow-up.png) no-repeat right center;border-color: transparent transparent transparent;}

.ticket-tab .card {box-shadow: 0 0.5rem 1.5rem -0.5rem rgba(0, 0, 0, 0.15);}
.ticket-tab .card-body {flex: 1 1 auto;padding: 1rem 1.6rem}
.ticket-tab .card-body .tab-content ul.ticket-list {margin: 1.6rem 0rem 1.6rem 0rem;}
.ticket-tab .card-header {padding: 0.5rem 1rem;margin-bottom: 0;background-color: transparent;border-bottom: 0rem solid rgba(0, 0, 0, 0.125);}
.ticket-tab .card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: transparent;background-clip: border-box;border: 0rem solid rgba(0, 0, 0, 0.125);border-radius: 0.4rem;}
.ticket-tab .nav-tabs .nav-link:focus,
.ticket-tab .nav-tabs .nav-link:hover {border-color: transparent transparent transparent;}
.ticket-tab .tab-content > .active {background: transparent;}

.date-box {border: 0.1rem solid #7E7E7E;border-radius: 0.4rem;}
.date-box .table thead th {border-radius: 0;padding: 1.5rem;}
.date-box table tr th, .date-box table tr td {padding: 0rem;}
.date-box table tr th {background: #F5F5F5;font-style: normal;font-weight: 700;font-size: 1.6rem;line-height: 1.8rem;color: #555555;vertical-align: top;}
.date-box table tr td {font-style: normal;font-weight: 500;font-size: 1.4rem;line-height: 3rem;color: #555555;background: #FFFFFF;text-align: left;}

table {border-collapse: collapse;border-spacing: 0;}
.table-head {font-size: 2rem !important;}
.table {margin-bottom: 0;}
.table-bordered td, .table-bordered th {border: 1px solid #dee2e6;border-width: 0 0.1rem 0.1rem 0;}
.table thead th {border-bottom: 0px solid #dee2e6;}
 table::-webkit-scrollbar {width: 5px;height:2px;}
 table::-webkit-scrollbar-track {background-color: #f3f3f3;border-left: 1px solid #ededed;}
 table::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

.date-box table tr:first-child th:first-child {border-top-left-radius: 0.4rem;}
.date-box table tr:first-child th:last-child {border-top-right-radius: 0.4rem;}
.date-box table tr:last-child td:first-child {border-bottom-left-radius: 0.4rem;}
.date-box table tr:last-child td:last-child {border-bottom-right-radius: 0.4rem;}

/* Tooltip Styles */
.tooltip {padding: 0.15em 0.3em;cursor: pointer;transition: background-color 0.5s ease-out;opacity: 1;right: 0;float: right;text-align: left;top: 0;z-index: 1;}
.heart .tooltip {z-index: 99;text-align: center;}
.tooltip:is(:hover, :focus, :focus-within) {background-color: transparent;z-index: 202;}
.tooltip:is(:hover, :focus, :focus-within) > .body {visibility: visible;opacity: 1;}
.tooltip > .body {width: min(80vw, 300px);visibility: hidden;opacity: 0;font-size: 1.6rem;background-color: #F5F5F5;color: #555555;position: absolute;left: 50%;top: 100%;transform: translate(-50%, -50%);transition: all 0.5s ease-out;border: 1px solid #7E7E7E;border-radius: 6px;}
.tooltip > .body .container {display: block;max-height: 50vh;overflow: auto;}
.tooltip > .body .container > * {display: block;padding: 0.5em 1em;}
.tooltip > .body .text {font-weight: 500;font-size: 1.6rem;line-height: 2.2rem;color: #555555;background-color: #F5F5F5;padding: 0.75em 0em;}

.ClsSearchPage .tooltip > .body{width: min(80vw, 400px);}
/* Tooltip Styles end*/

ul.price-details {margin: 0 !important;padding: 0 !important;display: block;width: 100% !important;}
ul.price-details li {display: block !important;width: 100% !important;background: transparent !important;box-shadow: 0px 0px 0px #FAE8EE, 0px 0px 0px rgba(0, 0, 0, 0.25) !important;margin: 0 0rem !important;border: 0px !important;padding: 0.5rem 0rem !important;font-weight: 400;font-size: 1.6rem;}
ul.price-details li span {float: right;color: #2C3039;font-weight: 700;}
ul.price-details li.total-price {font-size: 2rem !important;line-height: 2.7rem;color: #000000;border-top: 1px solid #000000 !important;border-radius: 0px !important;}
ul.price-details li.total-price span {font-size: 2rem !important;color: #CA2A68;font-weight:700;}

.blank-select {position: relative;margin: 0 0 0rem 0;width: 100%;/*border: 1px solid #D2D2D2;padding: 0 10px;border-radius: 3px;*/}
.blank-select .form-control {display: block;width: 100%;padding:5px 25px 5px 10px!important;border: 1px solid #D2D2D2;border-radius: 0.4rem;color: #000000;background: #FFFFFF;height: 3rem;line-height: 1.8rem;margin: 0 0 0 0;font-size: 1.8rem;}
.blank-select .form-control:focus {border: 0.1rem solid var(--color-primary);}
.blank-select .arrow-downic {position: absolute;right: 0.9rem;top: 1rem;}

/*popup strat*/
.modal-header {background: linear-gradient(90.13deg, var(--color-primary) 0%, #CA2A68 100%);border-radius: 0.8rem 0.8rem 0px 0px;padding:5px 10px;}
.modal-title {margin-bottom: 0;font-size: 2.4rem;line-height: 33px;color: #FFFFFF;line-height: 1.5;font-weight: 700;}
.modal-title span {font-size: 2rem;}
.modal-title a {color:var(--color-white);font-size: 16px;font-weight: 600;padding-left:5px;}
.modal-body {position: relative;flex: 1 1 auto;padding:2rem;}
.modal-body table thead tr{position:sticky;top:0;z-index:1;width:100%;}
.modal-content {border-radius: 0.8rem;}
.modal-content p{font-size:1.6rem;}
.modal-content button.close {background: transparent;border: 0;font-size: 3rem;color: #FFFFFF;}
.popup-text {font-weight: 400;font-size: 1.6rem;line-height: 2.5rem;color: #2C3039;}
.popup-text p {margin: 0 0 1rem 0;}
.popup-text span {font-weight: 700;}
.modal-footer {padding: 1rem 2rem;border-top: 0px solid #dee2e6;}

/* Top and Bottom */
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {position: fixed;margin: auto;width: 100%;max-width: 100%;height: auto;}
.modal.modal-top .modal-content, .modal.modal-bottom .modal-content {height: auto;overflow-y: auto;}
.modal.modal-top .modal-body, .modal.modal-bottom .modal-body {padding: 15px 15px;}

/* Top */
.modal.modal-top.fade .modal-dialog {top: -100%;transition: opacity 0.3s linear, top 0.3s ease-out;}
.modal.modal-top.fade.show .modal-dialog {top: 0;}

/* Bottom */
.modal.modal-bottom.fade .modal-dialog {bottom: -100%;transition: opacity 0.3s linear, bottom 0.3s ease-out;}
.modal.modal-bottom.fade.show .modal-dialog {bottom: 0;}
.modal.modal-bottom.fade .modal-dialog {bottom: -100%;}

/*Managebooking popup*/
#MdCommon .modal-body .msgthrough{display:flex;margin-bottom:10px;}
#MdCommon .modal-body .msgthrough a{height:40px;display: flex;justify-content: center;align-items: center;background-color:#ffccdf;color: #000;text-decoration: none;font-size:16px;font-weight:600;width:35%;border-right: 2px solid #fff;position:relative;}
#MdCommon .modal-body .msgthrough a:last-child{border:0;}
#MdCommon .modal-body .msgthrough a.active{background: #fff;color: #CA2A68;border: 1px solid #CA2A68;}
#MdCommon .modal-body .msgthrough a:hover{text-decoration:underline;}
#MdCommon .modal-footer{margin:0 auto;}
#MdCommon .close{color:#fff !important;}
#MdCommon .clsTrainData,#refund-popup .table-responsive{max-height:350px;overflow:auto;}

#MdCommon .socialicn{color:#000;padding:0 5px;}
#MdCommon a.active .socialicn{color:var(--color-primary);}

/*AVAIL SCREEN */
#MdCommon .search-now {text-transform: uppercase;border-radius: .4rem;font-size: 1.3rem;background: var(--color-linear-gradient);text-align: center;text-decoration: none;font-weight: 700;color: #FFFFFF;padding: 1rem 2rem;border:0;position:relative;top:10px;}
#MdCommon .search-now:hover {background: linear-gradient(90deg, #C92A69 0%, var(--color-primary) 100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
#MdCommon .clssrchmd{float:left;width:100%;margin-top:20px;text-align:center;}
#MdCommon .clssrchmd p{font-size:1.4rem;}

/*confirmation popup*/
#mdCancelPopup .col-md-3,#mdOffCancel .col-md-3{width:100%;}
#view2confopt .modal-body {padding: 2rem 2rem 1rem 2rem;}

/*Cancellation detail popup*/
#Cnclldtpop .btn-primary{padding: 0.5rem 2rem;}

/*Trainschedule popup*/ 
#MdCommon .clsTrainData,#refund-popup .table-responsive{max-height:350px;overflow:auto;}

/*Search page pop-up*/
#MdCommon ._clsSearchContent.alert-text .cls_authent {font-weight: 800;font-size: 20px;background: #ffe6e6;color: var(--color-primary);padding: 5px;border-radius: 50px;}
#MdCommon ._clsSearchContent.alert-text .cls_Aadhaar {text-align :left;font-weight :700;}
#MdCommon ._clsSearchContent.alert-text p .cls_bold {font-weight :800;color :var(--color-primary);}
#MdCommon ._clsSearchContent.alert-text ul {list-style :disc;padding-left :40px;}
#MdCommon ._clsSearchContent.alert-text ul li {text-align :left;padding-left :10px;margin-bottom :5px;}
#MdCommon ._clsSearchContent.alert-text ul li::marker {color :var(--color-primary);}

/*Rules and regulation popup*/
#MdRulesPop #sts #divReg{max-height:350px;overflow-y:scroll;padding:15px;font-size:1.6rem;}
#MdRulesPop #sts #divReg p{text-align:justify;margin-bottom:5px;}
#MdRulesPop #sts #divReg .regheaddont{text-align:center;}
#MdRulesPop #sts #divReg .regheadannex{font-weight:700;text-align:right;}
#MdRulesPop #sts #divReg table {border: 1px solid #ddd;}
#MdRulesPop #sts #divReg table tr th,
#MdRulesPop #sts #divReg table tr td{border-right: 1px solid #ddd;line-height:2rem;font-size:1.3rem;}
#MdRulesPop .modal-footer{border:1px solid #dee2e6;display:block;}
#MdRulesPop .modal-footer label{cursor:pointer;margin:0 !important;}
#MdRulesPop .modal-footer .float-left{position:relative;}
#MdRulesPop .modal-footer a{color: var(--color-primary);font-weight: 700;text-decoration: none;}
#MdRulesPop .modal-footer a:hover {text-decoration: underline;}

/*update the track popup*/
#confirm-trck-del .row .col-md-6:first-child{padding:0;}
#confirm-trck-del .alert-primary { font-size: 18px;color: #084298;background-color: #cfe2ff;border-color: #b6d4fe;text-align: center;padding: 10px;margin: 8px 0px;}
#confirm-trck-del .modal-body .instuction{color: #b00008;font-size: 15px;border: none !important;margin-bottom:10px;}

/*popup end*/

/*Buttons*/
.com-btn {border: 0.1px solid var(--color-primary);color: var(--color-primary);display: inline;padding: 0.5rem 1rem;font-size: 1.2rem;font-weight: 500;width: auto;border-radius: 0.8rem;text-decoration: none;}
.com-btn:hover {background: var(--color-primary);color: #FFFFFF;}
.com-btn-blue {border: 0.1px solid #038FE7;color: #038FE7;display: inline;padding: 0.5rem 1rem;font-size: 1.2rem;font-weight: 500;width: auto;border-radius: 0.8rem;text-decoration: none;}
.com-btn-blue:hover {background: #038FE7;color: #FFFFFF;}

.backbtn{text-align:center;padding:10px 0;}

/*Declaration Form*/
.dec-para{padding: 0px 15px;font-size: 1.6rem;}
.dec-para > p{text-align: justify;margin-bottom: 10px;}
.dec-para p a {color: var(--color-primary);font-weight: 700;text-decoration: none;}
.dec-para p a:hover {text-decoration: underline;}

/*header start*/
header {background: #FFFFFF;height: 7.2rem;}
header .heading {color: #2C3039;font-weight: 700;font-size: 3.2rem;line-height: 4.4rem;text-align: center;padding: 1.2rem 0 0 0;}
header .heading a {color: #2C3039;text-decoration: none;}

/*main-box*/ 
.main-box {padding: 1.5rem 1rem 1.5rem;}
.main-box .container-fluid{padding:0 15px;}
.main-box .rail-list{padding:0 15px;}

/*Train Ticket Booking start*/
.book-train {position: relative;}
.book-train:before {width: 100%;height: 50%;background: linear-gradient(90.13deg, var(--color-primary) 0%, #CA2A68 100%);content: "";left: 0;position: absolute;z-index: 0;top: 0;}
.book-train .book-head {position: relative;color: #FFFFFF;display: flex;width: 100%;justify-content: space-between;}
.book-train .book-head .left-box {text-align: left;font-size: 2.4rem;line-height: 3.3rem;font-weight: 700;color: #FFFFFF;margin: 2.4rem 0 0 0;}
.book-train .book-head .right-box {text-align: right;width: 70%;margin: 2.4rem 0 20px 0;display:flex;justify-content:end;align-items:center;}

.book-train .book-head .right-box .tdr_policy_download{border-radius: 5px;padding: 7px 4px;position: relative;z-index: 1;margin-bottom: 10px;background-color: #fff;border:0;color: #CF3062;text-align: center;margin-right:1rem;font-size: 14px;width:auto;}
.book-train .book-head .right-box .tdr_policy_download a{font-size: 14px;text-decoration:none;color: #CF3062;font-weight: 700;padding: 6px;white-space:nowrap;}


.book-train .book-head .right-box .dvdown-select {border-radius: 5px;float: right;padding: 7px 4px;position: relative;z-index: 1;margin-bottom: 10px;background-color: #fff;width:auto;transition:0.5s linear;}
.book-train .book-head .right-box .dvdown-select ul li {list-style: none;}
.book-train .book-head .right-box .dvdown-select a.diva {text-decoration: none;color:#CF3062;font-size: 14px;float: left;width: 100%;text-align: center;font-weight: 700;white-space:nowrap;padding:0 6px;}
.book-train .book-head .right-box .dvdown-select ul li ul li {display: block;width: 100%;position: relative;z-index: 1;}
.book-train .book-head .right-box .dvdown-select ul li ul {position: absolute;width: 100%;display: none;background: #fff;box-shadow: 0px 1px 2px 1px #e0dcdc;top: 0;left: 0;}
.book-train .book-head .right-box .dvdown-select ul li:hover ul {display: block;}
.book-train .book-head .right-box .dvdown-select ul li ul li a {padding: 8px 6px;font-size: 14px;color: #000;display: block !important;TEXT-DECORATION: NONE;text-align:left;}
.book-train .book-head .right-box .dvdown-select ul li ul li a:hover {color: #b70219;background: #faebea;}
.book-train .book-head .right-box .dvdown-select ul li .diva svg{padding-left:5px;}
.book-train .book-head .right-box .dvdown-select ul li ul li svg {width:15%;} 
.book-train .book-head .right-box .opt-base {width:42%;display: inline-block;position: relative;}
.book-train .book-head .right-box .opt-base .radio {display: inline-block;margin: 0rem 1rem 0rem 0rem;}
.book-train .book-head .right-box .opt-base .radio .radio-label {font-size: 1.6rem !important;color: #fff;padding: 1rem 0rem;background: transparent;cursor:pointer !important}
.book-train .book-head .right-box .opt-base .radio .radio input[type=radio]:checked + .radio-label {background: transparent !important;}

.book-train .book-head .arrow-down {position: absolute;right: 0.9rem;top: 1.3rem;border-top:none;right:25px;}
.book-train .book-head select#Select1 {color: #FFFFFF !important;font-style: normal;font-weight: 700;font-size: 1.4rem;line-height: 1.9rem;background: transparent;}
.book-train .book-head select#Select1:focus{box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);}
.book-train .book-head option {color: #000;background: #FFFFFF;border: 1px solid #666;}

.book-train .ticket-box {background: #FFFFFF;border: 0.2rem solid var(--color-light);box-shadow: 0rem 0.2rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.8rem;padding: 3.2rem;position: relative;width: 100%;}
.book-train .ticket-box .b-train .radio {display: inline-block;margin: 0rem 2rem 2.4rem 0rem;}
.book-train .ticket-box .b-train .radio .radio-label {font-size: 1.8rem !important;font-weight: 700;cursor:pointer}
.book-train .ticket-box label {display: block;color: #2C3039;font-style: normal;font-weight: 500;font-size: 1.4rem !important;line-height: 1.9rem;margin: 0 0 0 0 !important;}
.book-train .ticket-box p {padding: 0;margin: 0;font-weight: 600;font-size: 14px;line-height: 1.9rem;color: #2C3039;}
.book-train .ticket-box .error{font-size:14px;padding:14px 0;}
.book-train .ticket-box .train-swipe {width: 4rem;height: 4rem; text-align: center;float: left;position: absolute;left: 0;right: 0;top: 3.4rem;margin: auto;background: #F5F5F5;border-radius: 100%;border: 0.1rem solid #EEEEEE;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.book-train .ticket-box a.train-swipe img {vertical-align: middle;top: 0.9rem;position: relative;}
.book-train .ticket-box .rotate-train {transform: rotate(180deg);}
.book-train .ticket-box .calendar-area {width: 48%;margin: 0 3% 0 0;height: auto;float: left;position: relative;padding: 1.6rem;border-radius: 0.8rem;border: 0.1rem solid #D2D2D2;}
.book-train .ticket-box .calendar-area:hover {border: 0.1rem solid var(--color-primary);}
.book-train .ticket-box .calendar-area .calendar,
.book-train .ticket-box .calendar-area .re-date-offer {width: 100%;border: none;font-size: 18px;font-weight: 600;color: #000000;cursor: pointer;display: inline-block;}
.book-train .ticket-box .calendar-area .calendar-box {width: 100%;float: left;position: relative;}
.book-train .ticket-box .calendar-area .calendar-box span {display: block;}
.book-train .ticket-box .calendar-area .calendar-box span input{padding:0;height: 26px;font-size: 1.8rem;font-weight: 700;margin-bottom: 0;}
.book-train .ticket-box .calendar-area .calendar-box  .clsDeparture.form-control:focus{border:none !important;}

.book-train .ticket-box .class-box {width: 48%;height: auto;float: left;position: relative;padding: 1.6rem;border-radius: 0.8rem;border: 0.1rem solid #D2D2D2;}
.book-train .ticket-box .class-box:hover {border: 0.1rem solid var(--color-primary);}
.book-train .ticket-box .quota-box {display: flex;justify-content: flex-start;margin: -2rem 0 0 0;align-items: baseline;}
.book-train .ticket-box .quota-box label {display: block;color: #2C3039;font-style: normal;font-weight: 500;font-size: 1.4rem !important;line-height: 1.9rem;margin: 0 0 0 0 !important;}
.book-train .ticket-box .quota-box .radio label {margin: 0 !important;padding: 1.5rem 1rem;border: 0.1rem solid #EEEEEE;border-radius: 0.4rem;background: #F5F5F5;}
.book-train .ticket-box .quota-box .radio input[type=radio]:checked + .radio-label {font-weight: bold !important;color: #038FE7;background: #DFF3FF;padding: 1.5rem 1rem;border-radius: 0.4rem;border: 0.1rem solid #EEEEEE;}
.book-train .ticket-box .quota-box .q-label {width: 12%;}
.book-train .ticket-box .quota-box .quota {width: 88%;}
.book-train .ticket-box .quota-box .quota .radio {display: inline-block;margin: 0rem 0.2rem 1rem 0rem;}
.book-train .ticket-box .quota-box .tooltip {position: relative;top: 3.4rem;left: -1%;}
.book-train .ticket-box .quota-box .tooltip > .body .text {padding: 0.75em 0em;font-weight: 500;font-size: 1.2rem;line-height: 1.6rem;color: #555555;}
.book-train .ticket-box .quota-box .tooltip > .body .text span {font-size: 1.4rem;font-weight: 700;color: #2C3039;}
.book-train .ticket-box .quota-box .tooltip > .body .text p {margin: 0 0 1.5rem 0;font-size: 1.4rem;}
.book-train .ticket-box .recent-box {display: flex;justify-content: flex-end;align-items: center;height:100%;}
.book-train .ticket-box .recent-box .recent-head {font-size: 1.4rem;line-height: 1.9rem;color: #555555;margin: 0 1rem 0 0;}
.book-train .ticket-box .recent-box ul.recent-list {transition: height 1s ease-in-out;margin: 0;padding: 0;display:flex;overflow-x:scroll;cursor:pointer;height:60%;}
.book-train .ticket-box .recent-box ul.recent-list:hover::-webkit-scrollbar{height:5px;}

.book-train .ticket-box .recent-box ul.recent-list li {background: #F5F5F5;border: 0.1rem solid #EEEEEE;border-radius: 0.4rem;display: inline-block;padding: 0.5rem 1rem;font-size: 1.4rem;line-height: 1.9rem;text-align: left;color: #2C3039;margin: 0 0.45rem;white-space: nowrap;}
.book-train .ticket-box .recent-box ul.recent-list li:hover, 
.book-train .ticket-box .recent-box ul.recent-list li:hover span {background: var(--color-primary);color: #FFFFFF;}
.book-train .ticket-box .recent-box ul.recent-list li span {display: block;font-weight: 400;font-size: 1.2rem;line-height: 1.6rem;color: #555555;}
.book-train .ticket-box .search-now {text-transform: uppercase;border-radius: 5rem;font-size: 2rem;background: var(--color-linear-gradient);text-align: center;text-decoration: none;font-weight: 700;color: #FFFFFF;padding: 1rem 4rem;border:0;position:relative;top:10px;}
.book-train .ticket-box .search-now:hover {background: linear-gradient(90deg, #C92A69 0%, var(--color-primary) 100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.book-train .ticket-box .btn-box {margin: 0px auto -4.4rem;text-align: center;}

.book-train .ticket-box .agentnamediv{display:flex;align-items:baseline;margin:5px 0 0;justify-content:center;position:relative;}
.book-train .ticket-box .agentlabel{width:20%;padding:12px;}
.book-train .ticket-box .agentinputbox{height:50px;border: 1px solid #D2D2D2;width:80%;float:right;border-radius:6px;font-size: 14px;color: #333;}
.book-train .ticket-box .agentinputbox:hover{border: 1px solid var(--color-primary);}

.agentnamediv .indesktypeahead.dropdown-menu li  {border-bottom:none;padding:0;}
.agentnamediv .indesktypeahead.dropdown-menu li a{border-bottom:0.1rem solid #D2D2D2;font-weight:700}
.agentnamediv .indesktypeahead.dropdown-menu li:hover{background: var(--color-primary);color: #FFFFFF !important;}
.agentnamediv .indesktypeahead.dropdown-menu li:hover a {background: var(--color-primary);color: #FFFFFF !important;}
.agentnamediv .indesktypeahead.dropdown-menu li:hover {background: var(--color-primary);color: #FFFFFF;}
.agentnamediv  .dropdown-menu li.active a::after{display:none;} 

.book-train .ticket-box .train-from .ClsOrg .dropdown-menu,
.book-train .ticket-box .train-to .ClsDes .dropdown-menu{top:97px !important;width:100%;left:0 !important;transition:none;}
.book-train .ticket-box .search-input-box .dropdown-menu p {font-size: 12px;}

.book-train .ticket-box .recent-box ul.recent-list::-webkit-scrollbar {height:0px;width:30px;}
.book-train .ticket-box .recent-box ul.recent-list::-webkit-scrollbar-track {background-color: transparent; border: none;}
.book-train .ticket-box .recent-box ul.recent-list::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

/*Service info */
.services-info {margin: 5rem 0 0 0;display: none;}
.services-info ul.services {margin: 0rem auto 0;padding: 0;}
.services-info ul.services li {height:55px !important;text-align: left;position: relative;margin: 0.5rem 0.5rem 0.5rem;display: inline-block;width: calc(50% - 1.2rem);height: auto;vertical-align: middle;padding: 1.5rem;background: #FFFFFF;border: 0.1rem solid var(--color-light);box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;}
.services-info ul.services li a {text-decoration: none !important;}
.services-info ul.services li:hover {box-shadow: rgba(156, 24, 24, 0.3) 0rem 0.1rem 0.2rem 0rem, rgba(255, 24, 24, 0.3) 0rem 0.2rem 0.6rem 0.2rem;}
.services-info ul.services li span {font-weight: 700;font-size: 1.5rem;line-height: normal;color: #2C3039;}
.services-info ul.services li span:hover {color: #CA2A68;}
.services-info ul.services li .s-icon1 {background: url(../../../Images/check-pnr.svg) no-repeat;width: 30px;height: 30px;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;background-size: 100%;margin: 0 15px 0 0;float: left;}
.services-info ul.services li .s-icon2 {background: url(../../../Images/fav-journey.svg) no-repeat;width: 30px;height: 30px;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;background-size: 100%;margin: 0 15px 0 0;float: left;}
.services-info ul.services li .s-icon3 {background: url(../../../Images/download-app.svg) no-repeat;width: 30px;height: 30px;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;background-size: 100%;margin: 0 15px 0 0;float: left;}

#download-popup  ul li a {padding: 8px 6px;font-size: 14px;color: #000;display: block !important;TEXT-DECORATION: NONE;text-align: left;}
#download-popup  ul li {display: block;width: 100%;position: relative;z-index: 1;}
#download-popup  ul li a svg{width:10%;}

/*Quick Links*/
.quick {margin: 4.8rem 0 0 0;}
.quick h1 {padding: 0 0 2rem 0;}
.quick ul.q-link {margin: 0rem auto 0;padding: 0;text-align: center;}
.quick ul.q-link li {text-align: center;position: relative;margin: 1.5rem 1.5rem 1.5rem;display: inline-block;width: calc(25% - 3.2rem);height: auto;vertical-align: top;padding: 2.4rem;background: #FFFFFF;border: 0.1rem solid var(--color-light);box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;}
.quick ul.q-link li a {text-decoration: none !important;}
.quick ul.q-link li:hover {box-shadow: rgba(156, 24, 24, 0.3) 0rem 0.1rem 0.2rem 0rem, rgba(255, 24, 24, 0.3) 0rem 0.2rem 0.6rem 0.2rem;}
.quick ul.q-link li:hover span {color: #CA2A68;}
.quick ul.q-link li span {font-weight: 700;display: block;margin: 2rem auto 0;font-weight: 700;font-size: 1.8rem;line-height: 2.5rem;text-align: center;color: #2C3039;}
.quick ul.q-link li span:hover {color: #CA2A68;}
.quick ul.q-link li .q-icon1 {background: url(../../../Images/qlink_01.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;}
.quick ul.q-link li .q-icon2 {background: url(../../../Images/qlink_02.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;}
.quick ul.q-link li .q-icon3 {background: url(../../../Images/qlink_03.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;}
.quick ul.q-link li .q-icon4 {background: url(../../../Images/qlink_04.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;background-size: 52%;background-position: 1.7rem 1.2rem;}
.quick ul.q-link li .q-icon4a {background: url(../../../Images/qlink_04a.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;background-size: 52%;background-position: 1.7rem 1.2rem;}
.quick ul.q-link li .q-icon5 {background: url(../../../Images/qlink_05.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;}
.quick ul.q-link li .q-icon6 {background: url(../../../Images/qlink_06.svg) no-repeat;margin: 0 auto;display: block;position: relative;width: 70px;height: 70px;text-align: center;transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;border: 2px solid #CA2A68;border-radius: 0.4rem;background-size: 65%;background-position: 12px 12px;}
.quick ul.q-link li:hover .q-icon1, .quick ul.q-link li:hover .q-icon2, .quick ul.q-link li:hover .q-icon3, .quick ul.q-link li:hover .q-icon4, .quick ul.q-link li:hover .q-icon4a, .quick ul.q-link li:hover .q-icon5, .quick ul.q-link li:hover .q-icon6 {border-radius: 5rem;width: 70px;height: 70px;}
/*Train Ticket Booking end*/

/*modify search*/
.modify-bar {position: relative;padding: 1rem 0;}
.modify-bar:before {width: 100%;height: 100%;background: linear-gradient(90.13deg, var(--color-primary) 0%, #CA2A68 100%);content: "";left: 0;position: absolute;z-index: 0;top: 0;}
.modify-bar .modify-box {display: flex;justify-content: space-between;position: relative;}
.modify-bar .modify-box-avail{position:relative;}
.modify-bar .t-class {width: 14%;}
.modify-bar .quota {width: 14%;}
.modify-bar a.modify-btn {padding: 0.9rem 1rem;height: 4.3rem;border: 0.2rem solid #FFFFFF;border-radius: 0.4rem;font-style: normal;font-weight: 700;font-size: 1.6rem;text-decoration: none;text-align: center;/*line-height:9.2rem;*/text-transform: uppercase;color: #FFFFFF;margin: 2.5rem 0 0 0;display:block;}
.modify-bar a.modify-btn:hover {background: #FFFFFF;color: var(--color-primary);}
.modify-bar .input-box {position: relative;margin: 0 0 5px 0;width: 100%;}
.modify-bar .input-icon1 {background: url(../../../Images/modify-nav.svg) no-repeat;width: 30px;height: 30px;position: absolute;top: -2px;left: -6px;}
.modify-bar .input-icon2 {background: url(../../../Images/modify-map.svg) no-repeat;width: 30px;height: 30px;position: absolute;top: -2px;left: -6px;}
.modify-bar .input-icon3 {background: url(../../../Images/modify-cal.svg) no-repeat;width: 30px;height: 30px;position: absolute;top: -2px;left: -6px;}
.modify-bar .input-icon4 {background: url(../../../Images/modify-class.svg) no-repeat;width: 30px;height: 30px;position: absolute;top: -2px;left: -6px;}
.modify-bar .input-icon5 {background: url(../../../Images/modify-quota.svg) no-repeat;width: 30px;height: 30px;position: absolute;top: -2px;left: -6px;}
.modify-bar .input-icons {margin-bottom: 0rem;z-index: 1;position: absolute;top: 1.3rem;left: 1.2rem;color: #2C3039;}
.modify-bar .input-icons svg {color: #2C3039;font-size: 1.8rem;}
.modify-bar .form-control {display: block;width: 100%;padding: 1rem 1rem;border: 1px solid #DDDDDD;border-radius: 0.4rem;color: #000000;background: #FFFFFF;height: 4.3rem;margin: 0 0 0 0;font-size: 1.6rem;padding: 1rem 1rem 1rem 3.5rem;font-weight: 500;text-overflow:ellipsis;}
.modify-bar .form-control:focus {box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25) !important;}
.modify-bar label {font-size: 1.4rem !important;margin: 0 0 0.5rem 0 !important;line-height: 1.9rem;display: block;color: #FFFFFF;text-transform: uppercase;position: relative;z-index: 1;}
.modify-bar .select {background: #FFFFFF;color: #000000;border: 0rem solid #D2D2D2;border-radius: 0.4rem;height: 4.5rem;margin: 0 0 0 0;font-size: 1.4rem;padding: 1rem 1rem 1rem 3.5rem;line-height: 1.9rem;cursor: pointer;}
.modify-bar .select .caret {width: 1rem;transform: rotate(225deg);height: 1rem;border-top: 0.2rem solid #2C3039;border-left: 0.2rem solid #2C3039;transition: 0.3s;top: 15px;right: 9px;position: absolute;}
.modify-bar .select .caret-rotate {transform: rotate(45deg);}
.modify-bar .arrow-swap {    position: absolute;width: 3%;right: 6px;z-index: 1;top: 0px;}
.modify-bar .train-swipe-in {width: 3rem;height: 3rem;text-align: center;float: left;position: absolute;left: 0;right: 0;top: 3rem;margin: auto;background: #ffe1e1;border-radius: 100%;border: 0.1rem solid #ff8989;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.modify-bar a.train-swipe-in svg {vertical-align: middle;top: 0.6rem;position: relative;font-size: 1.3rem;color: #2C3039;}
.modify-bar .rotate-train {transform: rotate(180deg);}

.modifysearch-criteria {position: sticky;top: 0;z-index: 201;width: 100%;margin: 0 !important;left: 0;animation:slideInDown 0.3s linear;}
@keyframes slideInDown{
    0% {
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);    
}

100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

/*Fileteration*/
.filter-box {margin: 0;background: #FFFFFF;box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;position:relative;padding: 0 1.6rem;}
.filter-box .filter-info {text-align: center;padding: 1.2rem 0;/*border-bottom: 1px solid #eee;*/}
.filter-box .filter-info .filter-title {position: relative;margin: 0;}
.filter-box .filter-info .filter-title .title-n {font-style: normal;font-weight: 700;font-size: 1.8rem;line-height: 2.7rem;color: #2C3039;position: relative;text-align: left;}
.filter-box .filter-info .filter-title .title-n:after {background: linear-gradient(90.13deg, var(--color-primary) 0%, #CA2A68 100%);width: 20%;height: 0.2rem;content: "";position: absolute;text-align: center;margin: 0 auto;bottom: 0rem;left: 0;}
.filter-box .filter-info .filter-title a.clear-tags {font-size: 1.4rem;line-height: 1.9rem;padding: 0.6rem 0.6rem;font-weight: 600;text-decoration: none;right: 0;margin: 0rem 0 0;position: absolute;top: 0;display: inline-block;list-style: none;color: #038FE7;position: absolute;display: none;}
.filter-box .filter-info .filter-title a.clear-tags:hover {text-decoration: underline;}
.filter-box .filter-info .filter-title .filter-text {width: 100%;text-align: center;font-size: 1.4rem;color: #000000;}
.filter-box .filter-tags {margin: 1rem 0 0 0;width: 100%;text-align: left;}
.filter-box .filter-tags li {font-size: 1.4rem;padding: 0.6rem 3.5rem 0.6rem 1rem;margin: 0.5rem 0.5rem;display: inline-block;list-style: none;box-shadow: 0rem 0rem 0.4rem rgba(0, 0, 0, 0.25);background: var(--color-light);color: #555555;border-radius: 0.4rem;text-transform: capitalize;position: relative;cursor:pointer;}
.filter-box .filter-tags li:after {background: var(--color-light) url(../../../Images/close.png) no-repeat center center;position: absolute;content: " ";right: 0.8rem;border-radius: 5rem;top: 0.7rem;width: 1.8rem;border: solid 0.1rem #555555;height: 1.8rem;}
.filter-box .filter-tags li:hover {background: var(--color-primary);color: #FFFFFF;}
.filter-box .filter-tags li a {padding: 0;}
.filter-box .filter-items {border-bottom: 0.1rem solid #EEEEEE;padding: 1.6rem 0;margin: 0;width: 100%;text-align: left;}
.filter-box .filter-items:first-child{padding-top: 5px;}
.filter-box .filter-items .filter-head {font-style: normal;font-weight: 700;font-size: 1.6rem;line-height: 2.2rem;color: #2C3039;margin: 0 0 1rem 0;display: block;}
.filter-box .filter-items .tag-n {float: right;}
.filter-box .filter-items li {font-size: 1.4rem;line-height: 1.9rem;padding: 0.6rem 0rem;margin: 0 0rem;display: block;list-style: none;color: #555555;}
.filter-box .filter-items li label {color: #555555;position: relative;/*font-size: 1.2rem !important;*/font-weight:500;}

.filteration-criteria {position: sticky !important;top: 10px;}
.filteration-criteria .scroll-filter {height: calc(100vh - 88px);}

.Modify_filter .filteration-criteria{top:100px;}
.Modify_filter .filteration-criteria .scroll-filter{height: calc(100vh - 175px);}

.staffavailpage .employeediv .filteration-criteria {top: 200px;}
.staffavailpage .employeediv .filteration-criteria .scroll-filter {height: calc(100vh - 270px);}
.staffavailpage .employeediv .scroll-filter {height: calc(100vh - 380px);}

.scroll-filter {overflow-x: hidden;overflow-y: scroll;height: calc(100vh - 80px);}
.scroll-filter::-webkit-scrollbar {width: 3px;}
.scroll-filter::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

.clsfilterbtn{position: fixed;left: -2px;top: 50%;transform: translateY(-50%);display: block;direction: rtl;}
.clsfilterbtn button{background: var(--color-btn-primary);color: #fff;border: none;cursor: pointer;font-size: 15px;position: relative;outline: 0;padding: 15px 3px 15px 3px;cursor: pointer;transition: .1s ease-in-out;width: 25px;display: flex;flex-direction: column;align-items: flex-start;border-radius: 0px 6px 6px 0px;letter-spacing: .2px;transform: translateX(2px);-webkit-transform: translateX(2px);min-height: 65px;text-align: center;justify-content: center;color: #fff;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(360deg);}

/*rail-list -availability*/
.rail-list.filter_adjustcls {width:100%;transition:.5s;}
.rail-list {margin: 0 0 0 0;}
.rail-list .train-details{position:relative;}
.rail-list.filter_adjustcls .train-detailsscrol{position:fixed;transform:translateY(calc(100% - 108px));z-index: 2;background-color:#fff;width:96%;padding:15px 10px 15px;box-shadow:0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius:10px;}
.rail-list .train-detailsscrol{position:fixed;transform:translateY(calc(100% - 100px));z-index: 2;background-color:#fff;width:79.5%;padding:15px 10px 5px;box-shadow:0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius:10px;}
.rail-list .t-details {font-style: normal;font-weight: 400;font-size: 18PX;line-height: 2.5rem;color: #2C3039;}
.rail-list .t-details .t-arrival,
.rail-list .t-details .t-departure,
.rail-list .t-details .t-time {font-weight: 700;}
.rail-list .t-details .t-arrival,
.rail-list .t-details .t-departure {text-transform: uppercase;}
.rail-list .t-details .t-arrow {padding: 0 0.6rem;font-weight: 700;}
.rail-list .t-details .heart {color: var(--color-primary);padding: 0 0.6rem;font-size: 2.6rem;position: absolute;z-index:1;}
.rail-list .t-details .heart :hover {color: #CA2A68;}
.rail-list .t-details .heart svg {font-size: 2.2rem;}
.rail-list .t-details .heart .heart-checkbox {display:none;animation: heart-burst .8s steps(28) forwards; }
.rail-list .t-details .heart .heart-checkbox {position:absolute;left:4px;top:2px;display:none;}
.rail-list .t-details .heart .heart-checkbox svg{font-size:20px !important;}
 @keyframes heart-burst {0% {background-position: left;}100% {background-position:right;} }

.rail-list .t-details ul.f-right {margin: -20px 26px 0 0;padding: 0;float: right;}
.rail-list .t-details ul.f-right li {display: inline-block;margin: 0 0 0 3.5rem;position: relative;}
.rail-list .t-details ul.f-right li .mail {position: absolute;width: 27px;height: 27px;top: 0px;left: 0px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;background: url(../../../Images/icon-email.svg);}
.rail-list .t-details ul.f-right li .whatsapp {position: absolute;width: 27px;height: 27px;top: 0px;left: 0px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;background: url(../../../Images/icon_whatsapp.svg);}
.rail-list .t-details ul.f-right li .share {position: absolute;width: 27px;height: 27px;top: 0px;left: 0px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;background: url(../../../Images/icon-share.svg);}
.rail-list .t-details ul.f-right li:hover .mail,
.rail-list .t-details ul.f-right li:hover .whatsapp,
.rail-list .t-details ul.f-right li:hover .share {transform: scale(1.1);}
.rail-list .t-details ul.f-right li svg {font-size: 2.6rem;}

.rail-list .found-train {margin: .7rem 0 .3rem 0;justify-content: space-between;display: flex;}
.rail-list .found-train .found-left {font-size: 1.6rem;line-height: 2.5rem;color: #555555;}
.rail-list .found-train .found-right {width: 37%;}
.rail-list .schedule-box {background: #FFFFFF;box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;padding: 0rem;width: 100%;float: left;margin: 0 0 .8rem 0;}
.rail-list .schedule-box .train-name {display: flex;justify-content: space-between;padding: .6rem 1.6rem 0rem 1.6rem;}
.rail-list .schedule-box .train-name .train-head {font-weight: 700;font-size: 18px;line-height: 2.5rem;color: var(--color-primary);text-transform: uppercase;}
.rail-list .schedule-box .train-name .train-head span {color: #2C3039;}
.rail-list .schedule-box .train-name .runs {font-size: 1.6rem;line-height: 2.2rem;color: #2C3039;}
.rail-list .schedule-box .train-name .runs ul.cal-list {margin: 0;padding: 0;}
.rail-list .schedule-box .train-name .runs ul.cal-list li {display: inline-block;padding: 0 0.5rem;}
.rail-list .schedule-box .train-name .runs ul.cal-list li:hover a {color: #CA2A68;}
.rail-list .schedule-box .train-name .runs ul.cal-list li a {color: #555555;font-size: 14px;text-decoration: none;}
.rail-list .schedule-box .train-name .runs ul.cal-list li.hide a {color: #D2D2D2;text-decoration: none;}
.rail-list .schedule-box .train-name .refresh {font-style: normal;font-weight: 700;font-size: 14px;line-height: 2.2rem;color: #038FE7;padding: 0 4.2rem 0 0;position: relative;display:flex;}
.rail-list .schedule-box .train-name .refresh .checkform {position: absolute;right: 0;top: 0;}
.rail-list .schedule-box .train-name .refresh input[type=checkbox] + label:before {border: solid 0.1rem #038FE7;}
.rail-list .schedule-box .train-name .refresh a {color: #038FE7;text-decoration: none;margin: 0 0 0 1.5rem;position: relative;padding: 0 0 0 2.5rem;}
.rail-list .schedule-box .train-name .refresh a:hover {color: var(--color-primary);}
.rail-list .schedule-box .train-name .refresh a svg {margin: 0 0.3rem 0 0rem;}
.rail-list .schedule-box .train-name .refresh a .refresh-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -253px -14px;}
.rail-list .schedule-box .train-name .refresh a .rail-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -286px -14px;}
.rail-list .schedule-box .train-name .refresh a:hover .refresh-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -253px -50px;}
.rail-list .schedule-box .train-name .refresh a:hover .rail-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -286px -50px;}
.rail-list .schedule-box .train-time {font-size: 16px;line-height: 2rem;color: #000000;margin: .5rem 1.6rem 0 1.6rem;}
.rail-list .schedule-box .train-time span {font-weight: 700;color: #000000;}
.rail-list .schedule-box .train-time .time-total {color: #555555;position: relative;text-align:center;}
.rail-list .schedule-box .train-time .time-total:before {position: absolute;left: 10%;content: "";top: 50%;background: #555555;width: 20%;height: 1px;}
.rail-list .schedule-box .train-time .time-total:after {position: absolute;right: 10%;content: "";top: 50%;background: #555555;width: 20%;height: 1px;}
.rail-list .schedule-box ul.ticket-list {margin:2px 0px 2px 15px;padding:1px;}
.rail-list .schedule-box ul.ticket-list li {background: #FFFFFF;box-shadow: 0rem 0rem 0.8rem #FAE8EE, 0rem 0rem 0.2rem rgba(0, 0, 0, 0.25);border-radius: 0.4rem;display: inline-block;width: calc(20% - 2.2rem);margin: 8px 8px 2px 0px;padding: 6px 10px;font-size: 1.6rem;line-height: 2.2rem;color: #2C3039;border: 0.1rem solid #FFFFFF;position: relative;vertical-align: top;height: auto !important;cursor: pointer;}
.rail-list .schedule-box ul.ticket-list li:hover {background: var(--color-light);border: 0.1rem solid var(--color-primary);box-shadow: 0rem 0rem 0.8rem #FAE8EE, 0rem 0rem 0.2rem rgba(0, 0, 0, 0.25);}
.rail-list .schedule-box ul.ticket-list li:before {position: absolute;width: 0.2rem;height: 2rem;left: 0;top: 1rem;content: "";}
.rail-list .schedule-box ul.ticket-list li.orange:before {background: #FF7A00;}
.rail-list .schedule-box ul.ticket-list li.orange .status {color: #FF7A00;}
.rail-list .schedule-box ul.ticket-list li.green:before {background: #0BBB32;}
.rail-list .schedule-box ul.ticket-list li.green .status {color: #0BBB32;}
.rail-list .schedule-box ul.ticket-list li.red:before {background: #FF0000;}
.rail-list .schedule-box ul.ticket-list li.red .status {color: #FF0000;}
.rail-list .schedule-box ul.ticket-list li.grey:before {background: #7E7E7E;}
.rail-list .schedule-box ul.ticket-list li.grey .status {color: #7E7E7E;}
.rail-list .schedule-box ul.ticket-list li:first-child {margin-left: 0rem;}
.rail-list .schedule-box ul.ticket-list li:last-child {margin-right: 0rem;}
.rail-list .schedule-box ul.ticket-list span{font-size:1.6rem;font-weight:700;}
.rail-list .schedule-box ul.ticket-list .clsChangeStn.active {background: #ecfff0;border: 0.1rem solid #78d78d;box-shadow: 0rem 0rem 0.8rem #DFFFE6, 0rem 0rem 0.2rem rgba(0, 0, 0, 0.25);}
.rail-list .schedule-box ul.ticket-list .clsv2option.active {background: #ecfff0;border: 0.1rem solid #78d78d;box-shadow: 0rem 0rem 0.8rem #DFFFE6, 0rem 0rem 0.2rem rgba(0, 0, 0, 0.25);}
.rail-list .schedule-box .price-box{color:#2C3039;}
.rail-list .schedule-box .p-details {float: right;font-style: normal;font-weight: 700 !important;font-size: 1.6rem !important;line-height: 2.2rem;color: #CA2A68;}
.rail-list .schedule-box .status {font-size: 1.4rem;line-height: 1.9rem;margin: 0.3rem 0 0 0;font-weight: 600;}
.rail-list .schedule-box .ticket-tab {background: #F5F5F5;}
.rail-list .schedule-box .ticket-tab .radio input[type=radio]:checked + .radio-label {border-radius: 0rem;}
.rail-list .schedule-box .ticket-tab .orange-check .radio input[type=radio]:checked + .radio-label {color: #FF7A00;background: #FFF4EA;border-radius: 0rem;}
.rail-list .schedule-box .ticket-tab .red-check .radio input[type=radio]:checked + .radio-label {color: #FF0000;background: #FFE7E7;border-radius: 0rem;}
.rail-list .schedule-box .ticket-tab .green-check .radio input[type=radio]:checked + .radio-label {color: #0BBB32;background: #DFFFE6;border-radius: 0rem;}
.rail-list .schedule-box .ticket-tab .grey-check .radio input[type=radio]:checked + .radio-label {color: #7E7E7E;background: #e3e3e3;border-radius: 0rem;}

.clsAvailBind .rail-list .schedule-box .train-time .time-arrival,#_ViewPnr .clsVewPnr .time-arrival,#clspartbookingpage .rail-list .schedule-box .time-depature,.clssuccesspage .clstkttrain .train-time .time-depature{text-align:right;}
.clsAvailBind .rail-list .clsbindtrains .schedule-box:last-child{position:relative;bottom:0;}

.rail-list .schedule-box .ticket-tab .orange-check .radio label {color: #FF7A00; cursor:pointer}
.rail-list .schedule-box .ticket-tab .red-check .radio label {color: #FF0000; cursor:pointer}
.rail-list .schedule-box .ticket-tab .green-check .radio label {color: #0BBB32; cursor:pointer}
.rail-list .schedule-box .ticket-tab .grey-check .radio label {color: #7E7E7E; cursor:pointer}

.rail-list .schedule-box .f-col {padding: 1.5rem;font-weight: 600;}
.rail-list .schedule-box .p-box {float: right;margin: 0.5rem 1rem 0 0;}
.rail-list .schedule-box .p-box .tooltip img {width: 3rem;}
.rail-list .schedule-box .book-now {padding: 1rem 2rem;text-transform: uppercase;border-radius: 5rem;font-size: 2rem;background: var(--color-linear-gradient);text-align: center;text-decoration: none;font-weight: 700;color: #FFFFFF;border-radius: 0.4rem;float: right;font-size: 1.8rem;padding: 0.4rem 5rem;}
.rail-list .schedule-box .book-now:hover {background: linear-gradient(90deg, #C92A69 0%, var(--color-primary) 100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.rail-list .schedule-box .book-now-box {display: flex;justify-content: space-between;padding: 1.2rem;background: var(--color-light);border-radius: 0.4rem;}
.rail-list .schedule-box .book-date {color: #2C3039;font-weight: 700;line-height: 1.9rem;font-size:1.5rem;}
.rail-list .schedule-box .book-now.disabled{color: #fff;background-color: #0d6efd;border:1px solid #0d6efd;pointer-events: none;opacity: .65; cursor: not-allowed !important;}
.rail-list .schedule-box .book-date span {color: #FF7A00;display: block;}
.rail-list .schedule-box .price-btn {font-size: 2.4rem;line-height: 3.3rem;color: #CA2A68;font-weight: 700;}
.rail-list .schedule-box .c-option {font-weight: 500;font-size: 1.4rem;line-height: 1.9rem;color: #2C3039;padding: 1.2rem;}
.rail-list .schedule-box .date-box label{font-size: 1.4rem !important;font-weight:500;}

.rail-list #Notfound .cont_notfound span{font-size:16px;}
.rail-list #Notfound .cont_notfound span a{text-decoration: none;font-weight: 700;margin-right: 3px;color: var(--color-primary);}
.rail-list #Notfound .text-center:first-child{margin:5px 0px;}

.rail-list .fa-retweet{font-size:20px;color:var(--color-primary);}
.rail-list .span-Gst-clear:hover .fa-retweet{color:#333 !important;}
.rail-list .traveller .clearico .span-Gst-clear .fa-retweet{margin-top:32px;color:var(--color-primary);}
.rail-list .traveller .getpassengerbtn{margin-top:27px;padding: 0.4rem 2rem;}
.rail-list .traveller .clspassdetails .clearico .span-Gst-clear .fa-retweet,.rail-list .traveller .passchld .clearico .span-Gst-clear .fa-retweet{margin-top:10px;color:var(--color-primary);}

.rail-list .clspassengerin .traveller .checkform label{font-size:16px !important;padding-bottom:10px;cursor:pointer;}

.rail-list .clsotherspref .checkform{margin-bottom:10px;}
.rail-map {background: url(../../../Images/rail-icon.png) no-repeat center center;background-position: 50% 9%;height: 8rem;display: flex;justify-content: space-between;position: relative;margin: 3.2rem 0 0 0;}
.rail-map:after {border-bottom: 0.1rem dashed #7E7E7E;position: absolute;content: "";bottom: 0;top: 50%;left: 0;height: 0.1rem;width: 100%;}

 #sendmail input::-webkit-input-placeholder {color: #D2D2D2 !important;} /* Chrome/Opera/Safari */

/*rail-list- availability end*/

/*booking page*/
.bookingPage  .book-travel.booking-criteria{position: fixed;top: 0;z-index: 201;width: 100%;margin: 0 !important;left: 0;}
.book-side{position:sticky;top:55px;height:100%;}
.book-side .filter-box {padding: 1rem 0 0 0;}
.book-side ul.price-details li {padding: 0.6rem 1.6rem !important;}
.book-side ul.price-details li.total-price {margin: 1rem 0 0 0 !important;background: var(--color-light) !important;border-top: 0rem !important;padding: 1rem 1.6rem !important;}
.book-side .clsprotpay a.btn{width:48%;padding:6px 5px;}
.book-side .clsprotpay a.btn:first-child{margin-right:5px;}

.bookingPage .clsbknow .btn{width:48%;padding:6px 5px;}
.bookingPage .clsbknow .btn:first-child{margin-right:5px;}

.bookingPage .book-travel .filter-box{padding-top:0px;}
.bookingPage .book-travel .filter-box h3{margin-bottom: 0px;padding: 6px 14px;}
.bookingPage .book-travel .filter-box span svg{font-size:10px;padding-left:7px;}

.bookingPage .clspreview .bookingremarks {margin-top:10px;}

.start-station {display: flex;justify-content: space-around;}

.dot1 {position: relative;font-weight: 400;font-size: 1.6rem;line-height: 2.2rem;text-align: center;color: #2C3039;}
.dot1:after {position: absolute;width: 2rem;height: 2rem;background: #D2D2D2;border-radius: 5rem;bottom: 3.1rem;left: 0;z-index: 9;content: "";}
.dot2 {position: relative;font-weight: 400;font-size: 1.6rem;line-height: 2.2rem;text-align: center;color: #2C3039;}
.dot2:after {position: absolute;width: 2rem;height: 2rem;background: var(--color-primary);border-radius: 5rem;bottom: 3.1rem;left: 0;z-index: 9;content: "";}

.cancel-tick {margin: 0 3rem 0 2rem;position: relative;top: 1.8rem;}
.cancel-tick button.close {background: transparent;border: 0;font-size: 3rem;font-weight: 600;color: #2C3039;}

.end-station {display: flex;justify-content: space-around;}
.end-station .dot1:last-child:after,.end-station .dot2:after{left:unset ;right:0;}

.confirm-map {border-radius: 0.6rem;background: #FFFFFF;box-shadow: 0rem 0rem 0.4rem 0rem rgba(221, 62, 77, 0.25);padding: 2rem;margin: 0 0 2rem 0;}

.board {font-size: 1.4rem;font-weight: 700;display: flex;justify-content: flex-start;}
.board-at {width: 28%;}

.board-station {padding: 0 0 2rem 3.2rem;position: relative;}
.board-station :after {position: absolute;width: 2rem;height: 2rem;border-radius: 5rem;top: 0;left: -1.1rem;z-index: 9;content: "";background: #0BBB32 url(../../../Images/check-mark-white.png) no-repeat center center;}
.board-station span {font-weight: 500;display: block;font-size: 1.4rem;}
.board-last {padding: 0 0 2rem 3.2rem;position: relative;color: #7E7E7E;}
.board-last:after {position: absolute;width: 2rem;height: 2rem;border-radius: 5rem;top: 0;left: -0.9rem;z-index: 9;content: "";background: #7E7E7E;}

.greenline {border-left: 0.2rem solid #0BBB32;}
.greyline {border-left: 0.2rem dashed #7E7E7E;}

.price-number {float: right;font-style: normal;font-weight: 700;font-size: 2.4rem;margin: 0 0 0 1rem;padding: 0 0 0 2rem;color: #CA2A68;position: relative;}
.price-number:before {content: "";position: absolute;left: 0;top: 1.3rem;background: #CA2A68;width: 0.7rem;height: 0.7rem;border-radius: 5rem;}

.ticket-details .green {color: #0BBB32;font-size: 1.6rem;}
.ticket-details .price-box {color: #2C3039;text-align: center;font-size: 2.4rem;}
#view2confopt .modal-footer {justify-content: space-between;border-top: 0.1rem solid #D2D2D2;}

.box-cal {position: absolute;right: 0rem;top: 0;display: flex;width: 22%;justify-content: space-around;}
.box-cal .cal-in {margin: 0 7rem 0 0;width: 100%;}
.box-cal .cal-in input.form-control {display: block;width: 100%;padding: 1.5rem 2rem 0 2.7rem;border: 0rem solid #555555;border-radius: 0;color: #555555;background: transparent;height: auto;margin: 0 0 0 0;font-size: 1.6rem;position: relative;}
.box-cal .cal-in .form-control:focus {box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);}
.box-cal .cal-in .cal-icon {margin-bottom: 0rem;z-index: 99;font-weight: 400;position: absolute;top: 1.8rem;font-size: 1.4rem;left: 0.4rem;color: #2C3039;}
.box-cal .arrow-box {position: absolute;right: 1.3rem;top: 1.2rem;}
.box-cal .arrow-box a.next,
.box-cal .arrow-box a.back {border: 0.1rem solid #2C3039;border-radius: 5rem;height: 2.5rem;float: left;margin: 0 0.5rem 0 0.5rem;vertical-align: middle;text-align: center;width: 2.5rem;color: #2C3039;}
.box-cal .arrow-box a.next:hover,
.box-cal .arrow-box a.back:hover {background: #CA2A68;color: #FFFFFF;border: 0.1rem solid #FFFFFF;}
.box-cal .arrow-box a.next svg,
.box-cal .arrow-box a.back svg {margin: 0.7rem 0 0 0;}

.train-box {border: 0.1rem solid #FFF1F6;border-radius: 0.8rem;background: #FFFFFF;margin: 0 0 2rem 0;}
.train-box tr th {background: var(--color-light);font-style: normal;font-weight: 700;font-size: 1.5rem;line-height: 1.8rem;color: #000000;vertical-align: top;padding: 1rem 0.5rem;}
.train-box tr:hover {background: #F5F5F5 !important;}
.train-box tr td {font-style: normal;font-weight: 500;font-size: 1.4rem;line-height: 3rem;color: #2C3039;text-align: left;border-bottom: 0.1rem solid #EEEEEE;}
.train-box table tr:last-child td {border-bottom: 0rem solid #EEEEEE;}
.train-box table tr:last-child td:first-child {border-bottom-left-radius: 0.8rem;}
.train-box table tr:last-child td:last-child {border-bottom-right-radius: 0.8rem;}
.train-box .w2ui-grid .w2ui-grid-body .train-box .w2ui-grid-records table tr.w2ui-even, .train-box.w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even{border:0;}

.runs-table {font-size: 1.4rem;line-height: 2.2rem;color: #2C3039;}
.runs-table ul.cal-list {margin: 0;padding: 0;}
.runs-table ul.cal-list li {display: inline-block;padding: 0 0.4rem;}
.runs-table ul.cal-list li:hover a {color: #CA2A68;}
.runs-table ul.cal-list li a {color: #2C3039;font-size: 1.4rem;text-decoration: none;background:none;}
.runs-table ul.cal-list li.hide a {color: #D2D2D2;text-decoration: none;}

.red td {color: #FF0000 !important;}

.search-input-box {width: 100%;height: auto;float: left;padding: 1.6rem;border-radius: 0.8rem;border: 0.1rem solid #D2D2D2;float: left;position: relative;}
.search-input-box label {font-size: 1.2rem !important;}
.search-input-box:hover {border: 0.1rem solid var(--color-primary);}

/*home widgt*/
.search-input-box input {width: 100%;border: 0rem;font-size: 1.8rem !important;font-weight: 700 !important;color: #000000;background: none;margin:0;}
.train-from {width: 47%;height: 98px;}
.train-to {width: 47%;height: 98px;float: right;}
span.short-form {font-size: 1.6rem;text-transform: uppercase;font-weight: 700;float: right;margin: 1.2rem 0 0 0;vertical-align: middle;}

/*review your booking page start*/
.booking-main {margin: 0;}
      
/**Placeholer CSS**/
.booking-main .refresh {padding: 0 0rem 0 0 !important;}
.booking-main input::-webkit-input-placeholder {color: #D2D2D2 !important;} /* Chrome/Opera/Safari */
.booking-main input ::-moz-placeholder {color: #D2D2D2 !important;} /* Firefox 19+ */
.booking-main input :-ms-input-placeholder {color: #D2D2D2 !important;} /* IE 10+ */
.booking-main input :-moz-placeholder {color: #D2D2D2 !important;} /* Firefox 18- */

.head-title {font-size: 2.4rem;font-weight: 700;color: #FFFFFF;}
.booking-flow ul {margin: 0.5rem 0 0 0;padding: 0;}
.booking-flow ul li {color: #FFFFFF;text-align: center;font-size: 1.6rem;font-weight: 700;line-height: normal;display: inline-block;margin: 0 1rem;position: relative;padding: 0 8rem 0 3rem;}
.booking-flow ul li a {color: #FFFFFF;text-decoration: none;}
.booking-flow ul li a:hover {color: #FFFFFF;text-decoration: underline;}
.booking-flow ul li:last-child:after {display: none;}
.booking-flow ul li:last-child {padding: 0 0rem 0 3rem;}
.booking-flow ul li:before {position: absolute;left: 0;top: 0;background: #D2D2D2;width: 2.2rem;height: 2.2rem;border: 0.5rem solid #FFFFFF;content: "";border-radius: 5rem;}
.booking-flow ul li:after {position: absolute;right: 0;top: 1rem;width: 6.4rem;height: 0.2rem;border-top: 0.2rem dashed #F5F5F5;content: "";}
.booking-flow ul li.done:before {position: absolute;left: 0;top: 0;background: #2C3039;width: 2.2rem;height: 2.2rem;border: 0.5rem solid #FFFFFF;content: "";border-radius: 5rem;}

.ticket-info {font-size: 1.8rem;color: #000000;margin: 1.4rem 1.6rem 1.4rem 1.6rem;line-height: normal;}
.ticket-info span {display: block;font-size: 1.6rem;margin: 1rem 0 0 0;}
.ticket-info span strong {font-weight: 700;}
.ticket-info .info-quota {font-size: 1.6rem;font-weight: 700;background: #EEEEEE;padding: 0.6rem 1.6rem;border-radius: 0.4rem;}
.ticket-info .end-date {text-align: right;}
.ticket-info .col-lg-2 {text-align:center;}

.full-width {margin: 2rem 0 0 0;}
.full-width .btn {width: 100%;}

.station-info {color: var(--color-primary);font-size: 1.4rem;float: left;width: 100%;margin: -1.2rem 0 1.6rem 0 !important;}
.notebox {background: var(--color-light);padding: 1.2rem;}
.notebox ul {margin: 0;padding: 0;}
.notebox ul li {display: block;font-size: 1.4rem;font-style: normal;font-weight: 400;color: #2C3039;position: relative;padding: 0 0 0 1.3rem;line-height: 2.3rem;}
.notebox ul li:before {position: absolute;left: 0;top: 0.8rem;content: "";background: #2C3039;width: 0.5rem;height: 0.5rem;border-radius: 5rem;}
.head-table {color: #555555;font-size: 1.6rem;font-style: normal;font-weight: 600;line-height: normal;margin: 0 0 1.5rem 0;width: 96%;}

.form-control {border: 0.1rem solid #D2D2D2;}
.form-control:focus {border: 0.1rem solid var(--color-primary) !important;box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);}

.travel-table .table-row {width: 100%;float: left;margin: 0 0 1.5rem 0;}
.travel-table .table-fileld {width: 96%;float: left;margin: 0 2% 0 0;}
.travel-table .delete:hover svg {color: #2C3039;}
.travel-table .delete svg {color: var(--color-primary);font-size: 2rem;margin: 1rem 0 0 0;}
.travel-table .deletecol{display:flex;align-items:baseline;justify-content:space-evenly;}

.table-select {position: relative;}
.table-select .form-control {display: block;width: 100%;padding: 1rem;border: 0.1rem solid #D2D2D2;border-radius: 0.4rem;color: #000000;background: #FFFFFF;height: 4.2rem;line-height: 1.5rem;font-size: 1.6rem !important;margin: 0 0 0.7rem 0;font-size: 1.4rem;position: relative;text-overflow: ellipsis;white-space: nowrap;}

.change-station {padding: 1.6rem;position:relative;}
.change-station .blank-select .form-control {text-overflow: ellipsis;white-space: nowrap;padding: 0.4rem 2.5rem 0.4rem 0;}

.arrow-downic{position: absolute;right: 0.9rem;top: 1.5rem;}

.add-btn a {color: #038FE7;text-align: left;font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: normal;text-decoration: none;}
.add-btn a:hover {color: var(--color-primary);}

.line-break {border-bottom: 0.1rem solid #EEEEEE;margin: 2rem 0 2rem 0;width: 100%;float: left;}

.gst-box {position: relative;}
.gst-box .checkform label {font-size: 2rem !important;cursor:pointer;}
.gst-box input[type=checkbox]:checked + label:after {top: 0.7rem;}

#gstDetailsBox {margin: 1.6rem 0 0 0;}
#gstDetailsBox .deletecol{align-items:center;}

.clsinsurance .gst-box .padding-box, .clsgstdetin .gst-box .padding-box .checkform {display:flex;justify-content:space-between;align-items:center;}
.terms .overline, .gst_act .overline{font-size: 1.4rem;font-weight: 600;color: #337ab7;text-decoration: none;}

.checknormal {margin: 0rem 0 0 0;}
.checknormal .checkform label {font-size: 1.6rem !important;cursor:pointer;}

/*Review Journey page start*/
.boarding {color: #000000;text-align: center;font-size: 1.6rem;font-weight: 700;line-height: normal;margin: 0 0 1.6rem 0;}

.passenger {color: #000000;font-size: 1.6rem;margin: 0 0 1rem 0;font-weight: 700;}
.passenger span {font-size: 1.4rem;color: #555555;}
.email-info {color: #2C3039;font-size: 2rem;}
.email-info a {font-weight: 700;color: #2C3039;text-decoration: none;}
.email-info a:hover {color: var(--color-primary);}

.topup {color: var(--color-primary);font-size: 1.8rem;font-weight: 700;vertical-align: middle;}
.topup img {vertical-align: middle;float: left;margin: 0 1rem 0 0;}
.topup span {color: #555555;font-size: 1.6rem;font-style: normal;font-weight: 500;display: block;}

/*payment details page*/
.pnr-info {display: flex;justify-content: space-between;align-items: center;font-size: 1.4rem;color: #2C3039;line-height: 1.7rem;}
.pnr-info span {display: block;font-size: 1.8rem;margin: 1rem 0 0 0;font-weight: 700;}

.s-confirm {color: #555555;font-size: 1.6rem;}
.s-confirm strong {font-weight: 700;color: #0BBB32;}
.s-cancel {color: #555555;font-size: 1.6rem;}
.s-cancel strong {font-weight: 700;color: #FF0000;}
.s-others {color: #555555;font-size: 1.6rem;}
.s-others strong {font-weight: 700;color: #FF7A00;}

.details-info {display: flex;justify-content: space-between;align-items: center;font-size: 1.4rem;color: #555555;line-height: 1.7rem;margin: 0 0 0.7rem 0;}
.details-info span {display: block;font-size: 1.6rem;margin: 0rem 0 0 0;font-weight: 700;color: #000000;}
.details-info .pnr-id {line-height: 27px;width: 20%;}
.details-info .pnr-no {line-height: 27px;width: 50%;}
.details-info .pnr-no.file-adjust {line-height: 27px;width: 25%;}
.details-info .file_status{line-height: 27px;width: 25%;}
.details-info .t-id {line-height: 27px;width: 30%;text-align: right;}

.n-box {display: block;width: 100%;}
.n-box .l-box {float: left;width: 3%;margin: 0.4rem 0 0 0;color: #000000;font-size: 1.6rem;font-weight: 700;}
.n-box .r-box {float: left;width: 97%;}

ul.icon-list {margin: 0 !important;display: block !important;width: 100% !important;padding: 0.6rem 1.6rem !important;}
ul.icon-list li {margin: 0 0 0.5rem 0;}
ul.icon-list li a {display: block !important;width: 100% !important;margin: 0 0rem !important;border: 0rem !important;padding: 0rem 0rem 0.5rem 3rem !important;font-weight: 700;font-size: 1.6rem;color: #038FE7;text-decoration: none;position: relative;}
ul.icon-list li a:hover {color: var(--color-primary);}
ul.icon-list li a:hover .down-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -12px -49px;}
ul.icon-list li a:hover .whatup-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -47px -49px;}
ul.icon-list li a:hover .sms-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -80px -49px;}
ul.icon-list li a:hover .agency-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -114px -49px;}
ul.icon-list li a:hover .invoice-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -148px -49px;}
ul.icon-list li a svg {padding: 0 0.7rem 0 0;}
ul.icon-list li a .down-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -12px -14px;}
ul.icon-list li a .whatup-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -47px -14px;}
ul.icon-list li a .sms-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -80px -14px;}
ul.icon-list li a .agency-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -114px -14px;}
ul.icon-list li a .invoice-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -148px -14px;}
ul.icon-list li a .print-icon {position: absolute;width: 30px;height: 30px;top: 0;left: 2px;background: url(../../../Images/sprite.png) no-repeat;background-position: -221px -13px;}
ul.icon-list li a:hover .print-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -221px -48px;}

/*send mail popup*/
#sendmail .train-box tr td {line-height: 2.1rem;}
#sendmail .train-box tr td span {display: block;}

.send-form {margin: 0 0 3rem 0;}
.send-form .form-control {border: 0.1rem solid #D2D2D2;padding: 1rem 1rem;border-radius: 0.4rem;color: #000000;background: #FFFFFF;height: 4.2rem;margin: 0 0 0 0;font-size: 1.4rem;}
.send-form .form-control:focus {box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);border: 0.1rem solid var(--color-primary) !important;}
.send-form .input-group-text {display: flex;align-items: center;padding: 1rem 1.5rem;font-size: 2rem;font-weight: 400;line-height: 1.5;color: #2C3039;text-align: center;white-space: nowrap;background-color: transparent;border: 0.1rem solid #D2D2D2;border-radius: 0.25rem;}
.send-form .input-group-text svg {color: #555555;}
.send-form label {font-size: 1.6rem !important;margin: 1.3rem 0 0rem 0 !important;line-height: 1.7rem;display: block;font-family: "Nunito";color: #555555;}

/*PNR widget*/
.pnr-widget {margin: 0 0 3rem 0;}
.pnr-widget label {text-align: center;}
.pnr-widget input {text-align: center;font-size: 2.4rem;color: #7E7E7E !important;}

.pnr-bar {position: relative;padding: 1rem 0;}
.pnr-bar .select {padding: 1rem 1rem 1rem 1rem;}
.pnr-bar .form-control {padding: 1rem 1rem 1rem 1rem !important;}
.pnr-bar a.modify-btn {display: inline-block;width: 100%;position: relative;margin: 2.4rem 0 0 0 !important;line-height:1.5;}

.pnr-table {padding: 0.5rem 1.6rem 0rem 1.6rem;float: left;width: 100%;}
.pnr-table .train-box {float: left;width: 100%;}
.pnr-table .train-box tr td,
.pnr-table .train-box tr th {padding: 1rem 2rem;font-size: 1.6rem;}
.pnr-table .col-first {font-weight: 700;}

.pnr-listing {border-top: 0.1rem solid #EEEEEE;margin: 1rem 1.6rem 1.6rem 1.6rem;padding: 1rem 0 0 0;}
.pnr-listing .train-box {border: 0rem solid var(--color-light);}
.pnr-listing .train-box tr td {border-bottom: 0rem solid #EEEEEE;font-size: 1.4rem;line-height: 2.5rem;}
.pnr-listing .train-box tr td span {display: block;font-size: 1.6rem;font-weight: 700;}

.pnr-view {display: flex;justify-content: space-between;align-items: center;font-size: 1.4rem;color: #2C3039;line-height: 1.7rem;margin: 1.6rem 1.6rem 1rem 1.6rem;border-bottom: 0.1rem solid #EEEEEE;}
.pnr-view .pnr-book {color: #2C3039;font-size: 2.4rem;line-height: 3rem;}
.pnr-view .pnr-book span {display: block;font-size: 1.4rem;}
.pnr-view .social {font-style: normal;font-weight: 700;font-size: 1.6rem;line-height: 2.2rem;color: #038FE7;}
.pnr-view .social a {color: #038FE7;text-decoration: none;margin: 0 0 0 1.5rem;position: relative;padding: 0 0 0 2.5rem;}
.pnr-view .social a:hover {color: var(--color-primary);}
.pnr-view .social a:hover .whatup-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -47px -49px;}
.pnr-view .social a:hover .sms-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -80px -49px;}
.pnr-view .social a:hover .print-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -220px -49px;}
.pnr-view .social a:hover .email-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -186px -49px;}
.pnr-view .social a:hover .invoice-icon {background: url(../../../Images/sprite.png) no-repeat;background-position: -153px -51px;}

.pnr-view .social a .whatup-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -47px -14px;}
.pnr-view .social a .sms-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -80px -14px;}
.pnr-view .social a .print-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -220px -14px;}
.pnr-view .social a .email-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -186px -13px;}
.pnr-view .social a .invoice-icon {position: absolute;width: 22px;height: 22px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -153px -16px;}


.head-space {padding: 1.6rem 1.6rem 0 1.6rem;}

.alert-text {color: #000000;text-align: center;font-size: 1.6rem;}
.alert-text a {color: var(--color-primary);font-weight: 700;text-decoration: none;}
.alert-text a:hover {text-decoration: underline;}
.alert-text p {margin: 0 0 1rem 0;}

/*Homepage popup*/
.alert {position: fixed;width: 20%;height: auto;right: 0;bottom: 0;border-radius: 0.4rem 0rem 0rem 0rem;background: #FFFFFF;box-shadow: -0.1rem -0.1rem 0.4rem 0rem rgba(0, 0, 0, 0.15);padding: 1.6rem !important;}
.alert .content {padding: 3rem 0 0 0;height: calc(100% - 6.5rem);width: 100%;color: #2C3039;font-size: 1.6rem;}
.alert .header {height: auto;width: calc(-2rem + 100%);padding: 1.6rem 0 0 1.6remposition: absolute;top: 0;left: 0;}
.alert .header h1 {position: absolute;top: 1rem;font-size: 2.4rem;color: #CA2A68;}
.alert .header span.close {position: absolute;top: -0.2rem;right:0.6rem;color: #2C3039;padding: 0.1rem;cursor: pointer;font-weight: 700;text-align: center;font-size: 1.8rem;}
.alert .header span.close:hover {color: #CA2A68;}

button.openPopup {position: fixed;right: 0;bottom: 0;height: auto;width: 10%;border: 0rem none;text-align: center;border-radius: 0.4rem 0rem 0rem 0rem;background: #FFFFFF;box-shadow: -0.1rem -0.1rem 0.4rem 0rem rgba(0, 0, 0, 0.15);padding: 1.6rem !important;font-size: 1.6rem;}
button.openPopup:hover {color: #CA2A68;}

.btnmodify{float: right;transition: all 0.4s ease 0s;font-size: 15px;font-weight: 700;background: #fff !important;height: 35px;line-height: 35px;border: 1px solid var(--color-primary) !important;color: var(--color-primary) !important;border-radius: 4px;padding: 0px 6px;margin-top: -8px;margin-left: 10px;cursor: pointer;}

.modify-box-mobile {display: none;color: #FFFFFF;position: relative;justify-content: space-around;font-size: 1.6rem;font-weight: 700;}
.modify-box-mobile .mb-arrow {width: 10%;}
.modify-box-mobile .mb-arrow svg {font-size: 2rem;}
.modify-box-mobile .mb-data {width: 80%;}
.modify-box-mobile .mb-data .t-count {display: block;font-size: 1.2rem;font-weight: 300;margin: 0.3rem 0 0 0;}
.modify-box-mobile .mb-data .t-count svg {font-size: 0.5rem;vertical-align: middle;padding: 0 0.5rem;}
.modify-box-mobile .mb-share {width: 10%;}
.modify-box-mobile .mb-share svg {font-size: 2.2rem;}
.clsAvailBind .modify-bar .modify-box-avail .row .col-md-3.from{position:relative;}

.openbtn {display: none;}
.close-btn {display: none;}
.sort {width: 33%;display: inline-block;font-size: 1.5rem;line-height: 2.8rem;color: #555555;white-space:nowrap;}
.nowrap {white-space: nowrap;}

.available {position: relative;margin: 0 0 0rem 0;float: right;width: 67%;}
.available .form-control {display: block;width: 100%;padding: 0.4rem 1rem;border: 0rem solid #DDDDDD;border-radius: 0.4rem;color: #000000;background: #FFFFFF;height: 3rem;line-height: 1.8rem;margin: 0 0 0 0;font-size: 1.6rem;}
.available .form-control:focus {box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25) !important;}
.available .arrow-downic {position: absolute;right: 0.9rem;top: 1rem !important;}

.train-no {position: relative;margin: 0 0 0rem 0;width: 100%;}
.train-no .form-control:focus {box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);border-width: 0px 0px 1px 0px !important;}
.train-no .form-control {display: block;width: 100%;padding: 0.5rem 0rem;border-bottom: 0.1rem solid #555555;border-radius: 0;border-left: 0rem;border-top: 0rem;border-right: 0rem;color: #555555;background: #FFFFFF;height: 2.5rem;margin: 0 0 0 0;font-size: 1.4rem;font-weight: 500;}
.train-no .search-icon {margin-bottom: 0rem;z-index: 99;font-weight: 400;position: absolute;top: 0.2rem;font-size: 1.4rem;right: 0.4rem;color: #2C3039;}

.__prexnextbtn .fc-button-group{border: 1px solid #dd3e4d;border-radius:3px;display:flex;}
.__prexnextbtn .fc-prev-button, .__prexnextbtn .fc-next-button {padding: 4px 0px;height: 26px !important;width: 55px !important;background: #dd3e4d;color: #fff;border: 1px solid #dd3e4d;font-weight: 700;font-size: 11px;cursor:pointer;}
.__prexnextbtn .fc-prev-button {float:left;}
.__prexnextbtn .fc-next-button {float:right;}
.__prexnextbtn .fc-prev-button:disabled, .__prexnextbtn .fc-next-button:disabled{background: #b11b29;border: 1px solid #b11b29;}
.__prexnextbtn .__date{font-size: 12px;padding: 0px 4px;display: inline-block;white-space: nowrap;color: #181c18;font-weight: 600;line-height: 26px;}

.noborder .train-box {border: 0rem solid var(--color-light);margin: 0;}
.noborder .train-box tr th {background: #FFFFFF;}
.noborder .train-box tr td {border-bottom: 0rem solid #EEEEEE;}
.noborder .table-select {position: relative;}
.noborder .table-select .arrow-down {position: absolute;right: 0.9rem;top: 0.7rem !important;}

ul.book-ticket {margin: 0 1.6rem;padding: 0;}
ul.book-ticket li {display: inline-block;width: calc(25% - 0.2rem);font-size: 1.4rem;margin: 0 0 1.2rem 0;vertical-align: top;}
ul.book-ticket li:nth-child(2) {text-align: center;}
ul.book-ticket li:nth-child(3) {text-align: center;}
ul.book-ticket li:last-child {text-align: right;}
ul.book-ticket li span {display: block;font-weight: 700;font-size: 1.6rem;}

/*manage booking page start*/
.collapsible-link {width: 100%;position: relative;text-align: left;}
.collapsible-link::before {content: "";position: absolute;top: 50%;right: 0.8rem;transform: translateY(-50%);display: block;background: url(../../../Images/acco-down-arrow.png) no-repeat;width: 2.7rem;height: 2.7rem;}
.collapsible-link[aria-expanded=true]::before {content: "";background: url(../../../Images/acco-top-arrow.png) no-repeat;}

.manage-acco {margin: 0 0 2.4rem 0;}
.manage-acco .card-header {padding: 0.5rem 0rem;margin-bottom: 0;background: #FFFFFF;border-bottom: 0.1rem solid #EEEEEE !important;}
.manage-acco .btn-link {color: #2C3039;text-decoration: none;font-size: 2rem;font-style: normal;font-weight: 400;line-height: normal;}
.manage-acco .card {border: 0rem solid rgba(0, 0, 0, 0.125);}
.manage-acco .card-body {flex: 1 1 auto;padding: 2rem 0rem 0rem;border-bottom: 0.1rem solid #EEEEEE !important;}
.manage-acco .btn {padding: 0.375rem 0rem;}
.manage-acco .form-group {margin: 0 0 2.4rem 0;}
.manage-acco ul.book-ticket {margin: 0 0rem;}
.manage-acco .pnr-table {padding: 0;}

.booking-menu {display: flex;justify-content: space-between;margin: 0 0 0rem 0;}

.booking {font-weight: 700;font-size: 2.4rem;line-height: normal;margin: 0rem 0 0rem 0;color: var(--color-primary);}
.booking a {color: var(--color-primary);text-decoration: none;}
.booking a:hover {color: #2C3039;}

#_ViewPnr .clsVewPnr .booking-main .btn-primary,#_ViewPnr .clsVewPnr .booking-main .btn-secondary{padding:0.5rem 3rem;}
#_ViewPnr .change-station h3, .booking-main .change-station h3{color: var(--color-primary);}

/*TDR File*/
.clstdrbind button{width:100%;text-align:left;}
.clstdrbind .copy {font-size: 20px;font-weight: 600;border-radius: 4px;padding: 2px 5px;color: #fff;position: relative;top: -3px;cursor:pointer;text-transform: capitalize;margin-left:5px;}
.clstdrbind .collapsible-link{margin: 0;padding-right: 40px;width:auto;}

.pnr-info .copy {font-size: 18px;font-weight: 600;border-radius: 4px;color: #DD3E4D;position: relative;top: -2px;cursor:pointer;text-transform: capitalize;margin-left:5px;margin-top:0;display:inline-block;}

/*Top menu*/
.booking-menubar {margin: 0 1rem 0;}
.navbar-nav {margin-left: auto !important;}
.navbar-nav a.nav-link {display: inline-block;background: #FFFFFF;margin: 0 0px 0 1rem;font-size: 1.4rem;color: var(--color-primary) !important;border-radius: 0.4rem;padding: 1.2rem 1.2rem ;border: 1px solid var(--color-primary);font-family: "Nunito";font-style: normal;font-weight: 700;text-decoration: none;}
.navbar-nav a.nav-link:hover {background: var(--color-primary);border: 1px solid var(--color-primary);color: #FFFFFF !important;}
.navbar-nav a.nav-link .menu-icon {background: url(../../../Images/menu-icon-07.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon1 {background: url(../../../Images/menu-icon-01.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon2 {background: url(../../../Images/menu-icon-02.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon3 {background: url(../../../Images/menu-icon-03.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon4 {background: url(../../../Images/menu-icon-04.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon4a {background: url(../../../Images/menu-icon-04a.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon5 {background: url(../../../Images/menu-icon-05.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon6 {background: url(../../../Images/menu-icon-06.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon7 {background: url(../../../Images/menu-icon-07.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon8 {background: url(../../../Images/menu-icon-08.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link .menu-icon9 {background: url(../../../Images/menu-icon-09.svg) no-repeat;width: 19px;height: 19px;vertical-align: middle;margin: 0 5px 0 0;display: inline-block;}
.navbar-nav a.nav-link:hover .menu-icon {background: url(../../../Images/menu-icon-07-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon1 {background: url(../../../Images/menu-icon-01-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon2 {background: url(../../../Images/menu-icon-02-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon3 {background: url(../../../Images/menu-icon-03-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon4 {background: url(../../../Images/menu-icon-04-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon4a {background: url(../../../Images/menu-icon-04a-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon5 {background: url(../../../Images/menu-icon-05-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon6 {background: url(../../../Images/menu-icon-06-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon7 {background: url(../../../Images/menu-icon-07-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon8 {background: url(../../../Images/menu-icon-08-r.svg) no-repeat;}
.navbar-nav a.nav-link:hover .menu-icon9 {background: url(../../../Images/menu-icon-09-r.svg) no-repeat;}

ul.nav-link {margin: 0;padding: 0;}

/*contact details*/
ul.contact-list {display: flex;justify-content: space-between;}
ul.contact-list li {margin: 0 1rem 0 0;padding: 0 0 0 2.5rem;font-size: 1.6rem;font-style: normal;font-weight: 500;position: relative;}
ul.contact-list li span{margin:0;}
ul.contact-list li .user {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -12px -83px;}
ul.contact-list li .mail {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -48px -83px;}
ul.contact-list li .call {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -86px -83px;}
ul.contact-list li a {font-size: 1.6rem;font-weight: 700;color: #038FE7;text-decoration: none;}

.pending {padding: 1rem 2rem;color: #038FE7;border-radius: 0.4rem;background: #DFF3FF;text-decoration: none;font-size: 1.8rem;font-weight: 700;}

ul.cl-details {margin: 0 0rem;padding: 0;}
ul.cl-details li {display: inline-block;width: calc(33.33% - 0.2rem);font-size: 1.8rem;margin: 0 0 1.2rem 0;vertical-align: top;}
ul.cl-details li span {font-weight: 700;font-size: 1.8rem;}

.cancel-info {color: var(--color-primary);font-weight: 700;font-size: 1.7rem;padding: 2rem 0 2rem 0 !important;border-bottom: 0.1rem solid #EEEEEE;margin: 0 0 2rem 0;}

.clickable-row {cursor: pointer;}
.r-content {font-weight: 700;font-size: 2.4rem;line-height: normal;margin: 0rem 0 0rem 0;position: relative;padding: 0 0 0 3.5rem;}

.tick-icon {position: absolute;width: 2.4rem;height: 2.4rem;top: 0.2rem;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -115px -78px;}

.cancel-box .manage-acco {margin: 0 0 0rem 0;}
.cancel-box .manage-acco .form-group {margin: 0 0 0rem 0;}

.cancel-icon {position: absolute;width: 2.4rem;height: 2.4rem;top: 0.2rem;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -150px -79px;}

.bottom-menu ul.topmenu li a {margin: 0 0.5rem 0 0;}
.bottom-menu .booking-menubar {margin: 0 0rem 0;}
.bottom-menu .navbar-nav a.nav-link {padding: 1.2rem 0.5rem !important;}

ul.reason {margin: 0 0rem;padding: 0;}
ul.reason li {display: inline-block;width: calc(100% - 0.2rem);font-size: 1.8rem;margin: 0 0 1.2rem 0;vertical-align: top;}
ul.reason span {font-weight: 700;font-size: 1.8rem;}

.renewal .radio input[type=radio]:checked + .radio-label {background: none;}

#mdCancelPopup .alert-text,#proceed-to-pay .alert-text,#booking-status .alert-text {text-align: left;}

.menu-backdrop {position: fixed;top: 0;left: 0;z-index: 9;width: 100vw;height: 100vh;background-color: #000000;opacity: 0.5;}

.menubtn, .menu-title {display: none;}

.quick-menu {display: none;}

.video {height: 450px;width: 100%;overflow: hidden;}
video::-webkit-media-controls {display: block !important}
/*manage booking page end*/

/*download form start*/
.down-form {box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;background: #FFFFFF;padding: 1.6rem;}

a.option-one {width: 100%;display: inline-block;background: #FFFFFF;border: 0.1rem solid var(--color-light);box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;margin: 0 0 1rem 0;padding: 1rem;text-decoration: none;color: #2C3039;font-size: 1.6rem;}
a.option-one:hover {background: var(--color-primary);color: #FFFFFF;}
/*download form end*/

.searchnow {padding: 0.6rem 2.4rem;display: inline-block;}

#Cnclldtpop ul.cl-details {margin: 0 0rem;padding: 0;}
#Cnclldtpop ul.cl-details li {display: inline-block;width: calc(50% - 0.2rem);font-size: 1.8rem;margin: 0 0 1.2rem 0;vertical-align: top;}
#Cnclldtpop ul.cl-details li span {font-weight: 700;font-size: 1.8rem;}

a.print-btn {border: 0.1px solid var(--color-primary);color: var(--color-primary);position: relative;display: inline;padding: 0.5rem 1.2rem 0.5rem 3.2rem;margin: 0 0 0 0.5rem;font-size: 1.4rem;font-weight: 700;border-radius: 0.4rem;text-decoration: none;}
a.print-btn:hover {background: var(--color-primary);color: #FFFFFF;}
a.print-btn:hover .print-icon {position: absolute;width: 30px;height: 30px;top: 0;left: 4px;background: url(../../../Images/sprite.png) no-repeat;background-position: -284px -78px;}
a.print-btn .print-icon {position: absolute;width: 30px;height: 30px;top: 0;left: 4px;background: url(../../../Images/sprite.png) no-repeat;background-position: -217px -45px}
.clssuccesspage a.print-btn .print-icon{background-position: -221px -11px;left:2px;}

.hotel-section .book-train .ticket-box .recent-box {display: flex;justify-content: flex-start;}
.hotel-section .book-train .ticket-box .calendar-area {width: 48%;}
.hotel-section .book-train .ticket-box .checkout .calendar-area {margin: 0;width: 49%;}
.hotel-section .book-train .ticket-box .room-box {width: 57%;margin: 0 3% 0 0;height: auto;float: left;position: relative;padding: 1.6rem;border-radius: 0.8rem;border: 0.1rem solid #D2D2D2;}
.hotel-section .book-train .ticket-box .room-box:hover {border: 0.1rem solid var(--color-primary);}
.hotel-section .book-train .ticket-box .class-box {width: 40%;}
.hotel-section .hotel-from {width: 100%;height: auto;}
.hotel-section .rail-list .schedule-box .ticket-tab {background: #FFFFFF !important;border-top: 1px solid #EEEEEE;padding: 1.6rem;}
.hotel-section .rail-list .schedule-box .ticket-tab .card {box-shadow: 0 0rem 0rem 0rem rgba(0, 0, 0, 0.15);background: #FFFFFF;}
.hotel-section .rail-list .schedule-box .ticket-tab .card-body {padding: 1rem 0rem;}
.hotel-section .rail-list .schedule-box .ticket-tab .tabbable .nav-tabs {display: flex;justify-content: space-around;background: var(--color-light);padding: 0rem 0rem;}
.hotel-section .rail-list .schedule-box .ticket-tab .nav-item {display: inline-block;text-align: center;}
.hotel-section .rail-list .schedule-box .ticket-tab .nav-link {width: 100%;background: transparent;color: #2C3039;font-size: 1.8rem;padding: 1.2rem 1.2rem 1.2rem 1.2rem;}
.hotel-section .rail-list .schedule-box .ticket-tab .nav-link.active {background: var(--Linera-Gradiant-Color, linear-gradient(95deg, var(--color-primary) 0%, #CA2A68 100%));color: #FFFFFF;}
.hotel-section .rail-list .schedule-box .ticket-tab .tabbable-responsive {margin: 0;}
.hotel-section .rail-list .schedule-box .ticket-tab .train-box tr th {background: #F5F5F5;}
.hotel-section .rail-list .schedule-box .ticket-tab .showhide-btn a.btn-primary {font-size: 1.4rem;padding: 0.5rem 2rem !important;border-radius: 5rem !important;}
.hotel-section .rail-list .schedule-box .card-header {padding: 0rem 0rem;}

/**Hotel Widget CSS**/
.room-box .form-group {position: relative;display: inline-block;width: 100%;margin: 0;}

.hotel-booking {display: inline-block;font-size: 1.4rem;margin: 0 3rem 0 0;width: 100%;position: relative;}
.hotel-booking .form-control {background: none;border-radius: 0;border: 0;padding: 0;margin: 0;position: relative;font-size: 1.8rem;height: 2.7rem;font-weight: 600;}
.hotel-booking .form-control:focus {border: 0 !important;box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);}
.hotel-booking .hotel-booking-arrow {cursor: pointer;}
.hotel-booking:after {content: "";position: absolute;width: 1.1rem;height: 0.9rem;display: block;right: 0.2rem;top: 1.5rem;z-index: 0;width: 1rem;transform: rotate(225deg);height: 1rem;border-top: 0.2rem solid #038FE7;border-left: 0.2rem solid #038FE7;transition: 0.3s;transition: 0.3s;top: -19px;}
.hotel-booking .add-room {position: absolute;padding: 1rem;right: 0;left: 0;top: 2.9rem;margin: 0;background-color: #FFFFFF;box-shadow: 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.2);border-radius: 0rem 0rem 0.8rem 0.8rem;z-index: 22;display: none;}
.hotel-booking .add-room .room-add-holder {margin: 0 0 1rem 0;padding: 0 0 0rem 0;display: inline-block;width: 100%;border-bottom: 0.1rem dashed #D2D2D2;text-align: left;}
.hotel-booking .add-room .room-add-holder .select-age {clear: both;margin: 1rem 0;overflow: hidden;}
.hotel-booking .add-room .room-add-holder .left-holder {margin: 0 0 0rem 0;}
.hotel-booking .add-room .room-add-holder .left-holder .count {float: none;}
.hotel-booking .add-room .room-add-holder h3 {color: #2C3039 !important;font-size: 1.3rem;margin-bottom: 0.5rem;font-weight: 600;width: auto;display: inherit;}
.hotel-booking .add-room .room-add-holder .child-holder {display: inline-block;width: 100%;margin: 1rem 0 0 0;}
.hotel-booking .add-room .room-add-holder .child-holder .form-holder {width: auto;padding-right: 1.5rem;margin: 0;display: inline-block;}
.hotel-booking .add-room .room-add-holder .child-holder .form-holder select {width: 100%;height: 3rem;margin: 0 0.5rem;text-align: center;padding: 0;border: 0;box-shadow: 0px 0px 4px 0px rgba(221, 62, 77, 0.25);}
.hotel-booking .add-room .room-add-holder .age {font-weight: 500;font-size: 1.2rem;margin: 0 0 0.5rem 0;}
.hotel-booking .add-room .room-add-holder .edit-del-box {width: 3.5rem;float: right;}
.hotel-booking .add-room .room-add-holder .edit-del-box .close-room {transition: 0.5s;color: #555555;font-size: 1.2rem;font-weight: normal;float: left;cursor: pointer;}
.hotel-booking .add-room .room-add-holder .edit-del-box .close-room:hover {color: var(--color-primary);}
.hotel-booking .add-room .room-add-holder .edit-del-box .remove-btn {font-size: 1.2rem;font-weight: normal;float: right;color: #555555;}
.hotel-booking .add-room .room-add-holder .edit-del-box .remove-btn:hover {color: var(--color-primary);}

.hotel-booking .adult {width: auto;margin: 0 1.5rem 0 0;}
.hotel-booking .adult span {font-weight: normal;display: inline-block;}

.hotel-booking .com-btn {border: 0.1px solid var(--color-primary);color: var(--color-primary);display: inline;padding: 0.5rem 1rem;font-size: 1.2rem;font-weight: 500;width: auto;border-radius: 0.8rem;text-decoration: none;}
.hotel-booking .com-btn:hover {background: var(--color-primary);color: #FFFFFF;}

.hotel-booking .add-room-btn {margin: 0;float: left;}
.hotel-booking .child-box {width: auto;float: left;height: auto;margin: 0 0 1rem 0;}

.hotel-booking .left-holder {display: inline-block;width: 50%;}
.hotel-booking .left-holder .adult {margin: 0;font-size: 1.3rem;display: inline-block;line-height: 2rem;text-align: left;font-weight: 500;}
.hotel-booking .left-holder .count button {color: var(--color-primary);background-color: #FFFFFF;border: 0;border-radius: 100%;width: 3rem;height: 3rem;line-height: 3rem;text-align: center;box-shadow: 0rem 0rem 0.8rem #FAE8EE, 0rem 0rem 0.4rem rgba(0, 0, 0, 0.25);}
.hotel-booking .left-holder .count button:hover {background: var(--color-primary);color: #FFFFFF;}
.hotel-booking .left-holder .count input.quntity-input {width: 3rem;height: 3rem;margin: 0 0.5rem;text-align: center;padding: 0;border: 0;border-radius: 0.4rem;box-shadow: 0rem 0rem 0.8rem #FAE8EE, 0rem 0rem 0.4rem rgba(0, 0, 0, 0.25);}

.modify-bar .hotel-box {display: flex;justify-content: space-between;position: relative;}
.modify-bar .location {width: 25%;margin: 0 1% 0 0;}
.modify-bar .check-in {width: 18%;margin: 0 1% 0 0;}
.modify-bar .check-out {width: 18%;margin: 0 1% 0 0;}
.modify-bar .room-input {width: 22%;margin: 0 1% 0 0;}

.passenger-holder .select2-container .select2-container--default .select2-container--open {width: 100% !important;}

.select2-container--default .select2-results > .select2-results__options {max-height: 350px;}

.plus:before {content: "";font-size: 2.2rem;font-weight: bold;color: var(--color-primary);line-height: 0;}
.minus:before {content: "";font-weight: 600;font-size: 2.2rem;color: var(--color-primary);line-height: 0;}

.star {color: #FF7A00;}
.star svg {font-size: 1.4rem;}

/*hotel listing start*/
.hotel-box {width: 100%;display: block;padding: 1.5rem 0;margin: 0 auto 2rem;}

/*slider start*/
.hotel-slider {text-align: center;border-radius: 0.6rem 0px 0px 0.6rem;}
.hotel-slider .form-box img {max-width: 100%;width: 100%;border-radius: 0.6rem 0px 0px 0.6rem;}
.hotel-slider .slick-dots {bottom: 0.8rem;height: 0.8rem;width: 100%;text-align: center;}
.hotel-slider .slick-dots li {margin: 0;}
.hotel-slider .slick-dots li button {width: 100%;height: 1.5rem;padding: 0;text-indent: -9999px;}
.hotel-slider .slick-dots li {height: 0.8rem;width: 0.8rem;margin: 0 0.8rem;}
.hotel-slider .slick-dots li button:before {height: 0.8rem;width: 0.8rem !important;border-radius: 5rem;background: #D2D2D2;top: 0;}
.hotel-slider .slick-dots li.slick-active button:before {background: #CA2A68 !important;}
.hotel-slider.slick-dotted.slick-slider {margin-bottom: 0px !important;}

.hotel-title-box {width: 100%;display: block;position: relative;padding: 1.6rem 1.6rem 1.6rem 1rem;}
.hotel-title-box h3 {margin: 0 0 1rem;color: var(--color-primary);font-size: 2rem;font-weight: 700;line-height: normal;text-transform: uppercase;}
.hotel-title-box h3 span {display: block;color: #000000;font-size: 1.8rem;font-weight: 700;line-height: normal;text-transform: capitalize;}
.hotel-title-box a.showmap {color: #7E7E7E;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: normal;text-decoration: none;position: relative;padding: 0 0 0 2.4rem;}
.hotel-title-box a.showmap:hover {color: var(--color-primary);}
.hotel-title-box a.showmap:hover .map {background-position: -12px -143px;}
.hotel-title-box a.showmap .map {position: absolute;width: 2rem;height: 2rem;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -12px -118px;}
.hotel-title-box .star-box {justify-content: space-between;display: flex;}
.hotel-title-box .star-box .review {color: #2C3039;font-size: 1.4rem;justify-content: space-between;display: inline-flex;font-weight: 700;line-height: normal;align-items: center;}
.hotel-title-box .star-box .review .r-text {margin: 0 1rem 0 0;}
.hotel-title-box .star-box .review span {display: block;color: #7E7E7E;font-size: 1.2rem;font-weight: 400;line-height: normal;}
.hotel-title-box .star-box .review .number {background: #60D669;color: #FFFFFF;padding: 1rem;}

#amenities-nav ul.amin-icons li {display: inline-block;width: calc(33.33% - 0.2rem);margin: 0 0 1rem;color: #555555;font-size: 1.4rem;font-weight: 700;padding: 0 0 0 2.5rem;position: relative;width: calc(20% - 0.3rem);}

ul.amin-icons {margin: 1.6rem 0 0 0;}
ul.amin-icons li {display: inline-block;width: calc(33.33% - 0.2rem);margin: 0 0 1rem;color: #555555;font-size: 1.4rem;font-weight: 700;padding: 0 0 0 2.5rem;position: relative;width: calc(33.33% - 0.2rem);}
ul.amin-icons li .am-icon1 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -47px -118px;}
ul.amin-icons li .am-icon2 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -85px -118px;}
ul.amin-icons li .am-icon3 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -120px -118px;}
ul.amin-icons li .am-icon4 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -153px -118px;}
ul.amin-icons li .am-icon5 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -187px -118px;}
ul.amin-icons li .am-icon6 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -223px -118px;}
ul.amin-icons li .am-icon7 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -259px -118px;}
ul.amin-icons li .am-icon8 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -293px -118px;}
ul.amin-icons li .am-icon9 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -329px -118px;}
ul.amin-icons li .am-icon10 {position: absolute;width: 20px;height: 20px;top: 0;left: 0;background: url(../../../Images/sprite.png) no-repeat;background-position: -363px -118px;}

.res-pricing {padding: 0rem 1rem 0rem 1.6rem;border-left: 1px solid #EEEEEE;margin: 1.6rem 0;}

.dis-box {text-align: center;}
.dis-box .start-form {color: #000000;font-size: 1.4rem;font-weight: 700;line-height: normal;margin: 0 0 0.5rem 0;}
.dis-box a.main-price {font-size: 1.4rem;color: #2C3039;font-weight: 400;line-height: normal;text-decoration: none;margin: 0 0 0.5rem 0;display: block;}
.dis-box a.main-price span {color: #CA2A68;font-size: 2.4rem;font-weight: 700;text-decoration: none;line-height: normal;}
.dis-box a.discount-price {font-size: 1rem;color: #2C3039;font-weight: 400;line-height: normal;text-decoration: none;margin: 0 0 0.5rem 0;display: block;}
.dis-box a.discount-price span {color: #CA2A68;font-size: 1.4rem;font-weight: 700;text-decoration: line-through;line-height: normal;}

.showhide-btn {margin: 2.5rem 0 0 0;}

/**photo slider Banner CSS start**/
.photo-gallery-slider {width: 100%;display: block;min-width: 100% !important;}
.photo-gallery-slider .slick-slide {border-radius: 1.5rem;overflow: hidden;}
.photo-gallery-slider .slick-dots {display: inline-block;width: auto;right: 1.5rem;bottom: 1.5rem;}
.photo-gallery-slider .slick-dots li button,
.photo-gallery-slider .slick-dots li {padding: 0.4rem;width: auto;height: auto;}
.photo-gallery-slider .slick-dots li.slick-active button:before {opacity: 1;}
.photo-gallery-slider .slick-dots li button:before {background: #FFFFFF;border-radius: 2rem;width: 1.5rem;height: 1.5rem;text-indent: -9999px;opacity: 0.8;}
.photo-gallery-slider .slick-arrow {display: none !important;}

/*lightbox gallery start*/
.gallery {width: 100%;margin: 0px auto 0;}
.gallery a {display: block;text-decoration: none;overflow: hidden;margin: 1rem;outline: none;border-radius: 0.8rem;}
.gallery a:nth-child(1), .gallery a:nth-child(6) {width: calc(50% - 20px);height: 410px;float: left;}
.gallery a:nth-child(2), .gallery a:nth-child(3), .gallery a:nth-child(4), .gallery a:nth-child(5), .gallery a:nth-child(7), .gallery a:nth-child(8), .gallery a:nth-child(9), .gallery a:nth-child(10) {width: calc(25% - 20px);height: 195px;float: left;}
.gallery a:nth-child(1) .bg, .gallery a:nth-child(6) .bg {height: 410px;}
.gallery a:nth-child(2) .bg, .gallery a:nth-child(3) .bg, .gallery a:nth-child(4) .bg, .gallery a:nth-child(5) .bg, .gallery a:nth-child(7) .bg, .gallery a:nth-child(8) .bg, .gallery a:nth-child(9) .bg, .gallery a:nth-child(10) .bg {height: 195px;}
.gallery a img {height: 100%;transform: scale(1, 1);transition: all 300ms ease;border-radius: 0.8rem;padding: 1rem;}
.gallery a img:hover {transform: scale(1.1, 1.1);border-radius: 0.8rem;}

.bg {width: 100%;float: left;background-size: cover;border-radius: 0.8rem;transform: scale(1, 1);transition: all 300ms ease;}
.bg:hover {transform: scale(1.1, 1.1);border-radius: 0.8rem;}

.fancybox-navigation .fancybox-button--arrow_right {right: 20%;}
.fancybox-navigation .fancybox-button--arrow_left {left: 20%;}

/*lightbox gallery end*/
/**photo slider Banner CSS end**/

/*room type start*/
.hotel-thumb img {max-width: 100%;width: 100%;height: 135px;border-radius: 0.4rem;}

.tab-title {color: var(--color-primary);font-size: 1.6rem;font-weight: 700;line-height: normal;}
.tab-title span {color: #555555;font-size: 1.4rem;display: block;margin: 0.5rem 0;}

#roomtype .table-bordered td, #roomtype .table-bordered th {padding: 1rem;}

.facility-list {padding: 0.5rem 0 0 0;}
.facility-list ul {margin: 0;padding: 0;}
.facility-list ul li {font-size: 1.3rem;font-weight: 400;position: relative;padding: 0 0 0 1.2rem;line-height: normal;display: block;color: #7E7E7E;}
.facility-list ul li:before {position: absolute;left: 0;top: 0.6rem;content: "";background: var(--color-primary);width: 0.4rem;height: 0.4rem;border-radius: 5rem;}
.facility-list .add-btn a {font-size: 1.4rem !important;}

.tab-check .checkform label {color: #555555;cursor:pointer;}
.tab-check .checkform label strong {color: #2C3039;font-weight: 700;}

ul.roomtype {margin: 0;padding: 0;}
ul.roomtype li {font-size: 1.3rem;font-weight: 400;position: relative;padding: 0 0 0 1.2rem;line-height: normal;display: inline-block;color: #2C3039;width: calc(33.33% - 3px);}
ul.roomtype li:before {position: absolute;left: 0;top: 0.6rem;content: "";background: var(--color-primary);width: 0.4rem;height: 0.4rem;border-radius: 5rem;}

.meals {text-align: center;}
.meals a {text-align: center;color: #2C3039;text-decoration: none;}
.meals img {display: block;margin: 0 auto;height: 24px;width: 24px;}

ul.popup-list {margin: 0;padding: 0;}
ul.popup-list li {font-size: 1.3rem;font-weight: 400;position: relative;padding: 0 0 0 1.2rem;line-height: normal;display: inline-block;color: #2C3039;width: calc(50% - 3px);}
ul.popup-list li:before {position: absolute;left: 0;top: 0.6rem;content: "";background: var(--color-primary);width: 0.4rem;height: 0.4rem;border-radius: 5rem;}

ul.overviewlist {margin: 0;padding: 0;}
ul.overviewlist li {font-size: 1.3rem;font-weight: 400;position: relative;padding: 0 0 0 1.2rem;line-height: normal;display: block;font-size: 1.4rem;color: #2C3039;margin: 0 0 0.5rem 0;}
ul.overviewlist li:before {position: absolute;left: 0;top: 0.6rem;content: "";background: var(--color-primary);width: 0.4rem;height: 0.4rem;border-radius: 5rem;background: #2C3039;width: 0.5rem;height: 0.5rem;}

.rating {color: #2C3039;font-size: 1.4rem;justify-content: space-between;display: inline-flex;font-weight: 700;line-height: normal;align-items: center;}
.rating span {display: block;color: #7E7E7E;font-size: 1.2rem;font-weight: 400;line-height: normal;}
.rating .number {background: #60D669;color: #FFFFFF;padding: 1rem;margin: 0 1rem 0 0;}

/*Review start*/
.progress-section {padding: 1rem 0rem;margin: 0;width: 80%;}
.progress-section .task-progress {margin: 1rem 4% 1rem 0;display: inline-block;width: calc(46% - 2px);}
.progress-section .task-progress p {display: flex;justify-content: space-between;align-items: center;color: #555555;font-size: 1.4rem;}
.progress-section span {color: #555555;font-size: 1.4rem;}
.progress-section .progress {width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;border-radius: 0.8rem;height: 8px;}
.progress-section .progress::-webkit-progress-bar {background-color: #D2D2D2}
.progress-section .progress::-webkit-progress-bar,
.progress-section .progress::-webkit-progress-value {border-radius: 0.8rem;}
.progress-section .progress::-moz-progress-bar {border-radius: 0.8rem;}
.progress-section .progress1::-webkit-progress-value {background: #FF7A00;}

#sendmail-hotel .showhide-btn a.btn-primary {font-size: 1.4rem;padding: 0.5rem 2rem !important;border-radius: 5rem !important;}

.boxshadow {background: #FFFFFF;box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);border-radius: 0.4rem;padding: 0rem;width: 100%;float: left;margin: 0 0 2rem 0;}
.boxshadow .hotel-box {padding: 0;}
.boxshadow .train-box {margin: 1.6rem;}
/*Review end*/
/*room type end*/

/*blockUI Loader*/
.blockUI {z-index: 1051 !important;background: rgba(0, 0, 0, 0.5);}
.blockUI.blockMsg.blockPage {width: 200px !important;height: 140px !important;left: 50% !important;margin-left: -75px !important;top: 30% !important;background: transparent;border:0 !important;border-radius:5px;}
.blockUI.blockMsg.blockPage img {border-radius: 8px;background-color:white;padding: 20px;}



/*Loader*/
.loaderdiv{position:absolute;left:50%;top:55%;transform:translate(-50%,50%); }
.loader {width: 10px;height: 10px;border-radius: 50%;display: block;position: relative;top:50%;background: #FFF;box-shadow: -24px 0 #FFF, 24px 0 #FFF;box-sizing: border-box;animation: shadowPulse 2s linear infinite;}
@keyframes shadowPulse {
33% {background: #FFF;box-shadow: -24px 0 var(--color-primary), 24px 0 #FFF;}
66% {background: var(--color-primary);box-shadow: -24px 0 #FFF, 24px 0 #FFF;}
100% {background: #FFF;box-shadow: -24px 0 #FFF, 24px 0 var(--color-primary);}
}

/*CHECKPNR STATUS LOADER*/
.clsCrPNRStatus .clsCurrentSts .loaderdiv{top:-55%;left:90%;}

/*OTP PENDING*/
#_OTPPending .schedule-box.clsCnclOTP .card-header{background:#fff;}
#_OTPPending .schedule-box.clsCnclOTP .card-header svg{height:16px;padding-left:5px;}
#_OTPPending .booking {margin-bottom:15px;}

.otpleft{display:flex;justify-content:center;align-items:center;}
.resndotp {color:#8392a5;font-size:1.6rem;font-weight:700;}
.resndotp .countdowntimer{color:#000;}

/*otp renewal*/
#_OTPRenewal .renewaltype{padding-bottom:20px;display:flex;justify-content:center}
#_OTPRenewal .train-box.renewal table tr td:first-child,#_OTPRenewal .train-box.renewal table tr td:nth-child(3){font-weight:700;}

/*Cancel ticket*/

#Cncltckt .social {color: #2C3039;font-size: 2.4rem;line-height: 3rem;font-weight: 300;}
#Cncltckt .pnr-view {margin: 0rem 0rem 1rem 0rem;}
#Cncltckt ul.book-ticket {margin: 0 0rem;}
#Cncltckt .pnr-table {padding: 0.5rem 0rem 0rem 0rem;}
#Cncltckt .pnr-table .checkform .form-group{margin-top:10px;}

#Cncltckt .table-responsive ,#schedule .modal-body .clsStationData {height:250px;overflow-y:scroll;}
#Cncltckt .table-responsive thead  tr th,#schedule .modal-body .clsStationData thead  tr th{position:sticky;top:0;z-index:1;}
#Cncltckt .table-responsive::-webkit-scrollbar,#schedule .clsStationData::-webkit-scrollbar {width: 5px;height:5px;}
#Cncltckt .table-responsive::-webkit-scrollbar-track,#schedule .clsStationData::-webkit-scrollbar-track {background-color: #f3f3f3;border-left: 1px solid #ededed;}
#Cncltckt .table-responsive::-webkit-scrollbar-thumb,#schedule .clsStationData::-webkit-scrollbar-thumb{background: #757575 !important;border-radius: 0;}

/*Pending Track*/
#_PendingTrack .bookinglabels{font-size: 16px;}
#_PendingTrack .colon{float: right;font-size: 16px;}
#_PendingTrack .bookinginfos{font-weight: 700;font-size: 16px;}
#_PendingTrack .agencydetails h5{font-size: 18px;font-weight: 600;}
#_PendingTrack .agencydetails .heading{font-size: 16px;font-weight: 600;}
#_PendingTrack .row{margin-top: 5px;}
#_PendingTrack .crntblnclabel,#_PendingTrack .crntblnclcrdtlabel{color: var(--color-primary);font-weight: 600;}

/*Print Ticket*/
.PrintTicketheader{display:flex;justify-content:space-between;height:40px;background:linear-gradient(90deg, #C92A69 0%, var(--color-primary) 100%);color:#fff;padding:5px;align-items:center;cursor:pointer;}
.PrintTicketheader #print{color:#fff;font-weight:700;font-size:16px;}
.PrintTicketheader svg{font-size:20px;}
.PrintTicketheader .fa-arrow-left{background:#fff;border-radius:50%;color:var(--color-primary);padding:6px 7px;margin-right:5px;}
.PrintTicketheader .fa-print{border:1px solid #fff;border-radius:50%;padding:5px 6px;}

.clsdisabled {background-color: rgba(228, 228, 228, 1) !important;cursor: no-drop !important;}
select.clsdisabled {color:#D2D2D2 !important;}

/* ===============================  
       lobibox section
================================== */

body .lobibox-icon-wrapper img {margin: 30px auto 0;opacity:1}
body .lobibox-footer button.btn.btn-success, body .lobibox-footer button.btn.btn-warning {padding: 7px 25px !important;font-size:12px;}
body .lobibox .btn-success, .lobibox .btn-success:active, .lobibox .btn-success:focus{background-color:#2fbc3f;color:#fff;border:1px solid #2fbc3f;box-shadow:none;outline:none;}
body .lobibox .btn.btn-warning, .lobibox .btn.btn-warning:active, .lobibox .btn.btn-warning:focus{background-color: #f4c42e;color:#fff;border:1px solid #f4c42e;box-shadow:none;}
body .lobibox .btn-warning:not(:disabled):not(.disabled).active:focus, .lobibox .btn-warning:not(:disabled):not(.disabled):active:focus, .lobibox .show>.btn-warning.dropdown-toggle:focus{box-shadow:none;}
body .lobibox .lobibox-body .btn-close{background-image:none;}

.lobibox.lobibox-success .lobibox-header, .lobibox.lobibox-success .lobibox-btn.lobibox-btn-default {background-color: #2fbc3f;}
.lobibox.lobibox-success{background-color: #2fbc3f;}
.lobibox.lobibox-success .lobibox-btn.lobibox-btn-default:hover {background: #2fbc3f;}
span.lobibox-body-text span._Success{color:#2fbc3f;}

.lobibox.lobibox-error , .lobibox.lobibox-error .lobibox-header, .lobibox.lobibox-error .lobibox-btn.lobibox-btn-default {background-color: #f24c51 !important;}
.lobibox.lobibox-error .lobibox-btn.lobibox-btn-default:hover {background: #f24c51;}
span.lobibox-body-text span._error{color:#f24c51;}

.lobibox.lobibox-warning .lobibox-header, .lobibox.lobibox-warning .lobibox-btn.lobibox-btn-default {background-color: #f4c42e !important;}
.lobibox.lobibox-warning .lobibox-btn.lobibox-btn-default:hover {background:#f4c42e;}
span.lobibox-body-text span._warning{color:#f4c42e;}

span.lobibox-body-text{font-size:14px;}

@media (max-width: 768px) {
    .lobibox .lobibox-header{width: 20%;margin-left: 0;}
    .lobibox .lobibox-body {width: 80%;margin-left: 0;}
    .lobibox .lobibox-footer {width: 80%;margin-left: 0;max-width: 100%;}
}

/* ADD A TRANSITION EFFECT TO THE TITLE ATTRIBUTE  ADJUST THE DURATION AS NEEDED */
a[title]:hover:after {content: attr(title);position: absolute;padding: 10px;background: #fff;border: 1px solid #ccc;z-index: 1;opacity: 0;transition: opacity 0.2s ease-in-out;}
a[title]:hover:after {opacity: 1;}

/*data table*/
#tbl_passengerDetails_wrapper .dataTables_scrollBody #tbl_passengerDetails .dt-body-center{text-align:left;}
#tbl_passengerDetails_wrapper .dataTables_scrollHead {display: none;}
#tbl_passengerDetails_wrapper .dataTables_scrollBody table thead div {height: auto !important;padding: 6px !important;overflow: visible !important;}
table.dataTable thead>tr>th.sorting{padding-right:0px;}

/*booked ticket*/
.bookticket_overall {width: 90%;margin: 2% auto;border-radius: 0px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);background:#fff;padding: 0 40px;}
.bookticket_overall .Headertable {color: #37474f;font-size: 22px;font-weight: 700;padding: 10px 0px;margin-bottom: 15px;border-bottom: 1px dashed #ddd;}
.bookticket_overall .SuccessMsg {font-size: 20px;color: #0c902a;text-align: center;margin-bottom: 15px;background: #fff;font-weight: 500;}
.bookticket_overall .SuccessMsg i {font-size: 20px;border: 1px solid #0c902a;border-radius: 50%;color: #0c902a;padding: 6px;margin-right: 10px;}
.bookticket_overall .infoMsg {font-size: 18px;color: #f02011;text-align: center;background: #fff;font-weight: 500;}
.bookticket_overall .infoMsg i {font-size: 50px;color: #f02011;margin-bottom:5px;}
.bookticket_overall .infoMsg img{width: 70px;}
.bookticket_overall .infoMsg .infospan{text-align: center;display: block;font-weight: 600;}
.bookticket_overall .bookedstatus{font-size: 20px;font-weight: 600;text-align: center;margin-bottom: 10px }
.bookticket_overall .sap_tabs{text-align: center;margin-bottom: 15px;}
.bookticket_overall .TxBandNew {background-color: transparent;padding: 10px 0px 0px 15px;font-size: 15px;font-weight: 600;color: var(--color-primary);}
.bookticket_overall .CSSTableGenerator {margin:0px;width:100%;}

.ticket {position: relative;}
.ticket::before {left: -1px; border-radius: 0px 80px 80px 0px; box-shadow: 1px 0px 0px 1px #ccc;}
.ticket::after {right: -1px; border-radius: 80px 0px 0px 80px; box-shadow: -1px 0px 0px 1px #ccc;}
.ticket::before, .ticket::after {content:'';position: absolute;top: 50%; height: 54px; width: 25px; border: none; z-index: 0; background: #f7f7f9;}

.bookticket_overall .FareTable tr:last-child td {padding: 7px 6px;font-weight: 600;color: #000;}

.ClsW2Spnr{cursor:pointer;text-decoration: none;color: #2C3039;}
.clsManageBooking  .change-station .loaderdiv{top:0;}
.clsManageBooking  .clspaxdetails .pnr-no{position:relative;}
.clsManageBooking  .clspaxdetails .r-box .curntsts .pnr-no{min-height:54px;}
.clsManageBooking .clspaxdetails .loaderdiv{top:unset;left:10%;}
/*-------------------------------
          Session Expired
--------------------------------*/

.clsBoxShdow {width: 70%;margin: 0 auto;margin-top:0%;}
.clsBoxShdow .clsMyLabel {text-align: center;text-transform: capitalize;font-size: 25px;letter-spacing: 0.2px;}
.clsBoxShdow h3.clsMyLabel {color: var(--color-primary);font-weight: 600;float: left;width: 100%;margin-bottom: 0px;padding-bottom: 20px;margin-top:5%;}
.clsBoxShdow h4.clsMySubLabel {color: var(--color-primary);text-align: center !important;font-size: 20px;font-weight: normal;}
.clsBoxShdow h3.clsMyLabel span {color: #182d42;}
.clsBoxShdow .clsBody {float: left;width: 100%;padding-top:0px;}
.clsBoxShdow .cont-rt {float:left;width:30%;}
.clsBoxShdow .bg-imgs {background-image: url(../../../Images/RIYA/session-R.png);background-repeat: no-repeat;width: 300px;height: 300px;margin: 0 auto;}
.clsBoxShdow ul.clsUlContent {padding-left: 20px;font-size: 17px;line-height: 32px;margin-left:28%;list-style-type: disc; font-family: var(--font-family);}
.clsBoxShdow .clsButton {letter-spacing: 0.5px;font-size: 16px;padding: 10px 15px;text-decoration: none;font-family: var(--font-family) !important;margin-left:42%;}
.clsBoxShdow .btnsec {float: right;text-align: center;margin: 0;margin-bottom: 20px;width: 100%;}

#mdldeletetrck label span{display:block;margin-top: 10px;font-size: 12px;letter-spacing: 1px;}

/*pagenot found*/
.pagenotfound .banner-style-one {position: relative;height: 100vh;}
.pagenotfound .banner-style-one [class*=bubble-] {width: 26px;height: 26px;border-radius: 50%;position: absolute;animation: bubbleMover 9s linear infinite;perspective: 100px;}

.pagenotfound .right-bubble img {position: absolute;width: 300px;height: 50%;transition: none 0s ease 0s;left: -190px;top: 65px;}
.pagenotfound .left-bubble img {z-index: 0;position: absolute;right: 0;width: 30%;bottom:0px;}

.pagenotfound .banner-style-one .bubble-1 {background-color: #fff7e0;border-color: #ffdd83;top: 10px;left: 20px;}
.pagenotfound .banner-style-one .bubble-2 {background-color: #fff1ec;border-color: #ffb59d;bottom: 330px;left: 10%;}
.pagenotfound .banner-style-one .bubble-3 {background-color: #ebf3ff;border-color: #b9d4ff;top: 40px;left: 40%;}
.pagenotfound .banner-style-one .bubble-4 {background-color: #ddffe4;border-color: #93ff6d;top: 10px;right: 40%;}
.pagenotfound .banner-style-one .bubble-5 {background-color: #ede8ff;border-color: #a98fff;bottom: 330px;right: 35%;}
.pagenotfound .banner-style-one .bubble-6 {background-color: #ffe8fb;border-color: #ffa6ef;top: 65%;right:30%;}

.pagenotfound .R_ProductTrain {font-size: 13px;background: url('../../../Images/footer.png') no-repeat;background-repeat: no-repeat;background-position: bottom;background-size: contain;background-color: #fff !important;text-transform: capitalize !important;height: 100%;overflow-y: hidden;}
.pagenotfound .R_ProductTrain  h3{color: red;font-size: 18px;letter-spacing: 0.5px}
.pagenotfound .R_ProductTrain  h4{font-size: 16px;font-weight: 700;}
.pagenotfound .R_ProductTrain .clspagenotfound {padding: 20px;border-left: solid 3px #fe4e12;background-color: #fff;width: 60%;min-height: 300px;margin: auto;padding-top: 20px;box-shadow: 0px 0px 5px 1px #ccc;position: relative;top: -1px;z-index: 1;text-align: center;margin-top: 5%;display: flex;justify-content: center;align-items: center;}
.pagenotfound .R_ProductTrain .notfound-content{padding: 20px;}

@keyframes bubbleMover{
0% {transform: translateY(0px) translateX(0) rotate(0);}
30% {transform: translateY(30px) translateX(50px) rotate(15deg);transform-origin: center center;}
50% {transform: translateY(50px) translateX(100px) rotate(45deg);transform-origin: right bottom;}
80% {transform: translateY(30px) translateX(50px) rotate(15deg);transform-origin: left top;}
100% {transform: translateY(0px) translateX(0) rotate(0);transform-origin: center center;}
}

/*cookiees*/
.cookiees.rail-list {margin: 0 auto;text-align: center;width: 1000px;height: 99vh;font-size:15px;}
.cookiees img {width: 250px;margin-top: 50px;}
.cookiees .cookie-content{font-size:1.7rem;padding: 0 140px;}

/*Pnrcancellation*/
.__pnrcancelBtn{padding:15px;text-align:center;}
.__pnrcancelBtn button{margin:0 5px;}
#mdtktcnal textarea{height:43px !important;}
#mdtktcnal .modal-body p{margin-bottom:24px;}
#mdtktcnal .modal-body{padding-bottom:0px;}
#mdtktcnal .modal-footer{text-align:center;justify-content:center;}
.cancel-box .__pnrlink{float: right;padding-right: 40px;}
.cancel-box .pnr-book{padding-bottom:5px;}
.clssuccesspage .full-width a{padding:5px !important;}

.clssuccesspage .clsbtnresearch a.btn{width:48%;padding:6px 5px;}
.clssuccesspage .clsbtnresearch a.btn:first-child{margin-right:5px;}

.schedule-box.cancel-box .pnr-view .social{font-size: 19px;color: #2C3039;font-weight: 500;}


/*Table*/
.managebook_table{background: #fff;border: 0.1rem solid #FFF1F6;border-radius: 0.8rem;margin: 0 0 2rem 0;overflow: visible;}
.managebook_table table{position: relative;}
.managebook_table table thead{}
.managebook_table table thead tr{}
.managebook_table table thead tr {position: sticky;top: 0;z-index: 1;width: 100%;}
.managebook_table table thead tr th{box-shadow: none;background: #FFF1F6;padding: 0;font-family: "Nunito";border: 0;line-height: 2px;color: #555555;font-weight: 700 !important;height: 50px;font-size: 16px !important;vertical-align: middle;text-transform: capitalize;}
.managebook_table table thead tr th div{padding: 7px 6px;/*white-space: nowrap;*/position: relative;width: 100%;line-height: 2;}
.managebook_table table tbody tr{border-bottom: 1px solid #f5f5f5;}
.managebook_table table tbody tr td{font-size: 1.4rem;border-bottom: 0px solid #D6D5D7;cursor: default;overflow: visible;vertical-align: middle;border-right: 0;padding:0;}
.managebook_table table tbody tr td div{padding: 1rem !important;overflow: visible;text-overflow: ellipsis;white-space:nowrap;}
.managebook_table table tbody tr td .tooltip{float:none;padding: 0 !important;}
.managebook_table table tbody tr td .tooltip span:first-child{font-size:14px;font-weight:600;}

/*CHECK USER AVAILABILITY STATUS*/

.__checkuser .card-header h1{padding-bottom:0px;font-size:2rem}
.__checkuser .card-body {border-bottom:none !important;}
.__checkuser .arrow-downic {position: absolute;right: 3rem;top: 4rem;}

#MdCovidPop .modal-header h5.modal-title{font-size:2rem;}
#MdCovidPop .modal-body img{width:100%;}

/*New text animate CSS*/
.__clsNew{position: absolute;top: -10px;right: 5px;background: #ff0042;padding: 1px 4px;font-size: 12px;border-radius: 2px;font-weight: 600;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;color: #ffffff;animation: pulse 1.5s infinite;background-image: linear-gradient(293deg, #f5515f, #9f0469);background-image: linear-gradient(to right, rgb(67, 225, 168), rgb(33, 147, 147));}
@keyframes pulse {0% {transform: scale(1);opacity: 1;}50% {transform: scale(1.2);opacity: 1;}100% {transform: scale(1);opacity: 1;}}

/*Responsive*/

@media (min-width: 769px) and (max-width: 991px) {
    ul.clsUlContent {margin-left:8%;}
    .alert{width:25%;}
    .m-r-20 {margin-right: 0.2rem;}
    .m-l-20 {margin-left: 0.2rem;}
    .btn-primary {padding: 0.4rem 1rem !important;font-size: 1.3rem;}
    .btn-secondary {padding: 0.2rem 1rem;font-size: 1.4rem;}
    
    /*common css for all page col*/
    .manage-acco .btn-link {font-size: 1.6rem;}
    .manage-acco .col{flex:none;max-width:33%;width:100%;}
    .manage-acco .row:nth-child(2) .col .form-control{margin-bottom:10px;}
    
     /*common css for ul li */
     ul.cl-details li,ul.book-ticket li{display:flex;justify-content:space-between;width:100%;font-size:14px;}
     ul.cl-details li span,ul.book-ticket li span{font-size:14px;}
     ul.book-ticket li:nth-child(2) ,
     ul.book-ticket li:nth-child(3) {text-align: left;}
     ul.book-ticket li:last-child {text-align: right;}
     
    /*Common*/
    .pnr-table .train-box tr td,
    .pnr-table .train-box tr th {font-size: 1.4rem;padding: 0.5rem;line-height: 3rem;}

    /*Filter*/
    .clsAvailBind .f-mobile{width:20%;}
    .filter-box .filter-info .filter-title .title-n{font-size:1.4rem;}
    .filter-box .filter-info .filter-title a.clear-tags{top:13px;}
    .filter-box{padding:0.5rem;}
    .filter-box .filter-tags{margin-top:2rem;}
    .filter-box .filter-tags li{margin:5px;padding:5px;}
    .filter-box .filter-tags li:after{display:none;}
    .filter-box .filter-items .filter-head{font-size:1.4rem}
    .filter-box .filter-items input[type=checkbox] + label:before{padding:7px;margin-right:5px}
    .filter-box .filter-items input[type=checkbox]:checked + label:after{width:8px;height:8px;}

    /*rail list*/
    .clsAvailBind .rail-list{width:80%;}
    .rail-list .t-details{font-size:14px;}
    .rail-list .found-train{display:block;}
    .rail-list .found-train .found-right{width:100% !important;}
    .rail-list .schedule-box .train-name .train-head{font-size:1.6rem;}
    .rail-list .schedule-box .time-depature, .rail-list .schedule-box .time-total, .rail-list .schedule-box .time-arrival {font-size: 1.4rem;}
    .rail-list .schedule-box .train-time span.upper{display:block;}
    .rail-list .schedule-box ul.ticket-list li{min-width:25%;font-size:1.2rem;padding:5px;margin:0px 5px 5px 0px;}
    .rail-list .schedule-box .p-details,.rail-list .schedule-box .status{font-size:1.2rem;}
    .rail-list .schedule-box .ticket-list::-webkit-scrollbar{display:none;}
    .rail-list .t-details ul.f-right {margin: -21px 40px 0 0;padding: 0;float: right;}
    .rail-list .clsbindtrains .ticket-tab{overflow:hidden;}
    .rail-list .clsbindtrains .ticket-tab .clsfinal .text{padding:2px;}
    .rail-list .clsbindtrains .ticket-tab .clsfinal .price-details li{padding:0px !important;font-size:1.4rem;}
    .rail-list .clsbindtrains .ticket-tab .clsfinal ul.price-details li.total-price{font-size:1.5rem !important;}
    .rail-list .schedule-box .ticket-tab .book-now{padding:0 1rem;font-size:1.5rem;}
    .rail-list .schedule-box .ticket-tab .p-box{font-size:2rem;}
    .rail-list .schedule-box .train-time .time-total:before {left: 0px;}
    .rail-list .schedule-box .train-time .time-total:after {right: 0px;}

    .rail-list .train-detailsscrol{transform:translateY(calc(100% - 160px));width:78%;}

    /*Train Ticket Booking*/
    .book-train .ticket-box .recent-box ul.recent-list{height:100%;}
    .book-train .book-head{flex-direction:column;}
    .book-train .book-head .left-box{font-size:2rem}
    .book-train .book-head .right-box{width:100%;font-size:14px;margin:0;}
    .book-train .book-head .right-box .opt-base{width:43%;}
    .book-train .book-head .right-box .down-select{width:35%;}
    .book-train .ticket-box {padding: 20px;}
     .book-train .ticket-box .error{padding:0;}
    .book-train .ticket-box .search-now{font-size:1.4rem;top:0;}
    .book-train .ticket-box .quota-box .tooltip {top: 3.3rem;}
    .book-train .ticket-box .agentinputbox{width:100%;}
    .quick ul.q-link li span{font-size:14px;margin:0;}   
    .clsbookingpage.rail-list{width:100%;}
    .clsbookingpage .clsbookpge .clspassdetails .travel-table.clsrows .row .col-md-3{width:33.3%;flex:none;}
    .clsbookingpage .clsbookpge .clspassdetails .travel-table.clsrows .row .col-md-2{width:33.3%;flex:none;}
    .clsbookingpage .clsbookpge .clspassdetails .travel-table.clsrows .row .col-md-1{width:20%;flex:none;}
    .clsbookingpage  #hideChldPass .trinfrows .row.clsinfrs .col-sm-12{width:25%;}
	.clsbookingpage .clspassengerin .clspassdetails .clsrows{margin-bottom:10px;}

    	/*modify search*/
    .modify-bar a.modify-btn{white-space:nowrap;}
    .pnr-bar a.modify-btn{line-height:2;}
    .clsAvailBind .modify-bar .modify-box-avail .row:first-child .col-md-3{width:30%;flex:none;}
    .clsAvailBind .modify-bar .modify-box-avail .row:first-child .col-md-2{width:20%;flex:none;}
    #dvAvailbox.schedule-box:last-child {margin-bottom:100px;}
    /*pnr detials*/
    #_ViewPnr #txtTrainPNR, #_ViewPnr #txtSPNR{font-size:14px;}
    #_ViewPnr .rail-list .schedule-box .train-name .train-head{font-size:14px;}
    #_ViewPnr .rail-list .schedule-box .train-time .time-depature, #_ViewPnr .rail-list .schedule-box .train-time .time-arrival{font-size:14px;}
    #_ViewPnr .n-box .l-box{margin:0.2rem 0 0 0}
    #_ViewPnr .details-info{align-items:baseline;}
    #_ViewPnr .details-info .pnr-id{width:40%;}
    #_ViewPnr .details-info .t-id{width:33%;}

    /*contact details*/
    ul.contact-list{display:block;}
    ul.contact-list li{margin-bottom:10px;}
    
    /*Review booking*/
    .booking-flow ul li{font-size:1.4rem;margin:0;padding:0 5rem 0 3rem;}
    .booking-flow ul li:after{width:4rem;}
    .book-side ul.icon-list {padding:5px !important;}
    .book-side ul.icon-list li a{padding:0rem 0rem 0.5rem 2.5rem !important;font-size:14px;}
    .book-side ul.price-details li {padding:5px !important;font-size:14px;}
    .book-side ul.price-details li.total-price{font-size:14px !important;padding:5px !important;}
    .book-side .btn-secondary {padding: 0.2rem 1rem;font-size: 1.2rem;}    

    .bookingPage .clscashmode label.form-label{font-size:1.4rem !important;}
     
    /*otp pending*/
   .clsOtpPending ul.cl-details li {width: 100%;display:flex;justify-content:space-between;font-size: 1.6rem;}
   .clsOtpPending ul.cl-details li span {font-size: 1.6rem;}
   .clsOtpPending ul.book-ticket li {display: flex;justify-content:space-between;width:100%;padding: 1rem 0 1rem 0;margin: 0rem 0 0rem 0;border-bottom: 0.1rem solid #EEEEEE;text-align:left;}   

   /*cancellation details popup*/
    #Cnclldtpop ul.cl-details {margin: 0 0rem;padding: 0;}
    #Cnclldtpop ul.cl-details li {width:100%;display:flex;align-items:baseline;}
    #Cnclldtpop ul.cl-details li span {padding:0 10px;}
    #Cnclldtpop .travel-table .col-md-3,#Cnclldtpop .travel-table .col-md-4{max-width:100%;flex:none;width:100%;}
    #Cnclldtpop .travel-table .btn-primary {padding: 0.3rem 2rem;font-size: 1.4rem;}
 
     /*tooltip*/
    .heart .tooltip .text{font-size:1.2rem;}
	.clsAvailBind .heart .tooltip > .body {display:none;}

    /*Send mail*/
    #sendmail .form-label.col-md-1{width:23%;}

    /*Checkpnr loader*/
    .clsCrPNRStatus .clsCurrentSts .loaderdiv{bottom:-7%;}

        /*update pending track*/
    #_PendingTrack .bookinglabels{font-size:14px;}
    #_PendingTrack .bookinginfos{font-size:12px;}
}

@media(max-width:768px){
     /*text*/
    .text-middle {text-align: left !important;}
    .text-right {text-align: left !important;}

    /*heading*/
     h3 {font-size: 1.6rem;}
     h1 {font-size: 2rem;}

    /*margin*/
    .mlt {margin: 1.5rem 0 0 0rem;}
    .m-r-20 {margin-right: 0.2rem;}
    .mb-20 {margin: 2rem 0 0 0;}

    /*common*/
    .upper {text-transform: capitalize;font-weight: 400 !important;}
    .m-hide {display: none !important;}
    .view-hide {display: none;}

    .modify-box-mobile {display: flex;}
    .f-mobile {position: relative;}
    
    .openbtn {background-color: #038FE7;padding: 0.7rem 0.7rem 0.1rem;border: none;right: 0;bottom: 0;z-index: 999;position: fixed;display: block;border-radius: 0.6rem 0 0 0.6rem;}
    .openbtn:hover {background-color: #CA2A68;}
     button.openPopup {width: 100%;}
    .width250 {width: 30rem !important;left: 0 !important;}
    .main-box {padding: 0rem 1rem 1.5rem;overflow-x: hidden;}
    .ClsSearchPage input[type=text]{margin:0;}

      /*Alert popup*/
    .alert {width: 100%;margin-bottom: 0;z-index:1;}
    .alert-text {font-size: 1.4rem;}
    .alert-text a {font-size: 1.4rem;}
    .alert .content {padding: 2rem 0 0 0;}
    .alert .content {font-size: 1.4rem;}
    .alert .header span.close{right:4.0rem;}

    /*Modal*/
    .modal-header {line-height: normal;}
    .modal-title {font-size: 1.8rem;line-height: normal;}
    .modal-title span {font-size: 1.4rem;}
    .modal-footer .price-box {font-size: 2rem;}
    .modal-footer .price-number {font-size: 2rem;}

    #MdRulesPop .modal-footer .col-sm-2.float-right{display:flex;justify-content:center;}
    #MdCommon .modal-body .msgthrough .clsmbshare {width:55%;}
    #sendmail .modal-body .send-form .input-group .form-label{display:none}
    #sendmail .modal-body .table-head{font-size:1.7rem !important;}

    /*calendar*/
    .ui-datepicker-multi-2 .ui-datepicker-group {width: 100%;}
    .ui-datepicker.ui-datepicker-multi {z-index: 99 !important;position: absolute !important;left: 0 !important;margin:1rem !important;}
   
    /*Search page*/
    .book-train .ticket-box .train-from .ClsOrg .dropdown-menu, .book-train .ticket-box .train-to .ClsDes .dropdown-menu{top:65px !important;}
    .book-train:before {height: 50%;}
    .book-train .book-head {font-size: 2rem;margin: 0rem 0 1rem 0;display: block;}
    .book-train .book-head .left-box {width: 100%;padding: 1rem 0 0 0;margin: 0 0 0 1%;font-size: 1.6rem;}
    .book-train .book-head .right-box {width: 100%;text-align: left;margin: 0;}
    .book-train .book-head .right-box .opt-base {width: 100%;}
    .book-train .book-head .right-box .tdr_policy_download,.book-train .book-head .right-box .dvdown-select {display: none;}

    .book-train .ticket-box{padding:30px 20px;}
    .book-train .ticket-box .b-train {display: none;}

    .book-train .ticket-box .train-swipe {left: inherit;bottom: 30px;z-index: 1;}
    .book-train .ticket-box a.train-swipe img {vertical-align: middle;width: 50%;transform:rotate(90deg);}

    .book-train .ticket-box p {font-size: 1.2rem;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .book-train .ticket-box label {line-height: normal;font-size: 1.2rem !important;}
    .book-train .ticket-box .calendar-area {width: 100%;padding:10px;margin-bottom:5px;}

    .book-train .ticket-box .class-box {width:100%;padding:10px;margin-bottom:5px;}
    .book-train .ticket-box .class-box .select {font-size: 1.6rem !important;}
    .book-train .ticket-box .class-box .select .caret {margin: 0 0 0 1rem;top:0}

    .book-train .ticket-box .quota-box {margin: 0rem 0 0 0;display: block;}
    .book-train .ticket-box .quota-box .q-label {top: 0rem;width: 100%;margin: 0 0 0.5rem;}
    .book-train .ticket-box .quota-box .quota {width: 100%;display:flex;overflow:scroll;}
    .book-train .ticket-box .quota-box .tooltip {position: relative;top: 0;z-index: 0;}

    .book-train .ticket-box .train-from ,
    .book-train .ticket-box .train-to {width: 100%;margin-bottom:5px;padding:5px;height:auto;}
    .book-train .ticket-box .recent-box {justify-content: flex-start;display: block;}
    .book-train .ticket-box .recent-box .recent-head {margin: 0 0rem 0.5rem 0;}
    .book-train .ticket-box .b-train .radio {width: 100%;display: inline-block;margin: 0rem 0rem 0.5rem 0rem}
    .book-train .ticket-box .b-train .radio .radio-label {font-size: 1.6rem !important;padding: 0.5rem 0.5rem !important;cursor:pointer}
    .book-train .ticket-box .search-now {font-size: 1.4rem;top:0;margin-top:1px}
    .book-train .search-input-box input {font-size: 1.6rem;}

    .quick {margin: 2rem 0 12rem 0;width: 100%;}
    .quick ul.q-link li {width: calc(50% - 1.2rem);display: inline-block;padding: 1rem 0.5rem;margin: 0.5rem 0.5rem 0.5rem;}
    .quick ul.q-link li span {font-size: 1.4rem;line-height: normal;margin: 1rem auto 0;}

     /*service info*/
    .services-info {display: block;margin: 2rem 0 2rem 0;}
    .services-info h1,.quick h1{padding:5px;}
    .services-info ul.services li {padding: 1rem;height:auto !important;}
    .services-info ul.services li span {font-size: 1.4rem;}
    .services-info ul.services li .s-icon1,
    .services-info ul.services li .s-icon2,
    .services-info ul.services li .s-icon3 {margin: 0 0.5rem 0 0;}
    .services-info ul.book-ticket li {display: inline-block;width: calc(100% - 0.2rem);font-size: 1.4rem;padding: 1rem 0 1rem 0;margin: 0rem 0 0rem 0;vertical-align: top;border-bottom: 0.1rem solid #EEEEEE;}
    .services-info ul.book-ticket li:nth-child(2) {text-align: left;}
    .services-info ul.book-ticket li:nth-child(3) {text-align: left;}
    .services-info ul.book-ticket li:last-child {text-align: left;}
    .services-info ul.book-ticket li span {display: block;font-weight: 700;font-size: 1.4rem;}
 
   /*Modify search*/
    .modify-bar .modify-box-avail {display: none;}
    .modify-bar label {margin: 0 0 0rem 0 !important;}
    .modify-bar .from,
    .modify-bar .f-to,
    .modify-bar .t-date,
    .modify-bar .t-class,
    .modify-bar .quota ,.modify-bar .col-md-3,.modify-bar .col-md-2{width: 100%;margin: 0 0 3% 0;}
    .modify-bar a.modify-btn {margin: 1rem 0 0 0;height: 3rem;display: block;width: 100%;line-height: 1.2rem !important;}
    .modify-bar .arrow-swap {position: relative;width: 3%;top: -1.5rem;margin: 0 auto;}

    .modify-bar .train-swipe-in {top: 0.5rem;width: 4rem;height: 4rem;padding: 5px;}
    .modify-bar .train-swipe-in svg {transform: rotate(90deg);}

    /*rail- list --availability*/
    .clsbindtrains{padding-top:10px;}
    .main-box .rail-list, .main-box .container-fluid{padding:0 5px;}

    .rail-list .t-details {font-size: 1.4rem;line-height: normal;display: none;}
    .rail-list .t-details .heart {display: none;}
    .rail-list .t-details .t-time {margin: 0 1.8rem 0 0;}
    .rail-list .t-details ul.f-right li {margin: 0 0 0 0;}
    .rail-list .t-details ul.f-right li svg {font-size: 1.8rem;}
    .rail-list .t-details ul.f-right li .whatsapp,
    .rail-list .t-details ul.f-right li .share {display: none;}
    .rail-list .traveller .passchld label,
    .rail-list .found-train .found-left, .rail-list .found-train .found-right ._Sortsec, .rail-list .found-train .found-right ._searchsec{display: none;}

     .rail-list .schedule-box .train-name {padding: 1.6rem 1.5rem 0rem 1.5rem;}
     .rail-list .schedule-box .train-name .train-head {font-size: 14px;line-height:1.5;}
     /*.rail-list .schedule-box .train-name .refresh {margin: 0 0rem 0 0rem;font-size:14px;line-height:1.5;padding-right:0;}*/
     .rail-list .schedule-box .train-name .refresh {margin: 0 0rem 0 0rem;font-size:14px;line-height:1.5;padding-right:20px;}

     .rail-list .schedule-box .train-time .time-depature {font-size:1.2rem;color:#000;line-height:normal;}
     .rail-list .schedule-box .train-time .time-total {text-align: center;font-size:14px;}
     .rail-list .schedule-box .train-time .time-total:before ,
     .rail-list .schedule-box .train-time .time-total:after {display:none;}
     .rail-list .schedule-box .train-time .time-arrival {font-size:1.2rem;text-align:right;line-height:normal;}
     .rail-list .schedule-box .train-time span {display: block;font-size:13px;}  
     .rail-list .schedule-box .train-time span:first-child{font-size:16px;}

     .clssuccesspage .clstkttrain .train-time .time-arrival{text-align:left;}
     /*.rail-list .clstkttrain .train-time .time-arrival {text-align:left;}
     .rail-list .clstkttrain .train-time .time-depature{text-align:right;}
     .rail-list .clstkttrain .pnr-id span,.rail-list .clstkttrain .pnr-no span,.rail-list .clstkttrain .t-id span {font-size: 1.2rem;}*/

    .rail-list .schedule-box .train-name .refresh input[type=checkbox] + label:before {margin-right: 0rem !important;}     
    .rail-list .schedule-box .train-name .runs {display: none}
    .rail-list .schedule-box .r-head {font-size: 1.2rem;}
    .rail-list .schedule-box ul.ticket-list li {width: calc(50% - 0.9rem);margin: 0 0.5rem 1rem 0.5rem;padding: 6px 10px;font-size:14px;}
    .rail-list .schedule-box ul.ticket-list li:before{top: 7px;}
    .rail-list .schedule-box ul.ticket-list li:nth-child(3) {margin: 0 0.5rem 1rem 0rem;}
    .rail-list .schedule-box ul.ticket-list li:nth-child(5) {margin-left: 0;}
    .rail-list .schedule-box .price-box .tooltip {bottom: 0;top: inherit}
    .rail-list .schedule-box .status {font-size: 1rem;}
    .rail-list .schedule-box .p-details {font-size: 1.4rem;}
    .rail-list .schedule-box .ticket-tab .book-now {font-size: 1.4rem;padding: 0.2rem 1rem;}
    .rail-list .clspassengerin .traveller .checkform label{font-size: 1.4rem !important;}
    .rail-list .gst-box .checkform label{font-size:1.5rem !important; }
    .rail-list.m-l-10 {margin-left: 0rem !important;}

    .rail-list .clsbindtrains .ticket-tab .clsfinal ul.price-details li.total-price,.rail-list .schedule-box .ticket-tab .p-box{font-size:1.5rem !important;}
    .rail-list .schedule-box .ticket-tab .book-date{font-size:1.3rem;white-space:nowrap;}
   
    .tabbable .nav-tabs .nav-item .nav-link {font-size: 1.4rem;padding: 0.5rem 2.5rem 0.5rem 0rem;}
  
     .pnr-info {font-size: 1.2rem;}
     .pnr-info span{font-size:12px;}
     .pending {font-size: 1.2rem;padding: 0.5rem 0.5rem;width:65%;right:0;}
     #txtTrainPNR,#_ViewPnr #txtSPNR{font-size:12px;margin:0;}

    .ticket-info span {font-size: 1.4rem;margin: 0rem 0 0 0;}
    .ticket-info .info-quota {padding: 0.5rem 0.5rem;font-size: 1.2rem;}
    .ticket-info .green {font-size: 1rem;}
    .ticket-info {font-size: 1.4rem;margin-top:0;}

    .boarding {font-size: 1rem;padding: 0 0.5rem;line-height: normal;font-size: 1rem !important;}
    .box-cal .cal-icon {display: none;}
    .box-cal .arrow-box {display: none;}

    #dvAvailbox.rail-list .found-train .found-right{width:100%;}
            
    /*filteration*/
    .filter-box {width: 0;position: fixed;z-index: 1;height: 100%;top: 0;left: -100%;overflow-x: hidden;transition: 0.5s;}
    .filter-box .close-btn {font-size: 3rem;position: absolute;font-weight: 700;top: 0.5rem;right: 1.7rem;z-index: 99;display: block;}
    .filter-box .found-right {margin: 1rem 0 0 0;}
    .filter-box .found-right .sort {text-align: left;font-size: 1.4rem;}
    .filter-box .found-right .train-no{display:flex;align-items:center;}
    .filter-box .found-right .available .form-control,
    .filter-box .found-right .train-no .form-control,.filter-box .found-right .train-no svg {font-size: 1.4rem;}
    .filter-box .filter-info .filter-title a.clear-tags {top: 0rem;right: 25px;}
    .filter-box.width250 .scroll-filter{height:100%;}

    .clsfilterbtn{display:none;}
    .div-hide {display: block;}
    .tooltip {display: none;}
    .dot1, .dot2 {line-height: 0;font-size: 1.2rem;}
    .dot1:after, .dot2:after {width: 1.5rem;height: 1.5rem;}
    .btn-primary {padding: 0.2rem 1rem;font-size: 1.4rem;}
    .btn-secondary {padding: 0.2rem 1rem;font-size: 1.4rem;}
    .confirm-map {padding: 1rem;}
    .board-last:after {left: 1.1rem;}
    .board-last {padding: 0 0 2rem 5.2rem;}
    .travel-table .form-control {border: 0.1rem solid #D2D2D2;margin: 0 0 1.5rem 0;height: 3.5rem;}
    .traveller .col-md-6.offset-1 {margin-left: 0;}
    
    .book-side .filter-box {padding: 1rem 0 0 0;position: relative !important;left: 0;width: 100% !important;height: auto;}
    .book-side ul.price-details li {font-size: 1.4rem;padding: 0.3rem !important;}
    .book-side ul.price-details li.total-price {margin: 0.5rem 0 0 0 !important;padding: 0.5rem 0.3rem !important;font-size: 1.4rem !important;}
    .book-side ul.icon-list li a{font-size:14px;}

    .booking-main .m-r-10 {margin-right: 0rem !important;}
    .station-info {font-size: 1.2rem;}
    .book-travel .modify-bar .modify-box {display: none;}
    .book-travel .boarding {font-size: 1.3rem !important;}
   
    /*Passenger details*/
    .details-info {display: block;}
    .n-box .l-box {width: 6%;margin: 0.2rem 0 0 0;font-size: 1.3rem;}
    .n-box .r-box {width: 94%;}
    .n-box .r-box .details-info span {margin: 0rem 0 0 0;font-size:1.4rem;}
    .n-box .r-box .pnr-id {margin: 0 0 0.5rem 0;width: 100%;line-height: 2.2rem;}
    .n-box .r-box .pnr-no {width: 100%;margin: 0 0 0.5rem 0;line-height: 2.2rem;}
    .n-box .r-box .t-id {width: 100%;text-align: left;line-height: 2.2rem;}
    .quota .tooltip {display: block;}
    .train-box tr th {font-size: 1.4rem;line-height: normal;}
    .train-box tr td {font-size: 1.2rem;}
    .train-box .runs-table ul.cal-list li a {font-size: 1.2rem;}

    .noborder .form-control {width: 15rem;height: 3.5rem;margin: 0 0 0rem 0;font-size: 1.2rem;}
    .noborder .train-box tr th {padding: 0rem 0.5rem 0.5rem 0.5rem;}
    .noborder .train-box tr td {padding: 0.2rem 0.5rem;}

    .pnr-view {display: block;}
    .pnr-view .pnr-book {font-size: 1.8rem;}
    .pnr-view .social {font-size: 1.4rem;}
    .pnr-view .social a {margin: 0 1rem 0 0rem;}
    .pnr-listing .train-box tr td {font-size: 1.4rem;line-height: normal;}
    .pnr-listing .train-box tr td span {font-size: 1.2rem;}
    .pnr-table .train-box tr td,
    .pnr-table .train-box tr th {font-size: 1.4rem;padding: 0.5rem;line-height: 3rem;}

    .noborder .table-select .arrow-down {top: 0.5rem !important;}
    .table-select .arrow-down {top: 1.4rem !important;}
    .ticket-tab .card-body {padding: 0.5rem 1rem !important;}
    .notebox ul li {font-size: 1.2rem;line-height: normal;}
    .terms a {position: absolute;right: 0.3rem;bottom: 0.3rem;top: inherit;font-size: 1rem;}
    .pnr-bar .modify-bar .select {padding: 0.2rem 0.2rem 0.2rem 1rem;}
    .pnr-bar a.modify-btn {margin: 1rem 0 0 0 !important;} 

    .pnr-bar .dropdown {margin: 0 0 1rem 0;}
    #gstDetailsBox .m-b-16 {margin-bottom: 0rem !important;}

    .email-info {font-size: 1.4rem;}
    .email-info a {font-size: 1.4rem;}

    .manage-acco .form-group {margin: 0 0 0rem 0;}
    .manage-acco .btn-link {font-size: 1.6rem;}
    .manage-acco .float-right {float: left !important;}
    .manage-acco .card-body {padding: 1rem 0rem;}
    .booking {font-size: 2rem;}
    .form-control {height: 3.5rem;}

    /*Contact details*/
    ul.contact-list{display:block;}
    ul.contact-list li {margin-bottom:10px;font-size: 1.3rem;}
    ul.contact-list li a {font-size: 1.3rem;}

    #Cncltckt .social {font-size: 1.8rem;}

    /*otp pending*/
   .clsOtpPending ul.cl-details {margin: 0 0rem;padding: 0;}
   .clsOtpPending ul.cl-details li {width: 100%;font-size: 1.4rem;margin: 0 0 1.2rem 0;display:flex}
   .clsOtpPending ul.cl-details li span {font-weight: 700;font-size: 1.4rem;display: block;}
   .clsOtpPending .clsResendotp{margin-bottom:5px;}
   .clsOtpPending ul.book-ticket li {display: flex;justify-content:space-between;width:100%;font-size: 1.4rem;padding: 1rem 0 1rem 0;margin: 0rem 0 0rem 0;vertical-align: top;border-bottom: 0.1rem solid #EEEEEE;text-align:left;}   
   .clsOtpPending ul.book-ticket li span {display: block;font-weight: 700;font-size: 1.4rem;padding:0 5px;}

    /*cancellation details popup*/
    #Cnclldtpop ul.cl-details {margin: 0 0rem;padding: 0;}
    #Cnclldtpop ul.cl-details li {width:100%;font-size: 1.4rem;display:flex;align-items:baseline;}
    #Cnclldtpop ul.cl-details li span {font-weight: 700;font-size: 1.4rem;display: block;padding:0 10px;}

    /*common css for ul li */
     ul.cl-details li,ul.book-ticket li{display:flex;justify-content:space-between;width:100%;font-size:14px;}
     ul.cl-details li span,ul.book-ticket li span{font-size:14px;}
     ul.book-ticket li:nth-child(2) ,
     ul.book-ticket li:nth-child(3) {text-align: left;}
     ul.book-ticket li:last-child {text-align: right;}
     
    .cancel-info {font-size: 1.2rem;padding: 0rem 0 2rem 0 !important;}
    ul.reason li {font-size: 1.4rem;}
    ul.reason li span {font-size: 1.4rem;}
    .manage-acco .col {flex: 100%;}
    .video {height: auto;width: 100%;overflow: hidden;}
    .pnr-quick .quick {margin: 2rem 0 2rem 0 !important;}
    .pnr-quick .quick ul.q-link {margin-bottom: 0rem;}
    .quick-list .rail-list {margin: 1rem 0 0 0;}

    /*Checkpnr loader*/
    #_CheckPNRStatus .clsCurrentSts .loaderdiv{top:0%;left:50%;}

    /*Lobibox*/
    .lobibox.lobibox-info span.btn-close{top:0px;color:#000;}

     /*DOWNLOAD FORMS*/
    .book-train .book-head .right-box .dvdown-select {width:35%;float:right;padding:7px 0px;margin:0;}
    .book-train .book-head .right-box .dvdown-select:nth-child(1){width: 43%;margin: 0;top: -30px;padding: 0;}
    .book-train .book-head .right-box .dvdown-select a.diva{font-size:11px;padding:6px 0px}

    /*booking page*/
    .clsbookingpage .time-arrival span:nth-child(1),.clsbookingpage .time-arrival .upper{text-align:left;}
    .clsbookingpage.rail-list  .time-depature {text-align:right;}
	.clsbookingpage .clspassengerin .travel-table .deletecol,.clsbookingpage .clsgstdetin .deletecol  {justify-content: center;}	
    .clsbookingpage .clspassengerin .travel-table .span-Gst-clear{margin-left:5px;}
    .clsbookingpage .clspassengerin .clspassdetails .clsrows,.clsbookingpage .clspassengerin .clsinfrs{margin-bottom:10px;}

    .booking-main .travel-table .row:last-child .col .form-group button{margin-right:10px;} 
    .clsbookingpage .clscontactin  .traveller .col-md-3,.clsbookingpage .clscontactin  .traveller .col-md-1{width:50%;}

    /*update pending track*/
    #_PendingTrack .bookinglabels{font-size:14px;}
    #_PendingTrack .bookinginfos{font-size:12px;}

      /*session expired*/
    .clsboxshdow {width: 100% !important;}
    .clsBoxShdow .bg-imgs{width:100%;}
    h4.clsmysublabel {font-size: 17px;}
    h3.clsmylabel {margin-bottom: 0px;padding-bottom: 10px;}
    ul.clsulcontent {font-size: 15px;line-height: 25px;margin-left: 2%;}
    .clsmylabel {font-size: 20px;}
    a.clsbutton {padding: 8px 10px;font-size: 13px;margin-bottom: 2%;}
    .clsBoxShdow .clsButton {margin-left: 33%;}

    /*Manage booking*/
    #_ViewPnr .clsVewPnr .booking-main .btn-primary{margin-left:5px !important;margin-top:5px;}
    #_ViewPnr .clsVewPnr .booking-main .btn-secondary{margin-left:5px !important;margin-top:5px;}
}

@media(min-width:320px) and (max-width:480px) {
    .alert {display: none;}
    .btn-primary,
    .btn-secondary {font-size: 1.2rem;} 
    .terms .overline{top:5rem;}
    .collapsible-link::before{width:2.3rem;height:2.3rem;}

    /*modal*/
    #MdRulesPop .modal-footer .float-right{text-align:center;}
    #MdCommon .socialicn {display:none;}
    #txtCnclSts .book-travel .booking .print-btn{display:none;}

    /*rail list*/   
   .rail-list .traveller .getpassengerbtn{padding: 0.4rem 1rem;}
   .rail-list .clsbindtrains .train-name .train-head,.rail-list .clsbindtrains .train-name .refresh a{font-size:1.4rem}

    /*Train Ticket Booking*/
    .book-train .ticket-box .quota-box .quota .radio {display: inline-block;margin: 0rem 0.2rem 0rem 0rem;max-width: 100%;flex: none;}
    .book-train .ticket-box .quota-box .radio label,.book-train .ticket-box .quota-box .radio input[type=radio]:checked + .radio-label{padding:10px 05px;}

    .book-train .ticket-box .agentnamediv{display:block;margin:0;}
    .book-train .ticket-box .agentlabel{width:100%;font-size:14px !important;}
    .book-train .ticket-box .agentinputbox {width:96%;}

    /*View pnr*/
    #_ViewPnr .pending {width: 65%;right: -34px;position: relative;}
    #_ViewPnr #txtSPNR {margin: 0 5px;}
    .gst-box .terms{display:block;}

     /*update pending track*/
    #_PendingTrack .book-ticket-main .col-md-5,#_PendingTrack .clstrackDetails .col-md-5{max-width:35%;padding:0;}
    #_PendingTrack .book-ticket-main .col-md-7,#_PendingTrack .clstrackDetails .col-md-7{max-width:65%;}
    #_PendingTrack .clstrackDetails .agencydetails .heading .float-right{float:left !important;font-size:14px;}
    #_PendingTrack #headingOne .btn-primary{display:block;width:50%;}
    #_PendingTrack .bookinglabels.crntblnclcrdtlabel{float:left!important;}

    /*otp renewal*/
    #_OTPRenewal .renewaltype .radio .radio-label{font-size:1.3rem !important;}
    #_OTPRenewal .train-box.renewal table tr td{white-space:nowrap;font-size:1.4rem;}   

}
@media (min-width:992px) and (max-width:1200px){
    .alert{width:16%;}
  
    /*header*/
    .booking-menubar .navbar .booking{font-size:1.5rem;}    
    .booking-menubar .navbar .navbar-nav a.nav-link {font-size: 11px;padding-right: 3px;}

    .book-train .ticket-box .error{font-size:13px;padding:0;}

    .clsAvailBind .modify-bar .modify-box-avail .row .modify_serch:nth-child(6){max-width:100%;margin:0 auto;text-align:center;} 
    .rail-list .clsbindtrains .ticket-tab{overflow:hidden;}
    .rail-list .clsbindtrains .ticket-tab .clsfinal .price-details li {padding: 0px !important;}
    .rail-list .clsbindtrains .ticket-tab .clsfinal ul.price-details li.total-price{font-size:1.5rem !important;}    
    
     /*Filter*/
    .filter-box .filter-info .filter-title .title-n{font-size:1.4rem;}
    .filter-box .filter-info .filter-title a.clear-tags{top:10px;}
             
}

@media (min-width: 992px) and (max-width: 1024px) {  
     ul.clsUlContent {margin-left:18%;} 
    .manage-acco .btn-link {font-size: 1.6rem;}
    .btn-primary {padding: 0.4rem 1rem;font-size: 1.4rem;}
    .booking-menubar .navbar {white-space:nowrap;}
      
     /*search page*/
     .ClsSearchPage .book-train .book-head .right-box{width:75%;}
    .ClsSearchPage .book-train .book-head .right-box .dvdown-select{width:26%;padding:7px 0px;}   
    .ClsSearchPage .book-train .book-head .right-box .opt-base{width:100%;}
    .ClsSearchPage .book-train .ticket-box .class-box{padding:1.2rem}

    /*review booking page*/
    .clsbookingpage .clsbookpge .clspassdetails .travel-table.clsrows .row .col-md-2{width:25%;flex:none;}
    .clsbookingpage .clsbookpge .clspassdetails .travel-table.clsrows .row .col-md-1{width:20%;flex:none;}
    .clsbookingpage  #hideChldPass .trinfrows .row.clsinfrs .col-sm-12{width:25%;}                                             
   
    /*otp pending*/
   .clsOtpPending ul.cl-details li {font-size: 1.6rem;}
   .clsOtpPending ul.cl-details li span {font-size: 1.6rem;}      

    /*rail list*/
    .rail-list .t-details{font-size:16px;}
    .rail-list .schedule-box .train-name .train-head{font-size:16px;}
    .rail-list .train-no .search-icon{display:none;}
    .rail-list .schedule-box .time-depature, .rail-list .schedule-box .time-total, .rail-list .schedule-box .time-arrival {font-size:16px;}
    .rail-list .schedule-box ul.ticket-list li{width:16%;font-size:1.2rem;padding:5px;white-space:nowrap;}
    .rail-list .clsbindtrains .ticket-tab{overflow:hidden;}

    .rail-list .train-detailsscrol{transform:translateY(calc(100% - 160px));width:82%;} 

    /*review booking*/
    .book-side ul.price-details li {padding:5px !important;font-size:14px;}
    .book-side ul.price-details li.total-price{font-size:16px !important;padding:5px !important;}
	
	/*Send Mail*/
	#sendmail .form-label.col-md-1{width:15%;} 
}

@media (min-width: 1201px){
    /*DOWNLOAD FORMS*/    
     .book-train .book-head .right-box .dvdown-select a.diva {padding: 0px;} 

     .clsAvailBind .modify-bar .modify-box-avail .row .col-md-3.from,
     .clsAvailBind .modify-bar .modify-box-avail .row .col-md-3.f-to{max-width:25%;position:relative;}

     .clsAvailBind.staffavailpage .modify-bar .modify-box-avail .row .col-md-3.from,
     .clsAvailBind.staffavailpage .modify-bar .modify-box-avail .row .col-md-3.f-to{max-width:16%;position:relative;}
     .clsAvailBind .modify-bar .modify-box-avail .row .quota{max-width:10%;}
     .clsAvailBind .modify-bar .modify-box-avail .row .col-md-3.agent{max-width:16%;position:relative;}
     .clsAvailBind .modify-bar .modify-box-avail .row .t-date{max-width:14%;}
     .clsAvailBind .modify-bar .modify-box-avail .row .modify_serch{max-width:9%;}
     .clsAvailBind .rail-list .schedule-box .train-time .time-total:before{left:12%;}
     .clsAvailBind .rail-list .schedule-box .train-time .time-total:after{right:12%;}
}

@media (min-width: 1024px) and (max-width:1100px){

    .tabbable .nav-tabs .nav-item .nav-link {font-size: 1.4rem;padding: 0.5rem 2.5rem 0.5rem 1rem;}

    .box-cal .cal-in input.form-control {padding: 1rem 2rem 0 2.7rem;font-size: 1.4rem;}
    .box-cal .cal-in .cal-icon {top: 1rem;}
    .box-cal .arrow-box {top: 0.7rem;}

    .btn-primary {padding: 0.3rem 2rem;font-size: 1.4rem;}
    .btn-secondary {padding: 0.3rem 2rem;font-size: 1.4rem;}

    .modal-title {font-size: 1.8rem;}

    .popup-text {font-size: 1.4rem;line-height: normal;}

    ul.price-details li.total-price {font-size: 1.6rem !important;}
    ul.icon-list li a {font-size: 1.4rem;}
    ul.contact-list {display: block;justify-content: space-between;}

    .pnr-info span {font-size: 1.6rem;}
    .booking {font-size: 1.8rem;}

    .manage-bar .booking {font-size: 2rem;}
    .manage-bar .r-content {font-size: 2rem;}

     /*rail-list*/
    .rail-list .t-details {font-size: 1.8rem;}
    .rail-list .t-details ul.f-right li svg {font-size: 2.2rem;}
    .rail-list .found-train {margin: 1rem 0 1rem 0;}
    .rail-list .found-train .found-left {font-size: 1.4rem;line-height: normal;}
    .rail-list .found-train .found-right .sort,
    .rail-list .found-train .found-right .available .form-control,
    .rail-list .found-train .found-right .train-no .form-control {font-size: 1.4rem;}
    .rail-list .schedule-box ul.ticket-list li {padding: 1rem;font-size: 1.4rem;line-height: normal;}
    .rail-list .schedule-box .train-name .train-head {font-size: 1.6rem;line-height: normal;}
    .rail-list .schedule-box .train-time {font-size: 1.4rem;line-height: normal;margin: 1rem 1.6rem 0 1.6rem;}
    .rail-list .schedule-box .status,
    .rail-list .schedule-box .p-details {font-size: 1.4rem;}
    .rail-list .schedule-box .ticket-tab .card-body {padding: 0.5rem 1.6rem;}
    .rail-list .schedule-box .ticket-tab .f-col {padding: 0.5rem;font-size: 1.2rem;line-height: normal;}
    .rail-list .schedule-box .ticket-tab .date-box .radio label {margin: 0 !important;font-size: 1.2rem !important;padding: 0.5rem 0.5rem;}
    .rail-list .schedule-box .ticket-tab .date-box .table thead th {padding: 0.5rem 0.5rem;font-size: 1.2rem;}
    .rail-list .schedule-box .ticket-tab .date-box .radio input[type=radio] + .radio-label:before {border: 0.1rem solid #555555;width: 1.4rem;height: 1.4rem;top: 0;margin-right: 0.5rem;}
    .rail-list .schedule-box .ticket-tab .date-box .table tr td {line-height: normal !important;}
    .rail-list .schedule-box .ticket-tab .c-option {padding: 1.2rem 1.2rem 0rem 1.2rem;}
    .rail-list .schedule-box .ticket-tab .price-btn {font-size: 2rem;}
    .rail-list .schedule-box .ticket-tab .book-now {font-size: 1.6rem;padding: 0.2rem 2rem;}

    .rail-list .train-detailsscrol{transform:translateY(calc(100% - 120px));width:82%;}    
    /*.ClsTrnAvSch{max-width:100%}*/

    /*Review booking*/
    .book-side ul.price-details li {padding:5px !important;font-size:14px;}
    .book-side ul.price-details li.total-price{font-size:16px !important;padding:5px !important;}
}

@media (min-width: 400px) {
    .tooltip {position: relative;}
    .tooltip > .body {top: initial;bottom: calc(100% + 4em);left:calc(50% + min(90vw, 435px) / -2);transform: unset;}
	/*.tooltip > .body {width: min(30vw, 300px);visibility: hidden;}*/
    .tooltip > .body::after {content: "";width: 0;height: 0;border-top: 0.5em solid #7E7E7E;border-right: 0.5em solid transparent;border-bottom: none;border-left: 0.5em solid transparent;position: absolute;top: initial;right: initial;left: 50%;transform: translateX(425%);}
    .tooltip > .body > .container {max-height: initial;}
    .tooltip:is(:hover, :focus, :focus-within) > .body {bottom: calc(100% + 0.75em);}

    .ClsSearchPage .tooltip > .body{left: calc(50% + min(90vw, 375px) / -2)}
    .clsAvailBind .heart .tooltip > .body {width: min(90vw, 164px);left: calc(50% + min(90vw, 168px) / -2);}    
    .clsAvailBind .heart .tooltip > .body::after{transform:translateX(-34%);}

    .clsAvailBind .heart.tooltip_btm .tooltip > .body::after{border-bottom: 0.5em solid #7E7E7E;top: -7px;border-top: none;}
    .clsAvailBind .heart.tooltip_btm .tooltip > .body{top: 100%;bottom: auto;}

    #SearchPage  .tooltip > .body::after {transform: translateX(-50%);}
    
}

@media only screen and (max-width: 480px) {
    .book-train .ticket-box .quota-box .tooltip > .body {left: 0%;top: 0%;transform: translate(0%, 0%);display: none;}
    .heart .tooltip > .body {left: -16.1rem;right: 0;top: 0;position: absolute;transform: translate(0, 0);}
    .rail-list .schedule-box .ticket-tab .p-box .tooltip {display: none;}
    .rail-list .schedule-box .ticket-tab .date-box .radio {display: flex;justify-content: space-between;}
    .rail-list .schedule-box .ticket-tab .date-box .radio label {display: inline-flex;}
    .quick .q-link .clsManageBook{height:130px !important;}
}

@media only screen and (width:768px){
    .rail-list{width:100%;}
    .travel-table .col-md-3,.travel-table .col-md-4,.travel-table .col-md-2{max-width:100%;flex:none;width:100%;}
}

@media only screen and (max-width: 991px) {
    .menu-title {display: flex;align-items: end;padding: 1rem 1rem;position: relative;justify-content: space-between;}
    .q-title {z-index: 9999999999;font-size: 2rem;font-weight: 700;color: #2C3039;}
    .menu-close-btn {color: var(--color-primary);z-index: 99999999;top: 0;font-weight: 600;font-size: 2.7rem;position: absolute;right: 10px;display: none;}

    .navbar-nav {width: 0;position: fixed;min-height: 100vh;top: 0;right: -2rem;overflow-x: hidden;transition: 0.5s;height: 100%;min-height: 100vh;z-index: 9999;background: #FFFFFF;box-shadow: 0rem 0rem 0.4rem rgba(221, 62, 77, 0.25);padding: 2rem 1rem;}
    .navbar-nav a.nav-link {display: inline-block;background: #FFFFFF;margin: 0;font-size: 1.4rem;color: #000000 !important;border-radius: 0;padding: 1rem 1rem !important;border-left: 0px solid #EEEEEE;border-right: 0px solid #EEEEEE;border-top: 0px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;font-family: "Nunito";font-style: normal;width: 100%;font-weight: 700;text-decoration: none;}
    .navbar-nav a.nav-link .menu-icon1,
    .navbar-nav a.nav-link .menu-icon2,
    .navbar-nav a.nav-link .menu-icon3,
    .navbar-nav a.nav-link .menu-icon4,
    .navbar-nav a.nav-link .menu-icon5,
    .navbar-nav a.nav-link .menu-icon6,
    .navbar-nav a.nav-link .menu-icon7,
    .navbar-nav a.nav-link .menu-icon8,
    .navbar-nav a.nav-link .menu-icon9 {display: inline-block;}

    .menubtn {background-color: transparent;padding: 0.7rem 0.7rem 0.1rem;border: none;right: 0;top: 0;z-index: 99;position: absolute;display: block;}
    .menu-full {width: 30rem !important;right: 0;}

    .Clscnclpage .clsmenulis {display: none;}
    .quick-menu {display: block;}
    .book-travel .booking {display: none;}
    .manage-bar .r-content {font-size: 1.8rem;}
    .booking-menubar .booking {font-size: 2rem;}
    .cancel-icon,.tick-icon {top: 0;}
     #txtCnclSts .book-travel .booking {display: block;}
}
@media only screen and (max-width: 1024px) {
    .rail-list .schedule-box .refresh a span:nth-child(2) {display: none;}
    .rail-list .schedule-box .train-name .train-head {font-size: 1.4rem;line-height: normal;}
}
@media (min-width: 1200px) {
.booking-menubar .navbar .navbar-nav a.nav-link{font-size:12px;margin-left:4px;}
}
@media (max-width: 1260px) and (min-width: 992px){
.booking-menubar .navbar .navbar-nav a.nav-link{font-size:12px;margin-left:2px;}
.booking-menubar .navbar.navbar-expand-lg .booking{font-size:19px;}
.booking-menubar .navbar li a{white-space:nowrap;}
}

@media only screen and (max-width: 1600px) {
    .rail-list .found-train .found-right {width: 55%;}
    .box-cal {width: 26%;}
}

@media only screen and (max-width: 1440px) {
    .rail-list .found-train .found-right {width: 64%;}
    .rail-list .ticket-tab .date-box .radio label {margin: 0 !important;font-size: 1.4rem !important;padding: 1rem 1rem;}
    .rail-list .ticket-tab .date-box .table thead th {padding: 1rem 1rem;}
    .box-cal {width: 29%;}

   
}

@media only screen and (max-width: 1280px) {
    .modify-bar a.modify-btn {padding: 0.9rem 0.5rem;}
    .rail-list .found-train .found-right {width: 54%;}
    .rail-list .ticket-tab .f-col {padding: 1.2rem;}
    .rail-list .ticket-tab .date-box .radio label {margin: 0 !important;font-size: 1.2rem !important;padding: 0.5rem 0.5rem;}
    .rail-list .ticket-tab .date-box .table thead th {padding: 0.5rem 0.5rem;font-size: 1.4rem;}
    .change-station .blank-select .form-control {font-size: 1.4rem;}
    .rail-list .schedule-box .train-time .time-total:before {left: 0px;}
    .rail-list .schedule-box .train-time .time-total:after {right: 0px;}

     .rail-list .found-train .found-right .__prexnextbtn{width:100%;flex:none;}
    .rail-list .found-train .found-right ._Sortsec{width:50%;}
    .rail-list .found-train .found-right ._searchsec{width:50%;}

}
@media (min-width: 1101px) and (max-width:1200px) {
    .rail-list .train-detailsscrol .t-details ul.f-right{margin-top:-20px;}
}

@media (max-width:600px) {
    body .ui-datepicker.ui-datepicker-multi {position: fixed !important;top: 0px !important;left: 0px !important;height: 100% !important;width: 100% !important;background-color: rgb(249, 249, 249) !important;margin:0 !important;}
    body .ui-datepicker-multi-2 .ui-datepicker-group, .ui-datepicker-multi-3 .ui-datepicker-group, .ui-datepicker-multi-4 .ui-datepicker-group {width: 100% !important;margin-top: 5px;box-shadow: 0px 0px 5px 1px #f5f5f5;border: 1px solid #eee;padding: 5px;}
    body .ui-datepicker-multi .ui-datepicker-group table {width:100% !important;}
}