/*================================================================================
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Version: 2.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
================================================================================
NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS. */
/* use local fonts */
@font-face {
font-family: "Montserrat";
src: url('../../app-assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}
/* font for icon */
body:lang(zh-hant),
body:lang(zh-hant) .header-navbar,
body:lang(zh-hant) .navigation,
body:lang(zh-hant) .breadcrumb {
font-family: 'Noto Sans HK', "microsoft jhenghei", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
font-size: 1.1rem !important;
}
body:lang(zh-hant) h1,
body:lang(zh-hant) h2,
body:lang(zh-hant) h3,
body:lang(zh-hant) h4 {
font-family: "SF Pro HK", "microsoft jhenghei", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body:lang(en),
body:lang(en) .breadcrumb {
font-family: "Montserrat", Helvetica, Arial, serif;
font-size: 1.1rem !important;
}
body:lang(en) .header-navbar,
body:lang(en) .navigation,
body:lang(en) h1,
body:lang(en) h2,
body:lang(en) h3,
body:lang(en) h4 {
font-family: "Montserrat", Helvetica, Arial, serif;
}
table.dataTable th,
table.dataTable td {
border-top: 1px solid #e5e6e7;
border-bottom: 0px;
}
table.dataTable td {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.check_col .myCheck span.details_input:before {
top: 0px;
}
.myCheck span.details_input:before {
color: #76ce76;
font: normal 24px / 1 FontAwesome;
content: "\f10C";
width: 24px;
height: 24px;
line-height: 24px;
position: relative;
top: 3px;
}
.check_col .myCheck span.details_input {
margin-right: 0px;
margin-top: 4px;
}
.myCheck {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: normal;
cursor: pointer;
}
.myCheck input {
display: none;
}
.check_col .myCheck {
margin-bottom: 0px;
}
.check_col label.myCheck,
.multiple_function_row label.myCheck {
font-size: 0.85rem;
padding-left: 0rem;
}
.myCheck input:checked+span.details_input:before {
content: "\f058";
}
.myCheck span.details_input:before {
color: #76ce76;
font: normal 24px / 1 FontAwesome;
content: "\f10C";
width: 24px;
height: 24px;
line-height: 24px;
position: relative;
top: 3px;
}
.myCheck.minus span.details_input:before {
content: "\f056";
}
@font-face {
font-family: 'FontAwesome';
src: url('../../app-assets/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
src: url('../../app-assets/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'feather';
src: url('../../app-assets/fonts/feather/fonts/feather.eot?v=4.7.0');
src: url('../../app-assets/fonts/feather/fonts/feather..eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../app-assets/fonts/feather/fonts/feather.woff?v=4.7.0') format('woff'), url('../../app-assets/fonts/feather/fonts/feather.ttf?v=4.7.0') format('truetype'), url('../../app-assets/fonts/feather/fonts/feather.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* 20250723 */
.light-layout #logo {
background-image: var(--white-logo);
}
.dark-layout #logo {
background-image: var(--dark-logo);
}
#logo {
background-size: contain !important;
background-repeat: no-repeat !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
background-position: center !important;
right: 0 !important;
margin: auto !important;
}
.brand-logo {
position: relative !important;
width: 70% !important;
padding-top: 16% !important;
margin: auto !important;
}
/* end 20250723 */
.nav-tabs .nav-link.active {
position: relative;
color: #5ac7df;
border-bottom: 2px solid #5ac7df !important;
}
.dataTable .feather.icon-alert-triangle { height: inherit; width: inherit; }
/* auto fill field style */
.dark-layout input:-webkit-autofill,
.dark-layout input:-webkit-autofill:hover,
.dark-layout input:-webkit-autofill:focus,
.dark-layout input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #111827 inset !important; -webkit-text-fill-color: white !important; }
.dark-layout input:-webkit-autofill::first-line,
.dark-layout input:-webkit-autofill,
.dark-layout input:-webkit-autofill:hover,
.dark-layout input:-webkit-autofill:focus,
.dark-layout input:-webkit-autofill:active {
font-family: "Montserrat", Helvetica, Arial, serif !important;
}
.menu-light .icon_water_leakage{
background:url(../../app-assets/images/icons/icon_water_leakage_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_water_leakage, .active .icon_water_leakage{
background:url(../../app-assets/images/icons/icon_water_leakage_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_temperature{
background:url(../../app-assets/images/icons/icon_temp_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_temperature, .active .icon_temperature{
background:url(../../app-assets/images/icons/icon_temp_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_distance{
background:url(../../app-assets/images/icons/icon_distance_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_distance, .active .icon_distance{
background:url(../../app-assets/images/icons/icon_distance_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_vibration{
background:url(../../app-assets/images/icons/icon_vibration_grey.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_vibration, .active .icon_vibration{
background:url(../../app-assets/images/icons/icon_vibration_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_ahu{
background:url(../../app-assets/images/icons/icon_ahu_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_smoke, .active .icon_smoke{
background:url(../../app-assets/images/icons/icon_smoke_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_smoke{
background:url(../../app-assets/images/icons/icon_smoke_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_occupancy, .active .icon_occupancy{
background:url(../../app-assets/images/icons/icon_washroom_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_occupancy{
background:url(../../app-assets/images/icons/icon_washroom_graysvg.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_ahu, .active .icon_ahu{
background:url(../../app-assets/images/icons/icon_ahu_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_drey_cantact{
background:url(../../app-assets/images/icons/icon_door_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_drey_cantact, .active .icon_drey_cantact{
background:url(../../app-assets/images/icons/icon_door_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_patrol{
background:url(../../app-assets/images/icons/icon_patrol_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_patrol, .active .icon_patrol{
background:url(../../app-assets/images/icons/icon_patrol_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_power_meter{
background:url(../../app-assets/images/icons/icon_power_meter_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_power_meter, .active .icon_power_meter{
background:url(../../app-assets/images/icons/icon_power_meter_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_push_button{
background:url(../../app-assets/images/icons/icon_button_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_push_button, .active .icon_push_button{
background:url(../../app-assets/images/icons/icon_button_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.auth-wrapper.auth-v1 .auth-inner { max-width:500px!important; }
/* menu spacing */
.main-menu.menu-light .navigation > li > ul li:not(.has-sub) { padding: 0px 0px 0px 15px; }
.main-menu.menu-dark .navigation > li > ul li:not(.has-sub) { padding: 0px 0px 0px 15px; }
.main-menu .navbar-header .navbar-brand { margin-top: 1rem; }
/*
.main-menu .navbar-header .navbar-brand .brand-logo { height:32px; width:42px; background: url(../../app-assets/images/logo/logo_with_name_white_bg.svg) no-repeat; background-size: auto 32px!important; background-position:left; margin: 0px auto;}
.dark-layout .main-menu .navbar-header .navbar-brand .brand-logo { background: url(../../app-assets/images/logo/logo_with_name_dark_bg.svg) no-repeat; }
*/
/* 20250725 */
.dark-layout .menu-collapsed .main-menu .navbar-header .navbar-brand .brand-logo,
.light-layout.dark-layout .menu-collapsed .main-menu .navbar-header .navbar-brand .brand-logo {
background-image: var(--dark-logo-square);
background-repeat: no-repeat !important;
background-size: auto 32px !important;
width: 32px !important;
height: 32px !important;
}
.dark-layout .menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo,
.light-layout.dark-layout .menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo,
.dark-layout .main-menu.expanded .navbar-header .navbar-brand .brand-logo,
.light-layout.dark-layout .main-menu.expanded .navbar-header .navbar-brand .brand-logo {
background-image: var(--dark-logo);
background-repeat: no-repeat !important;
background-size: auto 32px !important;
width: 180px !important;
height: 32px !important;
}
.dark-layout #navbar-brand-logo,
.light-layout.dark-layout #navbar-brand-logo {
background-image: var(--dark-logo-square);
background-repeat: no-repeat !important;
}
.dark-layout #navbar-brand-logo,
.light-layout.dark-layout #navbar-brand-logo {
display: inline-block;
vertical-align: middle;
height: 32px !important;
width: 32px !important;
background-image: var(--dark-logo-square);
background-repeat: no-repeat !important;
background-size: auto 32px !important;
background-position: left;
margin: 0px auto;
}
.dark-layout .main-menu .navbar-header .navbar-brand .brand-logo,
.dark-layout.light-layout .main-menu .navbar-header .navbar-brand .brand-logo {
background-image: var(--dark-logo);
background-repeat: no-repeat !important;
height: 32px !important;
width: 180px !important;
background-size: auto 32px !important;
}
.light-layout .menu-collapsed .main-menu .navbar-header .navbar-brand .brand-logo {
background-image: var(--white-logo-square);
background-repeat: no-repeat !important;
background-size: auto 32px !important;
width: 32px !important;
height: 32px !important;
}
.light-layout .menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo,
.light-layout .main-menu.expanded .navbar-header .navbar-brand .brand-logo {
background-image: var(--white-logo);
background-repeat: no-repeat !important;
background-size: auto 32px !important;
width: 180px !important;
height: 32px !important;
}
.light-layout #navbar-brand-logo {
background-image: var(--white-logo-square);
background-repeat: no-repeat !important;
}
.light-layout #navbar-brand-logo {
display: inline-block;
vertical-align: middle;
height: 32px !important;
width: 32px !important;
background-image: var(--white-logo-square);
background-repeat: no-repeat !important;
background-size: auto 32px !important;
background-position: left;
margin: 0px auto;
}
.light-layout .main-menu .navbar-header .navbar-brand .brand-logo {
background-image: var(--white-logo);
height: 32px !important;
width: 180px !important;
background-repeat: no-repeat !important;
background-size: auto 32px !important;
}
/* end 20250725 */
.menu-collapsed .main-menu .navbar-header .navbar-brand .brand-logo { width:42px; }
.header-navbar.floating-nav { z-index: 1020; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu { z-index: 1500; }
.vertical-overlay-menu.menu-open .main-menu { z-index: 1500; }
.sidenav-overlay { z-index: 1200; }
.drag-target { position:fixed!important; }
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu { width:auto; }
.dropdown-user .dropdown-menu { left:inherit; right:-1rem; }
/* breadcrumb */
.breadcrumbs-top .content-header-title { border-right: 0px solid #D6DCE1!important; }
.breadcrumb { border-left: 1px solid #D6DCE1; margin-top: 5px; padding: 0.45rem 1rem 0.3rem 1rem; }
.dark-layout .breadcrumbs-top .content-header-title { border-right: 0px solid #1e293b!important; }
.dark-layout .breadcrumb { border-left: 1px solid #1e293b; margin-top: 5px; padding: 0.45rem 1rem 0.3rem 1rem; }
/* datatable no record handle */
table.dataTable p.no_record { padding:20px 20px 30px 20px!important; margin:0px; }
div.no_record_template { display:none; }
table.dataTable td.dataTables_empty { width:100%; }
table.dataTable.table-hover.empty tbody tr:hover { background-color:transparent; border-top:0px; border-bottom:0px; }
table.dataTable.empty tr:hover { background-color:transparent!important; border-top:0px; border-bottom:0px; }
table.dataTable.empty td { background-color:transparent; border-top:0px; border-bottom:0px; }
table.dataTable.empty td:hover { background-color:transparent; border-top:0px; border-bottom:0px; }
table.dataTable.empty tbody tr:hover td.dtfc-fixed-left { background-color:transparent!important; }
table.dataTable.empty tbody tr:hover td.dtfc-fixed-right { background-color:transparent!important; }
table.dataTable.empty thead { display:none; }
/*table.dataTable.empty { display:none; }
table.dataTable.empty + .no_record_template { display:block; }*/
table.dataTable .checkbox_col { padding-right:0px; }
/* datatable hide search and filter */
.dataTables_wrapper .dt-buttons { display:none; }
.dataTables_wrapper .dataTables_filter { display:none; }
/* datatable fixed column */
table.dataTable thead th.dtfc-fixed-left { background-color:#f3f2f7!important; z-index:1!important; }
table.dataTable thead th.dtfc-fixed-right { background-color:#f3f2f7!important; z-index:1!important; }
.public-site table.dataTable thead th.dtfc-fixed-left { z-index:1!important; }
.public-site table.dataTable thead th.dtfc-fixed-right { z-index:1!important; }
table.dataTable td.dtfc-fixed-left { background-color:#ffffff!important; /*-webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/ }
table.dataTable td.dtfc-fixed-right { background-color:#ffffff!important; /*-webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/ }
table.dataTable tbody tr:hover td.dtfc-fixed-left { background-color: #f6f6f9!important; }
table.dataTable tbody tr:hover td.dtfc-fixed-right { background-color: #f6f6f9!important; }
.dark-layout table.dataTable thead th.dtfc-fixed-left { background-color:#182235!important; z-index:1!important; }
.dark-layout table.dataTable thead th.dtfc-fixed-right { background-color:#182235!important; z-index:1!important; }
.dark-layout .public-site table.dataTable thead th.dtfc-fixed-left { z-index:1!important; }
.dark-layout .public-site table.dataTable thead th.dtfc-fixed-right { z-index:1!important; }
.dark-layout table.dataTable td.dtfc-fixed-left { background-color:#111827!important; /*-webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/ }
.dark-layout table.dataTable td.dtfc-fixed-right { background-color:#111827!important; /*-webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/ }
.dark-layout table.dataTable tbody tr:hover td.dtfc-fixed-left { background-color: #242b3d!important; }
.dark-layout table.dataTable tbody tr:hover td.dtfc-fixed-right { background-color: #242b3d!important; }
/* table action dropdown */
.table_actions .dropdown-menu { padding:0px; border-radius:0px; animation-duration: 0.3s; animation-fill-mode: both; animation-name: fadeIn; left: -20px!important; z-index:100; }
.table_actions .dropdown-menu .dropdown-item { padding: 1.2rem 1.5rem; }
/*.table_actions .dropdown-menu .dropdown-item:hover { background-color:#f6f6f9; }
.table_actions .dropdown-menu .dropdown-item:active { background-color:#f6f6f9; }
.table_actions .dropdown-menu .dropdown-item:focus { background-color:#f6f6f9; }*/
.table_actions .dropdown-menu .dropdown-divider { margin: 0px; }
.table thead th, .table tfoot th { text-transform:inherit; }
.table_actions .dropdown-toggle { height:100%; width:100%; }
.table_actions .dropdown-toggle svg { color:#5ac7df; width:22px; height:22px; }
.table_actions .dropdown-toggle::after { content:''; display:none; }
.dark-layout .table_actions .dropdown-menu { padding:0px; border-radius:0px; animation-duration: 0.3s; animation-fill-mode: both; animation-name: fadeIn; left: -20px!important; z-index:100; }
.dark-layout .table_actions .dropdown-menu .dropdown-item { padding: 1.2rem 1.5rem; }
/*.dark-layout .table_actions .dropdown-menu .dropdown-item:hover { background-color:#242b3d; }
.dark-layout .table_actions .dropdown-menu .dropdown-item:active { background-color:#242b3d; }
.dark-layout .table_actions .dropdown-menu .dropdown-item:focus { background-color:#242b3d; }*/
.dark-layout .table_actions .dropdown-menu .dropdown-divider { margin: 0px; }
.dark-layout .table thead th, .table tfoot th { text-transform:inherit; }
.dark-layout .table_actions .dropdown-toggle { height:100%; width:100%; }
.dark-layout .table_actions .dropdown-toggle svg { color:#5ac7df; width:22px; height:22px; }
.dark-layout .table_actions .dropdown-toggle::after { content:''; display:none; }
/* data table add on elements */
div.dt-datetime table td.selectable button:hover { background:#5ac7df ; border-radius:0px; }
div.dt-datetime table td.selectable.selected button { background:#4e6ca3; border-radius:0px; }
/* search row */
/*.search_row { padding:0px 0px 1rem 0px; overflow:hidden; }
.search_row .align-left { float:left; }
.search_row .align-right { float:right; }
.search_row .info_text { height:35px; line-height:35px; display:inline-table; }
.search_row .grid_icon { margin-left:10px; margin-right:0px; }
.search_row .grid_icon .fa:before { font-size:20px; color:#0070c0; margin-right:5px; position: relative; top: 2px; }
.search_row .grid_icon .view_grid, .search_row .grid_icon .view_list { opacity:0.6; cursor:pointer; }
.search_row .grid_icon .view_grid:hover, .search_row .grid_icon .view_list:hover { opacity:1; }
.search_row .grid_icon .view_grid.selected, .search_row .grid_icon .view_list.selected { opacity:1; }*/
.search_field { position:relative; display:inline-block; /*height:46px;*/ vertical-align:top; }
/*.search_field input.form-control { margin:0px; display:inline; border-radius:0px; padding-right: 46px; padding-left: 15px; }
.search_field input.form-control:focus { border-color:#0070c0; }
.search_field .btn-search-icon { color:#0070c0; position:absolute; right:0px; top:0px; height:100%; width:46px; background-color:transparent; border-width:0px; margin:0px; color:#999999; outline:none; padding:0px; }
.search_field .btn-search-icon svg { width:22px; height:22px; }
.search_row .add_new { display:inline-block; margin-left:10px; }
.search_row .add_new .btn { height:35px; padding: 0.75rem 2rem; }*/
.form-control.date_filter[readonly] { background-color: #ffffff; }
.dark-layout .form-control.date_filter[readonly] { background-color: #111827; color:#b4b7bd; }
.table_search { /*height:50px;*/ white-space: nowrap; font-size: 13px; font-weight: bold; padding: 16px 20px; }
.table_search_reset { /*height:50px;*/ white-space: nowrap; font-size: 13px; font-weight: bold; /*padding: 16px 20px;*/ }
/* export buttons */
.search_row .export_group { display:none; /*display:inline-block;*/ margin-left:10px; padding-left:15px; border-left:1px solid #e5e6e7; }
/* table image + lightgallery */
.media_thumb { width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; max-width: 100px; object-fit: cover; }
.lightgallery.image_hide img { display:none; }
.image_fill { width:100%; display: flex!important; position: relative; justify-content: center; align-items: center; }
.image_fill img { width:100%; height:100%; flex-shrink: 0; min-width: 100%; min-height: 100%; object-fit: cover;}
.home_event_image { max-height:300px; overflow: hidden; }
.home_event_image img { width:100%; height:auto; }
.album_frame { background-color: #f8f8f8; }
.gallery_image { height:200px; }
.gallery_image img { max-width:100%; max-height:400px;}
.volunteer_image { height:200px; }
.volunteer_image img { max-width:100%; max-height:400px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 1rem; margin-bottom: 1.5rem; margin-left: 1rem; margin-right: 1rem; }
@media (max-width: 575.98px) {
div.dataTables_wrapper { overflow:hidden; }
}
@font-face {
font-family: 'FontAwesome';
src: url('../../app-assets/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
src: url('../../app-assets/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../app-assets/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.enlarge_photo { margin:0px; padding:0px; border:2px solid #ffffff; cursor:pointer; width:100%; height:100px; min-height: 120px; z-index: 9; display: flex!important; overflow: hidden; position: relative; justify-content: center; align-items: center; }
.enlarge_photo:before { display:block; content:""; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:background-color 0.15s ease 0s; -o-transition:background-color 0.15s ease 0s; transition:background-color 0.15s ease 0s; z-index:190; }
.enlarge_photo:after { font:normal 24px/1 FontAwesome; color:#ffffff; content:"\f002"; width:24px; height:24px; line-height:24px; position:absolute; margin-left:-12px; margin-top:-12px; left:50%; top:50%; opacity:0; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; z-index:200; }
.enlarge_photo:hover img { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }
/*.enlarge_photo img { -webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; -o-transition:-o-transform 0.15s ease 0s; transition:transform 0.15s ease 0s; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; max-width:200px; object-fit: cover; }*/
.enlarge_photo img { -webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; -o-transition:-o-transform 0.15s ease 0s; transition:transform 0.15s ease 0s; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); width: 100%; height: 100%; flex-shrink: 0; /*min-width: 100%; min-height: 100%; max-width:200px; object-fit: cover;*/ }
.enlarge_photo:hover:before { background-color:rgba(0, 0, 0, 0.4); }
.enlarge_photo:hover:after { opacity:1; }
.enlarge_photo a { width:100%; height:100%; }
.photo_block { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-content:stretch; -webkit-align-content:stretch; justify-content:space-between; -webkit-justify-content: space-between; gap:4px 4px; -webkit-gap:4px 4px; }
.photo_block div { width:auto; flex-grow:1; flex: 1 0 auto; -webkit-flex-grow:1; -webkit-flex: 1 0 auto; }
.photo_block .enlarge_photo { border:0px; }
/* thumb enlarge */
.media_thumb {
-webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; -o-transition:-o-transform 0.15s ease 0s; transition:transform 0.15s ease 0s; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }
.cover_photo { border: 4px solid #76ce76; }
.lightgallery { width:100%; display: block; }
.lightgallery a:hover .media_thumb { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }
.lightgallery a { display:inherit; overflow:hidden; position:relative; z-index: 9; width:100%; height:100%; }
.lightgallery a:before { display:block; content:""; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:background-color 0.15s ease 0s; -o-transition:background-color 0.15s ease 0s; transition:background-color 0.15s ease 0s; z-index:190; }
.lightgallery a:after { font:normal 24px/1 feather; color:#ffffff; content:"\e8bd"; width:24px; height:24px; line-height:24px; position:absolute; margin-left:-12px; margin-top:-12px; left:50%; top:50%; opacity:0; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; z-index:200; }
.lightgallery a:hover:before { background-color:rgba(0, 0, 0, 0.4); }
.lightgallery a:hover:after { opacity:1; }
.lightgallery.image_hide a:hover:before { display:none; }
.lightgallery.image_hide a:hover:after { display:none; }
.lg-backdrop { z-index:6040!important; }
.lg-outer { z-index:6050!important; }
.lg-icon { font-family: feather!important; }
.lg-toolbar .lg-close:after { content: "\e8f6"; }
.lg-toolbar .lg-download:after { content: "\e864"; }
.lg-autoplay-button:after { content: "\e8ae"; }
.lg-show-autoplay .lg-autoplay-button:after { content: "\e8cb"; }
.lg-fullscreen:after { content: "\e908"; }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e88d"; }
#lg-zoom-in:after { content: "\e8f9"; }
#lg-zoom-out:after { content: "\e8fa"; }
#lg-actual-size:after { content: "\e855"; }
.lg-outer #lg-share:after { content: "\e8c0"; }
.lg-outer .lg-dropdown .lg-icon { font-family: FontAwesome!important; }
.lg-outer #lg-share-facebook .lg-icon:after { content: "\f082"; }
.lg-outer #lg-share-twitter .lg-icon:after { content: "\f081"; }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "\f0d4"; }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\f0d3"; }
.lg-actions .lg-prev:after { content: "\e843"; }
.lg-actions .lg-next:before { content: "\e844"; }
.lg-outer .lg-thumb-item { border: 3px solid #FFF; border:0; border-radius: 0px; opacity:0.5; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; }
.lg-outer .lg-thumb-item:hover { /*border-color: #333333;*/ border:0; opacity:1; }
.lg-outer .lg-thumb-item.active { /*border-color: #76ce76;*/ border:0; opacity:1; }
ul#lightGallery { list-style: none; margin:0px; padding:0px; }
ul#lightGallery li { margin:0px; padding:0px; border:2px solid #ffffff; cursor:pointer; width:100%; height:180px; z-index: 9; display: flex!important; overflow: hidden; position: relative; justify-content: center; align-items: center; }
ul#lightGallery li:before { display:block; content:""; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:background-color 0.15s ease 0s; -o-transition:background-color 0.15s ease 0s; transition:background-color 0.15s ease 0s; z-index:190; }
ul#lightGallery li:after { font:normal 24px/1 FontAwesome; color:#ffffff; content:"\f002"; width:24px; height:24px; line-height:24px; position:absolute; margin-left:-12px; margin-top:-12px; left:50%; top:50%; opacity:0; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; z-index:200; }
ul#lightGallery li:hover img { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }
ul#lightGallery li img { -webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; -o-transition:-o-transform 0.15s ease 0s; transition:transform 0.15s ease 0s; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; max-width:200px; object-fit: cover; }
ul#lightGallery li:hover:before { background-color:rgba(0, 0, 0, 0.4); }
ul#lightGallery li:hover:after { opacity:1; }
ul#lightGallery li a { width:100%; height:100%; }
/* modal */
.modal.show { display:flex!important; padding:0px; }
.modal .modal-dialog { transform: none; margin:auto; width:95vw; /*max-width:800px;*/ }
.modal .modal-dialog.modal-lg { max-width:800px!important; }
.modal .modal-dialog.modal-dialog-lg { max-width:800px!important; }
/*.modal .modal-dialog.modal-md { max-width:800px!important; }*/
.modal .modal-dialog.modal-sm { max-width:500px!important; }
.modal .modal-content { /*border-radius:0px;*/ }
.modal .modal-header { /*border-radius:0px;*/ position:relative; }
.modal .modal-header .close { padding: 0.2rem 0.62rem; box-shadow: 0 0px 0px 0 rgb(34 41 47 / 0%); border-radius:0px; background-color:transparent; opacity: 1; transition: all 0.23s ease 0.1s; position:absolute; transform:none; top:24px; right:24px; }
.dark-layout .modal .modal-header .close { background-color:transparent!important; }
.modal .modal-header .modal-title { line-height:30px; font-weight:bold; align-self: center; }
.modal .modal-footer { /*border-radius:0px;*/ }
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active { transform: translate(0px, 0px); }
.modal { min-width:320px; z-index:5800; }
.modal.modal-slide-in { /*margin-top:62px;*/ margin-top:0px; }
.modal-slide-in .modal-dialog .modal-content { position:relative; }
.modal-slide-in .modal-dialog { /*margin-top:62px;*/ margin-top:0px; }
.modal-slide-in .modal-dialog { width:100%; min-width:320px; }
.modal-header { min-height:62px; height:auto; padding-right:35px; }
.modal-slide-in .close { top:26px; right:20px; }
.modal-slide-in .modal-dialog .modal-body { padding:20px; padding-bottom:100px; margin:0px 0px 0px 0px; overflow-y:auto!important; }
.modal.modal-slide-in .modal-title { line-height: 40px; }
.modal.modal-slide-in .modal_button { position:fixed; bottom:0px; left:0px; z-index: 100; }
.modal.modal-slide-in#modal_add .modal_button { display:none; }
.modal.modal-slide-in#modal_edit .modal_button { display:none; }
@media (min-width: 576px) {
.modal-slide-in .modal-dialog.sidebar-lg { width:400px!important; }
}
.modal.chart_modal { padding:0px!important; }
.modal.chart_modal .modal-dialog { width:90vw!important; max-width: 1200px!important; }
.modal.chart_modal .modal-body { height: calc(95vh - 60px - 80px); width: 100%; padding: 0px!important; overflow-y: scroll; overflow-x: hidden; }
/* summernote */
.note-editor.card { box-shadow:none; border-radius:0px; }
.note-editor .note-toolbar { display:block; }
.note-editor.note-frame .note-status-output { display:none; }
.note-editor .btn { padding:10px 15px; }
.note-editor .dropdown-toggle::after { display:none; }
.note-editor .dropdown-toggle .note-icon-caret:before { margin-left:6px; }
.note-editor .panel-heading.note-toolbar .dropdown-menu { margin-top:0px; border-radius: 0px; }
.note-editor .panel-heading.note-toolbar .note-style .dropdown-menu { padding:10px; width: max-content; }
.note-editor .panel-heading.note-toolbar .note-style .dropdown-menu > li:hover { background-color:#f0f0f0; }
.note-editor .panel-heading.note-toolbar .note-style .dropdown-menu > li { padding:8px 10px; }
.note-editor .panel-heading.note-toolbar .note-style p { margin:0px; }
.note-editor .modal { z-index:6500!important; }
.note-editor .modal.show { display:flex!important; padding:0px!important; }
.note-editor .modal.show .modal-dialog { transform: none; margin:auto; width:95vw; max-width:480px; }
.note-editor .modal .modal-content { border-radius:0px; }
.note-editor .modal .modal-header { border-radius:0px; position:relative; }
.note-editor .modal .modal-header .close { padding: 0.2rem 0.62rem; box-shadow: 0 0px 0px 0 rgb(34 41 47 / 0%); border-radius:0px; background-color:transparent; opacity: 1; transition: all 0.23s ease 0.1s; position:absolute; transform:none; top:24px; right:24px; }
.note-editor .modal .modal-header .modal-title { line-height:40px; font-weight:bold; }
.note-editor .modal .modal-footer { border-radius:0px; }
.note-editor .modal .modal-footer .note-btn-primary { border-radius:0px!important; }
.note-editor .modal .form-check { position:relative; line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:0px; }
.note-editor .modal .form-check label { position:relative; cursor:pointer; padding-left:32px; }
.note-editor .modal .form-check input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 30px 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
.note-editor .modal .form-check input[type="checkbox"]:before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:0px; left:0px; }
.dark-layout .note-editor .modal .form-check input[type="checkbox"]:before { border:1px solid #556378; }
.note-editor .modal .form-check input[type="checkbox"]:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:4px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); }
.note-editor .modal .form-check input[type="checkbox"]:checked:after { background-image: url("data:image/svg+xml,"); }
/*.modal-backdrop:not(:last-child) { display:none; }*/
.note-popover.popover { display: none; }
.note-link-popover { border-radius:0px; }
.note-link-popover .popover-content { padding:5px 10px; }
.note-link-popover .popover-content > .btn-group { margin:0px; }
.note-popover .btn { padding:10px; }
.note-editor .note-image-input { text-indent: -9999px; display: block; color: #0070c0; border: 1px solid #d8d6de; height: 50px; border-radius: 0px; }
.note-editor.note-frame.card { margin-bottom:0px; }
.note-editor.note-frame.card.fullscreen { margin-bottom:0px; z-index: 8000; }
/* cropper */
#modal_crop.show { height:100%; width:100%; margin: 0px; display: block!important; padding: 0px!important; overflow: hidden; }
/*#modal_crop { height:100vh; width:100vw; margin: 0px; display: none!important; padding: 0px!important; overflow: hidden; }
#modal_crop.show { display: block!important; }*/
#modal_crop .modal-dialog { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_crop .modal-dialog .modal-content { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_crop .modal-body { height:calc(100% - 60px - 80px); padding: 0px!important; }
#modal_crop .img-container { height:100%; width:100%; padding: 0px!important; }
#modal_crop .img-container img { width:auto; max-height:100%; }
#modal_crop .img-container #crop_image { opacity:0; }
/* modal chart */
#modal_chart.show { height: 100%; width: 100%; margin: 0px; display: block!important; padding: 0px!important; overflow: hidden; }
#modal_chart .modal-dialog { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_chart .modal-dialog .modal-content { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_chart .modal-body { height:calc(100vh - 62px - 66px); overflow-y:scroll; }
/* checkbox */
fieldset { position:relative; }
fieldset label { display:inline-block; font-size: 1rem; font-weight: 400; line-height:50px; position:relative; cursor:pointer; padding-left:32px; margin-right:10px; }
fieldset input[type="checkbox"] { position:absolute; left:-9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 30px 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
fieldset input[type="checkbox"]:before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:12px; left:0px; border-radius:0px; cursor:pointer; }
.dark-layout fieldset input[type="checkbox"]:before { border:1px solid #556378; }
fieldset input[type="checkbox"]:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:16px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); cursor:pointer; }
fieldset input[type="checkbox"]:checked:after { background-image: url("data:image/svg+xml,"); }
/* checkbox no text */
.checkbox_only { position:relative; width:24px; height:24px;}
.checkbox_only input[type="checkbox"] { position:absolute; left:-9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
.checkbox_only input[type="checkbox"]:before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:0px; left:0px; border-radius:0px; cursor:pointer; }
.dark-layout .checkbox_only input[type="checkbox"]:before { border:1px solid #556378; }
.checkbox_only input[type="checkbox"]:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:4px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); cursor:pointer; }
.checkbox_only input[type="checkbox"]:checked:after { background-image: url("data:image/svg+xml,"); }
/* radio */
.custom-radio { display:flex; }
.custom-radio label { display:flex; font-size: 1rem; font-weight: 400; line-height:50px; position:relative; cursor:pointer; padding-left:10px; margin-right:10px; }
.custom-radio .custom-control-input { position:absolute; left:-9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 30px 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
.custom-radio .custom-control-label:before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:12px; left:0px; border-radius:100%; background-color:transparent; }
.custom-radio .custom-control-label:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:16px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); }
.custom-radio .custom-control-label:checked:after { background-image: url("data:image/svg+xml,")!important; }
/**.custom-control-input:not(:disabled):active ~ .custom-control-label::before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:12px; left:0px; border-radius:100%; background-color:transparent; }**/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before { box-shadow: 0 2px 4px 0 rgb(0 44 83 / 0%) !important; }
.custom-control-input:checked ~ .custom-control-label::before { /*color: #fff; border-color: #cccccc; background-color:transparent; content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:12px; left:0px; border-radius:100%;*/ }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,")!important; }
.narrow_radio .custom-radio label { line-height:30px; }
.narrow_radio .custom-radio .custom-control-label:before { top:2px; }
.narrow_radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before { top:2px; }
.narrow_radio .custom-radio .custom-control-label:after { top:6px; }
.radio_group div.radio { display:inline; }
.radio_group div.radio label { display:inline-block; font-size: 1rem; font-weight: 400; line-height:38px; position:relative; cursor:pointer; padding-left:32px; margin-right:10px; margin-bottom: 0px; }
.radio_group div.radio label input[type="radio"] { position:absolute; left:-9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 30px 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
.radio_group div.radio label input[type="radio"]:before { content:" "; display:block; border:1px solid #d8d6de; width:24px; height:24px; position:absolute; top:7px; left:0px; border-radius:100%;}
.dark-layout .radio_group div.radio label input[type="radio"]:before { border:1px solid #556378; }
.radio_group div.radio label input[type="radio"]:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:11px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); }
.radio_group div.radio label input[type="radio"]:checked:after { background-image: url("data:image/svg+xml,"); }
/* ticket radio */
.ticket_radio { display:inline; }
.ticket_radio label { display:inline-block; font-size: 1rem; font-weight: 400; line-height:20px; position:relative; cursor:pointer; padding-left:32px; margin-right:10px; min-height: 24px; margin-bottom: 0px; margin-top: 10px; }
.ticket_radio input[type="radio"] { position:absolute; left:-9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 30px 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
.ticket_radio input[type="radio"]:before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:0px; left:0px; border-radius:100%; cursor:pointer; }
.dark-layout .ticket_radio input[type="radio"]:before { border:1px solid #556378; }
.ticket_radio input[type="radio"]:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:4px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); cursor:pointer; }
.ticket_radio input[type="radio"]:checked:after { background-image: url("data:image/svg+xml,"); }
.ticket_radio span {line-height:1.2;}
/* ticket checkbox */
.ticket_checkbox { display:inline; min-width: 24px; }
.ticket_checkbox label { display:inline-block; font-size: 1rem; font-weight: 400; line-height:22px; position:relative; cursor:pointer; padding-left:32px; margin-right:10px; min-height: 24px; margin-bottom: 0px; margin-top: 10px; }
.ticket_checkbox input[type="checkbox"] { position:absolute; left:-9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0px 30px 0px 0px; border-radius:0px; text-align: center; margin:0px; position: absolute; left: 0px; }
.ticket_checkbox input[type="checkbox"]:before { content:" "; display:block; border:1px solid #cccccc; width:24px; height:24px; position:absolute; top:0px; left:0px; border-radius:0px; cursor:pointer; }
.dark-layout .ticket_checkbox input[type="checkbox"]:before { border:1px solid #556378; }
.ticket_checkbox input[type="checkbox"]:after { content:" "; display:block; width:16px; height:16px; position:absolute; top:4px; left:4px; display:inline-block; background-image:none; background-size:100% auto; filter: invert(61%) sepia(12%) saturate(2237%) hue-rotate(77deg) brightness(92%) contrast(87%); cursor:pointer; }
.ticket_checkbox input[type="checkbox"]:checked:after { background-image: url("data:image/svg+xml,"); }
.ticket_checkbox span {line-height:1.2;}
.ticket_checkbox.tier_checkbox input[type="checkbox"].minus:after { content: "\e897"; background-image: none; font-family: feather; position: absolute; top: 4px; left: 4px; font-size: 16px; line-height: 16px; }
/* select 2 */
.select2-container { z-index:6000; }
.app-content .select2-container { /*z-index:1000;*/ z-index:9;}
/*.select2-container--default .select2-selection--single { border-radius:0px; border: 1px solid #d8d6de; padding:0px; }
.form-group.error .select2-container--default .select2-selection--single { border-color: #EA5455; }
.select2-container .error input { border-color: #EA5455; }
input.error { border-color: #EA5455; }
.help-block.error { color: #EA5455; font-size: 0.875rem; padding-top: 0.2rem; }
.select2-container--classic.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single { }
.select2-container--default .select2-selection--single { height: 50px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left:0px; padding-right:15px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding:0.438rem 30px 0.438rem 1rem; font-size: 1rem; font-weight:400; line-height:36px; color: #6e6b7b; background-color: #fff; }
.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus { }
.select2-container--default .select2-selection--single .select2-selection__arrow { top:6px; right:20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { color:#0b9bfa; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: right 12px center; background-size:18px auto; padding-right: 40px; line-height:54px; left:0px; }
.select2-container--classic .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true'] { background-color: #0b9bfa !important; }
.select2-container--classic .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted { background-color: rgba(7, 46, 117, 0.12) !important; color: #0b9bfa !important; }
.select2-container--classic .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field { outline: none !important; border-radius:0rem; border-color: #D8D6DE; padding:0.7rem 1rem; }
.select2-dropdown { border-color:#aaa; border-radius:0px; }
.input-group-select2 { flex:1 auto; }
.select2-container--default .select2-selection--single .select2-selection__clear { z-index:500; width:15px; font-size:20px; }*/
/* select2 multiple */
/*.select2-container--classic .select2-selection--multiple, .select2-container--default .select2-selection--multiple { min-height: 50px !important; border-radius:0px; padding: 0.8rem 1rem 0rem 1rem; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding:0px; margin:0px; }
.select2-container--default .select2-selection__choice { font-size: 1rem; margin-top:0px!important; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius:0px; background-color:#0b9bfb!important; border-color:#0b9bfb!important; color: #fff; padding:5px 10px; margin-right:5px; margin-bottom:5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top: 4px;
}*/
/* dropzone - single image style */
.dz_init, .dz_template { display:none; }
.dropzone.single_image { min-height:inherit; margin:0px auto; /*border: 1px dashed #D9D9D9; background: #FAFAFA;*/ border-radius:0px; padding:0px; cursor:pointer; position:relative; border: 1px solid #d8d6de; border-radius: 0.357rem; }
.dark-layout .dropzone.single_image { border: 1px solid #1e293b; }
.dropzone.single_image .dz-message:before { display:none; }
.dropzone.single_image .dz-message { position:relative; text-align:center; font-size:24px; top:0px; color: #b4b7bd; padding: 50px 1.25rem; margin-top: 0px; margin-bottom: 0px; height: 100%; width:100%; left:0px; margin:0px; /*background-color: #ffffff;*/ }
.dropzone.single_image.dz-started .dz-message { opacity:0; display:none; }
.dropzone.single_image .upload_container { /*display: table-cell; width: 100%; height: 100%;*/ line-height: 20px; font-weight: bold; vertical-align: middle; margin-left: auto; margin-right: auto; color: #b4b7bd; }
/*.dropzone.single_image .upload_container:before { content: '\f093'; font-family: 'FontAwesome'; font-size: 40px; color: #309bd4; }*/
.dropzone.single_image .upload_container svg { width:40px; height:40px; color:#5ac7df; }
.dropzone.single_image .upload_container div { font-size:24px; line-height:30px; padding-top:20px; }
.dropzone.single_image .upload_container div.remarks { font-weight:normal; font-size:13px; line-height:20px; padding-top:10px; }
.dropzone.single_image .upload_container img.icon_upload{ width:86px; height:86px; }
.dropzone.single_image .dz-image img { width:100%; height:auto; max-width:inherit; }
.dropzone.single_image .dz-image video { width:100%!important; height:auto!important; max-width:inherit; max-height: 514px; display: inherit; z-index:50; margin: 0px auto; }
.dropzone.single_image .dz-preview { position: relative; min-height:200px!important; margin: 0px; padding: 0px; border: 0px; box-shadow: none; display:block; }
.dropzone.single_image .dz-success { min-height:inherit!important; }
.dropzone.single_image .dz-processing { /*in-height:inherit!important;*/ min-height:200px!important; }
.dropzone.single_image .dz-complete { min-height:inherit!important; }
.dropzone.single_image .dz-image-preview { min-height:inherit!important; }
.dropzone.single_image .dz-preview .dz-progress { opacity:1; text-indent:-9999px; position:absolute; width:100%; height:100%; min-height:100%; top:0px; left:0px; background-color:rgba(0,0,0, 0.5); }
/*.dropzone.single_image .dz-preview .dz-progress .dz-loading { opacity:1; text-indent:0; position:absolute; width:100%; height:100%; min-height:200px; top:50%; margin-top:-30px; left:0px; background-color:rgba(0,0,0, 0.5); }*/
.dropzone.single_image .dz-preview.dz-success .dz-progress {
opacity:0; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; margin:0px; border-radius:0px; }
.dropzone.single_image .dz-preview .dz-upload-info { opacity:0; }
.dropzone.single_image .dz-preview.dz-image-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.single_image .dz-preview.dz-file-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.single_image .dz-preview .dz-image { opacity:0; }
.dropzone.single_image .dz-preview.dz-success .dz-image { opacity:1; border-radius:0rem; width:100%; height:auto; }
.dropzone.single_image .dz-upload { display:block; width:100%; background-color:rgba(255,255,255, 0.3); height:20px; bottom:0px; position:absolute; left:0px; border-radius:10px; overflow: hidden; }
.dropzone.single_image .dz-upload-bar { display:block; width:100%; background-color:rgba(255,255,255, 0.7); height:20px; bottom:0px; position:absolute; left:0px; border-radius:0px; }
.dropzone.single_image .dz-upload-text { text-indent:0px; display:block; position:absolute; top:0px; left:0px; color:#cccccc; font-size:24px; width:100%; height:30px; line-height:30px; text-align:center; }
.dropzone.single_image .dropzone-choose { opacity:0; position:absolute; width:60px; height:60px; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; top: 50%!important; left: calc(50% - 100px)!important; /* top:10px; right:80px; */ margin-top:-30px!important; z-index:1; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-choose { opacity: 0.8; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-choose:hover { opacity: 1; }
.dropzone.single_image .dropzone-choose:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dropzone-choose:hover:before { opacity:1; }
.dropzone.single_image .dropzone-crop { opacity:0; position:absolute; width:60px; height:60px; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; top: 50%!important; left: calc(50% - 30px)!important; margin-top:-30px!important; z-index:1; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-crop { opacity: 0.8; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-crop:hover { opacity: 1; }
.dropzone.single_image .dropzone-crop:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dropzone-crop:hover:before { opacity:1; }
.dropzone.single_image .dz-remove { opacity:0; text-indent:-9999px; position:absolute; width:60px; height:60px; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; overflow:hidden; top: 50%!important; left: calc(50% + 40px)!important; margin-top: -30px!important; z-index:1; }
.dropzone.single_image .dz-preview.dz-success:hover .dz-remove { opacity:0.8; }
.dropzone.single_image .dz-preview.dz-success:hover .dz-remove:hover { opacity: 1; }
.dropzone.single_image .dz-remove:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dz-remove:hover:before { opacity:1; }
.dropzone.single_image .dz-remove:after { content: ""; display:none; }
.dropzone.single_image .dz-preview.dz-success:before { opacity:0; position: absolute; width:100%; height:100%; content:" "; background-color:rgba(255, 255, 255, 0.6); display:block; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dz-preview.dz-success:hover:before { opacity:1; }
.dropzone .dz-default.dz-message span, .dropzone .dz-default.dz-message button { display:table!important; width:100%; height:100%; border:0px; background:transparent; padding:0px; }
.dropzone .convert-overlay { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: rgba(34, 41, 47, 0.5); display:flex; visibility: hidden; opacity: 0; transition: all 0.5s ease; z-index:-1; }
.dropzone .convert-overlay .spinner-border { height: 4vw; width: 4vw; margin:auto; }
.dropzone.converting .convert-overlay { opacity: 1; visibility: visible; z-index: 10; }
.dropzone ~ .help-block .danger { color: #0070c0; font-size: 0.875rem; padding-top: 0.2rem; }
/* dropzone multiple */
.dropzone.multiple_images .dz-preview { width:20%; height:80px; float:left; border:2px solid #ffffff;}
.dropzone.multiple_images .dz-preview img { width:100%; height:auto; flex-shrink:cover; }
.dropzone.multiple_images { min-height: inherit; margin: 0px auto; border: 1px dashed #D9D9D9; background: #ffffff; border-radius: 0px; padding: 0px; cursor: pointer; position: relative; display:table; width:100%; }
.dropzone.multiple_images .dz-message:before { display:none; }
.dropzone.multiple_images .dz-message { position: relative; text-align: center; font-size: 24px; top: 0px; color: #444444; padding: 50px 1.25rem; margin-top: 0px; margin-bottom: 0px; height: 100%; width: 100%; left: 0px; margin: 0px; background-color: #ffffff; }
.dropzone.multiple_images.dz-started .dz-message { opacity:0; display:none; }
.dropzone.multiple_images .upload_container { /*display: table-cell; width: 100%; height: 100%;*/ line-height: 20px; font-weight: bold; vertical-align: middle; margin-left: auto; margin-right: auto; }
/*.dropzone.multiple_images .upload_container:before { content: '\f093'; font-family: 'FontAwesome'; font-size: 40px; color: #309bd4; }*/
.dropzone.multiple_images .upload_container div { font-size:24px; line-height:30px; padding-top:20px; }
.dropzone.multiple_images .upload_container div.remarks { font-weight:normal; font-size:13px; line-height:20px; padding-top:10px; }
.dropzone.multiple_images .upload_container img.icon_upload{ width:86px; height:86px; }
.dropzone.multiple_images .dz-image img { width:100%; height:auto; max-width:inherit; }
.dropzone.multiple_images .dz-image video { width:100%!important; height:auto!important; max-width:inherit; max-height: 514px; display: inherit; z-index:50; margin: 0px auto; }
.dropzone.multiple_images .dz-preview { position:relative; height:auto; }
.dropzone.multiple_images .dz-preview.dz-success:hover .dz-remove { opacity:0.5; }
.dropzone.multiple_images .dz-preview .dz-progress { opacity:1; /*text-indent:-9999px;*/ position:absolute; width:100%; height:100%; /*min-height:200px;*/ top:0px; left:0px; background-color:rgba(0,0,0, 0.5); }
.dropzone.multiple_images .dz-preview.dz-success .dz-progress {
opacity:0; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.multiple_images .dz-preview .dz-upload-info { opacity:0; }
.dropzone.multiple_images .dz-preview.dz-image-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.multiple_images .dz-preview.dz-file-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.multiple_images .dz-preview .dz-image { opacity:1; }
.dropzone.multiple_images .dz-preview.dz-success .dz-image { opacity:1; }
.dropzone.multiple_images .dz-upload { display:block; width:100%; background-color:rgba(255,255,255, 0.3); /*height:20px; bottom:0px; position:absolute; left:0px;*/ border-radius:10px; overflow: hidden; }
.dropzone.multiple_images .dz-upload-bar { display:block; width:100%; background-color:rgba(255,255,255, 0.7); height:20px; bottom:0px; position:absolute; left:0px; border-radius:0px; }
.dropzone.multiple_images .dz-upload-text { text-indent:0px; display:block; position:absolute; top:0px; left:0px; color:#cccccc; font-size:24px; width:100%; height:30px; line-height:30px; text-align:center; }
.dropzone.multiple_images .dz-remove { opacity:0; text-indent:-9999px; position:absolute; width:100%; height:100%; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; overflow:hidden; z-index:1; top:0px; right:0px; }
.dropzone.multiple_images .dz-preview.dz-success:hover .dz-remove { opacity:0.8; }
.dropzone.multiple_images .dz-preview.dz-success:hover .dz-remove:hover { opacity: 1; }
.dropzone.multiple_images .dz-remove:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.multiple_images .dz-remove:hover:before { opacity:1; }
.dropzone.multiple_images .dz-remove:after { content: ""; display:none; }
.dropzone.multiple_images .dropzone-choose { width:20%; height:80px; float:left; border:2px solid #ffffff; }
.dropzone_height_sync { height: calc(100% - 62px); }
/* dropzone audio preview */
.dropzone.single_image .dz-audio { position:absolute; width:100%; height:54px; margin-top:-27px; top:50%; border: 0px; }
.dropzone .dz-audio audio { width:90%; display:block; margin:auto; }
audio::-webkit-media-controls-panel { }
audio::-webkit-media-controls-mute-button { }
audio::-webkit-media-controls-play-button { }
audio::-webkit-media-controls-timeline-container { }
audio::-webkit-media-controls-current-time-display { /*display: none;*/}
audio::-webkit-media-controls-time-remaining-display { display: none; }
audio::-webkit-media-controls-timeline { }
audio::-webkit-media-controls-volume-slider-container { }
audio::-webkit-media-controls-volume-slider { }
audio::-webkit-media-controls-seek-back-button { }
audio::-webkit-media-controls-seek-forward-button { }
audio::-webkit-media-controls-fullscreen-button { }
audio::-webkit-media-controls-rewind-button { }
audio::-webkit-media-controls-return-to-realtime-button { }
audio::-webkit-media-controls-toggle-closed-captions-button { }
/* no crop dropzone */
.no_crop .dz-message { height:402px; }
.no_crop.dropzone.single_image .dz-processing { min-height:402px!important; }
.no_crop.dropzone.single_image .dz-success { min-height:inherit!important; }
.no_crop.dropzone.single_image .dz-complete { min-height:inherit!important; }
@media (max-width: 575.9px) {
.no_crop .dz-message { height:inherit; }
.no_crop.dropzone.single_image .dz-processing { min-height:inherit!important; }
}
.no_crop.dropzone.single_image .dropzone-choose { left: calc(50% - 70px)!important; }
.no_crop.dropzone.single_image .dropzone-crop { display:none!important; }
.no_crop.dropzone.single_image .dz-remove { left: calc(50% + 10px)!important; }
.table_no_record { display:none; }
/* sweet alert */
.dark-layout .swal2-popup { background: #111827!important; border: solid 1px #1e293b; }
.dark-layout .swal2-html-container { color:#b4b7bd!important; }
/* map style */
.leaflet-map {
height: 480px;
max-height: 100vh;
width: 100%;
padding: 0px;
margin: 0px;
}
.elevation-div {
position:absolute;
top:9999px;
left:-9999px;
height: 200px;
width: 100%;
padding: 0px;
margin: 0px;
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.elevation-control .tooltip {
position: inherit;
z-index: inherit;
display: inherit;
margin: inherit;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
text-align: inherit;
text-align: inherit;
text-decoration: inherit;
text-shadow: inherit;
text-transform: inherit;
letter-spacing: inherit;
word-break: inherit;
word-spacing: inherit;
white-space: inherit;
line-break: inherit;
font-size: inherit;
word-wrap: inherit;
opacity: 1;
}
.elevation-control.elevation .background {
background-color: #ffffff;
}
.custom-theme.height-focus.circle-lower {
fill: #71b61c;
stroke: #ffffff;
stroke-width: 2px;
r: 7;
}
.custom-theme.elevation-polyline {
stroke: #F00;
stroke-opacity: 1;
stroke-width: 2;
}
.custom-theme.elevation-polyline-segments {
stroke: #FF0;
stroke-width: 2;
stroke-dasharray: 4;
}
.custom-theme.elevation-control.elevation .area {
background: linear-gradient(#e66465, #9198e5);
fill: rgba(128, 118, 201, 0.2);
stroke: #8076c9!important;
stroke-width: 1;
}
.custom-theme.elevation-control.elevation .area path {
stroke: #8076c9!important;
}
.elevation-control.elevation .axis line,
.elevation-control.elevation .axis path {
stroke: #8076c9;
}
/*.elevation-control.elevation .axis .x.axis { display:none; }*/
.elevation-control.elevation .axis .y.axis {
position: absolute;
left: 20px;
}
.elevation-control.elevation .axis .y.axis path {
display: none;
}
.elevation-control.elevation .axis .y.axis .tick line {
display: none;
}
.elevation-control.elevation .grid .x.grid.bottom {
display: none;
}
.elevation-control.elevation .grid .y.grid.left .tick line {
stroke: rgba(128, 118, 201, 0.4);
stroke-width: 1px;
shape-rendering: crispEdges;
stroke-dasharray: 5;
}
.elevation-control.elevation .legend {
display: none;
}
.leaflet-top.leaflet-right {
display: none;
}
.leaflet-bottom.leaflet-left {
display: none;
}
.leaflet-bottom.leaflet-right .leaflet-control-search {
display: none;
}
.leaflet-bottom.leaflet-right .leaflet-control-locate {
display: none;
}
.leaflet-bottom.leaflet-right .leaflet-pegman {
display: none;
}
.leaflet-bottom.leaflet-right .leaflet-control-rotate {
display: none;
}
.leaflet-bottom.leaflet-right .leaflet-control-attribution.leaflet-edit-osm {
display: none;
}
.leaflet-control-layers-inline .leaflet-control-layers-base label:nth-child(2) {
display: none;
}
.leaflet-control-layers-inline .leaflet-control-layers-base label:nth-child(3) {
border-right: 2px solid rgba(0, 0, 0, .2);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.leaflet-control-layers-inline .leaflet-control-layers-base label:last-of-type {
display: none;
}
.leaflet-control-layers-base label:last-child {
display: none;
}
.data-summary {
margin-bottom: 20px;
}
.data-summary .summaryvalue {
font-family: 'Noto Sans HK', "microsoft jhenghei", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
font-size: 30px;
color: #271e61;
font-weight: bold;
display: block;
width: 100%;
line-height: 30px;
}
.data-summary .summarylabel {
color: #8076c9;
font-size: 0.8rem;
}
.data-summary .save_time .summaryvalue {
font-size: 22px;
color: #8076c9;
}
.data-summary .summaryvalue {
font-size: 1.8rem;
}
.data-summary .record_type {
max-height: 50px;
margin-top: 15px;
width: auto;
}
.elevation_title {
font-size: 28px;
color: #271e61;
font-weight: bold;
}
#user_profile_head #user-bg {
min-height: 200px;
}
#right-col .my_event #user_info {
margin-top: -120px;
}
#map_thumbnail img {
width: 100%;
height: auto;
}
.leaflet-gesture-handling.hide:after {
opacity: 0!important;
transition: opacity 0s ease-in-out!important;
}
/* air quality summary */
.color_bar_bg { background: linear-gradient(90deg, rgba(40,199,111,1) 45%, rgba(255,159,67,1) 55%, rgba(234,84,85,1) 80%); }
/* semi donut */
.semi_donut_box { position:relative; }
.semi_donut_min, .semi_donut_max { position:absolute; font-weight:bold; width:40%; text-align:center; }
.semi_donut_min { font-size:1.2vw; top:80%; left:0%; }
.semi_donut_max { font-size:1.2vw; top:80%; right:0%; }
@media (max-width: 1200px) {
.semi_donut_min { font-size:1.6vw; }
.semi_donut_max { font-size:1.6vw; }
}
@media (max-width: 992px) {
.semi_donut_min { font-size:2.4vw; }
.semi_donut_max { font-size:2.4vw; }
}
@media (max-width: 575.9px) {
.semi_donut_min { font-size:4vw; }
.semi_donut_max { font-size:4vw; }
}
#air_summary .table-responsive { width: calc(100% + 2rem); margin: -1rem; padding: 1rem; }
#air_summary table { margin:0px!important; padding:0px!important; }
#air_summary table thead { display:none; }
#air_summary table tbody { display:flex; flex-wrap: wrap; border-bottom: 0px; margin-right: -1rem; margin-left: -1rem; }
#air_summary table tbody tr { position: relative; padding-right: 1rem; padding-left: 1rem; display: inline-block; border: 0px; flex: 0 0 33.33333%; width: 33.33333%; vertical-align: top; border-radius:0px; /*overflow:hidden;*/ margin-bottom:20px; }
#air_summary table tbody tr:hover { background-color:transparent; }
#air_summary table tbody td { border: 0px; }
#air_summary table tbody td.display_content { display:flex!important; padding:0px; height:100%; }
#air_summary table tbody td.display_content .card { margin:0px; width:100%; }
#air_summary table tbody td.display_content .card-header { display:block; padding-right:40px; }
#air_summary table tbody td.display_content .card .card-body { margin-bottom:65px; }
#air_summary table tbody td.status { position:absolute; left:50px; bottom:40px; }
#air_summary table tbody td.wifi { position:absolute; left:15px; bottom:40px; }
#air_summary table tbody td.battery { position:absolute; left:145px; bottom:40px; }
#air_summary table tbody td.update { position:absolute; bottom:10px; font-size:12px;}
#air_summary table tbody td.action { position:absolute; right:10px; top:5px; }
#air_summary table.empty.dataTable { display: table; }
#air_summary table.empty.dataTable tbody { display: table-cell; }
#air_summary table.empty.dataTable tbody tr { width: 100%!important; background-color: transparent !important; box-shadow: none !important; }
#air_summary table td.dataTables_empty { width: 100%; display: block; margin: 0px; padding: 0px !important; overflow: hidden; }
@media (max-width: 992px) {
#air_summary table tbody tr { flex: 0 0 50%; width: 50%; }
}
@media (max-width: 576px) {
#air_summary table tbody tr { flex: 0 0 100%; width: 100%; }
}
.input-group > .form-control:not(:first-child) .select2-container .select2-selection--multiple { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.input-group > .form-control:not(:first-child) .select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.input-group > .input-group-prepend .select2-container .select2-selection--single { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .input-group-prepend .select2-container--classic.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--single { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .select2-selection:first-child .select2-container .select2-selection--single { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .select2-selection:first-child .select2-container--classic.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--single { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .input-group-prepend .select2-container .select2-selection--multiple { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group > .input-group-prepend .select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
div.dt-datetime { z-index: 6050; }
.flatpickr-calendar.open { z-index: 6051;}
.help-block ul { margin-bottom:0px!important; }
#today_schedule.table { border-collapse: separate !important; margin-top:0px!important; }
#today_schedule.table thead { }
#today_schedule.table thead tr { border-bottom: 1px solid #d8d6de!important; }
#today_schedule.table thead tr th { border-top: 1px solid #d8d6de!important; border-right: 1px solid #d8d6de!important; border-bottom: 0px solid #d8d6de!important;}
#today_schedule.table thead tr th:first-child { border-left: 0px!important; }
#today_schedule.table thead tr:first-child th:last-child { border-right: 0px!important; }
#today_schedule.table tbody tr { border-top: 10px solid #ebe9f1!important; }
#today_schedule.table tbody tr td { border-top: 10px solid #ebe9f1!important; border-right: 1px solid #ebe9f1!important;}
#today_schedule.table tbody tr:last-child { border-bottom: 10px solid #ebe9f1!important; }
#today_schedule td.level_col { font-size:26px; padding:2px 10px;}
.dark-layout #today_schedule.table thead tr { border-bottom: 1px solid #565f76!important; }
.dark-layout #today_schedule.table thead tr th { border-top: 1px solid #565f76!important; border-right: 1px solid #565f76!important; border-bottom: 0px solid #d8d6de!important;}
.dark-layout #today_schedule.table tbody tr { border-top: 10px solid #565f76!important; }
.dark-layout #today_schedule.table tbody tr td { border-top: 10px solid #565f76!important; border-right: 1px solid #565f76!important;}
.dark-layout #today_schedule.table tbody tr:last-child { border-bottom: 10px solid #5e6269!important; }
#today_schedule td.level_col { font-size:26px; padding:2px 10px;}
#bas_schedule .tableWrap { height: 200px; overflow-y: auto; overflow-x: auto; /*overflow-x: hidden;*/ }
#bas_schedule .tableWrap.table-responsive { min-height:calc(100dvh - 285px)!important;}
#bas_schedule .tableWrap #today_schedule thead { position: sticky!important; top: 0; z-index:1000!important; background-color:#000000;}
#bas_schedule .tableWrap #today_schedule thead tr:first-child th { position: sticky!important; top: 0; }
#bas_schedule .tableWrap #today_schedule table { width: 100%; }
/* today schedule */
#today_schedule td { position:relative; }
#today_schedule td.dtfc-fixed-left { z-index:2; }
.schedule_block.weekly:before { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #28c76f; }
.schedule_block.special_off:before { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #cccccc; }
.schedule_block.special_on:before { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #309bd4; }
.schedule_block.duration_10:before { width: 16.66%; }
.schedule_block.duration_20:before { width: 33.33%; }
.schedule_block.duration_30:before { width: 50%; }
.schedule_block.duration_40:before { width: 66.66%; }
.schedule_block.duration_50:before { width: 83.33%; }
.schedule_block.duration_60:before { width: 100%; }
.schedule_block.start_00:before { left:0px; right:inherit; }
.schedule_block.start_10:before { left:16.66%; right:inherit; }
.schedule_block.start_20:before { left:33.33%; right:inherit; }
.schedule_block.start_30:before { left:50%; right:inherit; }
.schedule_block.start_40:before { left:66.66%; right:inherit; }
.schedule_block.start_50:before { left:83.33%; right:inherit; }
#bas_equipment .table-responsive { width: calc(100% + 2rem); margin: -1rem; padding: 1rem; }
#bas_equipment table { margin:0px!important; padding:0px!important; display: block; border-collapse: separate; }
#bas_equipment table thead { display:none; }
#bas_equipment table tbody { /*display:flex;*/ /*display:block; flex-wrap: wrap; border-bottom: 0px;*/ /*margin-right: -1rem; margin-left: -1rem;*/ display: flex; flex-wrap: wrap; border-bottom: 0px; margin-left: -0.5%; margin-right: -0.5%; width: 101%; }
#bas_equipment table tbody tr { position: relative; padding-right: 1rem; padding-left: 1rem; display: inline-block; border: 0px; /*flex: 0 0 33.33333%;*/vertical-align: top; /*border-radius:0px;*/ /*overflow:hidden;*/ margin-bottom:10px; /*background-color: #ffffff;*/ padding:1rem; margin-left: 0.5%; margin-right: 0.5%; }
#bas_equipment table tbody tr:not(.group) { min-height:85px; }
#bas_equipment table tbody tr:not(.group).started { border-left: 8px solid #28c76f; }
#bas_equipment table tbody tr:not(.group).stopped { border-left: 8px solid #cccccc; }
#bas_equipment table tbody tr:not(.group).offline { border-left: 8px solid #ea5455; }
#bas_equipment table tbody tr:hover { background-color:transparent; }
#bas_equipment table tbody td { border: 0px; padding:0px;}
#bas_equipment table tbody td.level_col { display:none; }
#bas_equipment table tbody td.zone_col { display:inline; width: 100%; text-align: left; line-height:36px; font-size: 36px; font-weight:400; margin-bottom:10px; }
#bas_equipment table tbody td.zone_ui_col { font-size:14px; font-weight:normal; position: absolute; left: 15px; top: 50px;}
#bas_equipment table tbody td.equipment_col { position: absolute; left: 70px; top: 14px; text-align: left; font-size: 20px; font-weight:bold; color:#5ac7df; }
#bas_equipment table tbody td.mode_col { position: absolute; left: 70px; top: 49px; text-align: left; }
#bas_equipment table tbody td.status_col { position: absolute; right: 15px; top: 14px; text-align: right; /*display: flex; align-items: center;*/ }
#bas_equipment table tbody td.status_col img { width:56px; height:56px; }
#bas_equipment table tbody td.status_col img.started { filter: brightness(0) saturate(100%) invert(62%) sepia(16%) saturate(3926%) hue-rotate(100deg) brightness(105%) contrast(69%); }
#bas_equipment table tbody td.status_col img.stopped { filter: brightness(0) saturate(100%) invert(77%) sepia(47%) saturate(1%) hue-rotate(226deg) brightness(100%) contrast(86%); }
#bas_equipment table tbody td.status_col img.offline { filter: brightness(0) saturate(100%) invert(42%) sepia(82%) saturate(1270%) hue-rotate(327deg) brightness(94%) contrast(99%); }
#bas_equipment table tbody td.status_col .error_label { position: absolute; right:-10px; top:-8px; }
#bas_equipment table tbody td.status_col .error_label .badge.badge-up:before { content:"!"; display:block; font-size:14px; }
#bas_equipment table tbody td.action_col { display:none; width:20px; padding:0px; position: absolute; right: 10px; top: 10px; }
#bas_equipment table.empty.dataTable { display: table; }
#bas_equipment table.empty.dataTable tbody { display: table-cell; }
#bas_equipment table.empty.dataTable tbody tr { width: 100%!important; background-color: transparent !important; box-shadow: none !important; }
#bas_equipment table td.dataTables_empty { width: 100%; display: block; margin: 0px; padding: 0px !important; overflow: hidden; }
#bas_equipment table tbody tr { /*flex: 0 0 50%;*/ width: 24%; }
@media (max-width: 1600px) {
#bas_equipment table tbody tr { /*flex: 0 0 50%;*/ width: 32.33333%; }
}
@media (max-width: 992px) {
#bas_equipment table tbody tr { /*flex: 0 0 50%;*/ width: 49%; }
}
@media (max-width: 768px) {
#bas_equipment table tbody tr { /*flex: 0 0 100%;*/ width: 99%; }
}
/* group title */
#bas_equipment table tbody tr.group { width: 99%!important; margin-left: 0.5%; margin-right: 0.5%; padding: 0.75rem 1rem; /*background-color: #ffffff;*/ border: 0px; font-size: 16px; margin-top:10px; }
#bas_equipment table tbody tr.group:first-child { margin-top:0px; }
#bas_equipment table tbody tr.group td { text-align: left; /*color: #0A1551;*/ font-weight: bold; }
#bas_equipment table tbody tr.group:before { content: "\e845"; font-family: feather!important; font-size: 24px; position: absolute; top: 5px; right: 15px; }
#bas_equipment table tbody tr.group.open:before { content: "\e842"; font-family: feather!important; font-size: 24px; position: absolute; top: 5px; right: 15px; }
#bas_equipment table tbody tr.group td { padding: 0px 0px 0px 0px; height: inherit; }
#bas_equipment table tbody tr.group td:before { display: none; }
#bas_equipment table tbody tr.group.open td:before { display: none; }
#bas_equipment table tbody tr.group .group_floorplan_link { z-index:10; }
#bas_equipment table tbody tr.group .group_trigger { position:absolute; width:calc(100% - 150px); height:100%; top:0px; right:0px; z-index:1; cursor:pointer; }
/* modal floorplan */
/* modal floorplan */
#modal_floorplan.show { height: 100%; width: 100%; margin: 0px; display: block!important; padding: 0px!important; overflow: hidden; }
#modal_floorplan .modal-dialog { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_floorplan .modal-dialog .modal-content { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_floorplan .modal-body { max-height: calc(100dvh - 62px) !important; min-height: calc(100dvh - 62px) !important; }
#modal_floorplan .content_left { height: calc(100dvh - 62px); max-width: 400px; width: 100%; overflow-y: auto; overflow-x: hidden; }
#modal_floorplan .content_right { height: calc(100dvh - 62px); }
#modal_floorplan .level_col { display:none; }
#modal_floorplan .left_equipment_list .card { padding:1rem; min-height: 85px; margin-bottom:10px; border-left: 8px solid #5ac7df; }
#modal_floorplan .left_equipment_list .card.started { border-left: 8px solid #28c76f; }
#modal_floorplan .left_equipment_list .card.stopped { border-left: 8px solid #cccccc; }
#modal_floorplan .left_equipment_list .card.offline { border-left: 8px solid #ea5455; }
#modal_floorplan .zone_col { display:inline; width: 100%; text-align: left; line-height:36px; font-size: 36px; font-weight:400; margin-bottom:10px; }
#modal_floorplan .zone_ui_col { font-size:14px; font-weight:normal; position: absolute; left: 15px; top: 50px;}
#modal_floorplan .equipment_col { position: absolute; left: 75px; top: 14px; text-align: left; font-size: 20px; font-weight:bold; color:#5ac7df; }
#modal_floorplan .mode_col { position: absolute; left: 75px; top: 49px; text-align: left; }
#modal_floorplan .status_col { position: absolute; right: 15px; top: 14px; text-align: right; /*display: flex; align-items: center;*/ }
#modal_floorplan .status_col img { width:56px; height:56px; }
#modal_floorplan .status_col img.started { filter: brightness(0) saturate(100%) invert(62%) sepia(16%) saturate(3926%) hue-rotate(100deg) brightness(105%) contrast(69%); }
#modal_floorplan .status_col img.stopped { filter: brightness(0) saturate(100%) invert(77%) sepia(47%) saturate(1%) hue-rotate(226deg) brightness(100%) contrast(86%); }
#modal_floorplan .status_col img.offline { filter: brightness(0) saturate(100%) invert(42%) sepia(82%) saturate(1270%) hue-rotate(327deg) brightness(94%) contrast(99%); }
#modal_floorplan .status_col .error_label { position: absolute; right:-10px; top:-8px; }
#modal_floorplan .status_col .error_label .badge.badge-up:before { content:"!"; display:block; font-size:14px; }
#modal_floorplan .action_col { display:none; width:20px; padding:0px; position: absolute; right: 10px; top: 10px; }
#modal_2nd_level_backdrop.modal-backdrop.fade { z-index:-1!important; }
#modal_2nd_level_backdrop.modal-backdrop.show { z-index:5800!important; }
/* page floorplan */
#floorplan { max-height: calc(100dvh - 62px) !important; min-height: calc(100dvh - 210px) !important; }
#floorplan .content_left { height: calc(100dvh - 210px); /*max-width: 400px; width: 100%;*/ overflow-y: auto; overflow-x: hidden; padding-top:6px!important; }
#floorplan .content_right { max-height: calc(100dvh - 210px); padding-top:6px!important; }
@media (max-width: 767.9px) {
#floorplan .content_left { height:auto; }
}
#floorplan .row { margin-left: -5px !important; margin-right: -5px !important; }
#floorplan .col-12, #floorplan .col-xl-6 { padding-left:5px!important; padding-right:5px!important; }
#floorplan .level_col { display:none; }
#floorplan .left_equipment_list .card { padding:1rem; min-height: 85px; margin-top:0px; margin-bottom:10px; border-left: 8px solid #5ac7df; }
#floorplan .left_equipment_list .card.started { border-left: 8px solid #28c76f; }
#floorplan .left_equipment_list .card.stopped { border-left: 8px solid #cccccc; }
#floorplan .left_equipment_list .card.offline { border-left: 8px solid #ea5455; }
#floorplan .zone_col { display:inline; width: 100%; text-align: left; line-height:36px; font-size: 36px; font-weight:400; margin-bottom:10px; }
#floorplan .zone_ui_col { font-size:14px; font-weight:normal; position: absolute; left: 15px; top: 50px;}
#floorplan .equipment_col { position: absolute; left: 70px; top: 14px; text-align: left; font-size: 20px; font-weight:bold; color:#5ac7df; }
#floorplan .mode_col { position: absolute; left: 70px; top: 49px; text-align: left; }
#floorplan .status_col { position: absolute; right: 15px; top: 14px; text-align: right; /*display: flex; align-items: center;*/ }
#floorplan .status_col img { width:56px; height:56px; }
#floorplan .status_col img.started { filter: brightness(0) saturate(100%) invert(62%) sepia(16%) saturate(3926%) hue-rotate(100deg) brightness(105%) contrast(69%); }
#floorplan .status_col img.stopped { filter: brightness(0) saturate(100%) invert(77%) sepia(47%) saturate(1%) hue-rotate(226deg) brightness(100%) contrast(86%); }
#floorplan .status_col img.offline { filter: brightness(0) saturate(100%) invert(42%) sepia(82%) saturate(1270%) hue-rotate(327deg) brightness(94%) contrast(99%); }
#floorplan .status_col .error_label { position: absolute; right:-10px; top:-8px; }
#floorplan .status_col .error_label .badge.badge-up:before { content:"!"; display:block; font-size:14px; }
#floorplan .action_col { display:none; width:20px; padding:0px; position: absolute; right: 10px; top: 10px; }
.floorplan_group { position:relative; display:inline-block; }
.floorplan_fan { position:absolute; }
.floorplan_fan.lower_level { width:6%; height:auto; }
.floorplan_fan.lower_level.a1-1 { top:11%; left:33%; }
.floorplan_fan.lower_level.a1-2 { top:11%; left:42%; }
.floorplan_fan.lower_level.a2-1 { top:16%; left:70%; }
.floorplan_fan.lower_level.a2-2 { top:29%; left:58%; }
.floorplan_fan.lower_level.a3-1 { top:62%; left:72%; }
.floorplan_fan.lower_level.a3-2 { top:61%; left:92%; }
.floorplan_fan.lower_level.a3-3 { top:69%; left:82%; }
.floorplan_fan.lower_level.a3-4 { top:78%; left:70%; }
.floorplan_fan.lower_level.b1-1 { top:76%; left:51%; }
.floorplan_fan.lower_level.b1-2 { top:74%; left:36%; }
.floorplan_fan.lower_level.b2-1 { top:46%; left:29%; }
.floorplan_fan.lower_level.b2-2 { top:58%; left:29%; }
.floorplan_fan.upper_level { width:7.5%; height:auto; }
.floorplan_fan.upper_level.a1-1 { top:4%; left:18%; }
.floorplan_fan.upper_level.a2-1 { top:26%; left:81%; }
#building_list .row { margin-left:-5px!important; margin-right:-5px!important; }
#building_list .col-12, #building_list .col-sm-6, #building_list .col-xl-4 { padding-left:5px!important; padding-right:5px!important; }
#building_list .card { padding:1rem; min-height: 85px; margin-bottom:10px; overflow:hidden; /*border-left: 8px solid #5ac7df;*/ }
/*#building_list .card:before { content:" "; z-index:0; display:block; width:50px; height:90px; background-color: #5ac7df; position:absolute; top:0px; left:0px; }*/
/*#building_list .card .div { z-index:2; }*/
#building_list .level_col { display:inline; width: 100%; text-align: left; line-height:36px; font-size: 36px; font-weight:400; margin-bottom:10px; padding-left:8px; }
#building_list .level_ui_col { font-size:14px; font-weight:normal; position: absolute; left: 23px; top: 50px;}
#building_list .run_col { position: absolute; left: 78px; top: 36px; text-align: left; font-size: 26px; font-weight:500; }
#building_list .run_ui_col { position: absolute; left: 78px; top: 16px; text-align: left; }
#building_list .action_col { cursor:pointer; width:20px; padding:0px; position: absolute; right: 10px; bottom: 8px; }
#building_list .error_badge { width:20px; padding:0px; position: absolute; right: 10px; top: 10px; }
.tableWrap { height: 200px; overflow-y: auto; overflow-x: hidden; }
.tableWrap thead tr th { position: sticky!important; top: 0; }
.tableWrap table { width: 100%; }
.bas_chart_box .semi_donut_box { position:relative; }
.bas_chart_box .chart_icon img { width:70px; height:auto; position:absolute; top:50px; left:50%; margin-left:-35px; }
.bas_chart_box .semi_donut_value { position:absolute; width:100%; text-align:center; top:120px; left:0px; font-size:2rem; color:#28c76f; }
/* semi donut */
.semi_donut_box { position:relative; }
.semi_donut_min, .semi_donut_max { position:absolute; font-weight:bold; width:40%; text-align:center; }
.semi_donut_min { font-size:1.2vw; top:80%; left:0%; }
.semi_donut_max { font-size:1.2vw; top:80%; right:0%; }
@media (max-width: 1200px) { .semi_donut_min { font-size:1.6vw; }
.semi_donut_max { font-size:1.6vw; }
}
@media (max-width: 992px) { .semi_donut_min { font-size:2.4vw; }
.semi_donut_max { font-size:2.4vw; }
}
@media (max-width: 575.9px) { .semi_donut_min { font-size:4vw; }
.semi_donut_max { font-size:4vw; }
}
.schematic_group { position:relative; display:inline-block; }
.schematic_icon { position:absolute; width:7.5%; height:auto; }
.schematic_icon.level-7-1 { top:88.05%; left:22.13%; }
.schematic_icon.level-7-2 { top:88.05%; left:31.15%; }
.schematic_icon.level-8-1 { top:77.13%; left:22.13%; }
.schematic_icon.level-8-2 { top:77.13%; left:31.15%; }
.schematic_icon.level-9-1 { top:66.21%; left:22.13%; }
.schematic_icon.level-9-2 { top:66.21%; left:31.15%; }
.schematic_icon.level-10-1 { top:55.4%; left:22.13%; }
.schematic_icon.level-10-2 { top:55.4%; left:31.15%; }
.schematic_icon.level-11-1 { top:44.5%; left:22.13%; }
.schematic_icon.level-11-2 { top:44.5%; left:31.15%; }
.schematic_icon.level-12-1 { top:33.54%; left:22.13%; }
.schematic_icon.level-12-2 { top:33.54%; left:31.15%; }
.schematic_icon.level-13-1 { top:22.64%; left:22.13%; }
.schematic_icon.level-13-2 { top:22.64%; left:31.15%; }
.schematic_icon.level-14-1 { top:11.86%; left:22.13%; }
.schematic_icon.level-14-2 { top:11.86%; left:31.15%; }
.schematic_icon.level-15-1 { top:0.95%; left:22.13%; }
.schematic_icon.level-15-2 { top:0.95%; left:31.15%; }
.schematic_icon.level-16-1 { top:88.05%; left:51.64%; }
.schematic_icon.level-16-2 { top:88.05%; left:60.65%; }
.schematic_icon.level-17-1 { top:77.13%; left:51.64%; }
.schematic_icon.level-18-1 { top:66.21%; left:51.64%; }
.schematic_icon.level-18-2 { top:66.21%; left:60.65%; }
.schematic_icon.level-19-1 { top:55.4%; left:51.64%; }
.schematic_icon.level-19-2 { top:55.4%; left:60.65%; }
.schematic_icon.level-20-1 { top:44.5%; left:51.64%; }
.schematic_icon.level-20-2 { top:44.5%; left:60.65%; }
.schematic_icon.level-21-1 { top:33.54%; left:51.64%; }
.schematic_icon.level-21-2 { top:33.54%; left:60.65%; }
.schematic_icon.level-22-1 { top:22.64%; left:51.64%; }
.schematic_icon.level-22-2 { top:22.64%; left:60.65%; }
.schematic_icon.level-23-1 { top:11.86%; left:51.64%; }
.schematic_icon.level-23-2 { top:11.86%; left:60.65%; }
.schematic_icon.level-24-1 { top:0.95%; left:51.64%; }
.schematic_icon.level-24-2 { top:0.95%; left:60.65%; }
.schematic_icon.level-25-1 { top:88.05%; left:81%; }
.schematic_icon.level-25-2 { top:88.05%; left:90%; }
.schematic_icon.level-26-1 { top:77.13%; left:81%; }
.schematic_icon.level-27-1 { top:66.21%; left:81%; }
.schematic_icon.level-28-1 { top:55.4%; left:81%; }
.schematic_icon.level-29-1 { top:44.5%; left:81%; }
.schematic_icon.level-30-1 { top:33.54%; left:81%; }
.schematic_icon.level-31-1 { top:22.64%; left:81%; }
.schematic_icon.level-32-1 { top:11.86%; left:81%; }
.schematic_icon.level-33-1 { top:0.95%; left:81%; }
.schematic_nav { position:absolute; width:24.59%; height:10.19%; /*background-color: rgba(0, 0, 0, .2);*/ }
.schematic_nav.level_7 { top:87.05%; left:16.43%; }
.schematic_nav.level_8 { top:76.13%; left:16.43%; }
.schematic_nav.level_9 { top:65.21%; left:16.43%; }
.schematic_nav.level_10 { top:54.4%; left:16.43%; }
.schematic_nav.level_11 { top:43.5%; left:16.43%; }
.schematic_nav.level_12 { top:32.54%; left:16.43%; }
.schematic_nav.level_13 { top:21.64%; left:16.43%; }
.schematic_nav.level_14 { top:10.86%; left:16.43%; }
.schematic_nav.level_15 { top:0%; left:16.43%; }
.schematic_nav.level_16 { top:87.05%; left:45.94%; }
.schematic_nav.level_17 { top:76.13%; left:45.94%; }
.schematic_nav.level_18 { top:65.21%; left:45.94%; }
.schematic_nav.level_19 { top:54.4%; left:45.94%; }
.schematic_nav.level_20 { top:43.5%; left:45.94%; }
.schematic_nav.level_21 { top:32.54%; left:45.94%; }
.schematic_nav.level_22 { top:21.64%; left:45.94%; }
.schematic_nav.level_23 { top:10.86%; left:45.94%; }
.schematic_nav.level_24 { top:0%; left:45.94%; }
.schematic_nav.level_25 { top:87.05%; left:75.3%; }
.schematic_nav.level_26 { top:76.13%; left:75.3%; }
.schematic_nav.level_27 { top:65.21%; left:75.3%; }
.schematic_nav.level_28 { top:54.4%; left:75.3%; }
.schematic_nav.level_29 { top:43.5%; left:75.3%; }
.schematic_nav.level_30 { top:32.54%; left:75.3%; }
.schematic_nav.level_31 { top:21.64%; left:75.3%; }
.schematic_nav.level_32 { top:10.86%; left:75.3%; }
.schematic_nav.level_33 { top:0%; left:75.3%; }
/* alert blink */
.blink { animation: blinker 1s linear infinite; }
@keyframes blinker {
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.btn_level_up { border-radius: 0px; padding: 0.786rem 1.5rem;}
.btn_level_down { border-radius: 0px; padding: 0.786rem 1.5rem;}
.subtitle_actions .dropdown-menu { position:absolute; transform:none!important; top:20px!important; right: 0px!important; left: inherit!important; }
/* set all to scrollable modal */
.modal { overflow-y: hidden; }
.modal .modal-body { max-height: calc(100vh - 160px); overflow-y: auto; }
.fc-daygrid-day-top .fc-daygrid-day-number { width:100%; display:block; }
.fc-daygrid-day-top:after { content:"\e8b1"; font-family: feather !important; font-size:18px; color:#5ac7df; display:block; position:absolute; right:0px; top:2px; width:20px; height:20px; }
.btn_whole_day { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 0.786rem 1.5rem; }
.swal2-container { z-index: 5800!important; }
.fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot { height: 0.45rem!important; line-height: 0.45rem!important; }
.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { position: relative; top: 7px; }
.dark-layout .fc .fc-timegrid .fc-scrollgrid-section .fc-col-header-cell, .dark-layout .fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis { border-color: #565f76; }
.dark-layout .fc .fc-day-today { background: #182235 !important; background-color: #182235 !important; }
.dark-layout .fc tbody td, .dark-layout .fc thead th { border-color: #565f76; }
.dark-layout .fc .fc-timegrid-slot-minor { color:#d8d6de; }
.dark-layout .fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot .fc-timegrid-slot-label-frame .fc-timegrid-slot-label-cushion { color:#d0d2d6; }
.dark-layout .fc .fc-daygrid-day-number, .dark-layout .fc .fc-timegrid-slot-label-cushion, .dark-layout .fc .fc-list-event-time { color: #d8d6de; }
.dark-layout .fc-theme-standard .fc-scrollgrid { border: 1px solid #565f76; }
.dark-layout .subtitle_actions .dropdown-menu { position: absolute; transform: none !important; top: 20px !important; right: 0px !important; left: inherit !important; }
.fc tbody td.fc-timegrid-slot-label.fc-timegrid-slot-minor { border-bottom:0px!important; border-color: transparent; }
/* button choice checkbox */
.button_choice { margin-right: -4px; margin-left: -4px; }
.button_choice .choice-group { padding-right: 4px; padding-left: 4px;}
.button_choice .choice-group label span { font-size: 1rem; font-weight: 400; line-height: 1.45; }
.button_choice label { padding-left: 0rem; padding-right: 0.2rem; /*width:100%;*/ display:flex; }
.button_choice label input[type="checkbox"] { position:absolute; left:-9999px; }
.button_choice label input[type="radio"] { position:absolute; left:-9999px; }
.button_choice label span { height:100%; width:100%; padding: 10px 8px; border:1px solid #cccccc; color: #333; background-color: transparent; border-radius:0px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor:pointer; }
.form-group.error .button_choice label span:hover { border-color: #EA5455; }
.form-group.error .button_choice label span { border-color: #EA5455; }
.button_choice label span:hover { background-color: #e6e6e6; border-color: #adadad; }
.button_choice label input[type="checkbox"]:checked ~ span { color: #fff; background-color:#5ac7df; border-color:#5ac7df; }
.button_choice label input[type="checkbox"]:checked:focus ~ span { color: #fff; background-color:#5ac7df; border-color:#5ac7df; }
.button_choice label input[type="radio"]:checked ~ span { color: #fff; background-color:#5ac7df; border-color:#5ac7df; }
.button_choice label input[type="radio"]:checked:focus ~ span { color: #fff; background-color:#5ac7df; border-color:#5ac7df; }
.repeat_option_week .button_choice label { width: auto !important; }
.repeat_option_week .button_choice { margin-left: 0px !important; }
.dark-layout .button_choice label span { color: #b4b7bd; }
/* 20251014 add style */
.card.event_info { display:flex; flex-wrap:nowrap; flex-direction: row; justify-content: start; }
.card.event_info .event_details { display:flex; flex-wrap:nowrap; flex-direction: row; justify-content: start; }
.card.event_info .level_num { display:block; margin-right:15px; }
.card.event_info .ticket_checkbox { display:block; }
.event_info .level_col { display:inline; width: 100%; text-align: left; line-height:30px; font-size: 30px; font-weight:400; margin-bottom:10px; padding-left:0px; }
.event_info .level_ui_col { font-size:14px; font-weight:normal; font-size: 12px; }
.event_info .merge_name { text-align: left; font-weight:bold; margin-bottom:5px; }
.event_info .merge_time { text-align: left; }
.event_info .fa-circle .on { color:#309bd4; }
.event_info .fa-circle .off { color:#cccccc; }
/* Icon Class for buzzer */
.menu-light .icon_buzzer{
background:url(../../app-assets/images/icons/icon_buzzer_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_buzzer, .active .icon_buzzer{
background:url(../../app-assets/images/icons/icon_buzzer_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
/* Icon Class for vessel */
.menu-light .icon_vessel{
background:url(../../app-assets/images/icons/icon_ship_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_sound_level{
background:url(../../app-assets/images/icons/icon_sound_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
/* Icon Class for water_meter */
.menu-light .icon_water_meter{
background:url(../../app-assets/images/icons/icon_watermeter_grey.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_vessel, .active .icon_vessel{
background:url(../../app-assets/images/icons/icon_ship_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_sound_level, .active .icon_sound_level{
background:url(../../app-assets/images/icons/icon_sound_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_water_meter, .active .icon_water_meter{
background:url(../../app-assets/images/icons/icon_watermeter_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-light .icon_ieq{
background:url(../../app-assets/images/icons/icon_ieq_gray.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.menu-dark .icon_ieq, .active .icon_ieq{
background:url(../../app-assets/images/icons/icon_ieq_white.svg) center center;
background-size:contain;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
/* 20260514 add the below for link buzzer interface */
.buzzer-list .buzzer-row { border-bottom:0px!important; padding:0px!important; margin-bottom:15px!important; }
.buzzer-list .buzzer-row > .row { position:relative; display:block; padding:10px; margin:0px; border:1px solid #d8d6de; margin-bottom:5px!important; }
.buzzer-list .buzzer-row > .row .col-10 { display:flex; flex-flow: row wrap; /*width:calc(100% - 80px);*/ width:100%; max-width:inherit; flex:none; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-2 { display:inline-block!important; position:absolute; top:0px; right:0px; width: inherit; height: inherit; flex:none; max-width:inherit; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-2 button { border-color:transparent !important; background-color:transparent !important; color: #cccccc !important; width:34px; height:34px; padding:0px; }
.buzzer-list .buzzer-row > .row .col-2 button i:before { content:"\e8f6"; color: #cccccc; font-family: feather !important; font-size:20px; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.buzzer-list .buzzer-row > .row .col-2 button:hover { box-shadow:none; }
.buzzer-list .buzzer-row > .row .col-2 button:hover i:before { color: #000000; }
.buzzer-list .buzzer-row > .row .col-10 > .row { padding:0px; margin:0px; margin-bottom:5px!important; }
.buzzer-list .buzzer-row > .row .col-10 > .row:first-child { display:flex; flex: 0 0 32%; max-width: 32%; margin-right:2%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:first-child .form-group { flex:none; padding:0px; margin:0px; width:100%; max-width:100%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) { display:flex; flex: 0 0 66%; max-width: 66%; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) .form-group { flex:none; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) .form-group:first-child { width:48.5%; max-width:48.5%; margin-right:3%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) .form-group:nth-child(2) { width:48.5%; max-width:48.5%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) { display:flex; flex: 0 0 66%; max-width: 66%; margin-right:2%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) .form-group { flex:none; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) .form-group:first-child { width:48.5%; max-width:48.5%; margin-right:3%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) .form-group:nth-child(2) { width:48.5%; max-width:48.5%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) .sound-container[style='display:none;'] ~ .light-container { width:100%; max-width:100%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(4) { display:flex; flex: 0 0 32%; max-width: 32%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(4) .form-group { flex:none; padding:0px; margin:0px; width:100%; max-width:100%; }
@media (max-width: 576px) {
.buzzer-list .buzzer-row > .row .col-10 > .row:first-child { display:flex; flex: 0 0 100%; max-width: 100%; margin-right:0%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) { display:flex; flex: 0 0 100%; max-width: 100%; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) .form-group:first-child { width:100%; max-width:100%; margin-right:0%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(2) .form-group:nth-child(2) { width:100%; max-width:100%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) { display:flex; flex: 0 0 100%; max-width: 100%; padding:0px; margin:0px; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) .form-group:first-child { width:100%; max-width:100%; margin-right:0%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(3) .form-group:nth-child(2) { width:100%; max-width:100%; }
.buzzer-list .buzzer-row > .row .col-10 > .row:nth-child(4) { display:flex; flex: 0 0 100%; max-width: 100%; }
}
/* old header fix */
.main-menu .navbar-header .navbar-brand .brand-text { display:none; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text { display:none; }
#gps_map { position:relative; }
#gps_map #map { position:absolute; top:0px; width:100%; height:100%; }
/* row resize */
.resizer_container { display: flex; flex-direction: column; height: calc(100vh - 112px); /* Forces the div to take exactly the screen height */ overflow: hidden; /* Ensures no scrolling */ }
.resizer_container .resize_row { display: flex; justify-content: center; overflow: auto; /* Allows scrolling inside the individual rows if their content is too long */ }
.resizer_container .top-row { flex: 0 0 50%; /* Initial starting size (50%) */ background-color: #ffffff; }
.resizer_container .bottom-row { flex: 1; /* Automatically takes the remaining space */ background-color: #ffffff; }
.dark-layout .resizer_container .bottom-row { background-color: #111827; }
.resizer_container .resizer { position:relative; height: 5px; /* Thickness of your drag handle */ background-color: #888; /* Changes cursor to up/down arrows */ flex-shrink: 0; /* Prevents the handle from shrinking */ transition: background-color 0.2s; z-index:1000; }
/*.resizer_container .resizer .btn_resize { position:absolute; left:50%; margin-left:-35px; top:-12px; width:35px; height:30px; border:1px solid #666666; background-color: #ffffff; z-index:10; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}*/
.resizer_container .resizer .btn_fullscreen { position:absolute; left:50%; margin-left:-15px; top:-12px; width:30px; height:30px; border:1px solid #666666; background-color: #ffffff; z-index:10; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor:pointer; }
.resizer_container .resizer:hover, .resizer_container .resizer:active { background-color: #555; }
.resizer_container .custom_data_table { margin-bottom:0px; }
#gps_table { width:100%; }
.fs.resizer_container { z-index:1040; position:fixed; top:0px; left:0px; height:100dvh; width:100dvw; }
/* old header fix */
.main-menu .navbar-header .navbar-brand .brand-text { display:none; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text { display:none; }
#gps_map { position:relative; }
#gps_map #map { position:absolute; top:0px; width:100%; height:100%; }
/* Vessel */
/* Engine metric card styles */
.engine-metric { display:block; /*display: flex; flex-direction: column; align-items: center; justify-content: center;*/ text-align: left; padding: 0.75rem 0.5rem; border: 1px solid #ebe9f1; border-radius: 0.357rem; /*background-color: #f8fafc;*/ height: 100%; /*min-height: 80px;*/ }
.engine-metric.highlight { background-color: #f8fafc; }
.dark-layout .engine-metric { border-color: #1e293b; }
.dark-layout .engine-metric.highlight { background-color: #182235; }
.engine-metric-label { display:block; font-size: 0.75rem; font-weight: 500; color: #6e6b7b; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.25rem; line-height: 1.2; }
.dark-layout .engine-metric-label { color: #b0b0b0; }
.engine-metric-value { font-size: 1rem; font-weight: 600; color: #5e5873; line-height: 1.2; }
.highlight .engine-metric-value { font-size: 1.2rem; font-weight: 600; color: #5e5873; line-height: 1.2; }
.dark-layout .engine-metric-value { color: #d0d0d0; }
.engine-metric-unit { font-size: 0.7rem; font-weight: 400; color: #b9b9c3; margin-top: 0.1rem; }
.dark-layout .engine-metric-unit { color: #676d7d; }
.vessel_grid.row { margin-right: -0.2rem; margin-left: -0.2rem; }
.vessel_grid.row .col { padding-right: 0.2rem; padding-left: 0.2rem; margin-bottom:0.5rem!important; }
.vessel_chart.row { /*margin-right: -0.4rem; margin-left: -0.4rem;*/ }
.vessel_chart.row .col { /*padding-right: 0.4rem; padding-left: 0.4rem; margin-bottom:0.8rem!important;*/ }
.vessel_chart.row .col .card { /*border: 1px solid #ebe9f1; background-color: #f8fafc; margin-bottom:0px!important;*/}
.dark-layout .vessel_chart.row .col .card { /*border: 1px solid #1e293b; background-color: #182235;*/ }
.vessel_chart.row .col { margin-bottom:0px!important; }
/* device info and current data */
.device_info { display:flex; }
.device_label { display:block; font-size: 0.75rem; font-weight: 500; color: #6e6b7b; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.25rem; line-height: 1.2; }
.device_value { font-size: 0.75rem; font-weight: 600; color: #5e5873; line-height: 1.2; }
.device_unit { font-size: 0.7rem; font-weight: 400; color: #b9b9c3; margin-top: 0.1rem; }
.dark-layout .device_label { color: #b0b0b0; }
.dark-layout .device_value { color: #d0d0d0; }
.dark-layout .device_unit { color: #676d7d; }
.data_item { display:block; /*display: flex; flex-direction: column; align-items: center; justify-content: center;*/ text-align: left; padding: 0.75rem 0.5rem; border: 1px solid #ebe9f1; border-radius: 0.357rem; /*background-color: #f8fafc;*/ height: 100%; /*min-height: 80px;*/ min-width:120px; }
.data_item.highlight { background-color: #f8fafc; }
.dark-layout .data_item { border-color: #1e293b; }
.dark-layout .data_item.highlight { background-color: #182235; }
.data_label { display:block; font-size: 0.75rem; font-weight: 500; color: #6e6b7b; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.25rem; line-height: 1.2; }
.dark-layout .data_label { color: #b0b0b0; }
.data_value { font-size: 1.1rem; font-weight: 600; color: #5e5873; line-height: 1.2; }
.highlight .data_value { font-size: 1.2rem; font-weight: 600; color: #5e5873; line-height: 1.2; }
.dark-layout .data_value { color: #d0d0d0; }
.data_unit { font-size: 0.7rem; font-weight: 400; color: #b9b9c3; margin-top: 0.1rem; }
.dark-layout .data_unit { color: #676d7d; }
.current_data { height:100%!important; }
.current_data.row { margin-right: -0.2rem; margin-left: -0.2rem; }
.current_data.row .col { padding-right: 0.2rem; padding-left: 0.2rem; margin-bottom:0.5rem!important; }
@media (max-width: 767.9px) {
.current_data.basic_info .col:nth-child(1) { flex: 0 0 50%; max-width: 50%;}
.current_data.basic_info .col:nth-child(2) { flex: 0 0 50%; max-width: 50%;}
}
/************************************************ compacted menu style ************************************************/
/* header */
.header-navbar.floating-nav { margin-top:0px; width: calc(100vw - (100vw - 100%) - 220px); border-radius:0px; }
.navbar-floating .navbar-container:not(.main-menu-content) { padding:8px 10px; }
.header-navbar.fixed-top, .header-navbar.floating-nav { left: 220px; }
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu { width: 220px; }
.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav { width: calc(100vw - (100vw - 100%) - 50px); }
.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top, .vertical-layout.vertical-menu-modern.menu-collapsed .navbar.floating-nav { left: 50px; }
@media (max-width: 1199.98px) {
.header-navbar.floating-nav { width: calc(100vw - (100vw - 100%)); }
.header-navbar.fixed-top, .header-navbar.floating-nav { left:0px; }
}
@media (max-width: 575.98px) {
.header-navbar.floating-nav { width: calc(100vw - (100vw - 100%)) !important; margin-left:0px; margin-right:0px; }
}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link img { box-shadow: none; height:30px!important; width:30px!important;}
.avatar [class*='avatar-status-'] { width: 9px; height: 9px; right:-2px; bottom:-2px; border: 1px solid #fff; }
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name { font-size:1rem; margin-bottom: 0.3rem; margin-left: 0.2rem; }
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-status { font-size:0.8rem; }
.header-navbar { min-height:50px; height:50px; }
.header-navbar .navbar-container ul.navbar-nav li i.ficon, .header-navbar .navbar-container ul.navbar-nav li svg.ficon { height: 1.2rem; width: 1.2rem; font-size: 1.2rem; }
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu { margin:0px; }
.navbar-floating .header-navbar-shadow { padding-top:0px; height:50px; }
.header-navbar .navbar-container ul.navbar-nav li > a.nav-link { font-size: 1rem; }
/* left menu */
.vertical-layout.vertical-menu-modern .main-menu { width: 220px; border-right:solid 1px #e2e8f0!important; }
.dark-layout .vertical-layout.vertical-menu-modern .main-menu { border-right:solid 1px #1e293b!important; }
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu { width: 220px; border-right:solid 1px #e2e8f0!important; }
.dark-layout .vertical-layout.vertical-menu-modern.menu-expanded .main-menu { border-right:solid 1px #1e293b!important; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded { width: 220px; border-right:solid 1px #e2e8f0!important; }
.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded { border-right:solid 1px #1e293b!important; }
.main-menu .navbar-header { width: 220px; height: 50px; min-height: 50px; padding:0px 0px 0px 15px; border-bottom: solid 1px #e2e8f0 !important;}
.dark-layout .main-menu .navbar-header { border-bottom: solid 1px #1e293b !important;}
.menu-collapsed .main-menu .navbar-header { padding:0px 0px 0px 10px; }
.menu-collapsed .main-menu.expanded .navbar-header { padding:0px 0px 0px 15px; }
.menu-collapsed .main-menu .navbar-header .navbar-brand { margin-top:8px; }
.menu-collapsed .main-menu.expanded .navbar-header .navbar-brand { margin-top:10px; }
footer.footer { padding: 0.8rem 15px; min-height: 3.35rem; }
.vertical-layout.vertical-menu-modern .footer { margin-left:220px; }
.vertical-layout.vertical-menu-modern.menu-expanded .footer { margin-left:220px; }
.vertical-layout.vertical-menu-modern.menu-collapsed .footer { margin-left:220px; }
.header-navbar { transition: 300ms ease width, background 0s; }
.header-navbar.navbar-shadow { box-shadow:none; border-bottom:solid 1px #e2e8f0!important; }
.dark-layout .header-navbar.navbar-shadow { border-bottom: solid 1px #1e293b !important;}
.main-menu .navbar-header { transition: 300ms ease padding, background 0s; }
.main-menu .navbar-header .navbar-brand .brand-logo, .navbar-header .navbar-brand .brand-logo { width: 140px !important; height:30px !important; padding:0px!important; background-size: auto 30px !important; }
.vertical-layout.vertical-menu-modern .main-menu { transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) width, background 0s; }
.light-layout .main-menu .navbar-header .navbar-brand .brand-logo, .light-layout .main-menu .navbar-header .navbar-brand .brand-logo { width: 140px !important; height:30px !important; padding:0px!important; background-size: auto 30px !important; }
.light-layout .menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo, .light-layout .main-menu.expanded .navbar-header .navbar-brand .brand-logo { width: 140px !important; height:30px !important; padding:0px!important; background-size: auto 30px !important; }
.dark-layout .main-menu .navbar-header .navbar-brand .brand-logo, .dark-layout .main-menu .navbar-header .navbar-brand .brand-logo { width: 140px !important; height:30px !important; padding:0px!important; background-size: auto 30px !important; }
.dark-layout .menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo, .dark-layout .main-menu.expanded .navbar-header .navbar-brand .brand-logo { width: 140px !important; height:30px !important; padding:0px!important; background-size: auto 30px !important; }
.main-menu .navbar-header .navbar-brand { margin-top:10px; }
.main-menu .shadow-bottom { display:none!important; }
.nav .modern-nav-toggle { padding: 0; margin:15px 0; }
.vertical-layout .modern-nav-toggle .toggle-icon, .vertical-layout.vertical-menu-modern .collapse-toggle-icon { margin-right:15px; color: inherit!important; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu { width:50px; }
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i { height:18px; width:18px; font-size: 1.2rem; margin-top:-3px; }
.vertical-overlay-menu .main-menu .navigation > li > a > svg, .vertical-overlay-menu .main-menu .navigation > li > a > i { height:18px; width:18px; font-size: 1.2rem; margin-top:-3px; }
/* desktop menu */
.dark-layout .vertical-layout.vertical-menu-modern .main-menu .navigation > li:not(.active) > a svg, .dark-layout .vertical-layout.vertical-menu-modern .main-menu .navigation > li:not(.active) > a i { filter: brightness(0) saturate(100%) invert(69%) sepia(23%) saturate(258%) hue-rotate(175deg) brightness(90%) contrast(89%)!important; }
/* mobile memu */
.dark-layout .vertical-overlay-menu .main-menu .navigation > li:not(.active) > a > svg, .dark-layout .vertical-overlay-menu .main-menu .navigation > li:not(.active) > a > i { filter: brightness(0) saturate(100%) invert(69%) sepia(23%) saturate(258%) hue-rotate(175deg) brightness(90%) contrast(89%)!important; }
.sub_title .text-right a.btn, .sub_title .text-md-right a.btn, .sub_title .text-right button.btn, .sub_title .text-md-right button.btn { color:#6e6b7b!important; box-shadow:none!important; background-color: #f1f5f9!important; padding: 0.36rem 0.5rem!important; border: 1px solid #cbd5e1!important; border-radius: 0.357rem; }
.sub_title .text-right a.btn:hover, .sub_title .text-md-right a.btn:hover, .sub_title .text-right button.btn:hover, .sub_title .text-md-right button.btn:hover { background-color:#e2e8f0!important; }
.dark-layout .sub_title .text-right a.btn, .dark-layout .sub_title .text-md-right a.btn, .dark-layout .sub_title .text-right button.btn, .dark-layout .sub_title .text-md-right button.btn { color:#c1cbd7!important; background-color: #1b2537!important; border: 1px solid #2a3649!important; }
.dark-layout .sub_title .text-right a.btn:hover, .dark-layout .sub_title .text-md-right a.btn:hover, .dark-layout .sub_title .text-right button.btn:hover, .dark-layout .sub_title .text-md-right button.btn:hover { background-color:#334155!important; }
.navigation { font-size: 0.9rem; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:after { right:15px; top:8px; }
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after { right:15px; top:8px; }
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:after { right:15px; top:8px; }
.light-layout .main-menu.menu-light .navigation > li.sidebar-group-active > a { background: whitesmoke; border-radius: 4px; }
.main-menu.menu-light .navigation > li > a { /*margin: 0px 0px 0px 1px;*/ margin: 0 6px; }
.main-menu.menu-light .navigation li a { padding: 8px 10px 8px 10px; line-height:1.2; }
.main-menu.menu-light .navigation > li > ul li:not(.has-sub) { padding: 0px 0px 0px 24px; }
.main-menu.menu-light .navigation > li > ul li:not(.has-sub) { margin: 0 6px; }
.main-menu.menu-light .navigation > li ul .active { box-shadow:none; border-radius: 4px; }
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i { margin-right: 0.8rem; font-size: 8px; height: 8px; width: 8px; margin-top:-1px; }
.main-menu.menu-light .navigation > li ul li > a { padding: 8px 10px 8px 10px; }
.main-menu.menu-light .navigation > li > ul li:first-of-type { margin-top:0px !important; }
.main-menu.menu-light .navigation > li.active > a { box-shadow:none; }
.dark-layout .main-menu.menu-dark .navigation > li.sidebar-group-active > a { background-color: #161d31; }
.main-menu.menu-dark .navigation > li > a { /*margin: 0px 0px 0px 1px;*/ margin: 0 6px; }
.main-menu.menu-dark .navigation li a { padding: 8px 10px 8px 10px; line-height:1.2; }
.main-menu.menu-dark .navigation > li > ul li:not(.has-sub) { padding: 0px 0px 0px 24px; }
.main-menu.menu-dark .navigation > li > ul li:not(.has-sub) { margin: 0 6px; }
.main-menu.menu-dark .navigation > li ul .active { box-shadow:none; border-radius: 4px; }
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i { margin-right: 0.8rem; font-size: 8px; height: 8px; width: 8px; margin-top:-1px; }
.navigation li a i, .navigation li a svg { height: 8px; width: 8px; font-size: 8px; margin-right: 0.8rem; margin-top:-1px; }
.main-menu.menu-dark .navigation > li ul li > a { padding: 8px 10px 8px 10px; }
.main-menu.menu-dark .navigation > li > ul li:first-of-type { margin-top:0px !important; }
.main-menu.menu-dark .navigation > li.active > a { box-shadow:none; }
.main-menu ul.navigation-main > li { margin-top:5px; }
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {background: linear-gradient(118deg, #5ac7df, rgba(90, 199, 223, 0.7)); box-shadow:none; color: #fff; }
.main-menu .badge { height: 16px; width: auto; min-width: 16px; padding: 4px 4px; position: relative; top: 0px; }
/* content area */
html .content { margin-left: 220px; }
html .content.app-content { padding: calc(1rem + 50px) 1rem 0; }
.vertical-layout.vertical-menu-modern.menu-collapsed .app-content, .vertical-layout.vertical-menu-modern.menu-collapsed .footer { margin-left:50px; }
@media (max-width: 575.98px) {
html body .app-content { padding: calc(1rem + 50px) 1rem 0!important; }
}
html.dark-layout body { background-color: #0b101b; }
.sub_title { padding:0px!important; }
.sub_title h2 { margin-bottom:0px!important; float:left!important;}
.breadcrumb-wrapper { float:left; }
.breadcrumb { padding: 0.2rem 1rem 0.2rem 1rem;}
.dark-layout .breadcrumb { padding: 0.2rem 1rem 0.2rem 1rem;}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before { height: 15px; }
.sub_title > span { padding-top:0px!important; padding-bottom:0px!important; margin-top:0px!important; margin-bottom:0.75rem!important; }
.sub_title svg.feather-clock.font-medium-5 { height: 1rem !important; width: 1rem !important; position: relative; top: -2px; }
/* override style - compact row and column */
.album_frame { background-color: #f8fafc; }
.card { border:solid 1px #e2e8f0!important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin-bottom:1rem; }
.dark-layout .card { border:solid 1px #1e293b !important; background-color:#111827; }
.row { margin-right: -0.5rem; margin-left: -0.5rem; }
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { padding-right: 0.5rem; padding-left: 0.5rem; }
/* override style - smaller font size */
body { font-family: "Montserrat", Helvetica, Arial, serif; font-size:0.9rem; line-height: 1.2; }
body:lang(en), body:lang(en) .breadcrumb { font-size:0.9rem !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; line-height: 1.2; color: #5e5873; }
/*
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.714rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.286rem; }
h5, .h5 { font-size: 1.07rem; }
h6, .h6 { font-size: 1rem; }
body { font-family: "Montserrat", Helvetica, Arial, serif; font-size: 1rem; line-height: 1.45; }
body:lang(en), body:lang(en) .breadcrumb { font-size: 1.1rem !important; }
*/
h1, .h1 { font-size: 1.5rem; }
h2, .h2 { font-size: 1.28rem; }
h3, .h3 { font-size: 1.125rem; }
h4, .h4 { font-size: 1rem; }
h5, .h5 { font-size: 0.9rem; }
h6, .h6 { font-size: 0.8rem; }
.form-control { height: 2.714rem; padding: 0.438rem 1rem; font-size:0.9rem; line-height: 1.2; }
select.form-control:not([multiple='multiple']) { background-position: calc(100% - 6px) 10px, calc(100% - 20px) 10px, 100% 0; }
.bullet { width: 0.8rem; height: 0.8rem; position:relative; top:1px; }
.dropdown-menu { font-size: 0.9rem; }
.btn { font-size:0.9rem; padding: 0.749rem 1.5rem; }
fieldset label { font-size: 0.9rem; }
.custom-radio label { font-size: 0.9rem; }
.radio_group div.radio label { font-size: 0.9rem; }
.ticket_radio label { font-size: 0.9rem; }
.ticket_checkbox label { font-size: 0.9rem; }
.button_choice .choice-group label span { font-size: 0.9rem; }
.sub_title span.font-medium-1 { font-size: 0.85rem!important; }
/* table */
table.dataTable td { transition:none; }
/* icons */
.menu-light .icon_buzzer, .menu-light .icon_vessel, .menu-light .icon_sound_level, .menu-light .icon_water_meter, .menu-light .icon_ieq { }
/*.menu-dark .icon_buzzer, .menu-dark .icon_vessel, .menu-dark .icon_sound_level, .menu-dark .icon_water_meter, .menu-dark .icon_ieq { filter: brightness(0) saturate(100%) invert(93%) sepia(6%) saturate(137%) hue-rotate(182deg) brightness(94%) contrast(85%); }*/
.menu-dark .icon_buzzer, .active .icon_buzzer {}
/* card style adjust */
.card .card-header { padding:0.75rem 1rem 0.5rem 1rem!important; }
/* chart style */
.apexcharts-legend-marker { width: 10px !important; height: 10px !important; margin-right:0.5rem!important; }
.dark-layout .apexcharts-gridline { stroke: #1e293b !important; }
.dark-layout .apexcharts-grid-borders line { stroke: #1e293b !important; }
.dark-layout .apexcharts-grid { stroke: #1e293b !important; }
.dark-layout .apexcharts-gridlines-horizontal { stroke: #1e293b !important; }
.dark-layout .apexcharts-gridlines-vertical { stroke: #1e293b !important; }
.dark-layout .apexcharts-xaxis-tick { stroke: #1e293b !important; }
.dark-layout .apexcharts-text.apexcharts-xaxis-label { fill: #556378 !important; }
.dark-layout .apexcharts-text.apexcharts-yaxis-label { fill: #556378 !important; }
.dark-layout .apexcharts-legend-text { color: #94a3b8 !important; }
.apexcharts-theme-dark .apexcharts-menu-icon svg, .apexcharts-theme-dark .apexcharts-pan-icon svg, .apexcharts-theme-dark .apexcharts-reset-icon svg, .apexcharts-theme-dark .apexcharts-selection-icon svg, .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg, .apexcharts-theme-dark .apexcharts-zoom-icon svg, .apexcharts-theme-dark .apexcharts-zoomin-icon svg, .apexcharts-theme-dark .apexcharts-zoomout-icon svg { fill: #556378 !important; }
.dark-layout .apexcharts-menu-icon svg, .dark-layout .apexcharts-pan-icon svg, .dark-layout .apexcharts-reset-icon svg, .dark-layout .apexcharts-selection-icon svg, .dark-layout .apexcharts-toolbar-custom-icon svg, .dark-layout .apexcharts-zoom-icon svg, .dark-layout .apexcharts-zoomin-icon svg, .dark-layout .apexcharts-zoomout-icon svg { fill: #556378 !important; }
/* flat picker */
.dark-layout .flatpickr-calendar { border: solid 1px #1e293b !important; background-color: #111827; }
.dark-layout .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { color: #4e5154; }
.dark-layout .dropdown-menu { border: 1px solid #1e293b!important; }