/*BaseStyle Desert*/

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

.ChaynsCS-BgColor {
    background-color: #836849;
}

.ChaynsCS-BgColor-90Pcnt {
    background-color: #8F775B;
}

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

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

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

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

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

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

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


.ChaynsCS-Color{
    color: #836849;
}

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

.ChaynsCS-Color-75Pcnt{
    color: rgba(131, 104, 73, .75);
}

.ChaynsCS-Color-65Pcnt{
    color: rgba(131, 104, 73, .65);
}

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

.ChaynsCS-Color-40Pcnt{
    color: rgba(131, 104, 73, .4);
}

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

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

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


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

.ChaynsCS-Border-80Pcnt {
    border: 1px solid #9C866D;
}

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

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

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

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

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

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

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

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

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

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


h1, h2, h3, h4, h5, h6 {
    color: #836849;
    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: #9B866D;
}

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

.NodeTitleSubline {
    font-size: 13px;
    color: rgba(131, 104, 73, .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(131, 104, 73, .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(131, 104, 73, .2);
}

.ColoredIconBackground {
    background-color: rgba(131, 104, 73, .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(131, 104, 73, .2);
}

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

.chaynsBtn {
    display:inline-block;
    background-color: #836849;
    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(131, 104, 73, .3);
    }

    .chaynsBtn.brighter:hover {
        background-color: rgba(131, 104, 73, .8);
    }

    .chaynsBtn:hover {
        background-color: rgba(131, 104, 73, .6);
    }

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

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

/*Ende BaseStyle*/

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

body
{
   background-color: #836849;
}

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

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

.loading-spinner {
    border-color: rgba(131, 104, 73, .8);
}

/*----------Menue----------*/

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

.MenuToggleIcon::before{
    color: rgba(131, 104, 73, .8);
}

.chaynsBtn {
    display:inline-block;
    background-color: #836849;
    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(131, 104, 73, .3);
    }

    .chaynsBtn.brighter:hover{
        background-color: rgba(131, 104, 73, .8);
    }

    .chaynsBtn:hover {
        background-color: rgba(131, 104, 73, .6);
    }

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

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

#ChaynsIDFrame {
    background-color: #f5f5f5 !important;
}

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

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

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

#Navigation .NavItemBadge {
    background-color: #E6E1DB;
    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: #E6E1DB;
    transition: all 0.1s ease-in-out;
    height: 33px;
    width: 4px;
    left: 0;
    top: 0;
    position: absolute;
}

#Navigation {
    background-color: #F6F4F2;
}

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

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

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

#AdminMenuHeader::after {
    color: #9C866D;
}

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

#TitleConnect .DropDownList li:hover {
    background-color: rgba(131, 104, 73, 0.3);
}

.chaynsBtn {
    display:inline-block;
    background-color: #836849;
    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(131, 104, 73, .3);
    }

    .chaynsBtn.brighter:hover {
        background-color: rgba(131, 104, 73, .8);
    }

    .chaynsBtn:hover {
        background-color: rgba(131, 104, 73, .6);
    }

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

#PageBody {
    background-color: #F6F4F2;
}

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

.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}