﻿.radio-button {
    border-bottom: 1px solid #9e9e9e;
    margin-bottom: 1em;
    padding-bottom: 20px;
}
.covidStatement {
    color: #000000;
    font-size: 10px;
    font-style:italic;
}

.block {
    display: block;
    margin: 0 auto;
}

.ui-widget-overlay {
    opacity: .5;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.align-right {
    text-align: right;
}

.print {
    margin: 30px 0;
    display: inline-block;
    font-size: 14px;
}

#navMenuMain {
    display: none !important;
}

.logo-ibis {
    
}
    .logo-ibis img {
        margin: 0.5rem 0;
        width: 200px;
    }


.main-header.sticky .xnav-full .xnavbar-main .xnavbar-main-menu-right img {
    margin-top: -3px;
    height: 60px;
}

.input-field label {
    font-size: 16px;
}

select {
/*    border: 0;
    outline: none;
    border-bottom: 1px solid #9e9e9e;*/
    display: inline-block;
}

    select:focus {
        outline: none;
    }

@media (max-width: 380px) {
    .input-field label.label-small {
        margin-top: -25px;
    }

        .input-field label.label-small.active {
            margin-top: 15px;
        }
}

.input-field label.active {
    color: #2b416b;
    font-size: 14px;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2b416b !important;
}

input:not([type]).valid, input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #2b416b !important;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #3D5B94;
}

/*.btn-ibis {
    margin-top: 5px;
}*/

/*    .btn-ibis.company {
        background-color: #2b355c !important;
    }

        .btn-ibis.company:hover {
            background-color: #2b416b !important;
        }

.btn-ibiswhite.company {
    min-width: 140px;
    padding: 10px 15px;
    margin-top: 5px;
}*/

.ibis-declaration hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

.ibis-declaration p {
    font-size: 12px !important;
}

p.center {
    text-align: center;
}

.info-message {
    color: #ff0000;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}

.login-panel input.form-control {
    display: inline-block;
    max-width: 250px !important;
}

.box-title {
    color: #2B355C !important;
    background-color: #FFFFFF;
    /* box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); */
    /* border-bottom: 1px solid #8c8c8c; */
    /* border-left: 4px solid #2B355C; */
    /* padding: 0px 15px; */
    text-align: left;
    text-decoration: none;
    transition: .1s cubic-bezier(0, 0, 1, 0.38);
}

div.outer-btn-box {
    padding-left: 0;
    margin-bottom: 30px;
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #2b355c;
}

.notescript {
    font-size: 10px;
    vertical-align: super;
    font-style: italic;
}

[type="checkbox"] + label {
    padding-left: 25px;
    font-size: 14px;
}

div.nav-step {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-align: center;
    background-color: #2b355c;
    font-size: 14px;
    min-height: 30px;
    height: 30px;
    line-height: 30px;
}

div.nav-current {
    background-color: var(--red-theme-color-darker);
}

.sidebar .vertical-bar {
    color: #8c8c8c;
}

table, td, tr {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

p.sub-title {
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    font-size: 18px;
}

.question label {
    margin-right: -15px;
    margin-left: -15px;
}

input.required {
    background-color: #FFFF99;
}

textarea {
    height: auto;
}

.term-condition label {
    width: auto;
}

.term-condition + span.red-text {
    position: relative;
    top: 10px;
}

div.notes {
    margin: 0 50px;
}

    div.notes p {
        line-height: 20px;
        padding-bottom: 5px;
    }

@media (max-width: 565px) {
    div.notes {
        margin: 0;
    }
}

.sidebar {
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    max-width: 200px;
    min-width: 170px;
    z-index: 1000;
}

.sidebar-left {
    min-height: 250px;
    margin: 0 auto;
}

.sidebar-right {
    background-color: rgba(43,53,92,0.6);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin: 0 auto;
}

    .sidebar-right input.btn {
        margin-top: 5px;
    }

@media screen and (max-width: 990px) {
    .sidebar-right {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100vw;
        padding: 2px;
    }

        .sidebar-right .block {
            display: inline-block;
        }
}

.save-info-box {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #C94927;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 5px 0px 0px 5px;
    width: 100px;
    z-index: 3000;
}

.notification {
    color: #fff !important;
    font-weight: bold;
    background-color: #2b355c;
    border-radius: 5px;
    padding: 10px 5px;
}

div.label-field {
    margin-bottom: 5px;
}

.label-field label.required {
    background-color: #bdbdbd;
}

.label-field label {
    font-weight: normal;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 0;
}

.label-field .value.required {
    background-color: #f3f3f3;
}

.label-field .value {
    font-weight: bold;
    padding: 5px 10px 5px 25px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #9e9e9e;
    height: 100%;
}

@media (max-width: 767px) {
    .input-field label.label-small {
        font-size: 15px;
    }

    .label-field label {
        margin-bottom: 0;
    }

    .container2 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .container2 .first {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
        }
}

@media (min-width: 768px) {
}

.padding-left-0 {
    padding-left: 0;
}

.padding-right-0 {
    padding-right: 0;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.visible-print {
    display: none;
}

.notescript a {
    color: #2b416b;
}

@media print {
    html {
        height: 100%;
    }

    body {
        height: 100%;
    }

    @page {
        size: auto; /* auto is the initial value */
        /* this affects the margin in the printer settings */
        margin: 20mm 12mm;
    }

    #fullContent {
        height: 100%;
    }

    header {
        display: block;
        position: relative !important;
    }

    .container-fluid {
        display: block;
        position: relative !important;
    }

    .hidden-print {
        display: none;
    }

    .visible-print {
        display: inline-block;
    }

    .col-xs-12, .col-md-12 {
        width: 100%;
    }

    .col-xs-6, .col-md-6, .col-sm-6 {
        width: 50%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-8 {
        width: 66.66666666%;
    }

    .disclaimer {
        height: 250px;
    }

    .banner-cell {
        width: 100%;
        text-align: center;
    }

    .header-logo {
        width: 100%;
        display: inline-block;
    }

        .header-logo div {
            width: 48%;
            display: inline-block;
        }

        .header-logo .logo1 {
            text-align: left;
        }

            .header-logo .logo1 img {
                text-align: left;
                width: 200px;
            }

        .header-logo .logo2 {
            text-align: right;
        }

            .header-logo .logo2 img {
                text-align: right;
                width: 200px;
                margin-top: -50px;
            }

    h3 {
        font-size: 23px;
    }

    p {
        font-size: 13px;
    }

        p.size2 {
            font-size: 15px;
        }

    div.label-field div.col-sm-4 {
        padding-right: 5px !important;
    }

    .label-field .value {
        padding-left: 10px;
    }
}
