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

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    margin: 0px;
    background: #f7f7f9;
    padding: 0px;
}

a {
    text-decoration: none;
}

#masterMainDiv {
    display: grid;
    justify-content: center;
    margin: auto;
    grid-template-columns: 1fr;
}

#masterMainDiv_sub {
    min-height: calc(100vh - 40px);
    /*padding: 0px 2px;*/
}

input[type='search'], input[type='number'], input[type='text'], input[type='datetime'], input[type='date'], input[type='email'], select {
    padding: 3px;
}

.pointer {
    cursor: pointer;
}

.close {
    background-color: red;
    border: 1px solid #ddd;
    color: white;
    float: right;
    width: auto;
}

    .close:hover {
        color: red;
        background-color: white !important;
    }

.reflow {
    border: 0px;
    width: 100%;
    border-collapse: collapse;
}

    .reflow td, .reflow th {
        border: 1px solid #e0e0e0;
        padding: 2px;
    }

    .reflow th {
        text-align: left;
        padding: 3px 5px;
    }

    .reflow td {
        text-align: right;
        padding: 3px 5px;
    }

table, .table {
    border: 0px;
    width: 100%;
    border-collapse: collapse;
}

    .table tr th {
        background: #eeeeee;
        font-weight: normal;
        text-align: center;
    }

    .table td, .table th {
        border: 1px solid #e0e0e0;
        padding: 2px;
    }

        .table tr td sm {
            font-size: 11px;
            color: #a28b8b;
        }

        .table tr td a {
            /*white-space: nowrap;*/
            text-decoration: none;
        }

    .table tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

.autocomplete-content {
    position: absolute;
    display: block;
    opacity: 1;
    min-width: 160px;
    left: 5px;
    top: 35px;
}

.deleted {
    text-decoration: line-through;
    color: red;
}

.approved {
    background-color: #008000;
    color:white;
}

.unapproved {
    background-color: yellow;
}

.blocked {
    background-color: #ff0000;
}

.deleted a {
    color: red;
}

.tbl tr:hover {
    background-color: wheat;
}

nav ul.left {
    margin-left: -20px;
}

._left {
    float: left;
}

._right {
    clear: both;
    float: initial;
    padding-top: 10px;
}

table {
    width: 100%;
}

    table td {
        padding: 0px;
    }

#logo-container {
    font-size: 14px;
}

nav {
    height: 30px;
    background-color: var(--main-header-color) !important;
    line-height: 30px;
}

    nav ul {
        list-style: none !important;
        margin: auto !important;
    }

    nav li {
        float: left !important;
        padding: 0px 7px;
    }

        nav li a {
            color: white;
            text-decoration: none !important;
        }

        nav li:hover {
            background-color: white;
            color: #0072c6 !important
        }

            nav li:hover a {
                color: #0072c6 !important
            }

.btn {
    width: auto;
}

#ulNav label {
    color: white;
}

nav li.active {
    background: white;
}

    nav li.active a {
        color: #0072c6;
    }

#tableNav {
    width: 100%;
    display: none;
}

.TwoColumn {
    display: grid;
    max-width: 100%;
    grid-gap: 2px;
    grid-template-columns: auto auto;
}

.ThreeColumn {
    display: grid;
    max-width: 100%;
    grid-gap: 2px;
    grid-template-columns: auto auto auto;
}

@media print {
    #divHeader {
        display: none;
    }
}

@media (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 30px;
    }
}

@media (max-width:800px) {

    .TwoColumn {
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .ThreeColumn {
        width: 100%;
        grid-template-columns: 1fr auto 1fr;
    }

    #tableNav {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 3px;
    }

        #tableNav a {
            color: white;
        }

    nav {
        display: none;
    }
}

@media (max-width:480px) {

    #divPassenger {
        grid-template-columns: auto;
    }

    .InputSection {
        justify-items: start;
    }

    #divHeader {
        justify-content: inherit !important;
    }



    nav {
        height: 100%;
        background-color: #0072c6 !important;
        line-height: 30px;
    }

        nav ul {
            padding: 10px;
        }

        nav li {
            width: 106%;
            border-bottom: 1px solid #ddd;
            margin-left: -10px;
            padding-left: 20px;
            background: white;
        }

            nav li.active {
                background: #87DA9D;
            }

            nav li a {
                padding: 10px;
                width: 100%;
                display: inline-block;
                color: black;
            }

                nav li a:hover {
                    background: white;
                    color: black;
                }


    .input-field {
        width: 100% !important;
    }

    #masterMainDiv {
        width: 100%;
    }

    label {
        font-size: 1.2em;
    }

    input[type='search'], input[type='number'], input[type='text'], input[type='datetime'], input[type='date'], input[type='email'], select {
        width: 100%;
        font-size: 1.3em;
    }

    
    .InputSection {
        flex-direction: column;
    }

    ._right {
        clear: both;
        float: initial;
        padding-top: 10px;
    }
}

nav {
    z-index: 999;
}

    nav .sidenav-trigger i {
        height: 30px;
        line-height: 30px;
        margin: 0px !important;
    }

.container {
    width: 100% !important;
}


tr {
    border-bottom: 0px !important;
}


.table tr:hover {
    background-color: wheat !important;
}

.success {
    background-color: #b5e4b5;
    border-color: #4cae4c;
    text-align: center;
}

.warning {
    background-color: #ffff00;
}

.bg-secondary {
    padding: 10px;
    padding-top: 0;
    position: relative;
    padding-bottom: 20px;
}

#divHeader {
    display: grid;
    justify-content: center;
}

.pink {
    background-color: pink !important;
}

.yellow {
    background-color: #ffff0052 !important;
}
.manual {
    background-color: #e7e7c252 !important;
}
.lemonchiffon {
    background-color: lemonchiffon !important;
}

.redclr {
    color: red;
}

.greenclr {
    color: green;
}

.greenbk {
    background-color: #87DA9D !important;
}

.amount {
    text-align: right !important;
}

.btn-default {
    background-color: white;
}

.canceled {
    text-decoration: line-through;
    color: red;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

a {
    text-decoration: none;
    color: blue;
}

    a:hover {
        color: red !important;
    }

h2 {
    font-size: 12px;
    text-align: center;
    color: #3F51B5;
    /*white-space: nowrap;*/
}

.top_header {
    background-color: #0077c1;
    width: 100%;
    height: 20px;
    color: white;
    text-align: center;
    padding-top: 5px;
}

/*.top_header:hover {
        background-color: #80d6ff;
    }*/

.header {
    background-color: #42a5f4;
    color: white;
}

    .header td {
        text-align: center;
    }

.none {
    display: none;
}

.note {
    white-space: normal !important;
}

.btn {
    display: inline-block;
    padding: 2px 6px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    opacity: 1 !important;
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c;
}

    .btn:hover {
        background-color: #7ad17a !important;
    }

.btn-dlg-close {
    float: right;
    width: auto;
    background-color: #9a1414;
    margin-top: -20px;
    margin-right: -20px;
    cursor: pointer;
    background-color: #000;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    box-shadow: 0 0 10px 2px #EEE;
}

.success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff !important;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236;
}

.btn-success {
    color: #fff !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a;
}

/*.popup {
    position: relative;
    background-color: rgba(245, 222, 179, 0.68);
    color: #4c4c4c;
    font-family: 'Open Sans', sans-serif;
    padding: 1px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    border: solid 1px #cbc9c9;
}*/


.popup {
    z-index: 1000;
    position: fixed;
    border-radius: 8px/7px;
    background-color: #ebebeb;
    color: #4c4c4c;
    font-family: 'Open Sans', sans-serif;
    padding: 9px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    border: solid 1px #cbc9c9;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 80%;
}

.popupheader {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
} 

    .section {
        padding: 5px;
        border-bottom: 1px solid rgba(158, 158, 158, 0.26);
    }

/*.tbl td{
    width:75px!important
}*/

#tbl_inventory_price {
    padding: 0px !important;
}

    #tbl_inventory_price td:nth-child(1) {
        width: 50px !important;
    }

    #tbl_inventory_price td:nth-child(4) {
        width: 83px !important;
    }

    #tbl_inventory_price td:nth-child(5) {
        width: 57px !important;
    }

    #tbl_inventory_price td:nth-child(6) {
        width: 127px !important;
    }

    #tbl_inventory_price td:nth-child(7) {
        width: 9px !important;
    }

#tbl_inventory td:nth-child(2) {
    width: 90px;
}

#tbl_inventory td:nth-child(3) {
    width: 75px;
}

#tbl_inventory td:nth-child(4) {
    width: 60px;
}

#tbl_inventory td:nth-child(5) {
    width: 105px;
}

#tbl_inventory td:nth-child(6) {
    width: 100px;
}

#tbl_inventory td:nth-child(7) {
    width: 100px;
}

#tbl_booking td:nth-child(1) {
    width: 90px !important;
}

#tbl_booking td:nth-child(2) {
    width: 90px !important;
}

#tbl_booking td:nth-child(3) {
    width: 90px !important;
    text-align: center;
    padding-right: 2px;
}

#tbl_booking td:nth-child(4) {
    width: 100px !important;
}

#tbl_booking td:nth-child(5) {
    width: 79px !important;
}

div.ui-datepicker {
    z-index: 1000000 !important;
}

.required {
    color: red;
}

.head {
    background-color: #e4e1e1 !important;
}


#tableExpense td:nth-child(5) {
    width: 200px;
    text-align: right;
}


.status_1 {
    background-color: rgba(255, 255, 0, 0.16) !important;
}

.status_2 {
    background-color: #CEF6EC !important;
}

.status_4 {
    background-color: #F5ECCE !important;
}

.status_8 {
    background-color: rgba(191, 230, 152, 0.65) !important;
}

.status_16 {
    background-color: #F5ECCE !important;
}

.status_32 {
    background-color: #e69898 !important;
}

.status_64 {
    background-color: #E7D1D1 !important;
}

.status_128 {
    background-color: #EFEFFB !important;
}

.status_256 {
    background-color: #99e699 !important;
}

.status_512 {
    text-decoration: line-through;
    color: red;
}

.legend {
    padding: 10px;
    float: left;
    margin-left: 4px;
    padding: 5px;
}

.debit {
    float: left;
}

.credit {
    float: right;
}

.pointer {
    cursor: pointer;
}

.rdbWc {
    background-color: red !important;
    color: #fff !important;
}

.red {
    background-color: #e69898 !important;
}

.green {
    background-color: rgba(191, 230, 152, 0.65);
}

.addnew {
    float: right;
    font-size: 11px !important;
    margin-right: 5px;
}

.inventory {
    top: 18%;
}

.odd {
    background-color: white;
}

.collapse_head {
    background-color: #ddd;
    padding: 2px;
    color: black;
}

.flightheader {
    width: 100%;
    margin-bottom: 5px;
}

.grey {
    background-color: #ddd !important;
}

.flightheader td {
    padding: 5px;
    width: 50px;
}

.flightdetail th {
    background-color: wheat;
}

.flightdetail tr:nth-of-type(odd) {
    background-color: rgba(245, 222, 179, 0.14);
}

.profile th {
    color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 12px !important;
    padding: 10px !important;
}

.profile td {
    padding: 7px !important;
}

.profile tr:nth-of-type(odd) {
    background-color: rgba(51, 122, 183, 0.12);
}

h2 {
    font-size: 12px;
    text-align: center;
    color: white;
    /*white-space: nowrap;*/
    background-color: #81b2dc;
    padding: 10px;
}

.other_inventory {
    background-color: aliceblue;
}

.previous_inventory {
    background-color: antiquewhite;
}

.btn-sm {
    font-size: 10px !important;
    padding: 2px 5px;
}

.requested {
    background-color: darkred;
    color: white;
    border-radius: 50% 50%;
    float: right;
    padding: 2px;
}

.live {
    background-color: grey;
    color: white;
    border-radius: 23%;
    float: right; /*padding: 2px;*/
}

.requested_row {
    background-color: #E3F2FD;
}

.pass_count {
    float: right;
    font-weight: bold;
    color: green;
    background-color: white;
    border-radius: 50%;
    padding: 1px;
}

.popup_body {
    background-color: #c5cae9;
}

.top_popup_header {
    background-color: #9499b7;
    width: 102%;
    height: 20px;
    color: white;
    text-align: center;
    padding: 5px;
    margin: -10px;
}

.popup_body2 {
    background-color: #b3e5fc;
}

.top_popup_header2 {
    background-color: #82b3c9;
    width: 102%;
    height: 20px;
    color: white;
    text-align: center;
    padding: 5px;
    margin: -10px;
}

.tbl {
    border: 0px;
    width: 100%;
    border-collapse: collapse;
}

    .tbl tr td {
        white-space: nowrap;
        color: white;
        padding: 0px;
    }

        .tbl tr td:first-child {
            padding-left: 30px;
            width: 80px;
        }

        .tbl tr td a {
            white-space: nowrap;
            color: white;
            text-decoration: none;
        }

.provider {
    background-color: #4F81BD;
    border-bottom: 1px solid #7492b5;
}

    .provider td {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .provider:hover {
        background-color: #4f81bd52 !important;
    }

        .provider:hover td {
            color: #4F81BD !important;
        }

.inventory {
    background-color: #8064A2;
    border-bottom: 1px solid #9980b7;
}

    .inventory:hover td {
        color: #8064A2 !important;
    }

    .inventory:hover {
        background-color: #8064a23b !important;
    }

.inventoryprice {
    background-color: #F79646;
    border-bottom: 1px solid #e6d48c;
}

    .inventoryprice:hover td {
        color: #F79646 !important;
    }

.add {
    font-weight: bold;
    font-size: 14px;
    float: right;
}

.blank {
    background-color: white !important;
    border: 0px white solid !important;
}

.align_right {
    text-align: right;
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#divloader {
    display: none;
}

.loader-caption {
    position: absolute;
    z-index: 99999999;
    top: 50%;
    color: #fff;
    font-size: 17px;
    text-align: center;
    width: 100%;
}

    .loader-caption img {
        width: 70px;
    }

.loader-screen {
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}

.highlight {
    background-color: #dfcef2 !important;
}


#tblBooking td:nth-child(n+7), #tableRDS td {
    text-align: right;
    white-space: pre-line;
}
/*
#tblBooking td:nth-child(9) {
    padding-left: 5px;
    text-align: left;
    white-space: nowrap;
}
*/
#tblBooking td:nth-child(3), #tblBooking td:nth-child(7), #tblBooking td:nth-child(8) {
    white-space: nowrap;
}

.h3 {
    background: whitesmoke;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    margin: 0;
}

.greenbk {
    background-color: #87DA9D;
}

.S_CH, .S_CNF, .S_RAC, .S_WL {
    color: #A4660F;
    padding: 0px 2px;
    margin-right: 1px;
}

.S_CH {
    background-color: #dfcef2;
}

.S_CNF {
    background-color: #87DA9D;
}

.S_RAC {
    background-color: #F7F99A;
}

.S_WL {
    background-color: #F9BBB3;
}

.strike, .strike > a {
    text-decoration: line-through !important;
    color: red;
}


.rech {
    background-color: #f7f7ed !important;
}

tr.ccl td:nth-child(3), tr.ccl td:nth-child(3) a {
    color: red;
    text-decoration: red line-through;
}

tr.ccl i.ccli {
    color: red;
    margin-left: 2px;
}

tr.ccl i.ccliT, .rdbg {
    color: white;
    margin-left: 2px;
    background: red;
    padding: 0 5px;
}

    tr.ccl i.ccli.TR, tr.ccl i.ccliT.TR {
        float: right;
    }

.AllBooking td {
    text-align: right;
}

    .AllBooking td:nth-child(3),
    .AllBooking td:nth-child(4),
    .AllBooking td:nth-child(7) {
        text-align: left;
    }


/*Auto Complete*/

.autocomplete-w1 {
    /*background: url(Images/shadow.png) no-repeat bottom right;*/
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 0;
}

.autocomplete {
    box-shadow: 1px 1px 3px rgba(0,0,0,.31);
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #F0F0F0;
    }

    .autocomplete div {
        padding: 1px 1px;
        white-space: nowrap;
    }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }


.cont-alert {
    position: fixed;
    top: 110px;
    right: 10px;
}

    .cont-alert section {
        width: 250px;
        border: 1px solid #000;
        padding: 15px 20px 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
        background-color: rgba(0,0,0,.8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
        position: relative;
        visibility: hidden;
    }

        .cont-alert section h6 {
            font-size: 15px;
            font-weight: bold;
            color: #f7f7f7;
            margin-bottom: 8px;
            margin-top: 0;
        }

        .cont-alert section.success h6:before {
            content: "✔";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            margin-right: 5px;
            color: #338b0d;
        }

        .cont-alert section span {
            font-size: 12px;
            display: block;
            line-height: 17px;
            color: #d5d5d5;
        }

        .cont-alert section.error {
            background: #9e271f;
            border-color: #9e271f;
        }

            .cont-alert section.error h6:before {
                content: "✗";
                display: inline-block;
                text-decoration: inherit;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                margin-right: 5px;
                color: #fffbdf;
            }

.show-alert {
    -webkit-animation: animation-y 5s ease 0 1 normal;
    -moz-animation: animation-y 5s ease 0 1 normal;
    -ms-animation: animation-y 5s ease 0 1 normal;
    -o-animation: animation-y 5s ease 0 1 normal;
    animation: animation-y 5s ease 0 1 normal;
    visibility: visible !important;
}

.stp {
    color: #d04d0d !important;
}

.InputBgColor {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    padding: 3px;
    gap: 3px;
    margin-bottom: 2px;
    align-items:center;
}

    .InputBgColor input[type='number'],
    .InputBgColor input[type='text'],
    .InputBgColor input[type='datetime'],
    .InputBgColor input[type='email'],
    .InputBgColor input[type='search'],
    .InputBgColor select {
        border: none;
        background: white;
    }

/*.InputBgColor > div {
        margin: 5px;
        margin-left: 10px;
    }*/

@media (max-width:480px) {

    .InputBgColor > div {
        margin: 1px;
    }

    /*.InputBgColor {
        flex-direction: column;
    }*/
}

.InputSection {
    display: grid;
    background: #a4cef1;
    grid-template-columns: repeat(auto-fit, minmax(35px, 1fr));
   /* justify-items: center;*/
    padding-bottom: 5px;
}

    .InputSection > div {
        margin-top: 5px;
        grid-column: span 2;
    }

    .InputSection label {
        font-size: 10px;
    }


/*input[type='text']:focus, input[type='search']:focus, select:focus {
    background: #fff799 !important;
}*/

.Section {
    padding: 5px;
    overflow: auto;
}


/*#divPassenger {
    display: grid;
    grid-template-rows: 2fr 1fr 1fr;
}*/

#divCustomerDetails {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

#divPassenger td {
    text-align: center;
    padding: 1px;
}

#divPassenger input {
    border: 0px;
    padding: 2px;
}

#divPassenger select {
    border: 0px;
}



/*#divPassenger > div:nth-child(1) {
    background: #B0D0A1;
}

#divCustomerDetails > div:nth-child(1) {
    background: #DFAEB7;
}

#divCustomerDetails > div:nth-child(2) {
    background: #E2D6E4;
}*/

.TicketCharges [type=text] {
    width: 5em;
}

.done, .payment {
    background-color: #87da9d30 !important;
}

#CustomerInfo input {
    margin-bottom: 5px;
}

.upST {
    cursor: pointer;
}

.printOnly
{
    display:none;
}

@media print {
    .printOnly{
        display:block;
    }

    #divMessage, #divDebug, #divHeader, .print {
        display: none;
    }
}

.WalletBalance {
    padding: 1px 3px;
    border-radius: 3px;
}

.modal {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    background: white;
    z-index: 99999;
    max-width: 100vw;
    padding: 20px;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    box-shadow: 2px 3px 5px #999;
}

#overlayUI {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaaaaa;
    opacity: .3;
}

.SectionTile {

    padding: 25px 5px 5px 5px;
    background: #fff;
    border: 1px solid #d9dbe4;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.05);
    position: relative;
}

    .SectionTile .Header {
        display:flex;
        gap:5px;
        align-items:center;
        justify-content:space-between;
        position:absolute;
        left:0px;
        top:0px;
        border-radius: 5px 5px 0px 0px;
        background: #d9edf7;
        color: #31708f;
        padding: 2px 5px;
        font-weight:bold;
        width: 100%;
        margin-bottom:5px;
    }

    .SectionTile .Header1 {
        background-color: #337ab7;
        color: white;
    }

    .SectionTile .Header2 {
        background-color: #fcf8e3;
        color: #8a6d3b;
    }

.SectionTileNoPadding {
    padding: 18px 0px 0px 0px;
}

.seatinfo {
    float: right;
}

.blinking {
    animation: blinkingText 1s infinite;
}

@keyframes blinkingText {
    0% {
        color: red;
    }

    50% {
        color: transparent;
    }

    100% {
        color: red;
    }
}

.blinkingnew {
    animation: blinkingTextNew 1s infinite;
}

@keyframes blinkingTextNew {
    0% {
        color: blue;
    }

    50% {
        color: transparent;
    }

    100% {
        color: blue;
    }
}


.tile {
    border-radius: 8px/7px;
    font-family: 'Open Sans', sans-serif;
    padding: 9px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    border: solid 1px #ddd;
    float: left;
    text-align: left;
    margin: 5px;
    width: 98%;
    cursor: pointer;
    background-color: whitesmoke;
}

.auto {
    background-color: burlywood;
}

.redclr a {
    color: red;
}

.match {
    background-color: wheat;
}

.bgwheat {
    background-color: wheat;
}

.bgorange {
    background-color: orange;
}

.bgpurple {
    background-color: #db61f8;
}

.match_upi {
    background-color: aquamarine !important;
}

.highlight_bal {
    font-weight: bold;
    font-size: 16px;
}
/*.left
{
    text-align:left;
}
.right
{
    text-align:right!important;
}*/
.SectionTile td {
    text-align: left;
}



@font-face {
    font-family: 'fontello';
    src: url('/css/font/fontello/fontello.eot?39483432');
    src: url('/css/font/fontello/fontello.eot?39483432#iefix') format('embedded-opentype'), url('/css/font/fontello/fontello.woff2?39483432') format('woff2'), url('/css/font/fontello/fontello.woff?39483432') format('woff'), url('/css/font/fontello/fontello.ttf?39483432') format('truetype'), url('/css/font/fontello/fontello.svg?39483432#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?39483432#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-truck:before {
    content: '\e800';
}
/* '' */
.icon-flight:before {
    content: '\e801';
}
/* '' */
.icon-wallet:before {
    content: '\e802';
}
/* '' */
.icon-plus:before {
    content: '\e803';
}
/* '' */
.icon-minus:before {
    content: '\e804';
}
/* '' */
.icon-left-thin:before {
    content: '\e805';
}
/* '' */
.icon-switch:before {
    content: '\e806';
}
/* '' */
.icon-right-thin:before {
    content: '\e807';
}
/* '' */
.icon-mobile:before {
    content: '\e808';
}
/* '' */
.icon-bus:before {
    content: '\e80b';
}
/* '' */
.icon-money:before {
    content: '\f0d6';
}
/* '' */
.icon-building:before {
    content: '\f0f7';
}
/* '' */
.icon-desktop:before {
    content: '\f108';
}
/* '' */
.icon-rupee:before {
    content: '\f156';
}
/* '' */
.icon-bank:before {
    content: '\f19c';
}
/* '' */
.icon-train:before {
    content: '\f238';
}
/* '' */



i.drc {
    color: #d6151c;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.alert {
    position: relative;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 5%);
    line-height: 18px;
    padding: 5px;
    margin-bottom: 2px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.HomePagePayments td:nth-last-child(-n+3) {
    text-align: right !important;
}

.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.marquee {
    max-width: 100vw;
    width: 340px;
    overflow: hidden;
}

.stickyTable {
    position: relative;
}

    .stickyTable th {
        position: sticky;
        top: 0; /* Don't forget this, required for the stickiness */
    }

.width120 {
    text-align: right;
}

    .width120 div {
        white-space: nowrap;
        width: 120px;
        overflow: hidden !important;
        max-height: 1em !important;
        text-overflow: clip;
        float: right;
        background: transparent !important;
    }

.AgentI, .AgentB {
    color: white;
    padding: 0px 2px;
}

.AgentB {
    background-color: orangered;
}

    .AgentB:hover, .AgentI:hover {
        color: white!important;
    }

.AgentI {
    background-color: indigo;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.back {
    background-color: salmon !important;
}

.trainTicketDetails
{
    width:100%;
}
.trainTicketDetails td {
    text-align: center;
}

.trainLabelMain {
    color: rgb(46, 116, 181);
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
}