@font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Bold.ttf");
            font-weight: 600;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Italic.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Light.ttf");
            font-weight: 300;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Medium.ttf");
            font-weight: 500;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Regular.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Bold.ttf");
            font-weight: 600;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Italic.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Light.ttf");
            font-weight: 300;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Medium.ttf");
            font-weight: 500;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: Roboto;
            src: url("/resources/fonts/Roboto/Roboto-Regular.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
body ,  input,  textarea,  select,  .sp-container .sp-input
{
    font-family:  Roboto, Arial, sans-serif;
            
                font-style: normal;
                font-weight: 400;
            

        
            font-size: 14px;
        
    }

    :root {
--theme-colors__primary: #19223b;
--theme-colors__btn: #052041;
--theme-colors__btn_fade: #093770;
--theme-colors__btn_strong: #010912;
--theme-colors__btn-txt: #ffffff;
--theme-colors__background: #e3e3e3;
--theme-colors__highlight: #3d4d78;
--theme-colors__text: #414141;
--theme-colors__link: #414141;
--theme-colors__error: #e1462c;
--theme-colors__error-txt: #ffffff;
--theme-colors__success: #74c365;
--theme-colors__main: #ffffff;
--menu-shadow-color: 0, 0, 0;
--menu-shadow-opacity: 0.2;
--menu-shadow-blur-radius: 6px;
        
            --editors-color-border: #d6d6d6;
        


    --base-font-family: Roboto;
    --base-font-size: 14px;

        
            --base-font-style: normal;
            --base-font-weight: 400;
        
    --base-font-family: Roboto;
    --headers-font-family: Roboto;
    --headers-font-size: 19px;

        
            --headers-font-style: normal;
            --headers-font-weight: 400;
        
    }

    :root {
  --theme-colors__background-txt: #ffffff;
  --theme-colors__primary_fade: #ffffff;
  --red-dark: #ffffff;
}

/* .editor_disabled .textarea,
.editor_readonly .textarea {
    color: inherit;
    border-radius: 4px;
    background-color: var(--theme-colors__main);
    border: 1px solid var(--editors-color-border);
} */

.table-image-item {
  width: 60px;
  height: 35.5;
  text-align: center;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}

.top-nav-tabs-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  color: white;
}

.grid-header-column-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--grid-header-color);
  text-align: center;
}

.table-button-hasan-green {
  background-color: #1abc9c;
  color: white;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  width: 60px;
  height: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}

.table-button-hasan-yellow {
  background-color: #f39c12;
  color: white;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  width: 60px;
  height: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}

.table-button-hasan-red {
  background-color: #e74c3c;
  color: white;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  width: 60px;
  height: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}

.table-button-hasan-blue {
  background-color: #3498db;
  color: white;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  width: 60px;
  height: 35.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}

.toolbar-btn,
.split-button-wrp {
  background-color: #19223b;
  border: 1px solid #ff000000;
  color: #ffffff;
}

.left-menu-logo {
  text-align: center;
  background-color: var(--theme-colors__main);
  /* background-image: url(https://i.hizliresim.com/l3l62tc.png); */
 
  background-repeat: no-repeat;
  background-position: center;
  background-size: 115px auto;
  width: 100%;
  margin: 10px auto auto 0;
  border-radius: 4px;
  box-shadow: 0 2px var(--menu-shadow-blur-radius)
    rgba(var(--menu-shadow-color), var(--menu-shadow-opacity));
  display: inline-block;
  height: 35px;
  cursor: pointer;
  overflow: hidden;
  flex: none;
  pointer-events: none;
}

/* ////////////////////////////////////////// */

.toolbar-buttons_container__adjust
  .toolbar-btn:not(:hover):not(.open)
  .toolbar-btn__text,
.toolbar-buttons_container__adjust
  .toolbar-btn:not(:hover):not(.open)
  .toolbar__icons_arrow {
  color: var(--theme-colors__error-txt);
}

.toolbar-menu-actions .toolbar-btn,
.toolbar-buttons_container__const .toolbar-btn,
.tr-search .toolbar-btn,
.page-header-bottom-container
  .toolbar__i_left
  + .toolbar-items-wrp
  .toolbar-btn {
  color: var(--theme-colors__error-txt);
}

.toolbar-buttons_container__adjust .toolbar-btn:hover .toolbar-btn__text,
.toolbar-buttons_container__adjust .toolbar-btn.open .toolbar-btn__text,
.toolbar-buttons_container__adjust .toolbar-btn:hover .toolbar__icons_arrow,
.toolbar-buttons_container__adjust .toolbar-btn.open .toolbar__icons_arrow {
  color: var(--theme-colors__error-txt);
}

.toolbar-menu-actions .toolbar-btn:hover,
.toolbar-buttons_container__const .toolbar-btn:hover,
.tr-search .toolbar-btn:hover,
.toolbar-buttons_container__const .toolbar-btn.open,
.page-header-bottom-container
  .toolbar__i_left
  + .toolbar-items-wrp
  .toolbar-btn:hover {
  background-color: var(--theme-colors__highlight);
  color: var(--theme-colors__error-txt);
  border-color: transparent;
  box-shadow: none;
}

.toolbar-buttons_container__adjust .toolbar-btn:hover,
.toolbar-buttons_container__adjust .toolbar-btn.open {
  background-color: var(--theme-colors__highlight);
  color: var(--theme-colors__error-txt);
}

.toolbar .toolbar-container {
  padding: 0;
  background: none;
  margin-bottom: 0;
  margin-right: 2px;
}

.toolbar-btn:hover,
.toolbar-btn.open,
.split-btn:hover,
.split-btn.open {
  box-shadow: none;
  background-color: var(--theme-colors__highlight);
  color: var(--theme-colors__error-txt);
}

.toolbar-buttons_container__adjust .toolbar-btn {
  color: var(--theme-colors__error-txt);
}

.ld-toolbar-container .toolbar-btn:not(:hover):not(.open) .toolbar-btn__text,
.ld-toolbar-container
  .toolbar-btn:not(:hover):not(.open)
  .toolbar__icons_arrow {
  color: var(--theme-colors__error-txt);
}

.error-panel-description {
  font-size: 0.9em;
  color: var(--theme-colors__error-txt);
}



.dev-dmn-help__groups-items .grid-content-wrp tr:hover .cell {
  border-top-color: var(--theme-colors__highlight);
  background-color: var(--theme-colors__highlight);
  color: var(--theme-colors__error-txt);
}

.bubble-doc__link {
  color: #414141;
  max-width: 100%;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bubble-doc__link:hover {
  color: #ffffff;
  max-width: 100%;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bubble-doc__link:hover a {
  color: #ffffff;
}

tr.selected .bubble-doc__link {
  color: white !important;
}

.bubble-doc_processing {
  color: var(--theme-colors__error-txt);
}

.standart-link {
  display: inline-block;
  color: #414141;
  border: none;
  text-decoration: none;
  vertical-align: baseline;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.standart-link:hover {
  color: #ffffff;
  max-width: 100%;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

tr.selected .standart-link {
  color: white !important;
}

.process-diagram text.dev-process-toolbar-main-icon.has-value {
  fill: #646e76;
}

.cell .input {
  border: none;
  height: 100%;
  line-height: inherit;
  /* background-color: #ffffff; */
  color: #ffffff;
  font-size: 13px;
  padding: 0;
}

tr:hover a {
  color: #ffffff;
}

.pagination__i_selected,
.pagination__i:hover {
  background-color: var(--theme-colors__highlight);
  color: #ffffff;
}

tr.row-checked .cell a,
tr.hover .cell a {
  color: #ffffff;
}

body .dd-list__i.selected,
body .dd-list__i:hover {
  color: #ffffff;
  background-color: var(--theme-colors__primary);
}

/* .editor_bubble {
    line-height: inherit;
    height: auto;
    color: white;
} */

.bubbles__i span {
  display: inline-block;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: black;
    background-color: white;
    border:white;
    border-radius: 2px;
}


.licensing__unlicensed-user-watermark{
  display: none;
  visibility: hidden;
}



/* Pie Chart Styles - BeringYachts Custom */
.by-pie-container {
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 15px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.by-pie-chart {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: conic-gradient(
        #4CAF50 0% 45.65%, 
        #2196F3 45.65% 65.65%, 
        #FF9800 65.65% 84.79%, 
        #9C27B0 84.79% 90.88%, 
        #F44336 90.88% 93.92%, 
        #00BCD4 93.92% 96.23%, 
        #8BC34A 96.23% 97.54%, 
        #FFC107 97.54% 98.85%, 
        #795548 98.85% 100%
    );
}

.by-pie-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.by-pie-total-title {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.by-pie-total-value {
    font-size: 16px;
    font-weight: bold;
    color: #2196F3;
}

.by-legend-grid {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.by-legend-item {
    display: flex;
    align-items: center;
    padding: 6px;
    border-radius: 6px;
    background: rgba(255,255,255,0.8);
    transition: all 0.3s ease;
}

.by-legend-item:hover {
    background: rgba(255,255,255,0.95);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.by-color-box {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border-radius: 3px;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.by-legend-content {
    flex: 1;
}

.by-category-name {
    font-weight: bold;
    color: #2c3e50;
    font-size: 12px;
    line-height: 1.2;
}

.by-category-details {
    color: #7f8c8d;
    font-size: 10px;
    line-height: 1.2;
}

/* Color Classes */
.by-color-green { background: #4CAF50; }
.by-color-blue { background: #2196F3; }
.by-color-orange { background: #FF9800; }
.by-color-purple { background: #9C27B0; }
.by-color-red { background: #F44336; }
.by-color-cyan { background: #00BCD4; }
.by-color-lightgreen { background: #8BC34A; }
.by-color-amber { background: #FFC107; }
.by-color-brown { background: #795548; }


.js-grid-table-wrapper_wrp[style] {
    border: 5px solid red !important;
}

.apexcharts-legend-text{
white-space: pre-line;
width: 350px;
}

body .layout__tab-layout__header-view-item_selected, body .layout__tab-layout__header-view-item_selected:hover {
    border-bottom-color: var(--theme-colors__link);
    color: var(--theme-colors__link);
    background-color: #0e1f38;
    font-weight: bold;
    color: white;
    border-radius: 6px;
}


.layout__tab-layout__header-view-item {
    background-color: #E6E6E6;
    border-radius: 6px;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    color: var(--theme-colors__text_strong);
    flex: 1 0 auto;
    margin: 0 2px;
    max-width: 200px;
    color: #0e1f38;
    position: relative;
}
.layout-group_squashed-tabs .layout__tab-layout__header-view ul {
     align-items: end;
    margin-left: 5px;
    margin-right: 5px;
}