|
|
@@ -0,0 +1,324 @@
|
|
|
+/*
|
|
|
+import url(../../../../../../../template/css/common.css);
|
|
|
+*/
|
|
|
+
|
|
|
+/*--- General ---*/
|
|
|
+.bx-clear {
|
|
|
+ clear:both;
|
|
|
+ float:none;
|
|
|
+ display:block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ font-size:1px;
|
|
|
+}
|
|
|
+.bx-clearfix:before,
|
|
|
+.bx-clearfix:after {
|
|
|
+ content:"";
|
|
|
+ display:table;
|
|
|
+}
|
|
|
+.bx-clearfix:after {
|
|
|
+ clear:both;
|
|
|
+}
|
|
|
+
|
|
|
+/*--- Application ---*/
|
|
|
+.bx-main.bx-pt-application .bx-menu-toolbar-padding {
|
|
|
+ padding-top: 0;
|
|
|
+}
|
|
|
+.bx-main.bx-pt-application .bx-main-column.narrow.bx-mc-narrowed .bx-mc-cnt {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*--- Design Boxes ---*/
|
|
|
+.bx-db-container {
|
|
|
+ position:relative;
|
|
|
+}
|
|
|
+.bx-db-header {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ -webkit-flex-wrap: nowrap;
|
|
|
+ -ms-flex-wrap: nowrap;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+}
|
|
|
+.bx-db-container.bx-dbc-nopadding > .bx-db-header {
|
|
|
+ padding-left: 0;
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+.bx-db-container.bx-dbc-nobg .bx-db-divider {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.bx-db-title {
|
|
|
+ -webkit-flex: 1 1 auto;
|
|
|
+ -ms-flex: 1 1 auto;
|
|
|
+ flex: 1 1 auto;
|
|
|
+
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu {
|
|
|
+ -webkit-flex: 1 2 auto;
|
|
|
+ -ms-flex: 1 2 auto;
|
|
|
+ flex: 1 2 auto;
|
|
|
+
|
|
|
+ max-width: 75%;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-media-phone .bx-db-menu {
|
|
|
+ max-width: 65%;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu-tab {
|
|
|
+ margin-left: 5px;
|
|
|
+ text-align: right;
|
|
|
+ overflow-x: auto;
|
|
|
+}
|
|
|
+.bx-db-menu-tab.bx-db-menu-tab-more-auto {
|
|
|
+ overflow-x: visible;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu-tab .bx-menu-custom-hor:not(.bx-menu-more-auto) {
|
|
|
+ width: max-content;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu-tab-active {
|
|
|
+ text-decoration:underline;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu-tab-btn a {
|
|
|
+ text-decoration:none;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu-tab-btn > ul > li {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu .sys-icon-a {
|
|
|
+ vertical-align:middle;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-menu-popup {
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-content {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-content-padding-block {
|
|
|
+ padding: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-content .bx-db-help {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 2.0rem;
|
|
|
+ height: 2.0rem;
|
|
|
+ border-radius: 2rem;
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
+ line-height: 2rem;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-db-help-popup {
|
|
|
+ max-width: 25rem;
|
|
|
+ max-height: 25rem;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+/*--- Design Boxes Menu ---*/
|
|
|
+.bx-db-menu ul li {
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.bx-db-menu ul li:not(.bx-stl-mil-sm) {
|
|
|
+ border-radius: 0;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-hor,
|
|
|
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor,
|
|
|
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto:not(.bx-menu-submenu-more-auto) {
|
|
|
+ display: -webkit-inline-flex;
|
|
|
+ display: inline-flex;
|
|
|
+ -webkit-justify-content: flex-end;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-hor > li:not(.bx-stl-mil-sm),
|
|
|
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor > li:not(.bx-stl-mil-sm) {
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ -webkit-flex: 0 1 auto;
|
|
|
+ -ms-flex: 0 1 auto;
|
|
|
+ flex: 0 1 auto;
|
|
|
+
|
|
|
+ padding: 0 0.25rem;
|
|
|
+
|
|
|
+ border-bottom: 1px solid transparent;
|
|
|
+}
|
|
|
+.bx-db-menu .bx-menu-custom.bx-menu-custom-hor > li:not(.bx-stl-mil-sm) > span {
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-hor > li a.bx-btn,
|
|
|
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor > li a.bx-btn {
|
|
|
+ display: inline-block;
|
|
|
+ float: none;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-hor > li a > span,
|
|
|
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor > li a > span {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.bx-db-menu ul > li:not(.bx-menu-item-more-auto) a .bx-mi-icon {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-submenu-more-auto {
|
|
|
+ line-height: normal;
|
|
|
+}
|
|
|
+.bx-db-menu ul li:not(.bx-menu-item-more-auto) a span,
|
|
|
+.bx-db-menu .bx-menu-item-more-popup ul.bx-menu-custom.bx-menu-submenu-more-auto li:not(.bx-menu-item-more-auto) a span,
|
|
|
+.bx-db-menu .bx-popup .bx-db-menu-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span,
|
|
|
+.bx-db-menu .bx-popup .bx-db-menu-popup ul.bx-menu-ver li a > div > span {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-hor li.bx-menu-tab-active,
|
|
|
+.bx-db-menu ul.bx-menu-custom.bx-menu-custom-hor li.bx-menu-tab-active {
|
|
|
+ border-bottom: 0;
|
|
|
+}
|
|
|
+.bx-db-menu ul.bx-menu-custom-ver li.bx-menu-item-more-auto {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*--- Popup boxes ---*/
|
|
|
+html.bx-popup-lock,
|
|
|
+body.bx-popup-lock {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-popup-transitions {
|
|
|
+ -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
|
|
|
+ transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-popup-inactive {
|
|
|
+ -webkit-opacity: 0;
|
|
|
+ opacity: 0;
|
|
|
+
|
|
|
+ -webkit-transform: scale(0.75);
|
|
|
+ transform: scale(0.75);
|
|
|
+}
|
|
|
+
|
|
|
+.bx-popup-active {
|
|
|
+ max-height:100%;
|
|
|
+ overflow-y:auto;
|
|
|
+
|
|
|
+ -webkit-opacity: 1;
|
|
|
+ opacity: 1;
|
|
|
+
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+
|
|
|
+ -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
|
|
|
+ transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
|
|
|
+}
|
|
|
+.bx-popup-fog {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+}
|
|
|
+.bx-popup-menu .bx-popup-close-wrapper {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.bx-popup-menu .bx-popup-content-indent {
|
|
|
+ padding: 0px !important;
|
|
|
+}
|
|
|
+.bx-popup-menu ul.bx-menu-ver,
|
|
|
+.bx-popup-menu ul.bx-menu-verlit,
|
|
|
+.bx-popup-menu ul.bx-menu-custom-ver,
|
|
|
+.bx-popup-menu.bx-popup-menu-main.sys-add-content ul {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*--- Loading indicator ---*/
|
|
|
+.bx-loading-ajax {
|
|
|
+ position: absolute;
|
|
|
+ width: 6rem;
|
|
|
+ height: 6rem;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+
|
|
|
+ background-color: transparent;
|
|
|
+
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ -moz-border-radius: 0.5rem;
|
|
|
+ -webkit-border-radius: 0.5rem;
|
|
|
+
|
|
|
+ text-align: center;
|
|
|
+ color: #CCCCCC;
|
|
|
+}
|
|
|
+.bx-loading-ajax.static {
|
|
|
+ position: static;
|
|
|
+}
|
|
|
+.bx-loading-ajax-btn {
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+
|
|
|
+ min-width: 2.0rem;
|
|
|
+
|
|
|
+ margin-left: 0.25rem;
|
|
|
+}
|
|
|
+
|
|
|
+button.bx-btn:focus,
|
|
|
+button.bx-btn:focus .bx-loading-ajax-btn {
|
|
|
+ outline: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*-- Show More --*/
|
|
|
+.bx-overflow-ready {
|
|
|
+ max-height: 16rem;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.bx-overflow:before {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 20%;
|
|
|
+
|
|
|
+ content: '';
|
|
|
+}
|
|
|
+
|
|
|
+.bx-show-more {
|
|
|
+ padding-top: 0.25rem;
|
|
|
+ padding-bottom: 0.25rem;
|
|
|
+
|
|
|
+ text-align: center
|
|
|
+}
|
|
|
+
|
|
|
+/*-- Flickity: Tailwind overwrite --*/
|
|
|
+.flickity-enabled .flickity-viewport .flickity-slider img,
|
|
|
+.flickity-enabled .flickity-viewport .flickity-slider video {
|
|
|
+ display: inline;
|
|
|
+ max-width: none;
|
|
|
+}
|
|
|
+
|
|
|
+.bx-popup-element-close:hover,
|
|
|
+.bx-popup-element-close {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ text-decoration: none;
|
|
|
+ font-size: 1.5rem !important;
|
|
|
+}
|