.rajcustomsearch, .rajcustomsearch1 {
    min-width: 200px;
    width: 96%;
    top: auto;
    overflow: hidden auto;
    font-size: 13px;
    position: absolute;
    z-index: 100;
    background: rgb(255, 255, 255);
    max-height: 300px;
    border: 1px solid rgb(211, 211, 211);
    min-height: 200px;
}

/*.customsearch-ui {
    list-style-type: none;
    padding: 2px;
    margin: 0px;
}

.customsearch-li {
    padding: 2px;
    cursor: pointer;
    background-color: #ecfaff;
}

.customsearch-span b {
    color: #1f8dd6;
}

.customsearch-active {
    background: #e6e6e6;
}

.customsearch-delete {
    float: right;
    color: #00aeef;
}

.customsearch-edit {
    float: right;
    padding-right: 5px;
    color: #00aeef;
}

.customsearch-countrycode {
       right: 7px;
    position: absolute;
    color: #979797;
}*/
.customsearch-delete {
    position: absolute;
    color: #404040 !important;
    right: 5px;
}

.customsearch-edit {
    position: absolute;
    color: #404040 !important;
    right: 45px;
}

ul.customsearch-ui {
    margin-bottom: 0px;
    display: block;
    padding: 0;
}

.customsearch-li {
    padding: 7px;
    border-bottom: 1px dotted #e7ebeb;
    display: block;
    width: 100%;
    margin: 0px;
    min-height: 0px;
    font-size: 12px;
    font-weight: 500 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 16px;
    cursor: pointer;
}

    .customsearch-li label {
        margin-bottom: 0px;
    }

    .customsearch-li:hover, .customsearch-active {
        background-color: #00aeefc9;
        color: #fff;
    }

.customsearch-countrycode {
    right: 7px;
    position: absolute;
    color: #979797;
}

.bookingpaxsearch {
    font-size: 12px;
}

.pass-close-btn {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: #ffffff;
    color: #00aeef;
    font-family: sans-serif;
}

.passheader {
    color: #fff;
    background: #00aeef;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
}

.passbox {
    border: 1px solid #00aeef;
    padding: 5px;
    background: #fbfbfb;
}

.single-sel {
    display: inline;
    width: 49%;
}

.note-background-color {
    background: #e9ecf3;
}

    .note-background-color p {
        padding-top: 5px;
        margin-bottom: 5px;
        text-align: justify;
        font-size: 13px;
    }

.table-design tbody tr:nth-child(even) td {
    background: #ececec !important;
}

.datepicker {
    border: 1px solid #a5a5a5 !important;
}

div.pager span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    background: #bdbdbd;
    color: #fff;
    margin-right: .5em;
    border: 1px solid #868686;
}

.red-box-info {
    padding: 20px;
    border: 2px solid #cecece;
    color: #f00;
    font-size: 15px;
}

.green-box-info {
    padding: 20px;
    border: 2px solid #cecece;
    color: #127b0c;
    font-size: 15px;
}

.box-info {
    padding: 20px;
    border: 2px solid #cecece;
    font-size: 15px;
}

.required-field {
    color: red;
    font-size: 20px;
    vertical-align: text-top;
    padding-left: 5px;
    line-height: 18px;
}

.centered {
    margin: 0 auto;
    width: 100%;
    float: none !important;
}

.firstnameold {
    line-height: 38px;
    font-size: 13px;
    margin-bottom: 1px;
    min-height: 40px;
    display: block;
}

.border-boxx {
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

.firstname {
    line-height: 30px;
    font-size: 13px;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    display: block;
    min-height: 32px;
}

.pager {
    margin: 2px;
}

div.pager {
    text-align: center;
}

    div.pager label {
        display: inline-block;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.8;
        text-align: center;
        margin-right: .5em;
    }

    div.pager span.active {
        color: white !important;
        background: #5c9acf !important;
        border-color: #5c9acf !important;
    }

#btndivlist {
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 6%;
    width: 50px;
    zoom: 2;
    text-decoration: none;
}

.applyBtn {
    width: auto !important;
}

.viewpage {
    padding: 5px;
    border: 2px solid #c5c5c5;
    background-color: #eee;
    box-shadow: 1px 1px 20px 1px #81a8b7;
}

.col-2 .valid__header {
    padding-left: 60px;
}

.first-class__field-text {
    width: 60px;
    text-align: right;
}

.panel-new {
    border: 1px solid #e7ecf1;
    margin-bottom: 0;
}

.header-new {
    background: #5a5a5a;
    font-weight: 600;
    border: 1px solid #6f6f6f !important;
    margin: 0;
    margin-top: 5px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
}

.padding-10px {
    padding: 10px !important;
}

.mce-tinymce, .padding-5px {
    padding: 5px !important;
}

.main-side-box-div {
    width: 24%;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    right: 0;
    display: none;
}

.side-box-body label {
    font-size: 13px !important;
}

.side-box {
    box-shadow: 5px 5px 5px #888;
    padding: 0;
    border: 1px solid #d1d5d9;
    background-color: #E5E5FF;
    width: 96%;
    position: relative;
    bottom: 0;
    z-index: 999999;
    margin: 10px;
    right: 0;
}

.side-box-header {
    background: #00aeef;
    padding: 4px 3px 3px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    height: 26px;
}

.side-box-header-close {
    color: black !important;
    font-size: 18px !important;
    text-decoration: none !important;
    float: right;
    padding: 1px;
}

.side-box-body {
    padding: 4px;
    background: #e6f4ff;
    margin: 0;
    min-height: 60px;
    text-transform: capitalize;
}

.h2-header {
    font-size: 18px;
    margin: 0;
    line-height: 22px;
}

.h3-header {
    font-size: 16px;
    margin: 0;
    line-height: 22px;
}

.widthp18 {
    width: 18%;
    display: inline-block;
}

.height18 {
    height: 18px;
}

.color-white {
    color: #fff;
}

.btn-right-custom {
    float: right;
    padding-right: 10px;
}

.choose-pass-tabs {
    list-style-type: none;
    margin: 0 -5px 0 -2px;
    padding: 0;
    text-align: left;
}

.choose-pass-tabs__item.active {
    background-color: #00aeef;
    color: #fff;
}

.choose-pass-tabs-bottom {
    background-color: #00aeef;
    min-height: 5px;
}

.choose-pass-tabs__item {
    position: relative;
    margin: 0 2px;
    padding: 8px 12px;
    text-align: center;
    background-color: #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    min-width: 100px;
}

.choose-pass-tabs > * {
    display: inline-block;
    vertical-align: top;
}

.choose-pass-tabs__passenger {
    margin: 0;
    font-weight: 600;
}

.panel-active {
    padding: 30px;
    display: block;
    color: #000;
    border: 1px solid #E6E9ED;
}

.panel-not-active {
    background-color: #F4F0F0;
    padding: 10px;
    display: none;
    color: #717171;
}

.col-1, .widthp40 {
    width: 40%;
    display: inline-block;
}

.Qot-col-2 {
    width: 29%;
    display: inline-block;
    text-align: right;
}

.Qot-col-1 {
    width: 30%;
    display: inline-block;
}

.col-2 {
    width: 29%;
    display: inline-block;
}

.choose-pass__options-header {
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.wdt40 {
    width: 40px;
}

.line {
    border-bottom: 1px solid #00aeef;
    margin-bottom: 12px;
}

.btnrange {
    color: rgb(255, 255, 255);
    padding: 3px 4px;
    text-decoration: none;
    background: rgb(0, 174, 239);
    margin: 0px;
    border-width: 0px !important;
}

    .btnrange:hover {
        color: rgb(255, 255, 255);
        text-decoration: none;
        background: rgb(75, 206, 255);
    }

.passselectinput {
    width: 20px;
}

.passselectlist {
    overflow-y: auto;
    max-height: 250px;
}

input[type='number'] {
    -moz-appearance: textfield;
}

.field-validation-error {
    color: #b94a48;
    display: none;
}

.tablebtn a:hover {
    color: #e0e0e0;
    text-decoration: none;
}

.tablebtn a {
    display: inline-block;
    background: #3c689b;
    color: #fff;
    padding: 4px 10px;
}

.tableheader {
    margin-bottom: 10px !important;
}

    .tableheader label {
        padding: 8px 0 0;
        font-weight: 700;
        color: white;
    }

.input-validation-error {
    border: 1px solid #e6462e !important;
    background-color: #ffedee !important;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
    background-color: #ffedee !important;
}

.modalBackground {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    text-align: center;
    float: left;
    z-index: 99999;
}

.modalBackgrounddiv {
    width: 380px;
    height: 180px;
    margin: auto;
    text-align: center;
    background: #fff;
    position: fixed;
    left: 39%;
    top: 39%;
    font-size: 18px;
    font-weight: 700;
    z-index: 999999;
}

.customsubtext {
    font-size: 11px;
    color: #006ecc;
    padding-left: 10px;
}

.title-text-label, .txtc {
    color: #00aeef;
}

.small-site {
    color: #30c7ff;
    font-size: 11px;
}

.inbox-compose-attachment .green.btn {
    padding: 4px 10px;
    width: 120px;
    height: 28px;
    background: #888;
    color: #fff;
}

.scroller {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
    padding: 10px 20px 10px 10px;
}

.slimScrollBar {
    display: none;
    margin: 20px 4px;
}

.inbox-compose-attachment .fileinput-button + .MultiFile-wrap .MultiFile-applied {
    cursor: pointer;
    height: 28px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120px;
}

.form-horizontal {
    font-size: 14px;
}

body {
    font-family: Segoe UI Semibold,Trebuchet MS,Sans-Serif;
    color: black !important;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.dl-horizontal dt {
    white-space: normal;
}

.overdiuetask .date {
    float: right;
    font-style: italic;
    padding: 4px 0 0;
}

.overdiuetask .task-title {
    max-width: 498px;
    display: inline-block;
    word-break: break-all;
    padding: 2px 0 0;
}

.overdiuetask .label.label-sm.icons-inline {
    float: left;
}

.overdiuetask li {
    background-color: #fafafa;
    clear: both;
    color: #82949a;
    float: left;
    margin-bottom: 7px;
    padding: 0 10px 0 10px !important;
    width: 100%;
}

.overdiuetask .icons-inline i {
    width: auto;
    padding: 3px;
}

.form-horizontal .btn {
    font-size: 15px;
}

.btn-primary.btn:hover {
    background: #00aeef;
}

.btn.btn-success, .btn-primary.btn {
    width: 134px;
    font-size: 15px;
}

.btn.blue-btn {
    font-size: 15px;
    background: #3c689b;
}

    .btn.blue-btn:hover, .btn.btn-success:hover, .form-horizontal .btn:hover {
        background: #3379b5;
    }

.selectimage .form-control {
    border: 0 none;
    height: auto;
}

.roles_fields input[type="checkbox"] {
    margin-right: 9px;
}

.tools.action-siblling form#frmExport {
    display: inline;
}

.feeds li .col1 > .cont > .cont-col2 > .desc {
    margin-left: 35px;
    overflow: hidden;
    margin-right: 80px;
    padding-bottom: 5px;
    padding-top: 4px;
}

.feeds li .col1 > .cont > .cont-col1 {
    float: left;
    margin-right: -100%;
}

    .feeds li .col1 > .cont > .cont-col1 > .label {
        display: inline-block;
        padding: 5px 4px 6px 5px;
        text-align: center;
        vertical-align: middle;
    }

.feeds li .col2 {
    float: left;
    margin-left: -82px;
    width: 82px;
}

    .feeds li .col2 > .date {
        color: #c1cbd0;
        font-style: italic;
        padding: 4px 9px 5px 4px;
        text-align: right;
    }

.task-list.feeds li {
    background-color: #fafafa;
    clear: both;
    color: #82949a;
    float: left;
    width: 100%;
    margin-bottom: 7px;
    padding: 1px 0 1px 10px;
}

.boxes {
    clear: both;
}

.login {
    background-color: #2a3f54 !important;
}

    .login .site_title i {
        border: 1px solid #eaeaea;
        border-radius: 50%;
        padding: 5px 6px;
    }

    .login .logo {
        margin: 0 auto 20px;
        padding: 15px;
        text-align: center;
        color: #fff;
    }

        .login .logo a {
            color: #fff;
            font-size: 24px;
        }

    .login .content {
        background-color: #fff;
        width: 360px;
        margin: 0 auto;
        margin-bottom: 0;
        adding: 30px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

        .login .content h3 {
            color: #000;
        }

        .login .content h4 {
            color: #555;
        }

        .login .content p {
            color: #222;
        }

        .login .content .input-group {
            border-left: 2px solid #2a3f54 !important;
            border-radius: 0;
        }

        .login .content .form-control {
            border-color: #ccc;
            box-shadow: none;
            border-radius: 0;
        }

        .login .content .input-group .form-control {
            border-left: 0;
            box-shadow: none;
        }

            .login .content .input-group .form-control:focus {
                box-shadow: none;
                border-color: #ccc;
            }

        .login .content .input-group .input-group-addon {
            border-radius: 0;
            background-color: #fff;
        }

        .login .content .form-title {
            font-weight: 300;
            margin: 0;
            margin-bottom: 5px;
        }

        .login .content .form-actions {
            background-color: #fff;
            clear: both;
            border: 0;
            border-bottom: 1px solid #eee;
            padding: 0 30px 25px;
            margin-left: -30px;
            margin-right: -30px;
        }

            .login .content .form-actions input[type="checkbox"] {
                margin: 0;
                margin-right: 3px;
                margin-top: 0;
            }

            .login .content .form-actions .checkbox label {
                position: relative;
                top: -3px;
            }

        .login .content .forget-form .form-actions {
            border: 0;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

        .login .content .register-form .form-actions {
            border: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .login .content .form-actions .checkbox {
            margin-left: 0;
            padding-left: 0;
            margin-top: 8px;
            display: inline-block;
        }

        .login .content .form-actions .btn {
            margin-top: 1px;
        }

        .login .content .forget-password {
            margin-top: 25px;
        }

        .login .content .select2-container {
            border-left: 2px solid #44B6AE !important;
        }

            .login .content .select2-container .select2-choice {
                border-left: none !important;
            }

            .login .content .select2-container i {
                display: inline-block;
                position: relative;
                color: #ccc;
                z-index: 1;
                top: 1px;
                margin: 4px 4px 0 -1px;
                width: 16px;
                height: 16px;
                font-size: 16px;
                text-align: center;
            }

        .login .content .has-error .select2-container i {
            color: #b94a48;
        }

        .login .content .select2-container a span img {
            margin-left: 4px;
        }

    .login .copyright {
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        color: #999;
        font-size: 13px;
    }

.green-haze.btn {
    color: #FFF;
    background-color: #2a3f54;
    border-radius: 0;
}

.overlay {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.loginpage .btn.green-haze {
    background-color: #5b9bd1;
    border-color: #5b9bd1;
    color: #fff;
    border-radius: 2px;
    display: block;
    font-size: 18px;
    line-height: 1.33;
    width: 100%;
    padding: 10px 16px;
    margin: 23px 0;
}

.loginpage .logo {
    padding: 40px 0 20px;
}

.loginpage .useaaccopunt {
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}

.loginpage .form-actions {
    padding-top: 15px;
}

footer {
    color: #fff;
    text-align: center;
}

.loginpage .btn.green-haze:hover {
    background: #355677;
}

.userid {
    border-radius: 4px 4px 0 0;
}

.loginpage .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.activityboxe h4.text-ellipsis {
    margin: 0;
    background: none;
}

.activityboxe.panel-default > .panel-heading {
    background: none;
    color: #58666e;
    font-size: 14px;
    padding: 10px 15px;
    border-color: #edf1f2;
}

#tomorrow-heading {
    border-bottom: 1px solid #edf1f2;
    padding: 10px;
}

.activity_body, .activityboxe {
    padding: 0;
}

.thumb-xs img {
    height: 34px;
    width: 34px;
    border-radius: 500px !important;
}

.m-r {
    margin-right: 15px;
}

.p-sm {
    padding: 5px 10px;
}

.custom-link {
    color: ##363f44;
    font-size: 14px;
    font-weight: 700;
}

    .custom-link a {
        color: #363f44;
        font-size: 14px;
    }

    .custom-link small {
        color: #b2b0b1;
        font-size: 13px;
        font-weight: 400;
    }

.p-sm b {
    color: #58666e;
}

.text-ellipsis {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #44b6ae;
}

.recent .text-ellipsis {
    color: #4B77BE;
}

.all_contact .thumb-sm img {
    height: 40px;
    width: 40px;
    border-radius: 4px !important;
}

.text-muted, small.text-ellipsis {
    color: #98a6ad;
    font-size: 13px;
}

.all_contact table tr td {
    border: 0 none;
    padding: 3px 0 3px 8px;
}

.tasks-widget .task-list > li > .task-title .task-title-sp {
    margin-right: 5px;
    font-size: 13px;
}

.label.label-sm {
    font-size: 12px;
    padding: 0 4px 1px;
}

.label-user {
    background-color: #ad9ef2;
}

.tasks-widget .task-list > li .icons-inline + .task-title {
    margin-left: 30px;
    position: relative;
    color: #838fa1;
    margin-right: 10px;
}

.label-opportunity {
    background-color: #8ed133;
}

.label-company {
    background-color: #f29ec7;
}

.date {
    color: #838fa1;
}

.label.label-sm.icons-inline {
    padding: 3px 4px 1px;
}

.label-text {
    background-color: #fd7917;
}

.task-title-sp {
    padding-right: 10px;
}

.task-footer {
    float: right;
    padding: 12px 8px 10px;
}

.task-list > li {
    border-bottom: 1px solid #f4f6f9;
    padding: 10px;
    position: relative;
}

.task-title {
    display: inline;
    margin-left: 10px;
}

ul.task-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.jambo_table.table thead tr th {
    font-weight: 600;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #f3f2f2, #e0e1e5) repeat scroll 0 0;
    border-color: #d1d5d9 #d1d5d9 #d1d5d9 #f6f6f6;
    font-family: Segoe UI Semibold,Trebuchet MS,sans-serif;
    font-size: 12px;
    height: 30px;
    margin: 0;
    vertical-align: middle;
    border-bottom: 1px solid #d1d5d9;
    border-right: 1px solid #d1d5d9;
    border-left: 1px solid #fff;
}

.jambo_table.table {
    border-collapse: inherit;
}

{
    border-color: #dee5e7;
    line-height: 22px;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background-color: #1a2835;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle !important;
    border: 1px solid #e7ecf1 !important;
    cursor: default !important;
    background: #fff4ec !important;
    border-bottom: 1px solid #ffb676 !important;
    border-top: 1px solid #ffb676 !important;
}

.jambo_table.table thead tr.searcharea th {
    background: #fdfdfd;
    border: 0 none !important;
}

.jambo_table.table tbody tr td {
    font-size: 13px;
    background: #fdfdfd;
    padding: 5px;
    border-bottom: 1px solid #fff;
    color: #000;
}

.jambo_table.table tbody tr:nth-child(odd) td {
    background: #fdfdfd;
}

.jambo_table.table tbody tr:nth-child(even) td, .new-even {
    background: #f9f9f9;
}

.jambo_table.table thead tr th:first-child {
    border-left: 1px solid #e7ecf1;
    font-family: Segoe UI Semibold,Trebuchet MS,Sans-Serif;
}

.jambo_table.table thead tr th:last-child {
    border-right: 2px solid #e7ecf1 !important;
    text-align: left;
}

.jambo_table.table thead tr.searcharea th:last-child {
    border-top: 2px solid #e7ecf1 !important;
}

.jambo_table.table tbody tr td a {
    color: #0094ff;
    text-decoration: none;
    font-size: 12px;
}

a.buttoncreate.btn.btn-warning {
    background: #3c689b;
    padding: 5px 14px;
    font-size: 14px;
    margin-right: 0;
}

.selectno .form-control {
    padding: 5px 10px;
    height: 30px;
}

.tools.action-siblling a {
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    color: #fff !important;
}

.search-btn {
    background-color: #dc5604 !important;
    border: none;
    border: none !important;
    border-radius: 5px !important;
}

.tools.action-siblling .dropdown-menu a {
    color: #000 !important;
    display: block;
    margin: 0;
}

.x_title h2 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    margin: 0;
}

.title_left h3 {
    padding: 0 10px 10px;
}

.x_title h2 i {
    position: relative;
    top: -2px;
}

.searchby {
    display: inline-block;
    padding-right: 10px;
    color: #34495e;
}

body table.jambo_table tbody tr:hover td {
    border-bottom: 1px solid #e7e7ea !important;
    border-top: 1px solid #e7e7ea !important;
}

body table.jambo_table thead th a.sorting, body table.jambo_table thead th a.asc-desc {
    background-position: right 0;
    color: #565656 !important;
    font-size: 12px;
    font-weight: 600;
    font-family: Segoe UI Semibold,Trebuchet MS,Sans-Serif;
}

body table.jambo_table thead th {
    font-size: 12px;
    font-weight: 600;
}

.jambo_table thead td {
    background: #fff7ed none repeat scroll 0 0;
}

.jambo_table.table thead tr th a, .jambo_table.table tbody tr.dynamicPager td a.active, .side-box .link {
    color: #fff !important;
}

.stats1.tile-stats .icon i {
    color: #e74c3c;
}

.stats2.tile-stats .icon i, .notes .text-ellipsis {
    color: #3498db;
}

.stats3.tile-stats .icon i {
    color: #ad9ef2;
}

.stats4.tile-stats .icon i {
    color: #8ed133;
}

.dashboardbreadcum {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.readmoreds a {
    display: inline-block;
    background: #3c689b;
    color: #fff;
    padding: 4px 10px;
    margin: 8px 11px;
}

    .readmoreds a:hover {
        color: #fff;
        background: #4096d7;
        text-decoration: none;
    }

.tb {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 10%;
}

.tb-cell {
    display: table-cell;
    vertical-align: middle;
}

.loginpage {
    display: block;
    background: rgba(0, 0, 0, .5);
    padding: 15px;
    color: #fff;
}

.logo {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.form-heading {
    display: block;
    text-align: left;
    border-bottom: 1px solid #666;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

    .form-heading h2 {
        font-size: 26px;
        margin-top: 0;
    }

    .form-heading span {
        font-size: 13px;
        font-weight: 400;
    }

.loginpage .checkbox {
    display: inline-block;
    line-height: 22px;
    font-size: 13px;
    vertical-align: middle;
    padding: 0;
}

.forget-psw {
    float: right;
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}

    .forget-psw:hover {
        text-decoration: none;
        color: #fff;
    }

.loginpage .checkbox input[type="checkbox"], .loginpage .checkbox-inline input[type="checkbox"], .loginpage .radio input[type="radio"], .loginpage .radio-inline input[type="radio"] {
    margin-left: 0;
}

.blue-btn {
    background: #2980b9 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px !important;
    text-transform: none;
}

    .blue-btn:hover, .blue-btn:focus {
        background: #16A085;
        color: #fff;
    }

.loginpage .form-control {
    border-radius: 3px;
    font-size: 13px;
    height: 38px;
}

.create-account {
    display: block;
    text-align: center;
    border-top: 1px solid #666;
    font-size: 13px;
    padding: 10px 0 0;
}

    .create-account a {
        color: #eee;
        text-decoration: underline;
    }

        .create-account a:hover, .login .logo a:hover {
            text-decoration: none;
        }

.taskdetails {
    padding: 20px 0;
}

.titledelete {
    padding: 10px 20px;
}

.namefield {
    line-height: 35px;
    font-size: 14px;
}

.imgframe {
    max-width: 300px;
}

    .imgframe img {
        max-width: 100%;
    }

.backbutton {
    margin: 0;
    float: right;
    padding: 0;
}

.tools.action-siblling .backbutton a {
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.backbutton a i, .total__amount {
    font-size: 18px;
}

.x_panel .x_content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.addopportunity .form-horizontal {
    max-width: 800px;
    margin: auto;
}

.right_col .portlet.light .portlet-body {
    padding-top: 0;
}

.addopportunity .form-horizontal input, .addopportunity .form-horizontal select {
    width: 100%;
    line-height: 22px;
    height: 34px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    padding: 6px 12px;
}

.addopportunity .form-horizontal .control-label {
    text-align: left;
    font-size: 14px;
}

.addopportunity h4 {
    font-weight: 700;
    padding-bottom: 10px;
}

.addopportunity .form-horizontal input.multi {
    width: auto;
    border: 0 none;
}

.addopportunity input.btn.btn-default {
    background: #428bca;
    font-size: 20px;
    color: #fff;
    border: 0 none;
    height: auto;
    margin-top: 40px;
    padding: 10px 0;
}

.autocomplete.autocomplete1. dlautocomplete {
    margin: 0;
    list-style: none;
    padding: 0;
}

.dlautocomplete li {
    font-size: 14px;
    line-height: 16px;
    padding: 6px 12px;
}

    .dlautocomplete li a {
        color: #333;
    }

.dlautocomplete {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ebebeb;
    left: 10px;
    margin-top: 2px;
    max-height: 250px;
    width: 509px;
    overflow-y: auto;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 999;
}

    .dlautocomplete li:hover {
        background: #eee none repeat scroll 0 0;
        cursor: pointer;
        text-decoration: none;
    }

.right_col .portlet.light .portlet-body.opportunity_details {
    line-height: 30px;
    font-size: 13px;
    padding: 15px 0 0;
}

.opportunity_details label, .login .content .select2-container a span {
    font-size: 13px;
}

.addopprtunity label.control-label {
    background: #f2f6f9;
    padding: 9px 11px;
    color: #5b9bd1;
}

.addopprtunity label.textare_label {
    padding: 7px 11px 55px;
}

.addopprtunity .form-group, .firstname label {
    margin: 0;
}

.addopprtunity form {
    padding: 0 49px 40px;
}

.addopprtunity .form-control {
    margin: 3px 0;
}

textarea.form-control {
    margin-bottom: 10px;
}

.uploadfilein {
    margin: 10px 0;
}

a.dt-button {
    display: block;
    padding: 5px 0 5px 10px;
    margin: 0;
    color: #555;
    line-height: 18px;
    font-size: 14px;
}

    a.dt-button span {
        display: block;
        padding: 10px 0 10px 44px;
        color: #555;
        line-height: 18px;
        font-size: 14px;
    }

    a.dt-button:hover {
        text-decoration: none;
        background-color: #f6f6f6;
    }

.dt-button.buttons-html5.buttons-copy span, .dt-button.buttons-print span {
    background: url(../../images/Export/print.png) no-repeat 5px center;
}

.dt-button.buttons-html5.buttons-excel span {
    background: url(../../images/Export/xls.png) no-repeat 5px center;
}

.dt-button.buttons-html5.buttons-csv span {
    background: url(../../images/Export/csv.png) no-repeat 5px center;
}

.dt-button.buttons-html5.buttons-pdf span {
    background: url(../../images/Export/pdf.png) no-repeat 5px center;
}

.opportunity_details strong {
    font-weight: 400;
}

.button-align {
    text-align: center;
    padding-top: 10px;
}

.hyperlinks {
    color: #337ab7 !important;
}

    .hyperlinks:hover {
        color: #337ab7 !important;
        text-decoration: underline !important;
    }

#bulk-action-btns {
    float: right;
    font-family: Segoe UI Semibold,Trebuchet MS,Sans-Serif;
    padding: 0;
}

#contactTabelView {
    padding: 0 5px;
    margin: 0;
    border: 0 none;
}

#bulk-action-btns ul {
    padding: 10px;
}

.customdropdown {
    position: relative;
    top: auto;
    right: auto;
    float: right;
    margin-left: 15px;
}

#contactTabelView:hover {
    background: #fff;
}

#bulk-action-btns ul li {
    padding: 3px 0;
}

.customdropdown .dropdown-menu li > a {
    padding: 0;
    font-size: 12px;
}

#contact-custom-coloumns ul li a {
    color: #000 !important;
    text-decoration: none;
    outline: 0 none;
    background: none;
}

.customdropdown .i-checks {
    cursor: pointer;
    padding-left: 20px;
}

    .customdropdown .i-checks input {
        margin-left: -20px;
        opacity: 0;
        position: absolute;
    }

        .customdropdown .i-checks input:checked + i {
            border-color: #23b7e5;
        }

            .customdropdown .i-checks input:checked + i::before {
                background-color: #23b7e5;
                height: 10px;
                left: 4px;
                top: 4px;
                width: 10px;
            }

        .customdropdown .i-checks input:checked + span .active {
            display: inherit;
        }

        .customdropdown .i-checks input[type="radio"] + i, .customdropdown .i-checks input[type="radio"] + i::before {
            border-radius: 50%;
        }

        .customdropdown .i-checks input[disabled] + i, .customdropdown fieldset[disabled] .i-checks input + i {
            border-color: #dee5e7;
        }

            .customdropdown .i-checks input[disabled] + i::before, .customdropdown fieldset[disabled] .i-checks input + i::before {
                background-color: #dee5e7;
            }

    .customdropdown .i-checks > i {
        background-color: #fff;
        border: 1px solid #cfdadd;
        display: inline-block;
        height: 20px;
        line-height: 1;
        margin-left: -20px;
        margin-right: 4px;
        margin-top: -2px;
        position: relative;
        vertical-align: middle;
        width: 20px;
    }

        .customdropdown .i-checks > i::before {
            background-color: transparent;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            top: 50%;
            width: 0;
        }

    .customdropdown .i-checks > span {
        margin-left: -20px;
    }

.customdropdown .i-checks-sm input:checked + i::before {
    height: 8px;
    left: 3px;
    top: 3px;
    width: 8px;
}

.customdropdown .i-checks-sm > i {
    height: 16px;
    margin-left: -18px;
    margin-right: 6px;
    width: 16px;
}

.customdropdown .i-checks-lg input:checked + i::before {
    height: 12px;
    left: 8px;
    top: 8px;
    width: 12px;
}

.customdropdown .i-checks-lg > i {
    height: 30px;
    width: 30px;
}

.customdropdown div#lead-custom-coloumns.compact:hover .dropdown-menu, div#contact-custom-coloumns.compact:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.customdropdown div#lead-custom-coloumns .dropdown-menu, .customdropdown div#contact-custom-coloumns .dropdown-menu {
    display: none;
    margin-top: 0;
}

.customdropdown .collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition-duration: 0.35s;
    transition-property: height, visibility;
    transition-timing-function: ease;
}

.customdropdown .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.customdropdown .dropdown, .ralative {
    position: relative;
}

.customdropdown .dropdown-toggle:focus {
    outline: 0 none;
}

.customdropdown .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

    .customdropdown .dropdown-menu.pull-right {
        left: auto;
        right: 0;
    }

.table-width span {
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.div-left span {
    padding-left: 7px;
}

.div-right {
    text-align: right;
}

    .div-right label {
        text-align: right !important;
    }

.table-journey-header {
    text-align: left !important;
    font-size: 16px !important;
}

.table-details-header {
    text-align: left !important;
    font-size: 13px !important;
}

.hr-height10 {
    height: 10px;
}

.gray-box {
    background: #e9ecf3;
    padding: 20px 10px;
    border: 1px solid #d6d6d6;
    margin-top: 5px;
}

span.single-row {
    display: block;
    text-align: center;
    color: #6d6d6d;
}

.bold-text {
    font-weight: 600;
    color: #424141 !important;
}

.a-underling:hover {
    text-decoration: underline;
}

.modalpopup {
    margin: auto;
    background: #fff;
    position: fixed;
    left: 31%;
    top: 10%;
    z-index: 999999;
    width: 36%;
    padding: 21px 5px 10px;
}

.popup-body table th, .popup-body table td {
    width: 15%;
    padding: 5px 10px 0;
}

.popup-body {
    overflow-y: scroll;
    height: 450px;
}

.btnclose_popup {
    float: right;
    margin-top: -19px;
    position: absolute;
    left: 95%;
}

.show_popup {
    position: absolute;
    left: 97%;
    top: 25%;
    color: #ccc;
}

    .show_popup:hover {
        color: #1c83da;
    }

a.link-new-a {
    background: #00aeef;
    color: #fff;
    padding: 6px;
    font-size: 23px;
    font-weight: 500;
    width: 10% !important;
}

.link-jrf {
    font-weight: 700;
    color: #00aeef;
    text-decoration: underline;
}

.search-btn:hover {
    background-color: #dc5604 !important;
}

.search-btn {
    background-color: #ee5a00 !important;
}

.btn-advance {
    background: #fff !important;
    border: 1px solid #3c689b;
    border-width: 1px !important;
}

    .btn-advance:hover {
        background: #efefef !important;
    }

.cardtype {
    margin-top: 5px;
    display: none;
    position: absolute;
    background: #00aeef;
    padding: 5px 15px 15px;
    overflow: hidden;
    z-index: 1;
}

    .cardtype label {
        padding-top: 10px;
        color: white;
    }

.form-horizontal .ok-btn:hover {
    background: white !important;
    border: 1px solid #3c689b !important;
}

.custclose {
    color: white;
}

    .custclose:hover {
        color: #565656;
    }

.show-block, .all_contact .portlet_header_icons {
    display: block;
}

.table-view {
    display: table;
    width: 100%;
}

.custom-select {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
}

.custom-input input[type="radio"] {
    margin-right: 5px;
    margin-top: 4px !important;
    display: inline-block;
    vertical-align: top;
}

.custom-label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 13px;
    text-align: right;
}

.custom-input {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
}

.table-view select, .table-view input {
    padding-left: 8px;
    padding-right: 8px;
}

.homelink {
    background-color: white !important;
    font-size: 23px !important;
    color: #a0a0a0 !important;
}

    .homelink:hover {
        background-color: white !important;
        color: #737373 !important;
        font-size: 23px !important;
    }

.page-number {
    cursor: pointer !important;
    background: #e2e2e2 !important;
    color: #000 !important;
    border: 1px solid #dcdcdc !important;
}

    .page-number:hover {
        background: #bdbdbd !important;
        color: #fff !important;
        border: 1px solid #868686 !important;
    }

.customepage a {
    font-size: 12px !important;
}

    .customepage a.active, .c-white {
        color: white !important;
    }

.reportcol {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

    .reportcol label, .reportcol input {
        display: inline-block;
        margin-left: 0 !important;
    }

span.click-slink {
    font-size: 14px;
    right: 5px;
    top: 21px;
    cursor: pointer;
    float: right;
    width: 100%;
    text-align: right;
}

.box-news {
    padding: 10px;
    border: 1px solid #00aeef;
    background-color: #fff;
}

.news-header {
    background: #757171;
    color: #fff;
    padding: 20px;
    margin: 0;
    border-top: 1px solid #00aeef;
    border-left: 1px solid #00aeef;
    border-right: 1px solid #00aeef;
}

.info-table {
    width: 100%;
    background: #00adef;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.left-note-color {
    border: 1px solid #b3b3b3;
    background-color: #e9ecf3;
    padding: 5px;
    border-radius: 5px !important;
    float: left;
    text-align: left;
    word-break: break-word;
}

.right-note-color {
    border: 1px solid #0c72d2;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px !important;
    float: right;
    position: relative;
    word-break: break-word;
}

.gray-box table td, .info-table td {
    padding: 5px;
}

.ntv-header {
    width: 100%;
    margin-top: 0;
    font-weight: 700;
    font-size: 15px;
}

    .ntv-row .ntv-col, .ntv-header .ntv-col {
        width: 20%;
        display: inline-block;
    }

.ntv-inline p, .ntv-inline a, .logo img, .label-opportunity p {
    display: inline-block;
}

.ntv-inline a {
    padding-left: 5px;
}

.ntv-fancyRadioGroup input {
    margin-right: 5px;
}

.popup-table td {
    border: 1px solid #ccc;
    padding: 10px;
}

.ntv-fancyRadioGroup {
    display: flex;
}

.ntv-row {
    margin-bottom: 10px;
    font-size: 15px;
}

.ntv-logo {
    width: 80px;
    float: right;
}

.raj_edit_link, .raj_delete_link {
    float: right;
    padding: 0 5px 0 0;
}

#mceu_35, .description-popu, .jrf-hide, .customdropdown .i-checks > span .active, .activityboxe .portlet_header_icons, .navbar-inverse, .login .content .register-form, .login .content .forget-form, .field-validation-valid {
    display: none;
}

#p2pEnquiryDetl .remove-note {
    float: right;
    position: absolute;
    top: 35%;
    left: -21px;
}

    #p2pEnquiryDetl .remove-note i {
        font-size: 21px;
    }

#p2pEnquiryDetl .note-padding-bottom {
    padding-bottom: 20px;
}

#printReceipt table tr td {
    font-size: 12px;
    font-family: sans-serif;
}

#printReceipt .clsLft {
    width: 60%;
}

#printReceipt .clsRt {
    width: 40%;
}

#printReceipt .brd {
    border: 1px solid #999;
}

#evTermConditionModal .modal-dialog {
    width: 75% !important;
}

#P2PBookingCart .show-dob-info {
    padding: 7px 0 0;
}

#P2PBookingCart .dobModal {
    width: 35%;
    left: 77%;
    font-size: 12px;
    position: absolute;
}

#RegionalTrainResult .modal {
    top: 8%;
}

#RegionalTrainResult .group-height {
    height: 30px;
}

#RegionalTrainResult .model-height, #P2PBookingCart .model-height {
    height: 350px;
}

#RegionalTrainResult .inner-model-height, #P2PBookingCart .inner-model-height {
    height: 350px;
    overflow: auto;
}

#RegionalTrainResult .modal-dialog {
    width: 75%;
}

#RegionalTrainResult #myModal .modal-dialog {
    width: 55%;
}

#RegionalTrainResult #myModal {
    top: 18%;
}

#RegionalTrainResult .depar-arival-st {
    width: 49%;
}

#Reservation .custom-check input {
    width: 3%;
}

#Reservation .custom-check label {
    width: 29%;
}

#Reservation .newtable, .ntv-panel, .table-width, .wdtp100 {
    width: 100%;
}

    #Reservation .newtable tr td.first, .second {
        margin: 10px 10px 10px 0;
    }

#Reservation .reserve-info h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

#Reservation .reserve-info #div_Reservation1, .reserve-info #div_Reservation2 {
    text-align: left;
    margin: 4% 0 1% 6%;
}

    #Reservation .reserve-info #div_Reservation1 td:first-child {
        display: inline-flex;
    }

#Reservation .childreserve-info {
    margin-bottom: 1%;
}

#Reservation .hd-block, .del-hd-block, .mce-branding-powered-by {
    display: none !important;
}

#SeatAllocation input[type=submit], #Reservation input[type=submit] {
    float: right;
}

#SeatAllocation .table > tbody > tr > td {
    padding: 7px 0 0 54px;
    border: none;
}

.reduction-card-desc {
    color: #DC5604;
}




/*START media*/

@media (max-width:480px) {

    .mobile-width100 {
        width: 100%;
    }

    .padding0 {
        padding: 0px !important;
        position: relative;
        min-height: 1px;
        float: left;
        padding-right: 10px;
    }

    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        width: 280px;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .login .checkbox {
        font-size: 13px;
    }

    .form-heading h2 {
        font-size: 20px;
    }
}
/*END media*/


.Thalysbox label {
    padding-left: 10px;
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 10px;
}

/*.Thalysbox input {
	text-indent: 50px;
}*/

.Eurostarbox label {
    padding-left: 10px;
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 10px;
}

/*.Eurostarbox input {
	text-indent: 50px;
}
*/
.Voyageurbox label {
    padding-left: 10px;
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 10px;
}

/*.Voyageurbox input {
	text-indent: 65px;
}*/

.fa-pencil-square-o {
    color: black;
}

.modalBackgrounddiv img {
    width: 100%;
}

    .modalBackgrounddiv img.loadingfooter {
        height: 20px;
    }

.modalBackgrounddiv .loadingfootertext {
    position: relative;
    color: #00adef;
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 0;
    padding: 17px 0 0 0;
}

.modalBackgrounddiv .loadingimg {
    width: 200px;
    display: inline-block;
    margin-bottom: 18px;
    margin-top: -15px;
}

.countrycode {
    right: 5px;
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    color: #6d6d6d;
}

select, input {
    border: 1px solid #ccc !important;
}

.ui-datepicker {
    z-index: 99 !important;
}

.chkseatmap {
    position: absolute;
    top: -40px;
    right: 10px;
}

.bookingtooltip {
    position: absolute;
    width: 304px;
    text-align: justify;
    left: 17%;
    top: 81%;
    z-index: 1;
    border: 1px solid #d8d8d8;
    border-radius: 5px !important;
    padding: 10px;
    background: #fff8d3;
}

    .bookingtooltip span {
        display: block;
        line-height: 22px;
    }

.hide-radio-row {
    position: absolute;
    height: 36px;
    width: 100%;
    z-index: 1;
}

.co2text {
    /*position: absolute;*/
    top: -10px;
    font-weight: bold;
}

#tblOrderDetails thead tr th, #tblOrderDetails tbody tr td {
    text-align: center;
    vertical-align: middle;
}

.carnet-title {
    display: block;
    font-size: 11px;
    font-weight: bold;
}

.pico-border-hr {
    background-color: #00aeef;
    height: 3px;
}

.carnet-header span {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.carnet-header {
    background: #00AEEF;
    padding: 15px 0px 15px 0px;
    color: white;
}

.carnet-pass {
    border: 1px solid #e1e1e1;
    border-radius: 5px 5px 5px 5px !important;
    background: white;
    display: table;
    width: 100%;
}

.carnet-pass-col {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.carnet-text-right {
    text-align: right;
}

.carnet-40 {
    width: 40%;
}

.carnet-30 {
    width: 30%;
}

.carnet-20 {
    width: 20%;
}

.carnet-10 {
    width: 10%;
}

.carnet-pass-col a {
    margin: 0px;
}

.carnet-title img {
    display: inline;
    width: 90px;
}

.readonly-control {
    pointer-events: none;
    background: #e7e7e7 !important;
}

@media (max-width:600px) {
    .mobile-width100 {
        width: 100%;
    }

    .custom-select, .custom-input {
        margin-bottom: 10px;
    }

    .custom-label {
        font-size: 14px;
    }

    .custom-select, .custom-input, .custom-label {
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
}


@media (max-width:1620px) {
    .customdropdown {
        position: relative;
        top: auto;
        right: auto;
        float: right;
        margin-left: 15px;
        width: 100%;
        text-align: center;
    }

        .customdropdown .col {
            width: 25px;
            margin: 10px auto auto auto;
        }

    #contact-custom-coloumns {
        position: relative !important;
        padding: 0px !important;
    }

    .Countinue {
        float: right;
        margin-top: 10px;
    }
}

/* New Db Bahn Card */

.MultiCheckBoxDetail {
    border: 1px solid #e2e2e2;
    font-family: Segoe UI Semibold,Trebuchet MS,Sans-Serif;
}

.MultiCheckBoxDetailBody {
    overflow-y: auto;
    background-color: #fff;
}

.MultiCheckBoxDetail .cont {
    clear: both;
    overflow: hidden;
    padding: 2px;
}

    .MultiCheckBoxDetail .cont:hover {
        background-color: #0082f3;
        color: #fff;
    }

.MultiCheckBoxDetailBody > div > div {
    float: left;
    padding-right: 6px;
    padding-left: 2px;
}

.MultiCheckBoxDetailHeader {
    overflow: hidden;
    position: relative;
    height: 28px;
    background-color: #fff;
    padding: 5px 5px 5px 8px;
}

/* End New Db Bahn Card*/

.notselected {
    background: #ffddab;
    margin-top: 20px;
    padding: 10px;
}

.card-type {
    height: 60px;
    padding-left: 10px;
}


#btnPay {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.paymentprocess {
    text-align: center;
    font-size: 17px;
}

.position-relative {
    position: relative !important;
}

.eurotitle {
    font-weight: 600;
}

.no-border {
    border: none !important;
}

.box-info-details {
    padding: 10px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
}

.next-box {
    margin-top: 30px;
}

.coemissions {
    display: flex;
    align-content: center;
}

    .coemissions p {
        margin-bottom: 0;
        padding-left: 7px;
        color: #97C832;
        font-weight: 600;
    }

        .coemissions p span {
            vertical-align: baseline;
            font-size: 75%;
            line-height: 0;
        }

.required-error {
    color: red;
    font-size: 14px;
    vertical-align: text-top;
    padding-left: 5px;
    line-height: 18px;
}

.height50 {
    height: 50px !important;
}

.regional-box {
    display: inline-flex;
}

    .regional-box .first {
        background-color: #00aaeb !important;
        display: inline-block !important;
        border-radius: 5px 0px 0px 5px !important;
        width: 5%;
    }

        .regional-box .first i {
            position: relative;
            top: 203px;
            color: white;
            font-size: 18px;
            display: flex;
            justify-content: center;
        }

    .regional-box .second {
        background-color: #effaff !important;
        display: inline-block !important;
        width: 94%;
        margin: 0px !important;
        padding: 10px;
    }

.regional-expand {
    position: absolute;
    right: 35px;
}

.regional-box .second h3 {
    font-size: 18px;
    padding: 0px;
    margin: 3px;
}


.regional-info ul {
    padding-left: 18px;
}

    .regional-info ul li {
        padding: 5px;
    }

.modal-footer.renefe-footer {
    border: none;
}

.width88px {
    width: 88px !important;
}

.link-box-orderdetail {
    margin: 10px 10px 10px 10px;
}

.col-w60 {
    width: 160px !important;
}

.eurostar-api-info-box {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 24px;
}

    .eurostar-api-info-box .eu-second {
        padding: 16px;
        background-color: rgb(242, 242, 242);
        border-radius: 8px !important;
    }

    .eurostar-api-info-box .eu-first .eu-first-p1 {
        font-weight: bold;
        margin-bottom: 16px;
        margin-top: 30px;
    }

    .eurostar-api-info-box .eu-second h4 {
        font-weight: bold;
    }

    .eurostar-api-info-box .eu-second div span {
        background-color: currentcolor;
        mask: url(../../images/eurostar-question-circle.svg) center center / contain no-repeat;
        margin: 0px 8px 0px 0px;
        width: 16px !important;
        height: 16px !important;
    }

    .eurostar-api-info-box .eu-second a {
        display: inline-flex;
        color: rgb(13, 87, 204);
    }

    .eurostar-api-info-box .eu-second div {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .eurostar-api-info-box .eu-second .eu-second-span-one {
        background-color: currentcolor;
        mask: url(../../images/eurostar-question-circle.svg) center center / contain no-repeat;
        margin: 4px 8px 0px 0px;
        width: 16px !important;
        height: 16px !important;
    }

    .eurostar-api-info-box .eu-second .eu-second-span-two {
        text-decoration: underline;
    }

    .eurostar-api-info-box .eu-second .eu-second-span-three {
        margin: 4px 0px 0px 8px !important;
        width: 16px !important;
        height: 16px !important;
        background-color: currentColor;
        mask: url(../../images/eurostar-arrow-circle.svg);
    }

.euroadp {
    max-width: 200px;
    text-align: center;
}

.iryo-box {
    border: 1px solid #e7ecf1;
    padding: 10px;
}

.iryo-root .required-field {
    padding-left: 0px;
}

.iryo-h4 {
    font-weight: 600 !important;
}

.sel-addons {
    color: #818181;
}

.iryo-tabcontent .tab-pane {
    padding: 10px;
    border: 1px solid #def6ff;
    margin: 10px;
}

.iryo-tabcontent {
    overflow-x: auto;
    max-height: 580px;
}

.iryo-detail {
    margin-left: 30px;
}

.iryo-detail {
    margin-left: 17px;
}

    .iryo-detail:last-of-type {
        color: #236ab7;
    }

.iryo-h2 {
    font-size: 18px;
    font-weight: 500;
    color: #e55800;
    border-bottom: 1px solid #f1c9b0;
    margin: 24px 0px 15px 9px;
}

.iryodocPatternError {
    font-size: 12px;
    padding-left: 0px;
}

.w350 {
    width: 350px;
}

.display-inline-block {
    display: inline-block !important;
}

.margin-10 {
    margin: 10px;
}
