.ico{
    --ico-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--ico-size);
    max-width: var(--ico-size);
}
.ico > img, .ico > svg{
    width: 100%; height: 100%;
}

.navbar-nav > .nav-item{
    flex-wrap: wrap;
    display: flex; gap: 15px;
}
.flexe-hide:not(.d-none){display: flex;}

.breadcrumb{
    align-items: center;
}
.breadcrumb-item{
    display: flex;
}
.breadcrumb-link{
    display: flex;
    font-size: 20px;
    color: var(--bs-link-color) !important;
}

.breadcrumb-item + .breadcrumb-item::before{
    font-size: 20px;
}

.breadcrumb-item:last-child .breadcrumb-link:not([onclick="reset()"]){
    opacity: 0.6; pointer-events: none;
}

.breadcrumb-item:only-child .breadcrumb-link{
    opacity: 0.6; pointer-events: none;
}
.breadcrumb-item + .breadcrumb-item{padding: 0 !important;}
.breadcrumb{gap: var(--bs-breadcrumb-item-padding-x);}

.nav-item .homebutton{
    pointer-events: none; opacity: 0.6;
}

.nav-item #btnBack:not(.d-none) ~ .homebutton{
    pointer-events: all; opacity: 1;
}

.ico-logo{--ico-size: 60px;}   
.text-logo{font-size: 32px;}
[v-cloak]{display:none !important;}



.ticket-custom{
    overflow: hidden;
    width: 100%;
    min-width: 100%;
    
}
.ticket-row{
    display: flex;
    flex-wrap: wrap;
    --gap-x: 15px; --gap-y: 15px;
    gap: var(--gap-y) 0;
    margin-left: calc((var(--gap-x) / 2) * -1);
    margin-right: calc((var(--gap-x) / 2) * -1);
    justify-content: center;
}
.ticket-grid{
    min-width: 25%;
    display: flex;
    padding-left: calc(var(--gap-x) / 2);
    padding-right: calc(var(--gap-x) / 2);
}

.board-style{
    padding: 2rem 4rem !important;
}
.board-columns{
    gap: 15px;
    display: flex;

}



.grid-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.grid-wrapper::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.grid-wrapper::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.board-columns-grid{
    display: flex;
    flex: 1; flex-direction: column;
}
.workplace{
    gap: 20px;
    justify-content: unset !important;
}
.workplace > .workplace-wrpr-text{
    overflow: hidden !important;
    width: 50% !important;
    white-space: nowrap !important;
}
.banner{background-color: #f1f1f1;}
.workplace-wrpr-text,
.workplace-text{
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-wrapper{
    flex: auto;
    display: flex !important;
    flex-wrap: wrap !important;
    --gap-x: 15px;
    --gap-y: 15px;
    margin-right: calc((var(--gap-x) / 2) * -1);
    margin-left: calc((var(--gap-x) / 2) * -1);
    gap: var(--gap-y) 0 !important;
}
.grid-wrapper > div{
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: calc(var(--gap-x) / 2);
    padding-right: calc(var(--gap-x) / 2);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield; 
}

.board-columns .grid-wrapper > div{
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.grid-wrapper-big-number > div{
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
/* main media queries */
 @media (max-width: 1280px) {
    .grid-banner-wrapper{display: none;}
    .grid-wrapper > div{
        flex: 0 0 100%;
        max-width: 100%;
    }
 }
 @media (max-width: 992px) {
    .ticket-grid{min-width: 33.3%;}
    .board-style{
        padding: 2rem 2rem !important;
    }
}

@media (max-width: 768px) {
    .ico-logo{--ico-size: 50px;}
    .text-logo{font-size: 30px;}
    .ticket-grid{min-width: 100%;}
}
@media (max-width: 1920px) {
    .workplace-wrpr-text, 
    .workplace-text{
        font-size: 80px;
    }
}
@media (max-width: 1440px) {
    .workplace-wrpr-text, 
    .workplace-text{
        font-size: 60px;
    }
}
@media (min-width: 1920px) {
    .grid-wrapper > div{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
}
/* main media queries */