/*BaseStyle Stone*/

.ChaynsCS-BgColor-110Pcnt
{
background-color:
     #606060 !important;
}

.ChaynsCS-BgColor
{
   background-color: #6E6E6E;
}
.ChaynsCS-BgColor-90Pcnt
{
   background-color: #7C7C7C;
}

.ChaynsCS-BgColor-80Pcnt
{
   background-color: rgba(110, 110, 110, .8);
}

.ChaynsCS-BgColor-60Pcnt
{
   background-color: rgba(110, 110, 110, .6);
}

.ChaynsCS-BgColor-50Pcnt
{
   background-color: #B6B6B6 !important;
}

.ChaynsCS-BgColor-30Pcnt
{
   background-color: rgba(110, 110, 110, .3);
}

.ChaynsCS-BgColor-20Pcnt
{
   background-color: #E2E2E2 !important;
}

.ChaynsCS-BgColor-10Pcnt
{
   background-color: #F0F0F0 !important;
}

.ChaynsCS-BgColor-028Pcnt
{
    background-color: rgba(110, 110, 110, .028);
    }

    .ChaynsCS-Color
    {
    color: #6E6E6E;
    }

    .ChaynsCS-Color-80Pcnt
    {
    color: rgba(110, 110, 110, .8);
    }

    .ChaynsCS-Color-60Pcnt
    {
    color: rgba(110, 110, 110, .6);
    }

    .ChaynsCS-Color-65Pcnt
    {
    color: rgba(110, 110, 110, .65);
    }
 .ChaynsCS-Color-40Pcnt
    {
    color: rgba(110, 110, 110, .4);
    }

.ChaynsCS-Color-30Pcnt
    {
    color: rgba(110, 110, 110, .3);
    }

    .ChaynsCS-Color-20Pcnt
    {
    color: rgba(110, 110, 110, .2);
    }

    .ChaynsCS-Color-10Pcnt
    {
    color: rgba(110, 110, 110, .1);
    }


    .ChaynsCS-Border
    {
    border: 1px solid #6E6E6E;
    }

    .ChaynsCS-Border-80Pcnt
    {
    border: 1px solid #8B8B8B;
    }

    .ChaynsCS-Border-30Pcnt
    {
    border: 1px solid #D4D4D4;
    }

    .ChaynsCS-Border-20Pcnt
    {
    border: 1px solid #E2E2E2;
    }

    .ChaynsCS-Border-15Pcnt
    {
    border: 1px solid #E9E9E9;
    }

    .ChaynsCS-Border-10Pcnt
    {
    border: 1px solid #F0F0F0;
    }

    .ChaynsCS-Border-Color-80Pcnt
    {
    border-color: rgba(110, 110, 110, .8) !important;
    }

    .ChaynsCS-Border-Color-30Pcnt
    {
    border-color: rgba(110, 110, 110, .3) !important;
    }

    .ChaynsCS-Bottom-Border-Color
    {
    border-bottom-color: #6E6E6E !important;
    }

    .ChaynsCS-Top-Border-Color
    {
    border-top-color: #6E6E6E !important;
    }

    .ChaynsCS-Top-Border-Color-20Pcnt
    {
    border-top-color: #E2E2E2 !important;
    border-top-style: solid !important;
    }

    .ChaynsCS-Bottom-Border-Color-20Pcnt
    {
    border-bottom: 1px solid #E2E2E2 !important;
    }

    h1, h2, h3, h4, h5, h6 {
    color: #6E6E6E;
    margin-bottom: 10px;
    }

    h1
    {
    font-size: 24px;
    line-height: 29px;
    }

    h2
    {
    font-size: 19px;
    line-height: 24px;
    }

    h3
    {
    font-size: 17px;
    line-height: 22px;
    }

    h4
    {
    font-size: 13px;
    line-height: 18px;
    color: #8B8B8B;
    }

    .NodeTitle
    {
    font-size: 17px;
    color: #6E6E6E;
    }

    .NodeTitleSubline
    {
    font-size: 13px;
    color: rgba(110, 110, 110, .8) !important;
    }

    .NodeBodytext
    {
    font-size: 14px;
    color: #545454;
    line-height: 24px;
    word-wrap: break-word;
    }

    .NodeFoldOutTableHeader
    {
    font-family: 'robotomedium';
    padding: 10px 12px !important;
    color: #545454;
    background-color: rgba(110, 110, 110, .2);
    text-align: center;
    }

    .NodeFoldOutTableRow
    {
    padding: 10px 12px;
    border-bottom: solid 1px #FFFFFF;
    background-color: rgba(0,0,0,0.03);
    }

    .NodeButtonChoosed
    {
    background-color: rgba(110, 110, 110, .2);
    }

    .ColoredIconBackground
    {
    background-color: rgba(110, 110, 110, .8);
    color: #FFFFFF;
    }

    .NodeLink, .NodeLink:visited
    {
    transition: all ease-in-out 0.5s;
    text-decoration: none;
    padding-right: 5px;
    color: #A4A4A4;
    }

    .NodeLink:hover
    {
    background-color: rgba(110, 110, 110, .2);
    }

    .NodeLink::before
    {
    font-family: 'FontAwesome';
    color: rgba(110, 110, 110, .8);
    content: "\f08e";
    padding: 0 5px;
    text-decoration: none;
    }

    .chaynsBtn {
    display:inline-block;
    background-color: #6E6E6E;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', Tahoma, 'robotolight';
    line-height: 23px;
    visibility: visible;
    text-align: center;
    padding: 8px 12px;

    cursor: pointer;

    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    }

    .chaynsBtn.wide {
    padding: 3px 12px;
    }
    .chaynsBtn.smaller{
    padding: 2px 15px;
    margin: 0 auto;
    display: block;
    width: 100px;
    }
    .chaynsBtn.brighter{
    background-color: rgba(110, 110, 110, .3);
    }
    .chaynsBtn.brighter:hover{
    background-color: rgba(110, 110, 110, .8);
    }
    .chaynsBtn:hover {
    background-color: rgba(110, 110, 110, .6);
    }

    .Hover-30Pcnt:hover {
    background-color: rgba(110, 110, 110, .3);
    color: #fff;
    }

    .Hover-100Pcnt:hover {
    background-color: rgba(110, 110, 110, 1);
    }

    /*Ende BaseStyle*/

/*--------------------------------------CustomGlobalCSS--------------------------------------*/

body
{
   background-color: #6E6E6E;
}

.ChaynsLoadingCursor > .loading-spinner-wrapper {
    background-color: rgba(110, 110, 110, .25);
}

.ChaynsLoadingCursor.with-text > .loading-spinner-wrapper {
    background-color: rgba(218, 218, 218, .90) !important;
}

.loading-spinner {
    border-color: rgba(110, 110, 110, .8);
 }
    /*----------Menue----------*/

    .NodeBodytext > .MenuToggle{
    margin-bottom: 0 !important;
    }

    .MenuToggleIcon::before{
    color: rgba(110, 110, 110, .8);
    }

    .chaynsBtn {
    display:inline-block;
    background-color: #6E6E6E;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', Tahoma, 'robotolight';
    line-height: 23px;
    visibility: visible;
    text-align: center;
    padding: 8px 12px;

    cursor: pointer;

    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    }

    .chaynsBtn.wide {
    padding: 3px 12px;
    }
    .chaynsBtn.smaller{
    padding: 2px 15px;
    margin: 0 auto;
    display: block;
    width: 100px;
    }
    .chaynsBtn.brighter{
    background-color: rgba(110, 110, 110, .3);
    }
    .chaynsBtn.brighter:hover{
    background-color: rgba(110, 110, 110, .8);
    }
    .chaynsBtn:hover {
    background-color: rgba(110, 110, 110, .6);
    }

    /*#userGroupChooser {
    background-color: rgba(110, 110, 110, 0.6) !important;
    }*/

/*--------------------------------------CustomCSS--------------------------------------*/


/*-----Allgemein-----*/

body.AltMainBackgroundColor {
       background-color: #F5F5F5;
}

body{
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top left;
}




/*-----Navigation-----*/

#Navigation .NavItemBadge
{
    background-color: #E2E2E2;
    transition: all 0.1s ease-in-out;
    height: 33px;
    float: left;
    width: 4px;
    opacity: 0;
    position: absolute;
}

.tappGroup .accordion__head:hover::after {
    content: "";
    background-color: #E2E2E2;
    transition: all 0.1s ease-in-out;
    height: 33px;
    width: 4px;
    left: 0;
    top: 0;
    position: absolute;
}

#Navigation {
    background-color: #F5F5F5;
}

#Navigation .NavItem.active{
    background-position: left bottom;
    background-image: linear-gradient(to right, #E2E2E2 50%, transparent 50%);
}

#Navigation .NavItem{
    background-position: right bottom;
    background: linear-gradient(to right, #E2E2E2 49%, transparent 50%) 100% 100%;
    background-size: 200% 100%;
}

#Navigation .NameItem, #userGroupChooser {

}

  /* #Navigation .NavItem.active.hierarchie1,#Navigation .NameItem {
    background-color: rgba(110, 110, 110, 0.6) !important;
    }
*/

#AdminMenuHeader .onoffswitch-checkbox:checked + .onoffswitch-label
{
    right: -8px; 
    background-color: rgba(110, 110, 110, 1);
}

#AdminMenuHeader::after {
        color: #8B8B8B;
    }

#PageMenuHeader::after {
    color: #8B8B8B;
}

/*----FBConnect----*/
#TitleConnect .DropDownList li {
       background-color: rgba(110, 110, 110, 0.1);
   display: block;
   padding: 8px;
}

#TitleConnect .DropDownList li:hover {
   background-color: rgba(110, 110, 110, 0.3);
}
.chaynsBtn {
   display:inline-block;
   background-color: #6E6E6E;
   color: #ffffff;
   font-size: 14px;
   font-family: 'Roboto', Tahoma, 'robotolight';
   line-height: 23px;
   visibility: visible;
   text-align: center;
   padding: 8px 12px;

   cursor: pointer;

   -webkit-transition: background 150ms ease;
   -moz-transition: background 150ms ease;
   -o-transition: background 150ms ease;
   transition: background 150ms ease;

   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.chaynsBtn.wide {
    padding: 3px 12px;
}
.chaynsBtn.smaller{
    padding: 2px 15px;
    margin: 0 auto;
    display: block;
    width: 100px;
}
.chaynsBtn.brighter{
   background-color: rgba(110, 110, 110, .3);
}
.chaynsBtn.brighter:hover{
   background-color: rgba(110, 110, 110, .8);
}
.chaynsBtn:hover {
    background-color: rgba(110, 110, 110, .6);
}

/*----Content----*/





#PageBody{
    background-color: #F5F5F5;
}

.titleConnectColor{
    background-color: rgba(255, 255, 255, 0.94);
    color: rgba(84, 84, 84, 0.8) !important;
}