/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* global link style */
a{
    text-decoration: inherit;
    
}

a:hover{
    text-decoration: inherit;
     color:inherit;
}

/* global input style*/
input {
    margin:0.5em 0;
    padding: 5px 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #cfcfcf;

    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);

    background-color: #fff;
    width:100%;
}
input:focus {
    outline:0;
    border:1px solid #95D2DF;
    -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
    box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* maincontent */
.maincontent{

}

/* sidebarcontent */
.sidebarcontent{
    border-left: 0px solid #f1f1f1;
}

.sidebarcontent .box{
    background-color: #ffba00;
    min-height:128px;
    display: block;
}

/* Header */
header{
    background-color: rgba(255,255,255,1);
    display: inline-block;
    width: 100%;
    padding: 0.2em 0 0.2em 0;
    border-bottom: 0.2em solid rgba(245,245,245,1);
}

header .logo{
width: 168px !important;
border: 1px solid rgba(245,245,245,0.8);
padding: 0.1em 1em;
background: rgba(200,200,200,0.1);
border-radius: 3px 3px;
}

header a {text-decoration: none;}

header span{
    clear: both;
    display: inline-block;
}
header span:nth-child(2){
    min-width:160px;
    text-align: left;
}
.menu-container{
    background-color: rgba(245,245,245,0.5);
    display: block;
    min-height: 60px;
    margin: -5px auto 15px auto;
    padding: 0px;

    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft: 10px;

    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.caret{
    display: inline-block;
    width: 0;
    height: 0;
    margin:0 10px 0 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
}


/* header navigation */
.headernav, .headernav-sub-menu{
    position:relative;
    display:block;
    list-style: none;
    padding: 0px;
    float:right;

}
.headernav > li{
    float:left;
    position: relative;
    display: inline-block;
}


.headernav > li > a{

    color: rgb(214, 214, 214);
    outline: 0px;
    color:black;

    border: 1px solid rgba(245,245,245,0.8);
    padding: 1em 0 1em 0;
    background: rgba(200,200,200,0.1);
    border-radius: 3px 3px;    
}

.headernav > li > a:hover{
    background:aliceblue;
}

    /* dropdown */
    ul.headernav-sub-menu{

    }
    
    ul.headernav-sub-menu li a{
        padding:5px;
    }

    ul.headernav-sub-menu li{
        display: inline-block;
        height: 20px;
        padding: 5px 0;
        border-bottom: 1px solid #e3e3e3;
        width: 100%;
    }
    ul.headernav-sub-menu li:hover{
        background-color: aliceblue;
        color:blue;
    }
    ul.headernav li ul.headernav-sub-menu {
        display:none;
        position: absolute;
        top: 18px;
        left: 0;
        width: 100%;
        list-style: none;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;

    }

    ul.headernav li:hover ul.headernav-sub-menu {
        display:block;
    }



/*
 * main navigation 
 */

.nav{
    position:relative;
    width:100%;
    display:block;
    list-style: none;
    padding: 0px;

}

.nav > li {
    float:left;
    display:block;
    margin-left:1em;
    border-radius: 5px;
}

.nav > li > a{
    position: relative;
    display: block;
    padding: 5px 8px;
    color:#000;

    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;

}

.nav > li > a{
    text-decoration: none;
}

.nav > li >a:hover, .nav > li > a:focus{
    text-decoration: none;
    background-color: #eee;
    border-radius: 5px;
}

.nav > li.active{
    color: #fff;
    background-color: #1d9d74;
}

.logo{
    width: 222px !important;
}


/* 
 * on page menu 
 */
.opnav{
    position:relative;
    width:100%;
    display:inline-block;
    list-style: none;
    padding: 0px 5px;
    clear:both; 
    border: 1px solid #e3e3e3;
    border-top:0px;
}

.opnav > li{
    float: left;
    display: block;
    margin-right: 1em;
    padding: 0.675em 1.675em 0.675em 0;
    position: relative;
    text-align: center;
    min-width: 100px;
    border-right: 1px solid #e3e3e3;
}

.opnav > li:last-child{
    border-right:0;
}

.opnav > li i{
    margin-right:1em;
}

.opnav > li.active:before, .opnav > li:hover:before{
   content:"";
    display:block;
    width:0;
    border:20px solid #e3e3e3;
    border-color:#e3e3e3 transparent transparent transparent;
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-20px;
}

.opnav > li.active:after, .opnav > li:hover:after{
    content: "";
    display: block;
    width: 0;
    border: 18px solid #e3e3e3;
    border-color: white transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
}





/* 
 * loop item menu 
 */

.itemnav{
    position: relative;
    float:left;
    width: 100%;
    display: inline-block;
    list-style: none;
    padding: 0px 0px;
    clear: both;
    border: 1px solid #e3e3e3;
    font-size: 13px;
}

.itemnav > li{
    float: left;
    display: block;
    padding: 0.675em 1.675em 0.675em 0;
    position: relative;
    text-align: center;
    border-right: 1px solid #e3e3e3;
}

.itemnav > li:first-child{
    min-width: 33%;
    text-align: left;
    padding-left: 0.5em;
}

.itemnav > li i{
    margin:0 1em;
}

.itemnav > li:hover{
        background-color: #e3e3e3;
}

.itemnav > li.active:before, .itemnav > li:hover:before{
    content: "";
    display: block;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    
    border-top: 5px solid #e3e3e3;
    position: absolute;
    top: 100%;
    left: 50%;
}

.itemnav > li.active:after, .itemnav > li:hover:after{
    content: "";
    display: block;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    
    border-top: 5px solid #e3e3e3;
    position: absolute;
     top: 100%;
    left: 50%;
}

/*
 *          T    A   B   L   E
 */

.table{
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    font-size: 14px;
}

.table thead{
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.table td:first-child, .table th:first-child {
border-left-width: 0;
}

.table td, .table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 6px 12px;
}

.table.zebra tbody tr:nth-child(even) {
   background-color: #f1f1f1;
}
.table tbody tr:hover{
    background-color: #f9f9f9;
}
.table.full{
 width: 100%;
}


/* 
 *          B   U   T   T   O   N       S   T   Y   L   E   S
 */

[class*='btn-'] {
    border-radius:2px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
    color: #fff;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
      transition: background-color 0.1s linear; 
}

    [class*='btn-']:hover {
        cursor: pointer;
        color:inherit;
    }

    .btn-blue {
        background-color: rgb( 51, 102, 204 );
        border: 1px solid rgb( 44, 91, 104 );   
    }
    
        .btn-blue:hover {
            background-color: rgb( 58, 131, 213 );  
        }
        
        .btn-blue:active {
            background-color: rgb( 42, 91, 191 );   
        }
        
    .btn-primary {
        background-color: rgb( 74, 61, 117 );
        border: 1px solid rgb( 44, 37, 59 );
    }
    
        .btn-primary:hover {
            background-color: rgb( 92, 76, 131 );   
        }
        
        .btn-primary:active {
            background-color: rgb( 54, 44, 87 );    
        }
    
    .btn-red {
        background-color: rgb( 207, 56, 91 );
        border: 1px solid rgb( 187, 40, 74 );
    }
    
        .btn-red:hover {
            background-color: rgb( 227, 77, 130 );
        }
        
        .btn-red:active {
            background-color: rgb( 187, 40, 74 );
        }
    
    .btn-green {
        background-color: rgb( 43, 153, 91 );
        border: 1px solid rgb( 33, 126, 74 );
    }
    
        .btn-green:hover {
            background-color: rgb( 75, 183, 141 );
        }
        
        .btn-green:active {
            background-color: rgb( 33, 126, 74 );
        }


/* login */

.login-screen h3{
    text-align: center;
    font-size: 2.3em;
    letter-spacing: 0.1em;
    padding: 0px;
    margin: 0px;
}
.login-screen small{
    font-size: 0.675em;
    text-align: center;
    display: inherit;
    margin-bottom: 3em;´S
}

.login-screen input[type="text"], .login-screen input[type="password"]{
    width: 96%;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.campaign_extraclass_2 > ul > li, .campaign_extraclass_3 > ul > li, .campaign_extraclass_99 > ul > li {
	background-color: #F0F0F0;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.bg-login-image-customized {
  background: url("../img/kundencenter-logo.png");
  background-position: center;
  background-size: cover;
}


/*
------------
Änderungen
------------
*/

div.row.no-gutters.row-dashboard-cards {
    height: 100% !important;
}

.col-auto.fonticon-dashboard {
    display: flex;
    align-items: center;
}

.card-link {
    position: absolute;
    bottom: 0px;
}

.fa-2-5x {
    font-size: 2.5em; }

#sidebar-badge-counter {
    right: unset;
}

.table.tablewidth-75 {
    width: 75%!important;
}


footer.sticky-footer {
    max-width: 100%;
    overflow: hidden;
}

.campaign_extraclass_2 {
    background: #4e73df82;
}

.buttonText{
    background-color: #485cba;
}

.buttonLink{
    background-color: #485cba!important;
}

.buttonIcon{
    background-color: #4a3d75;
}

.statistic-anzeige {
    border:2px solid;
    border-radius: 4px;
    margin: 1px;
}

.headline-page {
    color: #4e73df;
    border-bottom: 1px solid #858796;
}

.headline-section {
    color: #3A3B4A;
    margin-bottom: 0;
}

.status-button {
    width: 100%;
    text-align: center;
}

.border-page {
    border-bottom: 0.5px solid #858796;
}

.btn-anzeigenstatistik{
    text-align: center;
    width: 100%;
}