﻿.form-content {
    background-color: white;
    padding: 1rem;
}

.lgx-inner-form {
    padding: 0 !important;
}
.add-bottom-margin {
    margin-bottom: 20px !important;
}
.add-bottom-margin-100 {
    margin-bottom: 100px;
}
.show-grid {
    border: 1px solid green;
}
.edit-button {
    display: block;
    margin: 0 auto;
}
.label-grey {
    color: darkgrey
}
.checkbox-label {
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
    display: block;
}

.checkbox-label-inline {
    font-size: .87rem;
    text-align: left;
    margin-left: 15px;
    display: inline !important;
    line-height: .2rem !important;
}
.checkbox-single-line {
    text-align: left;
    margin-left: 10px;
    font-weight: normal;
    display: inline-block;
}
    .checkbox-single-line ::after {
        content: "<br />";
    }
.payment-type-label {
    margin-left: 10px;
    display: inline;
    margin-right: 15px;
}
.credit-cards {
    margin-right: 15px;
}
.cvv-code {
    padding-top: 35px;
    padding-left: 0 !important;
}


/* rules for form elements */
.title-select {
    width: 200px;
}

label.normal-inline-label {
    display: inline-block;
}

textarea.word-counter {
    margin-bottom: 0px;
}

textarea.input-validation-error, textarea.word-counter {
    margin-bottom: 16px;
}

.word-counter {
    margin-top: 0px;
    font-size: 10pt;
    margin-bottom: 10px;
}

label.word-counter {
    float: right;
}

h2.section-title {
    font-size: 16pt;
    font-weight: bolder;
    color: #00535d;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #AAAAAA;
}

/* styling the webgrid */
.grid {
    width: 100%;
    border-collapse: collapse;
}

.gv-heading {
    color: #00535D;
    font-family: Verdana, Arial;
    font-size: 12pt;
    height: auto;
    padding: 2px;
    background: #D3D2BE;
}

tr.gv-heading th {
    height: 30px;
    text-align: center;
    line-height: 0.6rem;
    padding: 0 10px 0 10px;
    border: 1px solid #AAAAAA;
}

    tr.gv-heading th a {
        color: #00535D;
        font-family: Verdana, Arial;
        font-size: 10pt;
        padding: 2px;
    }

.gv-row {
    border: 1px solid #EEE;
    padding: 4px;
    color: #1D1D1D;
    font-size: 10pt;
}

.gv-alternate-row {
    background-color: #EEEEEE;
    color: #1D1D1D;
    font-size: 10pt;
}

    .gv-row td, .gv-alternate-row td {
        padding: 5px 5px 5px 5px;
    }

.gv-footer {
    color: #003300;
}

td.gv-name-column {
    border-left: 1px solid #AAAAAA;
    width: 43%;
    float: none !important;
}

td.gv-id-column {
    border-left: 1px solid #AAAAAA;
    width: 30px;
}

td.gv-action-column {
    text-align: center;
    margin: 0 auto;
}
td.gv-address-column {
    border-left: 1px solid #AAAAAA;
    width: 30%;
    float: none !important;
}

label.radio-button-label {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 15px;
}

#CoAuthorFirstName, #CoAuthorLastName, #CoAuthOrganization {
    font-size: 1rem;
}

#btnCancel.ui-state-hover, #btnCancel.ui-state-focus {
    border: none;
    background: none;
    background-color: #007095;
    color: #FFFFFF;
}

#btnSave.ui-state-hover, #btnSave.ui-state-focus {
    border: none;
    background: none;
    background-color: #007095;
    color: #FFFFFF;
}
.center {
    display: block;
    margin: 0 auto;
}

.virtual-hidden {
    color: transparent !important;
    border-color: transparent !important;
    background-color: transparent !important;
    height: 1px !important;
    visibility: hidden;
    margin-top: -25px !important;
}

.wizard-button {
    display: inline-block;
    min-width: 130px !important;
}
.wizard-buttom-top {
    vertical-align: top;
}
.wizard-button-holder {
    margin-bottom: 15px;
    padding-bottom: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
}
    .wizard-button-holder a {
        min-width: 130px !important;
        margin-right: 10px;
    }

p.ex-instructions {
    margin-bottom: 1.1em;
}

p.ex-instructions-bold {
    font-weight: bold;
    margin-bottom: 1.1em;
}

.ex-summary-header {
    background-color: lightblue;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

h3.page-title {
    color: red;
    text-align: right;
    font-size: 14pt;
    margin-top: -50px;
}
h3.page-title {
    color: red;
    text-align: right;
    font-size: 14pt;
    margin-top: -50px;
}

h3.page-title-black {
    color: black;
    text-align: right;
    font-size: 14pt;
    margin-top: -50px;
}

.red {
    color: red;
}
.direction-block {
    background-color: white;
    margin-bottom: 15px;
    border: 1px solid #1D5E75;
    border-radius: 8px 8px;
}
    .direction-block > .padding {
        padding: 15px 15px 15px 15px;
    }
        .direction-block > .padding > p {
            line-height: 1.5em;
        }
.direction-block-payment {
    background-color: white;
    margin-bottom: 15px;
    border: 1px solid #1D5E75;
    border-radius: 8px 8px;
    padding: 10px 15px 10px 15px;
}
    .direction-block-payment > h3 {
        margin-top: -5px;
    }
    .direction-block-payment > p {
        margin-bottom: 15px;
    }
    .direction-block-payment > ol {
        margin-bottom: 15px;
        margin-left: 50px;
    }

.payment-type-row {
    padding-top: 15px;
}

/* 4.3. WYSIWYG
	---------------------------------------------------------------*/

.wysihtml5-toolbar {
    background: #f2f2f2;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .wysihtml5-toolbar:after {
        clear: both;
        content: "";
        display: table;
        width: 100%;
    }

    .wysihtml5-toolbar li {
        float: left;
    }

        .wysihtml5-toolbar li:first-child a:last-child,
        .wysihtml5-toolbar li:nth-child(2) a:nth-child(3),
        .wysihtml5-toolbar li:nth-child(2) a:last-child {
            display: none;
        }

        .wysihtml5-toolbar li:first-child a {
            overflow: hidden;
            position: relative;
            text-align: center;
            text-indent: -9999px;
            width: 54px;
        }

            .wysihtml5-toolbar li:first-child a:before {
                display: block;
                float: left;
                font-family: "FontAwesome";
                font-weight: normal;
                left: 21px;
                position: absolute;
                text-indent: 0;
                top: 7px;
            }

            .wysihtml5-toolbar li:first-child a:first-child:before {
                content: "\f032";
            }

            .wysihtml5-toolbar li:first-child a:nth-child(2):before {
                content: "\f033";
            }

            .wysihtml5-toolbar li:first-child a:nth-child(3):before {
                content: "\f0cd";
            }

    .wysihtml5-toolbar .btn {
        border-radius: 0;
        border: 0;
        color: #888;
    }

        .wysihtml5-toolbar .btn:hover,
        .wysihtml5-toolbar .wysihtml5-command-active {
            background: #e8e8e8;
        }

.modal .btn {
    border-radius: 3px;
}

.modal .btn-primary {
    color: #fff;
}
input.form-control{
    margin-bottom: 14px !important;
}
.form-control {
    border: 1px solid #ccc !important;
    font-size: 18px !important;
}
select.form-control {
    padding: 1rem 2rem;
    margin-bottom: 14px;
}

.textarea.form-control {
    border-radius: 0 0 3px 3px;
    height: 200px;
}
.input-file-button {
    height: 51px;
    margin-top: -15px;
    padding-top: 12px;
    vertical-align: middle;
    text-transform: none;
    display: inline-block !important;
}

.step-active{
    display: block;
}
.step-hidden{
    display: none;
}
.btn-disabled {
    opacity: 0.2;
}
.btn-hidden {
    display: none;
}
.abstract-flex {
    display: flex;
}
.absInstructions {
    margin-bottom: 1.5rem;
}
.abstract-instructions {
    flex: 1;
}
.abstract-instructions p{
    font-size: 10pt;
}
.abstract-instructions ol li {
    font-size: 9pt;
    line-height: 1.8rem;
}
.abstract-image {
    flex: 1;
    vertical-align: middle;
    text-align: center;
}
.abstract-image img {
    display: block;
    margin: 8% auto 8% auto;
}
.abstract-bullets ul li {

}
.instruction-header {
    font-family: Arial Narrow, Verdana;
    font-weight: bold;
    font-size: 16pt;
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: Black;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.input-validation-error, input.input-validation-error, textarea.input-validation-error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

.field-validation-error {
    display: block;
    padding: 6px 4px;
    margin-top: -13px;
    margin-bottom: 12px;
    background: #c60f13;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}


.redBoldText {
    font-weight: bold;
    color: Red;
}

.text-danger {
    color: red !important;
}

.validation-summary-errors > ul > li {
    color: red;
}

.radio-right-margin {
    margin-right: 30px;
}

label.radio-right-margin {
    margin-left: 5px;
    margin-right: 30px;
}
h4.sub-section-title{
    font-size: 14pt;
    font-weight: bold;
}
hr.sub-seperator {
    margin-top: 0px !important;
    color: black;
}
.add-btn-top-margin {
    margin-top: 25px !important;
}
span.reg-option {
    display: inline-block;
}
.reg-option input[type=checkbox]{
    margin-right: 5px !important;
}
.reg-option label {
    display: inline;
    font-weight: normal;
    margin-left: 5px;
}

span.mbr-option {
    display: block;
}
span.mbr-option-inner {
    display: inline-block;
}
span.mbr-type-text {
    display: inline-block;
    margin-right: 15px;
}
span.mbr-normal-text {
    display: block;
    font-size: 14pt;
}
span.chap-option {
    display: block;
}
.reg-disabled {
    color: lightgray !important;
}
.reg-option-small {
    font-weight: normal;
}
.rdoMbr {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.chkChapter {
    margin-right: 5px !important;
}
.chkListing {
    margin-right: 5px !important;
    font-weight: normal !important;
}
.lbl-listing {
    font-weight: normal;
    font-size: 11pt;
    display: inline;
}

/* Tooltip styles*/
a.tooltip-me {
    outline: none;
}

    a.tooltip-me strong {
        line-height: 30px;
    }

    a.tooltip-me:hover {
        text-decoration: none;
    }

    a.tooltip-me span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 10px;
        width: 240px;
        line-height: 16px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 5px 5px 8px #CCC;
        -webkit-box-shadow: 5px 5px 8px #CCC;
        box-shadow: 5px 5px 8px #CCC;
    }

    a.tooltip-me:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

    a.tooltip-me img {
        margin-top: -4px;
    }

.callout-me {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}
.table-heading {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: white;
    text-align: center;
}
.table-normal {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    margin-left: 15px;
    margin-right: 5px;
    text-align: right;
}
td.price-heading {
    width: 100px;
}
td.qty-heading {
    width: 80px;
    padding: 0px 5px 0px 5px;
}
input.extra-qty-input {
    width: 40px !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.reg-normal {
    font-size: 1.4rem;
    line-height: 1.7rem;
}
.reg-extras {
    display: block;
}
.reg-extras > input[type='checkbox'] {
    margin: 0px 5px 0px 5px;
}
.reg-cancel-text {
    text-align: justify;
    background-color: rgb(255, 255, 153);
    color: black;
}
    .extras-desc-detail {
    margin-left: 30px;
    display: block;
}
#hidSpouseRateCost {
    display: block;
}
#lblChkSpouseRate, #lblTradeShowOnly, #lblStudentRate, #lblRegularRate  {
    font-weight: bold;
}
#lblSpouseName, #txtSpouseName{
    display: block;
}

/*summary page classes */
.reg-summary-header {
    font-family: Arial;
    font-size: 10pt;
    line-height: 1.9rem;
    color: black;
    background-color: #99CCFF;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

.reg-summary-data {
    font-family: Arial;
    font-size: 10pt;
    color: gray;
    background-color: White;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.9rem;
}

.reg-summary-left-col {
    font-family: Arial, Verdana;
    font-size: 10pt;
    color: gray;
    padding-left: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.reg-summary-total-left-col {
    font-family: Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    background-color: Silver;
    text-align: right;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.reg-summary-right-col {
    text-align: right;
    font-size: 10pt;
    color: gray;
    width: 100px;
    padding-right: 20px;
}

.reg-summary-total-right-col {
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    background-color: Silver;
    width: 100px;
    padding-right: 10px;
}

.form-paragraph {
    background-color: aliceblue;
    margin: 10px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
}

table.costTable {
    margin-bottom: 15px;
}

    table.costTable > tbody > tr > th {
        padding: 10px;
        background-color: lightblue;
    }

    table.costTable > tbody > tr > td {
        text-align: left;
        padding-right: 10px;
        padding-left: 30px;
        margin-left: 20px;
    }

table.table > tbody > tr > th {
    text-align: center !important;
    color: white;
    background-color: #013c82;
}

table.table > tbody > tr > td.action-cell {
    text-align: center !important;
}

.content-title-bar {
    background-color: lightgray;
    font-weight: bold;
    color: #083973;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bordered-box {
    border: 1px solid gray;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ex-account-menu {
    background-color: #ddd;
    color: white;
}

    .ex-account-menu > .menu-right {
        float: right;
    }

.exhibitor-cost-table tr, .exhibitor-cost-table td {
    border: none !important;
}

.nowDue {
    color: red;
    text-align: right;
    font-weight: bold;
}

td.bal-due {
    text-align: right;
}

td.exhibitor-payments-head {
    border: 1px solid gray;
    background-color: lightgray;
    color: white;
    text-align: center;
    font-weight: bold;
}

td.exhibitor-payments-label {
    border: 1px solid gray;
    text-align: left;
    padding-left: 10px;
}

td.exhibitor-payments-data {
    border: 1px solid gray;
    text-align: right;
}

#gridHolder {
    min-height: 500px;
}
#addressGridHolder {
    min-height: 150px;
    margin-top: -25px;
    margin-bottom: 15px;
}

table.payment-table {
    width: 50%;
    margin-bottom: 10px;
    border: hidden;
}
table.payment-table-wide {
    width: 65%;
    margin-bottom: 10px;
    border: hidden;
}

td.payment-table-left {
    text-align: left;
    font-weight: bold;
    border: none;
}

td.payment-table-right {
    text-align: right;
    border: none;
}

.payment-table-balance-due {
    font-weight: bold;
    color: red;
}

#payInstructions {
    margin-bottom: 15px;
}
.center-text {
    text-align: center;
}

.choose-country {
    background: url("../jpg/worldmap-1920x989.jpg") !important;
    background-repeat: no-repeat !important;
    min-height: 800px !important;
}