.visible {
  visibility: visible;
  display: block;
}
.invisible {
  visibility: hidden;
  display: none;
}

.badge {
    font-size: 12px; /* Smaller font for a more compact look */
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}


.viewBgColor {opacity:1; background-color:rgb(225,235,247); }
.sectionBgColor {opacity:1; background-color:white;}

.cardBgColorBlue {opacity:1; background-color:rgba(123,145,187,1); }
.cardBgColorLightBlue {opacity:1; background-color:rgba(220,235,249,1); }
.welcomeBorderColor { border-color:rgba(121,144,188,1) !important;}


.cursor-pointer{
    cursor: pointer;
}

.penCursor {
    cursor: crosshair;
}

.leftSidebar {
    width: 240px;
    border:0;
    border-bottom: 1px solid rgb(136,142,150);
    border-right: 1px solid rgb(136,142,150);
    background:rgb(200,200,200);
}

.rightSidebar {
    width: 240px;
    border:0;
    border-bottom: 1px solid rgb(136,142,150);
    border-left: 1px solid rgb(136,142,150);
    background:rgb(200,200,200);"
}

#startViewId {
    display: none;
}

#organisationViewId {
    display: none;
}

#productViewId {
    display: none;
}

#masterPlanViewId {
    display: none;
}

#workboardAdminViewId {
    display: none;
}

#drawingBoardAdminViewId {
    display: none;
}

#drawingBoardViewId {
    display: none;
}

#workBoardViewId {
    display: none;
}

#loginViewId {
    display: none;
}

#dashboardCurrentProductToolbarButtonDiv {
    display: none;
}



/* @ID */
#uiServiceCoverDiv{
    z-index:3000000000;
    background: #000000;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    display:none;
}

#userEditLanguage {
    appearance: none; /* Remove default styling in some browsers */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="gray" class="bi bi-caret-down-fill" viewBox="0 0 16 16"> <path d="M7.247 11.14L2.451 5.658c-.566-.687.04-1.658.83-1.658h9.396c.79 0 1.396.97.83 1.658L8.753 11.14a1 1 0 0 1-1.506 0z"/> </svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 1.5rem;
    border-radius: 4px;
}


.loginViewId {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.selectedLane {
    outline: darkgreen dashed 2px;
}

.horisontal-scrolling-wrapper2 {
    overflow: scroll;
    white-space: nowrap;
}
.statusLane2 {
    display: inline-block;
}

.noScrollBars {
    overflow: hidden;
}

.horisontal-scrolling-wrapper-lane-headers {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.horisontal-scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.statusLane {
    flex: 0 0 auto;
}

.calItemSelBgColor {
    opacity:1;
    background:rgba(220,235,249,1);
    border-radius: 10px / 30px;
    padding-left: 10px;
    padding-right: 10px;

}


.todayBg {
    opacity:1;
    background: rgb(197, 249, 188);
    border-radius: 10px / 30px;
    padding-left: 3px;
    padding-right: 3px;
}

.garbageDiv {
    background-image: linear-gradient(to right, red , yellow);
}


.animatedGradient {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.calendarDayDiv {
    margin-bottom: 10px;
    margin-top: 10px;
    background: rgb(250,250,250);
}

.weekHeaderDivBorder {
    border-color:rgba(121,144,188,1) !important;
    padding-left:12px;
    padding-right:12px;
    padding-top:0px;
    padding-bottom:10px;
    margin-bottom:10px;
    z-index:110;
}

.weekHeaderRow {
    z-index:0;
    background:rgba(220,235,249,1);
    padding-left:10px;
}

.calItemOddRow {
    background: rgba(255,255,255,1);
}
.calItemEvenRow {
    background: #DEE2E6;
}