@import "patPortal_depr.css";
/*  */

/* font */
@font-face {
    font-family:'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),
    url(fonts/open-sans/open-sans-v18-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(fonts/open-sans/open-sans-v18-latin-regular.woff2) format('woff2'); /* Super Modern Browsers */
}

/* definitions */
:root {

    --logo: url('../../../images/logo_innocon.png');
    /* font definition */
    --font-text: 'Open Sans';
    --font-headline: 'Open Sans';

    /*--body-bg:#fffff4;*/
    --body-bg:#ffffff;
    --body-bg-darker: rgba(180, 195, 199, 0.34);
    --body-text: #5c6370;
    --header-bg: #FFFFFF;

    /* color name definition */
    --primary: #fabf00;
    --primary-hover:#294989;
   /* --primary-hover: #C99A00;*/
    --primary-active: #FFC300;
    --primary-disabled: #f1ce67;
    --primary-disabled-text: #555764;
    --secondary: #294989;
    --secondary-hover: #1A3160;
    --secondary-active: #8CCCDE;
    --secondary-disabled: #5368a0;
    --info:#ffeaa9;
    --warning:#d94802;

    /*    --logo: url('../images/logo_innocon.png'); */

    /* element color definition */
    --btn-primary-text: var(--secondary);
    --btn-primary-bg: var(--primary);
    --btn-primary-border: var(--primary);
    --btn-primary-hover-text: #ffffff; /* also valid for :focus */
    --btn-primary-hover-bg: var(--primary-hover); /* also valid for :focus */
    --btn-primary-hover-border: var(--primary-hover); /* also valid for :focus */
    --btn-primary-active-text: #2073ab; /* also valid for :checked */
    --btn-primary-active-bg: var(--primary-active); /* also valid for :checked */
    --btn-primary-active-border: var(--primary-active); /* also valid for :checked */
    --btn-primary-disabled-bg: var(--primary-disabled);
    --btn-primary-disabled-text: var(--primary-disabled-text); /* also valid for :checked */

    --btn-secondary-text: #ffffff;
    --btn-secondary-bg: var(--secondary);
    --btn-secondary-border: var(--secondary);
    --btn-secondary-hover-text: #FFC300; /* also valid for :focus */
    --btn-secondary-hover-bg: var(--secondary-hover); /* also valid for :focus */
    --btn-secondary-hover-border: var(--secondary-hover); /* also valid for :focus */
    --btn-secondary-active-text: #2073ab; /* also valid for :checked */
    --btn-secondary-active-bg: var(--secondary-active); /* also valid for :checked */
    --btn-secondary-active-border: var(--secondary-active); /* also valid for :checked */
    --btn-secondary-disabled-text: #69AFDF; /* also valid for :checked */
    --btn-secondary-disabled-bg: var(--secondary-disabled); /* also valid for :checked */
    --btn-secondary-disabled-border: var(--secondary-disabled); /* also valid for :checked */
    --btn-secondary-shadow: 0 0 0 0.25rem var(--secondary-disabled);

    --accordion-text: var(--accordion-active);
    --accordion-bg: var(--accordion);
    --accordion-border: var(--accordion);
    --accordion-arrow: var(--accordion-active);
    --accordion-hover-text: var(--accordion-active); /* also valid for :focus */
    --accordion-hover-bg: var(--accordion-hover); /* also valid for :focus */
    --accordion-hover-border: var(--accordion-hover); /* also valid for :focus */
    --accordion-hover-arrow: var(--accordion-active); /* also valid for :focus */
    --accordion-active-text: #fff; /* also valid for :checked */
    --accordion-active-bg: var(--accordion-active); /* also valid for :checked */
    --accordion-active-border: var(--accordion-active); /* also valid for :checked */
    --accordion-active-arrow: #fff; /* also valid for :checked */
    --accordion-shadow: 0 0 0 0.25rem var(--secondary-disabled);
    --accordion-arrow-bs: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232073ab'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --accordion-active-arrow-bs: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    --dropdown-hover: var(--header-bg);

    --alert-text: #2073ab;
    --alert-bg: rgba(121, 186, 201, .25);

    --badge-text: #2073ab;
    --badge-bg: var(--primary);
    
}


/* layout */
body, html {
    font-size: 1rem;
    color: var(--body-text);
    background: var(--body-bg);
    font-family: var(--font-text), Arial, sans-serif!important;
}

#wrapper .navbar{
    background-color: var(--header-bg);
}

#wrapper .navbar-nav > li.nav-item > a:hover{
    border:1px solid;
    border-color: var(--secondary);
    color: var(--secondary);
}

#wrapper .navbar-nav > li.nav-item > .nav-link.activated {
    color: var(--secondary);
}

body #tileContentContainer .tile h2.tileHeader {
    box-shadow: none;
}

.btn-primary{
    background-color: var(--btn-primary-bg);
    color:var(--btn-primary-text);
    border-color: var(--btn-primary-border);
}

/*.btn-primary:hover {
    color: var(--btn-primary-hover-text) !important;
    background-color: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-border);
}*/

.btn-primary:disabled, .btn-primary.disabled {
    color: var(--btn-primary-disabled-text);
    background-color: var(--btn-primary-disabled-bg);
    border-color: var(--btn-primary-disabled-bg);
}

/*secondary btn*/
.btn-secondary{
    background-color: var(--btn-secondary-bg);
    color:var(--btn-secondary-text);
    border-color: var(--btn-secondary-border);
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover-bg);
    color:var(--btn-secondary-hover-text);
    border-color: var(--btn-secondary-hover-border);
}

.btn-warning{
    background-color:var(--primary);
    color: var(--secondary);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    color: var(--btn-primary-hover-text) !important;
    background-color: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-bg);
}

#tileContentContainer .tile .tileHeader{
    background: #ffffff;
}

#tileContentContainer .card-body > span>i{
    color:var(--secondary)!important;
}

/*#tileContentContainer .card-body > span>i{
    color:var(--btn-primary-hover-text);
}*/

#tileContentContainer .card-body > span>i:first-child{
    color:var(--primary)!important;
}

.c4Tile.Home .tileBtn:hover .card-footer .tileBtn {
    background-color: var(--btn-primary-hover-bg);
    border-color: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-text)!important;
}

.terminChoice .card:hover .btn-primary{
    color: var(--btn-primary-hover-text) !important;
}


#footerBar{
    background-color: var(--body-bg-darker);
}

img#navbarImg {
    min-height: 130px !important;
    min-width: 130px !important;
    max-height: 10vh !important;
}

#textmessage{
    background-color: var(--info) !important;
}

.fa-calendar-alt{
    color: var(--secondary);
}

.fa-calendar-alt:hover{
    color: var(--primary-active);
}

/*.fa-calendar-alt:focus{
    color: var(--primary-active);
}*/

@media (max-width :768px) {
    .popover{
        max-width: 400px;
        max-height: 30vh;
        overflow-y: auto;
        top: auto;
        left:auto;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
        /*border: 1px solid var(--secondary);*/
        
    }
}

@media (min-width :768px) {
    .popover{
        max-width: 600px;
        max-height: 50vh;
        overflow-y: auto;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
        /*border: 1px solid var(--secondary);*/
    }
}

div.OnlineDienste div.list-group-item:hover button {
    color: var(--btn-primary-hover-text)!important;
}