@font-face {
    font-family: 'Material Symbols';
    src: url("./MaterialSymbols-Fill.woff2") format('woff2');
}

.material-symbols {
    font-family: "Material Symbols" !important;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    direction: ltr;
}

:root {
    --navbar_height: 42px
}

.navbar {
    z-index: 2000;
}

.dropdown-menu {
    white-space: nowrap;
}

.logobk {
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
    margin: 0 0 0 10px;
    background-color: #c0c0c0;
    display: inline-block;
}

.logoimg {
    display: block;
    color: black;
    content: url(/images/product.png);
}

:root {
    --bs-openclose-width: 30px;
}

.icon_openclose {
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 14px;
    width: 16px;
}

.href_path {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
}

.tr-selected {
    background-color: rgba(var(--bs-primary-rgb), 1) !important;
}

.tr-selected>td,
.tr-selected>td>a,
.tr-selected>td>a:link,
.tr-selected>td>a:hover,
.tr-selected>td>a:active {
    color: rgba(var(--bs-white-rgb), 1) !important;
}

.navbar-custom {
    height: 42;
}

/* --bs-navbar-padding-y 0.5rem*/
.alert-fixed-top {
    position: fixed;
    top: calc(var(--navbar_height) + 0.5rem * 2);
    right: 10px;
    left: 10px;
    z-index: 1030;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.btn-delete,
.btn-rotatekey,
.btn-block {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn-rotaterestart {
    --bs-btn-color: #fff;
    --bs-btn-bg: #d87728;
    --bs-btn-border-color: #d87728;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c06a23;
    --bs-btn-hover-border-color: #ac5f20;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ac5f20;
    --bs-btn-active-border-color: #ac5f20;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #d87728;
    --bs-btn-disabled-border-color: #d87728;
}

.copyurl_a {
    padding: 0 5px 0 0;
}

.copyurl_a::after {
    cursor: pointer;
    content: "#";
}

.navigation .btn {
    font-size: 0.75em;
}

.license_table .lic_expired {
    font-weight: lighter;
    font-style: italic;
}

.license_table .lic_active {
    font-weight: bolder;
}

.license_table .lic_future {
    font-weight: lighter;
}

.license_table .lic_option {
    color : #0c1e79;
    {{/* font-style: oblique; */}}
}

.license_table  .lic_main:not(.lic_future):not(.lic_expired) td:first-child::after {
    content: "⭐";
}
.license_table .lic_option td>.kind::before {
    content: "↪️ ";
}
.license_table .lic_demo td>.kind::after {
    content: "🎁";
}

.instance_ended {
    font-weight: lighter;
    font-style: italic;
}

.table {
    margin-bottom: 5px;
}

.table-summary {
    table-layout: fixed;
}

.table-summary>:not(caption)>tr {
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table-summary td:first-child,
.table-summary td:nth-child(3) {
    width: 280px;
    text-align: right;
}
/* 1st to 3rd */
.usage_table tr td:nth-child(-n+3) {
    width: 20%;
}
/* 4th */
.usage_table tr td:nth-child(4) {
    width: 15%;
}
/* 5th to end */
.usage_table tr td:nth-child(n+5) {
    width: 10%;
}

/* default */
.license_table tr td{ 
    width: 10%;
}

/* 1st to 3rd, and last */
.license_table tr td:nth-child(-n+3),
.license_table tr td:last-child {
    width: 15%;
}

.copy-symbols {
    vertical-align: bottom;
    margin-left: 5px;
    cursor: pointer;
}

.copy-symbols:after {
    content: "content_copy";
}

.obsolete-textvalue {
    text-decoration: line-through;
}

.label-info {
    font-style: italic;
    font-weight: lighter;
}

.btn-group button:not(:first-child):not(:last-child) {
    border-radius: 0px;
}

.btn-group button {
    border: 1px solid !important;
}

.accordion .accordion-item.droppable-div {
    --bs-border-width: 1px;
    --bs-border-color: #0b507eff;
}
.accordion .accordion-item.droppable-div:not(.drop-over):not(:first-child) {
    border-top-width: 0px !important;
}
.accordion .accordion-item.droppable-div.drop-over {
    --bs-border-width: 4px;
}

span.comment {
    font-style: italic;
}

.pricing_table th.alignright,
.pricing_table td.alignright {
    text-align: right;
}

.arraytotaltitle {
    text-align: right;
};