html, body {
    background:#fafafa;
}
.header-logo-text {
    font-size:11px;
    letter-spacing: 1px;
}

#data-holder {
  
}

.header {
    padding:10px 0px;
    border-bottom:1px solid #f1f1f1;
    padding-bottom:10px;
    background:#fff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(110,110,110,0.58);
    -moz-box-shadow: 0px 1px 3px 0px rgba(110,110,110,0.58);
    box-shadow: 0px 1px 3px 0px rgba(110,110,110,0.58);
}

#domain_not_selected {
    text-align:center;
    padding-top:10px;
    display:none;
}

.data-card-body {
    min-height:50px;
    position:relative;
}

.loader {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    background-color:transparent;
    z-index:1000;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='290px'><text x='0' y='20' fill='gray' font-size='18'>Bitte warten ... Daten werden abgerufen</text></svg>");
    background-repeat:no-repeat;
    background-position: center center;
    height:200px;
}

.additional-text {
    font-size:13px;
}

#total-count {
    font-weight:bold;
}

.excluded-adresses > .list-group {
    font-size:12px;
}

.content {
    position:relative;
    padding:20px 0;
}

.form-label {
    font-size:12px;
    padding-top:15px;
    padding-bottom:10px;
}

h5.card-title-requests {
    font-size:14px;
    font-weight:normal;
}

.card-text-requests {
    font-size:14px;
}

.companies .body {
    background: #fff;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(110,110,110,0.58);
    -moz-box-shadow: 0px 0px 3px 0px rgba(110,110,110,0.58);
    box-shadow: 0px 0px 3px 0px rgba(110,110,110,0.58);
}

.card {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(110,110,110,0.58);
    -moz-box-shadow: 0px 0px 3px 0px rgba(110,110,110,0.58);
    box-shadow: 0px 0px 3px 0px rgba(110,110,110,0.58);
    position:relative;
}
.card-loader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff url('../img/loader.gif') no-repeat center center;
    opacity:0.8;
    z-index:100;
    display:none;
}
.should-load {
    position:relative;
}

.card-text-requests .list-group-item {
    padding: 0.25rem 1.25rem;
    cursor:pointer;
}

.bootstrap-select {
    background:#fff;
}

.btn-light, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    background:#fff;
        border: 1px solid #ced4da;
}

.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    font-size: 14px;
}

.bootstrap-select .dropdown-menu li a {
    font-size:14px;
}

.card-header {
    padding: 0 .25rem;
}

.canton-icon {
    width:18px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.ipAdressList {
    width:100px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}



:target {
    outline-width: 2px;
    outline-offset: 5px;
    outline-style: solid;
    animation: target 2s linear;
    animation-fill-mode: forwards;
    border-radius: 10px;

    scroll-padding-top: 100px;
    scroll-margin-top: 100px;
}

/* Add animation which makes marker outline invisible after 2 seconds */
@keyframes target {
    0% {
        outline-color: red;
    }

    100% {
        outline-color: hsl(0, 100%, 50%, 0.2);
    }
}

::-webkit-scrollbar {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    transition: all 0.5s ease-in-out;
}

*:hover::-webkit-scrollbar-thumb {
    background-color: hsl(0, 0%, 70%, 1);
}