/**************** современный дизайн ****************/

span.tips_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF8C00' class='bi bi-info-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/%3E%3C/svg%3E") !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

span.tips_icon:hover {
    filter: drop-shadow(0 0 2px rgba(255, 69, 0, 0.3)) !important;
}

.gadget-theme-light .gdparent {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: var(--ui-border-radius-sm) !important;
    border: 1px solid #becfd8;
}

.gadget-theme-light td.popupmenu>table>tbody {
    background: #fff !important;
    background-color: #fff !important;
}

.gadget-theme-light .gdhided .gdheader {
    border-bottom: none;
    border-radius: 6px;
}

.gadget-theme-light .gdbcorn,
.gadget-theme-light .gdcorn {
    position: absolute;
    left: -1px;
    width: 4px;
    height: 4px;
    overflow: hidden;
    background-image: url(../../gadget.gif);
    opacity: 0 !important;
    display: none !important;
}

.gadget-theme-light .gdcorn {
    top: -1px;
}

.gadget-theme-light .gdbcorn {
    top: -3px;
    background-position: 0 -4px;
}

.gadget-theme-light .gdheader {
    background-color: #b8deee;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.gadget-theme-light .gdheader.atom>a.gdsettings:last-child {
    margin-left: 16px;
    margin-right: 0;
}

.gadget-theme-light .gdheader>span[id^=title_]:empty {
    display: none;
}

.gadget-theme-light .gdhided .gdcontent {
    display: none;
}

.gadget-theme-light .gdcontent.settings .btn-clasic.btn:first-of-type {
    margin-bottom: 16px;
}

.gadget-theme-light .gdcontent .show_owner i {
    color: #28a745;
}

.gadget-theme-light a.gdhide,
.gadget-theme-light a.gdremove,
.gadget-theme-light a.gdsettings,
.gadget-theme-light a.gdshow,
.gadget-theme-light a.gdrefresh,
.gadget-theme-light a.gdchart {
    height: 28px;
    width: 28px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    cursor: pointer;
    background: var(--white-color);
    border: 1px solid #b1b1b1;
    float: right;
}

.gadget-theme-light a.gdremove:hover,
.gadget-theme-light a.gdsettings:hover,
.gadget-theme-light a.gdhide:hover,
.gadget-theme-light a.gdshow:hover,
.gadget-theme-light a.gdrefresh:hover,
.gadget-theme-light a.gdchart:hover {
    float: right;
    height: 28px;
    width: 28px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    background: #e8e8e8;
    border-color: #d1d1d1;
}

.gadget-theme-light a.gdhide::before,
.gadget-theme-light a.gdremove::before,
.gadget-theme-light a.gdsettings::before,
.gadget-theme-light a.gdrefresh::before,
.gadget-theme-light a.gdchart::before {
    content: '' !important;
    display: block !important;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gadget-theme-light a.gdhide::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
}

.gadget-theme-light a.gdremove::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");
}

.gadget-theme-light a.gdsettings::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.82,11.69,4.82,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3E%3C/svg%3E");
}

.gadget-theme-light a.gdrefresh::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
}

.gadget-theme-light a.gdchart::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDgwMCA4MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01ODcgNjI0SDI2N0MxOTYuMzA4IDYyNCAxMzkgNTY2LjY5MSAxMzkgNDk2VjE3NiIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjY0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYzNi4yOTYgMjI4LjAwMkM2MzcuNDggMjI4LjAwMiA2MzguNjY2IDIyOC4wNzUgNjM5Ljg0NSAyMjguMjI1QzYzOS44NzcgMjI4LjIyOSA2MzkuOTEgMjI4LjIzNCA2MzkuOTQyIDIyOC4yMzhDNjQwLjEzMyAyMjguMjYzIDY0MC4zMjMgMjI4LjI5IDY0MC41MTMgMjI4LjMxOEM2NDAuNTkyIDIyOC4zMyA2NDAuNjcxIDIyOC4zNDQgNjQwLjc1IDIyOC4zNTZDNjQwLjg5NCAyMjguMzggNjQxLjAzOSAyMjguNDAyIDY0MS4xODMgMjI4LjQyOEM2NDEuMjgzIDIyOC40NDYgNjQxLjM4NCAyMjguNDY2IDY0MS40ODQgMjI4LjQ4NEM2NDEuNjA5IDIyOC41MDggNjQxLjczMyAyMjguNTMxIDY0MS44NTcgMjI4LjU1NkM2NDEuOTY0IDIyOC41NzcgNjQyLjA3IDIyOC42IDY0Mi4xNzcgMjI4LjYyM0M2NDIuMjkzIDIyOC42NDggNjQyLjQwOSAyMjguNjczIDY0Mi41MjQgMjI4LjY5OUM2NDIuNjMzIDIyOC43MjQgNjQyLjc0MSAyMjguNzUgNjQyLjg1IDIyOC43NzZDNjQyLjk2MSAyMjguODAzIDY0My4wNzIgMjI4LjgyOSA2NDMuMTgzIDIyOC44NTdDNjQzLjMyOSAyMjguODk0IDY0My40NzQgMjI4LjkzMyA2NDMuNjE5IDIyOC45NzNDNjQzLjY4MiAyMjguOTkgNjQzLjc0NiAyMjkuMDA2IDY0My44MDkgMjI5LjAyM0M2NDMuOTQgMjI5LjA2IDY0NC4wNzEgMjI5LjA5OCA2NDQuMjAxIDIyOS4xMzdDNjQ0LjMxMSAyMjkuMTY5IDY0NC40MjEgMjI5LjIwMiA2NDQuNTMxIDIyOS4yMzVDNjQ0LjYzMiAyMjkuMjY2IDY0NC43MzMgMjI5LjI5OSA2NDQuODMzIDIyOS4zMzFDNjQ0LjkzNyAyMjkuMzY0IDY0NS4wNDEgMjI5LjM5NyA2NDUuMTQ1IDIyOS40MzJDNjQ1LjI5IDIyOS40OCA2NDUuNDM1IDIyOS41MyA2NDUuNTc5IDIyOS41ODFDNjQ1LjY0MiAyMjkuNjAzIDY0NS43MDQgMjI5LjYyNSA2NDUuNzY3IDIyOS42NDdDNjQ1LjkxNyAyMjkuNzAyIDY0Ni4wNjcgMjI5Ljc1OCA2NDYuMjE2IDIyOS44MTRDNjQ2LjI4NCAyMjkuODQgNjQ2LjM1MyAyMjkuODY1IDY0Ni40MjEgMjI5Ljg5MkM2NDYuNTQ3IDIyOS45NDEgNjQ2LjY3MyAyMjkuOTkxIDY0Ni43OTggMjMwLjA0MkM2NDYuODk5IDIzMC4wODMgNjQ3IDIzMC4xMjQgNjQ3LjEwMSAyMzAuMTY2QzY0Ny4xOTYgMjMwLjIwNiA2NDcuMjkgMjMwLjI0NyA2NDcuMzg1IDIzMC4yODhDNjQ3LjQ5NCAyMzAuMzM1IDY0Ny42MDMgMjMwLjM4MiA2NDcuNzEyIDIzMC40MzFDNjQ3Ljg0MiAyMzAuNDg5IDY0Ny45NzEgMjMwLjU0OSA2NDguMSAyMzAuNjA5QzY0OC4xNzEgMjMwLjY0MyA2NDguMjQyIDIzMC42NzUgNjQ4LjMxMyAyMzAuNzA5QzY0OC40NTQgMjMwLjc3NiA2NDguNTk0IDIzMC44NDUgNjQ4LjczMyAyMzAuOTE0QzY0OC43OTcgMjMwLjk0NiA2NDguODYxIDIzMC45NzcgNjQ4LjkyNCAyMzEuMDA5QzY0OS4wOTEgMjMxLjA5MyA2NDkuMjU3IDIzMS4xOCA2NDkuNDIyIDIzMS4yNjhDNjQ5LjQ1NCAyMzEuMjg1IDY0OS40ODYgMjMxLjMwMSA2NDkuNTE4IDIzMS4zMThDNjQ5LjY5NyAyMzEuNDE0IDY0OS44NzQgMjMxLjUxMiA2NTAuMDUxIDIzMS42MTJDNjUwLjA3NCAyMzEuNjI2IDY1MC4wOTggMjMxLjYzOSA2NTAuMTIyIDIzMS42NTJDNjUwLjI3NyAyMzEuNzQgNjUwLjQyOSAyMzEuODMxIDY1MC41ODIgMjMxLjkyMkM2NTAuNjM4IDIzMS45NTUgNjUwLjY5NiAyMzEuOTg3IDY1MC43NTIgMjMyLjAyMUM2NTAuOTA4IDIzMi4xMTYgNjUxLjA2MiAyMzIuMjEyIDY1MS4yMTYgMjMyLjMxQzY1MS4yNTEgMjMyLjMzMiA2NTEuMjg2IDIzMi4zNTMgNjUxLjMyMSAyMzIuMzc1QzY1Mi41MjIgMjMzLjE0MSA2NTMuNjYxIDIzMy45OTUgNjU0LjcyOCAyMzQuOTNDNjU0Ljc2MSAyMzQuOTU5IDY1NC43OTQgMjM0Ljk4OSA2NTQuODI3IDIzNS4wMTlDNjU0Ljk0OSAyMzUuMTI2IDY1NS4wNyAyMzUuMjMzIDY1NS4xODkgMjM1LjM0M0M2NTUuMjg5IDIzNS40MzQgNjU1LjM4OCAyMzUuNTI3IDY1NS40ODYgMjM1LjYxOUM2NTUuNTQzIDIzNS42NzMgNjU1LjYwMSAyMzUuNzI3IDY1NS42NTcgMjM1Ljc4MUM2NTUuNzY5IDIzNS44ODggNjU1Ljg3OSAyMzUuOTk1IDY1NS45ODggMjM2LjEwNEM2NTYuMDMxIDIzNi4xNDYgNjU2LjA3NCAyMzYuMTg5IDY1Ni4xMTcgMjM2LjIzMUM2NTguMjEzIDIzOC4zMjkgNjU5LjkxNCAyNDAuNjk0IDY2MS4yMSAyNDMuMjI2QzY2MS4yMTkgMjQzLjI0MyA2NjEuMjI4IDI0My4yNjEgNjYxLjIzNyAyNDMuMjc4QzY2MS4zMjUgMjQzLjQ1IDY2MS40MTEgMjQzLjYyMSA2NjEuNDk0IDI0My43OTRDNjYzLjIwNSAyNDcuMzIgNjY0LjE5NyAyNTEuMjU4IDY2NC4yODEgMjU1LjQyQzY2NC4yODMgMjU1LjQ4MyA2NjQuMjgzIDI1NS41NDYgNjY0LjI4NCAyNTUuNjA5QzY2NC4yODYgMjU1Ljc0IDY2NC4yODkgMjU1Ljg3IDY2NC4yODkgMjU2LjAwMVYzNzEuNDI1QzY2NC4yODkgMzg2Ljg4OCA2NTEuNzUzIDM5OS40MjUgNjM2LjI4OSAzOTkuNDI1QzYyMC44MjYgMzk5LjQyNSA2MDguMjg5IDM4Ni44ODggNjA4LjI4OSAzNzEuNDI1VjMzMy40MjNMNTI5LjgxMiA0MjcuNzMzTDUyOS44MSA0MjcuNzM1QzUyOC45NzMgNDI4LjczOSA1MjguMDcxIDQyOS42ODQgNTI3LjEgNDMwLjU2NUw1MjcuMDk4IDQzMC41NjdDNTAyLjk4OSA0NTIuNDI3IDQ2Ni42NyA0NTMuODM5IDQ0MC45MzggNDMzLjkxNUw0NDAuOTMxIDQzMy45MDlMNDQwLjkyMyA0MzMuOTAzTDQ0MC43NDcgNDMzLjc2Nkw0NDAuNzM5IDQzMy43NjFMNDQwLjczMiA0MzMuNzU1TDQwNy4yOTYgNDA3LjM2M0M0MDIuNzQzIDQwMy44MjQgMzk2LjI0NSA0MDQuNDU5IDM5Mi40NiA0MDguNzU3QzM5MC43NDYgNDEwLjk3OCAzODguOTI3IDQxMy4xMTcgMzg3LjAwNSA0MTUuMTY2TDM4Ni45OTcgNDE1LjE3NUwzODYuOTg5IDQxNS4xODNDMzg2Ljg3MiA0MTUuMzA2IDM4Ni43MzMgNDE1LjQ1MiAzODYuNTkxIDQxNS41OTlMMzg2LjU4MiA0MTUuNjA3TDI5OS45OSA1MDMuODk2QzI4OS4xNjIgNTE0LjkzNSAyNzEuNDM0IDUxNS4xMDcgMjYwLjM5NCA1MDQuMjc2QzI0OS4zNTMgNDkzLjQ0OSAyNDkuMTgzIDQ3NS43MjQgMjYwLjAxIDQ2NC42ODJMMzQ2LjMxIDM3Ni42ODlDMzQ3LjAyIDM3NS45MjQgMzQ3LjY5NSAzNzUuMTIxIDM0OC4zMjcgMzc0LjI4M0MzNDguNTg4IDM3My45MzcgMzQ4Ljg1NiAzNzMuNTk3IDM0OS4xMzMgMzczLjI2NUMzNzIuMjAyIDM0NS40NDEgNDEzLjIwNSAzNDAuOTc5IDQ0MS43MiAzNjMuMTlMNDQxLjczIDM2My4xOThMNDQxLjc0IDM2My4yMDZMNDQxLjg2MiAzNjMuMzAzTDQ3NS4yNTEgMzg5LjY2QzQ3OS4xNDQgMzkyLjY1MyA0ODQuNDg3IDM5Mi43MDUgNDg4LjQxNyAzODkuOTMyTDU3Ni41NjQgMjg0LjAwMUg1MTIuMDk3QzQ5Ni42MzQgMjg0LjAwMSA0ODQuMDk3IDI3MS40NjUgNDg0LjA5NyAyNTYuMDAxQzQ4NC4wOTcgMjQwLjUzNyA0OTYuNjMzIDIyOC4wMDEgNTEyLjA5NyAyMjguMDAxSDYzNi4yODlDNjM2LjI5MSAyMjguMDAxIDYzNi4yOTQgMjI4LjAwMiA2MzYuMjk2IDIyOC4wMDJaIiBmaWxsPSIjNjY2NjY2IiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iOCIvPgo8L3N2Zz4K");
}

.gadget-theme-light .gdhided a.gdhide::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E");
}

.gadget-theme-light .gdnoparams {
    display: none;
}

.gadget-theme-light .gdoptions {
    background-color: #f8f9fa;
}

.gadget-theme-light div.bx-gd-buttons {
    margin-bottom: 16px;
    padding-left: 0;
}

.gadget-theme-light div.bx-gd-button,
.gadget-theme-light div.bx-gd-button span {
    float: left;
    height: 32px;
}

.gadget-theme-light div.bx-gd-button span {
    display: block;
    cursor: pointer;
}

.gadget-theme-light span.bx-gd-l {
    display: none !important;
}

.gadget-theme-light div.bx-gd-button span.bx-gd-text {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 16px 0 40px;
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.gadget-theme-light div.bx-gd-button span.bx-gd-l,
.gadget-theme-light div.bx-gd-button span.bx-gd-r,
.gadget-theme-light div.bx-gd-button span.bx-gd-c {
    background: none;
}

.gadget-theme-light div.bx-gd-button span.bx-gd-c {
    line-height: 32px;
}

.gadget-theme-light div.bx-gd-add span.bx-gd-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2304B0E6'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
    background-color: #e8f4fc;
	border: 1px solid #becfd896;
	
}

.gadget-theme-light div.bx-gd-clear span.bx-gd-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4444'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");
}

.gadget-theme-light div.bx-gd-setdef span.bx-gd-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2304B0E6'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.gadget-theme-light div.bx-gd-clear,
.gadget-theme-light div.bx-gd-setdef {
    float: right;
    padding-left: 8px;
}

.gadget-theme-light div.bx-gd-button a {
    display: block;
    color: var(--black-color-main);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.gadget-theme-light .bx-gadgets-drag {
    position: absolute;
    border: 2px dashed var(--primary-color-main);
    z-index: 10000;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(4, 176, 230, 0.3);
}

.gadget-theme-light .flex {
    display: flex;
    flex-wrap: wrap;
}

.gadget-theme-light .body-gadget {
    min-height: 63px;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}

.gadget-theme-light .body-gadget>.flex:last-child {
    flex-grow: 1;
    align-items: stretch;
}

.gadget-theme-light .body-gadget .flex {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 8px;
    align-items: center;
}

.gadget-theme-light .body-gadget .flex>div {
    overflow: hidden;
}

.gadget-theme-light .body-gadget .flex>div:first-child {
    width: 100%;
    display: none;
    font-style: italic;
    color: #28a745;
}

.gadget-theme-light .body-gadget .flex>div:nth-child(2) {
    white-space: nowrap;
}

.gadget-theme-light .body-gadget .flex>div[role=desc] {
    flex: 0 0 auto;
    min-width: 180px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--black-color-main);
    font-size: 13px;
}

.gadget-theme-light .body-gadget .flex>div:not([role=desc]):not(:first-child) {
    flex: 1 1 0;
}

.gadget-theme-light .body-gadget .flex>div:not([role=desc]):not(:first-child) input,
.gadget-theme-light .body-gadget .flex>div:not([role=desc]):not(:first-child) select {
    width: 100%;
}

.gadget-theme-light .body-gadget .flex input:focus,
.gadget-theme-light .body-gadget .flex select:focus {
    outline: none;
    border-color: #04B0E6;
    box-shadow: 0 0 0 3px rgba(4, 176, 230, 0.1);
}

.gadget-theme-light .gdcontent.settings .body-gadget .flex>div:first-child {
    display: block;
}

.gadget-theme-light .gdwrap {
    box-sizing: border-box;
}

.gadget-theme-light .settings .body-gadget .flex {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 10px;
    background-color: #fafafa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.gadget-theme-light .gdchart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

.gadget-theme-light a.gdchart {
    margin-left: 0 !important;
}

@media (max-width: 768px) {
    .gadget-theme-light table.gadgetholder>tbody>tr>td,
    .gadget-theme-light table.gadgetholder>tr>td {
        display: block;
        width: 100%;
    }
    .gadget-theme-light td[width="10"] {
        display: none !important;
    }
}

.gadget-theme-light div.empty {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*Top panel*/
.gadget-theme-light div.bx-top-panel {
    width: 100%;
    background: var(--panel-bg);
    box-shadow: var(--panel-shadow);
    border-bottom: 1px solid var(--panel-border);
    font-size: 13px !important;
    line-height: normal !important;
}

.gadget-theme-light div.bx-top-panel table,
.gadget-theme-light div.bx-top-panel td,
.gadget-theme-light div.bx-top-panel tbody,
.gadget-theme-light div.bx-top-panel tr {
    width: auto !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-family: var(--font-family-base) !important;
    background: transparent !important;
    font-size: 13px !important;
    line-height: normal !important;
    height: auto !important;
    font-weight: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    text-decoration: none !important;
    font-variant: normal !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-indent: 0 !important;
    overflow: visible !important;
    color: var(--black-color-main) !important;
}

.gadget-theme-light div.bx-top-panel a {
    text-decoration: none !important;
    color: var(--black-color-main) !important;
    font-weight: normal !important;
    transition: var(--transition);
}

.gadget-theme-light div.bx-top-panel a:hover {
    color: var(--primary-color-main) !important;
}

.gadget-theme-light div.bx-top-panel div.bx-panel-left {
    display: none;
}

.gadget-theme-light div.bx-top-panel table.bx-panel-container {
    width: 100% !important;
    background: var(--panel-bg) !important;
}

.gadget-theme-light div.bx-top-panel div.bx-panel-empty {
    display: none;
}

/*Top panel buttons*/
.gadget-theme-light div.bx-top-panel div.bx-panel-buttons {
    font-family: var(--font-family-base);
    font-size: 13px;
    color: var(--black-color-main);
    margin-bottom: 2px;
}

.gadget-theme-light div.bx-top-panel div.bx-pnseparator {
    display: none;
}

.gadget-theme-light div.bx-top-panel div.bx-pnbutton {
    float: left;
    padding-top: 3px;
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton {
    cursor: pointer !important;
    transition: var(--transition);
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton td {
    padding: 0 !important;
    height: 28px !important;
    background: transparent !important;
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.bx-button {
    height: auto;
    padding: 4px 10px;
    border-radius: var(--ui-border-radius-xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton:hover div.bx-button {
    background: var(--button-hover);
}

.gadget-theme-light div.bx-top-panel table.pressed div.bx-button {
    background: var(--primary-color-main);
    color: var(--white-color);
    border-radius: var(--ui-border-radius-xs);
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.bx-button-text {
    padding: 4px 3px 4px 0;
    font-family: var(--font-family-base);
    font-size: 13px;
    color: var(--black-color-main);
    white-space: nowrap;
}

.gadget-theme-light div.bx-top-panel table.pressed div.bx-button-text {
    color: var(--white-color);
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.bx-pnicon {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-left,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-center,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-right,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-arrow,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-arrow-separate,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton-over td.bx-left,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton-over td.bx-center,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton-over td.bx-right,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton-over td.bx-arrow,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton-over td.bx-arrow-separate,
.gadget-theme-light div.bx-top-panel table.pressed td.bx-left,
.gadget-theme-light div.bx-top-panel table.pressed td.bx-center,
.gadget-theme-light div.bx-top-panel table.pressed td.bx-right,
.gadget-theme-light div.bx-top-panel table.pressed td.bx-arrow,
.gadget-theme-light div.bx-top-panel table.pressed td.bx-arrow-separate,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.pressed {
    background-image: none !important;
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-left div.empty,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-right div.empty,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-arrow div.empty,
.gadget-theme-light div.bx-top-panel table.bx-pnbutton td.bx-arrow-separate div.empty {
    display: none;
}

.gadget-theme-light div.bx-top-panel div.panel-tooltip {
    font-family: var(--font-family-base);
    font-size: 13px;
    position: absolute;
    z-index: 1000;
    margin-top: 26px;
    width: 230px;
    background: #fff8e1;
    border: 1px solid #ffcc02;
    border-radius: var(--ui-border-radius-sm);
    padding: 12px;
    box-shadow: var(--panel-shadow);
    box-sizing: border-box;
}

.gadget-theme-light div.bx-top-panel a.panel-tooltip-close {
    display: block;
    width: 16px;
    height: 16px;
    background: var(--grey-color-main);
    border-radius: var(--ui-border-radius-circle);
    float: right;
    margin: 0 0 5px 5px;
    position: relative;
    transition: var(--transition);
}

.gadget-theme-light div.bx-top-panel a.panel-tooltip-close:hover {
    background: #dc3545;
}

.gadget-theme-light div.bx-top-panel a.panel-tooltip-close::before,
.gadget-theme-light div.bx-top-panel a.panel-tooltip-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 2px;
    background: var(--white-color);
    transform: translate(-50%, -50%) rotate(45deg);
}

.gadget-theme-light div.bx-top-panel a.panel-tooltip-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.gadget-theme-light div.panel-tooltip a,
.gadget-theme-light div.panel-tooltip a:visited {
    color: var(--primary-color-main) !important;
}

.gadget-theme-light div.panel-tooltip a:hover,
.gadget-theme-light div.panel-tooltip a:active {
    color: #dc3545 !important;
    text-decoration: underline !important;
}

/*icons - keep all original*/
.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-create {
    background-image: url(public/panel_new/buttons/create.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-edit {
    background-image: url(public/panel_new/buttons/edit.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-access {
    background-image: url(public/panel_new/buttons/access.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-delete {
    background-image: url(public/panel_new/buttons/delete.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-components {
    background-image: url(public/components/buttons2/parameters.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-cache {
    background-image: url(public/panel_new/buttons/cache.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-debug {
    background-image: url(public/panel_new/buttons/debug.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-menu {
    background-image: url(public/panel_new/buttons/menu.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-template {
    background-image: url(public/panel_new/buttons/template.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-user {
    background-image: url(public/panel_new/buttons/user.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-key {
    background-image: url(public/panel_new/buttons/key.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-structure {
    background-image: url(public/panel_new/buttons/structure.gif)
}

.gadget-theme-light div.bx-top-panel table.bx-pnbutton div.icon-update {
    background-image: url(public/panel_new/buttons/update.gif)
}

/*free space bar*/
.gadget-theme-light div.bx-top-panel table.free-space-bar {
    width: 80px !important;
    height: 11px !important;
    border-spacing: 1px !important;
    border: 1px solid var(--panel-border) !important;
    border-radius: var(--ui-border-radius-pill);
    overflow: hidden;
}

.gadget-theme-light div.bx-top-panel div.free-space-bar {
    padding-top: 6px;
}

.gadget-theme-light div.bx-top-panel table.free-space-bar td.bx-panel-used {
    background: #ffc107 !important;
    padding: 0 !important;
}

.gadget-theme-light div.bx-top-panel table.free-space-bar td.bx-panel-free {
    background: #28a745 !important;
    padding: 0 !important;
}

/*Start button*/
.gadget-theme-light div.bx-top-panel div.bx-start-button {
    width: 44px;
    height: 44px;
    background: var(--primary-color-main);
    border-radius: var(--ui-border-radius-circle);
    margin-top: 4px;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    box-shadow: 0 2px 8px rgba(4, 176, 230, 0.3);
}

.gadget-theme-light div.bx-top-panel div.bx-start-button::before {
    content: '☰';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white-color);
    font-size: 17px;
    font-weight: bold;
}

.gadget-theme-light div.bx-top-panel div.start-over {
    background: var(--primary-color-main-hover) !important;
    transform: scale(1.05);
}

.gadget-theme-light div.bx-top-panel div.pressed {
    background: var(--primary-color-main-active) !important;
    transform: scale(0.95);
}

.gadget-theme-light div.bx-top-panel td.bx-tabs-cell,
.gadget-theme-light div.bx-top-panel td.bx-button-cell {
    vertical-align: top !important;
    background-image: none !important;
}

.gadget-theme-light div.bx-top-panel td.bx-button-cell {
    width: 0% !important;
}

.gadget-theme-light div.bx-top-panel td.bx-tabs-cell {
    width: 100% !important;
}

/*Fix panel link*/
.gadget-theme-light div.bx-top-panel a.fix-link {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: var(--transition);
}

.gadget-theme-light div.bx-top-panel a.fix-link:hover {
    opacity: 1;
}

.gadget-theme-light div.bx-top-panel a.fix-on {
    background: var(--primary-color-main);
    border-radius: var(--ui-border-radius-circle);
    position: relative;
}

.gadget-theme-light div.bx-top-panel a.fix-on::before {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white-color);
    font-size: 13px;
}

.gadget-theme-light div.bx-top-panel a.fix-off {
    background: var(--grey-color-main);
    border-radius: var(--ui-border-radius-circle);
    position: relative;
}

.gadget-theme-light div.bx-top-panel a.fix-off::before {
    content: '✕';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white-color);
    font-size: 13px;
}

/*Splitter*/
.gadget-theme-light div.bx-top-panel table.splitter,
.gadget-theme-light div.bx-top-panel table.splitter td {
    width: 100% !important;
    height: 6px !important;
    background: var(--panel-border) !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: baseline !important;
}

.gadget-theme-light div.bx-top-panel table.splitter a.splitterknob {
    margin: 0 auto;
    display: block;
    width: 60px;
    height: 6px;
    background: var(--grey-color-main);
    border-radius: var(--ui-border-radius-pill);
    overflow: hidden;
    transition: var(--transition);
}

.gadget-theme-light div.bx-top-panel table.splitter a.splitterknob:hover {
    background: var(--primary-color-main);
}

.gadget-theme-light div.bx-top-panel table.splitter a.splitterknobdown {
    background: var(--grey-color-main);
}

.gadget-theme-light div.bx-top-panel table.splitter a.splitterknobdown:hover {
    background: var(--primary-color-main);
}

/*Tabs*/
.gadget-theme-light div.bx-panel-tab {
    cursor: pointer;
    background: transparent;
    float: left;
    height: 36px;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    transition: var(--transition);
}

.gadget-theme-light div.bx-panel-tab-active {
    cursor: default;
    border-bottom-color: var(--primary-color-main);
}

.gadget-theme-light div.bx-panel-tab:hover:not(.bx-panel-tab-active) {
    border-bottom-color: var(--button-hover);
    background: var(--button-hover);
}

.gadget-theme-light div.bx-panel-tab div {
    float: left;
    box-sizing: border-box;
    height: 34px;
}

.gadget-theme-light div.bx-panel-tab div.bx-panel-caption {
    padding: 8px 14px 6px 14px;
    height: auto;
    font-family: var(--font-family-base);
    font-size: 13px;
    color: var(--grey-color-main);
    line-height: normal;
    font-weight: 500;
    transition: var(--transition);
}

.gadget-theme-light div.bx-panel-tab-active div.bx-panel-caption {
    color: var(--primary-color-main);
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-active div.bx-panel-caption {
    padding-top: 8px;
}

.gadget-theme-light div.bx-panel-tab br {
    clear: both;
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-left,
.gadget-theme-light div.bx-panel-tab div.bx-tab-left-first,
.gadget-theme-light div.bx-panel-tab div.bx-tab-left-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab-left-prev-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab,
.gadget-theme-light div.bx-panel-tab div.bx-tab-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab-right,
.gadget-theme-light div.bx-panel-tab div.bx-tab-right-next-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab-right-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab-bottom,
.gadget-theme-light div.bx-panel-tab div.bx-tab-bottom-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab-bottom-first,
.gadget-theme-light div.bx-panel-tab div.bx-tab-bottom-first-active,
.gadget-theme-light div.bx-panel-tab div.bx-tab-bottom-prev-active,
.gadget-theme-light div.bx-panel-tab-admin div.bx-tab-left,
.gadget-theme-light div.bx-panel-tab-admin div.bx-tab-left-prev-active,
.gadget-theme-light div.bx-panel-tab-admin div.bx-tab,
.gadget-theme-light div.bx-panel-tab-admin div.bx-tab-right {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-icon {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 6px 4px 0 12px;
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-left-active div.bx-tab-icon {
    background-position: center;
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-icon-view {
    background-image: url(public/panel_new/icons/view.gif);
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-icon-edit {
    background-image: url(public/panel_new/icons/edit.gif);
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-icon-configure {
    background-image: url(public/panel_new/icons/settings.gif);
}

.gadget-theme-light div.bx-panel-tab div.bx-tab-icon-admin {
    background-image: url(public/panel_new/icons/admin.png);
}

/*Component edit form*/
.gadget-theme-light div.bx-popup-form {
    background: var(--white-color);
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-lg);
    width: 612px;
    box-shadow: var(--panel-shadow);
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
}

.gadget-theme-light div.bx-popup-content td,
.gadget-theme-light div.bx-popup-content table,
.gadget-theme-light div.bx-popup-content tr,
.gadget-theme-light div.bx-popup-content tbody,
.gadget-theme-light div.bx-popup-title td,
.gadget-theme-light div.bx-popup-title table,
.gadget-theme-light div.bx-popup-title tr,
.gadget-theme-light div.bx-popup-title tbody,
.gadget-theme-light div.bx-popup-form table,
.gadget-theme-light div.bx-popup-form div,
.gadget-theme-light div.bx-popup-form p {
    letter-spacing: normal !important;
    font-variant: normal !important;
    font-style: normal !important;
    text-indent: 0 !important;
    word-spacing: normal !important;
    font-family: var(--font-family-base) !important;
    font-size: 13px !important;
    color: var(--black-color-main) !important;
    line-height: normal !important;
    font-weight: normal !important;
}

.gadget-theme-light div.bx-popup-form p {
    text-align: left !important;
}

.gadget-theme-light div.bx-popup-form form {
    margin: 0 !important;
    padding: 0 !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-icon {
    float: right;
    margin: 4px !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-description {
    overflow: hidden;
    width: 100%;
    text-align: left !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-description-container {
    margin: 5px;
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-xs);
    background: var(--panel-bg);
}

.gadget-theme-light div.bx-popup-form div.bx-popup-description p {
    margin: 5px !important;
    text-decoration: none !important;
    font-size: 100% !important;
    font-weight: normal !important;
    line-height: normal !important;
    white-space: normal !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-description p.note {
    color: var(--grey-color-main);
}

.gadget-theme-light div.bx-popup-form div.bx-popup-description p.note a {
    color: var(--grey-color-main);
    text-decoration: none;
    font-size: 100%;
    font-weight: normal;
    line-height: normal;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-description p.note a:hover {
    color: var(--grey-color-main);
    text-decoration: underline;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content,
.gadget-theme-light div.bx-popup-form div.bx-content-editor {
    margin: 5px;
    padding-top: 5px !important;
    background: var(--white-color);
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-xs);
    height: 280px;
    overflow: auto;
    box-sizing: border-box;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content-container {
    margin: 0 5px;
    height: 100%;
    box-sizing: border-box;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content td {
    font-size: 13px !important;
    padding: 3px 3px 4px 0 !important;
    line-height: normal !important;
    font-weight: normal !important;
    border-bottom: 1px solid var(--panel-border);
}

.gadget-theme-light div.bx-popup-content td {
    background-image: none !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content tr.empty td {
    background-image: none !important;
    padding: 1px !important;
    border: none !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content tr.section td {
    background-image: none !important;
    background: var(--panel-bg) !important;
    padding: 3px !important;
    font-weight: 600 !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content tr.section table td {
    padding: 0 !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content input,
.gadget-theme-light div.bx-popup-form div.content select {
    font-family: var(--font-family-base);
    font-size: 13px !important;
    margin: 0 !important;
    padding: 3px 6px !important;
    color: var(--black-color-main) !important;
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-2xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content input:focus,
.gadget-theme-light div.bx-popup-form div.content select:focus {
    border-color: var(--primary-color-main);
    outline: none;
    box-shadow: 0 0 0 3px rgba(4, 176, 230, 0.15);
}

.gadget-theme-light div.bx-popup-form div.bx-popup-content td.bx-popup-label {
    text-align: right !important;
    font-weight: 500 !important;
}

.gadget-theme-light div.bx-popup-form .bx-width30 {
    width: 30% !important;
}

.gadget-theme-light div.bx-popup-form .bx-width50 {
    width: 50% !important;
}

.gadget-theme-light div.bx-popup-form .bx-width100 {
    width: 100% !important;
}

.gadget-theme-light div.bx-popup-form .bx-width0 {
    width: 0% !important;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-buttons {
    text-align: center !important;
    padding: 16px;
    overflow: hidden;
    white-space: nowrap;
    background: var(--panel-bg);
    border-top: 1px solid var(--panel-border);
}

.gadget-theme-light div.bx-popup-form div.bx-popup-title {
    background: var(--primary-color-main);
    padding: 8px 16px;
}

.gadget-theme-light div.bx-popup-form div.bx-popup-title td.bx-title-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--white-color) !important;
    padding: 0 !important;
    cursor: move !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    line-height: normal !important;
}

.gadget-theme-light div.bx-popup-form a.bx-popup-close {
    display: block;
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--ui-border-radius-circle);
    overflow: hidden;
    margin: 0;
    position: relative;
    transition: var(--transition);
}

.gadget-theme-light div.bx-popup-form a.bx-popup-close:hover {
    background: rgba(255, 255, 255, 0.4);
}

.gadget-theme-light div.bx-popup-form a.bx-popup-close::before,
.gadget-theme-light div.bx-popup-form a.bx-popup-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: var(--white-color);
    transform: translate(-50%, -50%) rotate(45deg);
}

.gadget-theme-light div.bx-popup-form a.bx-popup-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.gadget-theme-light div.bx-popup-form a.bx-popup-sign {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gadget-theme-light div.bx-popup-form a.bx-popup-minus {
    background-image: url(public/components/form/minus.gif);
}

.gadget-theme-light div.bx-popup-form a.bx-popup-plus {
    background-image: url(public/components/form/plus.gif);
}

.gadget-theme-light div.bx-popup-form a {
    color: var(--primary-color-main);
    text-decoration: underline;
    font-size: 100%;
    font-weight: normal;
    line-height: normal;
}

.gadget-theme-light div.bx-popup-form .edit-field {
    background-image: url(public/popup/pencil.gif);
}

.gadget-theme-light div.bx-popup-form .edit-field-active {
    border-color: var(--primary-color-main) !important;
}

.gadget-theme-light div.bx-popup-form table.extended {
    background: var(--panel-bg) !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: var(--ui-border-radius-xs);
    overflow: hidden;
}

.gadget-theme-light div.bx-popup-form table.extended td {
    padding: 2px !important;
    background: none !important;
}

.gadget-theme-light div.bx-popup-form div.bx-menu-current-row {
    background: #e6f7fe !important;
    border-radius: var(--ui-border-radius-xs);
}

.gadget-theme-light div.bx-popup-form div.view-area {
    white-space: nowrap;
    overflow: hidden;
    width: 220px;
    padding: 2px;
    display: block;
    cursor: text;
    box-sizing: border-box;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light div.bx-popup-form div.bx-menu-current-row div.edit-field {
    border: 1px solid #e6f7fe !important;
    background: #e6f7fe !important;
}

.gadget-theme-light div.bx-popup-form div.bx-menu-current-row div.edit-field-active {
    border-color: var(--primary-color-main) !important;
    background: var(--white-color) !important;
}

.gadget-theme-light div.bx-popup-form table table td {
    border-top: none !important;
    border-bottom: none !important;
}

.gadget-theme-light div.bx-popup-form div.bxresizer {
    cursor: se-resize;
    background-image: url(public/popup/resizer.gif);
    height: 20px;
    width: 20px;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: var(--transition);
}

.gadget-theme-light div.bx-popup-form div.bxresizer:hover {
    opacity: 1;
}

/* Wait window */
.gadget-theme-light iframe.waitwindow {
    position: absolute;
    border: 0;
    z-index: 9999;
}

.gadget-theme-light div.waitwindow {
    position: absolute;
    width: 170px;
    padding: 16px;
    background: #fff8e1;
    border: 1px solid #ffcc02;
    border-radius: var(--ui-border-radius-sm);
    text-align: center !important;
    z-index: 10000;
    font-size: 13px;
    background-image: url(../images/wait.png) !important;
    background-position: 16px center;
    background-repeat: no-repeat;
    font-family: var(--font-family-base);
    color: var(--black-color-main);
    line-height: normal;
    font-weight: normal;
    box-shadow: var(--panel-shadow);
}

/*Overlay*/
.gadget-theme-light div.bx-popup-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1010;
    background: rgba(51, 51, 51, 0.5);
    backdrop-filter: blur(2px);
}

.gadget-theme-light div.bx-current-mirror {
    position: absolute;
    z-index: 9999999;
    overflow: hidden;
    background: rgba(208, 208, 255, 0.5);
}

/*Popup icons - keep all original*/
.gadget-theme-light div.bx-create-new-page {
    background: url(public/popup/new_page.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-create-new-folder {
    background: url(public/popup/new_folder.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-property-page {
    background: url(public/popup/property_page.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-property-folder {
    background: url(public/popup/property_folder.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-access-page {
    background: url(public/popup/access_page.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-edit-menu {
    background: url(public/popup/edit_menu.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-access-folder {
    background: url(public/popup/access_folder.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-delete-page {
    background: url(public/popup/delete_page.gif) center 50% no-repeat;
}

.gadget-theme-light div.bx-debug-info {
    background: url(public/popup/debug_info.gif) center 50% no-repeat;
    width: 33px;
    height: 31px;
    float: right;
    margin: 4px;
}

.gadget-theme-light div.bx-structure {
    background: url(public/popup/structure.gif) center 50% no-repeat;
}

/*Core popup icons*/
.gadget-theme-light div.bx-core-edit-menu {
    background-image: url(public/popup/edit_menu.gif);
}

.gadget-theme-light div.bx-core-debug-info {
    background-image: url(public/popup/debug_info.gif);
}

/*Hint window*/
.gadget-theme-light div.bxhint {
    font-size: 13px;
    font-family: var(--font-family-base);
    color: var(--black-color-main);
    padding: 5px;
    background: #fff8e1;
    border: 1px solid #ffcc02;
    border-radius: var(--ui-border-radius-xs);
    overflow: visible;
    line-height: normal;
    font-weight: normal;
    text-align: left !important;
    box-shadow: var(--panel-shadow);
}

.gadget-theme-light div.bxhint td {
    font-size: 13px;
    font-family: var(--font-family-base);
    color: var(--black-color-main);
    padding: 2px;
}

.gadget-theme-light div.bxhint td.bx-grey {
    color: var(--grey-color-main);
}

.gadget-theme-light div.bxhinticon {
    width: 0%;
    height: 0%;
}

.gadget-theme-light table.internal .rowcontrol {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 3px;
    margin-top: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.6;
    transition: var(--transition);
}

.gadget-theme-light table.internal .rowcontrol:hover {
    opacity: 1;
}

.gadget-theme-light table.internal .expand {
    background-image: url(images/menu/expand.gif);
    cursor: pointer;
}

.gadget-theme-light table.internal .unexpand {
    background-image: url(images/menu/unexpand.gif);
    cursor: pointer;
}

.gadget-theme-light table.internal .up {
    background-image: url(images/menu/up.gif);
    cursor: pointer;
}

.gadget-theme-light table.internal .down {
    background-image: url(images/menu/down.gif);
    cursor: pointer;
}

.gadget-theme-light table.internal .delete {
    background-image: url(images/menu/delete.gif);
    cursor: pointer;
}

.gadget-theme-light table.internal .folder {
    background-image: url(images/menu/folder.gif);
    cursor: pointer;
}

.gadget-theme-light table.internal .drag {
    background-image: url(images/menu/drag.gif);
    cursor: move;
}

/*Component border*/
.gadget-theme-light div.bx-component-border {
    position: relative;
    width: 100%;
    padding: 1px;
}

.gadget-theme-light div.bx-component-border-over {
    border: 2px dashed #ffc107;
    padding: 0;
    z-index: 1;
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light div.bx-component-debug {
    border: 1px solid #dc3545;
    font-family: var(--font-family-base);
    font-size: 10px;
    color: var(--black-color-main);
    background: var(--white-color);
    margin: 0;
    padding: 2px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    background-image: none;
}

.gadget-theme-light div.bx-component-debug a,
.gadget-theme-light div.bx-component-debug a:visited {
    color: var(--primary-color-main);
    text-decoration: none;
}

.gadget-theme-light div.bx-component-debug a:hover {
    color: #dc3545;
    text-decoration: underline;
}

.gadget-theme-light div.bx-debug-summary {
    margin: 5px;
    width: 300px;
    font-size: 13px;
    padding: 5px;
    line-height: normal;
    font-weight: normal;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    opacity: 0.4;
    background: var(--white-color);
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-sm);
    box-shadow: var(--panel-shadow);
    transition: var(--transition);
}

.gadget-theme-light div.bx-debug-summary:hover {
    opacity: 1;
}

/*Component panel*/
.gadget-theme-light div.bx-component-panel {
    position: absolute;
    z-index: 2;
    top: -28px;
    left: -1px;
    padding: 0;
    margin: 1px;
}

.gadget-theme-light div.bx-component-border-over div.bx-component-panel {
    margin: 0;
}

.gadget-theme-light div.bx-component-panel td,
.gadget-theme-light div.bx-component-panel table,
.gadget-theme-light div.bx-component-panel tr,
.gadget-theme-light div.bx-component-panel tbody {
    font-size: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 28px !important;
    border: none !important;
    vertical-align: middle !important;
    background: transparent !important;
    background-position: 0 0 !important;
    width: auto !important;
    table-layout: auto !important;
    border-spacing: 0 !important;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-left {
    width: 4px !important;
    cursor: move !important;
    background: var(--primary-color-main) !important;
    border-radius: var(--ui-border-radius-2xs) 0 0 var(--ui-border-radius-2xs);
}

.gadget-theme-light div.bx-component-panel td.bx-panel-left[class] {
    background-image: none !important;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-left div {
    display: none;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-right {
    width: 4px !important;
    background: var(--primary-color-main) !important;
    border-radius: 0 var(--ui-border-radius-2xs) var(--ui-border-radius-2xs) 0;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-right[class] {
    background-image: none !important;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-middle {
    width: auto !important;
    background: var(--primary-color-main) !important;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-middle[class] {
    background-image: none !important;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-middle div.bx-panel-left {
    display: none;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-middle div.bx-panel-right {
    display: none;
}

.gadget-theme-light div.bx-component-panel td.bx-panel-middle div.bx-panel-separator {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    width: 2px;
    height: 15px;
    margin: 0 2px;
    overflow: hidden;
    box-sizing: border-box;
}

/*Component panel buttons*/
.gadget-theme-light div.bx-component-panel div.bx-panel-icon-cont {
    margin: 2px;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: var(--ui-border-radius-2xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-component-panel div.bx-panel-icon-cont-hover {
    margin: 0;
    border: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light div.bx-component-panel div.bx-panel-icon {
    width: 27px;
    height: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
}

.gadget-theme-light div.bx-component-panel div.parameters-all {
    background-image: url(public/components/icons/general.gif);
}

.gadget-theme-light div.bx-component-panel div.edit-icon {
    background-image: url(public/components/icons/edit.gif);
}

.gadget-theme-light div.bx-component-panel div.configure-icon {
    background-image: url(public/components/icons/configure.gif);
}

.gadget-theme-light div.bx-component-panel div.pressed {
    width: 27px;
    height: 19px;
    margin: 0;
    border: 2px solid var(--white-color);
    background: rgba(255, 255, 255, 0.3);
    border-radius: var(--ui-border-radius-2xs);
}

/* Popup menu - keep white background */
.gadget-theme-light td.popupmenu {
    background: #fff !important;
    background-color: #fff !important;
}

.gadget-theme-light div.bx-popup-menu td.popupmenu {
    background: #fff !important;
    background-color: #fff !important;
}

.gadget-theme-light div.bx-popup-menu td,
.gadget-theme-light div.bx-popup-menu table,
.gadget-theme-light div.bx-popup-menu tr,
.gadget-theme-light div.bx-popup-menu tbody {
    color: var(--black-color-main) !important;
    border: none !important;
    border-spacing: 0 !important;
    background: transparent !important;
    width: auto !important;
    font-weight: normal !important;
    vertical-align: middle !important;
    white-space: normal !important;
    text-decoration: none !important;
    table-layout: auto !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 13px !important;
}

.gadget-theme-light td.popupmenu div.popupitem {
    margin: 2px;
    cursor: default;
    border-radius: var(--ui-border-radius-2xs);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, background-color, border-color;
    backface-visibility: hidden;
    transform: translateZ(0);
    position: relative;
    background: #fff;
    border: none;
}

.gadget-theme-light td.popupmenu div.popupitemover {
    border: none;
    background: #e6f7fe !important;
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light td.popupmenu div.popupitem td.item {
    padding: 3px 7px 3px 9px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    color: var(--black-color-main) !important;
    line-height: normal !important;
    font-weight: normal !important;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gadget-theme-light td.popupmenu div.popupitem table {
    width: 100% !important;
}

.gadget-theme-light td.popupmenu div.popupitem td.gutter {
    width: 22px !important;
}

.gadget-theme-light td.popupmenu div.popupitem td.arrow {
    width: 10px !important;
    background: transparent !important;
}

.gadget-theme-light td.popupmenu div.popupitem td.default {
    font-weight: 600 !important;
    line-height: normal !important;
}

.gadget-theme-light td.popupmenu div.popupitem td.disabled {
    color: var(--grey-color-main) !important;
}

.gadget-theme-light td.popupmenu div.popupseparator {
    margin: 2px 0 2px 30px;
    background: var(--panel-border);
    height: 1px;
    overflow: hidden;
}

/* Popup menu tags */
.gadget-theme-light td.popupmenu table.popupitem {
    width: 100% !important;
    margin: 2px !important;
    cursor: default !important;
}

.gadget-theme-light td.popupmenu table.popupitemover {
    border: 1px solid var(--primary-color-main) !important;
    margin: 0 !important;
    background: #e6f7fe !important;
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light td.popupmenu table.popupitem td.gutter {
    width: 20px !important;
    height: 20px !important;
}

.gadget-theme-light td.popupmenu table.popupitem td.gutter div {
    width: 20px;
    height: 100%;
    background-position: 0 0;
}

.gadget-theme-light td.popupmenu table.popupitem td.item {
    padding: 3px 5px 3px 9px !important;
    font-family: var(--font-family-base) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    line-height: normal !important;
    font-weight: normal !important;
}

/*menu icons - keep all original */
.gadget-theme-light td.popupmenu div.popupitem .checked {
    background-image: url(images/checkbox.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .favorites {
    background-image: url(start_menu/main/favorite.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .favorites {
    background-image: url(start_menu/main/favorite_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .loading {
    background-image: url(start_menu/main/loading.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .loading {
    background-image: url(start_menu/main/loading_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .button_content {
    background-image: url(start_menu/main/content.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .button_content {
    background-image: url(start_menu/main/content_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .button_services {
    background-image: url(start_menu/main/services.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .button_services {
    background-image: url(start_menu/main/services_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .button_store {
    background-image: url(start_menu/main/store.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .button_store {
    background-image: url(start_menu/main/store_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .button_statistics {
    background-image: url(start_menu/main/statistics.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .button_statistics {
    background-image: url(start_menu/main/statistics_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .button_settings {
    background-image: url(start_menu/main/settings.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .button_settings {
    background-image: url(start_menu/main/settings_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .user_menu_icon {
    background-image: url(start_menu/main/user.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .user_menu_icon {
    background-image: url(start_menu/main/user_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .sys_menu_icon {
    background-image: url(start_menu/main/sys.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .sys_menu_icon {
    background-image: url(start_menu/main/sys_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .util_menu_icon {
    background-image: url(start_menu/main/tools.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .util_menu_icon {
    background-image: url(start_menu/main/tools_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .update_menu_icon {
    background-image: url(start_menu/main/update.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .update_menu_icon_partner {
    background-image: url(start_menu/main/update_partner.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .update_menu_icon {
    background-image: url(start_menu/main/update_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .update_menu_icon_partner {
    background-image: url(start_menu/main/update_over_partner.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .fav_menu_icon {
    background-image: url(start_menu/main/favorite.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .fav_menu_icon {
    background-image: url(start_menu/main/favorite_over.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .rating_menu_icon {
    background-image: url(icons/main/mnu_rating.gif);
}

.gadget-theme-light td.popupmenu div.popupitemover .rating_menu_icon {
    background-image: url(icons/main/mnu_rating.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .update_marketplace {
    background-image: url(start_menu/main/marketplace.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .update_marketplace_modules {
    background-image: url(start_menu/main/marketplace_modules.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .parameters {
    background-image: url(public/components/buttons/parameters.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .edit {
    background-image: url(public/components/buttons/edit.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .copy {
    background-image: url(public/components/buttons/copy.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .edit-common {
    background-image: url(public/components/buttons/edit_common.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .edit-wf {
    background-image: url(public/components/buttons/edit_wf.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .menu-edit {
    background-image: url(public/components/buttons/menu_edit.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .menu-template {
    background-image: url(public/components/buttons/menu_templ.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .nav-template {
    background-image: url(public/components/buttons/nav_templ.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .parameters-2 {
    background-image: url(public/components/buttons2/parameters.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .edit-2 {
    background-image: url(public/components/buttons2/edit.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .edit-css {
    background-image: url(public/components/buttons2/edit_css.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .copy-2 {
    background-image: url(public/components/buttons2/copy.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .del-cache {
    background-image: url(public/components/buttons2/delcache.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-new-file {
    background-image: url(public/panel_new/menus/new_file.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-new-file-template {
    background-image: url(public/panel_new/menus/create_template.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-new-folder {
    background-image: url(public/panel_new/menus/new_folder.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-new-folder-template {
    background-image: url(public/panel_new/menus/create_folder_template.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-edit-visual {
    background-image: url(public/panel_new/menus/edit_html.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-edit-text {
    background-image: url(public/panel_new/menus/edit_text.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-edit-php {
    background-image: url(public/panel_new/menus/edit_php.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-file-props {
    background-image: url(public/panel_new/menus/file_props.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-folder-props {
    background-image: url(public/panel_new/menus/folder_props.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-file-access {
    background-image: url(public/panel_new/menus/file_access.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-folder-access {
    background-image: url(public/panel_new/menus/folder_access.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-file-delete {
    background-image: url(public/panel_new/menus/delete_file.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-folder-delete {
    background-image: url(public/panel_new/menus/delete_folder.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-page-cache {
    background-image: url(public/panel_new/menus/page_cache.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-comp-cache {
    background-image: url(public/panel_new/menus/comp_cache.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-key {
    background-image: url(public/panel_new/menus/key.gif);
}

.gadget-theme-light td.popupmenu div.popupitem .panel-user {
    background-image: url(public/panel_new/menus/user.gif);
}

/* Edit form - keep all styles */
.gadget-theme-light div.bx-content-editor td,
.gadget-theme-light div.bx-content-editor tr,
.gadget-theme-light div.bx-content-editor table,
.gadget-theme-light div.bx-content-editor tbody,
.gadget-theme-light .bx_popup_frame td,
.gadget-theme-light .bx_popup_frame table,
.gadget-theme-light .bx_popup_frame tr,
.gadget-theme-light .bx_popup_frame tbody,
.gadget-theme-light .bx_ed_context_menu td,
.gadget-theme-light .bx_ed_context_menu tr,
.gadget-theme-light .bx_ed_context_menu table,
.gadget-theme-light .bx_ed_context_menu tbody,
.gadget-theme-light table.edit-form td,
.gadget-theme-light table.edit-form tr,
.gadget-theme-light table.edit-form table,
.gadget-theme-light table.edit-form tbody,
.gadget-theme-light div.editor_dialog td {
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-family: var(--font-family-base) !important;
    font-size: 13px !important;
    color: var(--black-color-main) !important;
    line-height: normal !important;
    font-weight: normal !important;
    vertical-align: middle !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    white-space: normal !important;
}

.gadget-theme-light div.edit-form {
    margin: 16px 0;
}

.gadget-theme-light table.edit-form td {
    background: var(--panel-bg) !important;
}

.gadget-theme-light table.edit-form tr.top td {
    border-top: 1px solid var(--panel-border) !important;
}

.gadget-theme-light table.edit-form td.left {
    border-left: 1px solid var(--panel-border) !important;
}

.gadget-theme-light table.edit-form td.right {
    border-right: 1px solid var(--panel-border) !important;
}

.gadget-theme-light table.edit-form tr.top td.left,
.gadget-theme-light table.edit-form tr.top td.right,
.gadget-theme-light table.edit-form tr.bottom td.left,
.gadget-theme-light table.edit-form tr.bottom td.right {
    border: 0 !important;
    background-image: none !important;
    height: 0 !important;
    width: 0 !important;
}

.gadget-theme-light table.edit-form tr.bottom td {
    border-bottom: 1px solid var(--panel-border) !important;
}

.gadget-theme-light table.edit-form td.content {
    padding: 7px 2px 2px 2px !important;
}

.gadget-theme-light table.edit-form div.buttons {
    margin-top: 4px;
    padding: 5px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-xs);
}

/* Tab inside edit form */
.gadget-theme-light table.edit-tab {
    border: 1px solid var(--panel-border) !important;
    border-top: none !important;
    width: 100% !important;
    border-radius: 0 0 var(--ui-border-radius-xs) var(--ui-border-radius-xs);
    overflow: hidden;
}

.gadget-theme-light table.edit-tab td {
    background: var(--white-color) !important;
    padding: 0 0 2px 0 !important;
}

/* Tab controls */
.gadget-theme-light table.edit-tabs table {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--grey-color-main);
    line-height: normal !important;
}

.gadget-theme-light table.edit-tabs td {
    white-space: nowrap !important;
    border-bottom: 2px solid var(--panel-border) !important;
    padding: 0 !important;
}

.gadget-theme-light table.edit-tabs td.tab-container {
    border: none !important;
    cursor: pointer !important;
    transition: var(--transition);
}

.gadget-theme-light table.edit-tabs td.tab-container:hover {
    background: var(--button-hover);
}

.gadget-theme-light table.edit-tabs td.tab-container-selected,
.gadget-theme-light table.edit-tabs td.tab-container-disabled {
    border: none !important;
    cursor: default !important;
}

.gadget-theme-light table.edit-tabs td.tab-container-selected {
    border-bottom: 2px solid var(--primary-color-main) !important;
}

.gadget-theme-light table.edit-tabs td.tab-container-disabled table {
    color: var(--grey-color-main) !important;
    opacity: 0.5;
}

.gadget-theme-light table.edit-tabs td.tab-indent div.empty,
.gadget-theme-light table.edit-tabs td.tab-left div.empty,
.gadget-theme-light table.edit-tabs td.tab-right div.empty,
.gadget-theme-light table.edit-tabs td.tab-right-last div.empty {
    display: none;
}

.gadget-theme-light table.edit-tabs td.tab {
    vertical-align: middle !important;
    padding: 4px 8px 4px 8px !important;
    height: auto !important;
    background-image: none !important;
}

.gadget-theme-light table.edit-tabs td.tab-container-selected td.tab {
    color: var(--primary-color-main) !important;
}

.gadget-theme-light table.edit-tabs td.tab-left-selected,
.gadget-theme-light table.edit-tabs td.tab-selected,
.gadget-theme-light table.edit-tabs td.tab-right-selected,
.gadget-theme-light table.edit-tabs td.tab-right-last-selected {
    border: none !important;
}

.gadget-theme-light table.edit-tabs td.tab-left-selected div.empty,
.gadget-theme-light table.edit-tabs td.tab-right-selected div.empty,
.gadget-theme-light table.edit-tabs td.tab-right-last-selected div.empty {
    display: none;
}

.gadget-theme-light table.edit-tabs td.tab-selected {
    vertical-align: middle !important;
    padding: 4px 8px 4px 8px !important;
    height: auto !important;
    background-image: none !important;
    color: var(--primary-color-main) !important;
}

.gadget-theme-light table.edit-tabs td.tab-left-hover div.empty,
.gadget-theme-light table.edit-tabs td.tab-right-hover div.empty,
.gadget-theme-light table.edit-tabs td.tab-right-last-hover div.empty {
    display: none;
}

.gadget-theme-light table.edit-tabs td.tab-hover {
    vertical-align: middle !important;
    padding: 4px 8px 4px 8px !important;
    height: auto !important;
    background-image: none !important;
    background: var(--button-hover) !important;
    border-radius: var(--ui-border-radius-xs);
}

.gadget-theme-light table.edit-tabs a.context-button {
    display: block;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 18px;
    width: 18px;
    border: 0;
    margin: 2px;
    opacity: 0.5;
    transition: var(--transition);
}

.gadget-theme-light table.edit-tabs a.context-button:hover {
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid var(--panel-border);
    background: var(--button-hover);
    border-radius: var(--ui-border-radius-2xs);
    opacity: 1;
}

.gadget-theme-light table.edit-tabs a.down {
    background-image: url(images/filter/show.gif);
}

.gadget-theme-light table.edit-tabs a.up {
    background-image: url(images/filter/hide.gif);
}

.gadget-theme-light div.editor_dialog {
    background: var(--white-color);
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-lg);
    box-shadow: var(--panel-shadow);
    overflow: hidden;
}

.gadget-theme-light div.editor_dialog td {
    padding: 0 !important;
    font-size: 13px !important;
    line-height: normal !important;
    font-weight: normal !important;
    color: var(--black-color-main) !important;
    text-decoration: none !important;
}

.gadget-theme-light div.editor_dialog div.content {
    height: 100%;
    overflow: hidden;
}

.gadget-theme-light div.editor_dialog div.title {
    background: var(--primary-color-main);
    padding: 8px 16px;
    border-bottom: 1px solid var(--panel-border);
}

.gadget-theme-light div.editor_dialog div.title td.title-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--white-color) !important;
    padding: 0 !important;
    cursor: move !important;
    vertical-align: middle !important;
    line-height: normal !important;
}

.gadget-theme-light div.editor_dialog a.close {
    display: block;
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--ui-border-radius-circle);
    overflow: hidden;
    margin: 0;
    position: relative;
    transition: var(--transition);
}

.gadget-theme-light div.editor_dialog a.close:hover {
    background: rgba(255, 255, 255, 0.4);
}

.gadget-theme-light div.editor_dialog a.close::before,
.gadget-theme-light div.editor_dialog a.close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: var(--white-color);
    transform: translate(-50%, -50%) rotate(45deg);
}

.gadget-theme-light div.editor_dialog a.close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.gadget-theme-light tr.heading_dialog td {
    color: var(--grey-color-main) !important;
    text-align: center !important;
    font-weight: 600 !important;
    background: var(--panel-bg) !important;
    line-height: normal !important;
}

.gadget-theme-light table.dialogprops tr td {
    padding: 5px 0 !important;
}

/* Authorization form */
.gadget-theme-light form.bx-admin-auth-form {
    height: 100%;
}

.gadget-theme-light div.bx-auth-form {
    margin: 0;
    padding: 8px 0;
    width: 100%;
    height: 100%;
    background: var(--panel-bg);
    box-sizing: border-box;
}

.gadget-theme-light div.bx-auth-form div.bx-auth-header {
    font-weight: 600;
    padding: 0 3px 8px 3px;
    margin: 0;
    border-bottom: 1px solid var(--panel-border);
    line-height: normal;
}

.gadget-theme-light div.bx-auth-form div.bx-auth-footer {
    padding: 4px 3px 0 3px;
    margin: 0;
    border-top: 1px solid var(--panel-border);
}

.gadget-theme-light div.bx-auth-form div.bx-auth-footer p {
    margin: 6px 0 0 0;
}

.gadget-theme-light div.bx-auth-form div.bx-auth-picture {
    float: left;
    width: 105px;
    height: 120px;
    margin: 0;
    background-image: url(images/auth_pict.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.gadget-theme-light div.bx-auth-form div.bx-auth-table {
    float: left;
    margin: 20px 10px;
}

.gadget-theme-light div.bx-auth-form td {
    padding: 3px;
}

.gadget-theme-light div.bx-auth-form td.bx-auth-label {
    text-align: right;
    font-weight: 500;
}

.gadget-theme-light div.bx-auth-form label.bx-label {
    color: var(--primary-color-main);
}

.gadget-theme-light div.bx-auth-form input.bx-auth-input-text {
    width: 150px;
    padding: 3px 6px;
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-2xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-auth-form input.bx-auth-input-text:focus {
    border-color: var(--primary-color-main);
    outline: none;
    box-shadow: 0 0 0 3px rgba(4, 176, 230, 0.15);
}

/*Error text*/
.gadget-theme-light font.errortext {
    color: #dc3545 !important;
}

/* Structure dialog */
.gadget-theme-light div.bx-struct-item {
    clear: both;
    border: 1px solid transparent;
    border-radius: var(--ui-border-radius-2xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-struct-item:hover {
    background: var(--panel-bg);
}

.gadget-theme-light div.bx-struct-plus {
    width: 16px;
    height: 16px;
    background-image: url(images/signplus.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    float: left;
    opacity: 0.7;
    transition: var(--transition);
}

.gadget-theme-light div.bx-struct-plus:hover {
    opacity: 1;
}

.gadget-theme-light div.bx-struct-minus {
    width: 16px;
    height: 16px;
    background-image: url(images/signminus.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    float: left;
    opacity: 0.7;
    transition: var(--transition);
}

.gadget-theme-light div.bx-struct-minus:hover {
    opacity: 1;
}

.gadget-theme-light div.bx-struct-dot {
    width: 16px;
    height: 16px;
    background-image: url(images/signdot.gif);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    opacity: 0.5;
}

.gadget-theme-light div.bx-struct-name {
    float: left;
    padding: 2px;
    padding-right: 11px;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: var(--ui-border-radius-2xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-struct-name-over,
.gadget-theme-light div.bx-struct-item div.pressed {
    border: 1px solid var(--primary-color-main);
    background: #e6f7fe;
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light div.bx-struct-item div.pressed {
    background: #e6f7fe;
}

.gadget-theme-light div.bx-struct-sub {
    margin-left: 18px;
    clear: both;
}

.gadget-theme-light div.bx-struct-dir {
    width: 16px;
    height: 16px;
    margin: 0 2px;
    background-image: url(public/structure/folder.gif);
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    cursor: move;
    opacity: 0.8;
}

.gadget-theme-light div.bx-struct-file {
    width: 34px;
    height: 16px;
    margin: 0 2px 0 0;
    background-image: url(public/structure/file.gif);
    background-repeat: no-repeat;
    background-position: 18px center;
    float: left;
    cursor: move;
    opacity: 0.8;
}

.gadget-theme-light div.bx-struct-settings {
    border: 1px solid var(--panel-border);
    margin: 3px;
    padding: 3px 11px 3px 3px;
    float: left;
    cursor: pointer;
    border-radius: var(--ui-border-radius-2xs);
    transition: var(--transition);
}

.gadget-theme-light div.bx-struct-settings::after {
    content: '▼';
    margin-left: 6px;
    font-size: 10px;
    opacity: 0.5;
}

.gadget-theme-light div.bx-struct-button {
    padding-right: 3px;
    background-image: none;
}

.gadget-theme-light div.bx-struct-settings-over {
    background: var(--panel-bg);
    border-color: var(--primary-color-main);
}

.gadget-theme-light div.bx-struct-name-drag {
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    border-radius: var(--ui-border-radius-2xs);
}

.gadget-theme-light div.bx-struct-drag {
    padding: 3px;
    background: #e6f7fe;
    font-family: var(--font-family-base) !important;
    font-size: 13px !important;
    color: var(--black-color-main) !important;
    opacity: 0.8;
    border-radius: var(--ui-border-radius-2xs);
    box-shadow: var(--panel-shadow);
}

.gadget-theme-light div.bx-struct-dragover {
    background: var(--panel-bg);
    border: 1px solid var(--primary-color-main);
    background-image: none;
    cursor: move;
    border-radius: var(--ui-border-radius-2xs);
}

/*file types - keep all */
.gadget-theme-light div.bx-struct-type-css {
    background-image: url(/bitrix/images/fileman/types/css.gif);
}

.gadget-theme-light div.bx-struct-type-htaccess {
    background-image: url(/bitrix/images/fileman/types/htaccess.gif);
}

.gadget-theme-light div.bx-struct-type-html {
    background-image: url(/bitrix/images/fileman/types/html.gif);
}

.gadget-theme-light div.bx-struct-type-png {
    background-image: url(/bitrix/images/fileman/types/png.gif);
}

.gadget-theme-light div.bx-struct-type-gif {
    background-image: url(/bitrix/images/fileman/types/gif.gif);
}

.gadget-theme-light div.bx-struct-type-jpeg {
    background-image: url(/bitrix/images/fileman/types/jpeg.gif);
}

.gadget-theme-light div.bx-struct-type-js {
    background-image: url(/bitrix/images/fileman/types/js.gif);
}

.gadget-theme-light div.bx-struct-type-php {
    background-image: url(/bitrix/images/fileman/types/php.gif);
}

.gadget-theme-light div.bx-struct-type-txt {
    background-image: url(/bitrix/images/fileman/types/txt.gif);
}

.gadget-theme-light div.bx-struct-type-xml {
    background-image: url(/bitrix/images/fileman/types/xml.gif);
}

.gadget-theme-light div.bx-struct-type-csv {
    background-image: url(/bitrix/images/fileman/types/csv.gif);
}

.gadget-theme-light div.bx-struct-type-flash {
    background-image: url(/bitrix/images/fileman/types/flash.gif);
}

.gadget-theme-light div.bx-struct-type-file {
    background-image: url(/bitrix/images/fileman/types/file.gif);
}

/* Notes */
.gadget-theme-light div.notes {
    margin-top: 16px;
    margin-bottom: 16px;
}

.gadget-theme-light div.edit-form div.notes {
    margin: 4px 0;
}

.gadget-theme-light table.notes td {
    padding: 0;
    background: #fff8e1;
    font-size: 13px;
    color: var(--black-color-main);
    background-image: none;
    width: 0;
}

.gadget-theme-light table.notes tr.top td {
    border-top: 1px solid #ffcc02;
}

.gadget-theme-light table.notes td.left {
    border-left: 1px solid #ffcc02;
}

.gadget-theme-light table.notes td.right {
    border-right: 1px solid #ffcc02;
}

.gadget-theme-light table.notes tr.top td.left,
.gadget-theme-light table.notes tr.top td.right,
.gadget-theme-light table.notes tr.bottom td.left,
.gadget-theme-light table.notes tr.bottom td.right {
    border: 0;
    background-image: none !important;
    height: 0;
    width: 0;
}

.gadget-theme-light table.notes tr.bottom td {
    border-bottom: 1px solid #ffcc02;
}

.gadget-theme-light table.notes td.content {
    padding: 7px;
    width: 100%;
}

.gadget-theme-light div.notes div.ruler {
    border-top: 1px solid #ffcc02;
    margin-top: 8px;
}

.gadget-theme-light div.notes p {
    font-size: 100%;
    margin: 12px 0;
}

.gadget-theme-light div.notes a.control {
    text-decoration: none;
    color: var(--black-color-main);
}

.gadget-theme-light div.notes a.control:hover {
    text-decoration: underline;
    color: var(--primary-color-main);
}

/* Linked icon */
.gadget-theme-light img.bxfm-linked,
.gadget-theme-light img.bxfm-unlinked {
    border-width: 0 !important;
    cursor: pointer !important;
    height: 21px !important;
    margin: 0 0 -5px !important;
    width: 12px !important;
    padding: 0 !important;
}

.gadget-theme-light img.bxfm-linked {
    background: url(/bitrix/themes/.default/icons/fileman/link.gif) no-repeat transparent center center !important;
}

.gadget-theme-light img.bxfm-unlinked {
    background: url(/bitrix/themes/.default/icons/fileman/unlink.gif) no-repeat transparent center center !important;
}

/* bootstrap fixes */
.gadget-theme-light .adm-workarea * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.gadget-theme-light .adm-workarea .adm-select,
.gadget-theme-light .adm-workarea .form-button,
.gadget-theme-light .adm-workarea .adm-btn,
.gadget-theme-light .adm-workarea input[type=button],
.gadget-theme-light .adm-workarea input[type=submit],
.gadget-theme-light .adm-workarea input[type=reset],
.gadget-theme-light .adm-workarea input[type=file]::-webkit-file-upload-button,
.gadget-theme-light .adm-workarea button,
.gadget-theme-light .adm-workarea select,
.gadget-theme-light .adm-workarea textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gadget-theme-light .adm-workarea .adm-btn:hover,
.gadget-theme-light .adm-workarea input[type="button"]:hover,
.gadget-theme-light .adm-workarea input[type="reset"]:hover,
.gadget-theme-light .adm-workarea input[type="submit"]:hover {
    text-decoration: none;
}

.gadget-theme-light .adm-workarea label {
    font-weight: normal;
    margin-bottom: 0;
}