html body .modal-backdrop {
    z-index: 10;
}

.container_separation_line {
    border-top: 1px dotted #000000;
}

.container_button {
    margin: 10px 0px 10px 0px;
}

html body select.form-control {
    padding: 0.3rem 0.75rem; 
}

.white-text {
    color:#ffffff;
}

.display-table-title {
    margin:20px 0px 20px 0px 
}

.vertical-align {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display-info {
    margin-bottom: 5px;
}

.w-medium {
    width:33%;
}

.w-small {
    width:20%;
}

.w-very_small {
    width:7%;
}

.truncate-string{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.fa-info-circle {
    margin-left:5px;
}
body,html {
    overflow-x: hidden;
}
#slideout {
    background: #fefefe;
    border: 1px solid black;
    position: absolute;
    width: 300px;
    height: auto;
    top:  75px;
    right:-300px;
    z-index: 999;
    box-shadow: -5px 10px 10px #dedede;
    border-radius: 0.25rem;
}

#clickme {
    position: absolute;
    top: 0; left: -50px;
    height: 20px;
    width: 20px;
}

#slidecontent {
    float:left;
}

.image-area-div{
    display:inline-block;
}

.image-area-img{
    /*width:500px;
    height:500px;
    object-fit:scale-down; */
    width: 500px; /* You can set the dimensions to whatever you want */
    height: 500px;
    object-fit: cover;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.thumbnail {
    margin-top:10px;
    display:block;
}
.sticky {
    position: fixed !important;
    top: 75px !important;
    width: 300px
}

.inline-block {
    display:inline-block!important;
}

.checkbox-margin {
    margin-left:20px;
}

.animalgenus-firstline {
    position: absolute;
    top: 28px; 
}

@media screen and (max-width: 767px) {
    .animalgenus-firstline {
    position: inherit;
    top: 0px;
} 
}



#addButtons {
    margin-bottom: 20px;
}

html #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
    color: black !important;
    background-color: #e6e6e6;
}

html .bg-light {
    background-color: #bfbfbf!important; 
}

html #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background-color: #bfbfbf;
}

html #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #bfbfbf;
}

html #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: black;
}

html #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: black;
}

html .navbar-light .navbar-nav .nav-link {
    color: black;
}

.label-unit{
    color: #808080;;
}
.thright {
    text-align: right !important;
}

.ir-margin-top {
    margin-top: 10px;
}

.licence-width{
    width:360px!important;
}

.licence-date-width{
    width:175px!important;
}

.licence-active{
    background-color: #d4edda;
    border-color: #c3e6cb; 
}

.licence-inactive{
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.licence-checkout-label{
    width: 45%;
}

html .invalid-feedback{
    font-size:100%;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.red-text{
    color:red;
}

.disable-button {
    pointer-events:none!important;
    opacity: 0.65;
}

.alp-points-result{
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: #212529;
}

.link-is-disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

@media only screen and (min-width: 600px) {
    .alp-stable-animal-width{
        width:160px;
    }
}

.width-alp-overview-result{
    width:13%;
}

.width-alp-overview-land{
    width:22%;
}

.table-border-top {
     border-top:1px solid #dee2e6!important;
}

.table-border-bottom {
     border-bottom:1px solid #dee2e6!important;
}

.table-border-left {
     border-left:1px solid #dee2e6;
}

.table-border-right {
     border-right:1px solid #dee2e6;
}

.ebt-table-overview .table th, .ebt-table-overview .table td {
    border-top: none;
}

.ebt-table-overview table {
    border-collapse: separate;
    border-spacing: 0px;
}

.ebt-table-overview .table thead th {
    border-bottom: none;
}

.button-url-map {
    display:inline-block;
    margin-right:10px;
}

@media only screen and (max-width: 991px) {
    html .fixed-top {
        position: relative;
    }
    
    html body.fixed-nav {
        padding-top: 0px;
    }
}

.form_component{
    width:15%;
    padding-right: 15px;
    padding-left: 15px;
}

.form_component_delete{
    width:10%;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (max-width: 768px) {
  
  .form_component{
    position: relative;
    width: 100%;
    min-height: 1px; // Prevent columns from collapsing when empty
    padding-right: 15px;
    padding-left: 15px;
}

.form_component_delete{
    position: relative;
    width: 100%;
    min-height: 1px; // Prevent columns from collapsing when empty
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: solid 1px black;
}

.form_component_label {
    display:none;
}
  
}

.error-message-login {
    margin-top: 20px;
    width: 100%;
}

.room-width{
    flex: 0 0 10.5%;
    max-width: 10.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.mobile-mode {
    display:none!important;    
}

@media only screen and (max-width: 1024px) {
    .mobile-margin {
        margin-top:20px;
    }
    .mobile-mode {
        display:block!important;    
    }
    .hide-mobile {
        display:none!important;
    }
    .room-width{
        flex: none;
        max-width: none;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }    
}

.room-width-description{
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (max-width: 1024px) {
    .room-width-description{
        flex: none;
        max-width: none;
        position: relative;
        width: 90%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }    
}

.room-width-delete{
    flex: 0 0 4%;
    max-width: 4%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
}

@media only screen and (max-width: 1024px) {
    .room-width-delete{
        display: block;
        padding-top: 25px;
        flex: 0 0 4%;
        max-width: 4%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
    }    
}

.room-font {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    display: inline-block;
    margin-bottom: .5rem;
}

.room-row-margin {
    margin-top: 20px;
}

.ui-state-default-room {
    border: 1px solid #ccc;
    background: url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x #f6f6f6;    
}

.ui-state-default-room-padding {
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;    
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.sztax-active {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;    
}
.sztax-new {
    color: #b7b7b7;
}
.sztax-new a.building {
    color: #b7b7b7;
}
.sztax-new .btn-success b {
    font-weight: normal;
}

.sztax .input-unit{
    display: inline-block;
    width: 85%;   
}

.sz-label-size {
    height: 17px;
    margin-bottom: .5rem;   
}

.sz-market-button {
    background-color: #4da3ff!important;
    border-color: #4da3ff!important;
}

.sz-asset-location-height {
    height:83px;
}

.sz-asset-location-vertical-middle {
    vertical-align:middle;
    display: table-cell;
}

.sz-asset-table-width {
    width:22%;
}

.sz-asset-table-title-width {
    width:12%;
}

.sz-button-bottom-align {
    display: flex;
    align-items: flex-end;
    margin-bottom:16px;   
}

.js-navigation .ui-state-default {
    border: none;
    background: none;
    font-weight: normal;
    color: initial;    
}

#mainNav .js-navigation ul a {
    padding: 1em 1em 1em 2.75em!important;    
}

#mainNav .js-navigation ul li {
    width:250px!important;    
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    max-width:250px;    
}

#mainNav .js-navigation .js-top-nav {
    padding:1em!important;    
}

.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}