/* Rome Symphony Orchestra #3200*/
/* created 6/9/23 mk */
body {
  background-color: #f9f9f9;
  color: #111;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: 1.6;
  padding: 0;
  text-transform: none;
  width: 100%;
}

* {
  box-sizing: border-box;
}

#admin-pages-link a,
#sysmsg-link a {
  color: #000;
  font-size: 14px;
  margin: 0 0 0 10px;
  position: relative;
  text-decoration: none;
  z-index: 10000;
}

#admin-pages-link a:hover,
#sysmsg-link a:hover {
  text-decoration: underline;
}

/* ----------- GLOBAL SETTINGS ---------- */
/* Offsets the margin added to p tags so text is aligned across the page */
p {
  margin-top: 0;
}

/* Sets modal text color to black - required when body color is light */
[class^="modal-"] {
  color: #000;
}

/* Additional space below user name after log in */
#user-status {
  margin-bottom: 25px;
}

/* Styles the hr tag, often used between show descriptions on main ticketing page */
hr {
  background-color: #ccc;
  border: 0;
  color: #ccc;
  height: 1px;
  width: 100%;
}

/* Positions text at the top of cell */
td {
  padding: 0;
  vertical-align: top;
}

.page_public {
  width: 100%;
}

.pp-order-summary td {
  font-family: unset;
}

#TBLbilling_info {
  margin-left: 10px;
}

#pass_description li,
#TXTpass_description li,
#mem_desc li {
  list-style: disc;
}

/*bullets on popup modal*/
.modal-body ul {
  list-style: disc;
}

/* This reduces the bottom margin for Person Types on the GA performance screen*/
.tt-page-794 .ga-person-type-selector .person-type-container {
  margin-bottom: 1px;
}

.confirmPPemail .well {
  background-color: #12101b14;
  margin-right: 10px;
}

/* --------------- HEADER --------------- */
.header {
  background: #fff;
  box-shadow: 0 5px 8px 0 rgb(0 0 0 / 8%);
  min-height: 130px;
  max-height: 210px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.header-inner {
  margin: 0 auto;
  max-width: 1100px;
  padding: 35px 10px;
}

.logo-wrapper {
  height: auto;
  position: relative;
}

.logo {
  backface-visibility: hidden;
  height: auto;
  position: relative;
}

/* ------------- NAVIGATION ------------- */
nav {
  margin: 0 auto;
}

nav ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

nav li {
  display: inline-block;
}

/* ---------- MAIN CONTENT AREA --------- */
.tt-page-160 .maincell ul,
.tt-page-3679 .maincell ul,
.tt-page-178 .maincell ul,
.tt-page-9498 .maincell ul,
.tt-page-160 .show_text_div li {
  list-style: disc;
}

.maincell {
  background: #fff;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 6%) 0 0 15px;
  margin: 210px auto 80px;
  min-height: 550px;
  padding: 60px 30px;
  position: relative;
}

/* Main Ticketing Page*/
/* Adds line separator between shows on main ticketing page */
.tt-page-160 .show_text_div {
    border-top: 1px solid #ccc;
    padding: 10px 0 20px;
}

.tt-page-160 th div.show_text_div {
    border: transparent;
}

/*Removes hr from top event*/
#TBL412 > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > div {
    border-top: 0px solid #ccc;
    padding-top: 5px;
}

/* Preseason Ticketing Page*/
/* Adds line separator between shows on preseason ticketing page */
.tt-page-3679 #TBL3686 > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(n) > td:nth-child(2) {
   border-top: 1px solid #818181;
   padding-bottom: 20px;
   padding-top: 10px;
}

/*Removes hr from top event on preseason ticketing page*/
.tt-page-3679 #TBL3686 > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td:nth-child(2) {
    border-top: 0px solid #ccc;
    padding-top: 5px;
}

.tt-page-160 .show_text_div {
  min-width: 100px;
  padding-top: 10px;
}

.show_image_div {
  margin: 12px;
}

/* Add vert spacing between show img and desc on Select a perf page */
.tt-page-178 .show_text_div {
  padding-top: 20px;
}

#TBL3686>tbody>tr:nth-child(3)>td>table>tbody>tr:nth-child(n)>td:nth-child(2) {
  padding-top: 10px;
  min-width: 100px;
}

/* Formats information sidebar on main ticketing page */
#TBL180 {
  border-left: 1px solid #ccc;
  padding: 10px;
  width: 200px;
}

/* Center add-on item check box on ticket buy path */
#person_type_table input[type=checkbox] {
  margin: 4px 0 0 45%;
}

/* Formats information sidebar on preseason page */
#TBL3681 {
  border-left: 1px solid #ccc;
  padding-left: 5px;
  width: 240px;
}

/* ------------- LINKS ------------------ */
/* Link outside of .content section, e.g. admin links at top of page, footer section */
a {
  color: #262a31;
  text-decoration: underline;
}

a:hover {
  color: #434a63;
  text-decoration: none;
}

/* Link in divs or tables with content class (those inside a table or div with .content class) */
.content a {
  color: #6e7584;
  text-decoration: underline;
}

.content a:hover {
  color: #434a63;
  text-decoration: none;
}

.tt-page-178 #A2538 {
  color: #262a31;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.7;
  margin-left: -10px;
  text-decoration: underline;
}

.tt-page-178 #A2538:hover {
  color: #434a63;
  text-decoration: none;
}

#user-status a {
  background-color: #f5f5f5;
  border-bottom: 0;
  border-radius: 3px;
  color: #000;
  opacity: 1;
  padding: 3px 5px;
  text-decoration: none;
}

#user-status a:hover {
  background-color: #eee;
  text-decoration: none;
}

/* Styles buy/add buttons on following buy paths: Main ticketing, Retail, Membership, Passes, Enrollment */
#Abuy_tickets,
#Aitem_select,
#Apass_select,
#mem_select a,
.tt-page-9498 .restore_pos {
  background-color: #262a31;
  border: solid 1px #262a31;
  border-radius: 3px;
  box-shadow: rgb(0 0 0 / 6%) 0 0 15px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin: 15px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .5s ease;
  padding: 8px 14px 6px;
  white-space: nowrap;
}

#Abuy_tickets:hover,
#Aitem_select:hover,
#mem_select a:hover,
#Apass_select:hover,
.tt-page-9498 .restore_pos:hover {
  background-color: #3f4652;
  border: solid 1px #000;
  color: #fff;
  text-decoration: none;
}

.tt-page-9498 .restore_pos {
  font-size: 15px;
  margin: 5px 3px;
  min-width: 180px;
  padding: 5px 8px;
  text-transform: capitalize;
  white-space: normal;
}

/*Continue Shopping buttons to blue */
#BTNbtn_continue_shopping,
#BTNbtn_continue {
  background-color: #337ab7;
  border-color: #ccc;
  color: #fff;
  margin-left: 5px;
}

#BTNbtn_continue_shopping:hover,
#BTNbtn_continue:hover {
  color: #fff;
  background-color: #286090;
}

/* Removes underline on button label text. Necessary if a link is underlined*/
.btn-primary {
  color: #ffffff !important;
  text-decoration: none !important;
  margin-left: 5px;
}

.btn-default {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
  margin-left: 5px;
  text-decoration: none;
}

/*Create Patron Record Button */
.create {
  position: relative;
  left: 85px;
}

/* --------------- FONTS ---------------- */
/* normal and content classes are included throughout the code;
   These declarations should match body */
.normal {
  color: #333;
  font-size: 16px;
}

.content {
  font-size: 16px;
}

h1 {
  color: #262a31;
  font-family: 'Fira Sans', sans-serif;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 10px;
}

h2 {
  color: #262a31;
  font-family: 'Fira Sans', sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}

h3 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 0;
}

.emph {
  color: #222;
  font-weight: 700;
}

.message {
  background-color: #262a31;
  color: #fff;
  font-size: 150%;
  padding: 5px;
}

.error {
  background-color: #ff0000;
  color: #fff;
  font-size: 150%;
  padding: 5px;
}

.tt-page-794 .help-block {
  background-color: red;
  color: #fff !important;
  font-size: 20px;
  padding: 5px 16px;
}

/* Formats col headers in review order table */
.pp-order-summary th {
  text-align: left;
}

/* --------------- IMAGES --------------- */
/* Images on main ticketing page */
.show_image_div img {
  height: auto;
  padding-right: 15px;
  width: 250px;
}

/* Images on Select a perf page */
#TBL2885 #TBL236 img {
  height: auto;
  max-width: 250px;
  padding-right: 10px;
}

/* bullet on Select a perf page */
.tt-page-178 #TBLperformances .image_user {
  margin-top: 5px;
  margin-right: 5px;
}

/* ------------TABLES GLOBAL ----------- */
/* Formats column header text */
.headtext {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.htable th {
  background-color: #262a31;
  color: #fff;
  padding: 0 15px;
}

.htable td {
  color: #000;
  padding: 1px 6px 1px;
  text-align: left;
}

.tt-page-11182 #TBLsubscription-payment {
  margin-left: 12px;
}

/* Formats tables, like the email table on the Customer Info page, and the "Subscribe" column header text in that table */
.table-bordered th {
  background-color: #262a31;
  color: #fff;
  font-size: 16px;
  padding: 3px 5px;
}

/* Sets the asterisk color to white / increases font size - helpful if the table-bordered th background color is dark */
.table-bordered .required_asterisk {
  color: #ff0000;
  font-size: 18px;
  line-height: 100%;
}

/* Email address table */
#TBLemails td {
  text-align: center;
}

/* --------------- DONATION PAGE --------------- */
.tt-page-3465 #TBL4188 .leftCol {
  line-height: 1.6em;
  text-align: right;
  padding-right: 10px;
  width: 480px;
}

.tt-page-3465 #\33 469>h1 {
  margin-bottom: 25px;
}

/* ------------- ENROLLMENT PAGE ------------- */
/* Adds padding between liability release text and signature block */
.tt-page-9512 .kcolumn td {
  padding: 0 20px 20px 0;
}

.tt-page-9498 #TBLclassList li,
.tt-page-9498 #TRselect_term li {
  list-style: disc;
}

.tt-page-9498 .TBLclassList tr td {
  background: #f4f4f4;
  padding: 16px 10px;
}

.tt-page-6923 .TBLclassList tr:nth-child(odd) td,
.tt-page-9498 .TBLclassList tr:nth-child(odd) td {
  background: #f9f9f9db;
}

.tt-page-6923 .TBLclassList tr:nth-child(even) td,
.tt-page-9498 .TBLclassList tr:nth-child(even) td {
  background: #f4f4f4;
}

.tt-page-9498 .table-bordered th,
.tt-page-9498 .table-bordered td {
  border: 0;
}

.tt-page-9498 #TBLclassList .image_user {
  max-width: 120px !important;
}

.tt-page-9498 .table-bordered th {
  text-align: center;
}

#TBLclassList>tbody>tr:nth-child(1)>th:nth-child(3) {
  min-width: 150px;
}

#TBLclassList>tbody>tr:nth-child(n)>td:nth-child(3),
#TBLclassList>tbody>tr:nth-child(n)>td:nth-child(4),
#TBLclassList>tbody>tr:nth-child(n)>td:nth-child(5) {
  text-align: center;
}

/* adds Click Here to Register on class Page*/
.tt-page-9498 .restore_pos:before {
  content: "CLICK HERE TO REGISTER:\A ";
  font-size: 13px;
  font-weight: 500;
  white-space: pre;
}

/* Formats "I agree to the release" button to match btn-primary */
.tt-page-9512 #BTN9517 {
  background-color: #262a31;
  border-color: #262a31;
  color: #fff;
}

/* Formats "I agree to the release" button to match btn-primary */
.tt-page-9512 #BTN9517:hover {
  background-color: #3e4550;
  border-color: #545d6d;
  color: #fff;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f1f1f1db;
}

/* ------------- MEMBERSHIP PAGE ------------- */
/* Formats membership listing table */
#membership_level_table th {
  background-color: #262a31;
  color: #fff;
  font-size: 15px;
  padding: 5px 15px 5px 5px;
  white-space: nowrap;
}

/* Formats membership listing table and renewal table on membership page */
#mem_amount {
  text-align: center;
}

/* Adds a dollar sign in front of the membership prices */
td#mem_amount:before {
  content: "$";
}

/* Formats Select Membership link on membership public page; supplemental to format in links section */
#mem_select {
  font-weight: bold;
  text-transform: uppercase;
}

/* Adds padding to memberships in membership list */
#membership_level_table td {
  padding: 5px 3px;
}

/* Move Back to donation details button to the left, under Membership header */
#BTNbackFromPayment {
  left: -230px;
  position: relative;
}

/* Formats the Membership Renewal table (not to be confused with the List of Memberships table) */
#membership_table {
  border-bottom: 1px dashed #333;
  box-shadow: inset 0 -1px 0 0 #333, 0 1px 0 0 #333;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#membership_table th {
  background-color: #262a31;
  color: #fff;
  font-size: 15px;
  padding: 5px 8px 5px 10px;
  vertical-align: top;
}

#membership_table td {
  color: #000;
  padding: 0 5px;
}

.tt-page-8573 #membership_level_table th {
  background: #262a31;
}

.tt-page-8573 #membership_level_table td {
  padding: 10px 10px;
}

.tt-page-8573 #membership_level_table tr td {
  background: #f4f4f4;
  color: #333;
}

.tt-page-8573 #membership_level_table tr:nth-child(odd) td {
  background: #ddd;
  color: #333;
}

.tt-page-8573 #membership_level_table li {
  list-style: disc;
}

.tt-page-7722 .leftCol {
  line-height: 1.6em;
  text-align: right;
  padding-right: 10px;
  width: 450px;
}

/* --------------- PASSES PAGE--------------- */
/* Vertically align text in passes for sale table */
#TBLpasses td {
  padding: 10px 10px 10px 0;
  vertical-align: top;
}

#TBLpasses td:last-of-type {
  padding-right: 0;
}

/* Adds vert spacing betwen Passes in Cart and Passes for Sale tables */
#TBLpass_cart {
  margin-bottom: 20px;
}

.tt-page-6923 .htable th {
  background: #262a31;
}

.tt-page-6923 #TBLpasses {
  margin-top: 10px;
}

.tt-page-6923 #TXTpass_description {
  color: #333333;
  font-weight: 400;
}

.tt-page-6923 #TXTpass_description li {
  font-weight: 700;
  list-style: disc;
}

.tt-page-6923 #TBLpasses tr td {
  background: #f9f9f9db;
  color: #333;
  font-weight: bold;
  padding: 16px 10px;
}

.tt-page-6923 #TBLpasses tr:nth-child(odd) td {
  background: #dedede;
}

.tt-page-6923 #TXTpass_name {
  color: #333333;
}

.tt-page-6923 #TXTpass_cost {
  color: #333333;
}

#TRquantity > td.leftCol {
  padding-right: 8px;
}

/*Passes on Retail Page */
.tt-page-4102 #TBLpasses tr:nth-child(even) td {
  background: #f4f4f4;
  color: #333;
}

.tt-page-4102 #TBLpasses tr:nth-child(odd) td {
  background: #dedede;
  color: #333;
}

.tt-page-4102 #pass_name,
.tt-page-4102 #pass_cost,
.tt-page-4102 #pass_description,
.tt-page-4102 #TBLitems .normal {
  color: #333;
}

.tt-page-4102 #TBLpasses {
  margin-top: 35px;
  font-weight: 700;
}

.tt-page-4102 #TBLitems {
  min-width: 485px;
}

.tt-page-4102 #TBLpasses tr td {
  background: #f4f4f4;
  padding: 16px 10px;
}

/* ----------RETAIL PAGE ------------ */
.tt-page-4102 .htable th {
  background: #262a31;
}

.tt-page-4102 #TBLitems td {
  vertical-align: middle;
}

.tt-page-4102 #TBLitems tr td {
  background: #f4f4f4;
  font-weight: bold;
  padding: 16px 10px;
}

.tt-page-4102 #TBLitems tr:nth-child(odd) td {
  background: #dedede;
}

.tt-page-4102 #TBL5776 {
  border: none;
  margin-left: 36px;
}

.tt-page-4102 #gift_cert_intro p {
  padding-left: 0;
  text-align: left;
}

.tt-page-4102 #TBL5776 td {
  padding: 10px 0;
}

.tt-page-4102 #TBL4146 {
  background: #eee;
}

.tt-page-4102 #TBL4146>tbody>tr>td {
  padding: 16px;
}

.tt-page-4102 #BTNitem_add {
  margin-bottom: 16px;
}

.tt-page-4135 #TBL4139 img {
  margin-top: 10px;
  max-width: 250px;
}

.tt-page-4135 #TXT4140 {
  margin-right: 20px;
}

/* Formats table for gift certificate sales */
#TBL5776 {
  min-width: 250px;
  padding-left: 5px;
}

/* Formats width for "Add this item to your cart" text */
#TBL4146 {
  min-width: 230px;
}

.tt-page-6923 .leftCol {
  padding-right: 15px;
}

/* ---------- SUBSCRIPTION PAGES ------------ */
#CBshow_select input[type=checkbox] {
  margin: 4px 0 0 45%;
}

.tt-page-10931 input[type=radio] {
  line-height: normal;
  margin: 8px 28px;
 transform: scale(1.3);
}

.tt-page-10931 #TBLpackages input[type=checkbox] {
  margin: 4px 0 0 30%;
  text-align: center;
}

.tt-page-10968 input[type=radio] {
  line-height: normal;
  margin: 5px 0 0 90px;
  transform: scale(1.2);
}

.tt-page-10968 .htable td {
  color: #333;
  padding: 5px 20px 0px 10px;
  text-align: left;
}

#TBL11027>tbody>tr:nth-child(3)>td:nth-child(1)>table>tbody>tr:nth-child(1)>th:nth-child(2),
.tt-page-10968 #TBL11027>tbody>tr:nth-child(3)>td:nth-child(1)>table>tbody>tr:nth-child(2)>td:nth-child(3) {
  min-width: 150px;
}

.tt-page-10968 #TBL11027>tbody>tr:nth-child(3)>td:nth-child(1)>table>tbody>tr:nth-child(1)>th:nth-child(1) {
  min-width: 170px;
}

.tt-page-11182 #TBLsubscription-tickets {
  width: 420px;
}

.tt-page-11182 #TBLpayment_details {
  margin: 45px 5px;
}

.tt-page-11182 #TBL786 {
  margin: 0 10px;
}

.tt-page-11182 .pp-order-summary {
  margin-right: 10px;
  width: 500px !important;
}

/*widens Review Your Order table on sub checkout screen*/
.tt-page-756 #TBLleft_side>tbody>tr:nth-child(2)>td>table {
  width: 500px !important;
}

/*highlights performance series on Select Perf Series Page
.tt-page-10968 #TBL11027 .subscription_select_row {
  background: #3f3f3f0d;
}*/

#TRlogin_password > td.leftCol {
  padding-right: 10px;
}

/* ----------- SEATING CHART ------------ */
/* Formats row labels and other text on seatmap */
.seat_label_td {
  color: #000;
  font-size: 13px;
}

/* Formats STAGE text on seatmap page */
.stagelabel {
  background-color: #262a31;
  color: #fff;
  font-size: 24px;
  text-align: center;
  vertical-align: middle;
}

/* Formats labels on dining table seating chart */
.table {
  background-color: #262a31;
  color: #fff;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
}

.table_round {
  background-color: #262a31;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
}

.diagtable {
  background-color: #262a31;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  -ms-transform: rotate(315deg);
  /* IE 9 */
  -webkit-transform: rotate(315deg);
  /* Safari 3-8 */
  transform: rotate(315deg);
}

/* --- Triangles for creating slanted stages ---*/
.triangleleft {
  border-top: 20px solid #262a31;
  border-left: 20px solid transparent;
  height: 0;
  width: 0;
}

.triangleright {
  border-top: 20px solid #262a31;
  border-right: 20px solid transparent;
  height: 0;
  width: 0;
}

/* --- Horizontal and Vertical Lines on Seating Chart ----*/
.horiz_line {
  border-top: 1px solid #000;
}

.vertical_line_left {
  border-right: 1px solid #000;
  margin-right: 14px;
}

.vertical_line_right {
  border-left: 1px solid #000;
  margin-left: 14px;
}

.vertical_label {
  color: #222;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Safari 3-8 */
  transform: rotate(-90deg);
}

/*centers seating chart*/
.tt-page-148 #TBL152 {
  text-align: center;
}

.tt-page-148 #TBL244 {
  margin: 0 auto;
  padding-left: 140px;
  text-align: center;
}

.seatmap-legend {
  margin: 10px 0;
  min-width: 690px;
}

/* ----------- FOOTER SECTION ----------- */
.footer-wrapper {
  background-color: #262a31;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  height: 300px;
  line-height: 1.4;
  text-align: center;
  padding: 30px 0 0 0;
  width: 100%;
}

.footer {
  margin: 0 auto;
  width: 1100px;
}

.footer a {
  color: #fff;
  text-decoration: underline;
}

.footer a:hover {
  opacity: .8;
  text-decoration: underline;
}

.footer h1, .footer h2, .footer h3 {
  color: #fff;
}

.footer h1 {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

/* ----- SOCIAL ICONS ------*/
.social {
  margin: 25px;
  padding: 5px;
}

.social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.social ul li {
  position: relative;
  display: inline-block;
}

.social a {
  background-color: #fff;
  color: #262a31;
  display: inline-block;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 22px;
  height: 32px;
  margin: 0px 6px;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  padding: 5px;
  -ms-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  width: 32px;
}

.social a:hover {
  opacity: 1;
  transform: scale(1.2);
}

/* ----- ARTS PEOPLE ------*/
.ap {
  background: #f2f2f2;
  font-size: 12px;
  height: 40px;
  letter-spacing: 1px;
  padding: 13px;
  text-align: center;
  text-transform: uppercase;
}

.ap a {
  text-decoration: none;
}


/*removes "Select 6 Shows" on first Sub page*/
.tt-page-10931 #TBLpackage_shows > tbody > tr:nth-child(1) > th:nth-child(2) > span {
     display: none;
}

#BTNcreate_login {
  font-size: 22px;
  background-color: #337ab7;
  color: #fff;
}

#BTNcreate_login:hover {
  background-color: #22537c;
}
