/* JAPONIS | AD1 Unified Responsive 2026 | Source: Japonis legacy CSS */
/* Legacy cascade order retained; original selectors preserved; all rules one line. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0;}
body,h1,h2,h3,h4,h5,h6,a {color: inherit; font-family: "Poppins", sans-serif; margin: 0; font-weight: 400; background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none;}
html,body {font-family: "Poppins", sans-serif; font-size: 13px; line-height: 1.5;}
html {overflow-x: hidden; overflow-y: auto;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
.ad1-serif {font-family: serif;}
hr {border: 0; border-top: 1px solid #eee; margin: 20px 0;}
a:active,a:hover {outline-width: 0;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
form {margin: 0; padding: 0;}
button.accordion {cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s;}
button.accordion.active, button.accordion:hover {}
input[type=file]::file-selector-button {background-color: whitesmoke; border: none; padding: 12px;}
.panel {padding: 0; margin: 0; display: none; border-bottom: 1px solid #ccc !important; border-top: 1px solid #ccc !important;}
#mySidebar {z-index: 3; width: 220px;}
#preloader {position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; overflow: visible; background: transparent url("../img/loading.gif") no-repeat center center;}
.ad1-wide {letter-spacing: 4px;}
.ad1-link {text-decoration: none; cursor: pointer;}
.ad1-link-info {text-decoration: none; cursor: help;}
.ad1-info {text-decoration: none;}
.ad1-info:hover {cursor: help; position: relative;}
.ad1-info span {display: none;}
.ad1-info:hover span {border: #c0c0c0 1px dotted; padding: 5px 20px 5px 5px; display: block; z-index: 100; background: url(../images/status-info.png) #474747 no-repeat 100% 5%; color: white; left: 0px; margin: 0px; width: auto; padding: 5px; position: absolute; top: -35px; text-decoration: none;}
.ad1-form {padding: 0; margin: 0; float: left; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,main,menu,nav,section,summary {display: block;}
header {display: block; width: 100%; position: fixed; z-index: 1;}
.ad1-page-container {width: 100%; margin-top: 50px;}
audio,canvas,progress,video {display: inline-block;}
progress {vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],template {display: none;}
dfn {font-style: italic;}
mark {background: #ff0; color: #474747;}
#preloader {position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; overflow: visible; background: transparent url("../img/loading.gif") no-repeat center center;}
.preloader {position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; overflow: visible; background: rgba(0, 0, 0, 0) url("../img/loading.gif") no-repeat center center;}
.loading {background-color: black; color: white; opacity: 0.5; font-family: PT Sans Narrow; font-size: 30px; position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
.loading:after {overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(5,end) 1000ms infinite; animation: ellipsis steps(5,end) 1000ms infinite; content: "……"; width: 0px;}
@keyframes ellipsis {
to {width: 1.15em;}
}
@-webkit-keyframes ellipsis {
to {width: 1.5em;}
}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
figure {margin: 1em 40px;}
img {border-style: none;}
img {margin: 0; padding: 0;}
svg:not(:root) {overflow: hidden;}
code,kbd,pre,samp {font-family: monospace,monospace; font-size: 1em;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
form {margin: 0; padding: 0;}
input[type="text"], input[type="password"], textarea, select {outline: none; background-color: transparent;}
input:focus, textarea:focus, select:focus {outline: none; background-color: transparent;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=checkbox] {accent-color: red;}
input[type=radio] {accent-color: red;}
[type=checkbox],[type=radio] {padding: 0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height: auto;}
[type=search] {-webkit-appearance: textfield; outline-offset: -2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em;}
legend {color: grey; font-size: 12px; font-style: italic; display: table; max-width: 100%; padding: 0; white-space: normal;}
::placeholder {color: grey; opacity: 1; font-size: 12px; font-style: italic;}
:-ms-input-placeholder {color: grey; font-size: 12px; font-style: italic;}
::-ms-input-placeholder {color: grey; font-size: 12px; font-style: italic;}
::-webkit-input-placeholder {color: inherit; opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
label {font-style: italic;}
button,input,select,textarea {font: inherit; margin: 0;}
optgroup {font-weight: bold;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type=button],[type=reset],[type=submit] {-webkit-appearance: button;}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline: 1px dotted ButtonText;}
.ad1-radio-style {margin: 0;}
.ad1-radio-style input[type="radio"] {opacity: 0; position: fixed; width: 0;}
.ad1-radio-style label {display: inline-block; background-color: #f5f5f5; padding: 5px 10px; font-family: "Poppins", sans-serif, Arial; font-size: 14px; border: 2px solid #f7f7f7; border-radius: 4px; cursor: pointer;}
.ad1-radio-style label:hover {background-color: #036; color: #FFF;}
.ad1-radio-style input[type="radio"]:focus + label {border: 2px dashed #444;}
.ad1-radio-style input[type="radio"]:checked + label {background-color: #F03; border-color: #C00; color: #FFF;}
.ad1-link {text-decoration: none; cursor: pointer;}
.ad1-image {max-width: 100%; height: auto;}
.ad1-image-fill {object-fit: fill;}
.ad1-image-contain {object-fit: contain;}
.ad1-image-cover {object-fit: cover;}
.ad1-image-none {object-fit: none;}
.ad1-image-scale-down {object-fit: scale-down;}
.ad1-table,.ad1-table-all {border-collapse: collapse; border-spacing: 0; width: 100%; display: table;}
.ad1-table-all {border: 1px solid #ccc;}
.ad1-bordered tr,.ad1-table-all tr {border-bottom: 1px solid #ddd;}
.ad1-striped tbody tr:nth-child(even) {background-color: #f1f1f1;}
.ad1-table-all tr:nth-child(odd) {background-color: #fff;}
.ad1-table-all tr:nth-child(even) {background-color: #f1f1f1;}
.ad1-hoverable tbody tr:hover,.ad1-ul.ad1-hoverable li:hover {background-color: #ccc;}
.ad1-centered tr th,.ad1-centered tr td {text-align: center;}
.ad1-table td,.ad1-table th,.ad1-table-all td,.ad1-table-all th {padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top;}
.ad1-table th:first-child,.ad1-table td:first-child,.ad1-table-all th:first-child,.ad1-table-all td:first-child {padding-left: 16px;}
.ad1-button-small {display: inline-block; padding-left: 5px; padding-right: 5px; text-align: center; border: none; cursor: pointer;}
.ad1-btn,.ad1-button,.ad1-button-1 {border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; padding-top: 4px; padding-right: 16px; padding-bottom: 4px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif;}
.ad1-submenu-button {border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px 5px 0 0;}
.ad1-button-submenu {border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px 5px 0 0;}
.ad1-button-new-submenu {margin-right: 220px; float: right; border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px 5px 0 0;}
button:hover .ad1-button-animate-right {padding-right: 25px;}
button:hover .ad1-button-animate-right:after {opacity: 1; right: 0;}
button .ad1-button-animate-right {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
button .ad1-button-animate-right:after {content: "«"; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
button:hover .ad1-button-animate-left {padding-left: 25px;}
button .ad1-button-animate-left {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
button .ad1-button-animate-left:after {content: "»"; position: absolute; opacity: 0; top: 0; left: -20px; transition: 0.5s;}
button:hover .ad1-button-animate-left:after {opacity: 1; left: 0;}
.ad1-btn:hover {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.ad1-btn,.ad1-button {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.ad1-disabled,.ad1-btn:disabled,.ad1-button:disabled {cursor: not-allowed; opacity: 0.3;}
.ad1-disabled *,:disabled * {pointer-events: none;}
.ad1-btn.ad1-disabled:hover,.ad1-btn:disabled:hover {box-shadow: none;}
.ad1-badge,.ad1-tag {background-color: #474747; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center;}
.ad1-badge {border-radius: 50%;}
.ad1-ul {list-style-type: none; padding: 0; margin: 0;}
.ad1-ul li {padding: 8px 16px; border-bottom: 1px solid #ddd;}
.ad1-ul li:last-child {border-bottom: none;}
.ad1-tooltip,.ad1-display-container {position: relative;}
.ad1-tooltip .ad1-text {display: none;}
.ad1-tooltip:hover .ad1-text {display: inline-block;}
.ad1-text-bold {font-weight: 600;}
.ad1-text-ligh {font-weight: 500;}
.ad1-text-bolder {font-weight: 700;}
.ad1-ripple:active {opacity: 0.5;}
.ad1-ripple {transition: opacity 0s;}
.ad1-input {padding: 8px; display: block; border: none; border-bottom: 1px solid #ccc; width: auto;}
.ad1-input-fieldset {margin: 0; padding: 0; display: block; border: none; width: 100%;}
.ad1-input-fieldset:focus {outline: none;}
.ad1-input-num {padding: 8px; display: block; border: none; border-bottom: 1px solid #ccc; width: auto;}
.ad1-input-text {padding: 8px; display: block; border: 1px solid #ccc; width: 100%;}
.ad1-input-label {clear: both !important; width: auto; padding: 6px; float: left;}
.input-transparent {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; cursor: pointer;}
.button-transparent {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; cursor: pointer;}
.ad1-input-transparent {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; cursor: pointer;}
.ad1-button-transparent {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; cursor: pointer;}
.ad1-select {padding: 9px 0; width: auto; border: none; border-bottom: 1px solid #ccc;}
.ad1-select-list {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); padding: 8px 16px !important;}
.ad1-select-style {padding-top: 5px; padding-bottom: 5px; text-align: center; border: 1px solid #ccc; width: auto; border-radius: 3px; overflow: hidden; background-color: #fff; background-image: url(../img/caret-down.png); background-repeat: no-repeat; background-position: 95% 50%;}
.ad1-select-style select {padding: 5px 5px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ad1-select-style select:focus {outline: none;}
.ad1-select-style-pure {padding-top: 0px; padding-bottom: 0px; text-align: center; border: none; width: auto; border-radius: 3px; overflow: hidden; background-color: #fff; background-image: url(../img/caret-down.png); background-repeat: no-repeat; background-position: 95% 50%;}
.ad1-select-style-pure select {padding: 5px 5px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ad1-select-style-pure select:focus {outline: none;}
.ad1-select-style-fieldset {margin: 0; padding: 0; text-align: center; border: none; width: auto; overflow: hidden; background-color: #fff; background-image: url(../img/caret-down.png); background-repeat: no-repeat; background-position: 95% 50%;}
.ad1-select-style-fieldset select {padding-top: 1px; padding-bottom: 1px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ad1-select-style-fieldset select:focus {outline: none;}
.ad1-select-list:focus {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); padding: 8px 16px;}
.ad1-dropdown-click,.ad1-dropdown-hover {position: relative; display: inline-block; cursor: pointer;}
.ad1-dropdown-hover:hover .ad1-dropdown-content {display: block; z-index: 1;}
.ad1-dropdown-hover:first-child,.ad1-dropdown-click:hover {background-color: #ccc; color: #474747;}
.ad1-dropdown-hover:hover > .ad1-button:first-child,.ad1-dropdown-click:hover > .ad1-button:first-child {background-color: #ccc; color: #474747;}
.ad1-dropdown-content {cursor: auto; color: #474747; background-color: #fff; display: none; position: absolute; width: auto; margin: 0; padding: 0;}
.ad1-check,.ad1-radio {width: 24px; height: 24px; position: relative; top: 6px;}
.ad1-sidebar {height: 100%; width: 100%; background-color: #fff; position: fixed !important; z-index: 1; overflow-x: hidden; overflow-y: auto;}
.ad1-bar-block .ad1-dropdown-hover,.ad1-bar-block .ad1-dropdown-click {width: 100%;}
.ad1-bar-block .ad1-dropdown-hover .ad1-dropdown-content,.ad1-bar-block .ad1-dropdown-click .ad1-dropdown-content {min-width: 100%;}
.ad1-bar-block .ad1-dropdown-hover .ad1-button,.ad1-bar-block .ad1-dropdown-click .ad1-button {width: 100%; text-align: left; padding: 8px 16px;}
.ad1-main,#main {transition: margin-left .4s; margin-top: 35px; margin-left: 220px; width: calc(100% - 220px);}
.ad1-menu-title {padding-top: 10px; padding-bottom: 10px; font-weight: 500;}
.ad1-modal {z-index: 300; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.ad1-modal-content {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: auto;}
.ad1-modal-nav {z-index: 300; display: none; position: fixed; top: inherit; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.ad1-modal-nav-content {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: auto;}
.ad1-mobil-nav {z-index: 300; display: none; padding: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.ad1-mobil-nav-content {width: 100%; margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: auto;}
.ad1-modal-input {background-color: #fff; position: relative; outline: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 5px; border: thin solid #D6D6D6; width: 100%; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto; clear: both; float: left;}
.ad1-modal-select {background-color: #fff; outline: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 5px; border: thin solid #D6D6D6; width: 30%; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
.ad1-modal-textarea {background-color: #fff; position: relative; outline: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 5px; border: thin solid #D6D6D6; width: 100%; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto; clear: both; float: left;}
.ad1-modal-content-login {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 300px;}
.ad1-modal-content-msg {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 300px;}
.ad1-modal-content-form {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-modal-content-form-1 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 500px;}
.ad1-modal-content-form-2 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 600px;}
.ad1-modal-content-form-3 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 700px;}
.ad1-modal-content-form-4 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 800px;}
.ad1-modal-nav {z-index: 300; display: none; position: fixed; left: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}
.ad1-modal-nav {overflow-y: hidden;}
.ad1-modal-nav-content {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: auto;}
.ad1-modal-nav-right {z-index: 300; display: none; position: fixed; top: 0; right: 0; width: auto; height: 100%; overflow: auto; overflow-y: hidden; background-color: inherit;}
.ad1-modal-nav-left {z-index: 300; display: none; position: fixed; top: 0; left: 0; width: auto; height: 100%; overflow: auto; overflow-y: hidden; background-color: inherit;}
.ad1-modal-input {background-color: #fff; position: relative; outline: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 5px; border: thin solid #D6D6D6; width: 100%; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto; clear: both; float: left;}
.ad1-modal-select {background-color: #fff; outline: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 5px; border: thin solid #D6D6D6; width: 30%; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
.ad1-modal-textarea {background-color: #fff; position: relative; outline: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 5px; border: thin solid #D6D6D6; width: 100%; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto; clear: both; float: left;}
.ad1-modal-close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.ad1-modal-close:hover, .ad1-modal-close:focus {color: #474747; text-decoration: none; cursor: pointer;}
.ad1-animate {-webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s;}
.ad1-bar {width: 100%; overflow: hidden;}
.ad1-center .ad1-bar {display: inline-block; width: auto; margin: auto;}
.ad1-bar .ad1-bar-item {padding: 8px 16px; float: left; width: auto; border: none; outline: none; display: block;}
.ad1-bar .ad1-dropdown-hover,.ad1-bar .ad1-dropdown-click {position: static; float: left;}
.ad1-bar .ad1-button {white-space: normal;}
.ad1-bar-block .ad1-bar-item {width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; outline: none; white-space: normal; float: none;}
.ad1-bar-block.ad1-center .ad1-bar-item {text-align: center;}
.ad1-block {display: block; width: 100%;}
.ad1-block-10 {display: block; margin: auto;}
.ad1-responsive {overflow-x: auto;}
.ad1-header-page {position: fixed; width: 100%;}
.ad1-container:after,.ad1-container:before,.ad1-container-submenu:after,.ad1-container-submenu:before,.ad1-container-page:after,.ad1-container-page:before,.ad1-panel:after,.ad1-panel:before,.ad1-form:after,.ad1-form:after,.ad1-row:after,.ad1-row:before,.ad1-row-padding:after,.ad1-row-padding:before, .ad1-cell-row:before,.ad1-cell-row:after,.ad1-clear:after,.ad1-clear:before,.ad1-bar:before,.ad1-bar:after {content: ""; display: table; clear: both;}
.ad1-container-page {width: 100%; padding: 100px 10px 10px 10px; float: left;}
.ad1-container-img10 {height: 10vh; display: flex; align-items: center; justify-content: center;}
.ad1-container-img15 {height: 15vh; display: flex; align-items: center; justify-content: center;}
.ad1-container-img20 {height: 20vh; display: flex; align-items: center; justify-content: center;}
.ad1-container-submenu {width: 100%; padding: 0px;}
.ad1-container-10 {background-color: #F1F1F1; margin: 10px;}
.ad1-container,.ad1-panel {padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px;}
.ad1-panel {margin-top: 16px; margin-bottom: 16px;}
.ad1-row {width: 100%; clear: both;}
.ad1-col {float: left; width: 100%;}
.ad1-half {float: left; width: 49.999%;}
.ad1-twothird {width: 74.999%;}
.ad1-third,.ad1-threequarter {float: left; width: 24.999%;}
.ad1-quarter {float: left; width: 24.9999%;}
.ad1-col.s1 {width: 8.33333%;}
.ad1-col.s2 {width: 16.66666%;}
.ad1-col.s3 {width: 24.99999%;}
.ad1-col.s4 {width: 33.33333%;}
.ad1-col.s5 {width: 41.66666%;}
.ad1-col.s6 {width: 49.99999%;}
.ad1-col.s7 {width: 58.33333%;}
.ad1-col.s8 {width: 66.66666%;}
.ad1-col.s9 {width: 74.99999%;}
.ad1-col.s10 {width: 83.33333%;}
.ad1-col.s11 {width: 91.66666%;}
.ad1-col.s12 {width: 99.99999%;}
.ad1-content {max-width: 100%; float: none; margin: auto; width: 100%; clear: both;}
.ad1-rest {overflow: hidden;}
.ad1-cell-row {display: table; width: 100%;}
.ad1-cell {display: table-cell;}
.ad1-cell-top {vertical-align: top;}
.ad1-cell-middle {vertical-align: middle;}
.ad1-cell-bottom {vertical-align: bottom;}
.ad1-hide {display: none !important;}
.ad1-show-block,.ad1-show {display: block !important;}
.ad1-show-inline-block {display: inline-block !important;}
.ad1-top,.ad1-bottom {position: fixed; width: 100%; z-index: 1;}
.ad1-top {top: 0;}
.ad1-bottom {bottom: 0;}
.ad1-bottom-10 {margin-bottom: 10px;}
.ad1-bottom-20 {margin-bottom: 20px;}
.ad1-overlay {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2;}
.ad1-display-none {display: none;}
.ad1-display-topleft {position: absolute; left: 0; top: 0;}
.ad1-display-topright {position: absolute; right: 0; top: 0;}
.ad1-display-bottomleft {position: absolute; left: 0; bottom: 0;}
.ad1-display-bottomright {position: absolute; right: 0; bottom: 0;}
.ad1-display-middleright {position: absolute; top: 50%; right: 0%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);}
.ad1-display-middleleft {position: absolute; top: 50%; left: 1%; transform: translate(0%,-50%); -ms-transform: translate(-0%,-50%);}
.ad1-display-left {position: absolute; top: 50%; left: 0%; transform: translate(0%,-50%); -ms-transform: translate(-0%,-50%);}
.ad1-display-right {position: absolute; top: 50%; right: 0%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);}
.ad1-display-topmiddle {position: absolute; left: 50%; top: 0; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);}
.ad1-display-bottommiddle {position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);}
.ad1-display-container:hover .ad1-display-hover {display: block;}
.ad1-display-container:hover span.ad1-display-hover {display: inline-block;}
.ad1-display-hover {display: none;}
.ad1-display-position {position: absolute;}
.ad1-circle {border-radius: 50%;}
.ad1-circle-holder {font-size: 20px; font-weight: inherit; letter-spacing: .2px; text-align: center; position: relative; width: auto; height: auto; line-height: 20px;}
.ad1-rotate-45 {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.ad1-rotate-90 {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.ad1-rotate-180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.ad1-round-small {border-radius: 2px;}
.ad1-round {border-radius: 4px;}
.ad1-round-medium {border-radius: 6px;}
.ad1-round-large {border-radius: 8px;}
.ad1-round-xlarge {border-radius: 16px;}
.ad1-round-xxlarge {border-radius: 32px;}
.ad1-round-small-right {border-radius: 0 2px 2px 0;}
.ad1-round-right,.ad1-round-medium-right {border-radius: 0 4px 4px 0;}
.ad1-round-large-right {border-radius: 0 8px 8px 0;}
.ad1-round-xlarge-right {border-radius: 0 16px 16px 0;}
.ad1-round-xxlarge-right {border-radius: 0 32px 32px 0;}
.ad1-round-small-left {border-radius: 2px 0 0 2px;}
.ad1-round-left {border-radius: 4px 0 0 4px;}
.ad1-round-medium-left {border-radius: 6px 0 0 6px;}
.ad1-round-large-left {border-radius: 8px 0 0 8px;}
.ad1-round-xlarge-left {border-radius: 16px 0 0 16px;}
.ad1-round-xxlarge-left {border-radius: 32px 0 0 32px;}
.ad1-round-small-top {border-radius: 2px 2px 0 0;}
.ad1-round-top {border-radius: 4px 4px 0 0;}
.ad1-round-top-medium {border-radius: 6px 6px 0 0;}
.ad1-round-top-large {border-radius: 8px 8px 0 0;}
.ad1-round-top-xlarge {border-radius: 16px 16px 0 0;}
.ad1-round-top-right {border-radius: 0 4px 0 0;}
.ad1-round-top-left {border-radius: 4px 0 0 0;}
.ad1-round-bottom-right {border-radius: 0 0 0 4px;}
.ad1-round-bottom-large {border-radius: 0 0 8px 8px;}
.ad1-round-bottom-xlarge {border-radius: 0 0 16px 16px;}
.ad1-round-bottom-left {border-radius: 0 0 4px 0;}
.ad1-round-bottom-left-large {border-radius: 0 0 8px 0;}
.ad1-round-bottom-right-large {border-radius: 0 0 0 8px;}
.ad1-round-large-top {border-radius: 8px 8px 0 0;}
.ad1-round-top-xxlarge {border-radius: 32px 32px 0 0;}
.ad1-round-bottom-small {border-radius: 0 0 2px 2px;}
.ad1-round-bottom {border-radius: 0 0 4px 4px;}
.ad1-round-bottom-medium {border-radius: 0 0 4px 4px;}
.ad1-round-large-bottom {border-radius: 0 0 8px 8px;}
.ad1-round-bottom-xlarge {border-radius: 0 0 16px 16px;}
.ad1-round-bottom-xxlarge {border-radius: 0 0 32px 32px;}
.ad1-row-padding,.ad1-row-padding>.ad1-half,.ad1-row-padding>.ad1-third,.ad1-row-padding>.ad1-twothird,.ad1-row-padding>.ad1-threequarter,.ad1-row-padding>.ad1-quarter,.ad1-row-padding>.ad1-col {padding: 0 8px;}
.ad1-code,.ad1-codespan {font-family: Consolas,"courier new"; font-size: 16px;}
.ad1-code {width: auto; background-color: #fff; padding: 8px 12px; border-left: 4px solid #4CAF50; word-wrap: break-word;}
.ad1-codespan {color: crimson; background-color: #f1f1f1; padding-left: 4px; padding-right: 4px; font-size: 110%;}
.ad1-card,.ad1-card-2 {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.ad1-card-4,.ad1-hover-shadow:hover {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);}
.ad1-spin {animation: ad1-spin 2s infinite linear;}
@keyframes ad1-spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(359deg);}
}
.ad1-animate-fading {animation: fading 10s infinite;}
@keyframes fading {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
.ad1-animate-opacity {animation: opac 0.8s;}
@keyframes opac {
from {opacity: 0;}
to {opacity: 1;}
}
.ad1-animate-top {position: relative; animation: animatetop 0.4s;}
@keyframes animatetop {
from {top: -300px; opacity: 0;}
to {top: 0; opacity: 1;}
}
.ad1-animate-left {position: relative; animation: animateleft 0.4s;}
@keyframes animateleft {
from {left: -300px; opacity: 0;}
to {left: 0; opacity: 1;}
}
.ad1-animate-right {position: relative; animation: animateright 0.4s;}
@keyframes animateright {
from {right: -300px; opacity: 0;}
to {right: 0; opacity: 1;}
}
.ad1-animate-bottom {position: relative; animation: animatebottom 0.4s;}
@keyframes animatebottom {
from {bottom: -300px; opacity: 0;}
to {bottom: 0; opacity: 1;}
}
.ad1-animate-zoom {animation: animatezoom 0.6s;}
@keyframes animatezoom {
from {transform: scale(0);}
to {transform: scale(1);}
}
.ad1-animate-input {transition: width 0.4s ease-in-out;}
.ad1-animate-input:focus {width: 100% !important;}
.ad1-opacity,.ad1-hover-opacity:hover {opacity: 0.60;}
.ad1-opacity-off,.ad1-hover-opacity-off:hover {opacity: 1;}
.ad1-opacity-max {opacity: 0.25;}
.ad1-opacity-min {opacity: 0.75;}
.ad1-greyscale-max,.ad1-grayscale-max,.ad1-hover-greyscale:hover,.ad1-hover-grayscale:hover {filter: grayscale(100%);}
.ad1-greyscale,.ad1-grayscale {filter: grayscale(75%);}
.ad1-greyscale-min,.ad1-grayscale-min {filter: grayscale(50%);}
.ad1-sepia {filter: sepia(75%);}
.ad1-sepia-max,.ad1-hover-sepia:hover {filter: sepia(100%);}
.ad1-sepia-min {filter: sepia(50%);}
.ad1-tiny {font-size: 10px !important;}
.ad1-small {font-size: 12px !important;}
.ad1-medium {font-size: 15px !important;}
.ad1-large {font-size: 18px !important;}
.ad1-xlarge {font-size: 24px !important;}
.ad1-xxlarge {font-size: 26px !important;}
.ad1-xxxlarge {font-size: 48px !important;}
.ad1-jumbo {font-size: 34px !important;}
.ad1-xjumbo {font-size: 46px !important;}
.ad1-left-align {text-align: left !important;}
.ad1-right-align {text-align: right !important;}
.ad1-justify {text-align: justify !important;}
.ad1-center {text-align: center !important;}
.ad1-border-0 {border: 0 !important;}
.ad1-border {border: 1px solid #ccc !important;}
.ad1-border-top {border-top: 1px solid #ccc !important;}
.ad1-border-bottom {border-bottom: 1px solid #ccc !important;}
.ad1-border-left {border-left: 1px solid #ccc !important;}
.ad1-border-right {border-right: 1px solid #ccc !important;}
.ad1-topbar {border-top: 6px solid #ccc !important;}
.ad1-bottombar {border-bottom: 6px solid #ccc; clear: both !important;}
.ad1-leftbar {border-left: 6px solid #ccc !important;}
.ad1-rightbar {border-right: 6px solid #ccc !important;}
.ad1-section,.ad1-code {margin-top: 16px !important; margin-bottom: 16px !important;}
.ad1-margin {margin: 16px !important;}
.ad1-margin-top {margin-top: 16px !important;}
.ad1-margin-bottom {margin-bottom: 16px !important;}
.ad1-margin-5 {margin: 5px !important;}
.ad1-margin-top-5 {margin-top: 5px !important;}
.ad1-margin-bottom-5 {margin-bottom: 5px !important;}
.ad1-margin-left {margin-left: 16px !important;}
.ad1-margin-right {margin-right: 5px !important;}
.ad1-padding-none {padding: 0px 0px !important;}
.ad1-padding-tiny {padding: 2px 4px !important;}
.ad1-padding-small {padding: 4px 8px !important;}
.ad1-padding {padding: 8px 16px !important;}
.ad1-padding-large {padding: 12px 24px !important;}
.ad1-padding-2 {padding-top: 2px !important; padding-bottom: 2px !important;}
.ad1-padding-4 {padding-top: 4px !important; padding-bottom: 4px !important;}
.ad1-padding-6 {padding-top: 6px !important; padding-bottom: 6px !important;}
.ad1-padding-8 {padding-top: 8px !important; padding-bottom: 8px !important;}
.ad1-padding-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.ad1-padding-11 {padding-top: 11px !important; padding-bottom: 11px !important;}
.ad1-padding-12 {padding-top: 12px !important; padding-bottom: 12px !important;}
.ad1-padding-14 {padding-top: 14px !important; padding-bottom: 14px !important;}
.ad1-padding-16 {padding-top: 16px !important; padding-bottom: 16px !important;}
.ad1-padding-18 {padding-top: 18px !important; padding-bottom: 18px !important;}
.ad1-padding-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.ad1-padding-24 {padding-top: 24px !important; padding-bottom: 24px !important;}
.ad1-padding-26 {padding-top: 26px !important; padding-bottom: 26px !important;}
.ad1-padding-28 {padding-top: 28px !important; padding-bottom: 28px !important;}
.ad1-padding-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.ad1-padding-32 {padding-top: 32px !important; padding-bottom: 32px !important;}
.ad1-padding-34 {padding-top: 34px !important; padding-bottom: 34px !important;}
.ad1-padding-36 {padding-top: 36px !important; padding-bottom: 36px !important;}
.ad1-padding-38 {padding-top: 38px !important; padding-bottom: 38px !important;}
.ad1-padding-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.ad1-padding-42 {padding-top: 42px !important; padding-bottom: 42px !important;}
.ad1-padding-44 {padding-top: 44px !important; padding-bottom: 44px !important;}
.ad1-padding-46 {padding-top: 46px !important; padding-bottom: 46px !important;}
.ad1-padding-48 {padding-top: 48px !important; padding-bottom: 48px !important;}
.ad1-padding-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.ad1-padding-64 {padding-top: 64px !important; padding-bottom: 64px !important;}
.ad1-left {float: left !important;}
.ad1-right {float: right !important;}
.ad1-button:hover {color: #474747 !important; background-color: #ccc !important;}
.ad1-transparent,.ad1-hover-none:hover {background-color: transparent !important;}
.ad1-hover-none:hover {box-shadow: none !important;}
.ad1-list-style:nth-child(odd) {background: whitesmoke;}
.ad1-list-style:nth-child(even) {background: white;}
.ad1-form-hdr {display: table; width: 100%; height: auto; margin: 0;}
.ad1-form-bdy {display: table; width: 100%; height: auto; margin: 0;}
.ad1-form-ftr {display: table; width: 100%; height: auto; margin: 0;}
.ad1-btn-upload {cursor: pointer;}
.ad1-goldenrod,.ad1-hover-goldenrod:hover {color: #474747 !important; background-color: #DAA520 !important;}
.ad1-aqua,.ad1-hover-aqua:hover {color: #474747 !important; background-color: #00ffff !important;}
.ad1-aquamarine,.ad1-hover-aquamarine:hover {color: #474747 !important; background-color: #7FFFD4 !important;}
.ad1-black,.ad1-hover-black:hover {color: #fff !important; background-color: #474747 !important;}
.ad1-blackgray,.ad1-hover-blackgray:hover {color: #fff !important; background-color: #3A3C48 !important;}
.ad1-black-gray,.ad1-hover-black-gray:hover {color: #fff !important; background-color: #3A3C48 !important;}
.ad1-blue,.ad1-hover-blue:hover {color: #fff !important; background-color: #2196F3 !important;}
.ad1-dodgerblue,.ad1-hover-dodgerblue:hover {color: #fff !important; background-color: #1E90FF !important;}
.ad1-darkblue,.ad1-hover-darkblue:hover {color: #fff !important; background-color: #47474708B !important;}
.ad1-midnightblue,.ad1-hover-midnightblue:hover {color: #fff !important; background-color: #191970 !important;}
.ad1-skyblue,.ad1-hover-skyblue:hover {color: #fff !important; background-color: #87CEEB !important;}
.ad1-lightskyblue,.ad1-hover-lightskyblue:hover {color: #474747 !important; background-color: #87CEFA !important;}
.ad1-deepskyblue,.ad1-hover-deepskyblue:hover {color: #fff !important; background-color: #00BFFF !important;}
.ad1-brown,.ad1-hover-brown:hover {color: #fff !important; background-color: #795548 !important;}
.ad1-crimson,.ad1-hover-crimson:hover {color: #fff !important; background-color: #DC143C !important;}
.ad1-cyan,.ad1-hover-cyan:hover {color: #474747 !important; background-color: #00FFFF !important;}
.ad1-darkcyan,.ad1-hover-darkcyan:hover {color: #fff !important; background-color: #008B8B !important;}
.ad1-blue-grey,.ad1-hover-blue-grey:hover,.ad1-blue-gray,.ad1-hover-blue-gray:hover {color: #fff !important; background-color: #607d8b !important;}
.ad1-lightslategrey,.ad1-hover-lightslategrey:hover,.ad1-lightslategray,.ad1-hover-lightslategray:hover {color: #fff !important; background-color: #778899 !important;}
.ad1-lightsteelblue,.ad1-hover-lightsteelblue:hover {color: #474747 !important; background-color: #B0C4DE !important;}
.ad1-steelblue,.ad1-hover-steelblue:hover {color: #fff !important; background-color: #4682B4 !important;}
.ad1-grey,.ad1-hover-grey:hover,.ad1-gray,.ad1-hover-gray:hover {color: #474747 !important; background-color: #bbb !important;}
.ad1-dimgrey,.ad1-hover-dimgrey:hover,.ad1-dimgray,.ad1-hover-dimgray:hover {color: #fff !important; background-color: #616161 !important;}
.ad1-lightgrey, .ad1-hover-lightgrey:hover, .ad1-lightgray,.ad1-hover-lightgray:hover {color: #484848 !important; background-color: #E1E1E1 !important;}
.ad1-light-grey, .ad1-hover-light-grey:hover, .ad1-light-gray,.ad1-hover-light-gray:hover {color: #484848 !important; background-color: #E1E1E1 !important;}
.ad1-darkgrey,.ad1-hover-darkgrey:hover,.ad1-darkgray,.ad1-hover-darkgray:hover {color: #fff !important; background-color: #616161 !important;}
.ad1-darkslategrey,.ad1-hover-darkslategrey:hover,.ad1-darkslategray,.ad1-hover-darkslategray:hover {color: #fff !important; background-color: #2F4F4F !important;}
.ad1-green,.ad1-hover-green:hover {color: #fff !important; background-color: #4CAF50 !important;}
.ad1-lightseagreen,.ad1-hover-lightseagreen:hover {color: #fff !important; background-color: #20B2AA !important;}
.ad1-yellowgreen,.ad1-hover-yellowgreen:hover {color: #fff !important; background-color: #9ACD32 !important;}
.ad1-lawngreen,.ad1-hover-lawngreen:hover {color: #fff !important; background-color: #7CFC00 !important;}
.ad1-lightgreen,.ad1-hover-lightgreen:hover {color: #fff !important; background-color: #8bc34a !important;}
.ad1-springgreen,.ad1-hover-springgreen:hover {color: #474747 !important; background-color: #00FF7F !important;}
.ad1-gold,.ad1-hover-gold:hover {color: #fff !important; background-color: #474747 !important; background-color: #FFD700 !important;}
.ad1-fuchsia,.ad1-hover-fuchsia:hover {color: #fff !important; background-color: #474747 !important; background-color: #ff00ff !important;}
.ad1-indigo,.ad1-hover-indigo:hover {color: #fff !important; background-color: #3f51b5 !important;}
.ad1-khaki,.ad1-hover-khaki:hover {color: #474747 !important; background-color: #f0e68c !important;}
.ad1-lime,.ad1-hover-lime:hover {color: #474747 !important; background-color: #cddc39 !important;}
.ad1-orange,.ad1-hover-orange:hover {color: #fff !important; background-color: #ff9800 !important;}
.ad1-orangered,.ad1-hover-orangered:hover {color: #fff !important; background-color: #ff4500 !important;}
.ad1-navy,.ad1-navy:hover {color: #fff !important; background-color: #2D6580 !important;}
.ad1-pink,.ad1-hover-pink:hover {color: #fff !important; background-color: #e91e63 !important;}
.ad1-deeppink,.ad1-hover-deeppink:hover {color: #fff !important; background-color: #FF1493 !important;}
.ad1-purple,.ad1-hover-purple:hover {color: #fff !important; background-color: #9c27b0 !important;}
.ad1-mediumpurple,.ad1-hover-mediumpurple:hover {color: #fff !important; background-color: #673ab7 !important;}
.ad1-red,.ad1-hover-red:hover {color: #fff !important; background-color: #ae0000 !important;}
.ad1-red-deep,.ad1-hover-red-deep:hover {color: #fff !important; background-color: #ae0000 !important;}
.ad1-darkred,.ad1-hover-darkred:hover {color: #fff !important; background-color: #ae0000 !important;}
.ad1-indianred,.ad1-hover-indianred:hover {color: #fff !important; background-color: #CD5C5C !important;}
.ad1-mediumorchid,.ad1-hover-mediumorchid:hover {color: #fff !important; background-color: #BA55D3 !important;}
.ad1-firebrick,.ad1-hover-firebrick:hover {color: #fff !important; background-color: #b22222 !important;}
.ad1-sand,.ad1-hover-sand:hover {color: #474747 !important; background-color: #fdf5e6 !important;}
.ad1-teal,.ad1-hover-teal:hover {color: #fff !important; background-color: #009688 !important;}
.ad1-yellow,.ad1-hover-yellow:hover {color: #474747 !important; background-color: #ffeb3b !important;}
.ad1-white,.ad1-hover-white:hover {color: #474747 !important; background-color: #fff !important;}
.ad1-floralwhite,.ad1-hover-floralwhite:hover {color: #474747 !important; background-color: #FFFAF0 !important;}
.ad1-ghostwhite,.ad1-hover-ghostwhite:hover {color: #474747 !important; background-color: #F8F8FF !important;}
.ad1-whitesmoke,.ad1-hover-whitesmoke:hover {color: #474747 !important; background-color: #F4F4F4 !important;}
.ad1-white-smoke,.ad1-hover-white-smoke:hover {color: #474747 !important; background-color: #F4F4F4 !important;}
.ad1-turquaz,.ad1-hover-turquaz:hover {color: #fff !important; background-color: #51C3D8 !important;}
.ad1-rebeccapurple,.ad1-hover-rebeccapurple:hover {color: #fff !important; background-color: #682860 !important;}
.ad1-mediumvioletred,.ad1-hover-mediumvioletred:hover {color: #fff !important; background-color: #C71585 !important;}
.ad1-darkviolet,.ad1-hover-darkviolet:hover {color: #fff !important; background-color: #9400D3 !important;}
.ad1-salmon,.ad1-hover-salmon:hover {color: #fff !important; background-color: #FA8072 !important;}
.ad1-violet,.ad1-hover-violet:hover {color: #fff !important; background-color: #EE82EE !important;}
.ad1-palered,.ad1-hover-palered:hover {color: #474747 !important; background-color: #ffdddd !important;}
.ad1-palegreen,.ad1-hover-palegreen:hover {color: #474747 !important; background-color: #ddffdd !important;}
.ad1-paleyellow,.ad1-hover-paleyellow:hover {color: #474747 !important; background-color: #ffffcc !important;}
.ad1-paleblue,.ad1-hover-paleblue:hover {color: #474747 !important; background-color: #ddffff !important;}
.ad1-paleturquoise,.ad1-hover-paleturquoise:hover {color: #474747 !important; background-color: #afeeee !important;}
.ad1-palevioletred,.ad1-hover-palevioletred:hover {color: #fff !important; background-color: #DB7093 !important;}
.ad1-hover-underline-amber:hover {padding-bottom: 4px; border-bottom: 2px groove #ffc107 !important;}
.ad1-hover-underline-aqua:hover {padding-bottom: 4px; border-bottom: 2px groove #00ffff !important;}
.ad1-hover-underline-blue:hover {padding-bottom: 4px; border-bottom: 2px groove #2196F3 !important;}
.ad1-hover-underline-light-blue:hover {padding-bottom: 4px; border-bottom: 2px groove #87CEEB !important;}
.ad1-hover-underline-brown:hover {padding-bottom: 4px; border-bottom: 2px groove #795548 !important;}
.ad1-hover-underline-cyan:hover {padding-bottom: 4px; border-bottom: 2px groove #00bcd4 !important;}
.ad1-hover-underline-crimson:hover {padding-bottom: 4px; border-bottom: 2px groove #DC143C !important;}
.ad1-hover-underline-blue-grey:hover {padding-bottom: 4px; border-bottom: 2px groove #607d8b !important;}
.ad1-hover-underline-blue-gray:hover {padding-bottom: 4px; border-bottom: 2px groove #607d8b !important;}
.ad1-hover-underline-darkblue:hover {padding-bottom: 4px; border-bottom: 2px groove #33308B !important;}
.ad1-hover-underline-midnightblue:hover {padding-bottom: 4px; border-bottom: 2px groove #003366 !important;}
.ad1-hover-underline-navy:hover {padding-bottom: 4px; border-bottom: 2px groove #333080 !important;}
.ad1-hover-underline-green:hover {padding-bottom: 4px; border-bottom: 2px groove #4CAF50 !important;}
.ad1-hover-underline-green-deep:hover {padding-bottom: 4px; border-bottom: 2px groove #0F7530 !important;}
.ad1-hover-underline-light-green:hover {padding-bottom: 4px; border-bottom: 2px groove #8bc34a !important;}
.ad1-hover-underline-indigo:hover {padding-bottom: 4px; border-bottom: 2px groove #3f51b5 !important;}
.ad1-hover-underline-khaki:hover {padding-bottom: 4px; border-bottom: 2px groove #f0e68c !important;}
.ad1-hover-underline-lime:hover {padding-bottom: 4px; border-bottom: 2px groove #cddc39 !important;}
.ad1-hover-underline-orange:hover {padding-bottom: 4px; border-bottom: 2px groove #ff9800 !important;}
.ad1-hover-underline-deep-orange:hover {padding-bottom: 4px; border-bottom: 2px groove #ff5722 !important;}
.ad1-hover-underline-pink:hover {padding-bottom: 4px; border-bottom: 2px groove #e91e63 !important;}
.ad1-hover-underline-purple:hover {padding-bottom: 4px; border-bottom: 2px groove #9c27b0 !important;}
.ad1-hover-underline-deep-purple:hover {padding-bottom: 4px; border-bottom: 2px groove #673ab7 !important;}
.ad1-hover-underline-red:hover {padding-bottom: 4px; padding-bottom: 4px; border-bottom: 2px groove #ae0000 !important;}
.ad1-hover-underline-sand:hover {padding-bottom: 4px; border-bottom: 2px groove #fdf5e6 !important;}
.ad1-hover-underline-teal:hover {padding-bottom: 4px; border-bottom: 2px groove #009688 !important;}
.ad1-hover-underline-yellow:hover {padding-bottom: 4px; border-bottom: 2px groove #ffeb3b !important;}
.ad1-hover-underline-white:hover {padding-bottom: 4px; border-bottom: 2px groove #fff !important;}
.ad1-hover-underline-white-grey:hover {padding-bottom: 4px; border-bottom: 2px groove #f7f7f7 !important;}
.ad1-hover-underline-black:hover {padding-bottom: 4px; border-bottom: 2px groove #333 !important;}
.ad1-hover-underline-grey:hover {padding-bottom: 4px; border-bottom: 2px groove #666 !important;}
.ad1-hover-underline-gray:hover {padding-bottom: 4px; border-bottom: 2px groove #666 !important;}
.ad1-hover-underline-grey-light:hover {padding-bottom: 4px; border-bottom: 2px groove #f7f7f7 !important;}
.ad1-hover-underline-gray-light-:hover {padding-bottom: 4px; border-bottom: 2px groove #f7f7f7 !important;}
.ad1-hover-underline-grey-dark:hover {padding-bottom: 4px; border-bottom: 2px groove #616161 !important;}
.ad1-hover-underline-gray-dark:hover {padding-bottom: 4px; border-bottom: 2px groove #616161 !important;}
.ad1-hover-underline-pale-red:hover {padding-bottom: 4px; border-bottom: 2px groove #ffdddd !important;}
.ad1-hover-underline-pale-green:hover {padding-bottom: 4px; border-bottom: 2px groove #ddffdd !important;}
.ad1-hover-underline-pale-yellow:hover {padding-bottom: 4px; border-bottom: 2px groove #ffffcc !important;}
.ad1-hover-underline-pale-blue:hover {padding-bottom: 4px; border-bottom: 2px groove #ddffff !important;}
.ad1-text-crimson,.ad1-hover-text-crimson:hover {color: #DC143C !important;}
.ad1-text-red,.ad1-hover-text-red:hover {color: #f44336 !important;}
.ad1-text-firebrick,.ad1-hover-text-firebrick:hover {color: #b22222 !important;}
.ad1-text-red-deep,.ad1-hover-text-red-deep:hover {color: #ae0000 !important;}
.ad1-text-darkred,.ad1-hover-text-darkred:hover {color: #ae0000 !important;}
.ad1-text-red-dark,.ad1-hover-text-red-dark:hover {color: #CC0000 !important;}
.ad1-text-green,.ad1-hover-text-green:hover {color: #4CAF50 !important;}
.ad1-text-blue,.ad1-hover-text-blue:hover {color: #2196F3 !important;}
.ad1-text-yellow,.ad1-hover-text-yellow:hover {color: #ffeb3b !important;}
.ad1-text-white,.ad1-hover-text-white:hover {color: #fff !important;}
.ad1-text-black,.ad1-hover-text-black:hover {color: #474747 !important;}
.ad1-text-grey,.ad1-hover-text-grey:hover,.ad1-text-gray,.ad1-hover-text-gray:hover {color: #757575 !important;}
.ad1-text-gold,.ad1-hover-gold:hover {color: #FFD700 !important;}
.ad1-text-amber {color: #ffc107 !important;}
.ad1-text-aqua {color: #00ffff !important;}
.ad1-text-light-blue {color: #87CEEB !important;}
.ad1-text-brown {color: #795548 !important;}
.ad1-text-cyan {color: #00bcd4 !important;}
.ad1-text-darkcyan {color: #008B8B !important;}
.ad1-text-blue-grey,.ad1-text-blue-gray {color: #607d8b !important;}
.ad1-text-light-green {color: #8bc34a !important;}
.ad1-text-indigo {color: #3f51b5 !important;}
.ad1-text-khaki {color: #b4aa50 !important;}
.ad1-text-lime {color: #cddc39 !important;}
.ad1-text-orange {color: #ff9800 !important;}
.ad1-text-orangered {color: #ff4500 !important;}
.ad1-text-deep-orange {color: #ff5722 !important;}
.ad1-text-pink {color: #e91e63 !important;}
.ad1-text-purple {color: #9c27b0 !important;}
.ad1-text-mediumpurple {color: #673ab7 !important;}
.ad1-text-deep-purple {color: #673ab7 !important;}
.ad1-text-rebeccapurple {color: #682860 !important;}
.ad1-text-mediumvioletred {color: #C71585 !important;}
.ad1-text-darkviolet {color: #9400D3 !important;}
.ad1-text-salmon {color: #FA8072 !important;}
.ad1-text-violet {color: #EE82EE !important;}
.ad1-text-sand {color: #fdf5e6 !important;}
.ad1-text-teal {color: #009688 !important;}
.ad1-text-dimgrey {color: #616161 !important;}
.ad1-text-light-grey,.ad1-hover-text-light-grey:hover,.ad1-text-light-gray,.ad1-hover-text-light-gray:hover {color: #f1f1f1 !important;}
.ad1-text-dark-grey,.ad1-hover-text-dark-grey:hover,.ad1-text-dark-gray,.ad1-hover-text-dark-gray:hover {color: #3a3a3a !important;}
.ad1-border-red,.ad1-hover-border-red:hover {border: 1px solid #f44336 !important;}
.ad1-border-green,.ad1-hover-border-green:hover {border: 1px solid #4CAF50 !important;}
.ad1-border-blue,.ad1-hover-border-blue:hover {border: 1px solid #2196F3 !important;}
.ad1-border-yellow,.ad1-hover-border-yellow:hover {border: 1px solid #ffeb3b !important;}
.ad1-border-white,.ad1-hover-border-white:hover {border: 1px solid #fff !important;}
.ad1-border-black,.ad1-hover-border-black:hover {border: 1px solid #000 !important;}
.ad1-border-grey,.ad1-hover-border-grey:hover,.ad1-border-gray,.ad1-hover-border-gray:hover {border: 1px solid #bbb !important;}
.ad1-bordered-grey,.ad1-hover-bordered-grey:hover,.ad1-bordered-gray,.ad1-hover-bordered-gray:hover {border: 2px #CCC solid;}
.back-to-top {position: fixed; bottom: 0; right: 0; width: 50px; height: 50px; display: none; text-decoration: none; color: #484848; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin-top: 0; margin-right: 5px; margin-bottom: 30px; margin-left: 0; transition: 0.5s; box-shadow: 0px 2px 3px #999; border: 0; text-align: center; vertical-align: middle;}
a.tip {text-decoration: none;}
a.tip:hover {cursor: help; position: relative;}
a.tip span {display: none;}
a.tip:hover span {border: #c0c0c0 1px dotted; padding: 5px 20px 5px 5px; display: block; z-index: 100; background: #fff; right: 0; margin-top: 15px; min-width: 220px; position: absolute; top: 10px; text-decoration: none; text-align: left;}
.tooltip {position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; width: 125px; display: block; font-size: 14px; background-color: #f0f0f0; color: #484848; text-align: center; border-radius: 3px; padding: 5px; position: absolute; z-index: 1; bottom: 35px; left: -55px; opacity: 0; transition: opacity 0.3s;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: 0px; border: #484848 2px dotted; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
.ad1-alert {padding: 10px; background-color: #f44336; color: white; opacity: 1; transition: opacity 0.6s; margin-top: 0;}
.ad1-alert.success {background-color: #4CAF50;}
.ad1-alert.info {background-color: #2196F3;}
.ad1-alert.warning {background-color: #ff9800;}
.ad1-blink {animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite;}
@keyframes blink-animation {
to {visibility: hidden;}
}
@-webkit-keyframes blink-animation {
to {visibility: hidden;}
}
.ad1-blink-slow {animation: blink-animation 1s steps(3, start) infinite; -webkit-animation: blink-animation 1s steps(3, start) infinite;}
@keyframes blink-animation {
to {visibility: hidden;}
}
@-webkit-keyframes blink-animation {
to {visibility: hidden;}
}
.ad1-blink-fast {animation: blink-animation 2s steps(7, start) infinite; -webkit-animation: blink-animation 2s steps(7, start) infinite;}
@keyframes blink-animation {
to {visibility: hidden;}
}
@-webkit-keyframes blink-animation {
to {visibility: hidden;}
}
.ad1-closebtn {margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s;}
.ad1-closebtn:hover {color: black;}
.pagination {display: inline-block;}
.pagination a {color: black; float: left; padding: 8px 16px; text-decoration: none;}
.pagination a.hover {background-color: #474747; color: white;}
.pagination a.active {background-color: #FF0000; color: white;}
.scroll-up {position: fixed; bottom: 0; right: 0; width: 40px; height: 40px; display: none; text-decoration: none; margin-top: 0; margin-right: 5px; margin-bottom: 30px; margin-left: 0; transition: 0.5s; border: 0; text-align: center; vertical-align: middle;}
.ad1-search-btn {cursor: pointer; position: fixed; bottom: 50px; right: 0; width: 40px; height: 40px; display: block; text-decoration: none; color: #484848; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin-top: 0; margin-right: 5px; margin-bottom: 50px; margin-left: 0; transition: 0.5s; box-shadow: 0px 2px 3px #484848; border: 0; text-align: center; vertical-align: middle;}
.score-text {line-height: 25px; padding: 5px 5px;}
.score {display: inline-block; font-family: Wingdings; font-size: 25px; color: #ccc; position: relative;}
.score::before,.score::after {content: "★★★★★"; display: block;}
.score::after {color: gold; position: absolute; top: 0; left: 0; overflow: hidden;}
.score.s0::after {width: 0%;}
.score.s1::after {width: 10%;}
.score.s2::after {width: 20%;}
.score.s3::after {width: 30%;}
.score.s4::after {width: 40%;}
.score.s5::after {width: 50%;}
.score.s6::after {width: 60%;}
.score.s7::after {width: 70%;}
.score.s8::after {width: 80%;}
.score.s9::after {width: 90%;}
.score.s10::after {width: 100%;}
.ad1-display-middle {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
@media (max-width:1280px) {
.ad1-quarter {width: 33.3333%;}
}
@media (max-width:1279px) and (min-width:993px) {
.ad1-modal-content {width: 900px;}
.ad1-sidebar.ad1-collapse {display: block !important;}
.ad1-hide-large {display: none !important;}
}
@media (min-width:601px) {
.ad1-col.m1 {width: 8.33333%;}
.ad1-col.m2 {width: 16.66666%;}
.ad1-col.m3 {width: 24.9999%;}
.ad1-col.m4,.ad1-third {width: 33.33333%;}
.ad1-col.m5 {width: 41.66666%;}
.ad1-col.m6,.ad1-half {width: 49.99999%;}
.ad1-col.m7 {width: 58.33333%;}
.ad1-col.m8,.ad1-twothird {width: 66.66666%;}
.ad1-col.m9,.ad1-threequarter {width: 74.99999%;}
.ad1-col.m10 {width: 83.33333%;}
.ad1-col.m11 {width: 91.66666%;}
.ad1-col.m12 {width: 99.99999%;}
}
@media (min-width:993px) {
.ad1-col.l1 {width: 8.33333%;}
.ad1-col.l2 {width: 16.66666%;}
.ad1-col.l3 {width: 24.99999%;}
.ad1-col.l4 {width: 33.33333%;}
.ad1-col.l5 {width: 41.66666%;}
.ad1-col.l6 {width: 49.99999%;}
.ad1-col.l7 {width: 58.33333%;}
.ad1-col.l8 {width: 66.66666%;}
.ad1-col.l9 {width: 74.99999%;}
.ad1-col.l10 {width: 83.33333%;}
.ad1-col.l11 {width: 91.66666%;}
.ad1-col.l12 {width: 99.99999%;}
.ad1-five-list {width: 24.9999%; float: left;}
.ad1-modal-content {width: 900px;}
.ad1-sidebar.ad1-collapse {display: block !important;}
.ad1-hide-large {display: none !important;}
}
@media (min-width:1280px) {
.ad1-col.x1 {width: 8.33333%;}
.ad1-col.x2 {width: 16.66666%;}
.ad1-col.x3 {width: 24.99999%;}
.ad1-col.x4 {width: 33.33333%;}
.ad1-col.x5 {width: 41.66666%;}
.ad1-col.x6 {width: 49.99999%;}
.ad1-col.x7 {width: 58.33333%;}
.ad1-col.x8 {width: 66.66666%;}
.ad1-col.x9 {width: 74.99999%;}
.ad1-col.x10 {width: 83.33333%;}
.ad1-col.x11 {width: 91.66666%;}
.ad1-col.x12 {width: 99.99999%;}
.ad1-five-list {width: 19.9999%; float: left;}
.ad1-hide-xlarge {display: none !important;}
}
@media (max-width:992px) and (min-width:601px) {
.ad1-hide-medium {display: none !important;}
.ad1-five-list {width: 33.3333%; float: left;}
.ad1-container-submenu {padding: 0px;}
}
@media (max-width:992px) {
#loginForm {background-image: url(../img/login.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
html,body {font-family: "Poppins",sans-serif; font-size: 13px; line-height: 1.5;}
html {overflow-x: hidden; overflow-y: auto;}
header {position: relative; z-index: 1;}
.ad1-container-page {padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
#mySidebar {z-index: 3; width: 350px;}
.ad1-menu-title {padding-top: 10px; padding-bottom: 10px; padding-left: 16px; padding-right: 16px; font-weight: 500;}
.ad1-sidebar.ad1-collapse {display: none;}
.ad1-main {margin-left: 0 !important; margin-right: 0 !important; margin-top: 34px;}
.ad1-quarter {width: 33.3333%;}
.ad1-container-img10,.ad1-container-img15,.ad1-container-img20 {height: auto; display: flex; align-items: center; justify-content: center;}
.ad1-container-submenu {padding-left: 16px; padding-right: 16px;}
.ad1-button-submenu {width: 100%; border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: justify; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px; margin-bottom: 5px;}
.ad1-button-new-submenu {float: none; width: 100%; border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: justify; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px; margin-bottom: 5px;}
}
@media (max-width:768px) {
.ad1-modal-content {width: 500px;}
.ad1-modal {padding-top: 50px;}
.ad1-half,.ad1-quarter {width: 49.9999%;}
.ad1-container-submenu {padding-left: 16px; padding-right: 16px;}
.ad1-header-page {position: relative;}
}
@media (max-width:600px) {
header {position: relative; z-index: 1;}
.ad1-header-page {position: relative;}
#mySidebar {z-index: 3; width: 100%;}
.ad1-five-list {width: 50%; float: left;}
.ad1-col,.ad1-half,.ad1-third,.ad1-twothird,.ad1-threequarter,.ad1-quarter {float: left; width: 100%;}
.ad1-modal-content {margin: 0 10px; width: auto !important;}
.ad1-modal {padding-top: 30px;}
.ad1-input {padding: 8px; display: block; border: none; border-bottom: 1px solid #ccc; width: 100%;}
.ad1-select {padding: 9px 0; width: 100%; border: none; border-bottom: 1px solid #ccc;}
.ad1-select-list {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); padding: 8px 16px !important; width: 100%;}
.ad1-input-label {clear: both !important; width: 100%; padding: 6px; float: left;}
.ad1-dropdown-hover.ad1-mobile .ad1-dropdown-content,.ad1-dropdown-click.ad1-mobile .ad1-dropdown-content {position: relative;}
.ad1-hide-small {display: none !important;}
.ad1-mobile {display: block; width: 100% !important;}
.ad1-bar-item.ad1-mobile,.ad1-dropdown-hover.ad1-mobile,.ad1-dropdown-click.ad1-mobile {text-align: center;}
.ad1-dropdown-hover.ad1-mobile,.ad1-dropdown-hover.ad1-mobile .ad1-btn,.ad1-dropdown-hover.ad1-mobile .ad1-button,.ad1-dropdown-click.ad1-mobile,.ad1-dropdown-click.ad1-mobile .ad1-btn,.ad1-dropdown-click.ad1-mobile .ad1-button {width: 100%;}
.ad1-modal-content-login {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-modal-content-msg {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 300px;}
.ad1-modal-content-form {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-modal-content-form-1 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-modal-content-form-2 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-modal-content-form-3 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-modal-content-form-4 {margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; max-width: 400px;}
.ad1-container-submenu {padding-left: 16px; padding-right: 16px;}
.ad1-submenu-button {width: 100%; border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: justify; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px; margin-bottom: 5px;}
.ad1-button-submenu {width: 100%; border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: justify; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px; margin-bottom: 5px;}
.ad1-button-new-submenu {float: none; width: 100%; border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: justify; cursor: pointer; white-space: nowrap; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-weight: 600; font-family: "Poppins", sans-serif; border-radius: 5px; margin-bottom: 5px;}
}
/* ============================================================ AD1 EXTENDED RESPONSIVE BREAKPOINTS — 2026 ADDITIVE / NON-BREAKING: - All pre-existing rules and @media queries above remain intact. - New classes are optional and start with ad1-. - Based on CSS viewport width, NOT physical device pixel count. - Mobile-first: newer breakpoint class wins at its min-width. - Supports narrow phones, phones, tablets, laptop/desktop, wide desktop, high-density and ultra-wide viewport layouts. Example: ...
...
Tiers: xs 0+, sm 576+, md 768+, lg 992+, xl 1200+, xxl 1400+, 3xl 1536+, fhd 1920+, uhd 2560+. Your legacy .ad1-col.s*, .ad1-col.m*, .ad1-col.l*, .ad1-col.x* and legacy breakpoints remain unchanged. ============================================================ */
/* 00 / XS: all viewport widths; mobile-first column baseline */
.ad1-div-responsive-container {box-sizing: border-box; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px;}
.ad1-col-xs-1 {float: left; width: 8.333333%;}
.ad1-col-xs-2 {float: left; width: 16.666667%;}
.ad1-col-xs-3 {float: left; width: 25%;}
.ad1-col-xs-4 {float: left; width: 33.333333%;}
.ad1-col-xs-5 {float: left; width: 41.666667%;}
.ad1-col-xs-6 {float: left; width: 50%;}
.ad1-col-xs-7 {float: left; width: 58.333333%;}
.ad1-col-xs-8 {float: left; width: 66.666667%;}
.ad1-col-xs-9 {float: left; width: 75%;}
.ad1-col-xs-10 {float: left; width: 83.333333%;}
.ad1-col-xs-11 {float: left; width: 91.666667%;}
.ad1-col-xs-12 {float: left; width: 100%;}
/* 01 / Very narrow phones: 0–359.98 CSS pixels */
@media (max-width: 359.98px) {
.ad1-div-responsive-container {padding-right: 12px; padding-left: 12px;}
}
/* 02 / SM: 576px and wider — small devices / large-phone landscape */
@media (min-width: 576px) {
.ad1-div-responsive-container {max-width: 540px;}
.ad1-col-sm-1 {float: left; width: 8.333333%;}
.ad1-col-sm-2 {float: left; width: 16.666667%;}
.ad1-col-sm-3 {float: left; width: 25%;}
.ad1-col-sm-4 {float: left; width: 33.333333%;}
.ad1-col-sm-5 {float: left; width: 41.666667%;}
.ad1-col-sm-6 {float: left; width: 50%;}
.ad1-col-sm-7 {float: left; width: 58.333333%;}
.ad1-col-sm-8 {float: left; width: 66.666667%;}
.ad1-col-sm-9 {float: left; width: 75%;}
.ad1-col-sm-10 {float: left; width: 83.333333%;}
.ad1-col-sm-11 {float: left; width: 91.666667%;}
.ad1-col-sm-12 {float: left; width: 100%;}
}
/* 03 / MD: 768px and wider — tablet portrait */
@media (min-width: 768px) {
.ad1-div-responsive-container {max-width: 720px;}
.ad1-col-md-1 {float: left; width: 8.333333%;}
.ad1-col-md-2 {float: left; width: 16.666667%;}
.ad1-col-md-3 {float: left; width: 25%;}
.ad1-col-md-4 {float: left; width: 33.333333%;}
.ad1-col-md-5 {float: left; width: 41.666667%;}
.ad1-col-md-6 {float: left; width: 50%;}
.ad1-col-md-7 {float: left; width: 58.333333%;}
.ad1-col-md-8 {float: left; width: 66.666667%;}
.ad1-col-md-9 {float: left; width: 75%;}
.ad1-col-md-10 {float: left; width: 83.333333%;}
.ad1-col-md-11 {float: left; width: 91.666667%;}
.ad1-col-md-12 {float: left; width: 100%;}
}
/* 04 / LG: 992px and wider — tablet landscape / laptop */
@media (min-width: 992px) {
.ad1-div-responsive-container {max-width: 960px;}
.ad1-col-lg-1 {float: left; width: 8.333333%;}
.ad1-col-lg-2 {float: left; width: 16.666667%;}
.ad1-col-lg-3 {float: left; width: 25%;}
.ad1-col-lg-4 {float: left; width: 33.333333%;}
.ad1-col-lg-5 {float: left; width: 41.666667%;}
.ad1-col-lg-6 {float: left; width: 50%;}
.ad1-col-lg-7 {float: left; width: 58.333333%;}
.ad1-col-lg-8 {float: left; width: 66.666667%;}
.ad1-col-lg-9 {float: left; width: 75%;}
.ad1-col-lg-10 {float: left; width: 83.333333%;}
.ad1-col-lg-11 {float: left; width: 91.666667%;}
.ad1-col-lg-12 {float: left; width: 100%;}
}
/* 05 / XL: 1200px and wider — desktop / laptop */
@media (min-width: 1200px) {
.ad1-div-responsive-container {max-width: 1140px;}
.ad1-col-xl-1 {float: left; width: 8.333333%;}
.ad1-col-xl-2 {float: left; width: 16.666667%;}
.ad1-col-xl-3 {float: left; width: 25%;}
.ad1-col-xl-4 {float: left; width: 33.333333%;}
.ad1-col-xl-5 {float: left; width: 41.666667%;}
.ad1-col-xl-6 {float: left; width: 50%;}
.ad1-col-xl-7 {float: left; width: 58.333333%;}
.ad1-col-xl-8 {float: left; width: 66.666667%;}
.ad1-col-xl-9 {float: left; width: 75%;}
.ad1-col-xl-10 {float: left; width: 83.333333%;}
.ad1-col-xl-11 {float: left; width: 91.666667%;}
.ad1-col-xl-12 {float: left; width: 100%;}
}
/* 06 / XXL: 1400px and wider — large desktop */
@media (min-width: 1400px) {
.ad1-div-responsive-container {max-width: 1320px;}
.ad1-col-xxl-1 {float: left; width: 8.333333%;}
.ad1-col-xxl-2 {float: left; width: 16.666667%;}
.ad1-col-xxl-3 {float: left; width: 25%;}
.ad1-col-xxl-4 {float: left; width: 33.333333%;}
.ad1-col-xxl-5 {float: left; width: 41.666667%;}
.ad1-col-xxl-6 {float: left; width: 50%;}
.ad1-col-xxl-7 {float: left; width: 58.333333%;}
.ad1-col-xxl-8 {float: left; width: 66.666667%;}
.ad1-col-xxl-9 {float: left; width: 75%;}
.ad1-col-xxl-10 {float: left; width: 83.333333%;}
.ad1-col-xxl-11 {float: left; width: 91.666667%;}
.ad1-col-xxl-12 {float: left; width: 100%;}
}
/* 07 / 3XL: 1536px and wider — high-resolution desktop */
@media (min-width: 1536px) {
.ad1-div-responsive-container {max-width: 1440px;}
.ad1-col-3xl-1 {float: left; width: 8.333333%;}
.ad1-col-3xl-2 {float: left; width: 16.666667%;}
.ad1-col-3xl-3 {float: left; width: 25%;}
.ad1-col-3xl-4 {float: left; width: 33.333333%;}
.ad1-col-3xl-5 {float: left; width: 41.666667%;}
.ad1-col-3xl-6 {float: left; width: 50%;}
.ad1-col-3xl-7 {float: left; width: 58.333333%;}
.ad1-col-3xl-8 {float: left; width: 66.666667%;}
.ad1-col-3xl-9 {float: left; width: 75%;}
.ad1-col-3xl-10 {float: left; width: 83.333333%;}
.ad1-col-3xl-11 {float: left; width: 91.666667%;}
.ad1-col-3xl-12 {float: left; width: 100%;}
}
/* 08 / FHD: 1920px and wider — very wide browser / FHD-class desktop */
@media (min-width: 1920px) {
.ad1-div-responsive-container {max-width: 1760px;}
.ad1-col-fhd-1 {float: left; width: 8.333333%;}
.ad1-col-fhd-2 {float: left; width: 16.666667%;}
.ad1-col-fhd-3 {float: left; width: 25%;}
.ad1-col-fhd-4 {float: left; width: 33.333333%;}
.ad1-col-fhd-5 {float: left; width: 41.666667%;}
.ad1-col-fhd-6 {float: left; width: 50%;}
.ad1-col-fhd-7 {float: left; width: 58.333333%;}
.ad1-col-fhd-8 {float: left; width: 66.666667%;}
.ad1-col-fhd-9 {float: left; width: 75%;}
.ad1-col-fhd-10 {float: left; width: 83.333333%;}
.ad1-col-fhd-11 {float: left; width: 91.666667%;}
.ad1-col-fhd-12 {float: left; width: 100%;}
}
/* 09 / UHD: 2560px and wider — ultra-wide / UHD-class browser viewport */
@media (min-width: 2560px) {
.ad1-div-responsive-container {max-width: 2304px;}
.ad1-col-uhd-1 {float: left; width: 8.333333%;}
.ad1-col-uhd-2 {float: left; width: 16.666667%;}
.ad1-col-uhd-3 {float: left; width: 25%;}
.ad1-col-uhd-4 {float: left; width: 33.333333%;}
.ad1-col-uhd-5 {float: left; width: 41.666667%;}
.ad1-col-uhd-6 {float: left; width: 50%;}
.ad1-col-uhd-7 {float: left; width: 58.333333%;}
.ad1-col-uhd-8 {float: left; width: 66.666667%;}
.ad1-col-uhd-9 {float: left; width: 75%;}
.ad1-col-uhd-10 {float: left; width: 83.333333%;}
.ad1-col-uhd-11 {float: left; width: 91.666667%;}
.ad1-col-uhd-12 {float: left; width: 100%;}
}
/* ===================================================================== AD1 UNIFIED RESPONSIVE UTILITIES (opt-in; no legacy changes) ===================================================================== All 9 tiers expose an identical class vocabulary. Base styles (colors, radius, borders, animation etc.) already work on EVERY device and should NOT be duplicated in each @media block. Old ad1 classes, breakpoints, and their declarations are untouched. xs >=0, sm >=576, md >=768, lg >=992, xl >=1200, xxl >=1400, 3xl >=1536, fhd >=1920, uhd >=2560 CSS viewport px. At larger widths, the last applicable class in the same family wins. Note: if attaching multiple .ad1-width-* or .ad1-display-* tiers, write xs then sm then md ... in HTML for readability (CSS source order, not HTML class order, actually controls the final result). ===================================================================== */
/* Responsive building blocks: enabled only when explicitly added. */
.ad1-div-flex-responsive {display: flex; min-width: 0;}
.ad1-div-grid-responsive {display: grid; min-width: 0;}
.ad1-div-responsive-content {min-width: 0; max-width: 100%;}
.ad1-image-responsive {display: block; max-width: 100%; height: auto;}
.ad1-div-table-responsive {display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.ad1-div-table-responsive > table {width: 100%; border-collapse: collapse;}
.ad1-form-responsive {display: flex; flex-wrap: wrap; width: 100%; gap: 12px; box-sizing: border-box;}
.ad1-form-field-responsive {flex: 1 1 240px; min-width: 0; max-width: 100%;}
.ad1-input-responsive, .ad1-select-responsive, .ad1-textarea-responsive {width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box;}
.ad1-modal-content-responsive {width: calc(100% - 24px) !important; max-width: 900px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;}
/* ----- XS : 0+ CSS viewport pixels ----- */
.ad1-width-xs-auto {width: auto !important;}
.ad1-width-xs-25 {width: 25% !important;}
.ad1-width-xs-33 {width: 33.333333% !important;}
.ad1-width-xs-50 {width: 50% !important;}
.ad1-width-xs-66 {width: 66.666667% !important;}
.ad1-width-xs-75 {width: 75% !important;}
.ad1-width-xs-100 {width: 100% !important;}
.ad1-display-xs-none {display: none !important;}
.ad1-display-xs-block {display: block !important;}
.ad1-display-xs-inline {display: inline !important;}
.ad1-display-xs-inline-block {display: inline-block !important;}
.ad1-display-xs-flex {display: flex !important;}
.ad1-display-xs-inline-flex {display: inline-flex !important;}
.ad1-display-xs-grid {display: grid !important;}
.ad1-display-xs-table {display: table !important;}
.ad1-text-xs-left {text-align: left !important;}
.ad1-text-xs-center {text-align: center !important;}
.ad1-text-xs-right {text-align: right !important;}
.ad1-text-xs-justify {text-align: justify !important;}
.ad1-padding-xs-0 {padding: 0px !important;}
.ad1-margin-xs-0 {margin: 0px !important;}
.ad1-gap-xs-0 {gap: 0px !important;}
.ad1-padding-xs-4 {padding: 4px !important;}
.ad1-margin-xs-4 {margin: 4px !important;}
.ad1-gap-xs-4 {gap: 4px !important;}
.ad1-padding-xs-8 {padding: 8px !important;}
.ad1-margin-xs-8 {margin: 8px !important;}
.ad1-gap-xs-8 {gap: 8px !important;}
.ad1-padding-xs-12 {padding: 12px !important;}
.ad1-margin-xs-12 {margin: 12px !important;}
.ad1-gap-xs-12 {gap: 12px !important;}
.ad1-padding-xs-16 {padding: 16px !important;}
.ad1-margin-xs-16 {margin: 16px !important;}
.ad1-gap-xs-16 {gap: 16px !important;}
.ad1-padding-xs-24 {padding: 24px !important;}
.ad1-margin-xs-24 {margin: 24px !important;}
.ad1-gap-xs-24 {gap: 24px !important;}
.ad1-padding-xs-32 {padding: 32px !important;}
.ad1-margin-xs-32 {margin: 32px !important;}
.ad1-gap-xs-32 {gap: 32px !important;}
.ad1-grid-xs-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-xs-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-xs-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-xs-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-xs-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-xs-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-xs-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-xs-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-xs-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-xs-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-xs-wrap {flex-wrap: wrap !important;}
.ad1-flex-xs-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-xs-start {justify-content: flex-start !important;}
.ad1-justify-xs-end {justify-content: flex-end !important;}
.ad1-justify-xs-center {justify-content: center !important;}
.ad1-justify-xs-between {justify-content: space-between !important;}
.ad1-justify-xs-around {justify-content: space-around !important;}
.ad1-justify-xs-evenly {justify-content: space-evenly !important;}
.ad1-align-xs-start {align-items: flex-start !important;}
.ad1-align-xs-end {align-items: flex-end !important;}
.ad1-align-xs-center {align-items: center !important;}
.ad1-align-xs-stretch {align-items: stretch !important;}
.ad1-align-xs-baseline {align-items: baseline !important;}
.ad1-font-xs-12 {font-size: 12px !important;}
.ad1-font-xs-14 {font-size: 14px !important;}
.ad1-font-xs-16 {font-size: 16px !important;}
.ad1-font-xs-18 {font-size: 18px !important;}
.ad1-font-xs-20 {font-size: 20px !important;}
.ad1-font-xs-24 {font-size: 24px !important;}
.ad1-font-xs-32 {font-size: 32px !important;}
.ad1-order-xs-first {order: -1 !important;}
.ad1-order-xs-0 {order: 0 !important;}
.ad1-order-xs-1 {order: 1 !important;}
.ad1-order-xs-2 {order: 2 !important;}
.ad1-order-xs-3 {order: 3 !important;}
.ad1-order-xs-4 {order: 4 !important;}
.ad1-order-xs-5 {order: 5 !important;}
.ad1-order-xs-6 {order: 6 !important;}
.ad1-order-xs-last {order: 999 !important;}
.ad1-float-xs-left {float: left !important;}
.ad1-float-xs-right {float: right !important;}
.ad1-float-xs-none {float: none !important;}
.ad1-form-xs-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-xs-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-xs-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-xs-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-xs-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-xs-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-xs-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-xs-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-xs-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-xs-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-xs-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-xs-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-xs-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-xs-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-xs-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-xs-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-xs-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-xs-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-xs-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-xs-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-xs-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-xs-12 {float: left; width: 100.000000%;}
/* ----- SM : 576+ CSS viewport pixels ----- */
@media (min-width: 576px) {
.ad1-width-sm-auto {width: auto !important;}
.ad1-width-sm-25 {width: 25% !important;}
.ad1-width-sm-33 {width: 33.333333% !important;}
.ad1-width-sm-50 {width: 50% !important;}
.ad1-width-sm-66 {width: 66.666667% !important;}
.ad1-width-sm-75 {width: 75% !important;}
.ad1-width-sm-100 {width: 100% !important;}
.ad1-display-sm-none {display: none !important;}
.ad1-display-sm-block {display: block !important;}
.ad1-display-sm-inline {display: inline !important;}
.ad1-display-sm-inline-block {display: inline-block !important;}
.ad1-display-sm-flex {display: flex !important;}
.ad1-display-sm-inline-flex {display: inline-flex !important;}
.ad1-display-sm-grid {display: grid !important;}
.ad1-display-sm-table {display: table !important;}
.ad1-text-sm-left {text-align: left !important;}
.ad1-text-sm-center {text-align: center !important;}
.ad1-text-sm-right {text-align: right !important;}
.ad1-text-sm-justify {text-align: justify !important;}
.ad1-padding-sm-0 {padding: 0px !important;}
.ad1-margin-sm-0 {margin: 0px !important;}
.ad1-gap-sm-0 {gap: 0px !important;}
.ad1-padding-sm-4 {padding: 4px !important;}
.ad1-margin-sm-4 {margin: 4px !important;}
.ad1-gap-sm-4 {gap: 4px !important;}
.ad1-padding-sm-8 {padding: 8px !important;}
.ad1-margin-sm-8 {margin: 8px !important;}
.ad1-gap-sm-8 {gap: 8px !important;}
.ad1-padding-sm-12 {padding: 12px !important;}
.ad1-margin-sm-12 {margin: 12px !important;}
.ad1-gap-sm-12 {gap: 12px !important;}
.ad1-padding-sm-16 {padding: 16px !important;}
.ad1-margin-sm-16 {margin: 16px !important;}
.ad1-gap-sm-16 {gap: 16px !important;}
.ad1-padding-sm-24 {padding: 24px !important;}
.ad1-margin-sm-24 {margin: 24px !important;}
.ad1-gap-sm-24 {gap: 24px !important;}
.ad1-padding-sm-32 {padding: 32px !important;}
.ad1-margin-sm-32 {margin: 32px !important;}
.ad1-gap-sm-32 {gap: 32px !important;}
.ad1-grid-sm-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-sm-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-sm-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-sm-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-sm-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-sm-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-sm-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-sm-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-sm-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-sm-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-sm-wrap {flex-wrap: wrap !important;}
.ad1-flex-sm-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-sm-start {justify-content: flex-start !important;}
.ad1-justify-sm-end {justify-content: flex-end !important;}
.ad1-justify-sm-center {justify-content: center !important;}
.ad1-justify-sm-between {justify-content: space-between !important;}
.ad1-justify-sm-around {justify-content: space-around !important;}
.ad1-justify-sm-evenly {justify-content: space-evenly !important;}
.ad1-align-sm-start {align-items: flex-start !important;}
.ad1-align-sm-end {align-items: flex-end !important;}
.ad1-align-sm-center {align-items: center !important;}
.ad1-align-sm-stretch {align-items: stretch !important;}
.ad1-align-sm-baseline {align-items: baseline !important;}
.ad1-font-sm-12 {font-size: 12px !important;}
.ad1-font-sm-14 {font-size: 14px !important;}
.ad1-font-sm-16 {font-size: 16px !important;}
.ad1-font-sm-18 {font-size: 18px !important;}
.ad1-font-sm-20 {font-size: 20px !important;}
.ad1-font-sm-24 {font-size: 24px !important;}
.ad1-font-sm-32 {font-size: 32px !important;}
.ad1-order-sm-first {order: -1 !important;}
.ad1-order-sm-0 {order: 0 !important;}
.ad1-order-sm-1 {order: 1 !important;}
.ad1-order-sm-2 {order: 2 !important;}
.ad1-order-sm-3 {order: 3 !important;}
.ad1-order-sm-4 {order: 4 !important;}
.ad1-order-sm-5 {order: 5 !important;}
.ad1-order-sm-6 {order: 6 !important;}
.ad1-order-sm-last {order: 999 !important;}
.ad1-float-sm-left {float: left !important;}
.ad1-float-sm-right {float: right !important;}
.ad1-float-sm-none {float: none !important;}
.ad1-form-sm-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-sm-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-sm-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-sm-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-sm-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-sm-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-sm-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-sm-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-sm-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-sm-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-sm-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-sm-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-sm-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-sm-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-sm-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-sm-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-sm-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-sm-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-sm-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-sm-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-sm-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-sm-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 540px;}
}
/* ----- MD : 768+ CSS viewport pixels ----- */
@media (min-width: 768px) {
.ad1-width-md-auto {width: auto !important;}
.ad1-width-md-25 {width: 25% !important;}
.ad1-width-md-33 {width: 33.333333% !important;}
.ad1-width-md-50 {width: 50% !important;}
.ad1-width-md-66 {width: 66.666667% !important;}
.ad1-width-md-75 {width: 75% !important;}
.ad1-width-md-100 {width: 100% !important;}
.ad1-display-md-none {display: none !important;}
.ad1-display-md-block {display: block !important;}
.ad1-display-md-inline {display: inline !important;}
.ad1-display-md-inline-block {display: inline-block !important;}
.ad1-display-md-flex {display: flex !important;}
.ad1-display-md-inline-flex {display: inline-flex !important;}
.ad1-display-md-grid {display: grid !important;}
.ad1-display-md-table {display: table !important;}
.ad1-text-md-left {text-align: left !important;}
.ad1-text-md-center {text-align: center !important;}
.ad1-text-md-right {text-align: right !important;}
.ad1-text-md-justify {text-align: justify !important;}
.ad1-padding-md-0 {padding: 0px !important;}
.ad1-margin-md-0 {margin: 0px !important;}
.ad1-gap-md-0 {gap: 0px !important;}
.ad1-padding-md-4 {padding: 4px !important;}
.ad1-margin-md-4 {margin: 4px !important;}
.ad1-gap-md-4 {gap: 4px !important;}
.ad1-padding-md-8 {padding: 8px !important;}
.ad1-margin-md-8 {margin: 8px !important;}
.ad1-gap-md-8 {gap: 8px !important;}
.ad1-padding-md-12 {padding: 12px !important;}
.ad1-margin-md-12 {margin: 12px !important;}
.ad1-gap-md-12 {gap: 12px !important;}
.ad1-padding-md-16 {padding: 16px !important;}
.ad1-margin-md-16 {margin: 16px !important;}
.ad1-gap-md-16 {gap: 16px !important;}
.ad1-padding-md-24 {padding: 24px !important;}
.ad1-margin-md-24 {margin: 24px !important;}
.ad1-gap-md-24 {gap: 24px !important;}
.ad1-padding-md-32 {padding: 32px !important;}
.ad1-margin-md-32 {margin: 32px !important;}
.ad1-gap-md-32 {gap: 32px !important;}
.ad1-grid-md-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-md-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-md-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-md-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-md-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-md-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-md-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-md-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-md-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-md-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-md-wrap {flex-wrap: wrap !important;}
.ad1-flex-md-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-md-start {justify-content: flex-start !important;}
.ad1-justify-md-end {justify-content: flex-end !important;}
.ad1-justify-md-center {justify-content: center !important;}
.ad1-justify-md-between {justify-content: space-between !important;}
.ad1-justify-md-around {justify-content: space-around !important;}
.ad1-justify-md-evenly {justify-content: space-evenly !important;}
.ad1-align-md-start {align-items: flex-start !important;}
.ad1-align-md-end {align-items: flex-end !important;}
.ad1-align-md-center {align-items: center !important;}
.ad1-align-md-stretch {align-items: stretch !important;}
.ad1-align-md-baseline {align-items: baseline !important;}
.ad1-font-md-12 {font-size: 12px !important;}
.ad1-font-md-14 {font-size: 14px !important;}
.ad1-font-md-16 {font-size: 16px !important;}
.ad1-font-md-18 {font-size: 18px !important;}
.ad1-font-md-20 {font-size: 20px !important;}
.ad1-font-md-24 {font-size: 24px !important;}
.ad1-font-md-32 {font-size: 32px !important;}
.ad1-order-md-first {order: -1 !important;}
.ad1-order-md-0 {order: 0 !important;}
.ad1-order-md-1 {order: 1 !important;}
.ad1-order-md-2 {order: 2 !important;}
.ad1-order-md-3 {order: 3 !important;}
.ad1-order-md-4 {order: 4 !important;}
.ad1-order-md-5 {order: 5 !important;}
.ad1-order-md-6 {order: 6 !important;}
.ad1-order-md-last {order: 999 !important;}
.ad1-float-md-left {float: left !important;}
.ad1-float-md-right {float: right !important;}
.ad1-float-md-none {float: none !important;}
.ad1-form-md-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-md-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-md-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-md-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-md-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-md-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-md-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-md-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-md-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-md-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-md-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-md-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-md-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-md-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-md-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-md-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-md-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-md-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-md-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-md-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-md-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-md-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 720px;}
}
/* ----- LG : 992+ CSS viewport pixels ----- */
@media (min-width: 992px) {
.ad1-width-lg-auto {width: auto !important;}
.ad1-width-lg-25 {width: 25% !important;}
.ad1-width-lg-33 {width: 33.333333% !important;}
.ad1-width-lg-50 {width: 50% !important;}
.ad1-width-lg-66 {width: 66.666667% !important;}
.ad1-width-lg-75 {width: 75% !important;}
.ad1-width-lg-100 {width: 100% !important;}
.ad1-display-lg-none {display: none !important;}
.ad1-display-lg-block {display: block !important;}
.ad1-display-lg-inline {display: inline !important;}
.ad1-display-lg-inline-block {display: inline-block !important;}
.ad1-display-lg-flex {display: flex !important;}
.ad1-display-lg-inline-flex {display: inline-flex !important;}
.ad1-display-lg-grid {display: grid !important;}
.ad1-display-lg-table {display: table !important;}
.ad1-text-lg-left {text-align: left !important;}
.ad1-text-lg-center {text-align: center !important;}
.ad1-text-lg-right {text-align: right !important;}
.ad1-text-lg-justify {text-align: justify !important;}
.ad1-padding-lg-0 {padding: 0px !important;}
.ad1-margin-lg-0 {margin: 0px !important;}
.ad1-gap-lg-0 {gap: 0px !important;}
.ad1-padding-lg-4 {padding: 4px !important;}
.ad1-margin-lg-4 {margin: 4px !important;}
.ad1-gap-lg-4 {gap: 4px !important;}
.ad1-padding-lg-8 {padding: 8px !important;}
.ad1-margin-lg-8 {margin: 8px !important;}
.ad1-gap-lg-8 {gap: 8px !important;}
.ad1-padding-lg-12 {padding: 12px !important;}
.ad1-margin-lg-12 {margin: 12px !important;}
.ad1-gap-lg-12 {gap: 12px !important;}
.ad1-padding-lg-16 {padding: 16px !important;}
.ad1-margin-lg-16 {margin: 16px !important;}
.ad1-gap-lg-16 {gap: 16px !important;}
.ad1-padding-lg-24 {padding: 24px !important;}
.ad1-margin-lg-24 {margin: 24px !important;}
.ad1-gap-lg-24 {gap: 24px !important;}
.ad1-padding-lg-32 {padding: 32px !important;}
.ad1-margin-lg-32 {margin: 32px !important;}
.ad1-gap-lg-32 {gap: 32px !important;}
.ad1-grid-lg-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-lg-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-lg-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-lg-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-lg-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-lg-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-lg-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-lg-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-lg-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-lg-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-lg-wrap {flex-wrap: wrap !important;}
.ad1-flex-lg-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-lg-start {justify-content: flex-start !important;}
.ad1-justify-lg-end {justify-content: flex-end !important;}
.ad1-justify-lg-center {justify-content: center !important;}
.ad1-justify-lg-between {justify-content: space-between !important;}
.ad1-justify-lg-around {justify-content: space-around !important;}
.ad1-justify-lg-evenly {justify-content: space-evenly !important;}
.ad1-align-lg-start {align-items: flex-start !important;}
.ad1-align-lg-end {align-items: flex-end !important;}
.ad1-align-lg-center {align-items: center !important;}
.ad1-align-lg-stretch {align-items: stretch !important;}
.ad1-align-lg-baseline {align-items: baseline !important;}
.ad1-font-lg-12 {font-size: 12px !important;}
.ad1-font-lg-14 {font-size: 14px !important;}
.ad1-font-lg-16 {font-size: 16px !important;}
.ad1-font-lg-18 {font-size: 18px !important;}
.ad1-font-lg-20 {font-size: 20px !important;}
.ad1-font-lg-24 {font-size: 24px !important;}
.ad1-font-lg-32 {font-size: 32px !important;}
.ad1-order-lg-first {order: -1 !important;}
.ad1-order-lg-0 {order: 0 !important;}
.ad1-order-lg-1 {order: 1 !important;}
.ad1-order-lg-2 {order: 2 !important;}
.ad1-order-lg-3 {order: 3 !important;}
.ad1-order-lg-4 {order: 4 !important;}
.ad1-order-lg-5 {order: 5 !important;}
.ad1-order-lg-6 {order: 6 !important;}
.ad1-order-lg-last {order: 999 !important;}
.ad1-float-lg-left {float: left !important;}
.ad1-float-lg-right {float: right !important;}
.ad1-float-lg-none {float: none !important;}
.ad1-form-lg-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-lg-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-lg-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-lg-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-lg-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-lg-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-lg-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-lg-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-lg-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-lg-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-lg-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-lg-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-lg-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-lg-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-lg-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-lg-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-lg-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-lg-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-lg-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-lg-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-lg-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-lg-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 900px;}
}
/* ----- XL : 1200+ CSS viewport pixels ----- */
@media (min-width: 1200px) {
.ad1-width-xl-auto {width: auto !important;}
.ad1-width-xl-25 {width: 25% !important;}
.ad1-width-xl-33 {width: 33.333333% !important;}
.ad1-width-xl-50 {width: 50% !important;}
.ad1-width-xl-66 {width: 66.666667% !important;}
.ad1-width-xl-75 {width: 75% !important;}
.ad1-width-xl-100 {width: 100% !important;}
.ad1-display-xl-none {display: none !important;}
.ad1-display-xl-block {display: block !important;}
.ad1-display-xl-inline {display: inline !important;}
.ad1-display-xl-inline-block {display: inline-block !important;}
.ad1-display-xl-flex {display: flex !important;}
.ad1-display-xl-inline-flex {display: inline-flex !important;}
.ad1-display-xl-grid {display: grid !important;}
.ad1-display-xl-table {display: table !important;}
.ad1-text-xl-left {text-align: left !important;}
.ad1-text-xl-center {text-align: center !important;}
.ad1-text-xl-right {text-align: right !important;}
.ad1-text-xl-justify {text-align: justify !important;}
.ad1-padding-xl-0 {padding: 0px !important;}
.ad1-margin-xl-0 {margin: 0px !important;}
.ad1-gap-xl-0 {gap: 0px !important;}
.ad1-padding-xl-4 {padding: 4px !important;}
.ad1-margin-xl-4 {margin: 4px !important;}
.ad1-gap-xl-4 {gap: 4px !important;}
.ad1-padding-xl-8 {padding: 8px !important;}
.ad1-margin-xl-8 {margin: 8px !important;}
.ad1-gap-xl-8 {gap: 8px !important;}
.ad1-padding-xl-12 {padding: 12px !important;}
.ad1-margin-xl-12 {margin: 12px !important;}
.ad1-gap-xl-12 {gap: 12px !important;}
.ad1-padding-xl-16 {padding: 16px !important;}
.ad1-margin-xl-16 {margin: 16px !important;}
.ad1-gap-xl-16 {gap: 16px !important;}
.ad1-padding-xl-24 {padding: 24px !important;}
.ad1-margin-xl-24 {margin: 24px !important;}
.ad1-gap-xl-24 {gap: 24px !important;}
.ad1-padding-xl-32 {padding: 32px !important;}
.ad1-margin-xl-32 {margin: 32px !important;}
.ad1-gap-xl-32 {gap: 32px !important;}
.ad1-grid-xl-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-xl-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-xl-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-xl-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-xl-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-xl-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-xl-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-xl-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-xl-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-xl-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-xl-wrap {flex-wrap: wrap !important;}
.ad1-flex-xl-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-xl-start {justify-content: flex-start !important;}
.ad1-justify-xl-end {justify-content: flex-end !important;}
.ad1-justify-xl-center {justify-content: center !important;}
.ad1-justify-xl-between {justify-content: space-between !important;}
.ad1-justify-xl-around {justify-content: space-around !important;}
.ad1-justify-xl-evenly {justify-content: space-evenly !important;}
.ad1-align-xl-start {align-items: flex-start !important;}
.ad1-align-xl-end {align-items: flex-end !important;}
.ad1-align-xl-center {align-items: center !important;}
.ad1-align-xl-stretch {align-items: stretch !important;}
.ad1-align-xl-baseline {align-items: baseline !important;}
.ad1-font-xl-12 {font-size: 12px !important;}
.ad1-font-xl-14 {font-size: 14px !important;}
.ad1-font-xl-16 {font-size: 16px !important;}
.ad1-font-xl-18 {font-size: 18px !important;}
.ad1-font-xl-20 {font-size: 20px !important;}
.ad1-font-xl-24 {font-size: 24px !important;}
.ad1-font-xl-32 {font-size: 32px !important;}
.ad1-order-xl-first {order: -1 !important;}
.ad1-order-xl-0 {order: 0 !important;}
.ad1-order-xl-1 {order: 1 !important;}
.ad1-order-xl-2 {order: 2 !important;}
.ad1-order-xl-3 {order: 3 !important;}
.ad1-order-xl-4 {order: 4 !important;}
.ad1-order-xl-5 {order: 5 !important;}
.ad1-order-xl-6 {order: 6 !important;}
.ad1-order-xl-last {order: 999 !important;}
.ad1-float-xl-left {float: left !important;}
.ad1-float-xl-right {float: right !important;}
.ad1-float-xl-none {float: none !important;}
.ad1-form-xl-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-xl-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-xl-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-xl-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-xl-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-xl-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-xl-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-xl-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-xl-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-xl-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-xl-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-xl-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-xl-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-xl-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 900px;}
}
/* ----- XXL : 1400+ CSS viewport pixels ----- */
@media (min-width: 1400px) {
.ad1-width-xxl-auto {width: auto !important;}
.ad1-width-xxl-25 {width: 25% !important;}
.ad1-width-xxl-33 {width: 33.333333% !important;}
.ad1-width-xxl-50 {width: 50% !important;}
.ad1-width-xxl-66 {width: 66.666667% !important;}
.ad1-width-xxl-75 {width: 75% !important;}
.ad1-width-xxl-100 {width: 100% !important;}
.ad1-display-xxl-none {display: none !important;}
.ad1-display-xxl-block {display: block !important;}
.ad1-display-xxl-inline {display: inline !important;}
.ad1-display-xxl-inline-block {display: inline-block !important;}
.ad1-display-xxl-flex {display: flex !important;}
.ad1-display-xxl-inline-flex {display: inline-flex !important;}
.ad1-display-xxl-grid {display: grid !important;}
.ad1-display-xxl-table {display: table !important;}
.ad1-text-xxl-left {text-align: left !important;}
.ad1-text-xxl-center {text-align: center !important;}
.ad1-text-xxl-right {text-align: right !important;}
.ad1-text-xxl-justify {text-align: justify !important;}
.ad1-padding-xxl-0 {padding: 0px !important;}
.ad1-margin-xxl-0 {margin: 0px !important;}
.ad1-gap-xxl-0 {gap: 0px !important;}
.ad1-padding-xxl-4 {padding: 4px !important;}
.ad1-margin-xxl-4 {margin: 4px !important;}
.ad1-gap-xxl-4 {gap: 4px !important;}
.ad1-padding-xxl-8 {padding: 8px !important;}
.ad1-margin-xxl-8 {margin: 8px !important;}
.ad1-gap-xxl-8 {gap: 8px !important;}
.ad1-padding-xxl-12 {padding: 12px !important;}
.ad1-margin-xxl-12 {margin: 12px !important;}
.ad1-gap-xxl-12 {gap: 12px !important;}
.ad1-padding-xxl-16 {padding: 16px !important;}
.ad1-margin-xxl-16 {margin: 16px !important;}
.ad1-gap-xxl-16 {gap: 16px !important;}
.ad1-padding-xxl-24 {padding: 24px !important;}
.ad1-margin-xxl-24 {margin: 24px !important;}
.ad1-gap-xxl-24 {gap: 24px !important;}
.ad1-padding-xxl-32 {padding: 32px !important;}
.ad1-margin-xxl-32 {margin: 32px !important;}
.ad1-gap-xxl-32 {gap: 32px !important;}
.ad1-grid-xxl-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-xxl-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-xxl-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-xxl-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-xxl-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-xxl-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-xxl-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-xxl-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-xxl-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-xxl-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-xxl-wrap {flex-wrap: wrap !important;}
.ad1-flex-xxl-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-xxl-start {justify-content: flex-start !important;}
.ad1-justify-xxl-end {justify-content: flex-end !important;}
.ad1-justify-xxl-center {justify-content: center !important;}
.ad1-justify-xxl-between {justify-content: space-between !important;}
.ad1-justify-xxl-around {justify-content: space-around !important;}
.ad1-justify-xxl-evenly {justify-content: space-evenly !important;}
.ad1-align-xxl-start {align-items: flex-start !important;}
.ad1-align-xxl-end {align-items: flex-end !important;}
.ad1-align-xxl-center {align-items: center !important;}
.ad1-align-xxl-stretch {align-items: stretch !important;}
.ad1-align-xxl-baseline {align-items: baseline !important;}
.ad1-font-xxl-12 {font-size: 12px !important;}
.ad1-font-xxl-14 {font-size: 14px !important;}
.ad1-font-xxl-16 {font-size: 16px !important;}
.ad1-font-xxl-18 {font-size: 18px !important;}
.ad1-font-xxl-20 {font-size: 20px !important;}
.ad1-font-xxl-24 {font-size: 24px !important;}
.ad1-font-xxl-32 {font-size: 32px !important;}
.ad1-order-xxl-first {order: -1 !important;}
.ad1-order-xxl-0 {order: 0 !important;}
.ad1-order-xxl-1 {order: 1 !important;}
.ad1-order-xxl-2 {order: 2 !important;}
.ad1-order-xxl-3 {order: 3 !important;}
.ad1-order-xxl-4 {order: 4 !important;}
.ad1-order-xxl-5 {order: 5 !important;}
.ad1-order-xxl-6 {order: 6 !important;}
.ad1-order-xxl-last {order: 999 !important;}
.ad1-float-xxl-left {float: left !important;}
.ad1-float-xxl-right {float: right !important;}
.ad1-float-xxl-none {float: none !important;}
.ad1-form-xxl-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-xxl-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-xxl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-xxl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-xxl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-xxl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-xxl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-xxl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-xxl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-xxl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-xxl-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-xxl-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-xxl-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-xxl-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-xxl-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-xxl-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-xxl-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-xxl-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-xxl-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-xxl-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-xxl-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-xxl-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 900px;}
}
/* ----- 3XL : 1536+ CSS viewport pixels ----- */
@media (min-width: 1536px) {
.ad1-width-3xl-auto {width: auto !important;}
.ad1-width-3xl-25 {width: 25% !important;}
.ad1-width-3xl-33 {width: 33.333333% !important;}
.ad1-width-3xl-50 {width: 50% !important;}
.ad1-width-3xl-66 {width: 66.666667% !important;}
.ad1-width-3xl-75 {width: 75% !important;}
.ad1-width-3xl-100 {width: 100% !important;}
.ad1-display-3xl-none {display: none !important;}
.ad1-display-3xl-block {display: block !important;}
.ad1-display-3xl-inline {display: inline !important;}
.ad1-display-3xl-inline-block {display: inline-block !important;}
.ad1-display-3xl-flex {display: flex !important;}
.ad1-display-3xl-inline-flex {display: inline-flex !important;}
.ad1-display-3xl-grid {display: grid !important;}
.ad1-display-3xl-table {display: table !important;}
.ad1-text-3xl-left {text-align: left !important;}
.ad1-text-3xl-center {text-align: center !important;}
.ad1-text-3xl-right {text-align: right !important;}
.ad1-text-3xl-justify {text-align: justify !important;}
.ad1-padding-3xl-0 {padding: 0px !important;}
.ad1-margin-3xl-0 {margin: 0px !important;}
.ad1-gap-3xl-0 {gap: 0px !important;}
.ad1-padding-3xl-4 {padding: 4px !important;}
.ad1-margin-3xl-4 {margin: 4px !important;}
.ad1-gap-3xl-4 {gap: 4px !important;}
.ad1-padding-3xl-8 {padding: 8px !important;}
.ad1-margin-3xl-8 {margin: 8px !important;}
.ad1-gap-3xl-8 {gap: 8px !important;}
.ad1-padding-3xl-12 {padding: 12px !important;}
.ad1-margin-3xl-12 {margin: 12px !important;}
.ad1-gap-3xl-12 {gap: 12px !important;}
.ad1-padding-3xl-16 {padding: 16px !important;}
.ad1-margin-3xl-16 {margin: 16px !important;}
.ad1-gap-3xl-16 {gap: 16px !important;}
.ad1-padding-3xl-24 {padding: 24px !important;}
.ad1-margin-3xl-24 {margin: 24px !important;}
.ad1-gap-3xl-24 {gap: 24px !important;}
.ad1-padding-3xl-32 {padding: 32px !important;}
.ad1-margin-3xl-32 {margin: 32px !important;}
.ad1-gap-3xl-32 {gap: 32px !important;}
.ad1-grid-3xl-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-3xl-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-3xl-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-3xl-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-3xl-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-3xl-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-3xl-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-3xl-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-3xl-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-3xl-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-3xl-wrap {flex-wrap: wrap !important;}
.ad1-flex-3xl-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-3xl-start {justify-content: flex-start !important;}
.ad1-justify-3xl-end {justify-content: flex-end !important;}
.ad1-justify-3xl-center {justify-content: center !important;}
.ad1-justify-3xl-between {justify-content: space-between !important;}
.ad1-justify-3xl-around {justify-content: space-around !important;}
.ad1-justify-3xl-evenly {justify-content: space-evenly !important;}
.ad1-align-3xl-start {align-items: flex-start !important;}
.ad1-align-3xl-end {align-items: flex-end !important;}
.ad1-align-3xl-center {align-items: center !important;}
.ad1-align-3xl-stretch {align-items: stretch !important;}
.ad1-align-3xl-baseline {align-items: baseline !important;}
.ad1-font-3xl-12 {font-size: 12px !important;}
.ad1-font-3xl-14 {font-size: 14px !important;}
.ad1-font-3xl-16 {font-size: 16px !important;}
.ad1-font-3xl-18 {font-size: 18px !important;}
.ad1-font-3xl-20 {font-size: 20px !important;}
.ad1-font-3xl-24 {font-size: 24px !important;}
.ad1-font-3xl-32 {font-size: 32px !important;}
.ad1-order-3xl-first {order: -1 !important;}
.ad1-order-3xl-0 {order: 0 !important;}
.ad1-order-3xl-1 {order: 1 !important;}
.ad1-order-3xl-2 {order: 2 !important;}
.ad1-order-3xl-3 {order: 3 !important;}
.ad1-order-3xl-4 {order: 4 !important;}
.ad1-order-3xl-5 {order: 5 !important;}
.ad1-order-3xl-6 {order: 6 !important;}
.ad1-order-3xl-last {order: 999 !important;}
.ad1-float-3xl-left {float: left !important;}
.ad1-float-3xl-right {float: right !important;}
.ad1-float-3xl-none {float: none !important;}
.ad1-form-3xl-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-3xl-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-3xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-3xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-3xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-3xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-3xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-3xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-3xl-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-3xl-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-3xl-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-3xl-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-3xl-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-3xl-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-3xl-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-3xl-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-3xl-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-3xl-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-3xl-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-3xl-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-3xl-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-3xl-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 900px;}
}
/* ----- FHD : 1920+ CSS viewport pixels ----- */
@media (min-width: 1920px) {
.ad1-width-fhd-auto {width: auto !important;}
.ad1-width-fhd-25 {width: 25% !important;}
.ad1-width-fhd-33 {width: 33.333333% !important;}
.ad1-width-fhd-50 {width: 50% !important;}
.ad1-width-fhd-66 {width: 66.666667% !important;}
.ad1-width-fhd-75 {width: 75% !important;}
.ad1-width-fhd-100 {width: 100% !important;}
.ad1-display-fhd-none {display: none !important;}
.ad1-display-fhd-block {display: block !important;}
.ad1-display-fhd-inline {display: inline !important;}
.ad1-display-fhd-inline-block {display: inline-block !important;}
.ad1-display-fhd-flex {display: flex !important;}
.ad1-display-fhd-inline-flex {display: inline-flex !important;}
.ad1-display-fhd-grid {display: grid !important;}
.ad1-display-fhd-table {display: table !important;}
.ad1-text-fhd-left {text-align: left !important;}
.ad1-text-fhd-center {text-align: center !important;}
.ad1-text-fhd-right {text-align: right !important;}
.ad1-text-fhd-justify {text-align: justify !important;}
.ad1-padding-fhd-0 {padding: 0px !important;}
.ad1-margin-fhd-0 {margin: 0px !important;}
.ad1-gap-fhd-0 {gap: 0px !important;}
.ad1-padding-fhd-4 {padding: 4px !important;}
.ad1-margin-fhd-4 {margin: 4px !important;}
.ad1-gap-fhd-4 {gap: 4px !important;}
.ad1-padding-fhd-8 {padding: 8px !important;}
.ad1-margin-fhd-8 {margin: 8px !important;}
.ad1-gap-fhd-8 {gap: 8px !important;}
.ad1-padding-fhd-12 {padding: 12px !important;}
.ad1-margin-fhd-12 {margin: 12px !important;}
.ad1-gap-fhd-12 {gap: 12px !important;}
.ad1-padding-fhd-16 {padding: 16px !important;}
.ad1-margin-fhd-16 {margin: 16px !important;}
.ad1-gap-fhd-16 {gap: 16px !important;}
.ad1-padding-fhd-24 {padding: 24px !important;}
.ad1-margin-fhd-24 {margin: 24px !important;}
.ad1-gap-fhd-24 {gap: 24px !important;}
.ad1-padding-fhd-32 {padding: 32px !important;}
.ad1-margin-fhd-32 {margin: 32px !important;}
.ad1-gap-fhd-32 {gap: 32px !important;}
.ad1-grid-fhd-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-fhd-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-fhd-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-fhd-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-fhd-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-fhd-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-fhd-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-fhd-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-fhd-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-fhd-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-fhd-wrap {flex-wrap: wrap !important;}
.ad1-flex-fhd-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-fhd-start {justify-content: flex-start !important;}
.ad1-justify-fhd-end {justify-content: flex-end !important;}
.ad1-justify-fhd-center {justify-content: center !important;}
.ad1-justify-fhd-between {justify-content: space-between !important;}
.ad1-justify-fhd-around {justify-content: space-around !important;}
.ad1-justify-fhd-evenly {justify-content: space-evenly !important;}
.ad1-align-fhd-start {align-items: flex-start !important;}
.ad1-align-fhd-end {align-items: flex-end !important;}
.ad1-align-fhd-center {align-items: center !important;}
.ad1-align-fhd-stretch {align-items: stretch !important;}
.ad1-align-fhd-baseline {align-items: baseline !important;}
.ad1-font-fhd-12 {font-size: 12px !important;}
.ad1-font-fhd-14 {font-size: 14px !important;}
.ad1-font-fhd-16 {font-size: 16px !important;}
.ad1-font-fhd-18 {font-size: 18px !important;}
.ad1-font-fhd-20 {font-size: 20px !important;}
.ad1-font-fhd-24 {font-size: 24px !important;}
.ad1-font-fhd-32 {font-size: 32px !important;}
.ad1-order-fhd-first {order: -1 !important;}
.ad1-order-fhd-0 {order: 0 !important;}
.ad1-order-fhd-1 {order: 1 !important;}
.ad1-order-fhd-2 {order: 2 !important;}
.ad1-order-fhd-3 {order: 3 !important;}
.ad1-order-fhd-4 {order: 4 !important;}
.ad1-order-fhd-5 {order: 5 !important;}
.ad1-order-fhd-6 {order: 6 !important;}
.ad1-order-fhd-last {order: 999 !important;}
.ad1-float-fhd-left {float: left !important;}
.ad1-float-fhd-right {float: right !important;}
.ad1-float-fhd-none {float: none !important;}
.ad1-form-fhd-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-fhd-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-fhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-fhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-fhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-fhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-fhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-fhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-fhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-fhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-fhd-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-fhd-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-fhd-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-fhd-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-fhd-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-fhd-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-fhd-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-fhd-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-fhd-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-fhd-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-fhd-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-fhd-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 900px;}
}
/* ----- UHD : 2560+ CSS viewport pixels ----- */
@media (min-width: 2560px) {
.ad1-width-uhd-auto {width: auto !important;}
.ad1-width-uhd-25 {width: 25% !important;}
.ad1-width-uhd-33 {width: 33.333333% !important;}
.ad1-width-uhd-50 {width: 50% !important;}
.ad1-width-uhd-66 {width: 66.666667% !important;}
.ad1-width-uhd-75 {width: 75% !important;}
.ad1-width-uhd-100 {width: 100% !important;}
.ad1-display-uhd-none {display: none !important;}
.ad1-display-uhd-block {display: block !important;}
.ad1-display-uhd-inline {display: inline !important;}
.ad1-display-uhd-inline-block {display: inline-block !important;}
.ad1-display-uhd-flex {display: flex !important;}
.ad1-display-uhd-inline-flex {display: inline-flex !important;}
.ad1-display-uhd-grid {display: grid !important;}
.ad1-display-uhd-table {display: table !important;}
.ad1-text-uhd-left {text-align: left !important;}
.ad1-text-uhd-center {text-align: center !important;}
.ad1-text-uhd-right {text-align: right !important;}
.ad1-text-uhd-justify {text-align: justify !important;}
.ad1-padding-uhd-0 {padding: 0px !important;}
.ad1-margin-uhd-0 {margin: 0px !important;}
.ad1-gap-uhd-0 {gap: 0px !important;}
.ad1-padding-uhd-4 {padding: 4px !important;}
.ad1-margin-uhd-4 {margin: 4px !important;}
.ad1-gap-uhd-4 {gap: 4px !important;}
.ad1-padding-uhd-8 {padding: 8px !important;}
.ad1-margin-uhd-8 {margin: 8px !important;}
.ad1-gap-uhd-8 {gap: 8px !important;}
.ad1-padding-uhd-12 {padding: 12px !important;}
.ad1-margin-uhd-12 {margin: 12px !important;}
.ad1-gap-uhd-12 {gap: 12px !important;}
.ad1-padding-uhd-16 {padding: 16px !important;}
.ad1-margin-uhd-16 {margin: 16px !important;}
.ad1-gap-uhd-16 {gap: 16px !important;}
.ad1-padding-uhd-24 {padding: 24px !important;}
.ad1-margin-uhd-24 {margin: 24px !important;}
.ad1-gap-uhd-24 {gap: 24px !important;}
.ad1-padding-uhd-32 {padding: 32px !important;}
.ad1-margin-uhd-32 {margin: 32px !important;}
.ad1-gap-uhd-32 {gap: 32px !important;}
.ad1-grid-uhd-1 {display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
.ad1-grid-uhd-2 {display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.ad1-grid-uhd-3 {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.ad1-grid-uhd-4 {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.ad1-grid-uhd-5 {display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
.ad1-grid-uhd-6 {display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;}
.ad1-flex-uhd-row {display: flex !important; flex-direction: row !important;}
.ad1-flex-uhd-column {display: flex !important; flex-direction: column !important;}
.ad1-flex-uhd-row-reverse {display: flex !important; flex-direction: row-reverse !important;}
.ad1-flex-uhd-column-reverse {display: flex !important; flex-direction: column-reverse !important;}
.ad1-flex-uhd-wrap {flex-wrap: wrap !important;}
.ad1-flex-uhd-nowrap {flex-wrap: nowrap !important;}
.ad1-justify-uhd-start {justify-content: flex-start !important;}
.ad1-justify-uhd-end {justify-content: flex-end !important;}
.ad1-justify-uhd-center {justify-content: center !important;}
.ad1-justify-uhd-between {justify-content: space-between !important;}
.ad1-justify-uhd-around {justify-content: space-around !important;}
.ad1-justify-uhd-evenly {justify-content: space-evenly !important;}
.ad1-align-uhd-start {align-items: flex-start !important;}
.ad1-align-uhd-end {align-items: flex-end !important;}
.ad1-align-uhd-center {align-items: center !important;}
.ad1-align-uhd-stretch {align-items: stretch !important;}
.ad1-align-uhd-baseline {align-items: baseline !important;}
.ad1-font-uhd-12 {font-size: 12px !important;}
.ad1-font-uhd-14 {font-size: 14px !important;}
.ad1-font-uhd-16 {font-size: 16px !important;}
.ad1-font-uhd-18 {font-size: 18px !important;}
.ad1-font-uhd-20 {font-size: 20px !important;}
.ad1-font-uhd-24 {font-size: 24px !important;}
.ad1-font-uhd-32 {font-size: 32px !important;}
.ad1-order-uhd-first {order: -1 !important;}
.ad1-order-uhd-0 {order: 0 !important;}
.ad1-order-uhd-1 {order: 1 !important;}
.ad1-order-uhd-2 {order: 2 !important;}
.ad1-order-uhd-3 {order: 3 !important;}
.ad1-order-uhd-4 {order: 4 !important;}
.ad1-order-uhd-5 {order: 5 !important;}
.ad1-order-uhd-6 {order: 6 !important;}
.ad1-order-uhd-last {order: 999 !important;}
.ad1-float-uhd-left {float: left !important;}
.ad1-float-uhd-right {float: right !important;}
.ad1-float-uhd-none {float: none !important;}
.ad1-form-uhd-stacked {float: none !important; display: flex !important; width: 100% !important; flex-direction: column !important;}
.ad1-form-uhd-inline {float: none !important; display: flex !important; width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center;}
.ad1-input-uhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-input-uhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-uhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-select-uhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-uhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-textarea-uhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-uhd-full {width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-button-uhd-auto {width: auto !important; max-width: 100%; min-width: 0; box-sizing: border-box;}
.ad1-col.ad1-col-uhd-1 {float: left; width: 8.333333%;}
.ad1-col.ad1-col-uhd-2 {float: left; width: 16.666667%;}
.ad1-col.ad1-col-uhd-3 {float: left; width: 25.000000%;}
.ad1-col.ad1-col-uhd-4 {float: left; width: 33.333333%;}
.ad1-col.ad1-col-uhd-5 {float: left; width: 41.666667%;}
.ad1-col.ad1-col-uhd-6 {float: left; width: 50.000000%;}
.ad1-col.ad1-col-uhd-7 {float: left; width: 58.333333%;}
.ad1-col.ad1-col-uhd-8 {float: left; width: 66.666667%;}
.ad1-col.ad1-col-uhd-9 {float: left; width: 75.000000%;}
.ad1-col.ad1-col-uhd-10 {float: left; width: 83.333333%;}
.ad1-col.ad1-col-uhd-11 {float: left; width: 91.666667%;}
.ad1-col.ad1-col-uhd-12 {float: left; width: 100.000000%;}
.ad1-modal-content-responsive {max-width: 900px;}
}
/* ============================================================ JAPONIS LOGIN UI — opt-in; original AD1 selectors untouched ============================================================ */
.ad1-div-login-page {min-height:calc(100vh - 66px);min-height:calc(100dvh - 66px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);background:#f4f5f7;isolation:isolate;}
.ad1-div-login-brand {position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:clamp(28px,5vw,80px);color:#fff;background-color:#222833;overflow:hidden;}
.ad1-div-login-brand:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.12),transparent 35%),linear-gradient(145deg,rgba(18,24,39,.48),rgba(14,22,35,.86));pointer-events:none;}
.ad1-div-login-brand-inner {position:relative;z-index:1;text-align:center;max-width:580px;width:100%;}
.ad1-div-login-brand-image {width:min(100%,420px);height:auto;max-height:360px;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(0,0,0,.12));}
.ad1-text-login-brand-title {font-size:clamp(23px,3vw,40px);font-weight:650;line-height:1.22;letter-spacing:.035em;color:inherit;margin:22px 0 8px;overflow-wrap:anywhere;}
.ad1-text-login-brand-description {font-size:14px;letter-spacing:.18em;text-transform:uppercase;opacity:.88;}
.ad1-div-login-panel {min-width:0;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,64px);background:#f7f8fa;}
.ad1-div-login-form-panel#loginForm {background:#f7f8fa;}
.ad1-div-login-card {width:min(100%,480px);max-width:480px;border-radius:18px;background:#fff;box-shadow:0 20px 65px rgba(21,31,52,.11),0 1px 4px rgba(21,31,52,.05);border:1px solid rgba(20,32,50,.07);padding:clamp(22px,3vw,42px);}
.ad1-div-login-card-header {display:block;position:static;z-index:auto;width:auto;margin-bottom:22px;text-align:left;}
.ad1-text-login-kicker {font-size:11px;color:#a52f36;letter-spacing:.16em;text-transform:uppercase;font-weight:650;}
.ad1-text-login-title {font-size:clamp(24px,2.3vw,32px);line-height:1.25;font-weight:650;color:#1a2332;margin-top:6px;}
.ad1-text-login-subtitle {font-size:13px;color:#6a7482;margin-top:10px;line-height:1.7;}
.ad1-form-login {width:100%;margin:0;padding:0;}
.ad1-form-login-fieldset {display:block;margin:0 0 17px;padding:7px 12px 9px;border:1px solid #d8dde5;border-radius:9px;min-width:0;transition:border-color .2s,box-shadow .2s;}
.ad1-form-login-fieldset:focus-within {border-color:#a52f36;box-shadow:0 0 0 3px rgba(165,47,54,.10);}
.ad1-form-login-fieldset legend {padding:0 7px;color:#506072;font-size:12px;font-style:normal;font-weight:500;}
.ad1-input-login {width:100%;min-width:0;height:34px;border:0!important;background:transparent!important;box-shadow:none!important;color:#202937;font-size:15px;outline:0!important;padding:5px 0;}
.ad1-div-login-password {display:flex;align-items:center;gap:8px;}
.ad1-button-login-eye {appearance:none;border:0;background:transparent;color:#667281;cursor:pointer;padding:6px;border-radius:6px;flex:0 0 auto;}
.ad1-button-login-eye:hover,.ad1-button-login-eye:focus-visible {color:#a52f36;background:#f5f0f1;outline:2px solid transparent;}
.ad1-button-login-submit {width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 18px;border:0;border-radius:9px;background:#a52f36;color:#fff;font-size:14px;font-weight:600;letter-spacing:.015em;cursor:pointer;transition:background .2s,transform .2s;}
.ad1-button-login-submit:hover {background:#8d242c!important;color:#fff!important;}
.ad1-button-login-submit:active {transform:translateY(1px);}
.ad1-button-login-submit:focus-visible,.ad1-button-login-help:focus-visible {outline:3px solid rgba(165,47,54,.32);outline-offset:2px;}
.ad1-div-login-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 0;flex-wrap:wrap;}
.ad1-button-login-help {border:0;background:transparent;color:#9b2e35;text-decoration:none;cursor:pointer;padding:8px 0;text-align:left;font-size:12px;font-weight:550;}
.ad1-button-login-help:hover {text-decoration:underline;}
.ad1-div-login-error {border:1px solid #f1c4c7;background:#fff4f4;border-radius:10px;padding:12px 15px;color:#8c252a;font-size:13px;line-height:1.6;margin-bottom:20px;}
.ad1-div-login-error strong {display:block;font-weight:700;}
.ad1-div-login-mobile-brand {display:none;text-align:center;padding:14px 14px 6px;}
.ad1-div-login-mobile-brand img {max-width:120px;max-height:70px;width:auto;height:auto;object-fit:contain;}
.ad1-footer-login.ad1-bottom {position:relative;bottom:auto;min-height:66px;display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px!important;z-index:0;}
.ad1-footer-login-inner {display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;line-height:1.4;text-align:center;}
.ad1-footer-login-inner img {height:20px;width:auto;max-width:80px;vertical-align:middle;}
.ad1-footer-login-inner a {color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px;}
.ad1-footer-login-inner a:hover {text-decoration:underline;}
.ad1-div-login-modal {max-width:450px;width:calc(100% - 30px)!important;margin:clamp(35px,8vh,100px) auto!important;border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.2);overflow:hidden;}
.ad1-div-login-modal-heading {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;color:#1d2938;font-weight:650;font-size:16px;}
.ad1-button-login-modal-close {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:#f1f2f4;border-radius:50%;color:#485260;cursor:pointer;}
.ad1-button-login-modal-close:hover {background:#e7e8ea;}
.ad1-div-login-modal-body {padding:20px;}
.ad1-div-login-modal-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px;}
.ad1-button-login-secondary {border:1px solid #d4d8de;border-radius:8px;padding:9px 16px;background:#fff;color:#3a4655;font-size:13px;cursor:pointer;}
.ad1-button-login-secondary:hover {background:#f4f5f7;}
.ad1-button-login-primary {border:0;border-radius:8px;padding:10px 18px;background:#a52f36;color:#fff;font-size:13px;cursor:pointer;}
.ad1-button-login-primary:hover {background:#8d242c;color:#fff;}
@media (max-width:991.98px) {
.ad1-div-login-page {grid-template-columns:1fr;min-height:calc(100dvh - 66px);}
.ad1-div-login-brand {display:none;}
.ad1-div-login-panel {padding:24px;}
.ad1-div-login-mobile-brand {display:block;}
.ad1-div-login-card {max-width:520px;}
}
@media (max-width:575.98px) {
.ad1-div-login-panel {align-items:flex-start;padding:16px;}
.ad1-div-login-card {padding:22px 18px;border-radius:14px;}
.ad1-text-login-title {font-size:25px;}
.ad1-div-login-modal {width:calc(100% - 20px)!important;}
}
@media (prefers-reduced-motion:reduce) {
.ad1-form-login-fieldset,.ad1-button-login-submit {transition:none;}
}
/* === JAPONIS DASHBOARD FRONTEND 2026 / ADDITIVE, SCOPED, BACKEND-SAFE === */
.ad1-body-japonis {--ad1-japonis-ink:#202e3d;--ad1-japonis-muted:#6b7785;--ad1-japonis-bg:#eef2f5;--ad1-japonis-accent:#009688;--ad1-japonis-border:#e4e9ee;background-color:var(--ad1-japonis-bg)!important;min-height:100vh;}
.ad1-div-japonis-topbar {min-height:62px;box-shadow:0 3px 16px rgba(18,29,41,.12);z-index:50!important;position:fixed!important;left:0;right:0;top:0;width:100%;}
.ad1-div-japonis-topbar #navWrap {display:flex;align-items:center;min-height:62px;padding:7px 14px!important;gap:0;}
.ad1-div-japonis-topbar #softwareCol {flex:0 0 220px;width:220px!important;max-width:220px;float:none;}
.ad1-div-japonis-topbar #softwareCol>a {display:block;text-decoration:none;}
.ad1-div-japonis-topbar #softwareCol img {width:auto;height:auto;max-height:34px;object-fit:contain;}
.ad1-div-japonis-topbar #navWrap>.ad1-col.s9 {display:flex;align-items:center;flex:1;min-width:0;width:auto!important;float:none;}
.ad1-div-japonis-topbar #navWrap>.ad1-col.s9>.ad1-col.s1 {width:46px!important;min-width:46px;text-align:center;}
.ad1-div-japonis-topbar #closeMenu,.ad1-div-japonis-topbar #openMenu {padding:9px 0;border-radius:8px;transition:background .16s ease;}
.ad1-div-japonis-topbar #closeMenu:hover,.ad1-div-japonis-topbar #openMenu:hover {background:rgba(255,255,255,.15);}
.ad1-div-japonis-topbar #navBtn {display:flex;justify-content:flex-end;align-items:center;gap:4px;flex:1;min-width:0;width:auto!important;float:none;}
.ad1-div-japonis-topbar #navBtn>.ad1-button-small {flex:0 0 auto;min-width:60px;border-radius:9px;padding:6px 7px;line-height:1.22;transition:background .16s ease;}
.ad1-div-japonis-topbar #navBtn>.ad1-button-small:hover {background:rgba(255,255,255,.14);}
.ad1-div-japonis-topbar #navBtn>.ad1-button-small a {color:inherit;text-decoration:none;}
.ad1-div-japonis-topbar #navBtn .ad1-tiny {font-size:10px!important;white-space:nowrap;}
.ad1-div-japonis-topbar #navBtn .ad1-margin-left,.ad1-div-japonis-topbar #navBtn .ad1-margin-right {margin-left:0!important;margin-right:0!important;}
.ad1-div-japonis-topbar #navBtn .ad1-row.ad1-padding-2 {min-height:23px;}
.ad1-div-japonis-topbar-mobile {height:60px;min-height:60px;padding:11px 8px!important;box-shadow:0 3px 16px rgba(18,29,41,.14);z-index:50!important;}
.ad1-div-japonis-topbar-mobile>.ad1-col {float:none;display:flex;align-items:center;justify-content:center;min-height:36px;}
.ad1-nav-japonis-sidebar {width:220px!important;max-width:220px;top:62px!important;height:calc(100dvh - 62px)!important;z-index:31!important;box-shadow:2px 8px 16px rgba(20,30,45,.07);}
.ad1-nav-japonis-sidebar.ad1-is-collapsed {display:none!important;}
.ad1-nav-japonis-sidebar #inSidebar {overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-head {margin-top:0!important;padding:19px 15px 15px!important;min-height:90px;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-head h4 {letter-spacing:.2em;font-weight:600;font-size:14px;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-links {overflow:visible!important;padding-bottom:18px;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-links>.ad1-bar-item {font-size:11.4px;font-weight:650;letter-spacing:.012em;line-height:1.35;padding:11px 13px!important;transition:background-color .16s ease,padding-left .16s ease;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-links>.ad1-bar-item:hover {padding-left:17px!important;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-links>.ad1-bar-item>.fa-caret-down {transition:transform .15s ease;}
.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-links>.ad1-bar-item.active>.fa-caret-down {transform:rotate(180deg);}
.ad1-nav-japonis-sidebar .panel {border:0!important;margin:0!important;padding:4px 0 7px 11px!important;background:rgba(0,0,0,.13);}
.ad1-nav-japonis-sidebar .panel>.ad1-bar-item {border:0!important;border-left:2px solid rgba(255,255,255,.16)!important;font-size:11px;line-height:1.4;padding:9px 11px!important;white-space:normal;}
.ad1-div-japonis-overlay {background:rgba(9,17,30,.56)!important;z-index:25!important;}
.ad1-main-japonis {margin-top:62px!important;min-height:calc(100dvh - 62px);background:var(--ad1-japonis-bg);}
.ad1-main-japonis>.ad1-header-japonis-content {position:relative!important;display:block!important;width:auto!important;top:auto!important;left:auto!important;right:auto!important;float:none!important;z-index:1!important;}
.ad1-div-japonis-page-header {padding:13px 22px 0;min-height:106px;}
.ad1-div-japonis-page-title {padding:0 0 13px!important;font-weight:650;}
.ad1-div-japonis-page-title h4 {font-size:17px;font-weight:650;letter-spacing:.045em;}
.ad1-div-japonis-page-header .ad1-container-submenu {padding:0;}
.ad1-div-japonis-page-header .ad1-button-submenu {border-radius:9px 9px 0 0;min-height:37px;font-size:12px;padding:9px 15px;}
.ad1-div-japonis-dashboard-content {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:15px;row-gap:12px;width:100%;float:none;clear:both;margin:0!important;padding:20px 21px 34px!important;align-items:start;}
.ad1-div-japonis-report-primary {grid-column:span 9;width:100%!important;max-width:100%;min-width:0;float:none!important;}
.ad1-div-japonis-report-aside {grid-column:span 3;width:100%!important;min-width:0;float:none!important;}
.ad1-div-japonis-report-primary>.ad1-row {margin-top:0!important;margin-bottom:12px;}
.ad1-div-japonis-report-primary>.ad1-row:first-child,.ad1-div-japonis-report-primary>.ad1-row:nth-child(2) {display:flex;align-items:stretch;flex-wrap:wrap;gap:0;}
.ad1-div-japonis-kpi {min-width:0;padding:7px!important;}
.ad1-div-japonis-kpi-card {height:100%;min-height:144px;border:1px solid var(--ad1-japonis-border);box-shadow:0 5px 17px rgba(23,36,54,.07)!important;border-radius:12px!important;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;}
.ad1-div-japonis-kpi-card.ad1-link:hover {box-shadow:0 9px 23px rgba(23,36,54,.13)!important;transform:translateY(-2px);}
.ad1-div-japonis-kpi-card>.ad1-row.ad1-text-gray {height:100%;display:flex;flex-direction:column;}
.ad1-div-japonis-kpi-card>.ad1-row.ad1-text-gray>.ad1-row.ad1-padding {padding:17px 14px!important;flex:1;display:flex;align-items:center;}
.ad1-div-japonis-kpi-card>.ad1-row.ad1-text-gray>.ad1-row.ad1-padding>.ad1-col {min-width:0;}
.ad1-div-japonis-kpi-card .ad1-jumbo {font-size:27px!important;line-height:1.2;}
.ad1-div-japonis-kpi-card .ad1-xxlarge,.ad1-div-japonis-kpi-card .ad1-xlarge {font-size:clamp(18px,1.55vw,25px)!important;line-height:1.35;}
.ad1-div-japonis-kpi-card .ad1-row.ad1-whitesmoke.ad1-round-bottom {padding:10px 5px!important;display:flex;align-items:stretch;min-height:57px;}
.ad1-div-japonis-kpi-card .ad1-row.ad1-whitesmoke.ad1-round-bottom .ad1-large {font-size:14px!important;font-weight:650;}
.ad1-div-japonis-kpi-card .ad1-row.ad1-whitesmoke.ad1-round-bottom .ad1-col {line-height:1.4;}
.ad1-div-japonis-report-primary .ad1-div-japonis-data-group,.ad1-div-japonis-report-aside .ad1-div-japonis-data-group {border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--ad1-japonis-border);box-shadow:0 5px 16px rgba(23,36,54,.055);margin-bottom:12px!important;}
.ad1-div-japonis-data-group>.ad1-col {padding:0!important;}
.ad1-div-japonis-data-group .ad1-row.ad1-round-top {padding:2px 5px;font-size:12px;font-weight:650;}
.ad1-div-japonis-data-group .ad1-row.ad1-border.ad1-list-style {border:0!important;border-bottom:1px solid #edf0f3!important;transition:background-color .16s ease;}
.ad1-div-japonis-data-group .ad1-row.ad1-border.ad1-list-style:last-child {border-bottom:0!important;}
.ad1-div-japonis-data-group .ad1-row.ad1-border.ad1-list-style:hover {background:#ecf7f5!important;}
.ad1-div-japonis-data-group .ad1-row.ad1-border.ad1-list-style .ad1-padding {padding:11px 10px!important;overflow-wrap:anywhere;}
.ad1-div-japonis-report-aside #topProductsYear .ad1-row.ad1-border.ad1-list-style {padding:6px;}
.ad1-div-japonis-report-aside #topProductsYear img {width:52px;max-width:100%;height:52px;object-fit:contain;border-radius:6px;background:#f4f7f8;}
.ad1-div-japonis-dashboard-content .ad1-list-style:nth-child(even) {background-color:#f7f9fa;}
@media (max-width:1535.98px) {
.ad1-div-japonis-dashboard-content {grid-template-columns:repeat(12,minmax(0,1fr));}
.ad1-div-japonis-report-primary {grid-column:span 12;}
.ad1-div-japonis-report-aside {grid-column:span 12;}
.ad1-div-japonis-report-aside #topProductsYear .ad1-row.ad1-border.ad1-list-style {max-width:780px;}
}
@media (max-width:1279.98px) {
.ad1-div-japonis-report-primary .ad1-div-japonis-kpi {width:50%!important;}
.ad1-div-japonis-topbar #navBtn>.ad1-button-small {min-width:56px;padding:6px 4px;}
.ad1-div-japonis-topbar #navBtn .ad1-tiny {font-size:9px!important;}
}
@media (max-width:992px) {
.ad1-main-japonis {margin:60px 0 0!important;width:100%!important;min-height:calc(100dvh - 60px);}
.ad1-nav-japonis-sidebar {top:60px!important;width:min(86vw,330px)!important;max-width:330px!important;height:calc(100dvh - 60px)!important;box-shadow:10px 0 28px rgba(0,0,0,.22);}
.ad1-div-japonis-dashboard-content {padding:16px 14px 26px!important;gap:10px;}
.ad1-div-japonis-page-header {padding:14px 16px 0;min-height:95px;}
.ad1-div-japonis-report-primary>.ad1-row:first-child,.ad1-div-japonis-report-primary>.ad1-row:nth-child(2) {margin:0!important;}
}
@media (max-width:600px) {
.ad1-div-japonis-report-primary .ad1-div-japonis-kpi {width:100%!important;float:none;}
.ad1-div-japonis-report-primary>.ad1-row:first-child,.ad1-div-japonis-report-primary>.ad1-row:nth-child(2) {display:block;}
.ad1-div-japonis-dashboard-content {display:block;padding:12px 10px 28px!important;}
.ad1-div-japonis-report-primary,.ad1-div-japonis-report-aside {width:100%!important;}
.ad1-div-japonis-kpi {padding:6px 0!important;}
.ad1-div-japonis-kpi-card {min-height:130px;}
.ad1-div-japonis-kpi-card>.ad1-row.ad1-text-gray>.ad1-row.ad1-padding {padding:13px 12px!important;}
.ad1-div-japonis-page-title h4 {font-size:16px;}
.ad1-div-japonis-page-header {min-height:88px;}
.ad1-div-japonis-data-group>.ad1-col>.ad1-row.ad1-border.ad1-list-style .ad1-col {width:auto;min-width:0;}
#newMessages .ad1-row.ad1-border.ad1-list-style {display:grid;grid-template-columns:1fr 1fr;gap:0;padding:7px;}
#newMessages .ad1-row.ad1-border.ad1-list-style>.ad1-col {width:auto!important;float:none!important;}
#newMessages .ad1-row.ad1-border.ad1-list-style>.ad1-col:nth-child(3),#newMessages .ad1-row.ad1-border.ad1-list-style>.ad1-col:nth-child(4) {grid-column:span 2;}
#newMessages .ad1-row.ad1-border.ad1-list-style>.ad1-col:last-child {grid-column:span 2;text-align:left!important;}
#cancelRequests .ad1-row.ad1-border.ad1-list-style {display:grid;grid-template-columns:1fr 1fr;gap:0;padding:7px;}
#cancelRequests .ad1-row.ad1-border.ad1-list-style>.ad1-col {width:auto!important;float:none!important;text-align:left!important;}
#cancelRequests .ad1-row.ad1-border.ad1-list-style>.ad1-col:nth-child(3) {grid-column:span 2;}
#currMonthSales .ad1-row.ad1-border.ad1-list-style .ad1-col {overflow-wrap:anywhere;}
}
@media (prefers-reduced-motion:reduce) {
.ad1-div-japonis-topbar #closeMenu,.ad1-div-japonis-topbar #openMenu,.ad1-div-japonis-topbar #navBtn>.ad1-button-small,.ad1-div-japonis-kpi-card,.ad1-nav-japonis-sidebar .ad1-div-japonis-menu-links>.ad1-bar-item {transition:none!important;}
}
/* === JAPONIS DASHBOARD LAYOUT HOTFIX — 2026-11-10 / CSS ONLY === */
/* The legacy clearfix pseudo-elements become anonymous grid items unless removed. */
.ad1-div-japonis-dashboard-content::before,.ad1-div-japonis-dashboard-content::after {content:none!important;display:none!important;}
.ad1-div-japonis-report-primary>.ad1-row:first-child::before,.ad1-div-japonis-report-primary>.ad1-row:first-child::after,.ad1-div-japonis-report-primary>.ad1-row:nth-child(2)::before,.ad1-div-japonis-report-primary>.ad1-row:nth-child(2)::after {content:none!important;display:none!important;}
/* Fixed topbar and content use the same origin; padding instead of margin avoids margin collapsing. */
.ad1-div-japonis-topbar {height:68px;min-height:68px;}
.ad1-div-japonis-topbar #navWrap {height:68px;min-height:68px;}
.ad1-nav-japonis-sidebar {top:68px!important;height:calc(100dvh - 68px)!important;}
.ad1-main-japonis {margin-top:0!important;padding-top:68px!important;min-height:100dvh;}
.ad1-main-japonis>.ad1-header-japonis-content {margin:0!important;padding:0!important;}
.ad1-div-japonis-page-header {margin:0!important;}
/* Match the normal dashboard gutters and prevent the primary column from shifting. */
.ad1-div-japonis-dashboard-content {padding:12px 12px 26px!important;gap:12px;grid-auto-flow:row;}
.ad1-div-japonis-report-primary {grid-column:span 9;grid-row:auto;min-width:0;justify-self:stretch;}
.ad1-div-japonis-report-aside {grid-column:span 3;grid-row:auto;min-width:0;justify-self:stretch;}
.ad1-div-japonis-report-primary>.ad1-row:first-child,.ad1-div-japonis-report-primary>.ad1-row:nth-child(2) {width:100%;justify-content:flex-start;}
.ad1-div-japonis-kpi {padding:6px!important;}
/* When no recent-product data exists, do not reserve a phantom 3/12 sidebar. */
.ad1-div-japonis-dashboard-content:not(:has(#topProductsYear))>.ad1-div-japonis-report-primary {grid-column:1/-1;}
.ad1-div-japonis-dashboard-content:not(:has(#topProductsYear))>.ad1-div-japonis-report-aside {display:none!important;}
/* Inside monthly reports, an empty product column must not consume width. */
#currMonthSales>.ad1-col:not(:has(> .ad1-row,> #topProductsMonth)) {display:none!important;}
#currMonthSales:not(:has(#topProductsMonth))>.ad1-col:has(> .ad1-row) {width:100%!important;}
#currMonthSales:not(:has(> .ad1-col > .ad1-row))>.ad1-col:has(> #topProductsMonth) {width:100%!important;}
#currMonthSales:not(:has(.ad1-row)) {display:none!important;}
@media (max-width:1535.98px) {
.ad1-div-japonis-report-primary {grid-column:1/-1;}
.ad1-div-japonis-report-aside {grid-column:1/-1;}
}
@media (max-width:992px) {
.ad1-div-japonis-topbar-mobile {height:60px;min-height:60px;}
.ad1-nav-japonis-sidebar {top:60px!important;height:calc(100dvh - 60px)!important;}
.ad1-main-japonis {margin:0!important;padding-top:60px!important;width:100%!important;min-height:100dvh;}
.ad1-div-japonis-dashboard-content {padding:12px 12px 24px!important;gap:10px;}
}
@media (max-width:600px) {
.ad1-div-japonis-dashboard-content {display:block;padding:10px 10px 22px!important;}
.ad1-div-japonis-kpi {padding:6px 0!important;}
}