@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

@import url(../../Content/themes/demo/style.css);
@import url(bootstrap.min.css);
@import url(nfstyle-2015.css);

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon-uli.eot?5qvnnh');
    src: url('../fonts/icomoon-uli.eot?5qvnnh#iefix') format('embedded-opentype'), url('../fonts/icomoon-uli.ttf?5qvnnh') format('truetype'), url('../fonts/icomoon-uli.woff?5qvnnh') format('woff'), url('../fonts/icomoon-uli.svg?5qvnnh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    max-width: 1600px !important;
}

body, td {
    color: #555759;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

.bodyTXT {
    font-size: 14px;
    font-family: Roboto;
    font-weight: normal;
}

.container {
    max-width: 1000px;
}

#ContentPane {
    margin-top: 20px;
    max-width: 1000px;
}

td#BottomPane, #eWebBottomPaneTable {
    max-width: 100% !important;
}

h1, .LayoutCell h1 {
    color: #2E2F31;
    font-family: Roboto;
    font-size: 48px;
    font-weight: 300;
    border: 0;
    line-height: 1.2em;
}

h2, legend, a.accordion-toggle.size14.bold, .invoice-details-panel .panel-heading .panel-title, .panel-info.invoice-details-panel .panel-heading .panel-title, .panel-primary.invoice-details-panel .panel-heading .panel-title {
    color: #2E2F31;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 300;
    border: 0;
    line-height: normal;
}

h3, .login_header, .WizardTitle, .WizardTitle span, .panel-info .panel-heading .panel-title, .CommpReferences .panel-heading .panel-title {
    color: #2E2F31;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

h4 {
    color: #2E2F31;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 300;
}

h5, .WizardHeader {
    color: #555759;
    font-family: Roboto;
    font-size: 20px;
}

h6 {
    color: #555759;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.green, .text-info.green, .text-info.green:hover {
    color: #679000;
}

.WizardTitleSeparator {
    font-size: 22px;
}

#WizardContentTable tbody tr:first-child td {
    padding-bottom: 10px;
}

.text-info, .text-info:hover {
    color: #555759;
}

.btn, a.btn, a:link.btn, .btn-group > .btn:first-child, .btn-group > .btn:last-child, #ButtonSave, input[value=Save], input.btn,
.btn-primary, input.DataFormButton, a:link.btn-mini.btn-primary, a.btn-mini.btn-primary, a:link.btn-mini.btn-primary, a.btn-mini.btn-primary:visited, a.btn:visited, .ui-widget button {
    color: white;
    background-color: #679000;
    padding: 15px;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #679000;
    text-shadow: 0 0 0;
    box-shadow: none;
    font-family: Roboto;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,
    a:hover.btn-primary, a:focus.btn-primary, a:active.btn-primary, input.DataFormButton:hover, input.btn:hover, input#ButtonSave.DataFormButton:hover, .btn-info:hover,
    .btn-info:focus, .btn-info:active, .btn-info:active:focus, .btn-info.active, .open .dropdown-toggle.btn-info, a:link.btn-mini.btn-primary:hover, .btn:hover, .btn:focus, .btn:active, .btn.active, a:link.btn-mini.btn-primary:hover:visited,
    #ButtonSave:hover, #ButtonSave:focus, #ButtonSave:active, #ButtonSave.active, #ButtonSave.disabled, #ButtonSave[disabled], a.btn:hover, a:link.btn:hover, a.btn.btn-primary:hover, input.btn:hover, .btn-group > .btn:first-child:hover {
        background-color: #4c6a00;
        box-shadow: none;
        color: white;
        border: 1px solid #4c6a00;
    }

    a:link.btn-mini.btn-primary:hover {
        border: 1px solid #4c6a00;
        background-color: #4c6a00;
    }

.PageFrameworkBODYModal button {
    margin-top: 50px;
}

.controls input.btn-primary {
    width: initial;
    padding: 15px;
    height: 50px;
    border: 0;
}

.btn-secondary, a.btn-secondary, a:link.btn-secondary, a.btn-secondary:visited, input.btn[value=Cancel], #ButtonCancel, input[value=Cancel],
.DataFormButton, input.btn[value="No Thanks"] {
    background-color: white;
    border: 1px solid #d0d3d6;
    color: #919699;
    box-shadow: none;
    text-shadow: 0 0 0;
    border-radius: 0px;
    padding: 15px;
    font-size: 16px;
    font-family: Roboto;
}

ForgotPwdControl_ForgotPasswordGoButtonCancel {
    height: 50px;
}

a.btn-secondary:hover, a:link.btn-secondary:hover, a:link.btn-mini:hover, input.btn[value=Cancel]:hover, #ButtonCancel:hover, input:hover[value=Cancel],
.DataFormButton:hover, input.btn[value="No Thanks"]:hover,
a.btn-secondary:hover:visited, a:link.btn-secondary:hover:visited, a:link.btn-mini:hover:visited {
    border: 1px solid #017573;
    color: #017573;
    box-shadow: none;
    background-color: transparent;
}

a:link.btn-mini.btn-primary, a.btn-mini.btn-primary, a:link.btn-mini.btn-primary:visited, a.btn-mini.btn-primary:visited {
    padding: 7px 10px;
    font-size: 12px;
}

a:link.btn-mini, a.btn-mini, a:link.btn-mini:visited, a.btn-mini:visited, .thumbnail a:link.btn-mini:hover {
    padding: 7px 10px;
    background-color: white;
    color: #919699;
    border: 1px solid #D0D3D6;
    font-size: 14px;
    margin-left: 10px;
}

.btn-primary .glyphicons.white i::before {
    color: white;
}

.btn-mini:hover .glyphicons i::before {
    color: #017573;
}

.AddEditLinkDiv a:link.btn-mini {
    border: 0;
}

input.DataFormButton, input.btn {
    margin: 0px;
    margin-left: 10px;
}

#ind_dob_DTB {
    width: 50%;
}

a#ind_dob_oHyperLink, .glyphicon-calendar {
    margin-left: -30px;
    padding-right: 30px;
    color: #919699;
}
/*The following styling is designed to override any buttons with directly specified heights in metadata*/
#ExtensionApplyDiscountButton, #ExtensionApplySourcePricingButton {
    height: 52px !important;
}

.glyphicons i::before {
    color: #919699;
}

.event-info dt {
    font-weight: normal;
    padding-bottom: 20px;
}

.event-info dd {
    font-weight: 300;
}

.btn-primary .glyphicons i::before, .btn-mini:hover.btn-primary .glyphicons i::before {
    color: white;
}

.btn-mini .glyphicons i::before, .thumbnail .btn-mini:hover .glyphicons i::before {
    color: #919699;
}

.btn-mini {
    margin-top: 2px;
}

.DataFormLabel, .DataFormLabelRequired {
    color: #555759;
    font-size: 14px;
    font-weight: 500;
}

.control-label {
    font-size: 14px;
    text-transform: lowercase;
    padding-right: 10px;
    color: #555759;
    font-weight: 500;
}

.control-label::first-letter {
    text-transform:uppercase;
}

.controls span {
    font-size: 14px;
}

.form-horizontal .control-group {
    margin-bottom: 5px;
}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
#eWebLoginControl_TextBoxLoginName, .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select,
.form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input,
.form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append,
.form-horizontal .input-append, #eWebLoginControl_TextBoxPassword, .DataGridItem select, .DataFormDropDownList, .control-group select, div.chosen-container.chosen-container-multi .chosen-choices {
    border: 1px solid #d0D3D6;
    border-radius: 0px;
    padding: 10px;
    height: 45px;
    font-size: 16px;
    font-family: Roboto;
    box-shadow: none;
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        border: 3px solid #017573;
        box-shadow: 0 0 0;
        transition-duration: 0s, 0s;
    }

.controls input, .controls select, .controls span.AddEditDiv {
    width: 85%;
}

#CE_cst_bio_ID .CuteEditorSelect {
    width: 16%;
}

.controls select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/icons/dropdown-down.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right;
    background-origin: content-box;
}

span.input-large, span#cst_org_name_dn {
    display: inline;
}

.controls span:nth-child(2), .controls > span:nth-child(1) {
    display: inline-block;
}

.DataFormCheckBox {
    display: inline-block;
}

input[type=checkbox] {
    height: 20px;
    width: 20px;
    padding: 0;
    margin-top: 0px;
}

.help-block, .controls span.help-block {
    color: #A92418;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

a, a:visited, a:link {
    text-decoration: underline;
    color: #017573;
}

    a:hover, a:visited:hover, a:link:hover {
        color: #01403f;
    }

    a.btn {
        text-decoration: none;
    }

    a.glyphicon {
        text-decoration: none;
    }

.errorBlock {
    margin-top: 30px;
    margin-bottom: 20px;
}

div.alert, p.alert, .DataFormLabelErrorMessage, .DataFormValidationSummary, .alert, .alert h4 {
    border-radius: 0;
    background-color: #F9ECEA;
    color: #A92418;
    border: 0;
    text-shadow: 0 0 0;
    font-size: 14px;
    padding: 20px;
    font-weight: 400;
    line-height: 1.4em;
}

span.alert {
    text-shadow: 0 0 0 transparent;
    border-radius: 0;
}

.alert-success, .alert-success h4 {
    background-color: #EDF2E0;
    color: #4E6D00;
    font-weight: 400;
    line-height: 1.8em;
}

    .alert-success h4 {
        padding: 0;
        font-size: 18px;
    }

.alert h4 {
    padding: 0;
    font-size: 18px;
}

.alert.alert-info {
    background-color: #f6f6f6;
    color: #555759;
}

.panel.panel-default, .panel.panel-primary, .thumbnail {
    border: 1px solid #d0d3d6;
    border-radius: 0px;
    box-shadow: none;
}

.panel-primary > .panel-heading {
    background-color: transparent;
    border: 0;
    border-top: 1px solid #d0d3d6;
    border-radius: 0;
    padding-top: 0;
    padding-left: 0;
}

.FindFormResponsive.panel.panel-default {
    border: 0px;
    box-shadow: none;
}

.FindFormResponsive .panel-heading {
    display: none;
}

.heavy-top-border, .control-group legend /*, .panel-title span*/ {
    border-top: 5px solid #017573;
    display: inline-block;
    margin-top: 20px;
}

h4.panel-title span {
    padding-top: 5px;
}

.container.prices {
    border-radius: 0 !important;
    background-color: #F6F6F6 !important;
}

ul.unstyled li {
    padding-bottom: 10px;
}

#inv_eml_key_DDLAE, #inv_cph_key_DDLAE, #inv_cxa_key_DDLAE {
    width: 100%;
}
/*Dialog Styling*/
.ui-dialog iframe {
    width: 100% !important;
}

.ui-dialog-titlebar {
    background: transparent;
}

.ui-dialog {
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.PageFrameworkBODYModal .btn {
    margin-right: 10px;
}

.PageFrameworkBODYModal td {
    text-align: left;
}

a.ui-dialog-titlebar-close.ui-corner-all {
    height: 40px;
    width: 40px;
    right: 0px;
    top: 10px
}

.ui-dialog-titlebar a, .ui-dialog-titlebar a:visited, .ui-dialog-titlebar a:link {
    text-decoration: none;
    font-weight: normal;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    padding: 0;
    height: 30px;
}

span.ui-icon.ui-icon-closethick {
    background: transparent;
    text-indent: 0px;
    width: 40px;
    height: 40px;
    text-decoration: none;
    font-size: 30px;
    font-family: Roboto;
    color: transparent;
    text-decoration: none;
    padding-top: 10px;
    padding-left: 5px;
}

    span.ui-icon.ui-icon-closethick:before {
        font-family: icomoon;
        content: "\e906";
        color: grey;
        text-decoration: none;
        FONT-SIZE: 20px;
    }

a.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    border: 0;
    background: transparent;
}
/*.ui-dialog .ui-dialog-content {*/
/*.ui-dialog #div1{
    padding: 30px 60px 60px 60px;
}
.DataFormTABLEModal #DataFormTable {
    margin-left: 80px;
}*/
/*End Dialog Styling*/
/*Date Picker Styling*/
.ui-datepicker {
    width: 225px;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: 0px 0px 10px #ccc;
}

    .ui-datepicker .ui-datepicker-header {
        width: 100%;
        background-color: #f6f6f6;
        border-radius: 0;
        padding: 5px 10px;
    }

    .ui-datepicker .ui-datepicker-next {
        background-color: transparent;
        padding: 0;
        height: 100%;
        width: 15%;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 10px;
        border: 0;
        top: 2px;
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev {
        background-color: transparent;
        padding: 0;
        height: 100%;
        width: 15%;
        text-decoration: none;
        padding-top: 10px;
        padding-left: 10px;
        border: 0;
        top: 2px;
        left: 2px;
    }

span.ui-icon.ui-icon-circle-triangle-e, span.ui-icon.ui-icon-circle-triangle-w {
    display: none;
}

.ui-datepicker-next:before {
    font-family: icomoon;
    content: "\e917";
    color: #555759;
    font-size: 18px;
}

.ui-datepicker-prev:before {
    font-family: icomoon;
    content: "\e912";
    color: #555759;
    font-size: 18px;
}

.ui-datepicker th {
    text-decoration: none;
    font-size: 12px;
}

.ui-datepicker table {
    width: 90%;
    border: 0;
    margin: 10px;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 16px;
    color: #2e2f31;
    font-weight: 300;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent;
    border: 0;
    color: #555759;
    text-align: center;
}

    .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
        background: #679000;
        color: white;
    }

.ui-datepicker .ui-datepicker-current-day {
    font-style: normal;
    background-color: #f6f6f6;
}
/*End Date Picker Styling*/
/*Accordian Styling*/
a.accordion-toggle {
    color: white;
}

    a.accordion-toggle.size14.bold, div.accordion-heading a.accordion-toggle:link {
        text-decoration: none;
        background-color: white;
        padding-left: 0;
        color: black;
    }

.accordion-group.panel-primary, .panel.panel-primary, .panel.panel-default.invoice-details-panel, .panel.panel-info.invoice-details-panel, .panel.panel-primary.invoice-details-panel {
    border: 0;
    box-shadow: 0 0 0 transparent;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th,
.panel div .table tbody tr th, .invoice-details-panel div .table tbody tr th {
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 20px;
    font-weight: 500;
}

.panel div .table tbody tr:first-child, .invoice-details-panel div .table tbody tr:first-child {
    border-bottom: 0;
}

.table-striped > tbody > tr:nth-of-type(odd), .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: middle;
}

.table > tbody > tr {
    border-bottom: 1px solid #d0d3d6;
}

    .table > tbody > tr:last-child {
        border-bottom: 0;
    }

.text-warning, .text-warning:hover {
    color: #555759;
    font-style: italic;
}

.accordion-toggle .glyphicon {
    font-weight: 200;
    font-size: 22px;
    padding-left: 5px;
}

.accordion-heading, .panel-heading, .invoice-details-panel.panel > .panel-heading, .invoice-details-panel.panel > .panel-heading {
    border-top: 1px solid #d0d3d6;
}

.table-hover > tbody > tr:hover {
    background-color: white;
}

.panel-footer {
    background-color: white;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.accordion-group {
    border: 0;
}

.table td.edit-delete-column {
    text-align: right;
    min-width: 160px;
}

a.invoice-number {
    color: #679000;
    text-decoration: none;
}

.text-primary, .text-primary:hover {
    color: #679000;
}
/*End Accordian Styling*/
/*Informational panel styling*/
div.panel-info div.panel-heading {
    background-color: transparent;
    border: 0;
}

.invoice-details-panel .panel-heading {
    padding-left: 0;
    padding-top: 0;
}

    .invoice-details-panel .panel-heading span .panel-title {
        padding-top: 10px;
    }
/*End*/
/*CommPref Styling*/
.tablerow .checkbox input[type="checkbox"] {
    margin-top: -20px;
}

label.checkbox input {
    position: absolute;
    left: 30px;
}

label.checkbox, span.checkbox {
    position: relative;
    padding-left: 40px;
}
/*End CommPref Styling*/

/*Login Styling*/
#eWebLoginControl_LoginTable tbody tr td div div div label {
    float: none;
    width: initial;
}

#eWebLoginControl_LoginTable tbody tr td div div div .controls {
    margin-left: 0;
}

.registerDiv {
    display: inline;
    margin-left: 10px;
}

.inline-message {
    display: inline;
}

.control-group-button, .control-group-createaccount .controls {
    text-align: center;
}

.control-group-createaccount {
    font-size: 14px;
}

.forgotPassDiv {
    font-size: 14px;
    margin-top: 10px;
}

.unstyled {
    margin-top: 10px;
}

.control-group-username .control-label, .control-group-password .control-label {
    text-align: left;
}

/*End Login Styling*/

/*Event List Styling*/
.FindFormResponsive {
    border: 0;
    width: 90%;
}

.panel-default > .panel-heading {
    background-color: white;
    color: #2E2F31;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 300;
    border: 0;
}

.futureEvents .row-fluid .span12 .row-fluid .span2 div div a {
    color: #919699;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
}

.futureEvents .row-fluid .span12 .row-fluid .span2 div div {
    display: inline;
    font-size: 14px;
    color: #555759;
}

.futureEvents .row-fluid .span12 .row-fluid .span2 div {
    border-radius: 0;
    background-color: transparent;
}

.futureEvents .row-fluid .span12 .row-fluid {
    border-top: 1px solid #d0d3d6;
}

    .futureEvents .row-fluid .span12 .row-fluid .span10 .panel {
        border: 0;
        box-shadow: none;
        padding-left: 10px;
    }

    .futureEvents .row-fluid .span12 .row-fluid .span10 div h4 a {
        text-decoration: none;
        color: #679000;
    }

        .futureEvents .row-fluid .span12 .row-fluid .span10 div h4 a:hover {
            text-decoration: underline;
        }

    .futureEvents .row-fluid .span12 .row-fluid .span10 div div {
        color: #555759;
        font-size: 16px;
        font-weight: 300;
    }

#EventTitle {
    display: inline-block;
    width: 85%;
}

input#ExtensionQuickRegTotalButtonOE {
    width: initial;
}
/*End Event List Styling*/

/*Pagination Styling*/
ul.pagination li a, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li:first-child > a,
.pagination > li:first-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span,
span.DataFormChildDataGridPagerLink, a.DataFormChildDataGridPagerLink {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 5px solid white;
    color: #555759;
    background-color: transparent;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 0;
}

    ul.pagination li a:hover, .pagination > .active > a:hover, span.DataFormChildDataGridPagerLink:hover, a.DataFormChildDataGridPagerLink:hover {
        text-decoration: underline;
        border-top: 5px solid white;
    }

    .pagination > .active > a, ul.pagination li a:hover, .pagination > .active > a:hover {
        background-color: transparent;
        color: #555759;
    }

.pagination > .active > a, .pagination > li:first-child.active > a, span.DataFormChildDataGridPagerLink {
    border-top: 5px solid #017573;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}

.pagination-container, .pager-container {
    border-top: 1px solid #d0d3d6;
    padding-top: 15px;
}

span.DataFormChildDataGridPagerLink, span.DataFormChildDataGridPagerLink:hover {
    border-top: 5px solid #017573;
    margin: 0;
}
/*End Pagination Styling*/
/*Old Style override section*/
table#PageFrameWorkTable,
tr#eWebFrameWorkMiddleRow,
td#TopPane,
/* FS -  TopPane width */
/* #TopPane table { max-width:100% !important; } */
/*#PageFrameWorkTable {background-image:url(OTI/images/login-background.png);}*/
#eWebTopPaneTable, table#eWebTopPaneTable {
    border: none;
}

td#TopPane {
    padding-bottom: 15px;
    border-bottom: 1px solid #d0d3d6;
}

#eWebFrameWorkBottomRow {
    background-color: transparent;
}

td#eWebLeftPaneTableCell {
    display: none;
}

#eWebLoginControl_LoginTable {
    max-width: 650px;
}

.module-header {
    display: none;
}

.module-body-border {
    border: 0;
}
/*End old Style override section*/
/*Header/footer*/
@media only screen and (min-width: 1050px) {

    .secondary-nav-links, #menu-expander {
        display: none;
    }

    #nav {
        display: block !important;
    }
}

@media only screen and (max-width: 1050px) {

    .container.footer {
        padding-left: 15px;
        width: 100%;
    }

    .footer-item {
        margin-right: 0px;
    }

    .footer .row a, .footer .row .footer-text {
        margin-left: 15px;
    }
}
/*End header/footer*/
/*Member Directory Search Results*/
.search-results .search-result {
    border-top: 1px solid #D0D3D6;
    padding-top: 20px;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 16px;
    word-wrap: break-word;
    width: 100%;
}

    .search-results .search-result:first-child {
        border-top: 0;
    }

.search-results-name {
    font-size: 24px;
    font-weight: 300;
    color: #2e2f31;
    line-height: 1.4em;
    padding-bottom: 10px;
}

.search-results-title {
    font-style: italic;
}

.search-results-email::before {
    content: "\e90c";
}

.search-results-phone::before {
    content: "\e915";
}

.search-results-fax::before {
    content: "\e916";
}

.search-results-address1 {
    display: inline;
}

.search-results-address::before {
    content: "\e914";
    margin-left: -15px;
    font-family: icomoon;
}
/*End Member Directory Search Results*/
/*Join Page*/
div.chosen-container.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 45px;
    border: 1px solid #d0D3D6;
    cursor: text;
    background: transparent;
}

div.chosen-container.chosen-container-multi.span11 .chosen-choices {
    height: auto;
}

div.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
    border: 0;
    background: transparent;
    background-color: #f6f6f6;
    font-size: 14px;
    padding: 5px;
}

    div.chosen-container.chosen-container-multi .chosen-choices li.search-choice span {
        padding-left: 5px;
    }

    div.chosen-container.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close {
        float: left;
        position: static;
    }

.span6 .container.prices hr {
    display: none;
}
/*End Join Page*/

/*Corporate Package Management Styling*/
.package-header {
    margin-bottom: 20px;
}

.assign-message {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.center {
    text-align: center;
}

.middle-block {
    margin: 40px 0px;
}

.bottom-block {
    margin-top: 50px;
}

.assign-results {
    margin: 20px 0px;
}
/*End Corporate Package Management Styling*/

/*Icons*/
.icon::before {
    font-family: icomoon;
    margin-right: 5px;
}

.glyphicon-chevron-left:before {
    font-family: icomoon;
    content: "\e912";
}

.glyphicon-chevron-right:before {
    font-family: icomoon;
    content: "\e909";
    transform: rotate(270deg);
    display: inline-block;
    color: #919699;
}

.glyphicon-chevron-down:before {
    font-family: icomoon;
    content: "\e909";
    color: #919699;
}

.glyphicons.pencil i:before {
    font-family: icomoon;
    content: "\e90b";
}

.glyphicons.delete i:before {
    font-family: icomoon;
    content: "\e906";
}

.glyphicons.user i:before, .glyphicon-user:before {
    font-family: icomoon;
    content: "\e910";
}

.glyphicons.google_maps i:before, .glyphicon-map-marker:beforea {
    font-family: icomoon;
    content: "\e914";
}

.glyphicons.envelope i:before {
    font-family: icomoon;
    content: "\e90c";
}

.glyphicons.girl i:before {
    display: none;
}

.glyphicons.link i:before {
    font-family: icomoon;
    content: "\e90d";
}

.glyphicon-calendar:before {
    font-family: icomoon;
    content: "\e907";
}

.glyphicons.circle_plus i:before {
    font-family: icomoon;
    content: "\e91c";
}

.glyphicon-th-list:before {
    content: "\e913";
    font-family: icomoon;
}

.glyphicon-print:before {
    content: "\e916";
    font-family: icomoon;
}

.glyphicon-shopping-cart:before {
    content: "\e905";
    font-family: icomoon;
}
/*media queries*/
@media (max-width: 480px) {

    #menu-expander {
        padding-right: 30px !important;
    }

    .controls span, .DataFormDivDefault .controls span {
        font-size: 14px;
    }

    .controls input, .controls select :not(input[type="checkbox"]) {
        width: 100%;
    }

    .DataFormLabel, .DataFormLabelRequired {
        font-size: 14px;
    }

    body, td, .control-label {
        font-size: 14px;
    }

    .table > caption + thead > tr:first-child > td,
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .panel div .table tbody tr th,
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding-right: 5px;
        font-size: 12px;
    }

    a.accordion-toggle.size14.bold {
        font-size: 24px;
    }

    body, td {
        color: #555759;
        font-family: Roboto;
        font-size: 13px;
        font-weight: normal;
        line-height: 24px;
    }

    .bodyTXT {
        font-size: 13px;
        font-family: Roboto;
        font-weight: normal;
    }

    .control-group-createaccount {
        font-size: 12px;
    }

    .forgotPassDiv {
        font-size: 12px;
        margin-top: 10px;
    }

    .control-label {
        font-size: 12px;
    }

    textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],
    input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"],
    input[type="color"], .uneditable-input, #eWebLoginControl_TextBoxLoginName, .form-search input, .form-inline input, .form-horizontal input,
    .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select,
    .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input,
    .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append,
    .form-inline .input-append, .form-horizontal .input-append, #eWebLoginControl_TextBoxPassword, .DataGridItem select, .DataFormDropDownList, .futureEvents .row-fluid .span12 .row-fluid .span10 div div {
        font-size: 14px;
    }

    input.DatePicker[type="text"] {
        width: 100%;
    }

    div.alert, p.alert, .DataFormLabelErrorMessage, .DataFormValidationSummary, .alert, .alert h4 {
        font-size: 12px;
    }

    a:link.btn-mini, a.btn-mini, a:link.btn-mini:visited, a.btn-mini:visited, .futureEvents .row-fluid .span12 .row-fluid .span2 div div a {
        font-size: 12px;
    }

    .futureEvents .row-fluid .span12 .row-fluid .span2 div {
        text-align: left;
    }

    ul.pagination li a, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
        font-size: 14px;
    }

    .search-results-name {
        font-size: 20px;
    }

    .search-results .search-result {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

    h1, .LayoutCell h1 {
        font-size: 36px;
        line-height: 1.3em;
    }
}

@media (min-width: 480px) {
    .form-horizontal .control-label {
        padding-top: 12px;
    }
}

.pull-left .controls {
    margin-left: 0px;
}

table#WizardContentTable table#DesignedTable {
    width: 100%;
}

div.form-vertical {
    margin: auto;
    width: 90%;
}

    div.form-vertical .controls input, div.form-vertical .controls select {
        width: 100%;
        margin: 0 20px 0 10px;
        display: block;
    }

    div.form-vertical label, div.form-vertical span.help-block, div.form-vertical h4 {
        width: 100%;
        margin: 0 20px 0 10px;
    }


.center-block, .center-block input[type="submit"], .center-block table {
    display: inline;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 15px;
}

.BackgroundImageContentPane {
    background-image: url(../images/login-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: initial;
}

/* FS - Join page does not have .MainContentPane*/
/*.MainContentPane#ContentPane{*/
#ContentPane {
    margin: 0px auto;
    padding: 0px 4px 10px 4px;
    min-height: 400px !important;
    background-color: white !important;
    border-radius: 0px;
}

.span9 {
    width: 100%;
}
/*
#WizardContentTableBottom.ResetPasswordButtonAlign{
	margin-bottom: 50px; 
	margin-left: 38%; 
	float: left;
}
*/


.InputSelectLargeHeight {
    height: 50px;
    border-radius: 0;
}

.block.control-group .controls {
    margin-left: 0;
}

table#gft_prc_key.DataFormRadioButtonList td label {
    color: #555759;
}

.InputSelectLargeHeight {
    height: 50px;
    border-radius: 0;
}

.block.control-group .controls {
    margin-left: 0;
}

table#gft_prc_key.DataFormRadioButtonList td label {
    color: #555759;
}

/* Group registration to make the buttons in multiple lines*/
.inline-block td {
    display: inline-block;
}

/* This is to make the table of preferences responsive*/
div.active-header table {
    width: 100% !important;
}

/*.login-popup-field :focus ~ .floating-label,
.login-popup-field:not(:focus):valid ~ .floating-label
{
	font-size: 9pt;
    padding-top: 0.4rem;
    color: $color-grey;	
}

.floating-label {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 11pt;
	padding-left: 1rem;
	padding-top: 1rem;
	transition: 0.2s ease all;
	
}*/
.login-field {
    position: relative;
}

.login-popup-field {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    border-radius: 0px !important;
    font-size: 11pt !important;
    padding-top: 1.7rem !important;
    padding-left: 0.9rem !important;
    height: 3.5em !important;
    box-shadow: none !important;
    color: $color-dark !important;
    /*&:focus {
    	border-bottom: 2px solid $color-dark !important;*/
    &:focus

{
    border-bottom: 2px solid;
    color: dark !important;
}

}

.ui-autocomplete-loading {
    background-image: url("../../images/spinner.gif");
    background-repeat: no-repeat;
    background-position: right center;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}

.legend-helpicon {
    background-image: url("https://ulitest.netforument.com/eweb/images/helpicon.png");
    background-repeat: no-repeat;
    background-position: right;
    max-width: 410px;
}

.div-img-circle {
    border-radius: 50%;
    text-align: center;
}

.div-img-circle-size {
    width: 250px;
    height: 220px;
}

/* FS - design form controls - pull left */
.control-group.pull-left {
    float: none;
}

    .control-group.pull-left > .controls {
        margin-left: 0px;
    }

    .control-group.pull-left > header {
        margin-left: 0px;
    }

.w100p {
    width: 100% !important
}


/*Image */
.div-img {
    text-align: -webkit-center;
}

.offcanvas_menu {
    width: 280px;
    height: 100%;
    position: fixed;
    right: -280px;
    top: 0px;
    opacity: 0;
    background-color: #464646;
    z-index: 2147483647;
}

.bodycanvas {
    right: 0px;
}
/*Footer changes by fsi */
.close_offcanvas {
    position: absolute;
    top: 25px;
    right: 15px;
    z-index: 1;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    idth: 22px;
    height: 22px;
    line-height: 7px;
    text-align: center;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px 3px 5px 2px
}

    .close_offcanvas:hover {
        background: rgba(0,0,0,0.5);
        color: #fff
    }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
/*Login Flow*/
#uliheaderid {
    font-size: 26px;
    font-weight: 400;
}

#ulisubheaderid {
    font-size: 15px;
    font-weight: 400;
}

/*Footer*/
#BottomPane a, #BottomPane a:visited, #BottomPane a:link {
    text-decoration: none;
    font-size: 14px;
    color: #78a22f;
}

a:visited {
    color: #78a22f;
}

    a:hover, a:visited:hover, a:link:hover {
        color: #78a22f;
        text-decoration: underline;
    }

.footer .row a {
    margin-left: -10px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0px solid #dddddd;
}

.accordion-heading, .panel-heading, .invoice-details-panel.panel > .panel-heading, .invoice-details-panel.panel > .panel-heading {
    border-top: 0px solid #d0d3d6;
    display: flex !important;
}

.footer-item {
    color: white !important;
}

.alert-message {
    text-align: center !important;
    background-color: #F5DEB3;
    width: 100%;
    height: 30px;
}
/* .unstyled{ */
/* text-align:center !important; */
/* } */
.collapseOne {
    display: none;
}

.col-md-4 {
    width: 24.333333%;
}

.footer-item {
    width: 285px;
}

.top-fat-border {
    border-top: 0px;
}

.close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    /*opacity: 0.3;*/
    opacity: 5.0;
}

    .close:hover {
        opacity: 1;
    }

    .close:before, .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #333;
    }

    .close:before {
        transform: rotate(45deg);
    }

    .close:after {
        transform: rotate(-45deg);
    }

.floating-label {
    position: absolute;
    pointer-events: none;
    top: 0px;
    left: 0px;
    font-size: 11pt;
    padding-left: 1rem;
    padding-top: 16px;
    transition: 0.2s ease all;
    /*margin-left: -501px;*/
}

.login-popup-field:focus ~ .floating-label,
.login-popup-field:not(:focus):valid ~ .floating-label {
    font-size: 8pt;
    padding-top: 0.4rem;
    color: grey;
}

.login-popup-field {
    padding-top: 2.7rem !important;
}

td#BottomPane {
    overflow-x: hidden;
    /*overflow-y: scroll;*/
    padding-bottom: 0px !important;
}
/* a:focus { */
/* background-color:#283747; */
/* } */

.row {
    margin-left: 15px !important;
}

.slider {
    /*overflow-y: hidden;
	max-height: 500px;
    transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
    top: 100%;
    position: relative;
    transition: all .3s ease-out;
}

body, td {
    line-height: 15.5px !important;
}

/*#eWebContentPaneTable{max-width:100% !important}*/
.footer-support, .footer-support > div, .footer-support > div > div, .reset-width {
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
}

/* BEGIN - FS Footer styles to keep it centered */
@media (max-width: 480px) {
    div#uli-footer-support-container {
        padding: 0px !important;
    }
}

#uli-footer-support-container {
    background-color: #283747;
    padding: 2% 10% !important;
    margin: 0px !important;
}

div#collapseOne, div#collapseTwo {
    height: 100% !important;
}
/* END - FS Footer styles to keep it centered */


/* BEGIN - FS Forgot password style */
td#ContentPane.forgotPasswordContainer {
    width: 50%;
}

    td#ContentPane.forgotPasswordContainer .WizardContentTable {
        margin: 0px;
        padding: 0px;
    }

    td#ContentPane.forgotPasswordContainer #uliheadercontainer {
        margin-top: 40px;
    }

td.forgotPasswordContainer input.btn-primary {
    width: 90% !important;
    margin: 0px auto;
}

td.forgotPasswordContainer div#WizardContentTableBottom__UP > table {
    width: 100%;
}

@media (max-width: 480px) {
    td#ContentPane.forgotPasswordContainer {
        width: 85%;
    }
}
/* END - FS Forgot password style */

/* BEGIN -Style Fix for My Account profile page */
.myAccount a, .myAccount a:visited, .myAccount a:link {
    text-decoration: underline;
    color: #017573;
}

    .myAccount a:hover, .myAccount a:visited:hover, .myAccount a:link:hover {
        color: #01403f;
    }
/* END - Style Fix for My Account profile page */
.control-group legend {
    width:auto;
}

.controls span:empty{
    display:inline;
}

.controls span[class^="icon-"], .controls span[class*=" icon-"] {
    display: inline-block;
}

#GSContactInfoBlock .col-xs-4, #contactInfoRow .col-xs-4 {
    text-align: center;
}

#GSContactInfoBlock .col-xs-4:first-of-type {
    padding-left: 0px;
}

#GSContactInfoBlock .row {
    margin-left:0px !important;
}

/* MCF 9/16/2019 SD #6333*/
.btn-proceed {
    padding: 7px 10px;
    background-color: white;
    color: #000000;
    border: 1px solid #000000;
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
}