.navbar-fixed-top { overflow: auto; padding-top: 10px; }
.topOffset { padding-top: 20px !important; }
.topOffsetHoroscope { }
.webChart { min-width: 350px; max-width: 650px; margin: 0px auto; }
.topOffsetSmall { margin-top: 70px; }
.topOffsetHoroscope.Birth { margin-top: 60px; }
.header.panel-report { background-color: white; }
.videoImage { margin: 0px; border-radius: 15px; max-height: 230px; padding: 3px; width: 100%; }
.clearfix::after { content: ""; display: block; clear: both; }
@font-face { font-family: Forum; src: url("../astrofonts/Forum/Forum-Regular.ttf"); }
@font-face { font-family: Test5; src: url("../astrofonts/Hunter.otf"); }
@font-face { font-family: Test1; src: url("../astrofonts/AnonymousPro-Regular.ttf"); }
@font-face { font-family: Test2; src: url("../astrofonts/Ubuntu-L.ttf"); }
@font-face { font-family: Test3; src: url("../astrofonts/SpaceMono-Regular.ttf"); }
@font-face { font-family: Test4; src: url("../astrofonts/AvenirLTProBook.otf"); }
@font-face { font-family: Test5-old; src: url("../astrofonts/Analogue.otf"); }
@font-face { font-family: Cabin; src: url("../astrofonts/Cabin-Regular.ttf"); }
@font-face { font-family: Pockota; src: url("../astrofonts/Pockota-Regular.otf"); }
@font-face { font-family: PockotaLight; src: url("../astrofonts/Pockota-Light.otf"); }
@font-face { font-family: Matrix; src: url("../astrofonts/MatrixCodeNfi-YPPj.otf"); }
@font-face { font-family: Milano; src: url("../astrofonts/MilanoSans-Regular.otf"); }
@font-face { font-family: Espoir; src: url("../astrofonts/Espoir.otf"); }
@font-face { font-family: Giga; src: url("../astrofonts/GigaSans-Regular.otf"); }
@font-face { font-family: Liber; src: url("../astrofonts/LiberGrotesqueFamily-Regular.ttf"); }
@font-face { font-family: fonseca; src: url("../astrofonts/FLURORegular.otf"); }
@font-face { font-family: FonsecaMedium; src: url("../astrofonts/Fonseca-Medium.otf"); }
@font-face { font-family: Inter; src: url("../astrofonts/Inter-Regular.ttf"); }
@font-face { font-family: FonsecaLight; src: url("../astrofonts/Fonseca-Light.otf"); }
@font-face { font-family: Quam; src: url("../astrofonts/Quam-Regular.otf"); }
.panel .panel-classic { }
.panel-classic {/* background: linear-gradient(0deg, rgb(255, 255, 255), rgb(248 241 255)); */font-family: Test4;line-height: 28px;}
.panel-classic > .panel-body { color: black; }
.panel-classic > md-content { color: rgb(0, 0, 0) !important; }
.panel-classic > .md-default-theme { color: rgb(0, 0, 0) !important; }
.panel-classic > md-tab { color: black !important; }
.sticky-panel.panel-classic { background: linear-gradient(174deg, rgb(66, 35, 94), rgb(134, 48, 241)); }
.panel-classic .md-tab.md-active { color: rgba(0, 0, 0, 0.84) !important; }
.panel-classic span { }
.panel .panel-classic { }
.panel-classic a { color: black; }
.panel-classic .btn- { }
.panel-classic .btn-House { border-bottom: 1px solid; background: linear-gradient(339deg, rgb(231, 211, 255), transparent) !important; }
.panel-classic .btn-Sesquiquadrate, .panel-classic .btn-Inconjunct, .panel-classic .btn-Square, .panel-classic .btn-Opposition, .panel-classic .Fire { background: linear-gradient(347deg, rgba(186, 0, 26, 0.26), rgba(255, 255, 255, 0.04)) !important; }
.panel-classic .btn-Sextile, .panel-classic .btn-Trine, .panel-classic .Water { background: linear-gradient(339deg, rgba(77, 104, 235, 0.44), rgba(255, 255, 255, 0.23)) !important; }
.panel-classic .btn-Conjunct, .panel-classic .Earth { background: linear-gradient(348deg, rgba(126, 210, 113, 0.64), rgba(210, 229, 206, 0.17)) !important; }
.panel-classic .Air { background: linear-gradient(339deg, rgba(253, 240, 51, 0.52), transparent) !important; }
.ChartSquare, .ChartSesquiquadrate, .ChartOpposition, .ChartInconjunct { background-color: rgb(255, 200, 211); }
.ChartTrine, .ChartSextile { background-color: rgb(200, 206, 255); }
.ChartConjunct { background-color: rgb(213, 247, 200); }
.bootstrap-switch-panel-classic { background-color: rgb(0, 0, 51); color: white; }
.panel-classic .horoscopeHeaderArrow { color: black !important; }
.panel-classic .planetListDates, .panel-classic .titleColor, .panel-classic .horoscope-phrase, .panel-classic .horoscope-header, .panel-classic .header-title, .panel-classic .homeHeaderTitle { color: rgb(3, 0, 4) !important; }
.panel-classic .account-wrapper { color: rgba(255, 255, 166, 0.84) !important; }
md-tab-content { color: initial !important; }
.itemTitle { font-weight: bolder; font-size: 1.8em; text-align: center; letter-spacing: 0.03em; line-height: 32px; margin-bottom: 2px; }
.itemPhrase { text-align: center; font-size: 1.2em; margin-bottom: 10px; }
.contentItemTitle { font-weight: bold; font-size: 1.5em; text-align: center; padding-bottom: 10px; }
.contentItemText { font-weight: bold; padding: 10px; text-align: center; }
.menuItem[data-toggle="collapse"]::after { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: ""; transform: rotate(90deg); transition: 0.25s linear; margin-left: 15px; }
.menuItem[data-toggle="collapse"].collapsed::after { transform: rotate(0deg); margin-left: 15px; }
.panel-classic .cardBackground { box-shadow: rgba(41, 11, 72, 0.67) 1px 2px 2px; background-image: linear-gradient(297deg, rgba(246, 206, 255, 0.61) 10%, rgba(128, 0, 222, 0.03) 50%, rgba(242, 174, 255, 0.22) 70%); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(198, 146, 255, 0.15) !important; }
.btn-center { text-align: center; margin: 0px auto; }
.panel-classic .cardContainer { }
.panel-classic .chart-dates { color: rgb(0, 0, 0); font-weight: bold; text-shadow: none; padding-bottom: 15px; }
.header.panel-classic { color: black; padding-bottom: 80px; }
.navbar-minimal { z-index: 1050; background: linear-gradient(rgb(21, 23, 1), rgb(45, 30, 7)); }
.header.panel-minimal .header-title { font-size: 1.4em; }
.panel-horoscope-minimal .btn- { color: black; margin: 2px; }
.panel-horoscope-minimal { background: black; }
.header.panel-minimal { color: white; background-size: 100%; overflow: auto; font-family: Milano; background-image: url("../images/bg9.jpg") !important; }
.panel-minimal .cardBackground { border: 1px solid rgba(243, 255, 83, 0.28); background-color: rgba(255, 148, 10, 0.11) !important; }
.panel-dark-minimal .header-title { background: linear-gradient(rgba(77, 67, 67, 0.8), rgb(12, 11, 11)); font-family: "Oxygen Mono"; }
.synastryCell { min-height: 120px; font-size: 0.9em; border-bottom: 1px solid rgb(73, 54, 109); margin: 5px; }
.btn-full.btn-success { background: linear-gradient(179deg, rgb(164, 109, 232) 5%, rgb(66, 35, 94) 50%, rgb(89, 32, 160) 100%); }
.btn-full { display: inline-block; justify-content: center; align-items: center; border-radius: 28px; width: 100%; font-size: 1em; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; padding: 5px; text-align: center; border: 1px solid rgb(119, 0, 153) !important; background: radial-gradient(circle, rgb(22, 5, 34), rgb(56, 5, 82)) !important; }
.sheetTile { transition: transform 0.2s ease-in-out; }
.sheetTile:hover { transform: scale(1.05); }
.sheetTile {text-align: center;padding: 20px 8px;background: rgb(50 18 89);border-radius: 20px;border: 1px solid black;margin: 7px;box-shadow: rgba(0, 0, 0, 0.51) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 1px 3px inset;}
.facetImgType { position: absolute; padding: 2px; top: 6px; left: 12px; width: 40px; height: 40px; filter: drop-shadow(rgb(51, 0, 85) 3px 3px 3px); }
.panel-midnight .facetImgType { }
.panel-midnight .facetImgLine { }
.facetImgLine { max-width: 28px; bottom: 20px; right: 20px; }
.facetGridItem {overflow: hidden;margin: 3px;height: 100%;padding-right: 10px;border-radius: 25px;}
.btn-full img { max-width: 35px; margin: 10px; }
.btn-minimal { color: rgb(255, 255, 255); background: linear-gradient(rgb(0, 0, 0), rgb(5, 6, 7)); border-color: rgb(65, 66, 75); text-transform: uppercase; font-weight: bold; }
.btn-minimal.active { background: linear-gradient(rgb(59, 58, 71), rgb(27, 36, 58)); color: white; }
.homePicker { text-align: left !important; }
.horoscopePicker { text-align: center !important; }
.dateStyle { font-size: 1.2em; text-align: left; }
.facetGrid { height: 140px; display: grid; width: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.info-tile { }
.info-tile h2 {margin-top: 0px;font-weight: bold;height: 60px;line-height: 20px;font-size: 1.18em;letter-spacing: -0.01em;}
.info-tile p {color: rgb(177, 177, 177);text-indent: initial;line-height: 1.2;font-size: 0.9em;font-weight: bold;padding-top: 5px;letter-spacing: -0.05em;font-family: Test2;}
.info-tile p strong { color: rgb(204, 0, 0); font-size: 1.1em; }
.panel-dark .header-title { }
.modal-content.panel-dark { background-color: black; }
.navbar-inverse { margin-top: 8px; background: linear-gradient(rgb(8, 3, 39), rgb(52, 34, 95)); z-index: 1050; }
.btn-midnight.active { }
.btn-tabs.small { padding: 0px 10px; display: flex; align-items: center; justify-content: center; }
.subMenuItem img { max-width: 43px; padding-top: 5px; filter: drop-shadow(rgb(0, 0, 0) 4px 3px 4px) contrast(1.1) brightness(1.1) saturate(1.5); }
.panel-midnight .btn-tabs { }
.panel-summary .btn-tabs { color: black; }
img.facetImage { max-width: 45px; margin: 4px 4px 4px 0px; }
img.buttonImage { max-width: 143px; margin: 0px; filter: drop-shadow(rgb(68, 0, 74) 4px 5px 5px); }
.buttonText { padding: 0px 10px 10px; text-shadow: rgba(0, 0, 0, 0.41) 3px 1px 3px; text-transform: uppercase; }
img.facetImageIntro { max-width: 50px; float: left; margin-right: 10px; }
.btn-tabs {border-radius: 25px;font-weight: 400;outline: none;border: 1px solid rgb(30, 0, 39);padding: 0px 20px 0px 10px;background: rgb(95, 11, 119);display: inline-block;transition: 0.3s;white-space: nowrap;margin-right: 10px;box-shadow: rgba(0, 0, 0, 0.72) 0px 1px 4px, rgba(0, 0, 0, 0.1) 0px 1px 3px inset;color: rgb(255, 255, 255) !important;}
.btn-tabs:hover, .btn-tabs:focus, .btn-tabs:active, .btn-tabs.active { background: rgb(187, 79, 220); border-color: rgb(196, 143, 223); font-weight: bold; text-shadow: black 1px 1px 3px; color: rgba(255, 255, 166, 0.84) !important; }
.button-list-strip .btn-tabs { display: flex; align-items: center; }
.button-list-strip .btn-tabs img { width: 45px; height: 45px; }
.button-list-strip .btn-tabs i { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; margin: 4px 4px 4px 0px; font-size: 36px; }
@media (max-width: 768px) {
  .btn-tabs.no-hover:hover { background-color: rgb(75, 0, 88); border-color: rgba(114, 7, 147, 0.59); color: inherit !important; }
  .panel-classic .btn-tabs.no-hover:hover { color: rgb(255, 255, 255) !important; }
}
.menuStrip { display: flex; overflow-x: auto; z-index: 1030; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; background: linear-gradient(rgb(32, 0, 59), rgba(0, 0, 0, 0.28)); }
.menuStrip::-webkit-scrollbar { background: rgb(115, 65, 180); border-radius: 10px; height: 5px; }
.menuStrip::-webkit-scrollbar-track { background: rgb(0, 0, 0); border-radius: 10px; }
.menuStrip::-webkit-scrollbar-thumb { background: rgb(115, 65, 180); border-radius: 10px; }
.menuStrip::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); }
.btn-guide { line-height: 28px; font-size: 1.1em; margin: 10px; text-align: left; width: fit-content; cursor: pointer; }
.btn-midnight { color: white; background: rgb(95, 11, 119); border: 1px solid rgb(112, 31, 147); font-weight: bold; box-shadow: rgba(22, 0, 57, 0.6) 0px 6px 8px, rgba(0, 0, 0, 0.1) 0px 1px 3px inset; }
.btn-midnight.active { background-color: rgb(29, 9, 38) !important; border-color: rgba(248, 65, 255, 0.24) !important; color: white !important; }
.panel-horoscope-dark .horoscope-summary-area { background-color: rgb(28, 43, 67); color: white; }
.panel-midnight .aspectSummaryItem { min-height: 250px; }
.modal-content.panel-midnight { background-color: rgba(255, 255, 255, 0); color: white; }
.panel-midnight .md-tab { color: white !important; }
.panel-midnight .md-tab.md-active { color: rgba(255, 255, 166, 0.84) !important; }
.panel-midnight .btn-Traits { background-color: rgb(20, 19, 69); }
.horoscopeLineItem { font-size: 1.2em; line-height: 26px; }
.horoscopeLineItem span { letter-spacing: -0.03em; display: block; font-family: Test2; font-weight: normal; font-size: 0.8em !important; }
.panelLineItem {margin: 0px 3px 6px;border-radius: 20px;min-height: 105px;border: 1px solid rgba(0, 0, 0, 0.16);}
.modal-content { background: black; border: 0px; }
.modal { transform: translateY(100%); overflow-y: auto; opacity: 0; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
.modal.active { transform: scale(1); opacity: 1; }
.modal:not(.active) { transform: scale(0.5); opacity: 0; }
.modal.hide { transform: translateY(100%); opacity: 0; }
.modal.show { transform: translateY(0px); opacity: 1; display: block; background: rgba(0, 0, 0, 0.5); z-index: 2000; }
.modal-open .header .modal.show { background: rgba(1, 6, 41, 0.5); position: fixed; width: 100vw; height: 100vh; }
.popover.fade { transform: translateY(0px); opacity: 1; display: none; }
.popover.show { transform: translateY(0px); opacity: 1; display: block; }
.slide-enter, .slide-leave { transition: transform 2s ease-in-out; }
.slide-enter { transform: translateX(100%); }
.slide-enter-active { transform: translateX(0%); }
.slide-leave { transform: translateX(0%); }
.slide-leave-active { transform: translateX(-100%); }
.bootstrap-switch-panel-midnight { background-color: rgb(77, 57, 97); color: white; }
.panel-midnight a { }
.popover { color: white; border-radius: 20px; }
.popover-body { background: rgba(239, 154, 255, 0); text-align: center; border-radius: 20px; padding: 15px; font-size: 1.1em; margin: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 1px 3px inset; }
.popover-content { padding: 9px 14px; text-align: center; }
button.popoverClose { border-radius: 10px; margin: 10px auto 0px; padding: 5px 15px; }
.panel-midnight a.close { color: black !important; }
.panel-midnight {background-color: rgba(0, 0, 0, 0.17);color: white;font-family: Cabin;}
.select-css.panel-classic option { background: rgb(255, 255, 255) !important; }
.select-css.panel-midnight option { background: rgb(0, 0, 0) !important; }
.btn-group.panel-classic { background: linear-gradient(359deg, rgb(29, 0, 55), rgb(134, 48, 241)); color: white; }
.panel-midnight .btn-Trine, .panel-midnight .btn-Sextile { background: linear-gradient(339deg, rgba(26, 44, 126, 0.68), rgba(71, 73, 160, 0.16)); border: 1px solid rgb(8, 0, 97); }
.panel-midnight .btn-Conjunct { background: linear-gradient(339deg, rgba(0, 101, 20, 0.73), rgba(10, 86, 22, 0.38)); border: 1px solid rgb(0, 63, 11); }
.panel-midnight .btn-Opposition, .panel-midnight .btn-Square, .panel-midnight .btn-Sesquiquadrate, .panel-midnight .btn-Inconjunct { background: linear-gradient(339deg, rgba(98, 1, 15, 0.78), rgba(163, 27, 27, 0.2)); border: 1px solid rgb(77, 2, 47); }
.panel-midnight .btn- { background: rgba(21, 20, 27, 0.14); }
.panel-midnight .btn-House, .panel-midnight .btn-Oriental { background: linear-gradient(339deg, rgb(32, 2, 44), rgba(66, 1, 123, 0.35)); border: 1px solid rgb(0, 0, 0); }
.header.panel-midnight { background-size: 100%; overflow: auto; padding-bottom: 80px; min-height: 800px; }
.button-container { display: inline-flex; border-radius: 25px; overflow: hidden; }
.button { padding: 10px 20px; border: none; color: white; background-color: rgb(43, 20, 64); font-size: 16px; cursor: pointer; transition: background-color 0.3s; outline: none; }
.button.active { background-color: rgb(19, 8, 25); }
.button:hover:not(.active) { background-color: rgb(28, 13, 51); }
.button:focus { outline: none; }
.header.panel-midnight .header-title { }
.panel-stars-dark .header-title { font-family: Fonseca; }
.panel-stars .aspectSummaryItem { min-height: 350px; }
.panel-stars md-tabs.md-default-theme md-ink-bar, .panel-stars md-tabs md-ink-bar { color: rgb(0, 0, 0) !important; background-color: rgb(187, 0, 187) !important; }
.modal-content { background: white; color: black; }
.panel-midnight .modal-content { background: black; color: white !important; }
.modal-content.panel-stars { background-color: black; }
.modal-body.dialog { padding: 20px; }
.panel.panel-stars-dark { background-color: rgba(7, 6, 6, 0.33); color: white; box-shadow: rgba(0, 0, 0, 0.49) 3px 7px 5px; margin-bottom: 0px; border: 0px; font-family: fonseca; font-size: 1.1em; }
.btn.btn-stars.active { background: rgb(45, 32, 76); color: white !important; }
.btn- .btn-stars.subMenuItem.active { background: black; color: yellow; border: 0px; }
.panel-horoscope-stars .horoscope-summary-area { background-color: rgb(28, 43, 67); color: white; }
.btn-stars { border-radius: 15px; background: linear-gradient(-9deg, rgb(48, 31, 85) 0%, rgb(138, 71, 158) 100%); box-shadow: black 4px 3px 5px; font-family: fonseca; color: rgba(255, 255, 166, 0.84); }
.panel-stars .btn-Traits { background-color: rgb(20, 19, 69); }
.bootstrap-switch-panel-stars { background-color: rgb(65, 8, 107); color: white; }
.panel-stars a { color: white; }
.panel-stars a.close { color: black !important; }
.panel-stars-dark md-content { color: white !important; }
.panel-stars .btn-Trine, .panel-stars .btn-Sextile { background: rgba(1, 7, 63, 0.47); }
.panel-stars .btn-Conjunct { background: rgba(3, 54, 3, 0.42); }
.panel-stars .btn-Opposition, .panel-stars .btn-Square, .panel-stars .btn-Sesquiquadrate, .panel-stars .btn-Inconjunct { background: rgba(75, 0, 0, 0.49); }
.panel-stars .btn-House, .panel-stars .btn-Oriental { background: rgba(22, 22, 37, 0.43); }
.header.panel-stars { overflow: auto; background: linear-gradient(179deg, rgb(37, 8, 59) 0%, rgb(0, 0, 0) 5%, rgb(46, 13, 43) 100%); }
.btn-stars.subMenuItem { background: linear-gradient(0deg, rgb(71, 47, 126) 0%, rgb(57, 35, 64) 100%); color: white; border: 0px; font-size: 1.1em !important; }
.btn- .btn-stars.subMenuItem.active { background: black; color: yellow; border: 0px; }
.navbar-light { background-color: rgb(60, 36, 60); z-index: 1050; color: white !important; }
.panel-horoscope-stars .horoscope-summary-area { background-color: rgb(28, 43, 67); color: white; }
.panel-stars .btn-Traits { background-color: rgb(20, 19, 69); }
.bootstrap-switch-panel-stars { background-color: rgb(65, 8, 107); color: white; }
.panel-stars a { color: white; }
.panel-stars a.close { color: black !important; }
.title-large { text-align: center; padding: 2px 10px; color: rgb(87, 0, 127); text-transform: uppercase; font-size: 1.5em; max-width: 100%; }
.panel-stars { color: white; font-family: Montserrat; line-height: 1.5em; }
.slick-prev, .slick-next { top: 20%; }
.panel-stars-dark md-content { color: white !important; }
.panel-stars .btn-Trine, .panel-stars .btn-Sextile { background: rgba(1, 7, 63, 0.47); }
.panel-stars .btn-Conjunct { background: rgba(3, 54, 3, 0.42); }
.panel-stars .btn-Opposition, .panel-stars .btn-Square, .panel-stars .btn-Sesquiquadrate, .panel-stars .btn-Inconjunct { background: rgba(75, 0, 0, 0.49); }
.Fire { background: rgba(164, 0, 67, 0.69) !important; }
.Earth { background: rgba(0, 73, 48, 0.79) !important; }
.Air { background: rgba(140, 120, 0, 0.95) !important; }
.Water { background: rgba(20, 0, 159, 0.64) !important; }
.cellHeaderTitle {
    margin-bottom: 7px;
}
.panel-stars .btn- { background: rgba(21, 20, 27, 0.4); color: white; }
.panel-stars .btn-House, .panel-stars .btn-Oriental { background: rgba(22, 22, 37, 0.43); }
.panel-matrix-dark .header-title { font-family: Audiowide; background: rgb(0, 0, 0); font-size: 1.1em; }
.panel-matrix .cardContainer { background-color: rgba(82, 152, 171, 0.21); }
.panel-midnight .cardBackground {background: linear-gradient(
284deg, rgba(64, 8, 128, 0.46) 5%, rgba(42, 11, 122, 0) 45%, rgba(96, 33, 150, 0.4) 100%);}
.panel-stars .cardBackground { background: linear-gradient(291deg, rgb(45, 13, 42) 0%, rgb(51, 17, 54) 50%, rgb(29, 8, 28) 100%); }
.oppPanel { padding: 0px 15px 20px; }
.panel.panel-matrix-dark { background-color: rgba(15, 42, 23, 0.32); color: white; box-shadow: black 1px 1px 10px; margin-bottom: 0px; border: 0px; font-family: Quam; }
.panel-matrix .aspectSummaryItem { min-height: 340px; }
.btn-matrix.subMenuItem { background: black; color: white; border: 0px; }
.btn.btn-matrix.active { background: linear-gradient(rgb(108, 255, 68), rgb(0, 0, 0)) !important; }
.btn- .btn-matrix.subMenuItem.active { background: black; color: yellow; border: 0px; }
.panel-horoscope-matrix .horoscope-summary-area { background-color: rgb(28, 43, 67); color: white; }
.btn-matrix { border: 1px solid rgb(141, 219, 142); background: rgba(0, 0, 0, 0.93); color: white; box-shadow: black 4px 3px 5px; }
.panel-matrix .btn-Traits { background-color: rgb(20, 19, 69); }
.bootstrap-switch-panel-stars { background-color: rgb(65, 8, 107); color: white; }
.panel-matrix a { color: white; }
.panel-matrix a.close { color: black !important; }
.panel-matrix { background-color: rgba(0, 0, 0, 0.53); color: white; font-size: 1.1em; font-family: Quam; }
.sign-panel { background: rgba(221, 200, 255, 0.88); margin-top: 20px; color: black; }
.panel-horoscope-dark h3 { font-size: 1.6em !important; }
.horoscope-header > h3 { }
.onlyWebsite { display: none !important; }
@media (max-width: 1000px) {
  .middlePad { margin-bottom: unset !important; }
  .modal-dialog { margin: 0px !important; }
  .ephemeris.top { width: 18%; }
  .ephemeris.cell { width: 18%; }
  .menuStrip::-webkit-scrollbar { height: 0px; }
}
.panel-classic .info-tile p { color: rgb(0, 0, 0); text-indent: initial; line-height: 1.3; font-size: 0.88em; }
.panel-classic .listDates { color: black; font-weight: bold; }
.modal-lg { max-width: 1100px !important; }
@media (min-width: 768px) {
  .navbar-fixed-top { margin-left: 2% !important; margin-right: 2% !important; }
  .header.panel-classic { padding-left: 2%; padding-right: 2%; }
  .header.panel-midnight { padding-left: 2%; padding-right: 2%; }
  .panel-small { margin: 10px; }
  .menuStrip { width: 96%; }
  .subMenuItem img { max-width: 45px; }
}
@media (min-width: 1600px) {
  .horoscopeLineItem { font-size: 1.1em; letter-spacing: 0.7px; }
  .horoscopeGrid { width: 20%; }
  .menuStrip::-webkit-scrollbar { height: 10px; }
  .menuStrip { width: 80%; }
  .btn-tabs { padding: 5px 30px; font-weight: bold; border-radius: 20px; margin-bottom: 5px; }
  .info-tile h2 { font-size: 1.2em; line-height: 25px; padding-top: 8px; }
  .affirmation { padding: 30px 100px; }
  .signPanelCol { font-size: 0.9em !important; }
  .tarotImage img { width: unset; }
  .tarotInfoBox { max-width: 250px; }
  .noWebsite { display: none; }
  .sideMenu { width: 12%; float: left; padding-top: 30px; background: rgb(24, 7, 24); }
  .mainView { float: left; width: 100%; }
  .modal-lg { top: 20%; }
  .patternContainer { float: left; }
  .aspect-body { min-width: 200px; }
  .itemContentBox { display: inline-block; font-size: 1.3em; float: none; }
  .navbar-fixed-top { margin-left: 10% !important; margin-right: 10% !important; }
  .header.panel-midnight { padding-left: 10%; padding-right: 10%; }
  .header.panel-classic { padding-left: 10%; padding-right: 10%; }
  .panel-matrix { font-size: 1.3em; }
  .panel-stars { background-color: rgba(0, 0, 0, 0.36); }
}
@media (min-width: 1660px) {
}
.btn-drop {background: transparent;color: inherit;border: 0px;}
.panel-matrix-dark .aspect-footer { }
.panel-matrix-dark md-content { color: white !important; }
.panel-matrix .btn-Trine, .panel-matrix .btn-Sextile { background: rgba(1, 7, 63, 0.5); }
.panel-matrix .btn-Conjunct { background: rgba(3, 54, 3, 0.52); }
.panel-matrix .btn-Opposition, .panel-matrix .btn-Square, .panel-matrix .btn-Sesquiquadrate, .panel-matrix .btn-Inconjunct { background: rgba(75, 0, 0, 0.59); }
.panel-matrix .btn- { background: rgba(21, 20, 27, 0.5); color: white; }
.listDates {text-align: left;font-size: 0.8em;font-weight: bold;line-height: 26px;bottom: 8px;left: 5px;color: rgba(255, 255, 166, 0.84);font-family: Test2;position: absolute;}
.panel-matrix .btn-House, .panel-matrix .btn-Oriental { background: rgba(22, 22, 37, 0.53); }
.navbar-matrix { background: linear-gradient(45deg, black, rgb(8, 66, 6)); }
.header.panel-matrix { color: black; background-size: 100%; font-family: Audiowide; background-image: url("../images/bgmatrix.jpg") !important; }
.toolAstroIcon { z-index: 10000; position: fixed; left: 50%; bottom: 2px; transform: translateX(-50%); max-width: 75px !important; }
md-bottom-sheet { background-color: rgb(44, 5, 69); }
.md-bottom-sheet.md-grid { background-color: white; }
.panel-classic .btn-tabs { background: linear-gradient(173deg, rgb(164, 109, 232) 5%, rgba(114, 41, 179, 0.87) 50%, rgb(80, 19, 156) 100%); font-weight: bold; color: white !important; }
.panel-classic .btn-tabs.active { border-color: rgba(45, 0, 104, 0.42); background: rgb(63, 28, 108) !important; color: rgb(255, 229, 164) !important; }
.panel-classic .menuStrip { background: linear-gradient(181deg, rgb(239, 229, 254), rgb(245, 235, 255)); margin-bottom: 0px; padding-bottom: 5px; }
.panel-classic .facetImage { }
.panel-small .attr-image-horoscope { max-height: 130px; display: initial; min-width: 130px; max-width: 130px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.panel-small .horoscope-header { clear: none; text-align: left; height: 90px; }
h1 { text-align: center; font-size: 2em; font-weight: bold; margin-top: 20px; font-family: Test5; letter-spacing: 0.04em; line-height: 38px !important; }
h1, h2, h3, h4, h5 { line-height: normal; }
.login-wrap { padding: 20px; position: relative; }
.panel-small > .panel-heading { padding: 10px; min-height: 140px; box-shadow: black 10px 10px 50px; }
.panel-small { border-radius: 20px; height: 130px; margin-top: 5px !important; margin-bottom: 5px !important; }
.panel-small .chart-dates { text-align: left; }
.planetImage { width: 100%; float: left; padding-bottom: 10px; padding-top: 10px; filter: drop-shadow(rgb(131, 0, 170) 1px 3px 4px); margin-right: 0px; }
.planetSummary { font-weight: bold; font-size: 1.2em; text-align: center; }
.fa-info-circle { padding-left: 7px; font-size: 0.7em; }
.panel-white { }
.panel-white .panel-heading { background: linear-gradient(rgb(255, 255, 255), rgba(245, 232, 255, 0.63)); border-radius: 0px; max-width: 500px; }
.navbar-dark { z-index: 1050; background: linear-gradient(rgb(19, 12, 75), rgb(8, 34, 91)) !important; }
.btn-blue { color: rgb(255, 255, 255); background: linear-gradient(rgb(31, 68, 168), rgb(4, 29, 87)); border-color: rgb(4, 10, 111); text-transform: uppercase; font-weight: bold; }
.btn-blue.active { background: black; color: white; }
.btn-blue a { text-decoration: unset; color: white; }
.panel-midnightblue .btn-Traits { background-color: rgb(20, 19, 69); }
.bootstrap-switch-panel-midnightblue { background-color: rgb(51, 122, 183); color: white; }
.panel-darkblue .header-title { color: rgb(255, 255, 179); background: linear-gradient(rgba(24, 29, 163, 0.75), rgba(36, 34, 104, 0.17)); }
.panel.panel-darkblue { color: white; }
.panel-midnightblue .btn- { background: rgb(17, 17, 17); color: white; }
.panel-midnightblue a { color: wheat; }
.panel-midnightblue { background-color: rgba(0, 0, 0, 0.22); color: white; font-family: Forum; }
.panel-midnightblue .btn-Square { background-color: rgb(97, 14, 16); }
.panel-midnightblue .btn-Trine { background-color: rgb(20, 19, 69); }
.panel-midnightblue .btn-Sesquiquadrate { background-color: rgb(97, 14, 16); }
.panel-midnightblue .btn-Sextile { background-color: rgb(20, 19, 69); }
.panel-midnightblue .btn-Conjunct { background-color: rgb(0, 48, 0); }
.panel-midnightblue .btn-Inconjunct { background-color: rgb(97, 14, 16); }
.panel-midnightblue .btn-Opposition { background-color: rgb(97, 14, 16); }
.header { overflow: auto !important; }
.panel-hidden { opacity: 0; transition: opacity 0.5s ease-out; }
.panel-shown { opacity: 1; transition: opacity 0.5s ease-in; }
.header.panel-midnightblue { color: white; background: url("../images/bg4.jpg") center top repeat !important; }
.symbolSummary { width: 24px; }
.summary-planet { padding-right: 0px; margin-bottom: 10px; }
.dot { height: 50px; padding-top: 8px; width: 50px; border-radius: 50%; display: inline-block; }
.dashPlanetKeyword { font-weight: bold; font-size: 1.3em; text-transform: uppercase; }
.Cancer, .Scorpio, .Pisces { background: radial-gradient(rgb(0, 0, 101), rgb(40, 23, 175)); }
.Aries, .Leo, .Sagittarius { background: radial-gradient(rgb(80, 0, 0), rgb(142, 0, 0)); }
.Taurus, .Virgo, .Capricorn { background: radial-gradient(rgb(14, 56, 8), rgb(0, 106, 2)); }
.Gemini, .Libra, .Aquarius { background: radial-gradient(rgb(113, 76, 2), rgb(229, 215, 44)); }
.Sesquiquadrate, .Square, .Opposition, .Inconjunct { background: linear-gradient(rgb(120, 1, 1), rgb(207, 0, 0)) !important; }
.Trine, .Sextile { background: linear-gradient(rgb(5, 0, 77), rgb(30, 10, 199)) !important; }
.Conjunct { background: linear-gradient(rgb(23, 64, 18), rgb(21, 111, 23)) !important; }
.itemSummaryTable { padding: 2px 2px 2px 5px; font-size: 1em; color: white; text-shadow: black -1px 1px 1px; }
.horoscope-traits { margin: 5px; padding: 10px; background-color: blue; color: white; font-weight: bold; right: 10px; float: left; position: relative; }
.panel-big { min-width: 320px; min-height: 300px; }
.panel-classic > .navbar-fixed-top { background: linear-gradient(359deg, rgb(248, 241, 255), rgb(255, 200, 247)); font-weight: bold; }
.panel-Active { }
.am-sun { content: url("/https://astromatrix.app/symbols/sun.png"); max-width: 55px; }
.am-moon { content: url("/https://astromatrix.app/symbols/moon.png"); max-width: 55px; }
.am-draconic { content: url("/https://astromatrix.app/icons/soul report.png"); max-width: 55px; }
.am-sun-menu { content: url("images/sun-black.png"); max-width: 25px; padding: 0px; margin-right: 5px !important; }
.am-moon-menu { content: url("images/moon-black.png"); max-width: 25px; padding: 0px; margin-right: 5px !important; }
.am-draconic-menu { content: url("../img/dragon-black.png"); max-width: 25px; padding: 0px; margin-right: 5px !important; }
.am-menu {
  max-width: 60px; padding: 0px; filter: drop-shadow(rgb(0, 0, 0) 4px 3px 1px) contrast(1.2) brightness(1.1); margin-right: 5px !important;
  & img { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 4px 6px); }
  & img { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 4px 6px); }
}
.am-menu-fa { margin-left: 8px; }
#itemModal .modal-body { min-height: 1000px; }
.modal.in .modal-dialog { }
.pac-container { z-index: 10000 !important; }
.retrogradePanel.row { padding: 5px; border-bottom: 1px solid rgba(5, 2, 2, 0.18); }
.signPanelCol { padding: 2px; }
.imgContainerImage { max-height: 400px; object-fit: cover; padding: 15px; border-radius: 50px; }
.frm-group { padding: 10px; }
.videoTitle { text-align: center; padding: 5px; }
.headerSize { }
.mediumSize { font-size: 1.3em; font-weight: bold; text-align: center; padding: 10px; letter-spacing: 0.05em; font-family: Test5; }
.play { background: url("https://astromatrix.app/icons/youtube.png") center center no-repeat; margin: -240px 10px 0px 0px; height: 240px; position: relative; z-index: 10; }
.panel-content { margin-top: 20px; margin-bottom: 20px; box-shadow: grey 0px 3px 7px; padding: 10px 5px; margin-left: 0px !important; margin-right: 0px !important; }
.modal-small { z-index: 999999; width: 80%; max-width: 400px; padding-top: 100px; margin: 0px auto; }
.topPanel { padding-top: 40px !important; }
.subMenu { font-size: 0.5em; color: black; text-transform: capitalize; top: 10%; left: 25% !important; }
.subMenu i { color: black; padding-left: 10px; padding-right: 10px; }
.subMenu > li > a { margin: 5px; padding: 10px; font-size: 2.3em; color: black !important; }
.panel-summary .panel-body { padding: 15px; color: black; }
.panel-chart .form-control { }
.aspectListImg { max-width: 24%; filter: drop-shadow(rgb(131, 0, 170) 1px 1px 3px); }
.panel-classic .biweekhoroscope { color: rgb(135, 82, 138); }
.panel-classic .yellowText { color: rgb(63, 28, 108); font-weight: bold !important; font-size: 0.8em !important; }
.biweekhoroscope { color: rgb(227, 227, 144); }
.ui-autocomplete { z-index: 100000000 !important; }
.modal.in .modal-dialog-fixed { position: fixed; bottom: 0px; right: 0px; margin: 0px; }
md-tabs-canvas.md-paginated { margin: 0px; }
md-tabs[md-border-bottom] md-tabs-wrapper { background-color: rgb(216, 182, 255); }
md-pagination-wrapper { height: 49px !important; }
md-content { display: inline !important; }
md-content.md-default-theme, md-tab-content { color: rgb(255, 255, 255); background-color: rgba(17, 17, 17, 0); }
md-content.md-default-theme, md-content { color: rgba(255, 255, 255, 0.87); background-color: rgba(17, 17, 17, 0); height: 1000px; }
.panel-matrix md-tabs.md-default-theme md-ink-bar, .panel-matrix md-tabs md-ink-bar { color: rgb(0, 18, 234) !important; background-color: rgb(0, 255, 0) !important; }
.step.ng-hide { opacity: 0; }
.step.current { opacity: 1; transition: 1s cubic-bezier(0, 0, 1, 1); }
.md-button { }
.panel-white { padding: 10px; background-color: white !important; color: black !important; }
md-bottom-sheet.md-grid { padding-left: 2px; padding-right: 2px; border-radius: 10px; margin-bottom: 40px; z-index: 5000; }
hr.middleHR { border-top: 5px solid rgb(194, 194, 194); width: 15%; margin-top: 10px; margin-bottom: 10px; }
.md-subheader .md-subheader-inner { padding: 0px; text-align: center; }
md-bottom-sheet .md-subheader { font-size: 1.3em; text-align: center; }
md-slider-container md-input-container input[type="number"] { color: white; padding: 0px; }
md-slider-container .md-thumb { cursor: pointer; }
md-input-container { padding-top: 7px; margin-right: -10px; }
.orbLabel { padding: 0px; margin-top: 10px; }
span.iconName { color: rgb(255, 255, 255); font-family: Test2; }
.iconMenu { font-size: 2.8em; min-width: 45px; }
.progress { height: 17px; margin-bottom: 3px; margin-right: 10px; overflow: hidden; border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; background-color: rgba(123, 41, 126, 0.29) !important; }
.progress-bar { box-shadow: rgb(0, 0, 0) 0px -1px 3px inset; }
.progressTitle { font-weight: bold; font-size: 1.2em; }
.patternContainer { }
.homeAvatar { display: inline-block; position: relative; border-radius: 50%; width: 100%; height: auto; padding-top: 100%; border: 3px solid rgb(65, 5, 142); background: black; }
.homeHeader { font-size: 0.9em; line-height: normal; text-align: center; padding: 1px; float: none; margin: 0px auto 10px; }
.homeHeaderTitle {padding-top: 10px;}
.fa { padding: 10px; }
.buttonHeaderIcon { margin: 0px auto; font-size: 1.2em; padding: 10px; }
.buttonHeaderIcon img { max-width: 60px; text-align: center; }
.bottomLine { border-top: none !important; border-right: none !important; border-left: none !important; border-image: initial !important; border-bottom: 1px solid white !important; }
.panel-midnight .bottomLine { color: white; }
.editJournal_textEditor { width: 100%; border-radius: 25px; height: 100px; text-indent: 12px; line-height: 1rem; box-sizing: border-box; padding: 10px 0px; border: 1px solid rgb(123, 50, 144) !important; }
.cardBackground { border-radius: 15px; }
.cardPad { padding: 10px; }
.middlePad { margin-bottom: 100px; }
.moreText { max-width: 80px; text-align: center; font-size: 0.5em !important; margin-right: 0px !important; }
.cardContainer {border: 1px solid rgb(141 69 251 / 19%);height: 135px;margin-left: 10px;margin-right: 10px;margin-top: 0px !important;margin-bottom: 10px !important;}
.arrowForward { max-width: 32px; margin-left: 15px; }
.aspectSummaryItem { min-height: 400px; }
.homeHeaderTopic { float: left; padding-top: 10px; padding-left: 10px; text-transform: uppercase; }
.md-button.md-icon-button { height: unset; width: unset; font-size: 1.4em; }
.aspect-footer { font-size: 0.8em; padding-bottom: 10px; padding-top: 25px; background: linear-gradient(rgba(30, 17, 60, 0.18), rgba(115, 89, 161, 0.36)); border-radius: 10px; }
.planetBigThree { padding: 0px; text-align: center; float: none; font-size: 0.8em; font-weight: bold; margin-bottom: 20px; }
.padLeft .dateStyle { padding-left: 10px !important; }
.dashItemSign { float: left; margin-bottom: 30px; font-size: 1.3em; }
.fancyButton {
  font-weight: bold; border: 1px solid; padding: 10px;
  & .sunset { }
  line-height: normal; color: rgb(230, 230, 183); margin-bottom: 10px; font-size: 0.8em !important;
}
tr.retrogradePanel { padding: 10px; text-align: left; }
.planetListRow { font-size: 0.9em; font-weight: bold; cursor: pointer; padding: 5px !important; }
.homeHeaderText { font-size: 2.5em; font-family: Test4; font-weight: normal; padding-top: 7px; letter-spacing: -0.01em; height: 55px; padding-bottom: 5px; text-shadow: rgba(90, 0, 158, 0.56) 1px 3px 5px; }
.homeHeaderText + div { padding: 10px 10px 0px; }
.homeHeaderIcon { height: 65px; }
.homeHeaderIcon + div { }
.homeHeaderIcon img { width: 40%; filter: drop-shadow(rgb(131, 0, 170) 1px 1px 3px); padding: 5px; max-width: 60px !important; }
.test::first-letter { font-size: 4.5em; float: left; margin-top: 0.15em; }
.panel::after { content: " "; display: block; clear: both; }
.rounded { padding: 15px; border-radius: 10px 10px 0px 0px; }
.summaryDash { position: relative; height: 120px; display: table; width: 90%; vertical-align: bottom; background-size: cover !important; }
.summaryPhrase { box-shadow: rgba(0, 0, 0, 0.51) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 1px 3px inset; margin: 5px; padding: 10px; font-weight: bold; border-radius: 10px; text-align: center; font-size: 0.8em; }
.chart-dates { font-size: 0.8em !important; }
.homeHeaderTitle, .header-title, .account-wrapper, .chart-dates, .planetListDates { color: rgb(236, 217, 156); font-weight: 600; font-family: Test2; letter-spacing: 0.02em; }
.panel-stars .chart-dates, .panel-stars .planetListDates { }
.panel-stars .titleColor { color: rgba(255, 255, 166, 0.84); }
.panel-stars .header-title, .panel-stars .account-wrapper { color: rgba(255, 255, 166, 0.84); }
.sunset.titleColor { margin-bottom: 10px; }
.panel-summary .header-title { color: black; }
.content-background .cardBackground { border: 1px solid black; box-shadow: none; }
.swipeList { overflow: hidden; }
.swipeList .item { position: relative; display: table; width: 100%; margin-top: 5px; }
.swipeList .item > div { padding: 0px; font-size: 0.9em; }
.swipeList .item .action { position: absolute; width: 80px; height: 100%; top: 0px; border: 0px; outline: none; }
.swipeList .item .action:first-child::before, .swipeList .item .action:last-child::before { position: absolute; top: 0px; content: ""; width: 2000px; height: 100%; }
.swipeList .item .action:first-child { left: -90px; }
.swipeList .item .action:first-child::before { right: 90px; }
.swipeList .item .action:last-child { right: -90px; }
.swipeList .item .action:last-child::before { left: 90px; }
.swipeList .item .action, .swipeList .item .action::before { background: rgba(149, 149, 149, 0); font-size: 2em; }
.bottomSheetBody { max-height: 380px; overflow: scroll; margin: 15px; }
.steps-indicator { margin-top: 20px; }
p { margin: 0px 0px 10px !important; }
.header-name { margin-top: 10px; margin-bottom: 10px; font-family: Test5; font-size: 2em; letter-spacing: 0.02em; }
@media screen and (min-width: 1600px) {
  .header-name { margin-top: 25px; }
}
md-toast { position: fixed; z-index: 50000; }
md-toast.error, md-toast.warn, md-toast.successes { right: 20px; top: 53px; width: 100%; height: max-content; max-width: 300px; min-width: 0px; left: unset; border: 1px solid rgb(253, 212, 213); }
@media screen and (max-width: 768px) {
  md-toast.error, md-toast.warn, md-toast.successes { right: 10px; }
}
md-toast.error .md-toast-content { background: rgb(253, 228, 228); color: rgb(213, 28, 67); font-weight: bold; }
md-toast.warn .md-toast-content { background: rgb(182, 133, 28); }
md-toast.successes .md-toast-content { background: rgb(35, 140, 70); }
.panel-classic #mainTitleBar { color: black; font-weight: bold; background: linear-gradient(354deg, rgb(63, 28, 108) 10%, rgb(39, 6, 99) 50%, rgb(117, 53, 180) 100%) text; }
.mainIconContainer { overflow: hidden; }
.mainIconContainer img { width: 50%; display: block; margin: 0% auto; max-width: 350px; filter: drop-shadow(rgb(116, 0, 170) 4px 3px 10px); }
figcaption { line-height: 17px; padding-top: 5px; padding-bottom: 15px; }
.contentBox { border-radius: 5px; width: 98%; max-width: 400px; border: 1px solid rgba(192, 192, 192, 0.53) !important; box-shadow: rgb(180, 180, 180) 2px 2px 2px !important; }
.button-options .btn { margin: 5px; color: yellow; }
.contentBox .dashPlanetKeyword { text-shadow: none; padding: 10px; }
.table > tbody > tr > td { border-top: 1px solid rgba(0, 0, 0, 0.15); text-align: left; }
.modal-body.midnight { background: black; color: white; }
.btn.focus, .btn:focus { outline: 0px; box-shadow: none !important; }
md-bottom-sheet .md-subheader { line-height: normal; margin-bottom: 15px; padding: 0px; color: rgb(255, 233, 127); white-space: normal !important; }
.inline-fa { color: rgb(170, 170, 170); transform: translateY(-100%); }
.row.item { border-bottom: 1px solid rgba(0, 0, 0, 0.23); padding: 5px; }
.md-list-item-inner img.am-menu { padding-right: 10px; }
textarea { border: 0px; resize: none; box-sizing: content-box; }
.itemContentIcon.itemContentWord { padding-top: 30px; }
.itemContentText { line-height: 23px; padding-bottom: 10px; font-size: 1em !important; }
.itemContentTitle { font-weight: bold; margin-top: 34px; line-height: 20px !important; }
.itemContentTheme { margin-top: 15px; text-align: left; padding: 0px 0px 10px; font-weight: bold; }
.userCommands { font-size: 0.8em; text-decoration: underline; }
.itemContentIcon { font-size: 2em; height: 50px; text-align: center; }
.noShadow { text-shadow: unset !important; }
.itemContentIcon img { height: 50px; margin-top: 10px; }
.itemContentBox { margin-bottom: 15px; height: 120px; }
#mainTop { margin: 0px auto; }
.itemRelatedContent { background: rgba(0, 0, 0, 0.28); height: 100%; border-radius: 0px 10px 10px 0px; }
.btn-Sextile.summaryDash, .btn-Trine.summaryDash { border: 5px solid rgba(5, 5, 161, 0.76); }
.btn-Square.summaryDash, .btn-Inconjunct.summaryDash, .btn-Sesquiquadrate.summaryDash { border: 5px solid rgba(141, 0, 0, 0.76); }
.btn-.summaryDash, .btn-House.summaryDash { border: 5px solid rgba(0, 0, 0, 0.69); }
.btn-Conjunct.summaryDash { border: 5px solid rgba(1, 137, 0, 0.69); }
hr.itemContent { border: 2px solid rgba(89, 64, 121, 0.45); clear: both; margin-top: 0px; }
i.toolIcon { float: left; font-size: 1.4em; padding: 5px 10px 5px 5px; width: 100%; }
.toolItemLong { cursor: pointer; }
.toolItem img { height: 30px; }
.toolItem { width: 33.33%; padding-top: 4px; padding-bottom: 10px; font-size: 0.8em; border-radius: 0px !important; }
.oppTitle { text-align: left; padding: 7px; margin: 5px; float: left; font-weight: bold; font-size: 0.9em; border-radius: 14px; background: rgba(166, 15, 188, 0.26); border: 1px solid rgba(143, 90, 223, 0.21); }
.aspectSummary { padding: 30px 10px 20px; text-align: center; min-height: 150px; }
a.classic { color: black; }
a.midnight { color: white; }
.form-control { margin: 0px auto; font-family: inherit; max-width: 500px; border: 1px solid rgb(123, 50, 144); color: rgb(255, 255, 255); border-radius: 25px; background-color: rgba(183, 133, 251, 0.1) !important; }
.panel-auth.panel-classic, .panel-auth.panel-midnight { background-color: transparent !important; padding-bottom: 10px; }
.panel-info .form-control::placeholder { color: rgb(17, 17, 17) !important; }
.form-control::placeholder { }
.panel-auth.panel-classic .form-control { background-color: white !important; margin-right: 10px; }
.panel-auth.panel-midnight .form-control { background-color: black !important; margin-right: 10px; }
.panel-auth.panel-classic .form-control:focus { color: rgb(0, 0, 0); }
.panel-auth.panel-midnight .form-control:focus { color: rgb(255, 255, 255); }
.panel-auth span.error { padding: 5px 0px; color: red !important; }
.modal-content .panel-classic .legacy-md-4.p-0.text-white { color: rgb(52, 58, 64) !important; }
.modal-content .panel-classic .combodate .form-control { color: rgb(39, 52, 65); }
.modal-content.panel-midnight .modal-header { background-color: black; }
a { color: inherit !important; }
.itemCategory { padding: 10px; cursor: pointer; filter: drop-shadow(rgb(255, 136, 255) 2px 3px 15px); }
.itemCategoryName { text-align: center; line-height: 20px; padding-top: 20px; }
.modal-header { }
.seeMorePanel { padding: 20px; margin-top: 10px; border-top: 1px solid rgba(239, 175, 194, 0.22); clear: both; }
.seeMoreText { text-align: center; }
.seeMoreArrow { width: 0px; height: 0px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid rgba(255, 255, 179, 0.81); float: right; display: none; }
.eventPanel { padding: 0px !important; margin: 0px !important; }
.main-header-title { font-size: 2em; color: rgba(255, 255, 166, 0.84); padding-left: 20px; }
.termsTitle { cursor: pointer; line-height: 10px; width: fit-content; }
.videoThumb { width: 100%; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }
.videoList { position: relative; text-align: center; margin-bottom: 20px; padding: 10px; display: inline-block; }
.chat-conversation .conversation-list .conversation-name { color: transparent; }
.chat-conversation .conversation-list { margin-bottom: 10px !important; }
.support-inbox { height: calc(-330px + 100dvh); }
.cardCompact {text-align: center;padding-top: 5px;margin-top: 20px;margin-right: 20px;margin-left: 20px;height: 70px;cursor: pointer;margin-bottom: 0px !important;line-height: 18px !important;}
.cardCompact img {
  max-width: 55px; filter: drop-shadow(rgb(16, 10, 70) 1px 1px 5px);
  & img { filter: brightness(0) saturate(100%) invert(75%) sepia(100%) hue-rotate(30deg) saturate(500%); }
  & img { filter: brightness(0) saturate(100%) invert(75%) sepia(100%) hue-rotate(30deg) saturate(500%); }
}
label.subMenuItem { font-size: 0.8em; }
.termsDesc { margin: 10px; }
.bigThreeSignImage { float: left; width: 30px; margin-left: -5px; margin-bottom: 5px; }
.bigThreeSignText { float: left; font-family: Test5; cursor: pointer; padding: 3px 5px 5px; letter-spacing: 0.1em; }
.btn-ripple { display: inline-block; position: relative; overflow: hidden; transition: 0.5s ease-in-out; }
.btn-ripple::after { content: ""; display: block; position: absolute; top: 0px; left: 25%; height: 100%; width: 60%; background-color: rgb(0, 0, 0); border-radius: 50%; opacity: 0; pointer-events: none; transition: 1s ease-in-out; transform: scale(5, 5); }
.btn-ripple:active::after { padding: 0px; margin: 0px; opacity: 0.2; transition: all; transform: scale(0, 0); }
.mainView { margin: 50px 0px 0px; }
.reset-legacy-padding { padding: 0px; }
.sideMenuItem > img { filter: invert(1); }
md-bottom-sheet { z-index: 10000; }
.modal-open { overflow: hidden; }
flippy { float: left; perspective: 600px; }
flippy-front { position: absolute; z-index: 900; width: inherit; height: inherit; transform: rotate3d(0, 0, 0, 0deg); transform-style: preserve-3d; backface-visibility: hidden; }
flippy-back { position: absolute; z-index: 800; width: inherit; height: inherit; transform: rotate3d(0, 1, 0, -180deg); transform-style: preserve-3d; backface-visibility: hidden; }
flippy.flipped flippy-front { z-index: 900; transform: rotate3d(0, 1, 0, 180deg); }
flippy.flipped flippy-back { z-index: 1000; transform: rotate3d(0, 0, 0, 0deg); }
flippy.fancy { float: left; margin-left: 10%; margin-right: 10%; position: relative; font-size: 0.8em; cursor: pointer; min-width: 80%; min-height: 600px; }
flippy.fancy img { height: 100%; width: 100%; }
flippy.fancy flippy-front { float: none; position: absolute; top: 0px; left: 0px; z-index: 900; width: inherit; height: inherit; text-align: center; box-shadow: rgba(0, 0, 0, 0.9) 0px 1px 5px; }
flippy.fancy flippy-front.flipped { border-color: rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 50px; }
flippy.fancy flippy-back { float: none; position: absolute; top: 0px; left: 0px; z-index: 800; width: inherit; height: inherit; text-align: center; box-shadow: rgba(0, 0, 0, 0.9) 0px 1px 5px; }
flippy.fancy flippy-back.flipped { box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 50px; }
.tbr { margin-top: 20px; }
.noPad { padding: 0px; }
.largeText { height: 190px !important; }
.userBarImg { max-width: 32px; margin-top: 10px; }
.panel-light .userBarImg { max-width: 32px; filter: invert(1); margin-top: 10px; }
.spread-1 { background: green; }
.panel-info .form-control { color: black; }
.chakra-all { position: absolute; top: 70px; left: -72px; width: 600px; height: 1000px; background: url("../images/chakra-body.jpg") no-repeat; }
.chakra-container { position: absolute; }
.outer-circle { width: 30px; height: 30px; border: 3px solid rgb(0, 0, 0); border-radius: 50%; position: absolute; }
.inner-circle { width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@keyframes orbit { 
  0% { transform: translate(-50%, -50%) rotate(0deg) translateX(30px) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg) translateX(30px) rotate(-360deg); }
}
@keyframes orbit-reverse { 
  0% { transform: translate(-50%, -50%) rotate(0deg) translateX(30px) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg) translateX(30px) rotate(360deg); }
}
.userItem { padding: 0px 0px 0px 10px; min-height: 85px; font-size: 0.8em; line-height: 21px; }
.userName { font-size: 1.6em; margin-bottom: 5px; margin-top: 5px; cursor: pointer; }
.userBirth { letter-spacing: -0.5px; }
.fade-in { opacity: 0; transition: opacity 1s ease-in; }
.fade-in.visible { opacity: 1; }
.topMenu { filter: brightness(1.1) saturate(0.3) contrast(1.9); }
.panel.panel-midnight.panel-light { color: black; background: white; }
.aspect-body { width: 33%; }
.pointer-cursor { cursor: pointer; }
.form-control.select-css.panel-midnight { padding: 5px 25px 5px 15px; border-radius: 25px; }
.form-control.select-css.panel-classic { border: 1px solid rgba(0, 0, 0, 0.29); border-radius: 25px; background: rgba(183, 133, 251, 0.1) !important; }
.loader { border-width: 8px; border-style: solid; border-color: rgb(89, 32, 160) transparent transparent; border-image: initial; border-radius: 50%; width: 50px; height: 50px; animation: 1s linear 0s infinite normal none running spin; margin-left: 20px; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.not-container { max-width: 500px; width: 80%; z-index: 3000; position: fixed; right: 15px; top: 50px; }
.container-block { margin-bottom: 5px; background: rgb(41, 140, 62); padding: 20px; animation: 0.5s linear 0s 1 normal none running notific; }
@-webkit-keyframes notific { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
@keyframes notific { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
.not-title { font-size: 20px; font-weight: bold; }
.not-subTitle { font-size: 15px; }