/* INV, ASS, DOCS, EV MANAGERS */
  .incon, .ascon, .docon, .evcon 
 { width: 95%; margin: 0 auto; border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; max-height: 200px; overflow-y: auto; }

 .cc, .tacon 
 { width: 95%; margin: 0 auto; border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; height: 150px; overflow-y: auto; }

 .mt, .intab, .astab, .tatab, .dotab, .evtab { width: 100%; border-collapse: collapse; text-align: center; }

 .mt thead, .intab thead, .astab thead, .tatab thead, .dotab thead, .evtab thead 
 { background-color: #0073aa; color: #fff; font-weight: bold; font-size: 12px; }

 .mt th, .mt td, .tatab th, .tatab td, .intab th, .intab td, .astab th, 
 .astab td, .dotab th, .dotab td, .evtab th, .evtab td 
 { padding: 3px; border: 1px solid #ddd; font-size: 12px; text-align: center; height: 15px; }

 .mhf { width: 15%; } .mht { width: 15%; }  .mhty { width: 15%; }  .mhd { width: 45%; }  .mhst { width: 10%; } 
 .mi:hover { background-color: #f1f1f1; cursor: pointer; }
 .nm { text-align: center; padding: 5px; font-size: 12px; }

 /* USED BY listtest, medialist, */
 .list-list { list-style-type: none; padding: 0; margin: 0; }
 .mlist-list { list-style-type: none; padding: 0; margin: 0; }
.list-item { margin-bottom: 5px; }
.mlist-item { margin-bottom: 5px; }
 .list-item a { font-size: 10px; color: #333; text-decoration: none; }
 .list-item a:hover { text-decoration: underline; }
 .mlitco { display: flex; align-items: center; height: 60px; width: 80%; border: 1px solid #d3d3d3; padding: 5px; box-sizing: border-box; }
 .mlist-image { width: 50px; height: 50px; object-fit: cover; margin-right: 10px; }
 .mlist-title { font-size: 14px; color: #333; text-decoration: none; display: inline-block; vertical-align: middle; }
 #list-modal-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10000; }
 #list-modal-container > div { position: relative; margin: 30px auto; padding: 10px; background: #fff; width: 80%; max-width: 800px; }
 #list-frame { width: 100%; height: 700px; border: none; }
 #list-button { position: absolute; top: 10px; right: 10px; }
 .l-container, .m-container { height: 200px; max-width: 80%; overflow-y: scroll; border: 1px solid #ddd; padding: 10px;  margin: 10px 0; }
 .argr { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  .arimg { text-align: center; }
 .arimg img { width: 150px; height: 150px; object-fit: cover; }  .artistscont { margin-top: 10px; }
 .arp { margin-top: 40px; text-align: center; }  .arp a { margin: 0 5px; padding: 5px 10px; background: #ddd; color: #333; text-decoration: none; }
 .arp .current { margin: 0 5px; padding: 5px 10px; background: #333; color: #fff; text-decoration: none; }
 #arse { margin-bottom: 10px; text-align: center; }  #arsere { padding: 10px; width: 300px; font-size: 10px; }
 #armd { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10000; }
 #armd > div { position: relative; margin: 50px auto; padding: 20px; background: #fff; width: 80%; max-width: 800px; }
 #arfr { width: 100%; height: 500px; border: none; }  #arb { position: absolute; top: 10px; right: 10px; } 

/* LOGIN FORM */
 .lfc { text-align: center; }
 #lf { display: inline-block; text-align: left; }
 #lf input[type="text"], #lf input[type="password"] { display: block; margin-bottom: 10px; padding: 10px; width: 100%; box-sizing: border-box; }
 
/* MAIN MENU */
 #pm { background-color: #2c3e50; width: 100%; height: 100%; margin: 0; padding: 0px; border-right: 1px solid #34495e; display: flex; flex-direction: column; justify-content: space-around; align-items: center; text-align: center; font-family: 'Lato', sans-serif; }
 #pm a.menu-header { width: 100%; font-size: 14px; font-weight: bold; color: #ecf0f1;  text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
 #pm a.menu-item { color: #bdc3c7; display: block; align-items: center; text-decoration: none; font-size: 12px; font-weight: 500; margin-bottom: 0px; width: 100%; padding: 0px; border-radius: 4px; transition: background-color 0.3s ease, color 0.3s ease; }
 #pm a.menu-itema { color: #bdc3c7; display: block; align-items: center; text-decoration: none; font-size: 12px; font-weight: 500; margin-bottom: 0px; margin-top: 0px; width: 100%; padding: 0px; border-radius: 4px; transition: background-color 0.3s ease, color 0.3s ease; }
 #pm a.menu-item i { font-size: 16px; margin-right: 10px; color: #ecf0f1; }
 #pm a.menu-item:hover, #pm a.menu-item.active { background-color: #34495e; color: #ecf0f1; }
 .hb { display: none; cursor: pointer; width: 35px; height: 35px; flex-direction: column; justify-content: space-around; align-items: center; }
 .hb div { width: 100%; height: 4px; background-color: #ecf0f1; }
 .nav-menu { display: flex; flex-direction: column; align-items: flex-start; background-color: #2c3e50; border-right: 1px solid #34495e; padding: 5px; width: 100%; height: 85%; }
 @media (max-width: 768px) { #pm { display: none; width: 100%; } .hb { display: flex; } }

/* FORM BUTTON CONTAINERS */
.to-bc, .cl-bc, .ve-bc, .ev-bc, .de-bc, .pi-bc, .ag-bc, .ca-bc, .au-bc, .on-bc, 
.ml-bc, .li-bc, .vi-bc, .pr-bc, .ar-bc, .re-bc, .pic-bc, .in-bc, .com-bc
 { display: flex; justify-content: center; align-items: center; margin-top: 20px; }

/* FORM MODALS */
 .to-m, .cl-m, .ve-m, .ev-m, .de-m, .pi-m, .ag-m, .ca-m, .au-m, .on-m, .ml-m, .li-m, 
 .vi-m, .pic-m, .ar-m, .pr-m, .re-m, .pic-m, .in-m, .com-m
 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; }
 
/* FORM MODAL CONTENT */
 .to-mc, .cl-mc, .ve-mc, .ev-mc, .de-mc, .pi-mc, .ag-mc, .ca-mc, .au-mc, .on-mc, .ml-mc, 
 .li-mc, .vi-mc, .pic-mc, .re-mc, .ar-mc, .pr-mc, .in-mc, .com-mc
 { background-color: #f9f9f9; padding: 20px; border-radius: 8px; width: 600px; max-width: 600px; max-height: 80%; overflow-y: auto; position: relative; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); display: block; margin: 0 auto; }
 
/* FORM ROWS AND BUTTONS */
 .xxrow, .recs-flex-row { display: flex; justify-content: space-between;}
 .xxrow .half-width, .xxrow .hw, .recs-flex-row .half-width { width: 48%;}
 .xx { width: 100%; padding: 5px; margin: 2px 0; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; }
 .xx:focus { border-color: #4CAF50; outline: none; }
 .close { position: absolute; top: 10px; right: 15px; font-size: 24px; font-weight: bold; color: #333; cursor: pointer; }
 .close:hover { color: #ff0000; }
 .submit-button { background-color: #4CAF50; color: white; padding: 10px; width: 100%; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; }
 .fob { background-color: #4CAF50; color: white; padding: 8px 16px; font-size: 12px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; }
 .fob:hover { background-color: #45a049; }
 .submit-button:hover { background-color: #45a049; }
 .irow { display: flex; justify-content: space-between; gap: 10px; }
 .brow, .rrow, .trow { display: flex; justify-content: space-between; margin-bottom: 2px;}
 .trow .xx, .rrow .xx, .brow .xx { width: 32%; margin: 0;}
 @media (max-width: 768px) {  .brow, .rrow, .trow { flex-direction: column; } .trow .xx, .rrow .xx, .brow .xx { width: 100%; margin-bottom: 2px; } }

/* CLIENT PROFILE PAGE */
 .clip { padding: 20px; border: 1px solid #ccc; margin-bottom: 20px; }
 .clip h1 { font-size: 24px;    margin-bottom: 20px; }
 .clip p { font-size: 16px; margin-bottom: 10px; }

 /*  */
 .pics-gallery-container { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
 
/*  */
 .cn-shortcode { margin: 20px 0;}
 .cn-heading { font-size: 14px; text-align: center; text-decoration: underline; margin-bottom: 5px; }
 .cn-list { list-style-type: none; padding-left: 0; text-align: left; font-size: 10px; margin-top: 0;}
 .cn-list li a { text-decoration: none; color: #0073aa; }
 .cn-list li a:hover { color: #005a8d; }

/* CALENDAR STUFF */
.event-date { background-color: #FFD700; } 
.todo-date { background-color: #87CEEB; }  
.product-date { background-color: #32CD32; } 
.video-date { background-color: #FF4500; } 

/* COMMS MSG SYSTEM */
 #commscontainer { text-align: center; max-width: 700px; margin: 0 auto; font-family: Arial, sans-serif; }
 #msgin, #msgout { border: 1px solid #ddd; background-color: #f8f9fa; border-radius: 8px; padding: 5px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); margin-top: 5px; }
 #msgout { padding: 5px; }
 .fg { display: flex; align-items: center; gap: 5px; margin-top: 5px; padding: 5px 0; }
 #msgin label, #msgout label { font-weight: bold; color: #555; min-width: 70px; text-align: left; }
 #msgin input[type="text"], #msgout input[type="text"], #msgin textarea, #msgout textarea { width: 100%; padding: 5px 5px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; }
 #msgin textarea[readonly], #msgout textarea[readonly] { background-color: #f0f0f0; }

/* EMAIL INVOICE FUNCTION */
 .eminco { font-family: Arial, sans-serif; color: #333 }
 .eminhe { display: flex; justify-content: space-between; margin-bottom: 20px; }
 .eminhe div { text-align: left; }
 .eminhe div.right { text-align: right; }
 .eminadd { margin-bottom: 20px; }
 .emintab { width: 100%; border-collapse: collapse; margin-bottom: 20px; border: 1px solid #ccc; }
 .emintab th, .emintab td { padding: 10px; border: 1px solid #ccc; }
 .emintab thead { background-color: #f5f5f5; }
 .emintotal { text-align: right; margin-bottom: 20px; font-size: 1.2em; }
 .eminter { margin-bottom: 20px; }

/* INVOICE SHORTCODE FUNCTION */
 .invhea { text-align: center; margin-bottom: 20px; }
 .invhea h1 { color: #333; }
 .invinf { display: flex; justify-content: space-between; margin-bottom: 20px; }
 .invinf div { text-align: left; }
 .invinf div.right { text-align: right; }
 .invadr { margin-bottom: 20px; }
 .invtab { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
 .invtab th, .invtab td { padding: 10px; border: 1px solid #ccc; }
 .invtab thead { background-color: #f5f5f5; }
 .invtot { text-align: right; margin-bottom: 20px; }
 .invtot span.total { font-size: 1.2em; }
 .invterm, .invproj, .invnote { margin-bottom: 20px; }

/* DOCS TP */
 .docco { font-family: Arial, sans-serif; margin: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; }
 .doc-container h1 { text-align: center; color: #333; margin-bottom: 20px; }
 .docf { margin-bottom: 15px; }
 .docf strong { font-weight: bold; }

/* EVENTS TP */
 .evcon { font-family: Arial, sans-serif; margin: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; }
 .evcol { display: flex; justify-content: space-between; margin-bottom: 20px; }
 .evin { width: 60%; }
 .evei { width: 35%; text-align: right; }
 .event-image img { max-width: 100%; border-radius: 8px; }
 .evef { margin-bottom: 10px; }
 .evef strong { font-weight: bold; }
 .eved { margin-top: 20px; width: 100%; border-top: 1px solid #ddd; padding-top: 15px; }

/* MULTILINK TP */
 .bio-container { display: flex; flex-direction: column; align-items: center; max-width: 400px; margin: auto; padding: 20px; background-color: #f9f9f9; text-align: center; font-size: 16px; border-radius: 10px; }
 .bio-title { font-size: 24px; font-weight: bold; margin-bottom: 15px; }
 .bio-image { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-bottom: 15px; object-fit: cover; }
 .bio-content { font-size: 14px; color: #555; margin-bottom: 20px; }
 .bio-links { display: flex; flex-direction: column; gap: 10px; }
 .bio-link a { color: #333; font-size: 20px; text-decoration: none; transition: color 0.3s; }
 .bio-link a:hover { color: #007bff; }

/* ONESHEET TP */
 .gc { display: grid; grid-template-areas: "hd hd hd hd hd hd" "ct ct ct ct ct ct" "lt lt md md rt rt" "ft ft ft ft ft ft"; transition: background-color 0.3s, color 0.3s; }
 .hd, .ct { grid-area: hd; position: relative; background-color: #f1f1f1; text-align: center; font-size: 35px; }
 .hd img { width: 100%; height: 100%; object-fit: cover; }
 .to { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -15%); color: white; font-size: 12px; background-color: rgba(0, 0, 0, 0.5); padding: 5px; border-radius: 5px; }
 .ct { grid-area: ct; background-color: #e9e9e9; height: 150px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 8px; }
 .lt, .md, .rt { padding: 5px; height: 100px; font-size: 8px; background-color: #aaa; }
 .md { background-color: #bbb; }
 .rt { background-color: #ccc; }
 .ft { grid-area: ft; background-color: #f1f1f1; padding: 5px; text-align: center; font-size: 12px; }
 .ch { font-weight: bold; text-decoration: underline; }
 .si { margin: 0 5px; color: #333; }

/* PRODUCTS TP */
 .prodcont { font-family: Arial, sans-serif; margin: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; }
 .prodinfo { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
 .prodfield { width: 45%; margin: 10px 0; }
 .prodfield strong { font-weight: bold; }
 .prodtracks { margin-top: 20px; }
 .tracktable { width: 100%; border-collapse: collapse; }
 .tracktable th, .tracktable td { padding: 10px; border: 1px solid #ccc; text-align: center; }
 .tracktable thead { background-color: #f5f5f5; }

/* VENUE TP */
 .vencon { font-family: Arial, sans-serif; margin: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; }
 .vencol { display: flex; justify-content: space-between; margin-bottom: 20px; }
 .veim { width: 35%; text-align: left; }
 .veim img { max-width: 100%; border-radius: 8px; }
 .veni { width: 60%; }
 .venf { margin-bottom: 10px; }
 .venf strong { font-weight: bold; }
 .venno { margin-top: 20px; width: 100%; border-top: 1px solid #ddd; padding-top: 15px; }