input {
    font-family: arial, tahoma, verdana, sans-serif;
    margin: 2px 0;
    padding: 4px 5px;
    font-size: 16px;
    background-color:var(--bs-gray-100)
}
input:focus,textarea:focus {outline:none}

.dashed {cursor:help;border-bottom:1px dashed var(--bs-gray);text-decoration:none !important}
.error {color:#c00;font-weight:bold}
.date {font:bold 100% arial;color:#606060;display:block;letter-spacing:1px}

#header {border-bottom:3px solid var(--bs-black);margin:0 0 8px;padding:0}
#header #subheader {
    max-width:1280px;
    min-width:1030px;
    margin:0 auto
}
#header #site-name {
    margin:0 0 3px;
    padding:3px 0 0;
    border:none;
    text-align:center
}
#header #site-name h2 {margin:0;padding:0;border:0}
#header #site-name h2 a {
    text-decoration:none;
    color:var(--bs-dark);
    font-weight:bold;
    font-family:Georgia,serif;
    font-size:40px;
    display:block
}

#searchsite {
    width:300px;
    margin:0 0 -1px;
    font-size:22px;
    height:36px;
    outline:none;
    border:none;
    background-color:var(--bs-gray-300)
}
#searchsite:hover {background-color:var(--bs-gray-200)}
#searchsite + .result {
    background-color:var(--bs-body-bg);
    padding: 2px;
    width: 450px;
    font-size: 15px;
    letter-spacing:0;
    position: absolute;
    top:40px;
    z-index: 9999;
    font-weight: normal;
    max-height: 75vh;
    overflow-y:auto
}
#searchsite + .result div a {
    padding-left: 30px;
    line-height: 24px;
    font-size: 16px;
    font-family: Verdana, serif;
    display: block;
    text-decoration:none;
}
#searchsite + .result div span.logo {float:left}
#toolbar {z-index:999}
#toolbar #toolbar-content {max-width:1280px}
#toolbar-icons .badge {right:-10px}

/* NAV - top horizontal nav */
#nav, #nav ul {padding:0;margin:0;list-style:none}
#nav {height:36px;font-weight:bold;font-family:tahoma,verdana,sans-serif}

#nav li {position:relative;background-color:var(--bs-gray-200);display:block;margin:0;padding:5px 0}
#nav li:first-child {border-radius:15px 0 0 15px}
#nav li:last-child {border-radius:0 15px 15px 0}
#nav li.active,#nav li:hover {background-color:var(--bs-gray-400)}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#000;display:block;padding:3px 10px;font-size:14px}

#nav li ul {background-color:#fff;width:18em;position:absolute;font-weight:normal;left:-999em;border-radius:6px}
html[dir=rtl] #nav li ul {left:9999em}
#nav li:hover ul {left:-1px !important;z-index:99999}

#nav li li {border-radius:6px !important;background:#fff;z-index:9999}
#nav li li a, #nav li li a:link, #nav li li a:visited {white-space:nowrap;font-size:15px}


/* LAYOUT - main body of page */
#wrap {min-width: 1024px;max-width: 1300px;min-height:1200px;margin: 0 auto;position: relative}
#content-wrap {position: relative;width: 100%;min-height: 1000px}

#utility {position: absolute;top:0;left:25px;width:270px;padding-bottom:40px}
#sidebar {position: absolute;top:0;right:25px;width:270px;padding-top:1px;padding-bottom:40px}

@media screen and (max-width: 1024px) {
    #content {margin:0 5px}
    #utility {display:none}
    #sidebar {display: none}
}
@media screen and (min-width: 1025px) {
    #content {margin: 0 25px}
    #type-b #content {margin: 0 23px 0 235px}
    #type-c #content {margin: 0 25% 0 235px}
    #type-d #content {margin: 0 25% 0 50px}
    #type-e #content {margin: 0 285px 0 0}
    #type-f #content {margin: 0 285px 0 285px}
}

#type-a #wrap {max-width: 100%}

#type-e #wrap {max-width: 1280px}
#type-e #utility {position: absolute;top: 0;left: auto;right: 0;width: 270px}

#type-f #wrap {max-width: 1280px}
#type-f #utility {left: auto;right: 0}
#type-f #sidebar {right: auto;left: 0}

#content .article {font-size: 16px;padding: 5px}
#content .article .date {display: inline}

#content .article p.img {text-align: center}
#content .article p.img img,.post img {max-width:100%;max-height:500px;height:auto;display: block;margin:0 auto;border-radius:0.5rem}
#content .post.post_row img {max-height:300px}

.font-news {font-family: Escrow Condensed, Georgia, serif}

.ds-zoom:hover {overflow:hidden;border-radius:5px;--ds-scale-block:1.1}
.ds-zoom:hover .ds-zoom-entry:hover {transform: scale(var(--ds-scale-block));transition: transform.2s}

#content .company .logo img {
    width: 150px;
    height: 150px;
    line-height: 40px;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    user-select: none;
}
span.logo img {
    display: inline !important;
    vertical-align: middle;
    margin-right:2px;
    width:24px !important;
    height:24px !important;
}
span.logo32 img {
    vertical-align: middle;
    margin-right:2px;
    width:32px !important;
    height:32px !important;
}
span.logo48 img {
    vertical-align: middle;
    margin-right:2px;
    width:48px !important;
    height:48px !important;
}


#content .company .headerpop {
    position: relative;
    display: flex;
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
#content .company .headerpop .content {
    flex-direction: row;
    margin-left:15px;
    align-items: center;
}
#content .company .headerpop .content p {margin:0}
#content .company .headerpop .content h1 {
    position: relative;
    padding: 0;
    margin: 0;
    border:none;
}
#content .company .headerpop .content .stats {display: flex}

.table:not(.table-unhover) tbody tr.hover:not(.unhover) {background-color:var(--bs-gray-400)}
.table tbody tr.hover td {background: none}
.table tbody td:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px}
.table tbody td:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.table tr:last-child td {border-bottom-width:0}


#footer {clear: both;padding: 10px 0 30px;color: #666;text-align: center;margin-top:70px;background-color: #f3f3f3;border-top: solid 1px #999}
#footer p {margin: 0}
#footer .links {
    margin:10px auto 30px;
    display:flex;
    justify-content: space-between;
    width:600px
}
#footer .links span {
    text-align: left;
    display: block;
    font-weight: bold;
    font-size: 117%;
}
#footer .links ul li {
    list-style: none;
    text-align: left;
    padding: 3px 0;
}
#footer .links ul li a {
    text-decoration: none;
    line-height:21px;
}

.multiplyparams {
    display: inline-block;
    position: relative;
    width: 200px;
    margin: 3px;
    padding:10px;
    min-height: 85px;
}
.multiplyparams .ui-slider {
    margin: 5px 0 3px 3px;
    width: 94%;
}
.multiplyparams .close {
    position: absolute;
    right: 3px;
    top:0;
    cursor: pointer;
}

/** jquery ui */
.ui-widget {font-family:var(--bs-body-font-family)!important}
.ui-widget-content {background-image:none !important}
.ui-datepicker {z-index:99999 !important}
.ui-dialog .ui-dialog-content, .ui-autocomplete {
    max-height: 300px !important;
    z-index: 99999 !important;
    overflow-y: auto;
    overflow-x: hidden
}
.ui-tooltip {max-width:500px !important;overflow-wrap:break-word;z-index:999999 !important}

html.light .comment {background-color:var(--bs-gray-100)}
html.dark .comment {background-color:var(--bs-gray-800)}
.comment .msg blockquote {border-left:3px solid var(--bs-secondary);padding-left:5px}
.comment .msg img {border-radius:10px}
.comment .msg iframe {max-width:100%}

div.editable textarea.editable {
    border:1px #2d62ff dashed !important;
    border-radius:3px !important;
    background:none;
    width:100%;
    text-align:inherit
}
div.editable textarea.editable:focus,.outline-none {outline:none}

.cursor-default {cursor:default !important}
.cursor-pointer {cursor:pointer !important}
.cursor-move {cursor:move !important}
.cursor-wait {cursor:wait !important}

.border-collapse {border-collapse:collapse!important}

.bg-hover-light-info {transition:all .35s ease;cursor:pointer}
.bg-hover-light-info:hover {background-color:var(--bs-gray-300) !important}

.ds-scrollbar::-webkit-scrollbar {width:8px;height:8px}
@media screen and (max-width:1024px) {
    .ds-scrollbar::-webkit-scrollbar {width:6px;height:6px}
}
.ds-scrollbar::-webkit-scrollbar-track {border-radius:10px;background-color:var(--bs-light)}
html.dark .ds-scrollbar::-webkit-scrollbar-track {background-color:var(--bs-light-border-subtle)}
.ds-scrollbar::-webkit-scrollbar-thumb {border-radius:10px;background-color:var(--bs-gray-500)}
html.dark .ds-scrollbar::-webkit-scrollbar-thumb {background-color:var(--bs-gray-600)}

.direction-rtl {direction:rtl}

.ds-text-truncate{--ds-line-clamp:2;-webkit-line-clamp:var(--ds-line-clamp);-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}