/* show ... more menu immediately next to leftmost buttons */
.toolbar.has-more-button .buttonset,
.toolbar.do-resize.has-more-button .buttonset {
    width: auto!important;
}

/* Override row margins with toolbars until ISC uses the row/col layout everywhere */
.isc-buttons .row:last-child {
    margin-bottom: 0!important;
}
.isc-buttons .row:last-child {
    margin-left: 0!important;
    margin-right: 0!important;
}
.isc-buttons .columns {
    margin-left: 0!important;
    width: auto!important;
}
.row {
    max-width: inherit;
}
.row {
    padding-right: 0;
}

/* set font size, standardize with existing label/input field sets */
.rc-label-column span {
    color: #5c5c5c;
    display: inline;
    font-size: 1.4rem;
    margin-bottom: 8px;
    min-height: 13px;
}
.rc-label-column label {
    display: inline-block;
}

td label, td .label {
    display: inline;
}

/* Middle vertical align labels */
.labelColumn label, .labelColumn .label {
    margin-bottom: 0!important;
}

/* Checkbox positioning */
label.checkbox-label {
    padding-top: 9px!important;
}
label.checkbox-label::after {
    margin-top: 9px!important;
}
@media (min-width: 1310px) {
    input.checkbox {
        margin-left: 24px;
    }
}

.alignCheckboxCenter {
    text-align: center;
    vertical-align: middle;
}

.scs-table-layout-form .alignCheckboxCenter input.checkbox+input[type='hidden']+label::before {
    margin-left: -7px;
    margin-top: -6px;
}
.scs-table-layout-form .alignCheckboxCenter input.checkbox+input[type='hidden']+label::after {
    left: 20px;
    top: 3px;
}

.scs-button-group .btn {
    min-width: 20px;
    width: auto;
}

/* Adjust single and multiselect down-arrow position */
 div.dropdown+.icon, div.multiselect+.icon {
    height: 26px;
}
div.compound-field div.dropdown+.icon, div.compound-field div.multiselect+.icon {
    height: 32px;
}

/* Remove search field margin */
.searchfield-wrapper {
    margin-bottom: 0!important;
}

/* Input padding */
input, textarea {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
}

/* Default font should be larger */
/*html body {*/
/*    font-size: 1.2rem;*/
/*}*/

/* ReServe Full Calender component */
.fc-content .collapsed {
    visibility: inherit;
}

/* Reservation Timeline and Calendar Day View */
.fc-content span {
    line-height: inherit!important;
}

/* ReServe accordion field selectors must scroll overflow */
.reportPaddingContainer .accordion {
    overflow-y: scroll;
}

/* Allow jqGrid native checkbox styling */
.cbox {
    -webkit-appearance: checkbox;
}
.ui-jqgrid tr.jqgrow td {
    vertical-align: middle!important;
}

/* Display standard checkbox in efiMultiSelect widget for filter field options */
.ui-multiselect-checkboxes input[type='checkbox'] {
    -webkit-appearance: checkbox;
}

/* Fix width for jqGrid paging input field */
.ui-jqgrid .ui-pg-input {
    width: 34px;
}

/* Align lookup buttons */
a.btn.button16IconOnly {
    display: inline!important;
}

/* Fix inventory table alignment */
.fht-thead {
    line-height: 16pt!important;
}
.fht-table .ui-widget-header {
    line-height: 22pt!important;
}

/* Make dropdown list group labels stand out */
.dropdown-list .group-label {
    color: #191919!important;
}

/* Add padding to buttonset to allow focus highlight */
.toolbar, .buttonset, .popupmenu {
    padding-left: 5px!important;
    padding-right: 5px!important;
}

td > a.btn {
    display: inline!important;
}

/* Fix calendar widget arrow icon placement */
span.fc-text-arrow {
    line-height: inherit!important;
}

/* Allow users to resize textarea elements */
textarea {
    resize: both!important;
}

/* Allows old school report groups, sorts, and filter picklists to resize */
.reportPageContent div.dropdown, .reportPageContent div.multiselect {
    width: 200px;
}

.card {
    min-height: auto;
    padding: 0 8px 0 8px;
    width: initial;
}

.scs-card-subtitle {
    padding-left: 10px;
}

.scsDataGridCard > .toolbar {
    margin-bottom: 0;
}

/* Fix for button group display within an accordion */
.isc-buttons .twelve.columns {
    float: none;
}

/* Bookmarks */
.popupmenu.has-icons .bookmark .icon:not(.arrow) {
    margin-left: 0;
    margin-top: 0;
    position: relative;
}
.bookmark .bookmark-image {
    vertical-align: text-bottom;
    margin: 0 4px 2px 0;
}
.bookmark .btn {
    vertical-align: top;
    min-width: auto;
    padding: 0;
    float: right;
}
.popupmenu.has-icons .bookmark a {
    display:inline-block;
    padding: 0 5px 0 5px;
}

.ui-jqgrid input {
    height: auto;
}

/* Position labels to the left of input fields */
.field .checkbox~label {
    width: inherit;
}

.field {
    margin: 1px;
    clear: left;
}

/* Stripe Credit Card Field */
.field span.label {
    width: 200px;
    float: left;
    display: block;
    text-align: right;
    padding: 8px 24px 0 0;
}
.scs-stripe-input {
    width: 300px;
    padding-top: 8px;
    margin-left: 200px;
}

.scs-stripe-card-input {
    height: 38px;
}
/* End of: Stripe Credit Card Field */

.scs-input-field label {
    padding-top: 8px;
    min-height: 40px;
    margin-bottom: 0;
}

.one-half-column-textarea-display {
    min-width: 300px;
    width: 300px;
}
.one-half.column .scs-input-field textarea {
    min-width: 300px;
    width: 300px;
}
@media (min-width: 1500px) {
    .one-half-column-textarea-display {
        width: 65%;
    }
    .one-half.column .scs-input-field textarea {
        width: 65%;
    }
    .four.columns .scs-input-field textarea {
        width: 300px;
    }
}

.column, .columns {
    padding: 0;
}
@media (min-width: 767px) {
    .column, .columns {
        padding: inherit;
    }
}

span.scs-input-field-icon {
    margin-left: -30px;
}
.lookupFieldContainer span.scs-input-field-icon {
    padding-top: 10px;
}

span.infoIcon+label {
    width: 178px;
}
div.scs-input-field span.infoIcon {
    padding-top: 8px;
    padding-right: 4px;
}

@media (min-width: 767px) {
    .field {
        padding-left: 20px;
    }
}
@media (min-width: 1310px) {
    .field {
        padding-left: 0;
    }
    .field label {
        float: left;
        padding-right: 24px;
        text-align: right;
    }
    .one-half-column-textarea-display {
        margin-left: 200px;
    }
    .scs-input-field textarea+span {
        margin-left: 200px;
    }
    .scs-input-field label+span.watermark_container {
        left: 200px;
        top: -40px;
    }
    .field label+.inputFancyTree {
        margin-left: 200px;
    }
}
.standardLookupModal .field label {
    text-align: left;
}

.inputFancyTree {
    width: inherit;
}

.modal .field textarea.scs-extra-wide-input,
select.scs-extra-wide-dropdown + .dropdown-wrapper .dropdown,
input.scs-extra-wide-input,
textarea.scs-extra-wide-input,
.inputFancyTree.scs-extra-wide-input {
    width: 450px!important;
    max-width: 450px!important;
}
/* extra wide styling */
@media (min-width: 767px) {
    .modal .field textarea.scs-extra-wide-input,
    select.scs-extra-wide-dropdown + .dropdown-wrapper .dropdown,
    input.scs-extra-wide-input,
    textarea.scs-extra-wide-input,
    .inputFancyTree.scs-extra-wide-input {
        width: 500px!important;
        max-width: 500px!important;
    }
}
@media (min-width: 900px) {
    .modal .field textarea.scs-extra-wide-input,
    select.scs-extra-wide-dropdown+.dropdown-wrapper .dropdown,
    input.scs-extra-wide-input,
    textarea.scs-extra-wide-input,
    .inputFancyTree.scs-extra-wide-input {
        width: 660px!important;
        max-width: 660px!important;
    }
}
@media (min-width: 1050px) {
    .modal .field textarea.scs-extra-wide-input,
    select.scs-extra-wide-dropdown+.dropdown-wrapper .dropdown,
    input.scs-extra-wide-input,
    textarea.scs-extra-wide-input,
    .inputFancyTree.scs-extra-wide-input {
        width: 810px!important;
        max-width: 810px!important;
    }
}
/* End of: extra wide styling */

.field label.left-align-label {
    float: left;
    width: inherit;
    padding-right: 24px;
    text-align: right;
}

.toolbar.hide-buttonset .buttonset {
    display: inline;
}

.sys-full-input {
    width: 95%;
    height: 500px;
}
@media (min-width: 1310px) {
    .sys-full-input {
        width: 80%;
    }
}

.field {
    margin-bottom: 18px!important;
}
@media (min-width: 1310px) {
    .field {
        margin-bottom: 10px !important;
    }
}
.field label {
    width: 200px;
}
.field label.wide-label {
    width: 275px;
}
.field label.wide-label-3 {
    width: 325px;
}
fieldset+fieldset, .fieldset+fieldset {
    margin-top: 10px!important;
}

.accordion .accordion-header.has-chevron>button {
    float: left;
    margin-top: 4px;
}

.scs-header {
    background-color: #606066; // slate06
}

.main-header {
    border: 3px solid transparent;
}

.events-header {
    border: 3px solid transparent;
    border-bottom-color: #C65F5F;
}

header.header {
    padding-bottom: 2px;
}


/* Card header spacing */
.widget-title {
    margin-top: 0;
}
.card-header {
    margin: 6px 2px 8px 2px;
}
.card-header {
    height: 2.5em;
}

/* Title spacing and coloring */
.fieldset-title {
    font-size: 2rem!important;
    padding-top: 10px!important;
    margin-bottom: 10px!important;
}
.accounts-title, header.header .accounts-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #7928E1;
}
.appointments-title, header.header.appointments-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #8ABFF7;
}
.club-leads-title, header.header.leads-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #39A9AA;
}
.clubs-title, header.header.clubs-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #FA9601;
}
.communications-title, header.header.communications-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #6C6C6C;
}
.contacts-title, header.header.contacts-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #97979B;
}
.events-title, header.header.events-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #DF3539;
}
.floor-management-title, header.header.floor-management-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #7928E1;
}
.functions-title, header.header.functions-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #FA9601;
}
.functions-alt-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #5CC6C7;
}
.guest-rooms-title, header.header.guest-rooms-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #1C86EF;
}
.guest-rooms-alt-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #B1B1B1;
}
.home-title, header.header.home-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #606066;
}
.leads-title, header.header.leads-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #5CC6C7;
}
.leads-alt-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #8D4BE5;
}
.master-events-title, header.header.master-events-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #8D4BE5;
}
.radmin-title, header.header.radmin-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #77777C;
}
.reservations-title, header.header.reservations-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #4DCC86;
}
.reports-title, header.header.reports-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #B7B7BA;
}
.reservations-alt-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #7928E1;
}
.search-title, header.header.search-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #B1B1B1;
}
.settings-title, header.header.settings-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #77777C;
}
.tasks-title, header.header.tasks-title {
    padding-bottom: 10px!important;
    border: 2px solid transparent;
    border-bottom-color: #DF6F00;
}

/* --- Fixed page content layout: Masthead, Navigation Bar, Header, Breadcrumbs, Bookmark List --- */
/* Masthead */
.masthead {
    position: fixed;
    top: 0;
}
/* Application Banner */
.header.application-banner {
    position: fixed;
    top: -162px;
}
body.full-scs-header .header.application-banner {
    top: 38px;
}
@media (min-width: 767px) {
    .header.application-banner {
        top: 38px;
    }
}
/* Breadcrumb */
#breadCrumb {
    position: fixed;
    top: -102px;
}
body.full-scs-header #breadCrumb {
    top: 98px;
}
@media (min-width: 767px) {
    #breadCrumb {
        top: 98px;
    }
}
/* Bookmark */
#bookmarkButton {
    position: fixed;
    top: -102px;
    right: 3px;
}
body.full-scs-header #bookmarkButton {
    top: 98px;
}
@media (min-width: 767px) {
    #bookmarkButton {
        top: 98px;
    }
}
/* Left-side Navigation Bar */
.masthead~nav,
.masthead~nav {
    position: fixed;
    top: 38px;
    max-height: calc(100% - 38px);
    height: calc(100% - 38px) !important;
}
/* Global Search */
#globalSearchArea {
    box-sizing: border-box;
    border: solid #cccccc 1px;
    border-radius: 4px;
    z-index: 1000;
    padding: 12px;
    position: fixed;
    right: 136px;
    width: 330px;
    height:350px;
}
#globalSearchArea {
    top: 50px;
}
body.full-scs-header .masthead~nav+.application-banner~#globalSearchForm #globalSearchArea {
    top: 148px;
}
body.full-scs-header .masthead~nav+.application-banner~#breadCrumb~#globalSearchForm #globalSearchArea {
    top: 98px;
}
@media (min-width: 767px) {
    .masthead~nav+.application-banner~#globalSearchForm #globalSearchArea {
        top: 68px;
    }
    .masthead~nav+.application-banner~#breadCrumb~#globalSearchForm #globalSearchArea {
        top: 98px;
    }
}
.page-container>.row:first-child {
    padding-top: 0;
}

/* Content Header */
#scs-main-content-header {
    padding-right: 60px;
}
body.full-scs-header #scs-main-content-header {
    padding-right: 12px;
}
@media (min-width: 767px) {
    nav+.application-banner,
    nav~#breadCrumb,
    #scs-main-content-header,
    nav~.page-container {
        left: 200px;
        width: calc(100% - 200px);
        padding-right: inherit;
    }

    nav.nav-bar-narrow~.application-banner,
    nav.nav-bar-narrow~#breadCrumb,
    nav.nav-bar-narrow~#scs-main-content-header,
    nav.nav-bar-narrow~.page-container {
        left: 56px;
        width: calc(100% - 56px);
        padding-right: inherit;
    }
}
#scs-main-content-header .title {
    max-width: calc(100% - 180px);
}
#scs-main-content-header {
    position: fixed;
    top: 38px;
}
body.full-scs-header .masthead~nav+.application-banner~#scs-main-content-header {
    top: 98px;
    margin-top: 0!important;
}
body.full-scs-header .masthead~nav+.application-banner~#breadCrumb~#scs-main-content-header {
    top: 128px;
}
@media (min-width: 767px) {
    .masthead~nav+.application-banner~#scs-main-content-header {
        top: 98px;
        margin-top: 0!important;
    }
    .masthead~nav+.application-banner~#breadCrumb~#scs-main-content-header {
        top: 128px;
    }
}
/* Page Contents Container */
.masthead~nav+.application-banner~#scs-main-content-header+.page-container,
.masthead~nav+.application-banner~#breadCrumb~#scs-main-content-header+.page-container {
    position: fixed;
    top: 98px;
    height: calc(100% - 60px)!important;
}
body.full-scs-header .masthead~nav+.application-banner~#scs-main-content-header+.page-container {
    top: 158px;
    height: calc(100% - 158px)!important;
    margin-top: 0!important;
}
body.full-scs-header .masthead~nav+.application-banner~#breadCrumb~#scs-main-content-header+.page-container {
    top: 188px;
    height: calc(100% - 188px)!important;
}
@media (min-width: 767px) {
    .masthead~nav+.application-banner~#scs-main-content-header+.page-container {
        top: 158px;
        height: calc(100% - 158px)!important;
        margin-top: 0!important;
    }
    .masthead~nav+.application-banner~#breadCrumb~#scs-main-content-header+.page-container {
        top: 188px;
        height: calc(100% - 188px)!important;
    }
}
/* --- End of: Fixed page content layout --- */

/* Add padding around main content on each page */
#maincontent.page-container {
    padding: 4px 8px 0 8px;
}
@media (min-width: 767px) {
    #maincontent.page-container {
        padding: 20px 20px 0 20px;
    }
}

nav {
    border-right-style: hidden!important;
    border-right-width: 0!important;
}
nav .accordion-header>.icon {
    margin: 0 10px;
}
nav .accordion-header .icon {
    width: 32px;
}
.accordion.panel .accordion-header .icon {
    top: -1px;
}

nav .icon {
    height: 32px!important;
}

.scs-links-bar a {
    font-size: 1.2rem;
}

.detailsTable .dropdown-wrapper,
.detailsTableHalfWidth .dropdown-wrapper{
    margin-bottom: 0;
}

.application-menu {
    transition: width 200ms;
}

.application-menu {
    position: relative;
}

.application-menu {
    width: 200px;
}
@media (min-width: 767px) {
    .application-menu.nav-bar-narrow {
        width: 56px;
    }
    .application-menu.nav-bar-narrow a.nav-bar-text {
        visibility:hidden;
        display:none;
    }
    .application-menu.nav-bar-narrow div.icon {
        margin: 0 2px 0 2px;
    }
    .application-menu.is-open + .page-container {
        left: 200px;
        margin: 0;
        width: calc(100% - 200px);
    }
    .application-menu.nav-bar-narrow + .page-container {
        left: 56px;
        margin: 0;
        width: calc(100% - 56px);
    }
}

.scs-searchfield+.icon {
    margin-left: -30px;
    margin-top: -8px;
}

/* Override jquery UI time picker settings until SCS is migrated fully to the IDS time component */
.ui-timepicker-wrapper {
    width: 9.5em!important;
}
.ui-timepicker-list {
    font-size: 1.6rem!important;
    padding: 0 8px 0 8px!important;
}

.box-content {
    background-color: transparent!important;
    border: 1px solid #97979b;
}

/* Targets the comment box (textarea) that displays when viewing a reservation, in the mini guest portal, in floor management.
   This assures the comment section displays with a transparent background, just like the other textareas displayed
   in the mini guest portal */
#comment-box.box-content #comment-input {
    background-color: transparent;
}