/* General Styles */ #venue-management { font-family: 'Open Sans', sans-serif; width: 100%; color: #333333; } #venue-management h1 { color: #333333; } #venue-management h2 { color: #313131; } #venue-management p { margin: 0px; padding: 0px; color: #333333; } #venue-management table { margin: 0%; width: 100%; } #venue-management tr { margin: 0%; padding: 0%; } #venue-management th { margin: 0%; padding: 5px; color: #000000; background-color: transparent; border: 0px none; text-align: center; vertical-align: middle; } #venue-management td { margin: 0%; padding: 12px 6px; background-color: transparent; border: 0px none; vertical-align: middle; } #venue-management td.label { width: 30%; } #venue-management td.input { width: 70%; } #venue-management .button, #account-management button { min-width: auto; } #venue-management .button span, #account-management button span { margin:0; padding:0; } #venue-management label { padding: 0em; min-width: 115px; line-height: 1.5em; display: block; } #venue-management input, #venue-management textarea, #venue-management select { padding: 0.25em 0.25em 0.25em 0.25em; min-width: 115px; font-size: 1em; line-height: 1.5em; border: 1px solid #D6D6D6; border-radius: 5px; } #venue-management input[type=submit] { width: auto; min-width: auto; } #venue-management input[type=checkbox] { width: auto; min-width: auto; } #venue-management td label { width: 100%; } #venue-management td input, #venue-management td textarea, #venue-management td select { width: 90%; } #venue-management td .red-star { width: 10%; text-align: center; display: inline-block; } #venue-management td textarea { min-height: 6.625em; } #venue-management td input[type=submit] { width: auto; } #venue-management .field { padding: 0.5em; width: 50%; vertical-align: top; display: inline-block; } #venue-management .field-name { padding: 0.25em 0; width: 30%; vertical-align: top; display: inline-block; } #venue-management .field input, #venue-management .field select, #venue-management .field textarea { width: 70%; vertical-align: top; display: inline-block; } #venue-management .section-image { color: #959595; text-align: center; vertical-align: middle; display: inline-block; } #venue-management .section-image svg { height: 100%; display: block; } #venue-management .my-account p.no-records { margin: 1em 0 0 1.5em; } #venue-management div.alert { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 1px; border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0% 0% .5em; padding: .5em 1em; } #venue-management div.alert:before { font-family: 'Font Awesome 5 Pro'; font-size: 1.5em; padding-right: .75em; } #venue-management div.alert.alert-danger { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; } #venue-management div.alert.alert-danger:before { content: '\f321'; font-weight: 700; } #venue-management div.alert.alert-warning { background-color: #fff3cd; border-color: #ffeeba; color: #856404; } #venue-management div.alert.alert-warning:before { content: '\f06a'; font-weight: 700; } #venue-management div.alert.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb;} #venue-management div.alert.alert-success:before { content: '\f058'; font-weight: 700; } #venue-management div.alert a { font-family: inherit !important; color: inherit !important; } div.confirm-container { display: flex; justify-content: space-between; } #venue-management .venue-table { width: 100%; display: table; table-layout: fixed; } #venue-management .venue-table-heading, #venue-management .venue-table-row { border-top: 3px solid #F0EFEF; display: table-row; } #venue-management .venue-table-row-group { display: table-row-group; } #venue-management .venue-table-heading { font-weight: 700; text-align: center; } #venue-management .venue-table-row-group:first-child, #venue-management .venue-table-row:first-child { border-top: none; } #venue-management .venue-table-row-group:nth-child(even), #venue-management .venue-table-row:nth-child(even) { background-color: #F7F7F7; } #venue-management .venue-table-row-group .venue-table-row { background-color: inherit; } #venue-management .venue-table-row-group:hover, #venue-management .venue-table-row:hover { background-color: #EEEEEE; } #venue-management .venue-table-cell { padding: 1em; text-align: center; vertical-align: top; display: table-cell; } #venue-management .venue-flex { width: 100%; display: flex; flex-wrap: wrap; } #venue-management .venue-flex-heading, #venue-management .venue-flex-row, #venue-management .venue-flex-row-group { flex: 1 100%; } #venue-management .venue-flex-row { border-top: 3px solid #F0EFEF; } #venue-management .venue-flex-heading, #venue-management .venue-flex-row { display: flex; flex-wrap: wrap; } #venue-management .venue-flex-row:first-child, #venue-management .venue-flex-row-group .venue-flex-row { border-top: none; } #venue-management .venue-flex-row-group:nth-child(even), #venue-management .venue-flex-row:nth-child(even) { background-color: #F7F7F7; } #venue-management .venue-flex-cell { padding: 1em; text-align: center; vertical-align: top; flex: 1 auto; } #venue-management .venue-flex-row-group .venue-flex-row { background-color: inherit; } /* Button Styles */ #venue-management .button { margin: 0; padding: 0.3em 0.7em; width: auto; text-decoration: none; text-align: center; border: none; display: inline-block; border-radius: 0px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; } #venue-management .button.change_address { margin-top: 1em; } #venue-management .button.delete { margin-top: 1em; background-color: #EA0000; } #venue-management .button.primary { background-color: #313131; color: #FFFFFF; border: none; } #venue-management .button.secondary { background-color: #808080; color: #FFFFFF; } #venue-management .button.primary:hover #venue-management .button.secondary:hover { background-color: #484848; color: #FFFFFF; } /* Account Login Styles */ #venue-management .login { margin-bottom: 1em; } #venue-management .login, #venue-management .register { width: 100%; text-align: left; } #venue-management #venue-login { margin: 0 auto; padding: 30px 50px 50px 50px; max-width: 450px; background-color: #FFFFFF; text-align: center; } #venue-management #venue-login p { margin: 1em 0 0; } #venue-management #venue-login input { width: 100%; } #venue-management .venue-listing { margin: 1.5rem 0; -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } #venue-management .venue-listing-panel { padding: 1rem; border-top: 3px solid #F0EFEF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #venue-management .venue-listing-panel:first-child { border-top: none; } #venue-management .venue-listing-panel:nth-child(even) { background-color: #F7F7F7; } #venue-management .venue-listing-panel:hover { background-color: #EEEEEE; } #venue-management .venue-listing-panel h3 { font-size: 1.25rem; } #venue-management .venue-listing-panel .listing-panel-details { flex: 1; } #venue-management .venue-listing-panel .listing-panel-buttons { text-align: right; } #venue-management .venue-listing-panel.no-results .listing-panel-details { font-size: 0.9em; } #venue-management .listing-panel-buttons .button { margin: 0 0 0 0.625em; } #venue-management .listing-panel-buttons .button:first-child { margin-left: 0; } #venue-management .venue-listing.small-list .venue-listing-panel { padding: 1rem 1rem; } #venue-management .venue-listing.small-list .button { padding: 7px 10px; } #venue-management .venue-listing.small-list .button span { font-size: 0.8em; } /* General Error Page Styles */ #venue-management div.venue-panel.general-error { margin: 1.5em auto; padding: 30px 50px 50px 50px; max-width: 575px; background-color: #FFFFFF; text-align: center; } #venue-management div.venue-panel.general-error p { margin: 0 0 0.5em; } /* Password Reset Styles */ #venue-management div.venue-panel.password-reset { margin: 1.5em auto; padding: 30px 50px 50px 50px; max-width: 575px; background-color: #FFFFFF; text-align: center; } #venue-management div.venue-panel.password-reset p { margin: 0 0 0.5em; } #venue-management div.venue-panel.password-reset input { max-width:250px; } /* Account Register Styles */ #venue-management #venue-register { margin: 0 auto; padding: 30px 50px 50px 50px; max-width: 700px; background-color: #FFFFFF; text-align: center; } #venue-management #venue-register label { margin: 1em 0; width: 100%; } #venue-management #venue-register span.info { font-size: 0.8em; line-height: 1.6em; opacity: 0.5; padding-left: 0.3em; } #venue-management #venue-register input[type=checkbox] { margin: 0.375em; width: auto; min-width: 0; float: left; } #venue-management #venue-register .icheckbox_square { margin-top: 0.25em; float: left; } #venue-management #venue-register .icheckbox_square input { width: auto; min-width: 0; } #venue-management #venue-register .checkbox-label { font-size: 0.875em; text-align: left; overflow: hidden; display: block; } #venue-management #venue-register :-ms-input-placeholder { color: transparent; opacity: 1; } #venue-management #venue-register ::-webkit-input-placeholder { color: transparent; opacity: 0; } #venue-management #venue-register :-moz-placeholder { color: transparent; opacity: 0; } #venue-management #venue-register ::-moz-placeholder { color: transparent; opacity: 0; } #venue-management #venue-register ::placeholder { color: transparent; opacity: 0; } #venue-management .helpmessage_returning_user, #venue-management .helpmessage_new_user { cursor: pointer; } #venue-management .venue-promo { margin: 0.625em 0px; padding: 0px 20px 10px 20px; width: 39%; float: right; } #venue-management .alternative { padding: 4em 0 2em; font-size: 0.875em; text-align: center; display: block; } /* Account Dashboard Styles */ #venue-management #venue-dashboard-buttons { margin: 3em 2% 0% 2%; max-width: 1006px; } #venue-management .section-header { margin-bottom: 1em; padding: 0.5em 1.5em; background-color: #666666; } #venue-management .section-header .section-image { width: 50px; font-size: 2em; } #venue-management .section-header h1 { margin: 0; width: 100%; color: #FFFFFF; vertical-align: middle; display: inline-block; } #venue-management .section-header .section-image + h1 { padding: 0% 0% 0% 0.5em; width: 85%; } #venue-management .section-panel { margin: 0% 0% 2.25em 4.66%; padding: 0.5em 0.5em; width: 21.5%; max-width: 216px; min-height: 104px; display: inline-block; vertical-align: middle; color: #FFFFFF; background-color: #666666; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; } #venue-management .section-panel .section-image { padding: 0%; width: 28%; min-height: 88px; position: relative; } #venue-management .section-panel .section-image .icon { padding: 0%; max-width: 100%; top: 50%; left: 50%; font-size: 2.75em; position: absolute; transform: translate(-50%,-50%); } #venue-management .section-panel .section-image svg { max-width: 100%; max-height: 80px; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); } #venue-management .section-panel .section-label { width: 100%; font-size: 1em; line-height: 1.5em; font-weight: 700; vertical-align: middle; display: inline-block; } #venue-management .section-panel .section-image + .section-label { padding-left: 0.5em; width: 72%; } #venue-management .section-panel:hover { background-color: #777777; } #venue-management .section-panel:nth-of-type(4n+1) { margin-left: 0; } /* Member Profile Styles */ #venue-management .venue-panel { margin: 1.5em 0%; padding: 0% 1.5em; } #venue-management .details-section { margin: 1.5em 0%; padding: 2em 1.5em; background-color: #F1F1F1; } #venue-management .details-section h2 { margin: 0% 0% 0.75em 0%; } #venue-management .details-section td:nth-of-type(2n+1) { width: 17.5%; } #venue-management .details-section td:nth-of-type(2n) { width: 32.5%; } #venue-management .details-section button { margin: 1.25em 0% 0% 0%; width: auto; } #venue-management .details-additional-group { margin-top: 3rem; } /* 1000px Resolution Specific Baheviour */ @media only screen and (min-width: 0px) and (max-width: 1100px) { /* Account Dashboard Styles */ #venue-management .section-panel { margin: 0% 0% 2.25em 3.5%; width: 31%; max-width: none; } #venue-management .section-panel:nth-of-type(4n+1) { margin-left: 3.5%; } #venue-management .section-panel:nth-of-type(3n+1) { margin-left: 0; } } /* 800px Resolution Specific Baheviour */ @media only screen and (min-width: 0px) and (max-width: 800px) { /* General Mobile Styles */ #venue-management h1 { margin-top: 5%; font-size: 1.5em; } #venue-management table { width: 100%; } #venue-management td { display: block; } #venue-management td.label { width: 100%; } #venue-management td.input { width: 100%; } #venue-management td.empty { display: none; } #venue-management span.icon { display: inline; } #venue-management label { width: 100%; } #venue-management input, #venue-management textarea, #venue-management select { width: 90%; } #venue-management input[type="checkbox"], #venue-management input[type="radio"] { width: auto; } #venue-management .venue-table, #venue-management .venue-table-heading, #venue-management .venue-table-row, #venue-management .venue-table-row-group, #venue-management .venue-table-cell { display: block; } #venue-management .venue-table-cell.empty { display: none; } #venue-management .venue-flex, #venue-management .venue-flex-heading, #venue-management .venue-flex-row, #venue-management .venue-flex-row-group, #venue-management .venue-flex-cell { display: block; } #venue-management .venue-flex-cell.empty { display: none; } #venue-management .user-management .venue-flex-cell { width: 100%; } /* Button Mobile Styles */ #venue-management .button a { margin: 0px 0px 0px 0px; max-width: 100%; } #venue-management .button.logout-account, #venue-management .button.back-to-account { margin: 0% 0% 0% 0%; text-align: center; float: none; } /* Account Register Mobile Styles */ #venue-management #venue-register { padding: 6% 10% 10% 10%; } #venue-management #venue-register .label { display: none; } #venue-management #venue-register :-ms-input-placeholder { color: inherit; opacity: 1; } #venue-management #venue-register ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } #venue-management #venue-register :-moz-placeholder { color: inherit; opacity: 0.54; } #venue-management #venue-register ::-moz-placeholder { color: inherit; opacity: 0.54; } #venue-management #venue-register ::placeholder { color: inherit; opacity: 0.54; } #venue-management .venue-promo { width: 100%; float: none; } /* Account Dashboard Mobile Styles */ #venue-management .section-header { padding: 0.5em; } #venue-management .section-header .section-image { max-width: 50px; width: 15%; } #venue-management .section-panel { margin: 0% 0% 1.5em 4%; width: 48%; } #venue-management .section-panel:nth-of-type(3n+1) { margin-left: 4%; } #venue-management .section-panel:nth-of-type(2n+1) { margin-left: 0%; } /* Account Register Styles */ #venue-management #venue-register h1 { text-align: center; } /* Password Reset Styles */ #venue-management div.venue-panel.password-reset h1 { text-align: center; } /* My Details Mobile Styles */ #venue-management .venue-panel { padding: 0% 0.5em; } #venue-management .details-section { padding: 1.5em 1em; } #venue-management .details-section td:nth-of-type(2n+1) { width: 100%; } #venue-management .details-section td:nth-of-type(2n) { width: 100%; } #venue-management .section-marketing td { display: inline-block; } #venue-management .section-marketing td:nth-of-type(2n+1) { width: 50%; } #venue-management .section-marketing td:nth-of-type(2n) { width: 50%; } } @media only screen and (min-width: 0px) and (max-width: 500px) { /* Account Dashboard Mobile Styles */ #venue-management .section-panel { margin: 0% 0% 1.5em 0%; width: 100%; } #venue-management .section-panel:nth-of-type(3n+1) { margin-left: 0%; } }