*/
ul.bullet-list, .bullet-list ul {
list-style-type: none;
/*list-style-position: inside;*/
padding-left: 18px;
margin: 0;
}
.bullet-list li {
padding: 0 0 0 32px;
line-height: 1.2 !important;
margin-bottom: 15px !important;
}
/* This is the key to centering list items */
.bullet-list.centered li {
display: table;
margin: 0 auto;
}
/* Centered standard list */
ul.centered {
padding-left: 18px;
margin: 0;
}
/* 16px icon */
.bullet-list li {
/* Default square */
background: url(../../Images/Icons/Bullet-16.png) no-repeat left center !important;
}
/* 20px icon */
.bullet-list.orange-bullet li {
/* Default square */
background: url(../../Images/Icons/Bullet-Orange20.png) no-repeat left center !important;
}
.bullet-list.red-bullet li {
background: url(../../Images/Icons/Bullet-Red20.png) no-repeat left center !important;
}
.bullet-list.gold-ochre-bullet li {
/* Square */
background: url(../../Images/Icons/Bullet-GoldOchre20.png) no-repeat left center !important;
}
.bullet-list.green-tick li {
padding-top: 2px;
background: url(../../Images/Icons/Check-24.png) no-repeat left center !important;
}
/* Plain tick (no bg) */
.bullet-list.lime-tick li {
padding-top: 2px;
background: url(../../Images/Icons/Check-lime24.png) no-repeat left center !important;
}
/* Plain bullet */
.bullet-list.plain-bullet li {
padding-top: 0;
background: url(../../Images/Icons/Bullet-16.png) no-repeat left center !important;
line-height: 1 !important;
}
/* CENTERED BULLET LIST
*/
.bullet-list-centered {
margin-top: 0;
margin-left: 5%;
width: 70%;
display: inline-block;
text-align: left;
display: inline-block;
list-style-type: none;
}
.bullet-list-centered li {
position: relative;
}
/* 20px icon centred list */
.bullet-list-centered li.orange-bullet {
--image: url(../../Images/Icons/Bullet-Orange20.png);
padding-left: 20px;
}
.bullet-list-centered li.red-bullet {
--image: url(../../Images/Icons/Bullet-Red20.png);
padding-left: 20px;
}
.bullet-list-centered li.gold-ochre-bullet {
--image: url(../../Images/Icons/Bullet-GoldOchre20.png);
padding-left: 20px;
}
.bullet-list-centered li.green-tick {
--image: url(../../Images/Icons/Check-24.png);
padding-left: 20px;
}
.bullet-list-centered li.lime-tick {
--image: url(../../Images/Icons/Check-lime24.png);
padding-left: 20px;
}
.t::before {
content: '';
background-image: var(--image);
background-size: contain;
position: absolute;
left: -1em;
/*top: calc(-1em + 1ex);*/
top: 4px;
width: 20px;
height: 20px;
display: inline-block;
z-index: 1;
}
.t {
font-size: 18px;
font-weight: bold;
margin: 6px 6px;
/* removed line-height:1px; */
}
/* MESSAGE LIST
Ref: Functions_General
*/
.message-list {
margin-bottom: 15px;
padding: 0 8px;
}
.message-list li {
margin: 5px 0;
list-style-type: none;
}
.message-list li.bullet {
list-style-type: none !important;
padding: 0 0 4px 32px;
line-height: 1.3;
color: #0191C8;
background: url(../../Images/Icons/info24.png) no-repeat top left;
}
.message-list li.bullet.red {
color: #CE3A1F !important;
background: url(../../Images/Icons/info-red4.png) no-repeat top left !important;
}
.message-list li.bullet.error {
background-image: url(../../Images/Icons/Delete-24.png) !important;
color: #FF2304 !important;
}
/* TABLE CELLS */
.cell-highlight {
background-color: #FFF2A5 !important; /* Yellow */
}
.cell-highlight2 {
background-color: #88DEFE !important; /* Light aqua */
}
.cell-highlight3 {
background-color: #F1E9C1 !important; /* Caption bg */
}
.cell-highlight4 {
background-color: #FFDEC3 !important; /* Light orange */
}
.cell-highlight5 {
background-color: #FFF6C3 !important; /* Light yellow */
}
.cell-highlight6 {
background-color: #FFCAC3 !important; /* Light red */
}
.cell-highlight7 {
background-color: #E1FFEB !important; /* Light green */
}
.cell-highlight8 {
background-color: #F0F0F0 !important; /* Light gray */
}
/* Striped - red */
.highlight-striped {
background: repeating-linear-gradient(
-45deg,
#EB8E7D,
#EB8E7D 10px,
#F7D2CB 10px,
#F7D2CB 20px);
}
/* Striped - gray */
.highlight-striped-gray {
background: repeating-linear-gradient(
-45deg,
#E1E1E1,
#E1E1E1 10px,
#F0F0F0 10px,
#F0F0F0 20px);
}
/* TR/TD Red or pink */
tr.cell-highlight6 td {
background-color: #FFCAC3 !important;
}
/* SIMPLE CONTAINER TABLE
eg. main menu featured promotions list.
*/
.info-boxes {
border: 2px solid #FFA304;
width: 100%;
}
.info-boxes td {
padding: 8px !important;
border-top: 2px solid #FFA304;
}
.info-boxes td.th {
font-weight: bold;
}
.info-boxes td.first, .info-boxes tr.first td {
border-top: 0 !important;
}
.info-boxes td.last {
border-right: 0 !important;
}
.info-boxes tr.dark td {
border-top-color: #555 !important;
}
.info-boxes p {
margin: 6px 0;
line-height: 1.4em;
}
/* Border colours. Default colour is gold. */
.info-boxes.aqua, .info-boxes.aqua td {
border-color: #01ADEF !important;
}
.info-boxes.red, .info-boxes.red td {
border-color: #D21A00 !important;
}
.info-boxes.dark, .info-boxes.dark td {
border-color: rgba(0,0,0,.5) !important;
}
.info-boxes.orange, .info-boxes.orange td {
border-color: #FF7304 !important;
}
.info-boxes.light-orange, .info-boxes.light-orange td {
border-color: #FFDEC3 !important;
}
/* Cell colour */
.info-boxes td.light-orange {
background-color: #FF9B4B;
}
.info-boxes td.mid-orange {
background-color: #FF9B4B;
}
.info-boxes td.mid-gray {
background-color: #999;
color: #EEE;
}
.info-boxes td.dk-gray {
background-color: #444;
color: #EEE;
}
/* Border size */
.onepx-borders, .onepx-borders td {
border-width: 1px !important;
}
.right-borders td {
border-right: 2px solid #FFA304;
}
/* Apply to text in tables */
.low-margins p {
margin-top: 3px !important;
margin-top: 3px !important;
line-height: 1.2em !important;
}
/* LINKS */
/* Fix P7 Tool-tip Magic trigger links */
.p7TTM_trg {border: 0; border-bottom: 0 !important;}
/* General text links */
.text-link-light {color: #EEE !important;}
.text-link-dark {color: #000 !important;}
.text-link-orange {color: #F06A00 !important;}
.text-link-blue {color: #0349B8 !important;}
.text-link-aqua {color: #0191C8 !important;}
.text-link-ltaqua {color: #A5E6FF !important;}
.text-link-gold {color: #FFDA04 !important;}
.text-link-green {color: #03B13D !important;}
.text-link-red {color: #CE3A1F !important;}
.text-link-aered {color: #CE3A1F !important;}
.text-link-pink {color: #E40363 !important;}
.text-link-white {color: #FFF !important;}
.text-link-lime {color: #59B103 !important;}
.text-link-dark, .text-link-light, .text-link-orange,
.text-link-blue, .text-link-aqua, .text-link-ltaqua,
.text-link-gold, .text-link-green, .text-link-red,
.text-link-pink, .text-link-aered, .text-link-white,
.text-link-lime {
text-transform: uppercase;
text-decoration: none !important;
border-bottom: 1px dotted !important;
font-weight: 600;
letter-spacing: 0.35px;
}
.text-link-dark:hover, .text-link-light:hover,
.text-link-orange:hover, .text-link-blue:hover,
.text-link-aqua:hover, .text-link-ltaqua:hover,
.text-link-gold:hover, .text-link-green:hover,
.text-link-red:hover, .text-link-pink:hover,
.text-link-aered:hover, .text-link-white:hover,
.text-link-lime:hover {
border-bottom: 1px solid !important;
}
.ucase, .upper {text-transform: uppercase !important;}
.lcase {text-transform: lowercase;}
.nocase {text-transform: none !important;}
/* Link divider (hidden on small devices) */
.pipe {
font-size: 120%;
color: #555;
margin: 0 7px;
}
/* Horizonal line */
hr.dashed {
border-top: 1px dashed #555;
}
/* Tel: links */
.tel {
text-decoration: none;
border-bottom: 1px dashed;
}
.tel.fcall {color: #0349B8 !important;}
.tel.std {color: #000 !important;}
.tel.white {color: #FFF !important;}
.tel:hover {border-bottom-style: solid;}
/* Image link - remove border applied via p7synergy theme link style,
usually applied to img tag. This is an icon or other image as part of a link
such as a property photo.
*/
.image-link a, .image-link img, .image-link {
text-decoration: none;
border: 0 !important;
border-bottom: 0 !important;
}
/* Icon control links (image only, no text)
*/
.icon-control {}
.icon-control img {
vertical-align: middle;
margin-bottom: .25em;
padding-top: 4px;
border: 0;
}
/* BACK LINK */
/* Based on New Win. Default blue, plain icon link. */
.back-link {
padding: 0 0 4px 28px !important;
display: inline-block;
background: url(../../Images/Icons/Arrowhead-Left-24.png) no-repeat left;
text-transform: uppercase;
color: #0349B8;
text-decoration: underline !important;
border-bottom: 0 !important;
}
.back-link:hover, .back-link:active {
color: #000 !important;
}
/* Red */
.back-red {
color: #D21A00 !important;
background: url(../../Images/Icons/Arrowhead-Left-Red24.png) no-repeat left !important;
}
.back-red:hover, .back-red:active {
color: #B41600 !important;
}
/* Using m-icon
*/
.back-wrapper {padding-top: 20px;}
/* BORDER BUTTON
(Based on Bgen)
Use .btn-inline-group to group.
*/
.border-btn {
color: #444 !important;
-webkit-border-radius: 12;
border: 2px solid #444;
border-radius: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
padding: 10px 20px;
text-align: center;
display: inline-block;
text-decoration: none !important;
border-bottom-style: solid !important;
border-bottom-width: 2px !important;
line-height: 1.4 !important;
/*text-transform: uppercase;*/
margin-right: 10px;
white-space: nowrap;
}
.border-btn:hover {
color: #000 !important;
border-color: #000 !important;
text-decoration: none;
transition: all 0.5s ease;
}
.border-btn span {
display: block;
}
/* AE Red */
.bb-red {
color: #CE3A1F !important;
border-color: #CE3A1F !important;
}
.bb-red:hover {
color: #B7331B !important;
border-color: #B7331B !important;
}
/* Aqua */
.bb-aqua {
color: #0191C8 !important;
border-color: #10BCFE !important;
}
.bb-aqua:hover {
color: #0182B3 !important;
border-color: #0182B3 !important;
}
/* Orange
Join now for free
*/
.bb-orange {
color: #FF7304 !important;
border-color: #FF7304 !important;
}
.bb-orange:hover {
color: #D25D00 !important;
border-color: #D25D00 !important;
/*background-color: #FFDEC3;*/
}
.bb-orange span:hover {
color: #D25D00 !important;
border-color: #D25D00 !important;
}
/* Pink */
.bb-pink {
color: rgba(228,3,99,1) !important;
border-color: rgba(228,3,99,1) !important;
}
.bb-pink:hover {
color: rgba(178,2,77,1) !important;
border-color: rgba(178,2,77,1) !important;
}
/* Mid gray */
.bb-mid-gray {
color: #969696 !important;
border-color: #969696 !important;
}
.bb-mid-gray:hover {
color: #5A5A5A !important;
border-color: #5A5A5A !important;
}
/* White on orange */
.bb-white-orange {
color: #FFF !important;
border-color: #FFF !important;
}
.bb-white-orange:hover {
color: #FFCDA5 !important;
border-color: #FFCDA5 !important;
}
.bb-white-orange span:hover {
color: #FFCDA5 !important;
border-color: #FFCDA5 !important;
}
/* White on aqua */
.bb-white-aqua {
color: #FFF !important;
border-color: #FFF !important;
}
.bb-white-aqua:hover {
color: #A5E6FF !important;
border-color: #A5E6FF !important;
}
.bb-white-aqua span:hover {
color: #A5E6FF !important;
border-color: #A5E6FF !important;
}
/* White */
.bb-white {
color: #FFF !important;
border-color: #FFF !important;
}
.bb-white:hover {
color: #D2D2D2 !important;
border-color: #D2D2D2 !important;
}
.bb-white span:hover {
color: #D2D2D2 !important;
border-color: #D2D2D2 !important;
}
/* For bb-pink/other eg. in top panel on index page. */
.bb-low-padding {padding: 6px 16px !important;}
/* Last button margin. */
.last-btn {margin-right: 0 !important;}
/* BREADCRUMB MENU */
/* See member_login.php, member_area.php, other */
#breadcrumb {margin-bottom: 15px; clear: both}
/* ⇢ = arrow */
/* Pathway */
.pathway {
padding: 12px 12px 8px 12px;
font-size: 110%;
/* Same as/similar to Toggle.css wrapper */
background-image: linear-gradient(to right, #F5F5F5, #FFF);
border-radius: 5px;
box-shadow: 5px 4px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 4px 5px 0px rgba(0,0,0,0.3);
display: block;
height: auto;
overflow: hidden;
}
.pathway li {
float: left;
list-style-type: none;
margin: 0 10px 0 0;
padding: 0 0 4px 0;
/*white-space: nowrap;*/
}
.pathway a {
float: left;
display: inline-block;
margin-right: 10px;
text-decoration: none;
border-bottom: 1px dashed;
text-transform: uppercase;
font-weight: bold;
color: #0349B8;
}
.pathway a:hover {border-bottom-style: solid;}
.pathway .current {
font-weight: bold;
text-transform: uppercase;
color: #777;
}
.sep {
display: inline-block;
font-size: 120%;
margin-top: -5px;
color: #444;
}
/* Colored */
#breadcrumb.bc-red-bg .pathway {background-color: #CE3A1F !important;}
#breadcrumb.bc-red-bg .pathway a {color: #FFF !important;}
#breadcrumb.bc-red-bg .pathway .current {color: #F7D2CB !important;}
#breadcrumb.bc-red-bg .sep {color: #F7D2CB !important;}
#breadcrumb.bc-orange-bg .pathway {background-color: #FF7304 !important;}
#breadcrumb.bc-orange-bg .pathway a {color: #FFF !important;}
#breadcrumb.bc-orange-bg .pathway .current {color: #FFDEC3 !important;}
#breadcrumb.bc-orange-bg .sep {color: #FFDEC3 !important;}
#breadcrumb.bc-dkgray-bg .pathway {background-color: #444 !important;}
#breadcrumb.bc-dkgray-bg .pathway a {color: #FFF !important;}
#breadcrumb.bc-dkgray-bg .pathway .current {color: #D2D2D2 !important;}
#breadcrumb.bc-dkgray-bg .sep {color: #D2D2D2 !important;}
#breadcrumb.scroll {
position: sticky;
top: 20px;
z-index: 9;
}
#breadcrumb.scroll .pathway {
-webkit-box-shadow: 3px 3px 9px 0px rgba(145,143,145,1);
-moz-box-shadow: 3px 3px 9px 0px rgba(145,143,145,1);
box-shadow: 3px 3px 9px 0px rgba(145,143,145,1);
}
/* NUMBERED CIRCLES */
/* Container compatible with flex */
.number-box-left {
min-height: 80px;
margin-right: 15px;
}
.number-box-right {
width: 80%;
min-height: 80px;
float: left;
text-align: left !important;
}
.number-box-float-left {
float: left;
}
/*
.numberCircle {
border-radius: 50%;
behavior: url(PIE.htc);
width: 36px;
height: 36px;
padding: 8px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
font: 32px Arial, sans-serif;
}
*/
.number-circle {
border-radius: 50%;
width: 40px;
height: 40px;
padding: 8px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.number-circle div {
text-align: center;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 2px;
line-height: 1;
}
.number-circle div.num {
font-size: 28px !important;
}
/* Colours */
.number-circle.gold {
background: #B49900 !important;
border: 0;
color: #FFF !important;
}
.number-circle.pink {
background: #F00098 !important;
border: 0;
color: #FFF !important;
}
.number-circle.ochre {
background: #F09900 !important;
border: 0;
color: #FFF !important;
}
.number-circle.red {
background: #D21A00 !important;
border: 0;
color: #FFF !important;
}
/* ARROWS & CONNECTORS
MY RESORT VOUCHERS (MRV)
CONTROL PANEL
http://www.amp-what.com/unicode/search/right%20arrow
For links. The following only displays an arrow. Example MRV/vouchers_issued.php.
Get css version of eg arrow or other symbol.
*/
.vine-leaf {margin: 0 5px;}
.vine-leaf:before {
content: '\1f65f';
}
/* eg. "user_signed_in_inc",
about_us_menu_inc" */
.right-arrow {margin: 0 5px;}
.right-arrow:before {
content: '\27bd';
}
/* Return link */
.left-arrow {margin: 0 5px;}
.left-arrow:before {
content: '\0025c0';
}
/* For plain text links */
.right-arrow2:before {
content: '\0027b2';
display: inline-block;
margin-right: 5px;
}
/* ARROW CALLOUT
http://www.cssarrowplease.com/
css arrow please!
Not in use
*/
.arrow_box {
position: relative;
background: #d54a20;
border: 4px solid #f52516;
}
.arrow_box:after, .arrow_box:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(213, 74, 32, 0);
border-right-color: #d54a20;
border-width: 30px;
margin-top: -30px;
}
.arrow_box:before {
border-color: rgba(245, 37, 22, 0);
border-right-color: #f52516;
border-width: 36px;
margin-top: -36px;
}
/* WINDOWS
*/
.close-popup {
height: 36px;
position: relative;
float: right;
display: inline-block;
padding: 3px 6px;
-webkit-border-radius: 6;
border: 2px solid #FF2304;
border-radius: 6px;
}
.close-popup a {
color: #FF2304 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
display: block;
padding: 10px 40px 10px 4px;
background-image: url(../../Images/Icons/Close-32.png);
background-repeat: no-repeat;
background-position: right;
text-align: left;
text-decoration: none !important;
border-bottom: none !important;
}
.close-popup a:hover {
color: #000 !important;
transition: all 0.5s ease;
}
/* MEDIA QUERIES*/
/*
/Exclude certain ID from style (in use [Packages] p7qc.css)
div:not(#bar){
color:red;
}
*/
/* MEDIA QUERIES
See also p7-synergy/-theme.css for 1024 width.
*/
/*Smartphones ONLY*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
/* Main logo style */
#logo {padding-bottom: 20px !important;}
/*#logo {padding-top: 40px;}*/
#logo.no-padding {padding-top: 0 !important;}
/* The js sets a width on fields where the js is applied */
.easy-autocomplete {width: auto !important;}
/* Text centering when normally left-aligned */
.resp-centered {text-align: center !important;}
/* Label that only shows on small screens. */
.resp-label {
display: block;
color: #555;
font-size: 90%;
}
/* Text alignment */
.align-right {text-align: left !important;}
/* Table containers */
.w15,.w20,.w25,.w30,.w33,.w40,
.w45,.w50,.w60,.w70,.w80 {
width: 100% !important;
}
/* Feature table */
.feature-table td {border-right: 0 !important;}
/* Minimum width */
.m200 {min-width: inherit !important}
.m450 {min-width: inherit !important}
/* Forms */
.styled-select select {width: 100% !important;}
.styled-select {width: 100% !important;}
.small-select {width: 40% !important; margin: 0 auto;}
.med-select {width: 60% !important; margin: 0 auto;}
input.smallfield {width: 60% !important;}
input.medfield {width: 80% !important;}
.radio-container2 div {font-weight: normal !important;}
.radio-container2 label {padding-left: 4px !important;}
.checkbox label {margin-top: 0 !important;}
/* Message paragraphs
Refer .tip, .info
*/
/* PBX */
.pbx-iframe {width: auto !important;}
/* General and MBX iframes */
.iframe-container {height: 650px !important;}
/* Search form */
#search_box {width: auto !important;}
/* Recaptcha scaling */
.g-recaptcha {
transform: scale(0.77); /* Adjust the scale value as needed */
transform-origin: 0 0; /* Ensures it scales from the top-left corner */
}
}
@media only screen and (min-width: 0px) and (max-width: 679px) {
/* Image/other containers */
div.max150 {width: 100% !important;}
div.max200 {width: 100% !important;}
div.max250 {width: 100% !important;}
div.max350 {width: 100% !important;}
div.max450 {width: 100% !important;}
div.max600 {width: 100% !important;}
div.max750 {width: 100% !important;}
div.max900 {width: 100% !important;}
/* Images */
img.max150 {max-width: 100% !important;}
img.max200 {max-width: 100% !important;}
img.max250 {max-width: 100% !important;}
img.max350 {max-width: 100% !important;}
img.max450 {max-width: 100% !important;}
img.max600 {max-width: 100% !important;}
img.max750 {max-width: 100% !important;}
img.max900 {max-width: 100% !important;}
/* PBX */
.pbx-content {padding: 12px !important;}
/* Buttons eg. package_details_tour.html */
.border-btn {margin-right: 0 !important;}
.border-btn.nav-btn {margin-bottom: 15px !important;}
/* Jump menu */
.jump-menu td.divider,
.jump-menu td.divider.aqua {
border-right: 0 !important;
}
/* Boxes & containers */
.feature-box {padding: 12px !important;}
.feature-box.align-left {text-align: center !important;}
.tile-container {
width: auto !important;
max-width: none !important;
}
.container-300, .container-600, .container-750, .container-900 {
width: 100% !important;
margin: auto !important;
}
}
/* 1 Column for Narrow Browser Windows and Smartphones in both orientations
https://medium.com/@banuriwick/min-width-max-width-media-queries-994e2ec5fca3
*/
@media only screen and (min-width: 481px) and (max-width: 679px) {
.iframe {overflow: scroll !important;}
/* Table containers */
.w15,.w20,.w25,.w30,.w33,.w40,
.w45,.w50,.w60,.w70,.w80 {
width: 100% !important;
}
/* Image/other containers */
div.max750 {width: 100% !important;}
div.max900 {width: 100% !important;}
/* Minimum width */
.m200 {min-width: inherit !important}
.m450 {min-width: inherit !important}
/* Text centering when normally left-aligned */
.resp-centered {text-align: center !important;}
/* Label that only shows on small screens. */
.resp-label {
display: block;
color: #555;
font-size: 90%;
}
#enquiry_detailsmessage {width: 80% !important;}
/* Sub-menus (Content, Packages) tappable */
.submenu {line-height: 2 !important;}
/* The js sets a width on fields where the js is applied */
.easy-autocomplete {width: auto !important;}
/* Free trial mobile */
#ft-container {width: 100% !important;}
/* Tool tips as per gcash_panel_inc */
.tip-link-float {
float: none !important;
width: auto !important;
text-align: center !important;
}
}
/* RESPONSIVE TABLES */
/* Responsive table width */
table.responsive {
max-width: 900px;
margin: 0 auto;
}
/* Tablets */
@media only screen and (min-width: 0px) and (max-width: 800px) {
/* Responsive table width */
table.responsive {
max-width: 600px !important;
margin: 0 auto;
}
/* Table */
table.rounded-top {
border-collapse: collapse;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
overflow:hidden
}
/* Changes for rounded-top */
.rounded-top .HeaderLeftBlueOceanDark img {
display: none !important;
}
.rounded-top .HeaderRightBlueOceanDark img {
display: none !important;
}
/* Responsive table styles */
table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive tr,
table.responsive th,
table.responsive td {
display: block;
width: auto !important;
}
/* Field containers ?
table.responsive div:not(.g-recaptcha),
table.responsive div:not(.g-recaptcha div)
{
width: 70% !important;
max-width: none !important;
}
*/
/* Fields */
table.responsive input:not([type="image"])
{
width: 70% !important;
max-width: none !important;
}
table.responsive textarea {
width: 90%;
}
.styled-select {
max-width: 60% !important;
}
/* Hide table headers (but not display: none;, for accessibility) */
table.responsive thead {
position: absolute;
top: -9999px;
left: -9999px;
}
table.responsive td {
position: relative;
}
table.responsive .RecordBlueOceanDark td {
padding-left: 24px !important;
}
table.responsive td.padded {
padding: 12px !important;
}
/* Grids only */
table.resp-grid td {
padding-left: 50%; /* Grids */
}
table.resp-grid td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
padding-right: 10px;
white-space: nowrap;
text-align: left;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
/* Responsive table width */
table.responsive {
max-width: 400px !important;
margin: 0 auto;
}
table.responsive .BottomBlueOceanDark td {
text-align: left !important;
}
table.responsive .RecordBlueOceanDark {
border: 0 !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
/* Responsive table width */
table.responsive {
max-width: 600px !important;
margin: 0 auto;
}
}
