/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30.08.2021, 12:45:07
    Author     : thoma
*/

.message.error {
    display:none;
}

.card-primary.card-outline {
    border-top:3px #aaa solid !important;
}

.alert-success {
    position: absolute;
    z-index: 1050;
    padding: 20px;
    box-shadow: black 0 0 10px;
    width: -webkit-fill-available;
}

.badge-magentadark {
    background: #7252ab;
    color:#fff;
}

.badge-lightcyan {
    background: #33bbbb;
    color:#fff;
}

.badge-lightblue {
    background: #a9678f;
    color:#fff;
}

.badge-customerblue {
    background:#65969D;
    color:#fff;
}

.btn-magenta {
    background: #59339d;
    color:#fff;
}

.badge-orange {
    background:orange;
    color:#fff;
}

.badge-round-pill{
    display: inline-block;
    padding: 1.25em 1.25em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.smalltext {
    font-size:1em;
}
.header-stripe {
    background:#667882;
    color:#FDF22A;
    text-transform: uppercase;    
    
}
.header-stripe h4 {
    text-align: right;
    font-size:16px;
    padding:0.5em;
    font-weight: 400;
}
.formhb {
    border:none;
    border-radius: 0;
    border-bottom: #000 1px solid;
}
/*
colors
*/
.hbbg-dark {background-color:#667882 !important;}
.hbinfo {background-color:#667882;color:#fff}
.hbyellow {background-color:#FDF22A;color:#000}
.hbbtnyellow {background-color:#FDF22A;border-color:#FDF22A;color:#000}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
   background-color:#667882 !important;
}

.onlystrip{
    border:none;
    border-radius: 0;
    border-bottom:1px #000 solid;
}

.pill {
    position: absolute;
    right: 2px;
    top: 9px;
    background: red;
    padding: 5px 8px;
    border-radius: 15px;
    font-size: 8px;
}

 input[type='radio']:after {
    width: 18px;
    height: 18px;
    border: 1px #000 solid;
    border-radius: 18px;
    top: -1px;
    left: -3px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
        
    }

    input[type='radio']:checked:after {
        width: 16px;
        height: 16px;
        border-radius: 16px;
        top: -1px;
        left: -2px;
        border: 1px #000 solid;
        position: relative;
        background-color:#667882;
        content: '';
        display: inline-block;
        visibility: visible;
    }
    
    .badge-box {
        background-color: #65969D;
        color:#fff;
    }
    .btn-box {
        background-color: #76abb3;
        color:#fff;
    }
    
    .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
        background-color: #65969D; 
        color:#fff;
        
    }
    
    .image .img-circle {display:none;}
    
    @media (min-width:1200px){
        .desktop-small {
            width:30vw;
            margin-left:10px;
                
        }
    }
    
    @media (max-width:600px){ 
       .smalltext.hiddenme {
           display:none !important;
       }
       
    }
    
    @media (max-width:1200px){
       #booking_do .select2-container--bootstrap4{margin-bottom: 15px;}
       
    }
    
     
    
    .btn-group {
        width:100%
    }
    
    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #FDF22A;
        border-color: #FDF22A;
    }
    
    .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
     border-bottom-right-radius: .3rem; 
     border-bottom-left-radius: .3rem;
    }
    .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
         border-top-left-radius: .3rem;
         border-top-right-radius: .3rem;
    }
    
    .btn-group-lg>.btn, .btn-lg {    
        font-size: 1.25rem;
        line-height: 2.5;
    }