/*
    000000
    009DDC      0, 157, 220     Blau
    20BF55      32, 191, 85     Gruen
    F6AE2D      246, 174, 45    Gelb
    F26419      242, 100, 25    Orange
    BF3100      191, 49, 0      Rot
*/

html
{
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
}

body
{
    background-color: rgba(180, 185, 185, .1);
    color: rgba(0, 0, 0 , .75);
}

a
{
    text-decoration: none;
}

a:hover, .dropdown:hover
{
    color: rgba(0, 157, 220, .5);
}

.color-1, a
{
    color: rgba(0, 157, 220, 1);
}

.color-2, .color-success
{
    color: rgba(32, 191, 85, 1)
}
.color-3, b
{
    color: rgba(246, 174, 45, 1);
}
.color-4
{
    color: rgba(242, 100, 25, 1);
}

.color-5, .color-error
{
    color: rgba(191, 49, 0, 1);
}

.disabled
{
    opacity: .25 !important;
}

.disabled-50
{
    opacity: .5 !important;
}

.disabled-65
{
    opacity: .65 !important;
}

.disabled-75
{
    opacity: .75 !important;
}

.disabled-80
{
    opacity: .8 !important;
}

.disabled-85
{
    opacity: .85 !important;
}

.disabled-90
{
    opacity: .9 !important;
}

.disabled-95
{
    opacity: .95 !important;
}

.opacity-100
{
    opacity: 1 !important;
}

.nav-title
{
    font-size: 28px;
    font-weight: 500;
    font-family: 'Abel', serif;
}

.header-background
{
    background-color: rgba(237, 237, 237, .98) !important;
}

.header-background-subtext
{
    background-color: rgba(180, 185, 185, .1) !important;
}

.footer
{
    background-color: rgb(19, 22, 21);
    color: #FFF;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
}

.footer a
{
    color: rgba(255, 255, 255, .7) !important;
}

.footer a:hover
{
    color: rgba(255, 255, 255, 1) !important;
}

.footer .opacity
{
    opacity: .5
}

.footer .logo, .footer .logo_small, .footer .headline
{
    text-transform: uppercase;
    font-family: 'Abel', serif;
}

.footer .headline
{
    font-size: 20px;
    font-weight: 1000;
    text-align: left;
}

.footer .logo
{
    font-size: 36px;
    font-weight: 600;
}

.footer .logo_small
{
    font-size: 14px;
    font-weight: 200;
}

.footer .end
{
    background-color: rgba(255, 255, 255, .1);
}

.login
{
    background-color: rgba(255, 255, 255, .6);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.login-footer
{
    color: #FFF;
    background-color: rgba(0, 157, 220, 1);
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.login-footer a
{
    color: #FFF;
}

.login-header
{
    color: #FFF;
    background-color: rgba(0, 157, 220, 1);
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.cursor-pointer:hover
{
    cursor: pointer !important;
}

/*
 *  Button
 */

.button 
{
    width: 100%;
    background-color: rgba(0, 157, 220, .8);
    color: #FFF;
}

.button:active, .button:focus
{
    color: #000;
    outline: none;
}

.button:hover
{
    background-color: rgba(0, 157, 220, 1);
    color: #FFF;
}

.button-disabled, .button-disabled:hover, .button-disabled:active
{
    background-color: rgba(0, 157, 220, .5);
}

.switch-on, .switch-off
{
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}

.switch-on
{
    background-color: rgba(0, 157, 220, 1);
    border: 1px solid rgba(255, 255, 255, .1);
    color: #FFF;
}

.switch-off
{
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0 , .2);
}

/*
 *  Layout
 */

.content-box
{
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #FFF;
    border-radius: 5px;
}

.content-box .table-title
{
    color: rgba(0, 0, 0, .4);
    font-weight: bold;
}

.content-box .title
{
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
}

.content-box .option,
.content-box .option-2
{
    border-radius: 10px;
    color: #FFF;
}

.content-box .option
{
    background-color: rgba(0, 157, 220, .6);
}

.content-box .option:hover,
.content-box .option-active
{
    background-color: rgba(0, 157, 220, 1);
}

.content-box .option-2
{
    background-color: rgba(32, 191, 85, .6);
}

.submit-success
{
    background-color: rgba(32, 191, 85, .9);
}

.content-box .option-2:hover,
.content-box .option-2-active,
.submit-success:hover
{
    background-color: rgba(32, 191, 85, 1);
}

.col-navigation
{
    background-color: rgba(0, 157, 220, .8);
    color: rgba(255, 255, 255, .8) !important;
}

.col-navigation a
{
    color: rgba(255, 255, 255, .8);
}

.col-navigation a:hover
{
    color: rgba(255, 255, 255, 1);
}

/*
 *  Layout - Tabs
 */

.tabs
{
    border-bottom: 3px solid;
}

.tabs-color-1
{
    border-color: rgba(0, 157, 220, .3);
}

.tabs-color-1:hover, .tabs-color-1-active
{
    border-color: rgba(0, 157, 220, 1);
}

/*
 *  Layout - Tabellen
 */

.table-file
{
    color: #FFF;
    border-radius: 10px;
    padding: 7px;
    font-size: 10pt;
}

.table-file-1
{
    background-color: rgba(0, 157, 220, .8);
}

.table-file-2, .background-ok
{
    background-color: rgba(32, 191, 85, .8);
}

.table-file-3
{
    background-color: rgba(246, 174, 45, .8);
}

.table-file-4
{
    background-color: rgba(242, 100, 25, .8);
}

.table-file-5, .background-error
{
    background-color: rgba(191, 49, 0, .8);
}

.table-circle-blue
{
    color: rgba(0, 157, 220, .8);
}

.table-circle-green
{
    color: rgba(32, 191, 85, .8);
}

.table-circle-inner
{
    color: rgba(255, 255, 255, .4);
}

.table-circle-purple
{
    color: rgba(101, 57, 184, .8);
}

.table-circle-red
{
    color: rgba(191, 49, 0, .8);
}

.table-circle-yellow
{
    color: rgba(246, 174, 45, .8);
}

.rows-border
{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.rows-border:last-child 
{ 
    border-bottom: none; 
}

.rows-border:nth-child(even)
{
    background-color: rgba(0, 0, 0, .01);
}

.letter-spacing-1
{
	letter-spacing: 1px !important;
}

.nav-link a
{
	opacity: .95 !important;
}

.nav-link a:hover
{
	opacity: 1 !important;
}

/*
 *  Layout - Pagination
 */

button.page-link 
{
    display: inline-block;
}

button.page-link 
{
    color: rgba(0, 157, 220, .8);
}

.offset
{
    width: 500px !important;
    margin: 20px auto;  
}

.hide-file-button
{
    position: absolute;
    top: -500px;
}
    
.hr-text 
{
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    line-height: 0.1em;
    margin: 10px 0 20px; 
    font-size: 8pt;
}
  
.hr-text span 
{
    background:#fff; 
    padding: 0 10px; 
    color: rgba(0, 0, 0, .4);
    letter-spacing: 2px;
}
  
.tooltip-inner 
{
    max-width: 500px !important;
}