* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

#map {
    height: 100%;
    width: 100%;
}

.col-8 {
    height: 100vh;
}

.full-size {
    width: 100vw;
    height: 100vh;
}

.mobile-full {
    width: 100vw;
    height: 60vh;
}

#sidebar-toggle {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 24px;
    z-index: 100;
}

.alert {
    z-index: 100 !important;
}

td {
    cursor: pointer;
}

.toggle-btn {
    cursor: pointer;
    background: none;
    float: right;
    border: none;
}

.toggle-btn:focus {
	outline: none;
}

.icon-bar1,
.icon-bar2,
.icon-bar3 {
    background-color: #141414;
    margin: 8px 0;
    width: 40px;
    height: 3px;
    transition: 0.6s;
}

.rotate-icons .icon-bar1 {
    transform: rotate(-45deg) translate(-9px, 6px);
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
}

.rotate-icons .icon-bar2 {
    opacity: 0;
}

.rotate-icons .icon-bar3 {
    transform: rotate(45deg) translate(-8px, -8px);
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
}

#ime-th {
    border-width: 0;
}