.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}

@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}


a {
    color: #333;
    outline: none;
    /*
    padding-left: 3px;
    padding-right: 3px;
        */
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
    }

    a img {
        border: 0;
    }



h1, h2, h3,
h4, h5, h6 {
    color: #343434;
    margin-bottom: 11px;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


input::-ms-clear {
    display: none;
}


input:-ms-input-placeholder {
    color:#A0A0A0;
}

/* Buttons */

.btn-mail {
    display: inline-block;
    line-height: 23px;
    border: 1px #aaa solid;
    background-color: #FEFEFE;
    text-align: center;
    text-decoration: none;
    color: #333 !important;
    font-size: 12px;
    font-weight: normal;
    padding: 4px;
    -moz-transition: background linear 0.4s;
    -o-transition: background linear 0.4s;
    -webkit-transition: background linear 0.4s;
    transition: background linear 0.4s;
}


    .btn-mail:hover {
        background-color: #F0F0F0;
    }



.btn-upload {
    cursor: pointer;
    outline-style: none !important;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 18px;
    color: #333;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 4px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -moz-box-shadow: 0 0 9px #d0d0d0;
    -webkit-box-shadow: 0 0 9px #d0d0d0;
    -o-box-shadow: 0 0 9px #d0d0d0;
    box-shadow: 0 0 9px #d0d0d0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .btn-upload:hover {
        color: #333;
        text-decoration: none;
        background-color: #E6E6E6;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.2s linear;
        -moz-transition: background-position 0.2s linear;
        -o-transition: background-position 0.2s linear;
        transition: background-position 0.2s linear;
    }


.btn {
    cursor: pointer;
    outline-style: none !important;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 18px;
    color: #333;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 4px 10px 4px 10px;
    margin-bottom: 4px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: whiteSmoke;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    -moz-box-shadow: 2px 2px 6px #d0d0d0;
    -webkit-box-shadow: 2px 2px 6px #d0d0d0;
    box-shadow: 2px 2px 6px #d0d0d0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btn:hover {
        color: #333;
        text-decoration: none;
        background-color: #E6E6E6;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.2s linear;
        -moz-transition: background-position 0.2s linear;
        -o-transition: background-position 0.2s linear;
        transition: background-position 0.2s linear;
    }

.btn-small {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 0 6px 2px;
    margin-bottom: 4px;
}

.btn .activeOLD {
    padding-top: 3px;
    padding-left: 9px;
    margin-right: 3px;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: rgba(0,0,0,.4) 1px 1px 3px;
}

.btn:focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: rgba(0,0,0,.2) 2px 2px 3px;
}

.btn:disabled {
    color: #a0a0a0;
}

    .btn:disabled:hover {
        color: #a0a0a0;
        cursor: default;
    }


.btn-green {
    color: #fff;
    text-shadow: 0px -1px 0px #36701b;
    background-color: #549E39;
    background-image: -moz-linear-gradient(top, #72bc57, #36701b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72bc57), to(#36701b));
    background-image: -webkit-linear-gradient(top, #72bc57, #36701b);
    background-image: -o-linear-gradient(top, #72bc57, #36701b);
    background-image: linear-gradient(top, #72bc57, #36701b);
    border-color: #549E39 #36701b #36701b #549E39;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-green:hover {
        color: #fff;
        text-shadow: 0px -1px 0px #186200;
        background-color: #36701b;
    }




.btn-blue {
    text-shadow: 0px -1px 0px #3b64bd;
    color: #fff;
    background-color: #46A;
    /*77a0f9 3b64bd */
    background-image: -moz-linear-gradient(top, #46A, #002063);
    background-image: -ms-linear-gradient(top, #46A, #002063);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#46A), to(#002063));
    background-image: -webkit-linear-gradient(top, #46A, #002063);
    background-image: -o-linear-gradient(top, #46A, #002063);
    background-image: linear-gradient(top, #46A, #002063);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46A', endColorstr='#002063', GradientType=0);
    border-color: #5982DB #002063 #002063 #5982DB;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-blue:hover {
        color: #fff;
        text-shadow: 0px -1px 0px #1d469f;
        background-color: #002063;
    }

.btn-red {
    text-shadow: 0px -1px 0px #bb3b1f;
    color: #fff;
    background-color: #D9593D;
    background-image: -moz-linear-gradient(top, #f7775b, #bb3b1f);
    background-image: -ms-linear-gradient(top, #f7775b, #bb3b1f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7775b), to(#bb3b1f));
    background-image: -webkit-linear-gradient(top, #f7775b, #bb3b1f);
    background-image: -o-linear-gradient(top, #f7775b, #bb3b1f);
    background-image: linear-gradient(top, #f7775b, #bb3b1f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7775b', endColorstr='#bb3b1f', GradientType=0);
    border-color: #D9593D #bb3b1f #bb3b1f #D9593D;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-red:hover {
        color: #fff;
        text-shadow: 0px -1px 0px #9d1d01;
        background-color: #bb3b1f;
    }


.btn-grey {
    text-shadow: 0px -1px 0px #5c5e54;
    color: #fff;
    background-color: #7A7C72;
    background-image: -moz-linear-gradient(top, #989a90, #5c5e54);
    background-image: -ms-linear-gradient(top, #989a90, #5c5e54);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#989a90), to(#5c5e54));
    background-image: -webkit-linear-gradient(top, #989a90, #5c5e54);
    background-image: -o-linear-gradient(top, #989a90, #5c5e54);
    background-image: linear-gradient(top, #989a90, #5c5e54);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989a90', endColorstr='#5c5e54', GradientType=0);
    border-color: #7A7C72 #5c5e54 #5c5e54 #7A7C72;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-grey:hover {
        color: #fff;
        text-shadow: 0px -1px 0px #3e4036;
        background-color: #5c5e54;
    }

.btn-dark-grey {
    text-shadow: 0px -1px 0px #2c2e24;
    color: #fff;
    background-color: #585a50;
    background-image: -moz-linear-gradient(top, #787a70, #2c2e24);
    background-image: -ms-linear-gradient(top, #787a70, #2c2e24);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#787a70), to(#2c2e24));
    background-image: -webkit-linear-gradient(top, #787a70, #2c2e24);
    background-image: -o-linear-gradient(top, #787a70, #2c2e24);
    background-image: linear-gradient(top, #787a70, #2c2e24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787a70', endColorstr='#2c2e24', GradientType=0);
    border-color: #7A7C72 #2c2e24 #2c2e24 #7A7C72;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-dark-grey:hover {
        color: #fff;
        text-shadow: 0px -1px 0px #3e4036;
        background-color: #2c2e24;
    }


.btn-yellow {
    text-shadow: 0px -1px 0px #FFF710;
    color: #333;
    background-color: #C8Ca33;
    background-image: -moz-linear-gradient(top, #FFF710, #F7C718);
    background-image: -ms-linear-gradient(top, #FFF710, #F7C718);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF710), to(#F7C718));
    background-image: -webkit-linear-gradient(top, #FFF710, #F7C718);
    background-image: -o-linear-gradient(top, #FFF710, #F7C718);
    background-image: linear-gradient(top, #FFF710, #F7C718);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF710', endColorstr='#F7C718', GradientType=0);
    border-color: #A8Aa00 #F7C718 #F7C718 #A8Aa00;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-yellow:hover {
        text-shadow: 0px -1px 0px #F7C718;
        background-color: #F7C718;
    }



/* Ende Buttons */

.btn-disabled {
    cursor: default;
    outline-style: none !important;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    color: #AAA;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 4px 10px 4px;
    margin-bottom: 4px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: rgba(0,0,0,.4) 2px 2px 3px;
}

    .btn-disabled:hover {
        color: #AAA;
        background-color: #E6E6E6;
    }

    .btn-disabled:visited {
        color: #AAA;
        background-color: #E6E6E6;
    }

    .btn-disabled:link {
        color: #AAA;
        background-color: #E6E6E6;
    }

.btn-big {
    font-size: 16px;
    padding: 12px;
    box-sizing: border-box;
    width:100%;
}


.btnAniMarker {

}

    .btnAniMarker::before {
        content: '';
        border: 6px solid #F0F0F0;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        transition: all .3s ease-in-out 0s;
    }

    .btnAniMarker:hover::before, .btnAniMarker:focus::before {
        color: red;
        opacity: 0;
        animation: none;
    }

    .btnAniMarker::after {
        content: '';
        border-radius: 100%;
        border: 6px solid #F0F0F0;
        box-shadow: 1px 1px 4px #888;
        position: absolute;
        z-index: -1;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: ring 1.5s infinite;
    }
        .btnAniMarker::after:hover {
            color: red;
        }

    .btnAniMarker:hover::after, .btnAniMarker:focus::after {
        animation: none;
        display: none;
    }

@keyframes ring {
    0% {
        width: 3px;
        height: 3px;
        opacity: 1;
    }

    100% {
        width: 300px;
        height: 300px;
        opacity: 0;
    }
}





.imgshadow {
    margin: 4px 6px 10px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: rgba(0,0,0,.4) 2px 2px 3px;
}

.imgspacing {
    margin: 11px 18px 11px 11px;
}

.imgspacing2 {
    margin: 5px 11px 5px 2px;
}




select {
    color: #000;
    font-weight: bold;
    -webkit-appearance: none;
    -webkit-padding-end: 20px !important;
    -webkit-padding-start: 2px !important;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../images/action/sd.png),-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: url(../images/action/sd.png),linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-o-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-moz-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-webkit-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(0.4, rgb(244,244,244)), color-stop(1, rgb(229,229,229)) );
    background-position: center right;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 1px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px #d0d0d0 solid;
    -moz-box-shadow: 0 0 5px #d0d0d0;
    -webkit-box-shadow: 0 0 5px #d0d0d0;
    -o-box-shadow: 0 0 5px #d0d0d0;
    box-shadow: 0 0 5px #d0d0d0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px;
    text-indent: 0.01px;
}

    /* Nur Internet Explorer 10 */
    select::-ms-value {
        /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {*/
        /*select {*/
        padding-right: 20px !important;
        padding-left: 2px !important;
        /*}*/
    }

    select::-ms-expand {
        display: none;
    }

    select:disabled {
        -webkit-appearance: none;
        -webkit-padding-end: 20px !important;
        -webkit-padding-start: 2px !important;
        -moz-appearance: none;
        color: #999;
    }



/* Controls */
input, textarea {
    background: #fff;
    color: #333;
    margin: 5px 0 6px 0;
    padding: 2px;
    border: 1px #d6d6d0 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

input {
    font-weight: 600;
}

    input:disabled {
        color: #999;
    }

textarea {
    font-weight: normal;
}

form {
    padding: 0;
    margin: 0;
}



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

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }


textarea {
    font-family: inherit;
}

    input:focus, textarea:focus, textarea:active {
        border: 1px solid #7ac0da;
        outline: none !important;

    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}




.tristatechk {
    border: 0px red solid;
}


.tristatechkimg {
    border: 0;
    margin: 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../Images/action/tristatechk.png);
    background-position-x: 0;
}

.twostatechkimg {
    border: 0;
    margin: 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../Images/action/tristatechk.png);
    background-position-x: 0;
    vertical-align: sub;
}

.tristatechk_unchecked {
    background-position: 0 0;
}

    .tristatechk_unchecked.tristatechk_disabled {
        background-position: -16px 0;
    }

.tristatechk_checked {
    background-position: 0 -16px;
}

    .tristatechk_checked.tristatechk_disabled {
        background-position: -16px -16px;
    }

.tristatechk_na {
    background-position: 0 -32px;
}

    .tristatechk_na.tristatechk_disabled {
        background-position: -16px -32px;
    }


.pBar {
    position: relative;
    width: 100%;
    height: 16px;
    background-color: #F9F9F9;
    box-shadow: #bbb 0 0 3px;
    border-radius: 2px;
    overflow: hidden;
    margin: 5px;
}

    .pBar .pBarLabel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        color: #FFF;
        text-shadow: 0 0 3px #000;
        font-size: 12px;
    }

.pBarProgress {
    width: 0;
    background-color: yellow;
    display: block;
    height: 16px;
    border-radius: 2px;
    background: #209EE7;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #209EE7), color-stop(100%, #007EC7));
    background: -webkit-linear-gradient(#209EE7, #007EC7);
    background: -moz-linear-gradient(#209EE7, #007EC7);
    background: -o-linear-gradient(#209EE7, #007EC7);
    background: -ms-linear-gradient(#209EE7, #007EC7);
    background: linear-gradient(#209EE7, #007EC7);
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}


.lyncPresence {
    white-space: nowrap;
}

    .lyncPresence i {
        font-size: 15px;
        margin-right: 3px;
        color: #666;
    }

.state0 {
}

    .state0 i {
        color: #5dd255;
    }

.state1, .state8 {
}

    .state1 i, .state8 i {
        color: #b6cfd8;
    }

.state2, .state4, .state6, .state16, .state7 {
}

    .state2 i, .state4 i, .state6 i, .state16 i, .state7 i {
        color: #ffd200;
    }

.state3, .state5, .state10, .state9, .state15 {
}

    .state3 i, .state5 i, .state10 i, .state9 i, .state15 i {
        color: #d93b3b;
    }


#file_upload {
    font-size: 0;
}

.tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left:5px;
}
    .tag-container .tag {
        background-color: #007EC7;
        color: #fff;
        position: relative;
        display: inline-block;
        font-size: 14px;
        padding: 0px 15px;
        margin: 2px 5px;
        font-family: Arial, sans-serif;
        text-decoration: none;
        line-height: 1.5;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    }

        .tag-container .tag:before {
            content: '';
            position: absolute;
            left: -10px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #007EC7;
        }

        .tag-container .tag:after {
            content: '';
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background-color: white;
            border-radius: 50%;
        }

        
.icons-list {background-image: url(../images/icons/icons.png);}


.picicon-empty {
    display: inline-block;
    width: 16px;
    height: 16px;
    background:none;
}

.picicon-mail {background-position:0 0;}
.picicon-tel {background-position:-16px 0px;}
.picicon-la1 {background-position:-32px 0px;}
.picicon-la2 {background-position:-48px 0px;}
.picicon-la3 {background-position:-64px 0px;}
.picicon-edit {background-position:-80px 0px;}
.picicon-cancel {background-position:-96px 0px;}
.picicon-arrowd {background-position:-112px 0px;}
.picicon-addfav {background-position:-128px 0px;}
.picicon-remfav {background-position:-144px 0px;}
.picicon-fs {background-position:-160px 0px;}
.picicon-user {background-position:-176px 0px;}
.picicon-group {background-position:-192px 0px;}
.picicon-error {background-position:-208px 0px;}
.picicon-fsbw {background-position:-224px 0px;}
.picicon-circle {background-position:-240px 0px;}
.picicon-chkoff {background-position:-256px 0px;}
.picicon-chkon {background-position:-272px 0px;}
.picicon-rdbon {background-position:-288px 0px;}
.picicon-rdboff {background-position:-304px 0px;}
.picicon-stat {background-position:-320px 0px;}
.picicon-db {background-position:-336px 0px;}
.picicon-hide {background-position:-352px 0px;}
.picicon-fb {background-position:-368px 0px;}
.picicon-gp {background-position:-384px 0px;}
.picicon-xing {background-position:-400px 0px;}
.picicon-twitter {background-position:-416px 0px;}
.picicon-sp {background-position:-432px 0px;}
.picicon-aduok {background-position:-448px 0px;}
.picicon-adufail {background-position:-464px 0px;}
.picicon-fd {background-position:-480px 0px;}

.picicon-pub1 {background-position:0px -115px;}
.picicon-pub2 {background-position:-16px -115px;}
.picicon-upload {background-position:-32px -115px;}
.picicon-attachment {background-position:-48px -115px;}
.picicon-admin {background-position:-64px -115px;}
.picicon-fl {background-position:-80px -115px;}
.picicon-error2 {background-position:-96px -115px;}
.picicon-la4 {background-position:-112px -115px;}
.picicon-secure {background-position:-128px -115px;}
.picicon-csv {background-position:-144px -115px;}
.picicon-history {background-position:-160px -115px;}
.picicon-list {background-position:-176px -115px;}
.picicon-visible {background-position:-192px -115px;}
.picicon-invisible {background-position:-208px -115px;}
.picicon-folder {background-position:-224px -115px;}
.picicon-trash {background-position:-256px -115px; background-repeat:no-repeat;-webkit-appearance: none;cursor: pointer;}
.picicon-project {background-position:-272px -115px;}
.picicon-add {background-position:-288px -115px;}

.icon24x24-cp {background-position:0 -16px;}
.icon24x24-ls0 {background-position:-24px -16px;}
.icon24x24-ls1 {background-position:-48px -16px;}
.icon24x24-settings {background-position:-72px -16px;}
.icon24x24-msg {background-position:-96px -16px;}
.icon24x24-ok {background-position:-120px -16px;}
.icon24x24-msg2 {background-position:-144px -16px;}
.icon24x24-filter {background-position:-144px -16px;}


.icon24x24-add {background-position:-250px -42px;}

.icon28x28-add {background-position:0 -40px;}
.icon28x28-edit {background-position:-28px -40px;}
.icon28x28-save {background-position:-56px -40px;}
.icon28x28-back {background-position:-84px -40px;}
.icon28x28-delete {background-position:-112px -40px;}
.icon28x28-fs {background-position:-140px -40px;}
.icon28x28-addB {background-position:-168px -40px;}
.icon28x28-check {background-position:-196px -40px;}
.icon28x28-beta {background-position:-224px -40px;}
.icon28x28-mail {background-position:-308px -40px;}



.icon28x28-stat {background-position:-35px -135px;}
.icon28x28-trash {background-position: -63px -135px;}

.icon28x28-export {background-position: -91px -135px;}
.icon28x28-import {background-position: -119px -135px;}
.icon28x28-copy {background-position: -147px -135px;}
.icon28x28-link {background-position: -175px -135px;}

.icon12x12-expanded {background-position:0 -70px;}
.icon12x12-collapsed {background-position:-12px -70px;}
.icon12x12-dropdown {background-position:-24px -70px;}
.icon12x12-invisible {background-position:-36px -70px;}
.icon12x12-filter {background-position:-50px -70px;}
.icon12x12-action {background-position:-62px -70px;}

.icon30x30-nr0 {background-position:-0 -82px;}
.icon30x30-nr1 {background-position:-30px -82px;}
.icon30x30-nr2 {background-position:-60px -82px;}
.icon30x30-nr3 {background-position:-90px -82px;}
.icon30x30-nr4 {background-position:-120px -82px;}
.icon30x30-nr5 {background-position:-150px -82px;}
.icon30x30-nr6 {background-position:-180px -82px;}
.icon30x30-nr7 {background-position:-210px -82px;}
.icon30x30-nr8 {background-position:-240px -82px;}
.icon30x30-nr9 {background-position:-270px -82px;}
.icon30x30-ok {background-position:-300px -82px;}

.icon30x30-ok-green {background-position:-0 -130px;}

.picicon-event {background-position:0 -160px;}
.picicon-eventaction {background-position:-16px -160px;}



.iconLogin {background-position:-350px -16px;}

.icon12x12-empty {display: inline-block;
    width: 12px;
    height: 12px;
    background:none;
}

[class^="picicon-"], [class*=" picicon-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: central;
    background-repeat: no-repeat;
    margin-left: .2em;
    margin-right: .2em;
}

[class^="icon24x24-"], [class*=" icon24x24-"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-left: .2em;
    margin-right: .2em;
}

[class^="icon28x28-"], [class*=" icon28x28-"] {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-left: .2em;
    margin-right: .2em;
}

[class^="icon30x30-"], [class*=" icon30x30-"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-left: .2em;
    margin-right: .2em;
}

[class^="icon12x12-"], [class*=" icon12x12-"] {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-left: 0;
    margin-right: 0;
}


.picicon-trash::before
{
    content: '';
    display: block;
    background-image: url(../images/icons/icons.png);
    background-position: -240px -116px;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform 150ms;
    -moz-transition: -webkit-transform 150ms;
    -o-transition: -webkit-transform 150ms;
    transition: -webkit-transform 150ms;

    height: 6px;
    width: 14px;
}


.picicon-trash:focus:before,
.picicon-trash:hover::before
{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 250ms;
    -moz-transition: -webkit-transform 250ms;
    -o-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
}
.tool {
    user-select: none;
}

    .tool #result {
        display: none;
    }

    .tool h1 {
        font-size: 40px;
        line-height: 40px;
        border-bottom: 1px #eee;
        margin-bottom: 30px;
        text-align: center;
        font-weight: 100;
    }

    .tool .container {
        border: 1px #eee solid;
        border-radius: 2px;
        box-shadow: 2px 2px 8px #aaa;
    }

    .tool .wrapper {
        margin: 20px;
    }

    .tool .disabled {
    }

    .tool .tool_1 {
    }


        .tool .tool_1 .resultYesNo {
            font-size: 18px;
        }

        .tool .tool_1 #resultCount {
            text-align: center;
            font-weight: bold;
            text-shadow: 1px 1px 3px #eee;
        }

        .tool .tool_1 .resultYesNo .row {
            margin-top: 30px;
        }

            .tool .tool_1 .resultYesNo .row label {
                font-weight: 100;
                line-height: 35px;
            }

        .tool .tool_1 .choiceActive {
            color: green;
        }

        .tool .tool_1 .choiceInactive {
            color: red;
        }

        .tool .tool_1 .biginput {
            font-size: 30px;
            line-height: 40px;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 2px 2px 8px #aaa;
        }

        .tool .tool_1 .bigbtn {
            background-color: #f0f5f0;
            display: inline-block;
            cursor: pointer;
            text-decoration: none;
            font-size: 25px;
            padding: 30px;
            font-weight: 100;
            box-shadow: 2px 2px 5px #eee;
        }

            .tool .tool_1 .bigbtn:hover {
                text-decoration: none;
                box-shadow: 2px 2px 5px #888;
            }




#liveToolAdmin {
    height: 100%;
    position: relative;
}



    #liveToolAdmin #liveinfo {
        position: absolute;
        right: 0;
        width: 200px;
        height: 100%;
        border-left: 1px #eee solid;
        background-color: #ffffff;
        overflow: auto;
    }

        #liveToolAdmin #liveinfo .title {
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-bottom: 1px #eee solid;
            background-color: #f0f0f0;
            
        }
        #liveToolAdmin #liveinfo .qrcode {
        }
        #liveToolAdmin #liveinfo .qrcode img {
            max-width:100%;
        }

        #liveToolAdmin #liveinfo #liveUserCounter {
            font-size: 16px;
        }

        #liveToolAdmin #liveinfo ul {
            padding: 0;
            margin: 0;
            margin-top:10px;
        }

        #liveToolAdmin #liveinfo li {
            list-style: none;
            margin: 5px 10px;
        }

    #liveToolAdmin #session {
        margin: 0 200px;
        height: 100%;
        background-color: #fafafa;
    }

        #liveToolAdmin #session .session-wrapper {
            margin: 0 20px;
        }

            #liveToolAdmin #session .session-wrapper h1 {
                padding-top: 20px;
            }

    #liveToolAdmin #contextStage {
    }

    #liveToolAdmin #noContent {
        font-size: 20px;
        font-weight: 100;
        padding: 30px;
        text-align: center;
        border: 1px #f0f0f0 solid;
        background-color: #fff;
    }

#channelstatusbar {
    line-height: 30px;
    font-size: 12px;
    height: 30px;
    background-color: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #bbb;
}

    #channelstatusbar .fa {
        margin-left: 4px;
        font-size: 18px;
    }

    #channelstatusbar .text {
        padding-left: 3px;
    }


#liveToolAdmin #tools {
    overflow: auto;
    width: 200px;
    position: absolute;
    height: 100%;
    border-right: 1px #eee solid;
    background-color: #ffffff;
}

    #liveToolAdmin #tools .title {
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-bottom: 1px #eee solid;
        background-color: #f0f0f0;
        margin-bottom: 15px;
    }

    #liveToolAdmin #tools .tools-wrapper {
        margin: 0 5px;
    }

    #liveToolAdmin #tools input {
        width: calc(100% - 5px);
    }

    #liveToolAdmin #tools ul {
        margin: 0;
        padding: 0;
        margin-top: 15px;
    }

    #liveToolAdmin #tools .tools-wrapper ul li {
        margin: 0;
        padding: 5px;
        list-style: none;
        border: 1px #eee solid;
        border-radius: 2px;
        background-color: #fff;
        margin-bottom: 20px;
        cursor: pointer;
        text-overflow: ellipsis;
        word-break: break-word;
        font-size: 16px;
        text-align: center;
    }

        #liveToolAdmin #tools .tools-wrapper ul li:hover {
            background-color: #ddd;
        }

        #liveToolAdmin #tools .tools-wrapper ul li.active {
            background-color: #f0f0f0;
        }
        #liveToolAdmin #tools .tools-wrapper ul li .result {
            margin-top: 3px;
            font-size: 12px;
        }

    #liveToolAdmin #tools .tag-links a {
        background-color: #767676;
        border-radius: 0 2px 2px 0;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2727272727;
        margin: 2px 4px 2px 10px;
        padding: 3px 7px;
        position: relative;
        text-transform: uppercase;
        text-decoration: none;
    }

    #liveToolAdmin #tools #txtToolSearch {
        margin-top: 15px;
        padding: 5px 2px;
    }

    #liveToolAdmin #tools .tag-links a:hover, #liveToolAdmin #tools .tag-links a.selected {
        background-color: #41a62a;
        color: #fff;
        text-decoration: none;
    }

    #liveToolAdmin #tools .tag-links a:before {
        border-top: 10px solid transparent;
        border-right: 8px solid #767676;
        border-bottom: 10px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        top: 0;
        left: -8px;
        width: 0;
    }

    #liveToolAdmin #tools .tag-links a:hover:before, #liveToolAdmin #tools .tag-links a.selected:before {
        border-right-color: #41a62a;
    }

    #liveToolAdmin #tools .tag-links a:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        height: 4px;
        position: absolute;
        top: 8px;
        left: -2px;
        width: 4px;
    }

    
html {
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    color: #333;
    font-size: 12px;
    font-family: Segoe UI, Tahoma, Arial, Verdana;
    min-width: 900px;
}

#body {
    min-height: 100%;
    min-width: 900px;
}

    #body.blank {
        height: 100%;
    }

        #body.blank header {
            display: inline;
        }


header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.vDesktop {
}

.vTablet {
    display: none;
}

.vMobile {
    display: none;
}

.vDesktopTablet {
}

/* main layout
----------------------------------------------------------*/
header {
    height: 40px;
    background-color: #006AA4;
}


.content-flex-stretch {
    display: flex;
    align-items: stretch;
}

#wide-content {
    /*Trick über Border mit Hintergrundfarbe vom Side-Menu*/
    /*margin-left: 200px;*/
    display: block;
    border-left-style: solid;
    border-left-width: 200px;
    border-left-color: #F3F3F3;
    width: 100%;
}

    #wide-content .content-wrapper {
    }


#system-content {
    text-align: center;
    min-height: 150px;
    width: 100%;
    margin: 0 auto;
}

    #system-content .content-wrapper {
        margin: 0 auto;
        max-width: 700px;
    }

    #system-content .syscontent {
        margin: 0 20px;
        text-align: left;
    }

#blank-content {
    height: 100%;
}

    #blank-content .blankcontent {
        height: 100%;
    }

    #blank-content > .content-wrapper {
        height: 100%;
    }

#body.blank > .content-wrapper {
    height: 100%;
}

#body .welcome {
    height: 100%;
    width: 100%;
    display: table;
    position: absolute;
}


#system-content h1 {
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    padding: 20px 0;
    border-bottom: 1px #aaa solid;
    color: #333;
    font-size: 16px;
}

#system-content h2 {
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    padding: 7px 0;
    color: #333;
    font-size: 14px;
}

#system-content a {
    color: #096CAF;
    text-decoration: none;
}

    #system-content a:hover {
        color: #096CAF;
        text-decoration: underline;
    }

header .content-wrapper {
    z-index: 1000;
    padding: 0;
    margin: 0;
    background-color: #006AA4;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    min-width: 900px;
}

.site-logo {
    padding: 0 3px 0 0;
    float: left;
    vertical-align: central;
}

header .site-logo img {
}

header .site-logo a {
    text-decoration: none;
}

    header .site-logo a:hover, header .site-logo a:active {
        text-decoration: none;
    }

header .content-wrapper #formsearch {
    margin-top: 6px;
    width: 150px;
}

header .topToolbar {
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px #c0c0c0;
    height: 40px;
    position: relative;
}

    header .topToolbar.FSTabs > ul > li {
        Xborder: unset !important;
        Xbackground-color: unset !important;
        border-bottom: 2px solid transparent;
        transition: all ease-in-out 0.3s;
    }

        header .topToolbar.FSTabs > ul > li:hover {
            border-bottom: 2px solid #006AA4;
            background-color: #fff;
        }

        header .topToolbar.FSTabs > ul > li.selected {
            border-bottom: 2px solid #006AA4;
            background-color: #fff;
        }

    header .topToolbar .ddbox {
        color: #333;
    }

    header .topToolbar .counter {
        background-color: #006AA4;
        border-radius: 100px;
        color: #fff;
        padding: 2px 5px;
        margin-left: 5px;
        box-shadow: 0 2px 2px #c0c0c0;
    }

#fslogo {
    height: 30px;
    width: 135px;
}

#sitetopmenu {
    height: 30px;
    padding: 8px 3px 2px 4px;
    cursor: pointer;
}

    #sitetopmenu:hover {
        background-color: #3477AE;
    }

    #sitetopmenu img {
    }

    #sitetopmenu i.picicon-arrowd {
        transition: transform 0.3s ease;
    }

        #sitetopmenu i.picicon-arrowd.rotate {
            transform: rotate(180deg);
        }

#sitetopmenucnt {
    z-index: 1000;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
    padding-bottom: 20px;
}
    #sitetopmenucnt .lu {
        border-bottom:1px solid #666;
        color:#bbb;
        margin:0px 30px 0 30px;
    }

    #sitetopmenucnt > ul, #sitetopmenucnt > div > ul {
        clear: both;
        list-style: none;
        margin: 10px 0 10px 25px;
        padding: 0;
    }

        #sitetopmenucnt > ul > li, #sitetopmenucnt > div > ul > li {
            float: left;
            height: 100px;
            width: 100px;
            margin: 0;
            margin-right: 10px;
            margin-bottom: 10px;
            font-size: 11px;
        }

            #sitetopmenucnt > ul > li:hover {
                background-color: #666;
            }

            #sitetopmenucnt > ul > li a {
                margin: 2px;
                display: block;
                color: #fff;
                height: 96px;
                line-height: 173px;
                vertical-align: text-bottom;
                background-repeat: no-repeat;
                background-position: center center;
                text-align: center;
            }

    #sitetopmenucnt .sFormList .ddbox {
        visibility: hidden;
    }
   

    .tsmhome {
        background-color: #0072C6;
        background-image: url(../Images/logos/monitor.png);
    }

.tsmforms {
    background-color: #D24726;
    background-image: url(../Images/logos/stern.png);
}

.tsmform {
    background-color: #3477AE;
    background-image: url(../Images/logos/formular.png);
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}


.tsminfo {
    background-color: #5133AB;
    background-image: url(../Images/logos/fragezeichen.png);
}

.tsmchat {
    background-color: #777;
    background-image: url(../Images/logos/Azure_ai_logo.png);
}

.tsmadmin {
    background-color: #777;
    background-image: url(../Images/logos/settings.png);
}

nav {
    position: absolute;
    left: 120px;
    top: 74px;
}

.leftside {
    width: 200px;
    background-color: #F3F3F3;
    position: absolute;
    top: 0;
    min-height: 100%;
    /*Schatten am rechten Rand*/
    /*
    -webkit-box-shadow: 4px 0 2px -4px rgba(100, 100, 100, .52);
    box-shadow: 4px 0 2px -4px rgba(100, 100, 100, .52);
    */
}

    .leftside .content-wrapper {
    }

    .leftside .title {
        margin: 10px 0 5px 10px;
        padding-bottom: 3px;
        padding-left: 3px;
        color: #787879;
        border-bottom: 1px #CDCDCD solid;
    }

#main {
    /*Schatten am linken Rand*/
    /*
   -webkit-box-shadow: 4px 0 4px -4px rgba(100, 100, 100, .52) inset;
    box-shadow: 4px 0 4px -4px rgba(100, 100, 100, .52) inset;
    */
}

    #main .content-wrapper {
        margin: 0 10px 0 10px;
    }

footer {
    clear: both;
    color: #666;
    font-size: .8em;
    border-top: 1px #ccc solid;
    margin-top: -50px;
    position: fixed;
    z-index: 10;
    background-color: #F3F3F3;
    width: 100%;
    bottom: 0;
}

    footer ul.links {
        margin: 5px 0 13px 0;
        padding: 0;
        float: left;
        list-style: none;
    }

        footer ul.links li {
            margin: 2px 8px;
            padding: 4px 0 4px 0;
            font-size: 12px;
            color: #787879;
            float: left;
        }

            footer ul.links li img {
                margin-right: 4px;
                margin-left: 1px;
            }

    footer p {
        margin-left: 20px;
    }

    footer a {
        font-size: 12px;
        color: #666;
    }

        footer a:link {
            color: #666;
        }

        footer a:visited {
            color: #666;
        }



#ltb {
    margin-left: 17px;
    float: left;
}

    #ltb > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #ltb > ul > li {
            float: left;
            height: 40px;
        }

    #ltb a, #rtb a, #rltb a {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-decoration: none;
        padding-right: 7px;
        padding-left: 7px;
    }

        #ltb a:hover, #rtb a:hover, #rltb a:hover {
            background-color: #3477AE;
        }

        #ltb a i, #rtb a i, #rltb a i {
            margin-bottom: 4px;
        }




#rtb {
    float: right;
}

    #rtb > ul {
        padding: 0;
        margin: 0;
        list-style: none;
        float: right;
    }

        #rtb > ul > li {
            float: left;
            height: 40px;
            position: relative;
        }

    #rtb a {
        display: block;
        height: 40px;
        line-height: 40px;
    }

        #rtb a:hover {
            background-color: #3477AE;
        }

    #rtb .lang span {
        position: static;
    }

    #rtb .lang a {
        padding: 0;
        margin: 0 5px;
        padding-right: 0;
        padding-left: 0;
    }

        #rtb .lang a:hover {
            background-color: transparent;
        }

    #rtb .lang .ttdd {
        padding: 12px 0;
    }


#rltb {
    float: left;
    margin-right: 20px;
}

    #rltb > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #rltb > ul > li {
            float: left;
            height: 40px;
            position: relative;
        }

    #rltb a {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        padding-right: 15px;
        padding-left: 15px;
    }

        #rltb a:hover {
            background-color: #3477AE;
        }

#rtbL {
    float: right;
    margin-right: 20px;
}

    #rtbL > div {
        float: left;
        height: 40px;
        position: relative;
    }

#tccnt {
    font-size: 15px;
}

.tccnt {
    position: absolute;
    text-align: right;
    right: 0px;
    top: -8px;
    font-size: 11px;
}

    .tccnt.menu {
        right: 3px;
        top: 2px;
    }

    .tccnt span {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
        background-color: #dc0d17;
        background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
        background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
        color: #fff;
        height: 13px;
        line-height: 14px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        display: inline-block;
        font-family: 'Helvetica Neue', Helvetica, sans-serif;
        font-size: 10px;
        -webkit-font-smoothing: subpixel-antialiased;
        padding: 2px 3px;
    }

.pmarker {
    display: none;
    position: absolute;
    text-align: right;
    left: 3px;
    top: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
    background-color: #dc0d17;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    color: #fff;
    height: 3px;
    width: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    padding: 2px 3px;
    transition: all ease-in-out 0.3s;
    animation: markerPAnimation 1s infinite;
}

@keyframes markerPAnimation { /* flame pulses */
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* arrows */
.a_arrow-1 {
    width: 100%;
    height: 30px;
    display: flex;
}

    .a_arrow-1:before {
        content: "";
        background: currentColor;
        clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
        animation: a1 2s infinite linear;
    }

@keyframes a1 {
    90%,100% {
        flex-grow: 1
    }
}

.a_arrow-2 {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: right;
}

    .a_arrow-2:before {
        content: "";
        background: currentColor;
        width: 15px;
        clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
        animation: a2 2s infinite linear;
    }

    .a_arrow-2:before {
        transform: scaleX(-1);
    }

@keyframes a2 {
    90%,100% {
        flex-grow: 1
    }
}
/* DropDown Menu für Toolbar*/
.ttdd {
    padding: 12px 17px 12px 3px;
    overflow: visible;
    position: relative;
    display: inline;
    margin: 0;
}

span.ttdd {
    margin-left: 5px;
}


.ttdd > span {
    position: absolute;
    top: 14px;
    left: 5px;
    width: 12px;
    height: 12px;
}

.ttdd:hover {
    background-color: #24679E;
}

.ttdd > ul, .ttdd > ul > li > ul {
    z-index: 10000;
    position: absolute;
    right: -8px;
    top: 39px;
    display: none;
    background-color: #24679E;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: #D0D0D0 2px 2px 3px;
    -moz-box-shadow: #D0D0D0 2px 2px 3px;
    box-shadow: #D0D0D0 2px 2px 3px;
}

    .ttdd > ul li {
        margin: 0;
        padding: 0 10px;
        white-space: nowrap;
        display: block;
    }

    .ttdd > ul > li {
        position: relative;
    }

    .ttdd > ul li:hover {
        background-color: #3477AE;
    }

    .ttdd > ul li.topic {
        padding-top: 3px;
        line-height: 16px;
        cursor: default;
        max-width: 450px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .ttdd > ul li.topic:hover {
            background-color: #3477AE;
            cursor: pointer;
        }

.ttdd ul li .description {
    font-size: 9px;
    padding-bottom: 3px;
    color: #D0D0D0;
    max-width: 450px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ttdd ul .splitter {
    height: 2px;
    font-size: 2px;
    line-height: 2px;
    border-bottom: 1px #D0D0D0 solid;
    margin-bottom: 3px;
}

    .ttdd ul .splitter:hover {
        background-color: #24679E;
    }

.ttdd > ul > li > ul {
    display: none;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

    .ttdd > ul > li > ul > li {
        display: block;
        float: none;
        background-color: #24679E;
    }

.ttdd > ul > li:hover > ul {
    display: block;
}

#homepage h1 {
    margin-top: 18px;
}

#homepage .newIcon {
}

/* login
----------------------------------------------------------*/
#login {
    float: right;
    display: block;
    font-size: 11px;
    margin: 0 0 0 0;
    height: 30px;
    position: relative;
}

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login .l_name {
        float: left;
        color: #fff;
        white-space: nowrap;
        font-size: 10px;
        margin-right: 11px;
    }

        #login .l_name b {
            font-size: 12px;
        }

    #login .l_photo {
        float: left;
        margin-top: -3px;
        margin-right: 0;
    }

        #login .l_photo img {
            float: left;
            height: 30px;
            max-width: 60px;
        }

    #login img {
        margin-right: 8px;
        margin-top: 1px;
    }

        #login img.serveradmin {
            border-left: 0px #000 solid;
        }

        #login img.circleadmin {
            border-left: 0px #dc0d17 solid;
        }

        #login img.userp {
            border-left: 0px #FFD200 solid;
        }

        #login img.user {
            border-left: 0px #5DD255 solid;
        }


/* mainmenu
----------------------------------------------------------*/
ul#mainmenu {
    font-size: 1.1em;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}

    ul#mainmenu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#mainmenu li a {
            background: none;
            color: #999;
            text-decoration: none;
            text-transform: uppercase;
        }

            ul#mainmenu li a:hover {
                color: #333;
                text-decoration: none;
                border-bottom: 2px #343446 solid;
            }

        ul#mainmenu li .selected {
            border-bottom: 2px #343446 solid;
        }

#startsubmenu {
    background-color: #F3F3F3;
    position: absolute;
    left: 0;
    width: 200px;
}

    #startsubmenu .content-wrapper {
        margin: 5px 8px 18px 2px;
    }

    #startsubmenu.leftside .content-wrapper {
        margin: 60px 8px 0px 2px;
    }




    #startsubmenu .title {
        margin: 10px 0 5px 10px;
        padding-bottom: 3px;
        padding-left: 3px;
        color: #787879;
        border-bottom: 1px #CDCDCD solid;
    }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    margin: 0;
    color: #3e5667;
}


    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */


/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}




/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.NumberMarker {
    color: #fff;
    background-color: #007EC7;
    padding: 3px;
    border-radius: 4px;
    font-weight: bold;
}

.NumberMarkerError {
    color: #fff;
    background-color: #ff3300;
    padding: 3px;
    border-radius: 4px;
    font-weight: bold;
}

/* AccountLoginName + Card*/
#AccountLoginName {
    float: left;
    position: relative;
    height: 30px;
    margin: 8px 0 0 5px;
}

#AccountLoginCard {
    position: absolute;
    right: 0;
    top: 30px;
    display: none;
    z-index: 999;
    padding: 5px 3px 0 20px;
}

    #AccountLoginCard .ALC {
        margin-top: 4px;
        margin-right: 8px;
        width: 310px;
        text-align: left;
        border: 1px solid #bebebe;
        background: #fff;
        -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
        box-shadow: 0 2px 4px rgba(0,0,0,.2);
        overflow: auto;
    }

        #AccountLoginCard .ALC p {
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

    #AccountLoginCard .ALCEdgeA {
        position: absolute;
        right: 16px;
        margin-top: 0px;
        border-style: dashed dashed solid;
        border-color: transparent;
        border-bottom-color: #bebebe;
        border-width: 0 10px 10px;
        cursor: default;
        display: -moz-inline-box;
        display: inline-block;
        font-size: 0;
        height: 0;
        line-height: 0;
        top: 0;
        width: 0;
        z-index: 1000;
        color: #666;
    }

    #AccountLoginCard .ALCEdgeB {
        position: absolute;
        right: 16px;
        margin-top: 1px;
        border-style: dashed dashed solid;
        border-color: transparent;
        border-width: 0 10px 10px;
        cursor: default;
        display: -moz-inline-box;
        display: inline-block;
        font-size: 0;
        height: 0;
        line-height: 0;
        top: 0;
        width: 0;
        z-index: 1000;
        border-bottom-color: #fff;
    }

    #AccountLoginCard .content {
        margin: 15px;
    }

    #AccountLoginCard .splitter {
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(245,245,245,1)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(245,245,245,1));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.2),rgba(245,245,245,1));
        background-image: -ms-linear-gradient(top,rgba(0,0,0,.2),rgba(245,245,245,1));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.2),rgba(245,245,245,1));
        background-image: linear-gradient(top,rgba(0,0,0,.2),rgba(245,245,245,1));
        height: 4px;
    }

    #AccountLoginCard .splitter2 {
        clear: both;
        border-top: 1px #D0D0D0 dotted;
        margin-top: 10px;
        margin-bottom: 10px;
    }


    #AccountLoginCard .footer {
        line-height: 27px;
        padding: 8px 3px 8px 15px;
        white-space: nowrap;
        background: #f5f5f5;
        height: 32px;
    }

    #AccountLoginCard .content .first {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }


.FormProps {
}




#werror {
    margin: 20px 50px 50px 20px;
}

    #werror h1 {
        font-size: 18px;
        color: black;
    }



#formsearch {
    margin: 1px 10px 0 10px;
    background-color: white;
}

    #formsearch .formsearchbox {
        border: 1px #D3dce0 solid;
        background-color: white;
        overflow: hidden;
        position: relative;
        padding-right: 42px;
    }

        #formsearch .formsearchbox input {
            margin: 0;
            padding: 0;
            border: 0;
            -moz-box-shadow: 0 0 0 #d0d0d0;
            -webkit-box-shadow: 0 0 0 #d0d0d0;
            box-shadow: 0 0 0 #d0d0d0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            vertical-align: super;
        }


    #formsearch input[type="text"] {
        width: 100%;
        margin-right: 17px;
        padding: 6px 1px 2px 5px;
        -webkit-appearance: caret;
    }

    #formsearch input:focus {
        outline: none;
    }

    #formsearch .formsearchbox .searchboxdelete {
        display: none;
        position: absolute;
        right: 22px;
        top: 5px;
    }

    #formsearch input[type="image"] {
        position: absolute;
        right: 2px;
        top: -1px;
    }


.content-margin {
    margin: 20px;
}

    .content-margin .text {
        line-height: 20px;
    }






.ListStyleSP {
    position: relative;
    overflow: hidden;
}

    .ListStyleSP .item {
        position: relative;
        float: left;
        width: 160px;
        height: 160px;
        margin: 11px;
        padding: 0;
        -moz-box-shadow: 0 0 3px #d0d0d0;
        -webkit-box-shadow: 0 0 3px #d0d0d0;
        -o-box-shadow: 0 0 3px #d0d0d0;
        box-shadow: 0 0 3px #d0d0d0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }



    .ListStyleSP .inactive {
        /*-moz-box-shadow: 0 0 10px #FF0000;
        -webkit-box-shadow: 0 0 10px #FF0000;
        -o-box-shadow: 0 0 10px #FF0000;
        box-shadow: 0 0 10px #FF0000;*/
    }

        .ListStyleSP .inactive .content,
        .ListStyleSP .inactive .content h2 {
            /*opacity: 0.2;*/
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            filter: gray;
        }

    .ListStyleSP .notindate {
        /*-moz-box-shadow: 0 0 10px #FF8800;
        -webkit-box-shadow: 0 0 10px #FF8800;
        -o-box-shadow: 0 0 10px #FF8800;
        box-shadow: 0 0 10px #FF8800;*/
    }

        .ListStyleSP .notindate .content,
        .ListStyleSP .notindate .content h2 {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            filter: gray;
        }


    .ListStyleSP .droppable {
        -moz-box-shadow: 0 0 10px #33AA44;
        -webkit-box-shadow: 0 0 10px #33AA44;
        -o-box-shadow: 0 0 10px #33AA44;
        box-shadow: 0 0 10px #33AA44;
        border: 0px #33AA44 solid;
    }



    .ListStyleSP .item .delete {
        position: absolute;
        left: 0px;
        top: 3px;
        display: none;
    }



    .ListStyleSP .item .ddbox {
        display: none;
        position: absolute;
        top: -4px;
        right: -4px;
    }

    .ListStyleSP .item .favorites {
        position: absolute;
        left: 0px;
        top: 5px;
        display: none;
    }

    .ListStyleSP .item .viewname {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        background-color: black;
        color: #ddd;
        padding: 3px 0;
        text-align: center;
        opacity: 0.8;
    }


    .ListStyleSP .item a {
        display: block;
        text-decoration: none;
        font-style: normal;
    }

        .ListStyleSP .item a .text {
            padding: 0 10px 4px 6px;
            margin: 0;
            position: absolute;
            width: 100%;
            bottom: 0;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    .ListStyleSP .item .title {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        font: 40px/32px 'BebasNeueRegular', sans-serif;
        font-weight: bold;
        font-size: 15px;
        line-height: 18px;
        white-space: nowrap;
    }

    .ListStyleSP .item .subtitle {
        font-size: 11px;
        white-space: normal;
    }

    .ListStyleSP .item .back {
        background-image: url(../images/formular/back.png);
    }

    .ListStyleSP .item .taskcount {
        display: inline-block;
        font: verdana, arial;
        font-weight: bold;
        margin: 0px 0px 0px 15px;
        color: white;
        text-shadow: 1px 1px 3px #000;
        background-color: #FF0000;
        border-radius: 40px;
        -webkit-box-shadow: #343446 1px 1px 2px;
        box-shadow: #343446 1px 1px 2px;
        position: absolute;
        top: -10px;
        right: -10px;
        width: 30px;
        height: 30px;
        line-height: 29px;
        text-align: center;
        vertical-align: middle;
        box-shadow: -2px 2px 8px #000;
    }

    .ListStyleSP .item .projectcount {
        display: inline-block;
        font: verdana, arial;
        font-weight: bold;
        margin: 0px 0px 0px 15px;
        color: white;
        text-shadow: 1px 1px 3px #000;
        background-color: #DEDEDE;
        border-radius: 40px;
        -webkit-box-shadow: #343446 1px 1px 2px;
        box-shadow: #343446 1px 1px 2px;
        position: absolute;
        top: -10px;
        right: -10px;
        width: 30px;
        height: 30px;
        line-height: 29px;
        text-align: center;
        vertical-align: middle;
        box-shadow: -2px 2px 8px #000;
    }

        .ListStyleSP .item .projectcount.finish {
            background-color: #007EC7;
            color: white;
        }

    .ListStyleSP .item .content {
        height: 160px;
        width: auto;
        overflow: hidden;
        opacity: 1;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        background-repeat: no-repeat;
    }

        .ListStyleSP .item .content:hover {
            opacity: 0.8;
        }

        .ListStyleSP .item .content .text {
            padding: 0 10px 4px 6px;
            margin: 0;
            position: absolute;
            width: 100%;
            bottom: 0;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .ListStyleSP .item .content .title {
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            font: 40px/32px 'BebasNeueRegular', sans-serif;
            font-weight: bold;
            font-size: 15px;
            line-height: 18px;
            white-space: nowrap;
        }

        .ListStyleSP .item .content .subtitle {
            font-size: 11px;
            white-space: normal;
        }

        .ListStyleSP .item .content h2 {
            font: 40px/32px 'BebasNeueRegular', sans-serif;
            font-weight: bold;
            font-size: 15px;
            line-height: 18px;
            margin: 0;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 0;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            width: 100%;
        }

        .ListStyleSP .item .content h3 {
            font: 30px/26px 'BebasNeueRegular', sans-serif;
            font-weight: normal;
            font-size: 12px;
            line-height: 16px;
            margin: 5px 0 0 0;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 0;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .ListStyleSP .item .content .description {
            font-size: 12px;
            line-height: 14px;
            position: absolute;
            bottom: 20px;
            left: 10px;
            max-height: 65px;
            overflow: hidden;
        }

    .ListStyleSP .item .extIcon {
        position: absolute;
        right: 4px;
        top: 4px;
        opacity: 0.8;
    }

    .ListStyleSP .item .newIcon {
        position: absolute;
        left: 0px;
        top: 95px;
        opacity: 0.8;
    }

    .ListStyleSP .item .folder {
        height: 160px;
        display: block;
        background-image: url(../images/formular/folder.png);
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        opacity: 1;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        overflow: hidden;
    }

        .ListStyleSP .item .folder:hover {
            opacity: 0.8;
        }

        .ListStyleSP .item .folder h3 {
            margin: 0 5px;
            text-align: center;
            position: absolute;
            bottom: 4px;
            width: 150px;
            color: #343437;
            font-size: 16px;
            overflow: hidden;
            text-decoration: none;
            border: 0;
            font-weight: bold;
        }


    .ListStyleSP .item.success {
        opacity: 0.7;
        filter: alpha(opacity = 70);
    }

        .ListStyleSP .item.success:after {
            content: '';
            position: absolute;
            right: 0px;
            top: 0px;
            width: 30px;
            height: 30px;
            display: block;
            background-image: url(../images/icons/icons.png);
            background-position: -276px -41px;
            background-repeat: no-repeat;
        }




    .ListStyleSP .searchtitle {
        font-size: 14px;
        padding-bottom: 5px;
        border-bottom: 1px #CDCDDE solid;
        margin-bottom: 11px;
    }



ol.lstdashboard {
    margin-top: 0px;
    list-style-type: none;
    padding-left: 0;
    clear: both;
}

    ol.lstdashboard li {
        list-style: none;
    }

    ol.lstdashboard h2 {
        font-size: 18px;
        margin: 5px 30px 5px 30px;
        padding-bottom: 5px;
        border-bottom: 1px #C0C0C0 solid;
    }

        ol.lstdashboard h2 span {
            font-weight: normal;
            font-size: 14px;
        }

    ol.lstdashboard li.title {
        padding-left: 45px;
        margin-top: 10px;
        height: 33px;
        line-height: 30px;
        font-size: 14px;
        color: #343449;
        font-weight: bold;
    }

    ol.lstdashboard li.text {
        padding-left: 45px;
    }

    ol.lstdashboard .ListStyleSP {
        -webkit-padding-start: 0;
        margin: 0 20px 0 20px;
        padding: 0;
        list-style: none;
    }

        ol.lstdashboard .ListStyleSP li {
        }

    ol.lstdashboard li.zero {
        background: url("../Images/orderedList0.png") no-repeat;
    }

    ol.lstdashboard li.one {
        background: url("../Images/orderedList1.png") no-repeat;
    }

    ol.lstdashboard li.two {
        background: url("../Images/orderedList2.png") no-repeat;
    }

    ol.lstdashboard li.three {
        background: url("../Images/orderedList3.png") no-repeat;
    }

    ol.lstdashboard li.four {
        background: url("../Images/orderedList4.png") no-repeat;
    }

    ol.lstdashboard li.five {
        background: url("../Images/orderedList5.png") no-repeat;
    }

    ol.lstdashboard li.six {
        background: url("../Images/orderedList6.png") no-repeat;
    }

    ol.lstdashboard li.seven {
        background: url("../Images/orderedList7.png") no-repeat;
    }

    ol.lstdashboard li.eight {
        background: url("../Images/orderedList8.png") no-repeat;
    }

    ol.lstdashboard li.nine {
        background: url("../Images/orderedList9.png") no-repeat;
    }




#SiteMapPath, .SiteMapPath {
    padding-top: 3px;
    padding-left: 5px;
    color: #C0C0C0 !important;
}

    #SiteMapPath a, .SiteMapPath a {
        color: #787879 !important;
    }


#notification {
    z-index: 1598; /*muss unter #AccountLoginCard bleiben*/
    background-color: #fff;
    position: fixed;
    top: 60px;
    right: 15px;
    -moz-box-shadow: 0 0 8px #000;
    -webkit-box-shadow: 0 0 8px #000;
    box-shadow: 0 0 8px #000;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

    #notification .overlay {
        background-color: #fff;
        opacity: 0.2;
        filter: alpha(opacity=20);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }


    #notification.active {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #notification .wrapper {
        font-weight: bold;
        color: #000;
        margin: 4px 8px;
    }

    #notification .title {
        border-left: 3px #3477AE solid;
        padding-left: 3px;
        margin-right: 20px;
    }

    #notification .msg {
        white-space: nowrap;
    }



/*Submenü einklappen für niedrige Auflösungen*/

#fsmenu {
    display: none;
    height: 30px;
    float: left;
    padding-left: 3px;
    cursor: pointer;
}

header .logoleftpart {
    padding: 3px 0 3px 10px;
    float: left;
    height: 34px;
}




#fscc {
    z-index: 11000;
    font-family: TheSans_LT, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    line-height: 1.5em;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(40, 53, 52, 0.8);
    color: #D7D7D7;
    border-top: 1px #000 solid;
}

    #fscc .fscc-cnt {
        padding-top: 20px;
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

        #fscc .fscc-cnt .title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        #fscc .fscc-cnt p {
            color: #D7D7D7;
        }

@media screen and (max-width: 910px) {
    #fslogo {
        height: 30px;
        width: 30px;
    }

    #header .site-logo img {
    }

    #startsubmenu {
        position: fixed;
        width: 100%;
        width: 0;
        z-index: 999;
        font-size: 1.5em;
        background-color: #e0e0e0;
        height: 0;
        overflow: auto;
        -moz-transition: height linear 0.3s;
        -o-transition: height linear 0.3s;
        -webkit-transition: height linear 0.3s;
        transition: height linear 0.3s;
    }

    .submenu li .node {
        border-color: transparent !important;
    }

        .submenu li .node:hover {
            background-color: white;
            border: 1px #336699 solid !important;
        }

        .submenu li .node .nodestate {
            margin-right: 6px;
        }

    .submenu {
        font-size: 1em;
    }

    #fsmenu {
        display: block;
        padding-top: 3px;
    }

    .leftside {
        width: 100%;
        z-index: 100;
        font-size: 1.5em;
        background-color: #e0e0e0;
        height: 0;
        min-height: 0;
        overflow: hidden;
        -moz-transition: height linear 0.3s;
        -o-transition: height linear 0.3s;
        -webkit-transition: height linear 0.3s;
        transition: height linear 0.3s;
    }

    #wide-content {
        border-left-width: 0;
    }

    #body {
        min-width: 360px;
    }

    body {
        min-width: 360px;
    }

    header .content-wrapper {
        min-width: 360px;
        box-shadow: none;
    }


    .headerimg {
        min-width: 360px !important;
    }

    #formsearch input[type="text"] {
        padding: 6px 1px 6px 4px;
        font-size: 0.9em;
    }

    #formsearch input[type="image"] {
        top: 3px;
    }

    #formsearch .searchboxdelete {
        top: 8px !important;
    }



    #formsearch {
        margin: 1px 0 0 10px;
    }

    #ltb {
        margin-left: 0;
    }

    .submenu .node {
        padding-top: 5px !important;
        padding-bottom: 7px !important;
    }

    header .site-logo:hover {
        background-color: none !important;
    }

    header .logoleftpart:hover {
        background-color: #e0e0e0;
    }

    #sitetopmenucnt {
        top: 40px;
        overflow: visible;
        max-height: calc(100vh - 40px);
    }

    .leftside .content-wrapper {
        margin: 50px 16px 18px 48px;
    }

    #startsubmenu .content-wrapper {
        margin: 5px 16px 0 48px;
    }

    .leftside .title {
        margin-top: 16px;
    }
}

@media screen and (max-width: 880px) {
    #ltb a {
        padding-right: 2px;
        padding-left: 0;
    }

    .vDesktop {
        display: none;
    }

    .vTablet {
        display: block;
    }

    .vMobile {
        display: none;
    }
}


@media screen and (max-width: 470px) {
    #ltb a {
        padding-right: 2px;
        padding-left: 0;
    }

    .vDesktop {
        display: none;
    }

    .vTablet {
        display: none;
    }

    .vMobile {
        display: block !important;
    }

    .vDesktopTablet {
        display: none;
    }
}



#wsConnectionOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #555;
    opacity: 0.8;
    z-index: 990; /*5000*/
}

#wsConnectionInfo {
    text-shadow: #000 1px 1px 2px;
    color: white;
    z-index: 991;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    font-size: 1.5em;
}

    #wsConnectionInfo .overlay-warning {
        border: 1px solid #adae00;
        background-color: #f3d800;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        clear: both;
        padding: 10px 30px 15px 30px;
        margin: 10px 8px;
        color: #fff;
        font-size: 20px;
    }

        #wsConnectionInfo .overlay-warning i {
            margin-right: 10px;
        }

    #wsConnectionInfo a {
        color: #fff;
        text-decoration: underline;
    }

#PageErrorOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #555;
    opacity: 0.8;
    z-index: 5002;
}

#PageErrorInfo {
    text-shadow: #000 1px 1px 2px;
    color: white;
    z-index: 5003;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    font-size: 1.5em;
}

#PageErrorInfo {
}

    #PageErrorInfo h1, #PageErrorInfo h3 {
        color: white;
    }




#OverlayInfo {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    opacity: 0.8;
    z-index: 5002;
}

#OverlayInfoText {
    text-shadow: 1px 1px 3px #000;
    color: #fff;
    z-index: 5003;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    font-size: 1.5em;
}

#OverlayInfoText {
}

    #OverlayInfoText h1, #OverlayInfoText h3 {
        color: #fff;
    }


.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-block {
    display: block !important;
}


@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-none {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-none {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-none {
        display: none !important;
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-block {
        display: block !important;
    }
}

/* submenu
----------------------------------------------------------*/
.submenu {
    font-size: 0.98em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #999;
}


    .submenu li {
        list-style: none;
        padding-left: 6px;
        margin: 3px 0px 3px 0px;
        margin: 0;
        padding-bottom: 1px;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        .submenu li a {
            color: #787879;
            background: none;
            text-decoration: none;
            white-space: nowrap;
            padding: 0;
            vertical-align: bottom;
        }

            .submenu li a:hover {
                color: #333;
                text-decoration: none;
            }


        .submenu li .selected {
            border-bottom: 2px #007EC7 solid;
            color: black;
            font-weight: bold;
        }

        .submenu li .invisible {
            color: #AAA;
        }

        .submenu li .node {
            position: relative;
            cursor: pointer;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            padding-top: 3px;
            padding-bottom: 4px;
            border: 1px #F3F3F3 solid;
            -moz-transition: all linear 0.2s;
            -o-transition: all linear 0.2s;
            -webkit-transition: all linear 0.2s;
            transition: all linear 0.2s;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

        .submenu li .nodewa {
            cursor: default;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            padding-top: 3px;
            padding-bottom: 5px;
        }

        .submenu li .nodestate {
        }



        .submenu li .node:hover {
            background-color: white;
            border: 1px #336699 solid;
        }

        .submenu li .node.finished {
            color:green;
        }
            .submenu .circle {
        margin-top: 5px;
    }

        .submenu .circle > .node a {
            text-transform: uppercase;
            font-weight: bold;
            color: black;
        }

    .submenu .topic {
        margin-top: 5px;
    }

        .submenu .topic > .node a {
            text-transform: uppercase;
            font-weight: bold;
            color: black;
        }


#system-content .submenu li {
    padding:0;
}

#system-content .submenu li .node {
    border:0;
}
#system-content .submenu li .nodewa {
    padding-top:15px;
}

#system-content  .submenu li .selected {
    border:0;
}
.TextRight {
    text-align: right;
}

.TextLeft {
    text-align: left;
}

.TextCenter {
    text-align: center;
}

    .TextCenter img {
        max-width: 100%;
        height: auto;
        max-height: 100px;
    }

.TextPLeft {
    padding-left: 18px !important;
}

.TextPRight {
    padding-right: 18px !important;
}

.TextEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.Center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.FloatClear {
    clear: both;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.lh30 {
    line-height: 30px;
}

.lh38 {
    line-height: 38px;
}

.ml10 {
    margin-left: 10px;
}

.scrollWcnt {
    max-width: 100%;
    overflow-x: auto;
}

.hide-password {
    display: none;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.show-password {
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


/* info and errors */
.message-info {
    border: 1px solid #618a3c;
    background-color: #74a446;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    padding: 8px 30px 8px 8px;
    margin: 10px 8px;
    color: #fff;
    font-size: 12px;
    position: relative;
}

    .message-info .close {
        position: absolute;
        right: 10px;
        top: 7px;
        padding: 5px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .message-info .close:hover {
            background-color: rgba(0,0,0,.15);
            border-radius: 3px;
            cursor: pointer;
        }

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-warning {
    border: 1px solid #adae00;
    background-color: #f3d800;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    padding: 8px 30px 8px 8px;
    margin: 10px 8px;
    color: #000;
    font-size: 12px;
    position: relative;
}


.error {
    color: #FF0000 !important;
}

.warning {
    color: #998800 !important;
}

.success {
    color: #618a3c !important;
}


.message-error {
    position: relative;
    color: #000;
    display: block;
    background-color: #FAFAFA;
    text-align: center;
    padding: 4px;
    margin: 0;
    border: 1px #e80c4d solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: rgba(255,0,0,0.4) 0px 0px 5px;
    -webkit-box-shadow: rgba(255,0,0,0.4) 0px 0px 5px;
    box-shadow: rgba(255,0,0,0.4) 0px 0px 5px;
}

    .message-error .close {
        position: absolute;
        right: 10px;
        top: 7px;
        padding: 5px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .message-error .close:hover {
            background-color: rgba(0,0,0,.15);
            border-radius: 3px;
            cursor: pointer;
        }

.message-error2 {
    border: 1px solid #850000;
    background-color: #dd0000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    padding: 8px 30px 8px 8px;
    margin: 10px 8px;
    color: #fff;
    font-size: 13px;
    position: relative;
}

.Notice {
    font-size: 0.9em;
    color: #787879;
}

.Marker {
    font-weight: bold;
    color: #007EC7;
}

.Marker100 {
    font-weight: bold;
    color: #007EC7;
    width: 100%;
    overflow-wrap: break-word;
    white-space: normal;
}

.MarkerAdmin {
    font-weight: bold;
    color: #000;
}

.MarkerLine {
    border-left: 1px #007EC7 solid;
    padding-left: 5px;
}

.MarkerLineLR {
    border-left: 1px #007EC7 solid;
    padding-left: 5px;
    border-right: 1px #007EC7 solid;
    padding-right: 5px;
}

.Info {
}

.Splitter {
    clear: both;
    border-bottom: 1px #D4D5D6 solid;
    margin-bottom: 18px;
}

.hidden {
    display: none;
}

.icon-invisible {
    visibility: hidden;
}

.infobox {
    background-color: #F8F8F8;
    border: 1px #F8F8F8 solid;
    border-left: 2px transparent solid;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

    .infobox:hover {
        border-left: 2px #007EC7 solid;
        background-color: #F0F0F0;
    }

    .infobox > div {
        padding: 20px;
        background-color: white;
        border: 1px #C7C8C9 solid;
        margin: 30px;
        text-align: center;
        color: #787879;
    }


.inpCode {
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    margin: 0 10px;
}

    .inpCode::placeholder {
        color: #999;
        font-size: smaller;
        font-weight: normal;
    }

.verifyimg {
    height: 40px;
    width: 220px;
    box-shadow: 1px 1px 5px #999;
    vertical-align: middle;
}
/* GRID */
.column {
    float: left;
    margin-bottom: 5px;
}

.grid2col, .grid2cola, .grid2colb, .grid2colc,
.grid2cold, .grid2cole, .grid2colf, .grid2colg, .grid2colh, .grid2coli, .grid2colj, .grid3col,
.grid3cola, .grid4col, .grid5col, .grid6col {
    width: 100%;
    clear: both;
}


    .grid2col .column {
        width: 49%;
    }

    .grid2col .grid2col .column {
        width: 47.8%;
    }

    .grid3col .grid2col .column {
        width: 46%;
    }

    .grid4col .grid2col .column {
        width: 45%;
    }


    .grid2cola .column.first {
        clear: both;
        width: 66%;
    }

    .grid2cola .column.last {
        width: 32%;
    }

    .grid2colb .column.first {
        clear: both;
        width: 74.9%;
    }

    .grid2colb .column.last {
        width: 23%;
    }

    .grid2colc > .column.first {
        clear: both;
        width: 32%;
    }

    .grid2colc > .column.last {
        width: 66%;
    }

    .grid2cold > .column.first {
        clear: both;
        width: 23%;
    }

    .grid2cold > .column.last {
        width: 74.9%;
    }

    .grid2cold > .grid2col .column {
        width: 47.8%;
    }

    .grid2cole .column.first {
        clear: both;
        width: 79%;
    }


    .grid2cole .column.last {
        width: 19%;
    }

    .grid2colf .column.first {
        clear: both;
        width: 19%;
    }

    .grid2colf .column.last {
        width: 79%;
    }

    .grid2colg .column.first {
        clear: both;
        width: 57%;
    }

    .grid2colg .column.last {
        width: 41%;
    }

    .grid2colh .column.first {
        clear: both;
        width: 57%;
    }

    .grid2colh .column.last {
        width: 41%;
    }


    .grid2coli .column.first {
        clear: both;
        width: 13.8%;
    }

    .grid2coli .column.last {
        width: 83.2%;
    }

    .grid2colj > .column.first {
        clear: both;
        width: 5%;
    }

    .grid2colj > .column.last {
        width: 90%;
    }

    .grid3col .column {
        width: 32%;
        margin-left: 2%;
    }

    .grid2col .grid3col .column {
        width: 31%;
    }

    .grid3cola .column {
        width: 58%;
        margin-left: 2%;
    }

        .grid3cola .column.first,
        .grid3cola .column.last {
            width: 19%;
        }

    .grid4col .column {
        width: 23%;
        margin-left: 3%;
    }

    .grid5col .column {
        width: 18.4%;
        margin-left: 2%;
    }

    .grid6col .column {
        width: 15%;
        margin-left: 2%;
    }

.column.first, .column.last {
    margin-left: 0 !important;
}

.column.last {
    float: right !important;
}

.grd2t1 {
    clear: both;
}

    .grd2t1 > div {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

        .grd2t1 > div:nth-child(2n) {
            margin-right: 0;
        }

.grd2t1b {
    clear: both;
}

    .grd2t1b > div {
        float: left;
        width: 29%;
        margin-right: 2%;
    }

        .grd2t1b > div:nth-child(2n) {
            margin-right: 0;
            width: 69%;
        }

.grd2t1c {
    clear: both;
}

    .grd2t1c > div {
        margin-right: 0;
        width: 180px;
        float: right;
    }

        .grd2t1c > div:nth-child(2n) {
            float: left;
            margin-right: 2%;
        }




.mb8px {
    margin-bottom: 8px;
}

.mb12px {
    margin-bottom: 12px;
}

.tbl {
    display: table;
}

.tblrow {
    display: table-row;
}

.tblcell {
    display: table-cell;
}

.nowrap {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.AccountCircleNotice {
    margin: 5px 0 10px 25px;
    color: #999;
}

/* Lists*/
.list1 {
    list-style: circle;
    margin: 0;
    padding: 0 0 0 15px;
}

    .list1 li {
        margin: 5px 5px 5px 5px;
    }



/* Grids */
.FSiGrid {
    overflow: auto;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    position: relative;
    user-select: none;
    display: table;
}

    .FSiGrid .grid tr td:first-child {
        border-left: 2px transparent solid;
        -moz-transition: all linear 0.2s;
        -o-transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s;
    }

    .FSiGrid .grid tr:hover td:first-child {
        border-left: 2px #007EC7 solid;
    }

    .FSiGrid .grid {
        width: 100%;
        margin: 0;
        padding: 0;
        border-spacing: 0;
        display: table;
    }

        .FSiGrid .grid.vt td {
            padding: 6px 6px;
            vertical-align: top;
        }

        .FSiGrid .grid tbody tr {
            -moz-transition: background-color linear 0.1s;
            -o-transition: background-color linear 0.1s;
            -webkit-transition: background-color linear 0.1s;
            transition: background-color linear 0.1s;
            cursor: pointer;
            border: 1px transparent solid;
            border-style: inset;
            background-color: #F8F8F8;
            height: 38px;
        }

        .FSiGrid .grid thead tr {
            background-color: white !important;
        }

        .FSiGrid .grid thead th {
            padding: 5px;
            white-space: nowrap;
            text-align: left;
            color: #8C8C8C;
            font-weight: normal;
        }

            .FSiGrid .grid thead th:hover {
                background-color: #F0F0F0;
            }

            .FSiGrid .grid thead th a {
                color: #8C8C8C;
                display: block;
                text-decoration: none;
            }


        .FSiGrid .grid tbody tr:hover {
            background-color: #F0F0F0;
            border: 1px #E0E0E0 solid;
        }

        .FSiGrid .grid td {
            padding: 2px 5px 2px 2px;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .FSiGrid .grid td a {
                padding: 0;
            }

        .FSiGrid .grid .alt {
            background-color: white;
        }



        /* spezielle Formate */
        .FSiGrid .grid .user {
            font-weight: bold;
        }

        .FSiGrid .grid .circle {
            font-weight: bold;
            color: #007EC7;
        }

        .FSiGrid .grid .DomainGroup {
            color: #007EC7;
        }

        .FSiGrid .grid .description {
            font-weight: normal;
            color: #343449;
            font-style: italic;
            font-size: smaller;
        }

        .FSiGrid .grid .descriptionh42 {
            max-height: 42px;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }


        .FSiGrid .grid .RemoteIP {
            font-size: smaller;
        }

        .FSiGrid .grid .Username {
            font-size: smaller;
        }

        .FSiGrid .grid td .pBar {
            margin: 0;
        }

        .FSiGrid .grid tr.deactivated {
            background-color: #ffeaea;
        }

        .FSiGrid .grid .singleaction {
        }

            .FSiGrid .grid .singleaction a {
                display: block;
                padding-top: 5px;
                vertical-align: middle;
                height: 20px;
            }

        .FSiGrid .grid .ColSize {
            width: 60px;
            color: #787879;
            text-align: right;
            overflow: hidden;
            white-space: nowrap;
        }

        .FSiGrid .grid .ColLM {
            width: 95px;
            color: #787879;
            text-align: right;
        }

        .FSiGrid .grid .number {
            width: 80px;
            color: #787879;
            text-align: right;
        }

        .FSiGrid .grid .picicon-cancel {
            border: 1px transparent solid;
            border-radius: 3px;
        }

            .FSiGrid .grid .picicon-cancel:hover {
                background-color: #F0F0F0;
                border-color: #C0C0C0;
            }

        .FSiGrid .grid .ColType {
            width: 80px;
            text-align: center;
        }

        .FSiGrid .grid .PercentProgress {
            padding: 8px;
        }

            .FSiGrid .grid .PercentProgress .pBar {
                width: auto;
            }

@media (max-width: 920px) {
    .FSiGrid .grid .ColSize, .FSiGrid .grid .ColLM, .FSiGrid .grid .ColType {
        display: none;
    }
}


.FSiGrid .width25 {
    width: 25px;
    max-width: 25px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width35 {
    width: 35px;
    max-width: 35px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


.FSiGrid .width50 {
    width: 50px;
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width80 {
    width: 80px;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width100 {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width120 {
    width: 120px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width130 {
    width: 130px;
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width150 {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width180 {
    width: 180px;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid .width250 {
    width: 250px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.FSiGrid tfoot {
    border-top: 1px #F0F0F0 solid;
    line-height: 30px;
}

    .FSiGrid tfoot tr {
        -moz-transition: background-color linear 0.1s;
        -o-transition: background-color linear 0.1s;
        -webkit-transition: background-color linear 0.1s;
        transition: background-color linear 0.1s;
        border: 1px transparent solid;
        border-style: inset;
        background-color: #F8F8F8;
    }

    .FSiGrid tfoot td a {
        border: 1px #E8E8E8 solid;
        background-color: #F0F0F0;
        text-decoration: none;
        font-weight: bold;
    }

        .FSiGrid tfoot td a:hover {
            background-color: #8C8C8C;
        }

.FSiGrid .pageInfos {
    padding-right: 18px;
    padding-top: 9px;
}

.FSiGrid .fdscheck {
    white-space: normal;
}




/* FormData - Grid */
.FDGrid {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    position: relative;
    user-select: none;
    display: table;
}

    .FDGrid .grid tr td:first-child {
        border-left: 2px transparent solid;
        -moz-transition: all linear 0.2s;
        -o-transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s;
    }

    .FDGrid .grid tr:hover td:first-child {
        border-left: 2px #007EC7 solid;
    }

    .FDGrid .grid {
        width: 100%;
        margin: 0;
    }

        .FDGrid .grid thead {
            /*
        position:fixed;
        top:10px;
        z-index:1000;
        width:100%;
            */
        }

        .FDGrid .grid th, .FDGrid .grid td {
            padding: 4px;
            vertical-align: top;
        }

        .FDGrid .grid thead tr {
            background-color: white !important;
        }

        .FDGrid .grid thead th {
            padding: 5px;
            white-space: nowrap;
            text-align: left;
            color: #8C8C8C;
            font-weight: normal;
        }

            .FDGrid .grid thead th:hover {
                background-color: #F0F0F0;
            }

            .FDGrid .grid thead th a {
                color: #8C8C8C;
                display: inline-flex;
                text-decoration: none;
                white-space: nowrap;
            }



        .FDGrid .grid tbody tr {
            -moz-transition: background-color linear 0.1s;
            -o-transition: background-color linear 0.1s;
            -webkit-transition: background-color linear 0.1s;
            transition: background-color linear 0.1s;
            cursor: pointer;
            border: 1px transparent solid;
            border-style: inset;
            background-color: #F8F8F8;
        }

        .FDGrid .grid.disabled tbody tr {
            cursor: default;
        }


        .FDGrid .grid tbody tr:hover {
            background-color: #F0F0F0;
            border: 1px #E0E0E0 solid;
        }

        .FDGrid .grid .group {
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
        }

            .FDGrid .grid .group td {
            }

        .FDGrid .grid tbody td {
            padding: 8px;
            position: relative;
        }

        .FDGrid .grid td a {
            padding: 0;
        }

        .FDGrid .grid tbody .alt {
            background-color: white;
        }

        .FDGrid .grid .empty {
            padding: 20px;
            background-color: white;
            border: 1px #C7C8C9 solid;
            margin: 30px;
            text-align: center;
            color: #787879;
        }



        .FDGrid .grid .head {
            background-color: #E8E8E8;
            font-weight: bold;
            color: #FFF;
        }

        .FDGrid .grid .Rating {
            white-space: nowrap;
        }

        .FDGrid .grid th {
            position: relative;
            white-space: nowrap;
            vertical-align: top;
        }

        .FDGrid .grid td.sFormList {
            width: 120px;
        }

        .FDGrid .grid th > div.grid-ms, .FDGrid .grid td > div.grid-ms {
            display: none;
            opacity: 0;
            border: 1px #E0E0E0 solid;
            border-radius: 3px;
            position: absolute;
            top: 3px;
            left: -10px;
            padding: 5px 10px;
            background-color: #F0F0F0;
            transition: all ease-in-out 0.7s;
        }

            .FDGrid .grid th > div.grid-ms:hover, .FDGrid .grid td > div.grid-ms:hover {
                background-color: #E0E0E0;
                opacity: 1 !important;
            }

        .FDGrid .grid th > div.grid-ms {
            top: -3px;
            z-index: 800;
        }

            .FDGrid .grid th > div.grid-ms .action {
                position: absolute;
                top: -32px;
                left: 0;
            }

                .FDGrid .grid th > div.grid-ms .action button {
                    margin-bottom: 5px;
                }

    .FDGrid .hover {
        background-color: #F0F0F0;
        cursor: pointer;
    }

    .FDGrid .grid .grid-ms input {
        cursor: pointer;
    }

    .FDGrid .width25 {
        width: 25px;
        max-width: 25px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .FDGrid .width50 {
        width: 50px;
        max-width: 50px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .FDGrid .width100 {
        width: 100px;
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .FDGrid .width150 {
        width: 150px;
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .FDGrid .width200 {
        width: 200px;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    /* Controls */
    .FDGrid .Datum {
        color: #787879;
    }

    .FDGrid .PersonXX {
        background-image: url( ../Images/icons/user.png);
        background-repeat: no-repeat;
        background-position: 8px 8px;
        padding-left: 28px !important;
        color: #000;
    }

    .FDGrid .PersonenXX {
        background-image: url( ../Images/icons/users.png);
        background-repeat: no-repeat;
        background-position: 8px 8px;
        padding-left: 28px !important;
        color: #000;
    }

    .FDGrid .RadioBox {
        text-align: center;
    }

    .FDGrid .CheckBox {
        text-align: center;
    }

    .FDGrid .Image {
        max-height: 50px;
    }

    .FDGrid .Zahl {
        text-align: right;
        color: #000;
        font-weight: bold;
    }

    .FDGrid .XFile {
    }
        .FDGrid .XFile .filelist {
            list-style: circle;
            margin:0;
            padding:0;
            padding-left:15px;
        }
            .FDGrid .XFile .filelist a {
                padding:3px 0;
            }
            .FDGrid .XFile .filelist a:hover {
                font-weight: bold;
            }

    .FDGrid tfoot {
        border-top: 1px #F0F0F0 solid;
        line-height: 30px;
    }

        .FDGrid tfoot tr {
            -moz-transition: background-color linear 0.1s;
            -o-transition: background-color linear 0.1s;
            -webkit-transition: background-color linear 0.1s;
            transition: background-color linear 0.1s;
            border: 1px transparent solid;
            border-style: inset;
            background-color: #F8F8F8;
        }

        .FDGrid tfoot td a {
            border: 1px #E8E8E8 solid;
            background-color: #F0F0F0;
            text-decoration: none;
            font-weight: bold;
        }

            .FDGrid tfoot td a:hover {
                background-color: #8C8C8C;
            }



        .FDGrid tfoot select {
            float: right;
            font-size: 11px;
            margin: 5px 8px 5px 0;
        }

    .FDGrid .pageInfos {
        padding-right: 18px;
        padding-top: 9px;
    }





.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.tblPermissions {
    width: 100%;
    margin-bottom: 11px;
    margin-top: 11px;
    border-spacing: 0;
    border-collapse: collapse;
}

    .tblPermissions th {
        font-weight: normal;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-size: 11px;
        height: 25px;
        background-color: #fff;
        color: #343449;
    }

    .tblPermissions td {
        padding-top: 5px;
        text-align: center;
        white-space: nowrap;
    }

        .tblPermissions td .zusatz {
            margin-top: 8px;
            padding-bottom: 18px;
        }

    .tblPermissions .inactive {
        opacity: 0.5;
    }

    .tblPermissions .tblPchk {
    }

        .tblPermissions .tblPchk:hover {
            background-color: #F0F0F0;
        }

    .tblPermissions .tblCircle {
        font-weight: bold;
        text-align: left;
    }

.tbliPA {
    background-color: #99FF99;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 2px;
    border: 1px solid #00dd00;
    -moz-box-shadow: 0 0 9px #88FF88;
    -webkit-box-shadow: 0 0 9px #88FF88;
    -o-box-shadow: 0 0 9px #88FF88;
    box-shadow: 0 0 9px #88FF88;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tbliPD {
    background-color: #FFAAAA;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 2px;
    border: 1px solid rgba(255,0,0,0.4);
    -moz-box-shadow: 0 0 9px #FF8888;
    -webkit-box-shadow: 0 0 9px #FF8888;
    -o-box-shadow: 0 0 9px #FF8888;
    box-shadow: 0 0 9px #FF8888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tbliPN {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 2px;
    border: 1px solid transparent;
}


.MCItems {
    border: 1px #E0E0E0 dotted;
    padding: 10px;
    margin-right: 10px;
    width: 90%;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
}

    .MCItems .selectAll {
        position: absolute;
        top: -7px;
        left: -7px;
        display: none;
        padding: 3px;
        background-color: #F0F0F0;
        border-radius: 3px;
    }

    .MCItems:hover .selectAll {
        display: inline;
    }

    .MCItems ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

    .MCItems li {
        margin: 5px;
        padding: 5px;
        width: 96%;
        cursor: pointer;
    }

        .MCItems li input {
            float: right;
            font-size: 1em;
            margin: 0;
            padding: 3px;
            width: 140px;
        }




.selectablePosition .ui-selecting {
    background: #43ABEC;
}

.selectablePosition .ui-selected {
    background: #007EC7;
    color: white;
}

.selectablePosition {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .selectablePosition p {
        margin: 3px;
        padding: 4px 2px 2px 2px;
        float: left;
        width: 20px;
        height: 18px;
        text-align: center;
    }

.ui-selectable-helper {
    display: none;
}


#Folder {
    width: 350px;
}


.hlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .hlist li {
        float: left;
        margin: 5px 5px 5px 5px;
    }


.viewordercollist {
    max-height: 450px;
    overflow: auto;
}

    .viewordercollist ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .viewordercollist li {
        padding: 5px 5px;
        margin: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #007EC7;
        cursor: pointer;
    }


.projectformordercollist {
    max-height: 450px;
    overflow: auto;
}

    .projectformordercollist ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .projectformordercollist li {
        padding: 5px 5px;
        margin: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #007EC7;
        cursor: pointer;
    }





.itemChoiceList {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .itemChoiceList li {
        padding: 5px;
        float: left;
    }

        .itemChoiceList li:hover {
        }

        .itemChoiceList li .wrapper {
            border: 1px solid #d3d3d3;
            background: #FAFAFA;
        }

            .itemChoiceList li .wrapper:hover {
                background: #f0f0f0;
            }

        .itemChoiceList li a {
            text-decoration: none;
            padding: 8px;
            display: block;
            cursor: pointer;
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
            font-weight: bold;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            border-left: 4px #d3d3d3 solid;
        }

            .itemChoiceList li a:hover {
                border-left: 4px #007EC7 solid;
            }

.itemChoiceList2col li {
    width: 47%;
}

.itemChoiceList3col li {
    width: 30%;
}



#modalLogin input {
    font-size: 15px;
    padding: 5px;
    border-radius: 4px;
}

    #modalLogin input::placeholder {
        font-size: 14px;
        font-weight: normal;
        color: #c0c0c0;
    }

/* Modal Content */
#ModalNewUser input {
    width: 265px;
}

#ModalNewUser select {
    width: 265px;
}

#ModalNewUser textarea {
    width: 265px;
}


#ModalEditUser #UserProps input {
    width: 235px;
}

    #ModalEditUser #UserProps input.calendar {
        width: 80px;
    }

#ModalEditUser #UserCircles_chzn, #ModalEditUser #UserGroups_chzn {
    width: 98%;
}


#ModalEditUser select {
    width: 240px;
}

#ModalEditUser textarea {
    width: 235px;
    font-size: 12px;
}

#ModalEditUser .grid2colc .first {
    line-height: 30px;
}

#ModalEditUser .chzn-choices {
    max-height: 105px;
    overflow: auto;
}


#ModalEditGlobalVar {
    width: 400px;
}

    #ModalEditGlobalVar textarea {
        width: 100%;
    }

    #ModalEditGlobalVar input {
        width: 100%;
    }

#AttachedPermissionList {
    margin-top: 9px;
    min-height: 120px;
    max-height: 200px;
    overflow: auto;
}

#ModalNewGroup input {
    width: 100%;
}

#ModalNewGroup select {
    width: 296px;
}

#ModalNewGroup textarea {
    width: 100%;
    ;
}

#ModalNewGroup .chzn-choices {
    max-height: 180px !important;
    overflow-y: auto;
}

#ModalNewGroup input.calendar {
    width: 80px;
}

#ModalEditGroup {
    width: 650px;
}


    #ModalEditGroup input {
        width: 384px;
    }

    #ModalEditGroup select {
        width: 389px;
    }

    #ModalEditGroup textarea {
        width: 384px;
    }

    #ModalEditGroup .chzn-choices {
        max-height: 250px !important;
        overflow-y: auto;
    }

    #ModalEditGroup input.calendar {
        width: 80px;
    }

#ModalEditBanner {
    width: 650px;
}

    #ModalEditBanner .imgtpreview {
        max-width: 100%;
        max-height: 70px;
    }


    #ModalEditBanner .alignments i {
        margin-right: 11px;
        line-height: 24px;
    }

    #ModalEditBanner .bannercnt {
        max-height: 200px;
    }


#ModalNewVoucher input {
    width: 284px;
}

#ModalNewVoucher select {
    width: 274px;
}

#ModalNewVoucher textarea {
    width: 284px;
}

#ModalNewVoucher .chzn-choices {
    max-height: 180px !important;
    overflow-y: auto;
}

#ModalNewVoucher input.calendar {
    width: 80px;
}

#ModalEditVoucher input {
    width: 284px;
}

#ModalEditVoucher select {
    width: 274px;
}

#ModalEditVoucher textarea {
    width: 284px;
}

#ModalEditVoucher .chzn-choices {
    max-height: 180px !important;
    overflow-y: auto;
}

#ModalEditVoucher input.calendar {
    width: 80px;
}


#ModalNewCircle input {
    width: 330px;
}

#ModalNewCircle textarea {
    width: 330px;
}

#ModalEditCircle input {
    width: 330px;
}

    #ModalEditCircle input[type="checkbox"] {
        width: auto;
    }

#ModalEditCircle textarea {
    width: 330px;
}

#ModalShowlog .DescriptionContainer {
    color: #000;
    max-height: 150px;
    overflow: auto;
}

#ModalShowlog .modalcontent {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

#ModalShowEMailOut .DescriptionContainer {
    color: #000;
    max-height: 350px;
    overflow: auto;
}

#ModalShowEMailOut .modalcontent {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

#ModalShowEMailOut .errorContainer {
    color: #F00;
    max-height: 250px;
    overflow: auto;
}


#ModalNewServer input {
    width: 98%;
}

#ModalEditServer input {
    width: 98%;
}

#ModalNewTask input {
    width: 98%;
}

#ModalNewTask select {
    width: 100%;
}

#ModalEditTask input {
    width: 98%;
}

#ModalEditTask select {
    width: 100%;
}

#ModalEditTask #Mappings {
    padding: 10px 0;
    max-height: 324px;
    overflow: auto;
}

    #ModalEditTask #Mappings .first select {
        width: 96%;
    }

    #ModalEditTask #Mappings .last select {
        width: 85%;
    }

    #ModalEditTask #Mappings .last input {
        width: 81%;
    }

    #ModalEditTask #Mappings .DeleteMapping {
        cursor: pointer;
    }

#FormLogs {
    width: 880px;
}

    #FormLogs .modalcontent {
        padding: 0 !important;
        margin: 0 !important;
    }

    #FormLogs .wrapper {
        overflow-x: auto;
    }

    #FormLogs h1 {
        margin: 0 !important;
    }

    #FormLogs table tfoot tr {
        background-color: white !important;
    }

#Config {
}

    #Config input {
        width: 95%;
    }

    #Config textarea {
        width: 95%;
    }

    #Config select {
        width: 96%;
    }




#Design input {
    width: 100%;
}

#Design textarea {
    width: 100%;
}

#Design select {
    width: 100%;
}

#Connect input {
    width: 80%;
}



#Banner table {
    width: 100%;
}

    #Banner table td {
        padding: 15px;
        min-height: 50px;
    }

#Banner .imgtpreview {
    max-width: 100%;
    border: 1px solid #F0F0F0;
    padding: 1px;
    background-color: #F3F3F3;
}

#Banner .deletebanner {
    float: right;
}






#Banner .alignments i {
    margin-right: 11px;
    line-height: 24px;
}


#ServerManager {
}

    #ServerManager h2 {
        padding: 10px 10px 10px 20px;
    }

    #ServerManager h4 {
        color: #787879;
        margin-bottom: 3px;
        margin-left: 20px;
    }

    #ServerManager .splittdescription {
        color: #787879;
        margin-left: 20px;
        font-size: 10px;
        font-weight: bold;
    }

    #ServerManager .formlogcnt {
        margin-left: 20px;
        margin-right: 20px;
        color: #787879;
    }

    #ServerManager .formlog {
        position: relative;
        float: left;
        width: 23.5%;
        border: 1px #C4C5C6 solid;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
        min-height: 120px;
        margin: 1%;
    }

    #ServerManager .haserror {
    }

    #ServerManager .formlog:nth-child(4n+1) {
        clear: both;
        margin-left: 0;
    }

    #ServerManager .formlog:nth-child(4n) {
        margin-right: 0;
    }

    #ServerManager .formlog .title {
        color: #096CAF;
        border-bottom: 2px #00C000 solid;
        padding: 6px 6px 3px 6px;
        font-weight: bold;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        #ServerManager .formlog .title a {
            color: #096CAF;
            text-decoration: none;
        }

    #ServerManager .haserror .title {
        color: #fff;
        background-color: #C00000;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 10px;
        border-bottom: 2px #C00000 solid;
    }

        #ServerManager .haserror .title a {
            color: #fff;
        }


    #ServerManager .formlog .logtypescnt {
        margin: 8px;
    }

        #ServerManager .formlog .logtypescnt .errorcount {
            color: #fff;
            background-color: #C00000;
            padding: 3px;
        }

        #ServerManager .formlog .logtypescnt .toperrorcount {
            position: absolute;
            top: 2px;
            right: 3px;
            color: #fff;
            background-color: #C00000;
            padding: 3px;
            font-size: 12px;
            font-weight: bold;
        }

    #ServerManager .formlog .date {
        text-align: right;
        color: #C4C5C6;
        font-size: 9px;
        position: absolute;
        right: 5px;
        bottom: 3px;
    }

    #ServerManager .formlog .column {
        font-size: 11px;
        height: 14px;
    }

    #ServerManager .formlog .first {
        text-align: right;
    }

    #ServerManager .formlog .last {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        #ServerManager .formlog .last a {
            text-decoration: none;
            color: #787879;
        }

            #ServerManager .formlog .last a:hover {
                text-decoration: underline;
                color: #000;
            }


#QuickLinks {
    width: auto;
    margin: 10px 20px 10px 20px;
    border: 1px #C4C5C6 solid;
    background-color: white;
    padding: 20px;
    position: relative;
    min-height: 150px;
}

    #QuickLinks .ql1 {
        position: absolute;
        text-align: center;
        left: 1px;
        top: 1px;
        height: 50px;
        width: 100px;
        background-color: #007EC7;
        color: white;
        padding: 5px;
        padding-top: 30px;
        cursor: pointer;
    }

        #QuickLinks .ql1:hover {
            background-color: #108ED7;
        }

    #QuickLinks .ql2 {
        margin-right: 35px;
    }

    #QuickLinks .qllist {
        margin-left: 13%;
    }

        #QuickLinks .qllist ul {
            margin-left: 20px;
        }

    #QuickLinks ul {
        float: left;
        width: 40%;
        list-style: none;
    }

        #QuickLinks ul li {
            padding-top: 5px;
            padding-bottom: 5px;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

#AdminOverview {
    width: auto;
    margin: 10px 20px 10px 20px;
    border: 1px #C4C5C6 solid;
    background-color: white;
    padding: 20px;
    position: relative;
    min-height: 200px;
}

    #AdminOverview .last {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #AdminOverview .myname {
        height: 16px;
    }

    #AdminOverview .textinfo, #AdminOverview .textinfo a {
        color: #096CAF;
        padding-left: 0;
    }

    #AdminOverview ul li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

#ModalCreateRelease {
}

    #ModalCreateRelease input {
        width: 100%;
    }

    #ModalCreateRelease textarea {
        width: 100%;
    }

    #ModalCreateRelease input[type=checkbox] {
        width: auto;
    }

.FDProps {
}

    .FDProps p {
        margin: 3px 0 3px 0;
    }

    .FDProps h2, #ModalEditTask h2 {
        color: #787879;
        font-size: 16px;
        padding-bottom: 4px;
        border-bottom: 1px #C4C5C6 solid;
    }

    .FDProps #DisplayName, .FDProps #Title, .FDProps #Url, .FDProps #ToolTip {
        width: 96%;
    }

    .FDProps textarea {
        width: 96%;
        font-size: 11px;
    }

    .FDProps .calendar {
        width: 100px;
    }

    .FDProps .item h2 {
        border: 0;
    }

    .FDProps .FCItem {
        padding-right: 30px;
    }

        .FDProps .FCItem .FCdel {
            cursor: pointer;
            position: absolute;
            right: 4px;
            top: 0;
            opacity: 0;
            -moz-transition: linear opacity 0.5s;
            -o-transition: linear opacity 0.5s;
            -webkit-transition: linear opacity 0.5s;
            transition: linear opacity 0.5s;
        }

        .FDProps .FCItem:hover .FCdel {
            opacity: 1;
        }

#ModalEditProject {
}

    #ModalEditProject h2 {
        color: #787879;
        font-size: 16px;
        padding-bottom: 4px;
        border-bottom: 1px #C4C5C6 solid;
    }

    #ModalEditProject .calendar {
        width: 100px;
    }

    #ModalEditProject textarea {
        width: 96%;
        font-size: 11px;
    }

    #ModalEditProject .text-box {
        width: 96%;
    }

#ModalEditLearningPath {
}

    #ModalEditLearningPath h2 {
        color: #787879;
        font-size: 16px;
        padding-bottom: 4px;
        border-bottom: 1px #C4C5C6 solid;
    }

    #ModalEditLearningPath .calendar {
        width: 100px;
    }

    #ModalEditLearningPath textarea {
        width: 96%;
        font-size: 11px;
    }

    #ModalEditLearningPath .text-box {
        width: 96%;
    }


.simplemodal-data #loginform {
    max-width: 400px;
    padding: 20px;
}

#loginform .lfcnt input[type="text"], #loginform .lfcnt input[type="password"] {
    width: 90%;
    padding: 5px;
}


#ModalFileInfo {
    width: 400px;
}

#ActionEntry {
    min-height: 250px;
}

    #ActionEntry .conditions {
        position: relative;
    }

        #ActionEntry .conditions ul {
            list-style: none;
        }


        #ActionEntry .conditions .c_or {
            opacity: 0.8;
            filter: alpha(opacity=80);
            clear: both;
            position: relative;
            border: 1px #D0D0D0 solid;
            min-height: 18px;
            background-color: #FAFAFA;
            margin-bottom: 5px;
            margin-right: 4px;
            padding-top: 8px;
            padding-left: 18px;
            background-image: url(../images/icons/c_or.png);
            background-repeat: no-repeat;
            background-position: 1px center;
        }

            #ActionEntry .conditions .c_or:nth-last-child(-n+2) {
                padding-bottom: 25px;
            }

            #ActionEntry .conditions .c_or li {
                position: relative;
            }

        #ActionEntry .conditions .c_and {
            opacity: 1;
            filter: alpha(opacity=100);
            clear: both;
            position: relative;
            border: 1px #D0D0D0 solid;
            min-height: 30px;
            margin-bottom: 5px;
            margin-right: 4px;
            padding: 5px 0 28px 18px;
            background-image: url(../images/icons/c_and.png);
            background-repeat: no-repeat;
            background-position: 1px center;
            background-color: #fff;
        }

            #ActionEntry .conditions .c_and:first-child {
                margin-top: 0;
            }





        #ActionEntry .conditions .c_and_add {
            cursor: pointer;
            height: 28px;
            width: 28px;
            bottom: 1px;
            left: 3px;
            position: absolute;
            background-image: url(../images/icons/icons.png);
            background-position: -168px -40px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

            #ActionEntry .conditions .c_and_add:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        #ActionEntry .conditions .c_and_remove {
            display: none;
            cursor: pointer;
            height: 16px;
            width: 16px;
            top: -8px;
            right: -8px;
            position: absolute;
            background-image: url(../images/icons/icons.png);
            background-position: -96px 0px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

            #ActionEntry .conditions .c_and_remove:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        #ActionEntry .conditions .c_and:hover > .c_and_remove {
            display: block;
        }





        #ActionEntry .conditions .c_or_add {
            cursor: pointer;
            height: 28px;
            width: 28px;
            bottom: 3px;
            left: 5px;
            position: absolute;
            background-image: url(../images/icons/icons.png);
            background-position: -168px -40px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

            #ActionEntry .conditions .c_or_add:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        #ActionEntry .conditions .c_or_remove {
            display: none;
            cursor: pointer;
            height: 16px;
            width: 16px;
            top: -10px;
            right: -12px;
            position: absolute;
            background-image: url(../images/icons/icons.png);
            background-position: -96px 0px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

            #ActionEntry .conditions .c_or_remove:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        #ActionEntry .conditions .c_or:hover .c_or_remove {
            display: block;
        }

        #ActionEntry .conditions .c_item_addBegin {
            text-align: center;
            cursor: pointer;
            margin: 0 auto;
        }

        #ActionEntry .conditions .c_item_add {
            cursor: pointer;
            height: 28px;
            width: 28px;
            bottom: 3px;
            right: 5px;
            position: absolute;
            background-image: url(../images/icons/icons.png);
            background-position: -168px -40px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

            #ActionEntry .conditions .c_item_add:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        #ActionEntry .conditions .c_item_remove {
            display: none;
            cursor: pointer;
            height: 16px;
            width: 16px;
            top: 0px;
            right: 1px;
            position: absolute;
            background-image: url(../images/icons/icons.png);
            background-position: -96px 0px;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

        #ActionEntry .conditions .itemEntry:hover .c_item_remove {
            display: block;
        }


        #ActionEntry .conditions .itemEntry {
            clear: both;
            position: relative;
            border: 1px #A0A0A0 dotted;
            background-color: #fff;
            margin-right: 8px;
            margin-top: 3px;
            cursor: pointer;
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }

            #ActionEntry .conditions .itemEntry:hover {
                background-color: #F0F0F0;
            }

            #ActionEntry .conditions .itemEntry .ctl {
                float: left;
                font-weight: bold;
                white-space: nowrap;
                width: 125px;
                height: 16px;
                line-height: 16px;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            #ActionEntry .conditions .itemEntry .comp {
                float: left;
                width: 135px;
                height: 16px;
                line-height: 16px;
                white-space: nowrap;
                color: #555;
            }

            #ActionEntry .conditions .itemEntry .val {
                white-space: nowrap;
                height: 16px;
                line-height: 16px;
                float: left;
                width: 225px;
                font-weight: bold;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
            }



    #ActionEntry .c_and:hover {
        opacity: 1;
        filter: alpha(opacity=80);
    }

    #ActionEntry .c_or:hover {
        opacity: 1;
        filter: alpha(opacity=80);
    }

    #ActionEntry .itemEntry:hover {
        opacity: 1;
        filter: alpha(opacity=80);
    }


#actionList {
}

    #actionList ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.actionEntry {
    padding: 10px;
    margin: 5px;
    background-color: #FAFAFA;
    cursor: pointer;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    -webkit-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
}

    .actionEntry:hover {
        background-color: #FAFAFA;
    }

    .actionEntry .type {
        font-weight: bold;
        float: left;
        width: 90px;
    }


    .actionEntry .title {
        float: left;
        margin-left: 100px;
        color: #007EC7;
        font-weight: bold;
        font-size: 11px;
    }

    .actionEntry .description {
        float: left;
        margin-left: 100px;
        color: #8C8C8C;
        font-size: 10px;
    }

#vActions {
}

    #vActions li {
        position: relative;
    }

    #vActions .a_item_remove {
        display: none;
        cursor: pointer;
        height: 16px;
        width: 16px;
        top: 0px;
        right: 1px;
        position: absolute;
        background-image: url(../images/icons/icons.png);
        background-position: -96px 0px;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        -webkit-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
    }

    #vActions li:hover .a_item_remove {
        display: block;
    }


#noActivation {
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
    color: #787879;
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    background-color: transparent;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

    #noActivation .title {
        font-size: 24px;
        padding: 5px 0;
    }


#noRegCirclesBG {
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
    color: #aaa;
    padding: 20px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 20px;
    background-color: #989898;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    width: 500px;
    height: 100px;
}

#noRegCircles {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
    color: #000;
    padding: 0px 0 20px 50px;
    font-size: 16px;
    line-height: 20px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    width: 470px;
    height: 90px;
    background-image: url(../Images/icons/error.png);
    background-repeat: no-repeat;
    text-shadow: 2px 2px 6px #fff;
}

    #noRegCircles .title {
        font-size: 24px;
        padding: 10px 0;
    }


#noRegAccessBG {
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    color: #aaa;
    margin-top: 40px;
    font-size: 16px;
    line-height: 20px;
    background-color: #989898;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    width: 100%;
    height: 100%;
}

#noRegAccess {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
    color: #000;
    padding: 0px 0 20px 50px;
    font-size: 16px;
    line-height: 20px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    width: 470px;
    height: 90px;
    background-image: url(../Images/icons/error.png);
    background-repeat: no-repeat;
    text-shadow: 2px 2px 6px #fff;
}

    #noRegAccess .title {
        font-size: 24px;
        padding: 10px 0;
    }


/* Update Styles */
.progressbarState {
    font-weight: bold;
    display: block;
}

.progressbar {
    width: auto;
    position: relative;
    margin: 0 0 10px 0;
    height: 21px;
    margin-bottom: 8px;
    background-image: linear-gradient(#d9dee7,#e2e7ef);
    border: 1px solid;
    border-color: #959aa6 #b4b9c3 #d0d5de;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 3px #b4b9c3;
    -webkit-box-shadow: inset 0 1px 3px #b4b9c3;
    box-shadow: inset 0 1px 3px #b4b9c3;
}

.progressbarpercent {
    position: absolute;
    left: 50%;
}

.progressbarbar {
    height: 20px;
    background-image: linear-gradient(#53cbfe,#18a8e1);
    background-image: -webkit-linear-gradient(#53cbfe,#18a8e1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 0 #97dffd,0 -1px 0 #419dc3,0 0 0 1px #248cb5,0 1px 5px #999;
    -webkit-box-shadow: inset 0 1px 0 #97dffd,0 -1px 0 #419dc3,0 0 0 1px #248cb5,0 1px 5px #999;
    box-shadow: inset 0 1px 0 #97dffd,0 -1px 0 #419dc3,0 0 0 1px #248cb5,0 1px 5px #999;
    -moz-transition: all linear 1s;
    -o-transition: all linear 1s;
    -webkit-transition: all linear 1s;
    transition: all linear 1s;
}


#Project {
    display: inline-block;
    min-width: 100%;
}

    #Project h3 {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

#addForm {
    background-color: white;
    display: none;
    cursor: pointer;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    border-radius: 3px;
    border: 1px transparent solid;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    left: 20px;
    top: 0;
}

    #addForm:hover {
        background-color: #F0F0F0;
        border: 1px #999 solid;
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

.removeUser {
    background-color: white;
    display: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px transparent solid;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    .removeUser:hover {
        background-color: #F0F0F0;
        border: 1px #999 solid;
        opacity: 1.0;
        filter: alpha(opacity=100);
    }


#pUsers {
    position: relative;
    min-height: 100px;
    padding-right: 30px;
}

#RefUserList .user:hover .removeUser, #RefUserList .category:hover .removeCategory, #RefUserList li:hover .ddbox {
    display: block;
}

#pForms:hover #addForm {
    display: block;
}

#pForms {
    position: relative;
    min-height: 100px;
}


#ModalFormRef {
    width: 760px;
}

    #ModalFormRef .sFormList {
        min-height: 400px;
        max-height: 400px;
        overflow: auto;
        width: 720px;
    }

    #ModalFormRef #search {
        margin-right: 8px;
    }

#ModalProjectRef {
    width: 760px;
}

    #ModalProjectRef .sProjectList {
        min-height: 400px;
        max-height: 400px;
        overflow: auto;
        width: 720px;
    }

        #ModalProjectRef .sProjectList ul {
            list-style: none;
            margin: 15px 0 0 0;
            padding: 0;
        }
            #ModalProjectRef .sProjectList ul .toSelect {
                background-color:#f0f0f0;
            }
            #ModalProjectRef .sProjectList ul .inactive {
                background-color: #f0f0f0;
            }


#ModalProjectRef .sProjectList ul .project {
    border: 1px solid #a0a0a0;
    margin: 8px 0;
    padding: 5px;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}
                #ModalProjectRef .sProjectList ul .project:hover {
                    background-color:#f0f0f0;
                }

                #ModalProjectRef .sProjectList ul .project .title {
                    font-size: larger;
                }

                #ModalProjectRef .sProjectList ul .project .description {
                    max-height: 50px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

    #ModalProjectRef #search {
        margin-right: 8px;
    }

.sFormList ul {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.sFormList.pm {
    width: auto;
    text-align: right;
    padding-left: 250px;
}

    .sFormList.pm > ul {
        text-align: right;
        white-space: nowrap;
    }


.sFormList > ul > li {
    margin: 5px;
    padding: 0;
    float: right;
    width: 100px;
    height: 100px;
    list-style: none;
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    position: relative;
    cursor: pointer;
    border: 1px transparent solid;
}

.sFormList.pm > ul > li {
    display: inline-block;
    float: none;
}



.sFormList.disabled > ul > li {
    cursor: default;
}


#ModalFormRef .sFormList > ul > li {
    float: left;
}

#ModalFormRef > ul li {
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

#ModalFormRef .sFormList .cnt {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}




#ModalFormRef .sFormList > ul > li:hover {
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.sFormList > ul > li:active {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    border: 1px #007EC7 solid;
    -moz-box-shadow: 0 0 2px #007EC7;
    -webkit-box-shadow: 0 0 2px #007EC7;
    box-shadow: 0 0 2px #007EC7;
}

.sFormList .folder {
    background-image: url(../images/formular/folder.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    background-size: auto 100%;
}

.sFormList .back {
    background-image: url(../images/formular/folderback.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
    background-size: auto 100%;
}

.sFormList .extIcon {
    position: absolute;
    top: 1px;
    right: 1px;
    border: 1px solid #0566FF;
    background: #0566FF;
    font-weight: bold;
    font-size: 7pt;
    color: white;
}

.sFormList .fa {
    position: absolute;
    top: 5px;
    right: 5px;
}

.sFormList li .ddbox {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
}

.sFormList > ul > li:hover .ddbox {
    display: block;
}

#FormList.sFormList > ul > li:hover .ddbox {
    display: none;
}

.sFormList > ul > li .cnt {
    overflow: hidden;
    width: 100px;
    height: 100px;
    position: relative;
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    background-repeat: no-repeat;
}


.sFormList .inactive {
    border: 1px green solid !important;
    opacity: 0.6;
    filter: alpha(opacity=60);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.sFormList .disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}




#ModalFormRef .sFormList .toSelect:before, .sFormList .inactive:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100px;
    height: 100px;
    display: block;
    border: 3px #0064F9 solid;
}

#ModalFormRef .sFormList .toSelect:after, .sFormList .inactive:after {
    content: '';
    position: absolute;
    right: -3px;
    top: -3px;
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(../images/icons/icons.png);
    background-position: -276px -41px;
    background-repeat: no-repeat;
}

.sFormList .title {
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    bottom: 1px;
    left: 5px;
    right: 5px;
    text-align: center;
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: normal;
}

#ModalFMEditoForm {
    width: 450px;
}

    #ModalFMEditoForm h2 {
        color: #787879;
        font-size: 16px;
        padding-bottom: 4px;
        border-bottom: 1px #C4C5C6 solid;
    }

    #ModalFMEditoForm input {
        width: 100%;
    }

    #ModalFMEditoForm textarea {
        width: 100%;
    }

#ModalUserRef {
    width: 550px;
}

    #ModalUserRef .selectAll {
        margin-left: 5px;
    }

    #ModalUserRef .sUserList {
        min-height: 390px;
        max-height: 390px;
        overflow: auto;
        width: 100%;
    }

.sUserList {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .sUserList ul {
        padding: 0;
        margin: 5px;
        list-style: none;
    }

    .sUserList > ul > li {
        padding: 3px 0 3px 8px;
        margin: 8px 0;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid #eaecee;
    }

#RefUserList > li:first-child {
    border-bottom: 0;
    height: 18px;
    margin: 0;
}



#pUsers .sUserList > ul > li:first-child {
    padding: 3px 0 3px 0;
}

#pUsers .ddbox {
    display: none;
}

.sUserList > ul > li > ul {
    margin-left: 15px;
}

    .sUserList > ul > li > ul > li {
        position: relative;
        padding: 3px 0 3px 5px;
    }

    .sUserList > ul > li > ul:first-child {
        margin-left: 0;
    }


.sUserList li.category .title {
    font: 17px 'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif !important;
    color: #007EC7;
    font-weight: bold;
    min-height: 20px;
}

.sUserList li.user .title {
    font-weight: bold;
    font: 17px 'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif !important;
    color: #000 !important;
    white-space: nowrap;
}

    .sUserList li.user .title.deactivated {
        color: #C4C5C6 !important;
    }

.sUserList li.user .usergroup {
    font-weight: bold;
    color: #007EC7 !important;
    white-space: nowrap;
}

    .sUserList li.user .usergroup.deactivated {
        color: #787879 !important;
    }

.sUserList li.user .adusergroup {
    font-weight: bold;
    color: #787879 !important;
    white-space: nowrap;
    margin-bottom: 2px;
}


.sUserList li.user.adgroupuser {
    opacity: 0.7;
}

    .sUserList li.user.adgroupuser .title {
        color: black !important;
    }


.sUserList li.group .title {
    font-weight: bold;
    font: 17px 'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif !important;
    color: #007EC7 !important;
    white-space: nowrap;
}

.sUserList li .users {
    white-space: nowrap;
    font: 12px 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif !important;
    color: #999 !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    .sUserList li .users b {
        color: #000 !important;
    }

.sUserList li .email {
    white-space: nowrap;
    font: 12px 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif !important;
    color: #999 !important;
}

.sUserList li .desc {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font: 10px 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif !important;
    color: #999 !important;
}

.sUserList li .datainfo {
    float: right;
    padding-right: 0;
}

    .sUserList li .datainfo > div {
        display: inline-block;
        width: 107px;
        margin: 0 4px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
    }

        .sUserList li .datainfo > div .pBar {
            width: 90%;
        }

.sUserList .inactive {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.sUserList .success {
    background-color: #d7fcba;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.sUserList .disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#UserList {
    position: relative;
}

    #UserList .toSelect:before, .sUserList .inactive:before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        display: block;
        border: 2px #0064F9 solid;
    }

    #UserList .toSelect:after, .sUserList .inactive:after {
        content: '';
        position: absolute;
        right: -2px;
        top: -2px;
        width: 30px;
        height: 30px;
        display: block;
        background-image: url(../images/icons/icons.png);
        background-position: -276px -41px;
        background-repeat: no-repeat;
    }





#ModalUserKat {
    width: 300px;
}


    #ModalUserKat input {
        width: 100%;
    }

    #ModalUserKat #CatColor {
        width: 60px;
    }


#ProjectMail {
    width: 750px;
}


    #ProjectMail input, #ProjectMail textarea {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px #aaa solid;
    }

    #ProjectMail .chzn-container {
        /*line-height: 23px;*/
        height: 30px;
    }

    #ProjectMail .chzn-container-multi .chzn-choices {
        overflow: auto;
        max-height: 122px;
    }

        #ProjectMail .chzn-container-multi .chzn-choices .search-field input {
            height: 23px;
            vertical-align: text-top;
        }

        #ProjectMail .chzn-container-multi .chzn-choices .search-choice {
            border: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            background-color: transparent;
            background-image: none;
            margin: 3px 2px 0 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding-right: 18px;
        }

    #ProjectMail #Subject {
        height: 28px;
        padding-left: 7px;
        padding-right: 7px;
    }

    #ProjectMail #To {
        height: 28px;
        padding-left: 7px;
        padding-right: 7px;
    }

    #ProjectMail .rbtn {
        width: 70px;
        color: #999;
    }

    #ProjectMail .inp {
        margin-left: 75px;
    }

    #ProjectMail #Content {
        height: 300px;
    }

#modalChoiceTo {
    width: 450px;
    position: relative;
}


#modalchoiceLoading {
    position: absolute;
    right: -15px;
    top: 0;
}


#MailToList {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

    #MailToList ul {
        list-style: none;
    }

    #MailToList li {
        position: relative;
    }

    #MailToList > li {
        padding-left: 6px;
    }

        #MailToList > li > ul > li {
            padding-left: 30px;
        }

    #MailToList li.user {
        padding-left: 22px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-bottom: 2px;
        -moz-transition: background linear 0.2s;
        -o-transition: background linear 0.2s;
        -webkit-transition: background linear 0.2s;
        transition: background linear 0.2s;
        background-color: #fff;
    }

        #MailToList li.user:hover {
            cursor: pointer;
            background-color: #f0f0f0;
        }

    #MailToList > li.user {
        padding-left: 8px;
    }



    #MailToList > li > ul > li input {
        position: absolute;
        left: 5px;
        top: 5px;
        margin: 0;
    }

    #MailToList li.success {
        background-color: #d7fcba;
    }

#modalchoiceMailToCnt {
    height: 450px;
    position: relative;
}

    #modalchoiceMailToCnt .scroll {
        margin-top: 5px;
        height: 410px;
        overflow: auto;
    }


#EMailTemplates {
}

    #EMailTemplates .preview {
        max-height: 150px;
        overflow: auto;
        border-top: 1px #999 dotted;
        margin-top: 5px;
    }

        #EMailTemplates .preview a {
            pointer-events: none;
            cursor: not-allowed;
            opacity: 0.5;
            text-decoration: none;
            display: inline-block;
        }

    #EMailTemplates .column {
        margin-bottom: 0;
    }

    #EMailTemplates .subject {
        margin-right: 50px;
        line-height: 35px;
        font-weight: bold;
        font-size: 16px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #EMailTemplates .masterLayout {
        font-size: 14px;
        margin-bottom: 15px;
    }

#ModalMailEditTemplate {
    width: 750px;
    background-color: #F9F9F9;
}

    #ModalMailEditTemplate input {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #ModalMailEditTemplate .cntBody {
        height: 430px;
    }


#ProjectMailConfig {
    width: 750px;
}

    #ProjectMailConfig #SuccessMail, #ProjectMailConfig #SuccessMailOwner {
        width: 100%;
    }

    #ProjectMailConfig .subject {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 25px;
        font-weight: 600;
        font-size: 16px;
    }

#ModalEditProjectFolder {
    width: 880px;
}

    #ModalEditProjectFolder textarea {
        width: 96%;
    }




.trigger {
    width: 300px;
}

    .trigger label {
        margin-right: 3px;
    }

    .trigger input[type=checkbox] {
        margin-right: 2px;
    }

    .trigger .calendar {
        width: 80px;
    }

    .trigger select {
        width: 96%;
        margin-bottom: 0;
    }

    .trigger .typecnt {
        margin-bottom: 5px;
    }

    .trigger .monthdays {
    }

    .trigger .type {
        margin-bottom: 5px;
    }

        .trigger .type span {
            float: left;
            margin-right: 5px;
        }

    .trigger .typecnt > span {
        width: 14.285%;
        float: left;
    }

    .trigger .typecnt .ui-button {
        margin: 1px;
        width: 100%;
        border-radius: 0;
    }

    .trigger .ui-button-text {
        padding: .3em 0.7em !important;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .trigger .ui-state-active {
        background-image: none;
        background-color: #007EC7;
        color: white;
    }



    .trigger .monthdays span:nth-child(7n+2) {
        clear: both;
    }



#DeleteDocument, #DeleteForm, #DeleteLink, #DeleteH5P {
    width: 400px;
}

    #DeleteDocument .column.last, #DeleteForm .column.last, #DeleteLink .column.last {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #DeleteLink .column.last, #DeleteForm .column.last {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

#AddFile {
    width: 550px;
}


    #AddFile .folderIcon {
        font-size: 19px;
    }



    #AddFile .column.first {
        line-height: 30px;
    }


#AddFolder {
    width: 450px;
}



    #AddFolder .folderIcon {
        font-size: 19px;
    }


    #AddFolder .fileName {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        display: block;
    }

    #AddFolder .column.first {
        line-height: 30px;
    }

#AddDocument {
    width: 450px;
}

    #AddDocument #upfilename {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
    }

    #AddDocument .folderIcon {
        font-size: 19px;
    }


    #AddDocument .fileName {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        display: block;
    }

    #AddDocument .column.first {
        line-height: 30px;
    }

    #AddDocument textarea {
        width: 96%;
    }

#AddForm {
    width: 450px;
}

    #AddForm #upfilename {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
    }

    #AddForm .folderIcon {
        font-size: 19px;
    }

    #AddForm .fileName {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        display: block;
    }

    #AddForm .column.first {
        line-height: 30px;
    }

#AddLink {
    width: 460px;
}

    #AddLink .folderIcon {
        font-size: 19px;
    }

    #AddLink input[type=text] {
        width: 96%;
    }

    #AddLink textarea {
        width: 96%;
    }

    #AddLink .column.first {
        line-height: 30px;
    }

    #AddLink select {
        width: 96%;
    }

#linkProps {
    width: 880px;
}

    #linkProps #DisplayMode {
        width: 90%;
    }

#AddWBT {
    width: 450px;
}

    #AddWBT .folderIcon {
        font-size: 19px;
    }

    #AddWBT input[type=text] {
        width: 96%;
    }

    #AddWBT .column.first {
        line-height: 30px;
    }

    #AddWBT select {
        width: 96%;
    }

#AddH5P {
    width: 450px;
}

    #AddH5P #upfilename {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
    }

    #AddH5P .folderIcon {
        font-size: 19px;
    }


    #AddH5P .fileName {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        display: block;
    }

    #AddH5P .column.first {
        line-height: 30px;
    }

    #AddH5P textarea {
        width: 96%;
    }


#wbtProps {
    width: 880px;
}

    #wbtProps #DisplayMode {
        width: 90%;
    }



#ModalExtContent {
}

    #ModalExtContent .modalcontent {
        margin: 0 0 0 0;
    }

    #ModalExtContent .modalsubmit {
        position: absolute;
        bottom: 0;
        right: 10px;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

        #ModalExtContent .modalsubmit:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

#ModalFormStatistik {
    height: 100%;
}

    #ModalFormStatistik #formStatistik {
        height: 100%;
    }

    #ModalFormStatistik .modalcontent {
        margin: 0 0 0 0;
        height: 100%;
        position: relative;
    }

    #ModalFormStatistik .modalsubmit {
        position: absolute;
        bottom: 0;
        right: 10px;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

        #ModalFormStatistik .modalsubmit:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    #ModalFormStatistik h1 {
        margin-bottom: 13px;
    }

    #ModalFormStatistik .cntFilter {
        padding-left: 70px;
    }

        #ModalFormStatistik .cntFilter button {
            margin-right: 0;
        }

    #ModalFormStatistik .cntgraphs {
        position: relative;
        height: 60%;
    }

    #ModalFormStatistik .mainChart {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 60px;
    }


    #ModalFormStatistik .cntgraphs .chart {
        height: 100%;
    }

    #ModalFormStatistik .cntData {
        position: relative;
        height: 40%;
        border-top: 1px #C4C5C6 solid;
    }


        #ModalFormStatistik .cntData .miniPieChart {
            float: left;
            margin-left: 51%;
            width: 49%;
            height: 100%;
            border-left: 1px #C4C5C6 solid;
            position: relative;
        }


        #ModalFormStatistik .cntData .miniChart {
            width: 50%;
            height: 50%;
            position: relative;
        }


    #ModalFormStatistik .miniChart .title, #ModalFormStatistik .miniPieChart .title {
        position: absolute;
        top: 5px;
        left: 20px;
        color: #222;
        font-size: 14px;
        white-space: nowrap;
    }

    #ModalFormStatistik .miniChart .value, #ModalFormStatistik .miniPieChart .value {
        position: absolute;
        top: 20px;
        left: 20px;
        color: #222;
        font-size: 24px;
        max-width: 160px;
        min-width: 65px;
        white-space: nowrap;
    }

    #ModalFormStatistik .miniChart .svg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #ModalFormStatistik .miniPieChart .svg {
        height: 100%;
        width: 100%;
    }

.nvtooltip div.legend-color-guide {
    float: left;
    margin: 5px 5px 2px 10px;
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    vertical-align: middle;
}

.nvd3.nv-noData {
    font-size: 12px !important;
}

.statisticInterval {
}

    .statisticInterval input {
        width: 80px;
    }

#Statistic {
}

    #Statistic .cntgraphs {
        min-width: 860px;
    }

    #Statistic .cntFilter {
        float: right;
        margin-right: 10px;
        margin-top: 5px;
    }

        #Statistic .cntFilter button {
            z-index: 999;
        }

    #Statistic .mainChart {
        height: 400px;
    }

    #Statistic .mainChart2 {
        float: left;
        height: 400px;
        width: 50%;
    }

        #Statistic .mainChart .chart, #Statistic .mainChart2 .chart {
            height: 100%;
        }


    #Statistic .cntData {
        margin-top: 20px;
        min-width: 860px;
    }

        #Statistic .cntData .miniChart {
            width: 25%;
            float: left;
            height: 100px;
            position: relative;
        }



        #Statistic .cntData .miniPieChart {
            width: 50%;
            float: right;
            position: relative;
            height: 200px;
        }

        #Statistic .cntData .miniPieChart2 {
            width: 50%;
            float: right;
            position: relative;
            height: 300px;
        }


    #Statistic .miniChart .title, #Statistic .miniPieChart .title, #Statistic .miniPieChart2 .title {
        position: absolute;
        top: 5px;
        left: 20px;
        color: #222;
        font-size: 14px;
        white-space: nowrap;
        min-width: 80px;
    }

    #Statistic .miniChart .value, #Statistic .miniPieChart .value, #Statistic .miniPieChart2 .value {
        position: absolute;
        top: 20px;
        left: 20px;
        color: #222;
        font-size: 24px;
        max-width: 160px;
        min-width: 65px;
        white-space: nowrap;
    }

    #Statistic .cntTable {
        margin: 15px 10px 10px 10px;
        min-width: 860px;
    }

        #Statistic .cntTable > div {
            width: 49%;
            float: left;
        }

            #Statistic .cntTable > div:first-child {
                margin-right: 2%;
            }

        #Statistic .cntTable table {
            table-layout: fixed;
            width: 100%;
            border-collapse: collapse;
            font-size: 98%;
            margin: 0;
            padding: 20px;
            margin-bottom: 7px;
        }

            #Statistic .cntTable table tr {
                display: table-row;
            }

                #Statistic .cntTable table tr:nth-child(2n) {
                    background-color: #f8f8f8;
                }


            #Statistic .cntTable table th {
                padding: 4px 8px 4px;
                font-weight: bold;
                text-align: left;
                border-right: 1px #DDD solid;
            }

                #Statistic .cntTable table th:last-child {
                    border-right: 0;
                }

            #Statistic .cntTable table tr:nth-child(2) {
                border-top: 1px #999 solid !important;
            }

            #Statistic .cntTable table td {
                padding: 4px 8px 4px;
                text-align: left;
                border-bottom: 1px solid #cbcbcb;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

                #Statistic .cntTable table td.title {
                    white-space: nowrap;
                }

                    #Statistic .cntTable table td.title .cat {
                        width: 2px;
                        height: 16px;
                    }

                #Statistic .cntTable table td.duration {
                    text-align: right;
                }

                #Statistic .cntTable table td.progress {
                    text-align: right;
                }

                #Statistic .cntTable table td.calls {
                    text-align: right;
                }

                #Statistic .cntTable table td.result {
                    text-align: right;
                }

                #Statistic .cntTable table td .bar {
                    float: left;
                    height: 14px;
                    margin-right: 8px;
                    margin-top: 2px;
                    background-color: #058dc7;
                    min-width: 1px;
                }


#Register {
    font-size: 15px;
}

    #Register .column {
    }

    #Register input {
        width: 95%;
        font-size: 16px;
        padding: 5px;
        border-radius: 4px;
        font-weight: 100;
    }

        #Register input::placeholder {
            font-size: 16px;
            font-weight: normal;
            color: #c0c0c0;
        }

    #Register h1 {
    }

    #Register .btn-blue {
        width: 100%;
        font-size: 16px;
        border-radius: 0;
        margin: 0;
        font-weight: normal;
        padding: 6px;
        background-color: #006AA4;
        background-image: none;
    }

    #Register .headline {
        margin-bottom: 15px;
    }

    #Register .Splitter {
        margin: 15px 0 5px 0;
    }

    #Register .email {
        margin-bottom: 5px;
    }

        #Register .email input {
            width: 97.5%;
        }

    #Register .validation-summary-errors {
        font-size: 14px;
    }

    #Register .verifyimg {
    }

    #Register .registercontrols {
        margin-top: 20px;
    }

    #Register .RNotice {
        margin-top: 17px;
    }

    #Register p {
        font-size: 14px;
        margin: 4px 0;
    }


#Settings input, #Password input, #Vouchers input {
    font-size: 16px;
    padding: 5px;
    border-radius: 4px;
}

#Password input {
    width: 98%;
}

    #Settings input::placeholder,
    #Password input::placeholder,
    #Vouchers input::placeholder {
        font-size: 16px;
        font-weight: normal;
        color: #c0c0c0;
    }



.customcontent {
    padding: 20px 20px 10px 20px;
    font-size: 15px;
}

    .customcontent h1 {
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px #C0C0C0 solid;
        margin-bottom: 18px;
        color: #343434;
    }

    .customcontent h2 {
        font-size: 22px;
        font-weight: normal;
    }

    .customcontent p {
        line-height: 25px;
    }


#dZUpload {
    padding: 0 !important;
    border: 1px transparent solid !important;
    border-radius: 3px;
    min-height: 172px !important;
    background-color: transparent !important;
}

    #dZUpload:before {
        clear: both;
    }

    #dZUpload.dz-drag-hover {
        border: 1px blue dashed !important;
        background: #FDFDFD;
    }

    #dZUpload .dz-message {
        float: left;
    }

    #dZUpload .dz-preview {
        float: left;
        width: 160px;
        height: 160px;
        margin: 5px;
    }

        #dZUpload .dz-preview .dz-image {
            width: 160px;
            height: 145px;
            border-radius: 8px;
        }

            #dZUpload .dz-preview .dz-image img {
                margin: auto;
            }

    #dZUpload .dz-size {
        margin-bottom: 8px;
    }

    #dZUpload .dz-progress {
        top: 70%;
    }

    #dZUpload .dz-success-mark {
        top: 60%;
    }

    #dZUpload .dz-error-mark {
        top: 60%;
    }

.ListStyle1:after {
}



#progressCard {
    width: 780px;
    max-height: 80%;
}


/* mobile Styles */
@media only screen and (max-width: 1011px) {
    .desktop {
        display: none;
    }

    .desktop-inline {
        display: none;
    }

    .desktoptablet {
        display: block;
    }

    .desktoptablet-inline {
        display: inline-block;
    }

    .tablet {
        display: block;
    }

    .tablet-inline {
        display: inline-block;
    }

    .mobiletablet {
        display: block;
    }

    .mobiletablet-inline {
        display: inline-block;
    }

    .mobile {
        display: none;
    }

    .mobile-inline {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    .grd3t1 > div {
        float: left;
        width: 49% !important;
        margin-right: 2%;
    }

        .grd3t1 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd3t1 > div:nth-child(2n) {
            margin-right: 0;
        }

    .grd5t2 > div {
        float: left;
        width: 32.0% !important;
        margin-right: 2%;
    }

        .grd5t2 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd5t2 > div:nth-child(3n) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 800px) {

    .desktop-ml {
        display: none;
        width: 0 !important;
    }

    .grd4t2 > div {
        float: left;
        width: 31.3%;
        margin-right: 2%;
    }

        .grd4t2 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd4t2 > div:nth-child(3n) {
            margin-right: 0;
        }

    .grd2t1 > div {
        float: left;
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

        .grd2t1 > div:nth-child(2n) {
            margin-right: 0;
        }

    .grd2t1a > div {
        float: left;
        width: 95%;
        margin-right: 0;
    }

        .grd2t1a > div:nth-child(2n) {
            margin-right: 0;
            width: 95%;
        }

    .grd2t1b > div {
        float: left;
        width: 95%;
        margin-right: 0;
    }

        .grd2t1b > div:nth-child(2n) {
            margin-right: 0;
            width: 95%;
        }

    .grd5t3 > div {
        float: left;
        width: 23.0% !important;
        margin-right: 2%;
    }

        .grd5t3 > div:nth-child(1n) {
            margin-right: 0;
        }

        .grd5t3 > div:nth-child(4n) {
            margin-right: 2%;
        }

    #ServerManager .formlog:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }

    #ServerManager .formlog {
        width: 48.5%;
    }
}

@media only screen and (max-width: 600px) {
    /* mobile */ .desktoptablet {
        display: none;
    }

    .desktoptablet-inline {
        display: none;
    }

    .tablet {
        display: none;
    }

    .tablet-inline {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mobile-inline {
        display: inline-block;
    }


    .grd3t1 > div {
        float: left;
        width: 100% !important;
        margin: 0;
    }

        .grd3t1 > div:nth-child(1n) {
            margin-right: 0;
        }



    .grd3t2 > div {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

        .grd3t2 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd3t2 > div:nth-child(2n) {
            margin-right: 0;
        }

    .grd3t2tc > div {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

        .grd3t2tc > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd3t2tc > div:nth-child(2n) {
            margin-right: 0;
        }

    .grd4t2 > div {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

        .grd4t2 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd4t2 > div:nth-child(2n) {
            margin-right: 0;
        }


    .grd5t2 > div {
        float: left;
        width: 49% !important;
        margin-right: 2%;
    }

        .grd5t2 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd5t2 > div:nth-child(2n) {
            margin-right: 0;
        }



    .grd5t3 > div {
        float: left;
        width: 31.5% !important;
        margin-right: 2%;
    }

        .grd5t3 > div:nth-child(1n) {
            margin-right: 2%;
        }

        .grd5t3 > div:nth-child(3n) {
            margin-right: 0;
        }
}
/* Styles für Lernraum */
#view_project .pBar {
    box-shadow: none;
    overflow: visible;
    height: 7px;
    margin: 0 0 1em 0;
    background-color: rgba(255,255,255, 0.7);
    width: 100%;
}

#view_project .tn_row .pBar {
    height: 16px;
}

#view_project .pBarProgress {
    height: 7px;
}

#view_project .tn_row .pBarProgress {
    height: 16px;
}

#view_project .pBarLabel {
    top: 16px;
}

#view_project .tn_row .pBarLabel {
    top: 0;
}

#view_project #Project > div > .progress {
    margin-bottom: 2em;
    color: #454e4a;
}

    #view_project #Project > div > .progress .pBarLabel {
        color: #454e4a !important;
    }

#view_project .tn_row.inactive {
    opacity: 0.6;
    filter: alpha(opacity=60);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    cursor: default;
}

#view_project .tn_row .progress {
    position: absolute;
    right: 3px;
    top: 0;
    margin-bottom: 0;
    min-width: 50px;
}

    #view_project .tn_row .progress p {
        margin: .6em;
    }

#view_project, #view_project #system-content {
    background-color: #f0f1f1;
}

    #view_project #system-content .content-wrapper {
        max-width: 1500px;
    }

    #view_project #system-content h1 {
        display: none;
    }

    #view_project .formheader {
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 20px;
    }

        #view_project .formheader h2 {
            color: #009ee3;
            font-family: Segoe UI, Verdana, Tahoma, Arial, sans-serif;
            font-weight: normal;
            font-size: 34px;
            padding-top: 1em;
            margin: 0;
        }

        #view_project .formheader .fhdescription {
            padding: 0;
        }

        #view_project .formheader .Notice {
            font-size: 16px;
            margin-top: .5em;
            margin-bottom: 3.5em;
        }

    #view_project .CertGen {
        font-size: 16px;
        cursor: pointer;
        padding: 5px;
        border-radius: 5px;
        transition: all ease-in-out 0.3s;
    }

        #view_project .CertGen:hover {
            cursor: pointer;
            background-color: rgba(230,230,230,50);
        }

        #view_project .CertGen i {
            font-size: 18px;
        }

    #view_project .tn_row {
        min-height: 160px;
        background-color: #fff;
        color: #454e4a;
        position: relative;
        clear: none;
        float: left;
        margin-right: 1%;
        margin-bottom: 1%;
        width: 32.33333%;
        box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);
        transition: box-shadow ease .2s;
    }

        #view_project .tn_row:hover {
            box-shadow: 0 0 8px 0 rgba(0,0,0,.12), 0 8px 8px 0 rgba(0,0,0,.24);
        }


        #view_project .tn_row .state {
            text-transform: uppercase;
            font-size: .9em;
            color: #fff;
            letter-spacing: 1px;
            height: 30px;
            line-height: 30px;
            padding-left: 15px;
            width: 100%;
            box-sizing: border-box;
        }

            #view_project .tn_row .state i {
                margin: 5px;
            }


    #view_project .logo {
        float: left;
        width: 130px;
    }

        #view_project .logo .cnt {
            border: none;
            box-shadow: none;
            overflow: hidden;
            width: 100px;
            height: 100px;
            margin: 15px;
            background-repeat: no-repeat;
        }

    #view_project .ddbox {
        position: absolute;
        top: -4px;
        right: -4px;
        display: none;
        z-index: 1;
    }

        #view_project .ddbox li a {
            display: block;
            width: 100%;
        }

    #view_project .tn_row:hover .ddbox {
        display: block;
    }

    #view_project .tn_row > div::before {
        content: '';
    }

    #view_project .tn_row .text {
        margin-left: 145px;
        padding-right: 10px;
    }

    #view_project .tn_row .title {
        font-size: 16px;
        color: #454e4a !important;
        margin: 1em 0 0.2em 0;
        font-weight: bold;
        white-space: normal;
        text-align: left;
        word-break: break-word;
        overflow: hidden;
    }

    #view_project .tn_row .description {
        margin: .1em 0 1em 0;
        text-align: left;
        word-break: break-word;
        overflow: hidden;
    }

    #view_project .progress .title {
        color: #009ee3;
        font-family: "Segoe UI", "Tahoma", "Arial", "Verdana",sans-serif;
        font-weight: bold;
        font-size: 16px;
    }


body.mce-content-body {
    margin: 10px;
}


#ProjectV2 {
    color: #666;
}

    #ProjectV2 .reportCounts {
        font-size: 18px;
        white-space: nowrap;
    }

        #ProjectV2 .reportCounts .Marker {
            font-size: 25px;
            width: 80px;
            display: inline-block;
            text-align: right;
            margin-right: 5px;
        }

#ProjectFormList {
    padding: 0;
}


    #ProjectFormList > li {
        list-style: none;
        cursor: pointer;
        margin: 20px 0;
        padding: 0;
        background-color: #FFF;
        height: 150px;
    }

    #ProjectFormList .solid {
        position: relative;
        float: left;
        width: 180px;
    }

    #ProjectFormList .auto {
        height: 150px;
        margin-left: 20px;
        overflow: hidden;
    }

    #ProjectFormList > li.chapter {
        height: auto;
    }

        #ProjectFormList > li.chapter .auto {
            height: auto;
        }

            #ProjectFormList > li.chapter .auto h3 {
                border-left: 2px #e0e0e0 solid;
                padding-left: 10px;
            }

    #ProjectFormList .disabled {
        opacity: 0.6;
        filter: alpha(opacity=60);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    }


    #ProjectFormList > li .cnt {
        overflow: hidden;
        width: 150px;
        height: 150px;
        -moz-box-shadow: 0 0 2px #999;
        -webkit-box-shadow: 0 0 2px #999;
        box-shadow: 0 0 2px #999;
        background-repeat: no-repeat;
    }

    #ProjectFormList .time {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 5px;
        color: #aaa;
    }

    #ProjectFormList .title {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 13px;
    }


    #ProjectFormList .description {
    }

    #ProjectFormList .logo .cnt {
        width: 150px;
        height: 150px;
    }

    #ProjectFormList .ddbox {
        position: absolute;
        top: 0;
        right: 20px;
    }

    #ProjectFormList > li .ddbox {
        display: none;
        width: 25px;
    }

    #ProjectFormList > li:hover .ddbox {
        display: block;
    }


    #ProjectFormList .extIcon {
        position: absolute;
        top: 1px;
        right: 31px;
        border: 1px solid #0566FF;
        background: #0566FF;
        font-weight: bold;
        font-size: 7pt;
        color: white;
    }

.SubActionBar {
    float: left;
    margin-top: 5px;
}

    .SubActionBar .ddbox {
        border: 1px #aaa solid !important;
        color: #999 !important;
        text-decoration: none;
        margin-right: 7px !important;
        padding: 5px 20px 5px 5px !important;
        font-weight: normal !important;
        width: auto !important;
        height: 16px !important;
    }

        .SubActionBar .ddbox:hover {
            box-shadow: none !important;
            color: #777;
            background-color: #F0F0F0;
        }

        .SubActionBar .ddbox li {
            padding: 2px 2px 2px 2px;
        }

            .SubActionBar .ddbox li > a {
                line-height: 20px;
                display: block;
                padding-right: 18px;
                padding-left: 4px;
            }


    .SubActionBar > a {
        border: 1px #aaa solid;
        padding: 5px;
        color: #555;
        text-decoration: none;
        margin-right: 7px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .SubActionBar > a:hover {
            color: #777;
            background-color: #F0F0F0;
        }

        .SubActionBar > a i {
            font-size: 16px;
            margin-right: 8px;
            vertical-align: text-bottom;
        }

{
    float: left;
    margin-top: 5px;
}

#chooseFolder {
    width: 460px;
}

    #chooseFolder .circle {
        font-weight: bold;
        margin-bottom: 8px;
    }

        #chooseFolder .circle:hover {
            cursor: pointer;
            text-decoration: underline;
        }

    #chooseFolder .folderName {
        margin: 10px 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        #chooseFolder .folderName > span {
            font-weight: bold;
        }

    #chooseFolder #jstree_div {
        overflow: auto;
        height: 270px;
        width: 100%;
    }

#currentPath {
    line-height: 30px;
    margin-right: 26px;
}

#jstree_sfolder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
}


/* tinymce */

.tox-silver-sink {
    z-index: 2000000 !important;
}

.tox-tinymce {
    border-radius: 0px !important;
}

.tox-tbtn--select {
    font-size: 10px !important;
}

.tox-toolbar__group {
    padding: 0px 0px 0px 0px !important;
}

.tox-tbtn[title="Schriftarten"] {
    width: 70px !important;
}

.tox-tbtn[title="Schriftgrößen"] {
    width: 70px !important;
}

.tox-fullscreen {
    z-index: 200000 !important;
}

.tox-menu {
    max-height: 300px !important;
}
/* media queries */
@media (max-width: 1300px) {
    #view_project .tn_row {
        width: 49%;
    }

        #view_project .tn_row:nth-child(4), #view_project .tn_row:nth-child(10), #view_project .tn_row:nth-child(13), #view_project .tn_row:nth-child(16) {
            clear: none;
        }

        #view_project .tn_row:nth-child(3), #view_project .tn_row:nth-child(5), #view_project .tn_row:nth-child(9), #view_project .tn_row:nth-child(11), #view_project .tn_row:nth-child(15), #view_project .tn_row:nth-child(17) {
            clear: both;
        }
}


@media only screen and (max-width: 910px) {
    .logoleftpart {
    }
}


@media (max-width: 880px) {

    #view_project .tn_row {
        width: 99%;
        margin-bottom: 1em;
    }
}


.usercard {
}

    .usercard .userphoto {
        float: left;
        margin-right: 10px;
        width: 50px;
    }

        .usercard .userphoto img {
            width: 50px;
            height: 50px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-clip: content-box;
            border: 3px solid transparent;
            background-color: #cfcfcf;
            border-radius: 49.9%;
            display: inline-block;
        }

    .usercard .username {
        font-weight: bold;
        margin-bottom: 3px;
    }

    .usercard .userdescription {
        font-size: smaller;
    }

    .usercard .usersubinfo {
        font-size: smaller;
        color: #aaa;
    }



#mySkillList {
}

    #mySkillList .cat span {
        font-size: 20px;
        color: #096CAF;
        line-height: 30px;
        margin-bottom: 10px;
        border-bottom: 1px #999 solid;
    }

    #mySkillList .item {
        position: relative;
        border-radius: 3px;
        box-shadow: 2px 2px 4px #999;
        margin-bottom: 20px;
    }

        #mySkillList .item .wrapper {
            padding: 10px;
            margin-top: 15px;
        }

        #mySkillList .item .ddbox {
            display: none;
            position: absolute;
            right: 0;
            top: 0;
        }

        #mySkillList .item:hover {
            background-color: #F0F0F0;
        }

            #mySkillList .item:hover .ddbox {
                display: block;
            }

        #mySkillList .item .points {
            float: right;
        }

            #mySkillList .item .points .fa {
                color: #e2bb00;
                font-size: 16px;
            }

#CreateXpress {
}

    #CreateXpress input {
        width: 100%;
    }

    #CreateXpress textarea {
        width: 100%;
        resize: vertical;
    }

.formheader {
    min-height: 80px;
    padding: 5px 10px 5px 10px;
    border-bottom: #F0F0F0 1px solid;
    background-color: #FAFAFA;
}

    .formheader h1 {
        margin: 3px 0 8px 3px;
        font-size: 24px;
    }

    .formheader h2 {
        margin: 3px 0 8px 3px;
        font-size: 20px;
    }

    .formheader .fhdescription {
        color: #787879;
        padding: 3px 10px 5px 3px;
        clear: both;
    }

    .formheader .filteroptions {
        float: left;
        top: 45px;
        left: 20px;
        color: #787879;
    }

        .formheader .filteroptions label {
            font-weight: normal;
        }

    .formheader .searchoptions {
        padding-top: 2px;
        margin-right: 2px;
        float: left;
    }

    .formheader .searchviewoptions {
        margin-left: 18px;
        float: right;
    }


    .formheader .viewoptions {
        margin-left: 8px;
        float: left;
    }

        .formheader .viewoptions button {
            height: 25px;
        }

        .formheader .viewoptions select {
            margin-top: 2px;
            margin-right: 5px;
            height: 22px;
        }

        .formheader .viewoptions .ddbox {
            width: auto;
            font-weight: bold;
            padding-right: 8px;
            height: 21px;
            line-height: 20px;
        }


    .formheader .fvfavorite {
        position: absolute;
        top: 58px;
        right: 10px;
    }

.formheaderclean {
    min-height: auto;
    border-bottom: #F0F0F0 1px solid;
    background-color: transparent;
}

#datasearchbox {
    border: 1px #D3dce0 solid;
    background-color: white;
    overflow: hidden;
    position: relative;
}

    #datasearchbox input {
        margin: 0 3px 0 0;
        border: 0;
        -moz-box-shadow: 0 0 0 #d0d0d0;
        -webkit-box-shadow: 0 0 0 #d0d0d0;
        box-shadow: 0 0 0 #d0d0d0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        vertical-align: top;
    }

        #datasearchbox input[type="text"] {
            padding: 3px 3px 3px 5px;
            -webkit-appearance: caret;
        }

        #datasearchbox input[type="image"] {
            padding: 0;
        }

        #datasearchbox input:focus {
            outline: none;
        }

    #datasearchbox .searchboxdelete {
        display: none;
        position: absolute;
        right: 18px;
        top: 4px;
    }

#FL {
}

    #FL .nav {
        height: 30px;
        padding-left: 7px;
    }

        #FL .nav .liststyle {
            float: right;
        }

            #FL .nav .liststyle .ui-button-text {
                padding: 0;
            }

    #FL .results {
        margin-top: 0px;
        margin-bottom: 40px;
    }

    #FL .formheader {
        min-height: 45px;
    }

    #FL .FSiGrid {
        overflow: unset;
    }

.ListStyle0 {
}

    .ListStyle0 th {
        border-right: 1px #F0F0F0 solid;
    }

    .ListStyle0 .lastth {
        border-right: 0;
    }

    .ListStyle0 td {
        border-top: 1px #F0F0F0 solid;
    }

    .ListStyle0 .alt {
    }

    .ListStyle0 table td {
        background-color: white;
        -ms-word-break: break-all;
        word-break: break-all;
    }

    .ListStyle0 tr td.action a {
        opacity: 0.7;
    }

    .ListStyle0 tr:hover td.action a {
        opacity: 1;
    }

    .ListStyle0 .logo {
        height: 60px;
        width: 60px;
        padding: 3px !important;
    }

        .ListStyle0 .logo img {
        }

        .ListStyle0 .logo .inactive {
            opacity: 0.2;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            /*
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                */
            filter: gray;
        }


    .ListStyle0 .title {
        padding-left: 10px;
        font-size: 12px;
        font-weight: bold;
    }

        .ListStyle0 .title .description {
            color: #787879;
            font-style: normal;
        }

    .ListStyle0 .newIcon {
        padding: 1px 4px;
        margin-right: 4px;
        background-color: #FF0000;
        font-size: 10px;
        color: #fff;
        float: left;
    }

    .ListStyle0 .ddbox {
        float: right;
        height: 19px;
        margin: 2px 5px 0 0;
        border: 1px #D0D0D0 solid;
        background-color: white;
        box-shadow: none;
        transition: background-color linear 0.4s;
    }



    .ListStyle0 .action {
        width: 150px;
        white-space: nowrap;
        overflow: visible !important;
    }

        .ListStyle0 .action > a {
            height: 20px;
            width: 22px;
            text-align: center;
            border: 1px #D0D0D0 solid;
            display: inline-block;
            padding: 2px 3px 3px 3px;
            margin: 2px;
            -moz-transition: background-color linear 0.4s;
            -o-transition: background-color linear 0.4s;
            -webkit-transition: background-color linear 0.4s;
            transition: background-color linear 0.4s;
        }

    .ListStyle0 .delete {
        float: right;
    }
    /* 
{
    width: 150px;
    white-space: nowrap;
    overflow: visible !important;
}
    */

    .ListStyle0 td.action > a:hover {
        background-color: #FFF;
    }





    .ListStyle0 td.description {
        font-style: normal !important;
        font-size: 12px !important;
    }


    .ListStyle0 .group {
        font-weight: bold;
        line-height: 25px;
        color: #007EC7;
        cursor: default;
    }

    .ListStyle0 .extIcon {
    }

        .ListStyle0 .extIcon.text {
            border: 1px solid #0566FF;
            background: #0566FF;
            font-weight: bold;
            font-size: 7pt;
            color: white;
        }

        .ListStyle0 .extIcon.lock {
            border: 1px solid #bf7b00;
            background: #bf7b00;
            font-weight: bold;
            font-size: 7pt;
            color: white;
            padding: 0 1px;
            vertical-align: top;
            margin: 1px 5px;
            display: inline-block;
        }

    .ListStyle0 .invisible {
        /*opacity: 0.2;*/
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        opacity: 0.4;
    }


    .ListStyle0 .pBar {
        width: 90%;
        margin-top: 13px;
    }

        .ListStyle0 .pBar img {
            position: absolute;
            top: 2px;
            left: 83%;
            right: 0;
        }


.ListStyle1 {
    margin-top: 11px;
    position: relative;
}

    .ListStyle1 .draggableHelper {
        background-color: #eee;
        width: 180px;
        height: 180px;
        z-index: 999;
        opacity: 0.3;
        -moz-box-shadow: 0 0 10px #787879;
        -webkit-box-shadow: 0 0 10px #787879;
        -o-box-shadow: 0 0 10px #787879;
        box-shadow: 0 0 10px #787879;
    }

    .ListStyle1 .group {
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 7px;
        border-bottom: 1px #E7E8E9 solid;
        margin-bottom: 5px;
        color: #007EC7;
    }

        .ListStyle1 .group .count {
            color: #C7C8C9;
            font-size: 12px;
            font-weight: normal;
        }

    .ListStyle1 .item {
        position: relative;
        float: left;
        width: 180px;
        height: 180px;
        margin: 5px;
        padding: 0;
        -moz-box-shadow: 0 0 3px #d0d0d0;
        -webkit-box-shadow: 0 0 3px #d0d0d0;
        -o-box-shadow: 0 0 3px #d0d0d0;
        box-shadow: 0 0 3px #d0d0d0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
    }



    .ListStyle1 .inactive .content,
    .ListStyle1 .inactive .content h2 {
        /*opacity: 0.2;*/
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'greyscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\' /></filter></svg>#greyscale");*/
        filter: gray;
    }

    .ListStyle1 .notindate {
        /*-moz-box-shadow: 0 0 10px #FF8800;
        -webkit-box-shadow: 0 0 10px #FF8800;
        -o-box-shadow: 0 0 10px #FF8800;
        box-shadow: 0 0 10px #FF8800;*/
    }

        .ListStyle1 .notindate .content,
        .ListStyle1 .notindate .content h2 {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'greyscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\' /></filter></svg>#greyscale");
            filter: gray;
        }


    .ListStyle1 .droppable {
        -moz-box-shadow: 0 0 10px #33AA44;
        -webkit-box-shadow: 0 0 10px #33AA44;
        -o-box-shadow: 0 0 10px #33AA44;
        box-shadow: 0 0 10px #33AA44;
        border: 0px #33AA44 solid;
    }

    .ListStyle1 .item .folder {
        height: 180px;
        display: block;
        background-image: url(../images/formular/folder.png);
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        opacity: 1;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        overflow: hidden;
    }

    .ListStyle1 .item .invisible {
        /*opacity: 0.2;*/
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'greyscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\' /></filter></svg>#greyscale");
        filter: gray;
        opacity: 0.4;
    }

/* Nur Internet Explorer 10 + 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ListStyle1 .inactive .content::after, .ListStyle1 .notindate .content::after, .ListStyle1 .item .invisible .content::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mPo2gQAAckBPaazuCYAAAAASUVORK5CYII=);
    }

    .ListStyle1 .item .content {
        transition: none !important;
    }

    .ListStyle1 .item .folder {
        transition: none !important;
    }
}

.ListStyle1 .item .folder:hover {
    opacity: 0.8;
}

.ListStyle1 .item .folder h2 {
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    padding: 0 10px 4px 6px;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #343437;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ListStyle1 .item .back {
    background-image: url(../images/formular/folderback.png);
}

.ListStyle1 .item .edit {
    position: absolute;
    left: 27px;
    top: 3px;
    display: none;
}

.ListStyle1 .item .ofolder {
    position: absolute;
    left: 52px;
    top: 5px;
    display: none;
}

.ListStyle1 .item .imgDL {
    background-color: #D0D0D0;
    border-radius: 3px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    padding: 3px;
    top: 2px;
    left: 2px;
    position: absolute;
    display: none;
    box-shadow: 2px 2px 3px #666;
}

.ListStyle1 .item:hover .imgDL {
    display: inline;
}

.ListStyle1 .item .list {
    position: absolute;
    left: 50px;
    top: 5px;
    display: none;
}

.ListStyle1 .adud .edit {
    /* Folder */
    position: absolute;
    left: 23px;
    top: 5px;
    display: none;
}

.ListStyle1 .item .delete {
    position: absolute;
    right: 0;
    top: 5px;
    display: none;
}

.ListStyle1 .item .dellogo {
    position: absolute;
    right: 0;
    top: 5px;
    display: none;
}

.ListStyle1 .item .ddbox {
    display: none;
    position: absolute;
    Xtop: -4px;
    Xright: -4px;
    left: auto;
}

.ListStyle1 .item .favorites {
    position: absolute;
    left: 0;
    top: 5px;
    display: none;
}

.ListStyle1 .item .stat {
    position: absolute;
    left: 77px;
    top: 3px;
    display: none;
}


.ListStyle1 .item a {
    display: block;
    text-decoration: none;
    font-style: normal;
}

.ListStyle1 .item .content {
    height: 180px;
    width: auto;
    overflow: hidden;
    opacity: 1;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background-repeat: no-repeat;
}

    .ListStyle1 .item .content.fill {
        background-position: center center !important;
    }

        .ListStyle1 .item .content.fill h2 {
            display: none;
        }

        .ListStyle1 .item .content.fill:before {
            content: "";
            width: 100%;
            height: 25px;
            position: absolute;
            top: 0;
            left: 0;
            background-color: inherit;
            display: none;
            opacity: 0.4;
            filter: alpha(opacity = 40);
        }

.ListStyle1 .item:hover .content.fill:before {
    display: block;
}

.ListStyle1 .item .content:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
}


.ListStyle1 .item .text {
    padding: 0 10px 4px 6px;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 3px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ListStyle1 .item .title {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font: 40px/32px 'BebasNeueRegular', sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    white-space: nowrap;
}

.ListStyle1 .item .subtitle {
    font-size: 11px;
    white-space: normal;
}







.ListStyle1 .item .content h3 {
    font: 30px/26px 'BebasNeueRegular', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0 0 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}


.ListStyle1 .item .content .taskcount {
    display: block;
    font: verdana, arial;
    font-weight: bold;
    font-size: 46px;
    line-height: 46px;
    margin: 0px 0px 0px 15px;
    text-shadow: 2px 2px 5px #000;
}

.ListStyle1 .item .content .description, .ListStyleSP .item .content .description {
    color: #fff;
    overflow: hidden;
    font-size: 11px;
    line-height: 13px;
    max-height: 180px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: -100%;
    background: #000;
    padding: 20px 20px;
    visibility: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.ListStyle1 .item .pBar {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 49%;
}

    .ListStyle1 .item .pBar img {
        position: absolute;
        top: 2px;
        left: 78%;
        right: 0;
        margin: 0 auto;
    }

@-webkit-keyframes slidein {
    from {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    to {
        margin-bottom: 0;
        visibility: visible;
    }
}

@-moz-keyframes slidein {
    0% {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    72% {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    100% {
        margin-bottom: 0;
        visibility: visible;
    }
}

@keyframes slidein {
    0% {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    72% {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    100% {
        margin-bottom: 0;
        visibility: visible;
    }
}


.ListStyle1 .item .content:hover .description:not(:empty), .ListStyleSP .item .content:hover .description:not(:empty) {
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

/* Nur Internet Explorer 10 + 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ListStyle1 .item .content .description, .ListStyleSP .item .content .description {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    .ListStyle1 .item .content:hover .description:not(:empty), .ListStyleSP .item .content:hover .description:not(:empty) {
        animation-name: none;
        margin-bottom: 0;
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity = 1);
        transition: opacity 0.3s ease-out 0.6s;
    }
}

.ie .ListStyle1 .item .content:hover .description:not(:empty), .ie .ListStyleSP .item .content:hover .description:not(:empty) {
    margin-bottom: 0;
    visibility: visible;
}

.ListStyle1 .item > a > .fa {
    float: right;
    margin-right: 4px;
    margin-top: 5px;
    opacity: 0.8;
    font-size: 1.2em;
}

.ListStyle1 .item .extIcon {
    float: right;
    margin-right: 4px;
    margin-top: 5px;
    opacity: 0.8;
}

    .ListStyle1 .item .extIcon.text {
        border: 1px solid #0566FF;
        background: #0566FF;
        font-weight: bold;
        font-size: 7pt;
        color: white;
        position: relative;
        width: auto;
        padding: 0;
        bottom: auto;
    }

.ListStyle1 .extIcon.lock {
    border: 1px solid #bf7b00;
    background: #bf7b00;
    font-weight: bold;
    font-size: 7pt;
    color: white;
    padding: 0 1px;
}

.ListStyle1 .item .newIcon {
    float: right;
    margin-right: 4px;
    margin-top: 5px;
    opacity: 0.8;
    padding: 0 3px;
    background-color: #FF0000;
    font-size: 10px;
    color: #fff;
}

.ListStyle1 .item .picicon-secure {
    float: right;
    margin-top: 5px;
    margin-right: -2px;
}


.ListStyle1 .searchtitle {
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px #CDCDDE solid;
    margin-bottom: 11px;
}



.dragdrophover {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    -o-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    font-weight: bold;
    color: #000;
    margin-top: 2px;
    margin-left: 2px;
}

.dragdrophoverhelper {
}

.tn_tasks {
    margin-top: 5px;
    vertical-align: bottom;
}

.tn_grid {
    margin-top: 20px;
    width: 100%;
}

    .tn_grid .extIcon {
        position: absolute;
        top: 1px;
        right: 1px;
        border: 1px solid #0566FF;
        background: #0566FF;
        font-weight: bold;
        font-size: 7pt;
        color: white;
        padding-right: 0 !important;
    }

.tn_row {
    clear: both;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .1);
}

    .tn_row.alt {
        background-color: rgba(0, 0, 0, .05);
    }

    .tn_row:hover {
        background-color: rgba(0, 0, 0, .3);
    }

    .tn_row > div {
        float: left;
        width: 100%;
    }

    .tn_row .pBar {
        margin: 0;
    }

    /*
    .tn_row > div::before {
        content: "\200B";
    }

    .tn_row > div:nth-child(1) {
        width: 7%;
    }

        .tn_row > div:nth-child(1) i {
            margin: 10px;
        }

    .tn_row > div:nth-child(2) {
        width: 20%;
    }

    .tn_row > div:nth-child(3) {
       width: 40%;
    }

    .tn_row > div:nth-child(4) {
        margin-left: 1%;
        width: 17%;
        text-align: center;
        margin-right: 1%;
    }

    .tn_row > div:nth-child(5) {
        margin-left: 1%;
        width: 10%;
        margin-right: 1%;
    }
        */

    .tn_row .logo .cnt {
        position: relative;
    }

hidden {
    opacity: 0;
    pointer-events: none;
}


@media screen and (max-width: 1920px) {
    .ListStyle1 .draggableHelper {
        width: 160px;
        height: 160px;
    }

    .ListStyle1 .group .count {
        font-size: 10px;
    }

    .ListStyle1 .item {
        width: 160px;
        height: 160px;
    }

        .ListStyle1 .item .folder {
            height: 160px;
            display: block;
            -moz-background-size: 160px;
            -o-background-size: 160px;
            background-size: 160px;
        }

            .ListStyle1 .item .folder h2 {
                font-size: 16px;
            }

        .ListStyle1 .item .back {
            -moz-background-size: 160px;
            -o-background-size: 160px;
            background-size: 160px;
        }

        .ListStyle1 .item .content {
            height: 160px;
        }

            .ListStyle1 .item .content h2 {
                max-height: 80%;
                font-size: 15px;
                line-height: 18px;
                bottom: 0;
                position: absolute;
            }

            .ListStyle1 .item .content .taskcount {
                font-size: 40px;
                line-height: 40px;
            }

            .ListStyle1 .item .content .description {
                font-size: 12px;
                line-height: 14px;
                max-height: 160px;
                padding: 10px 10px;
            }
}



/* Azuro */

/*Login Area*/
.viewStyle_1 #AccountLoginCard .splitter2 {
    border-top: 1px #006AA3 dotted;
}

/*nav*/
.viewStyle_1 .ttdd ul li .description, .viewStyle_1 .ttdd > ul span, .viewStyle_1 .ttdd > ul li {
    color: white !important;
    font-size: 11.5px;
}

/*Text oben links*/
.viewStyle_1 #SiteMapPath a, .SiteMapPath a {
    color: #006AA3 !important;
}

/*Searchbox*/
.viewStyle_1 #datasearchbox {
    border: 1px #006AA3 solid;
}

    .viewStyle_1 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_1 .searchviewoptions select {
    height: 23px;
}

.viewStyle_1 .ddbox {
    border: 1px #006AA3 solid;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_1 .ddbox:hover {
        box-shadow: 0 0 5px #d0d0d0;
    }

    .viewStyle_1 .ddbox ul {
        background-color: white;
        border: 1px #006AA3 solid;
        background-image: none;
    }

    .viewStyle_1 .ddbox li:hover {
        background-color: #006AA3;
    }

    .viewStyle_1 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_1 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_1 #ViewId:hover, .viewStyle_1 .searchviewoptions select:hover, .viewStyle_1 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_1 #ViewId, .viewStyle_1 .searchviewoptions select {
    border: 1px #006AA3 solid;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVRIS63M0QnDMAxF0eyUYYzxetnCYAKGrKXyCoZUufSjrx8HzJWsLSL+CqMDowOjA6MDowOjA6MDowOjA6MD43Ecse/7V9rJ/+QR5LquaK3hIdFMO/mfPMIy54xa6+OYmmZ5f8G4nOf5cVRvtbx3h/FujBGllDe98zzDmPXeQ3InGB0YHRgdGB0YHRgdGB0YHRh/F9sL9fzxNFGjbysAAAAASUVORK5CYII=') /*../Images/action/sd.png*/;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_1 #ViewId option:hover, .viewStyle_1 .searchviewoptions select option:hover {
        background-color: #006AA3;
        color: white;
    }

.viewStyle_1 .searchviewoptions button {
    border: 1px #006AA3 solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}
/*Tabelle/Grid*/
.viewStyle_1 .grid {
    border-top: 2px #006AA3 solid;
}

    .viewStyle_1 .grid thead th a {
        color: #006AA3;
    }

    .viewStyle_1 .grid tbody tr:hover {
        background-color: rgba(0, 106, 163, 0.40);
    }

.viewStyle_1 .FDGrid .grid thead th {
    color: #006AA3;
}

    .viewStyle_1 .FDGrid .grid thead th span i {
        color: #006AA3 !important;
    }

.viewStyle_1 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_1 .FDGrid .grid thead th:hover {
    background-color: rgba(0, 106, 163, 0.40);
}

.viewStyle_1 .grid thead th .hover {
    background-color: rgba(0, 106, 163, 0.00);
}

.viewStyle_1 .grid tr:nth-of-type(odd) {
    background-color: rgba(0, 106, 163, 0.20);
}

    .viewStyle_1 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 106, 106, 0.20);
    }

.viewStyle_1 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_1 .grid tfoot td a {
        background-color: white;
        color: #006AA3;
        border-bottom: 1px #006aa3 solid;
        border-left: 1px #006aa3 solid;
        border-top: 1px #006aa3 solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_1 .grid tfoot td a:last-of-type {
            border-right: 1px #006aa3 solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_1 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #006aa3 solid;
        border-left: 1px #006aa3 solid;
        border-top: 1px #006aa3 solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_1 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #006aa3 solid;
        border-left: 1px #006aa3 solid;
        border-top: 1px #006aa3 solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_1 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #006aa3 solid;
        border-left: 1px #006aa3 solid;
        border-top: 1px #006aa3 solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_1 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #006aa3 solid;
        border-left: 1px #006aa3 solid;
        border-top: 1px #006aa3 solid;
        border-right: 1px #006aa3 solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_1 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px #006aa3 solid;
    }

    .viewStyle_1 .grid tfoot td a:hover {
        background-color: rgba(0, 106, 163, 0.40);
        box-shadow: 0 0 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_1 .group {
    padding-top: 20px;
}

    .viewStyle_1 .group td {
        border-top: 1px #006AA3 solid;
        border-bottom: 1px #006AA3 solid;
        background-color: #fff;
        color: #006AA3;
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_1 #ItemsPerPage:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_1 #ItemsPerPage {
    border: 1px #006AA3 solid;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVRIS63M0QnDMAxF0eyUYYzxetnCYAKGrKXyCoZUufSjrx8HzJWsLSL+CqMDowOjA6MDowOjA6MDowOjA6MD43Ecse/7V9rJ/+QR5LquaK3hIdFMO/mfPMIy54xa6+OYmmZ5f8G4nOf5cVRvtbx3h/FujBGllDe98zzDmPXeQ3InGB0YHRgdGB0YHRgdGB0YHRh/F9sL9fzxNFGjbysAAAAASUVORK5CYII=') /*../Images/action/sd.png*/;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_1 #ItemsPerPage option:hover {
        background-color: #006AA3;
        color: white;
    }

/*powertoolTip*/
.viewStyle_1 #powerTip {
    background-color: #006AA3;
}

    .viewStyle_1 #powerTip.n:before {
        border-top: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.e:before {
        border-right: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.s:before {
        border-bottom: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.w:before {
        border-left: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.ne:before, .viewStyle_1 #powerTip.nw:before {
        border-top: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.se:before, .viewStyle_1 #powerTip.sw:before {
        border-bottom: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.nw-alt:before, .viewStyle_1 #powerTip.ne-alt:before,
    .viewStyle_1 #powerTip.sw-alt:before, .viewStyle_1 #powerTip.se-alt:before {
        border-top: 10px solid #006AA3;
    }

    .viewStyle_1 #powerTip.sw-alt:before, .viewStyle_1 #powerTip.se-alt:before {
        border-bottom: 10px solid #006AA3;
    }

.viewStyle_1 .tag-container .tag {
    background-color: #006AA4;
    color: #fff;
}

    .viewStyle_1 .tag-container .tag:before {
        border-right: 10px solid #006AA4;
    }
/*****************************************************************************************/
/* Midori */
/*****************************************************************************************/
/*Nav*/
.viewStyle_2 header .content-wrapper {
    background-color: rgba(80, 174, 88, 1);
}

.viewStyle_2 #rtb a:hover {
    background-color: rgba(112, 190, 112, 1) !important;
}

.viewStyle_2 .ttdd:hover {
    background-color: rgba(80, 174, 88, 1) !important;
}

.viewStyle_2 .ttdd > ul, .viewStyle_2 .ttdd ul {
    background-color: rgba(80, 174, 88, 1);
    color: white;
}

    .viewStyle_2 .ttdd > ul, .viewStyle_2 .ttdd ul li {
        background-color: rgba(80, 174, 88, 1);
        color: white;
    }

.viewStyle_2 .ttdd li:hover {
    background-color: rgba(112, 190, 112, 1) !important;
}

.viewStyle_2 .ttdd ul li .description, .viewStyle_2 .ttdd > ul span, .viewStyle_2 .ttdd > ul li {
    color: white !important;
    font-size: 11.5px;
}

.viewStyle_2 #ltb a:hover, .viewStyle_2 #rtb a:hover, .viewStyle_2 #rltb a:hover {
    background-color: rgba(112, 190, 112, 1) !important;
}

.viewStyle_2 #sitetopmenu:hover {
    background-color: rgba(112, 190, 112, 1) !important;
}

/*Login Area*/
.viewStyle_2 #AccountLoginCard .splitter2 {
    border-top: 1px rgba(80, 174, 88, 1) dotted;
}

/*aside links*/
.viewStyle_2 .leftside .title {
    border-bottom-color: rgba(80, 174, 88, 1);
}

.viewStyle_2 #formsearch .formsearchbox {
    border-color: rgba(80, 174, 88, 1);
}

    .viewStyle_2 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_2 .submenu li .node:hover {
    border-color: rgba(80, 174, 88, 1);
}

/*Text oben links body*/
.viewStyle_2 #SiteMapPath a, .viewStyle_2 .SiteMapPath a {
    color: rgba(80, 174, 88, 1) !important;
}

/*Searchbox*/
.viewStyle_2 #datasearchbox {
    border: 1px rgba(80, 174, 88, 1) solid;
}

    .viewStyle_2 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_2 .searchviewoptions select {
    height: 23px;
}

.viewStyle_2 .ddbox {
    border: 1px rgba(80, 174, 88, 1) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_2 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_2 .ddbox ul {
        background-color: white;
        border: 1px rgba(80, 174, 88, 1) solid;
        background-image: none;
    }

    .viewStyle_2 .ddbox li:hover {
        background-color: rgba(80, 174, 88, 1);
        border-bottom-color: rgba(80, 174, 88, .5);
    }

    .viewStyle_2 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_2 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_2 #ViewId:hover, .viewStyle_2 .searchviewoptions select:hover, .viewStyle_2 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_2 #ViewId, .viewStyle_2 .searchviewoptions select {
    border: 1px rgba(80, 174, 88, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_2 #ViewId option:hover, .viewStyle_2 .searchviewoptions select option:hover {
        background-color: rgba(80, 174, 88, 1);
        color: white;
    }

.viewStyle_2 .searchviewoptions button {
    border: 1px rgba(80, 174, 88, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}
/*Tabelle/Grid*/
.viewStyle_2 .grid {
    border-top: 2px rgba(80, 174, 88, 1) solid;
}

    .viewStyle_2 .grid thead th a {
        color: rgba(80, 174, 88, 1);
    }

    .viewStyle_2 .grid thead th .hover {
        background-color: rgba(80, 174, 88, .0);
    }

.viewStyle_2 .FDGrid .grid thead th {
    color: rgba(80, 174, 88, 1);
}

    .viewStyle_2 .FDGrid .grid thead th span i {
        color: rgba(80, 174, 88, 1) !important;
    }

    .viewStyle_2 .FDGrid .grid thead th:hover {
        background-color: rgba(80, 174, 88, .4);
    }

.viewStyle_2 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_2 .grid tbody tr:hover {
    background-color: rgba(80, 174, 88, .4);
}

.viewStyle_2 .grid tr:nth-of-type(odd) {
    background-color: rgba(80, 174, 88, .2);
}

    .viewStyle_2 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 90, 88, .2);
    }

.viewStyle_2 .grid tr:hover td:first-child {
    border-left-color: rgba(80, 174, 88, 1);
}

.viewStyle_2 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_2 .grid tfoot td a {
        background-color: white;
        color: rgba(80, 174, 88, 1);
        border-bottom: 1px rgba(80, 174, 88, 1) solid;
        border-left: 1px rgba(80, 174, 88, 1) solid;
        border-top: 1px rgba(80, 174, 88, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_2 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(80, 174, 88, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_2 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(80, 174, 88, 1) solid;
        border-left: 1px rgba(80, 174, 88, 1) solid;
        border-top: 1px rgba(80, 174, 88, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_2 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(80, 174, 88, 1) solid;
        border-left: 1px rgba(80, 174, 88, 1) solid;
        border-top: 1px rgba(80, 174, 88, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_2 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(80, 174, 88, 1) solid;
        border-left: 1px rgba(80, 174, 88, 1) solid;
        border-top: 1px rgba(80, 174, 88, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_2 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(80, 174, 88, 1) solid;
        border-left: 1px rgba(80, 174, 88, 1) solid;
        border-top: 1px rgba(80, 174, 88, 1) solid;
        border-right: 1px rgba(80, 174, 88, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_2 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(80, 174, 88, 1) solid;
    }

    .viewStyle_2 .grid tfoot td a:hover {
        background-color: rgba(80, 174, 88, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_2 .group {
    padding-top: 20px;
}

    .viewStyle_2 .group td {
        border-top: 1px rgba(80, 174, 88, 1);
        border-bottom: 1px rgba(80, 174, 88, 1) solid;
        background-color: #fff;
        color: rgba(80, 174, 88, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_2 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_2 #ItemsPerPage {
    border: 1px rgba(80, 174, 88, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_2 #ItemsPerPage option:hover {
        background-color: rgba(80, 174, 88, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_2 #powerTip {
    background-color: rgba(80, 174, 88, 1);
}

    .viewStyle_2 #powerTip.n:before {
        border-top: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.e:before {
        border-right: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.s:before {
        border-bottom: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.w:before {
        border-left: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.ne:before, .viewStyle_2 #powerTip.nw:before {
        border-top: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.se:before, .viewStyle_2 #powerTip.sw:before {
        border-bottom: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.nw-alt:before, .viewStyle_2 #powerTip.ne-alt:before,
    .viewStyle_2 #powerTip.sw-alt:before, .viewStyle_2 #powerTip.se-alt:before {
        border-top: 10px solid rgba(80, 174, 88, 1);
    }

    .viewStyle_2 #powerTip.sw-alt:before, .viewStyle_2 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(80, 174, 88, 1);
    }

/*PopUp*/
.viewStyle_2 .simplemodal-container h1 {
    background-color: rgba(80, 174, 88, 1);
}

.viewStyle_2 .simplemodal-container a:link, .viewStyle_2 .simplemodal-container a:visited, .viewStyle_2 #simplemodal-containera:active, .viewStyle_2 .simplemodal-container a:hover {
    color: rgba(80, 174, 88, 1) !important;
}

.viewStyle_2 .itemChoiceList li a:hover {
    border-left-color: rgba(80, 174, 88, 1);
}

.viewStyle_2 .viewordercollist li {
    color: rgba(80, 174, 88, 1);
}

.viewStyle_2 .tag-container .tag {
    background-color: rgba(80, 174, 88, 1);
    color: #fff;
}

    .viewStyle_2 .tag-container .tag:before {
        border-right: 10px solid rgba(80, 174, 88, 1);
    }

.viewStyle_2 .pBarProgress {
    background: rgba(80, 174, 88, 1);
}

/*****************************************************************************************/
/* Pure */
/*****************************************************************************************/
/*Nav*/
.viewStyle_3 header .content-wrapper {
    background-color: rgba(128, 128, 128, 1);
}

.viewStyle_3 #rtb a:hover {
    background-color: rgb(152, 151, 151) !important;
}

.viewStyle_3 .ttdd:hover {
    background-color: rgba(128, 128, 128, 1) !important;
}

.viewStyle_3 .ttdd > ul, .viewStyle_3 .ttdd ul {
    background-color: rgba(128, 128, 128, 1);
    color: white;
}

    .viewStyle_3 .ttdd > ul, .viewStyle_3 .ttdd ul li {
        background-color: rgba(128, 128, 128, 1);
        color: white;
    }

        /*nav*/
        .viewStyle_3 .ttdd ul li .description, .viewStyle_3 .ttdd > ul span, .viewStyle_3 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_3 .ttdd li:hover {
    background-color: rgb(152, 151, 151) !important;
}

.viewStyle_3 #ltb a:hover, .viewStyle_3 #rtb a:hover, .viewStyle_3 #rltb a:hover {
    background-color: rgb(152, 151, 151) !important;
}

.viewStyle_3 #sitetopmenu:hover {
    background-color: rgb(152, 151, 151) !important;
}

/*Login Area*/
.viewStyle_3 #AccountLoginCard .splitter2 {
    border-top: 1px rgba(128, 128, 128, 1) dotted;
}

/*aside links*/
.viewStyle_3 .leftside .title {
    border-bottom-color: rgba(128, 128, 128, 1);
}

.viewStyle_3 #formsearch .formsearchbox {
    border-color: rgba(128, 128, 128, 1);
}

    .viewStyle_3 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_3 .submenu li .node:hover {
    border-color: rgba(128, 128, 128, 1);
}

/*Text oben links body*/
.viewStyle_3 #SiteMapPath a, .viewStyle_3 .SiteMapPath a {
    color: rgba(128, 128, 128, 1) !important;
}

/*Searchbox*/
.viewStyle_3 #datasearchbox {
    border: 1px rgba(128, 128, 128, 1) solid;
}

    .viewStyle_3 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_3 .searchviewoptions select {
    height: 23px;
}

.viewStyle_3 .ddbox {
    border: 1px rgba(128, 128, 128, 1) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_3 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_3 .ddbox ul {
        background-color: white;
        border: 1px rgba(128, 128, 128, 1) solid;
        background-image: none;
    }

    .viewStyle_3 .ddbox li:hover {
        background-color: rgba(128, 128, 128, 1);
        border-bottom-color: rgba(128, 128, 128, .5);
    }

    .viewStyle_3 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_3 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_3 #ViewId:hover, .viewStyle_3 .searchviewoptions select:hover, .viewStyle_9 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_3 #ViewId, .viewStyle_3 .searchviewoptions select {
    border: 1px rgba(128, 128, 128, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_3 #ViewId option:hover, .viewStyle_3 .searchviewoptions select option:hover {
        background-color: rgba(128, 128, 128, 1);
        color: white;
    }

.viewStyle_3 .searchviewoptions button {
    border: 1px rgba(128, 128, 128, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}
/*Tabelle/Grid*/
.viewStyle_3 .grid {
    border-top: 2px rgba(128, 128, 128, 1) solid;
}

    .viewStyle_3 .grid thead th a {
        color: rgba(128, 128, 128, 1);
    }

    .viewStyle_3 .grid thead th .hover {
        background-color: rgba(128, 128, 128, .0);
    }

.viewStyle_3 .FDGrid .grid thead th {
    color: rgba(128, 128, 128, 1);
}

    .viewStyle_3 .FDGrid .grid thead th span i {
        color: rgba(128, 128, 128, 1) !important;
    }

    .viewStyle_3 .FDGrid .grid thead th:hover {
        background-color: rgba(128, 128, 128, .4);
    }

.viewStyle_3 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_3 .grid tbody tr:hover {
    background-color: rgba(128, 128, 128, .4);
}

.viewStyle_3 .grid tr:nth-of-type(odd) {
    background-color: rgba(128, 128, 128, .2);
}

    .viewStyle_3 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 128, 128, .2);
    }

.viewStyle_3 .grid tr:hover td:first-child {
    border-left-color: rgba(128, 128, 128, 1);
}

.viewStyle_3 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_3 .grid tfoot td a {
        background-color: white;
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(128, 128, 128, 1) solid;
        border-left: 1px rgba(128, 128, 128, 1) solid;
        border-top: 1px rgba(128, 128, 128, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_3 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(128, 128, 128, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_3 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(128, 128, 128, 1) solid;
        border-left: 1px rgba(128, 128, 128, 1) solid;
        border-top: 1px rgba(128, 128, 128, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_3 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(128, 128, 128, 1) solid;
        border-left: 1px rgba(128, 128, 128, 1) solid;
        border-top: 1px rgba(128, 128, 128, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_3 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(128, 128, 128, 1) solid;
        border-left: 1px rgba(128, 128, 128, 1) solid;
        border-top: 1px rgba(128, 128, 128, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_3 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(128, 128, 128, 1) solid;
        border-left: 1px rgba(128, 128, 128, 1) solid;
        border-top: 1px rgba(128, 128, 128, 1) solid;
        border-right: 1px rgba(128, 128, 128, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_3 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(128, 128, 128, 1) solid;
    }

    .viewStyle_3 .grid tfoot td a:hover {
        background-color: rgba(128, 128, 128, 0.2);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_3 .group {
    padding-top: 20px;
}

    .viewStyle_3 .group td {
        border-top: 1px rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(128, 128, 128, 1) solid;
        background-color: #fff;
        color: rgba(128, 128, 128, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_3 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_3 #ItemsPerPage {
    border: 1px rgba(128, 128, 128, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_3 #ItemsPerPage option:hover {
        background-color: rgba(128, 128, 128, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_3 #powerTip {
    background-color: rgba(128, 128, 128, 1);
}

    .viewStyle_3 #powerTip.n:before {
        border-top: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.e:before {
        border-right: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.s:before {
        border-bottom: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.w:before {
        border-left: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.ne:before, .viewStyle_3 #powerTip.nw:before {
        border-top: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.se:before, .viewStyle_3 #powerTip.sw:before {
        border-bottom: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.nw-alt:before, .viewStyle_3 #powerTip.ne-alt:before,
    .viewStyle_3 #powerTip.sw-alt:before, .viewStyle_3 #powerTip.se-alt:before {
        border-top: 10px solid rgba(128, 128, 128, 1);
    }

    .viewStyle_3 #powerTip.sw-alt:before, .viewStyle_3 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(128, 128, 128, 1);
    }

/*PopUp*/
.viewStyle_3 .simplemodal-container h1 {
    background-color: rgba(128, 128, 128, 1);
}

.viewStyle_3 .simplemodal-container a:link, .viewStyle_3 .simplemodal-container a:visited, .viewStyle_3 #simplemodal-containera:active, .viewStyle_3 .simplemodal-container a:hover {
    color: rgba(128, 128, 128, 1) !important;
}

.viewStyle_3 .itemChoiceList li a:hover {
    border-left-color: rgba(128, 128, 128, 1);
}

.viewStyle_3 .viewordercollist li {
    color: rgba(128, 128, 128, 1);
}

.viewStyle_3 .tag-container .tag {
    background-color: rgba(128, 128, 128, 1);
    color: #fff;
}

    .viewStyle_3 .tag-container .tag:before {
        border-right: 10px solid rgba(128, 128, 128, 1);
    }
.viewStyle_3 .pBarProgress {
    background: rgba(128, 128, 128, 1);
}
/*****************************************************************************************/
/* Sunset */
/*****************************************************************************************/
/*Nav*/
.viewStyle_4 header .content-wrapper {
    background-color: rgba(251, 136, 30, 1);
}

.viewStyle_4 #rtb a:hover {
    background-color: rgba(251, 173, 30, 1) !important;
}

.viewStyle_4 .ttdd:hover {
    background-color: rgba(251, 136, 30, 1) !important;
}

.viewStyle_4 .ttdd > ul, .viewStyle_4 .ttdd ul {
    background-color: rgba(251, 136, 30, 1);
    color: white;
}

    .viewStyle_4 .ttdd > ul, .viewStyle_4 .ttdd ul li {
        background-color: rgba(251, 136, 30, 1);
        color: white;
    }

        /*nav*/
        .viewStyle_4 .ttdd ul li .description, .viewStyle_4 .ttdd > ul span, .viewStyle_4 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_4 .ttdd li:hover {
    background-color: rgba(251, 173, 30, 1) !important;
}

.viewStyle_4 #ltb a:hover, .viewStyle_4 #rtb a:hover, .viewStyle_4 #rltb a:hover {
    background-color: rgba(251, 173, 30, 1) !important;
}

.viewStyle_4 #sitetopmenu:hover {
    background-color: rgba(251, 173, 30, 1) !important;
}

/*Login Area*/
.viewStyle_4 #AccountLoginCard .splitter2 {
    border-top: 1px rgba(251, 136, 30, 1) dotted;
}

/*aside links*/
.viewStyle_4 .leftside .title {
    border-bottom-color: rgba(251, 136, 30, 1);
}

.viewStyle_4 #formsearch .formsearchbox {
    border-color: rgba(251, 136, 30, 1);
}

    .viewStyle_4 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_4 .submenu li .node:hover {
    border-color: rgba(251, 136, 30, 1);
}

/*Text oben links body*/
.viewStyle_4 #SiteMapPath a, .viewStyle_4 .SiteMapPath a {
    color: rgba(251, 136, 30, 1) !important;
}

/*Searchbox*/
.viewStyle_4 #datasearchbox {
    border: 1px rgba(251, 136, 30, 1) solid;
}

    .viewStyle_4 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_4 .searchviewoptions select {
    height: 23px;
}

.viewStyle_4 .ddbox {
    border: 1px rgba(251, 136, 30, 1) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_4 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_4 .ddbox ul {
        background-color: white;
        border: 1px rgba(251, 136, 30, 1) solid;
        background-image: none;
    }

    .viewStyle_4 .ddbox li:hover {
        background-color: rgba(251, 136, 30, 1);
        border-bottom-color: rgba(251, 136, 30, .5);
    }

    .viewStyle_4 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_4 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_4 #ViewId:hover, .viewStyle_4 .searchviewoptions select:hover, .viewStyle_4 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_4 #ViewId, .viewStyle_4 .searchviewoptions select {
    border: 1px rgba(251, 136, 30, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_4 #ViewId option:hover, .viewStyle_4 .searchviewoptions select option:hover {
        background-color: rgba(251, 136, 30, 1);
        color: white;
    }

.viewStyle_4 .searchviewoptions button {
    border: 1px rgba(251, 136, 30, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}

/*Tabelle/Grid*/
.viewStyle_4 .grid {
    border-top: 2px rgba(251, 136, 30, 1) solid;
}

    .viewStyle_4 .grid thead th a {
        color: rgba(251, 136, 30, 1);
    }

    .viewStyle_4 .grid thead th .hover {
        background-color: rgba(251, 136, 30, .0);
    }

.viewStyle_4 .FDGrid .grid thead th {
    color: rgba(251, 136, 30, 1);
}

    .viewStyle_4 .FDGrid .grid thead th span i {
        color: rgba(251, 136, 30, 1) !important;
    }

    .viewStyle_4 .FDGrid .grid thead th:hover {
        background-color: rgba(251, 136, 30, .4);
    }

.viewStyle_4 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_4 .grid tbody tr:hover {
    background-color: rgba(251, 136, 30, .4);
}

.viewStyle_4 .grid tr:nth-of-type(odd) {
    background-color: rgba(251, 136, 30, .2);
}

    .viewStyle_4 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 0, 0, .2);
    }

.viewStyle_4 .grid tr:hover td:first-child {
    border-left-color: rgba(251, 136, 30, 1);
}

.viewStyle_4 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_4 .grid tfoot td a {
        background-color: white;
        color: rgba(251, 136, 30, 1);
        border-bottom: 1px rgba(251, 136, 30, 1) solid;
        border-left: 1px rgba(251, 136, 30, 1) solid;
        border-top: 1px rgba(251, 136, 30, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_4 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(251, 136, 30, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_4 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(251, 136, 30, 1) solid;
        border-left: 1px rgba(251, 136, 30, 1) solid;
        border-top: 1px rgba(251, 136, 30, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_4 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(251, 136, 30, 1) solid;
        border-left: 1px rgba(251, 136, 30, 1) solid;
        border-top: 1px rgba(251, 136, 30, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_4 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(251, 136, 30, 1) solid;
        border-left: 1px rgba(251, 136, 30, 1) solid;
        border-top: 1px rgba(251, 136, 30, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_4 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(251, 136, 30, 1) solid;
        border-left: 1px rgba(251, 136, 30, 1) solid;
        border-top: 1px rgba(251, 136, 30, 1) solid;
        border-right: 1px rgba(251, 136, 30, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_4 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(251, 136, 30, 1) solid;
    }

    .viewStyle_4 .grid tfoot td a:hover {
        background-color: rgba(251, 136, 30, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_4 .group {
    padding-top: 20px;
}

    .viewStyle_4 .group td {
        border-top: 1px rgba(251, 136, 30, 1);
        border-bottom: 1px rgba(251, 136, 30, 1) solid;
        background-color: #fff;
        color: rgba(251, 136, 30, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_4 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_4 #ItemsPerPage {
    border: 1px rgba(251, 136, 30, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_4 #ItemsPerPage option:hover {
        background-color: rgba(251, 136, 30, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_4 #powerTip {
    background-color: rgba(251, 136, 30, 1);
}

    .viewStyle_4 #powerTip.n:before {
        border-top: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.e:before {
        border-right: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.s:before {
        border-bottom: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.w:before {
        border-left: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.ne:before, .viewStyle_4 #powerTip.nw:before {
        border-top: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.se:before, .viewStyle_4 #powerTip.sw:before {
        border-bottom: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.nw-alt:before, .viewStyle_4 #powerTip.ne-alt:before,
    .viewStyle_4 #powerTip.sw-alt:before, .viewStyle_4 #powerTip.se-alt:before {
        border-top: 10px solid rgba(251, 136, 30, 1);
    }

    .viewStyle_4 #powerTip.sw-alt:before, .viewStyle_4 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(251, 136, 30, 1);
    }

/*PopUp*/
.viewStyle_4 .simplemodal-container h1 {
    background-color: rgba(251, 136, 30, 1);
}

.viewStyle_4 .simplemodal-container a:link, .viewStyle_4 .simplemodal-container a:visited, .viewStyle_4 #simplemodal-containera:active, .viewStyle_4 .simplemodal-container a:hover {
    color: rgba(251, 136, 30, 1) !important;
}

.viewStyle_4 .itemChoiceList li a:hover {
    border-left-color: rgba(251, 136, 30, 1);
}

.viewStyle_4 .viewordercollist li {
    color: rgba(251, 136, 30, 1);
}

.viewStyle_4 .tag-container .tag {
    background-color: rgba(251, 136, 30, 1);
    color: #fff;
}

    .viewStyle_4 .tag-container .tag:before {
        border-right: 10px solid rgba(251, 136, 30, 1);
    }
.viewStyle_4 .pBarProgress {
    background: rgba(251, 136, 30, 1);
}

/*****************************************************************************************/
/* UIKit */
/*****************************************************************************************/
/*Nav*/
.viewStyle_5 header .content-wrapper {
    background-color: rgba(0, 175, 242, 1);
}

.viewStyle_5 #rtb a:hover {
    background-color: rgb(52, 192, 246) !important;
}

.viewStyle_5 .ttdd:hover {
    background-color: rgba(0, 175, 242, 1) !important;
}

.viewStyle_5 .ttdd > ul, .viewStyle_5 .ttdd ul {
    background-color: rgba(0, 175, 242, 1);
}

    .viewStyle_5 .ttdd > ul, .viewStyle_5 .ttdd ul li {
        background-color: rgba(0, 175, 242, 1);
    }

        /*nav*/
        .viewStyle_5 .ttdd ul li .description, .viewStyle_5 .ttdd > ul span, .viewStyle_5 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_5 .ttdd li:hover {
    background-color: rgb(52, 192, 246) !important;
}

.viewStyle_5 #ltb a:hover, .viewStyle_5 #rtb a:hover, .viewStyle_5 #rltb a:hover {
    background-color: rgb(52, 192, 246) !important;
}

.viewStyle_5 #sitetopmenu:hover {
    background-color: rgb(52, 192, 246) !important;
}

/*Login Area*/
.viewStyle_5 #AccountLoginCard .splitter2 {
    border-top: 1px rgba(0, 175, 242, 1) dotted;
}

/*aside links*/
.viewStyle_5 .leftside .title {
    border-bottom-color: rgba(0, 175, 242, 1);
}

.viewStyle_5 #formsearch .formsearchbox {
    border-color: rgba(0, 175, 242, 1);
}

    .viewStyle_5 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_5 .submenu li .node:hover {
    border-color: rgba(0, 175, 242, 1);
}

/*Text oben links body*/
.viewStyle_5 #SiteMapPath a, .viewStyle_5 .SiteMapPath a {
    color: rgba(0, 175, 242, 1) !important;
}

/*Searchbox*/
.viewStyle_5 #datasearchbox {
    border: 1px rgba(0, 175, 242, 1) solid;
}

    .viewStyle_5 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_5 .searchviewoptions select {
    height: 23px;
}

.viewStyle_5 .ddbox {
    border: 1px rgba(0, 175, 242, 1) solid;
    box-shadow: none;
    color: white !important;
    opacity: 1;
    background-color: #00B2FF;
}

    .viewStyle_5 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
        color: #777 !important;
    }

    .viewStyle_5 .ddbox ul {
        background-color: white;
        border: 1px rgba(0, 175, 242, 1) solid;
        background-image: none;
    }

    .viewStyle_5 .ddbox li:hover {
        background-color: rgba(0, 175, 242, 1);
        border-bottom-color: rgba(0, 175, 242, .5);
    }

    .viewStyle_5 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_5 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_5 #ViewId:hover, .viewStyle_5 .searchviewoptions select:hover, .viewStyle_5 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_5 #ViewId, .viewStyle_5 .searchviewoptions select {
    border: 1px rgba(0, 175, 242, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_5 #ViewId option:hover, .viewStyle_5 .searchviewoptions select option:hover {
        background-color: rgba(0, 175, 242, 1);
        color: white;
    }

.viewStyle_5 .searchviewoptions button {
    border: 1px rgba(0, 175, 242, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}

/*Tabelle/Grid*/
.viewStyle_5 .grid {
    border-top: 2px rgba(0, 175, 242, 1) solid;
}

    .viewStyle_5 .grid thead th a {
        color: rgba(0, 175, 242, 1);
    }

    .viewStyle_5 .grid thead th .hover {
        background-color: rgba(0, 175, 242, .0);
    }

.viewStyle_5 .FDGrid .grid thead th {
    color: rgba(0, 175, 242, 1);
}

    .viewStyle_5 .FDGrid .grid thead th span i {
        color: rgba(0, 175, 242, 1) !important;
    }

    .viewStyle_5 .FDGrid .grid thead th:hover {
        background-color: rgba(0, 175, 242, .4);
    }

.viewStyle_5 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_5 .grid tbody tr:hover {
    background-color: rgba(0, 175, 242, .4);
}

.viewStyle_5 .grid tr:nth-of-type(odd) {
    background-color: rgba(0, 175, 242, .2);
}

    .viewStyle_5 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 175, 242, .2);
    }

.viewStyle_5 .grid tr:hover td:first-child {
    border-left-color: rgba(0, 175, 242, 1);
}

.viewStyle_5 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_5 .grid tfoot td a {
        background-color: white;
        color: rgba(0, 175, 242, 1);
        border-bottom: 1px rgba(0, 175, 242, 1) solid;
        border-left: 1px rgba(0, 175, 242, 1) solid;
        border-top: 1px rgba(0, 175, 242, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_5 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(0, 175, 242, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_5 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 175, 242, 1) solid;
        border-left: 1px rgba(0, 175, 242, 1) solid;
        border-top: 1px rgba(0, 175, 242, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_5 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 175, 242, 1) solid;
        border-left: 1px rgba(0, 175, 242, 1) solid;
        border-top: 1px rgba(0, 175, 242, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_5 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 175, 242, 1) solid;
        border-left: 1px rgba(0, 175, 242, 1) solid;
        border-top: 1px rgba(0, 175, 242, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_5 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 175, 242, 1) solid;
        border-left: 1px rgba(0, 175, 242, 1) solid;
        border-top: 1px rgba(0, 175, 242, 1) solid;
        border-right: 1px rgba(0, 175, 242, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_5 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(0, 175, 242, 1) solid;
    }

    .viewStyle_5 .grid tfoot td a:hover {
        background-color: rgba(0, 175, 242, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_5 .group {
    padding-top: 20px;
}

    .viewStyle_5 .group td {
        border-top: 1px rgba(0, 175, 242, 1) solid;
        border-bottom: 1px rgba(0, 175, 242, 1) solid;
        background-color: #fff;
        color: rgba(0, 175, 242, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_5 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_5 #ItemsPerPage {
    border: 1px rgba(0, 175, 242, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_5 #ItemsPerPage option:hover {
        background-color: rgba(0, 175, 242, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_5 #powerTip {
    background-color: rgba(0, 175, 242, 1);
}

    .viewStyle_5 #powerTip.n:before {
        border-top: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.e:before {
        border-right: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.s:before {
        border-bottom: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.w:before {
        border-left: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.ne:before, .viewStyle_5 #powerTip.nw:before {
        border-top: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.se:before, .viewStyle_5 #powerTip.sw:before {
        border-bottom: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.nw-alt:before, .viewStyle_5 #powerTip.ne-alt:before,
    .viewStyle_5 #powerTip.sw-alt:before, .viewStyle_5 #powerTip.se-alt:before {
        border-top: 10px solid rgba(0, 175, 242, 1);
    }

    .viewStyle_5 #powerTip.sw-alt:before, .viewStyle_5 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(0, 175, 242, 1);
    }

/*PopUp*/
.viewStyle_5 .simplemodal-container h1 {
    background-color: rgba(0, 175, 242, 1);
}

.viewStyle_5 .simplemodal-container a:link, .viewStyle_5 .simplemodal-container a:visited, .viewStyle_5 #simplemodal-containera:active, .viewStyle_5 .simplemodal-container a:hover {
    color: rgba(0, 175, 242, 1) !important;
}

.viewStyle_5 .itemChoiceList li a:hover {
    border-left-color: rgba(0, 175, 242, 1);
}

.viewStyle_5 .viewordercollist li {
    color: rgba(0, 175, 242, 1);
}

.viewStyle_5 .tag-container .tag {
    background-color: rgba(0, 175, 242, 1);
    color: #fff;
}

    .viewStyle_5 .tag-container .tag:before {
        border-right: 10px solid rgba(0, 175, 242, 1);
    }
.viewStyle_5 .pBarProgress {
    background: rgba(0, 175, 242, 1);
}
/*****************************************************************************************/
/* Verdigo */
/*****************************************************************************************/
/*Nav*/
.viewStyle_6 header .content-wrapper {
    background-color: rgba(26, 188, 156, 1);
}

.viewStyle_6 #rtb a:hover {
    background-color: rgba(72, 201, 176, 1) !important;
}

.viewStyle_6 .ttdd:hover {
    background-color: rgba(26, 188, 156, 1) !important;
}

.viewStyle_6 .ttdd > ul, .viewStyle_6 .ttdd ul {
    background-color: rgba(26, 188, 156, 1);
}

    .viewStyle_6 .ttdd > ul, .viewStyle_6 .ttdd ul li {
        background-color: rgba(26, 188, 156, 1);
    }

        /*nav*/
        .viewStyle_6 .ttdd ul li .description, .viewStyle_6 .ttdd > ul span, .viewStyle_6 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_6 .ttdd li:hover {
    background-color: rgba(72, 201, 176, 1) !important;
}

.viewStyle_6 #ltb a:hover, .viewStyle_6 #rtb a:hover, .viewStyle_6 #rltb a:hover {
    background-color: rgba(72, 201, 176, 1) !important;
}

.viewStyle_6 #sitetopmenu:hover {
    background-color: rgba(72, 201, 176, 1) !important;
}

/*Login Area*/
.viewStyle_6 #AccountLoginCard .splitter2 {
    border-top: 1px rgba(26, 188, 156, 1) dotted;
}

/*aside links*/
.viewStyle_6 .leftside .title {
    border-bottom-color: rgba(26, 188, 156, 1);
}

.viewStyle_6 #formsearch .formsearchbox {
    border-color: rgba(26, 188, 156, 1);
}

    .viewStyle_6 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_6 .submenu li .node:hover {
    border-color: rgba(26, 188, 156, 1);
}

/*Text oben links body*/
.viewStyle_6 #SiteMapPath a, .viewStyle_6 .SiteMapPath a {
    color: rgba(26, 188, 156, 1) !important;
}

/*Searchbox*/
.viewStyle_6 #datasearchbox {
    border: 1px rgba(26, 188, 156, 1) solid;
}

    .viewStyle_6 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_6 .searchviewoptions select {
    height: 23px;
}

.viewStyle_6 .ddbox {
    border: 1px rgba(26, 188, 156, 1) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_6 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_6 .ddbox ul {
        background-color: white;
        border: 1px rgba(26, 188, 156, 1) solid;
        background-image: none;
    }

    .viewStyle_6 .ddbox li:hover {
        background-color: rgba(26, 188, 156, 1);
        border-bottom-color: rgba(26, 188, 156, .5);
    }

    .viewStyle_6 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_6 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_6 #ViewId:hover, .viewStyle_6 .searchviewoptions select:hover, .viewStyle_6 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_6 #ViewId, .viewStyle_6 .searchviewoptions select {
    border: 1px rgba(26, 188, 156, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_6 #ViewId option:hover, .viewStyle_6 .searchviewoptions select option:hover {
        background-color: rgba(26, 188, 156, 1);
        color: white;
    }

.viewStyle_6 .searchviewoptions button {
    border: 1px rgba(26, 188, 156, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}

/*Tabelle/Grid*/
.viewStyle_6 .grid {
    border-top: 2px rgba(26, 188, 156, 1) solid;
}

    .viewStyle_6 .grid thead th a {
        color: rgba(26, 188, 156, 1);
    }

    .viewStyle_6 .grid thead th .hover {
        background-color: rgba(026, 188, 156, .0);
    }

.viewStyle_6 .FDGrid .grid thead th {
    color: rgba(26, 188, 156, 1);
}

    .viewStyle_6 .FDGrid .grid thead th span i {
        color: rgba(26, 188, 156, 1) !important;
    }

    .viewStyle_6 .FDGrid .grid thead th:hover {
        background-color: rgba(26, 188, 156, .4);
    }

.viewStyle_6 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_6 .grid tbody tr:hover {
    background-color: rgba(26, 188, 156, .4);
}

.viewStyle_6 .grid tr:nth-of-type(odd) {
    background-color: rgba(26, 188, 156, .2);
}

    .viewStyle_6 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 188, 156, .2);
    }

.viewStyle_6 .grid tr:hover td:first-child {
    border-left-color: rgba(26, 188, 156, 1);
}

.viewStyle_6 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_6 .grid tfoot td a {
        background-color: white;
        color: rgba(26, 188, 156, 1);
        border-bottom: 1px rgba(26, 188, 156, 1) solid;
        border-left: 1px rgba(26, 188, 156, 1) solid;
        border-top: 1px rgba(26, 188, 156, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_6 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(26, 188, 156, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_6 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(26, 188, 156, 1) solid;
        border-left: 1px rgba(26, 188, 156, 1) solid;
        border-top: 1px rgba(26, 188, 156, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_6 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(26, 188, 156, 1) solid;
        border-left: 1px rgba(26, 188, 156, 1) solid;
        border-top: 1px rgba(26, 188, 156, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_6 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(26, 188, 156, 1) solid;
        border-left: 1px rgba(26, 188, 156, 1) solid;
        border-top: 1px rgba(26, 188, 156, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_6 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(26, 188, 156, 1) solid;
        border-left: 1px rgba(26, 188, 156, 1) solid;
        border-top: 1px rgba(26, 188, 156, 1) solid;
        border-right: 1px rgba(26, 188, 156, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_6 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(26, 188, 156, 1) solid;
    }

    .viewStyle_6 .grid tfoot td a:hover {
        background-color: rgba(26, 188, 156, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_6 .group {
    padding-top: 20px;
}

    .viewStyle_6 .group td {
        border-top: 1px rgba(26, 188, 156, 1) solid;
        border-bottom: 1px rgba(26, 188, 156, 1) solid;
        background-color: #fff;
        color: rgba(26, 188, 156, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_6 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_6 #ItemsPerPage {
    border: 1px rgba(26, 188, 156, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_6 #ItemsPerPage option:hover {
        background-color: rgba(26, 188, 156, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_6 #powerTip {
    background-color: rgba(26, 188, 156, 1);
}

    .viewStyle_6 #powerTip.n:before {
        border-top: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.e:before {
        border-right: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.s:before {
        border-bottom: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.w:before {
        border-left: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.ne:before, .viewStyle_6 #powerTip.nw:before {
        border-top: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.se:before, .viewStyle_6 #powerTip.sw:before {
        border-bottom: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.nw-alt:before, .viewStyle_6 #powerTip.ne-alt:before,
    .viewStyle_6 #powerTip.sw-alt:before, .viewStyle_6 #powerTip.se-alt:before {
        border-top: 10px solid rgba(26, 188, 156, 1);
    }

    .viewStyle_6 #powerTip.sw-alt:before, .viewStyle_6 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(26, 188, 156, 1);
    }

/*PopUp*/
.viewStyle_6 .simplemodal-container h1 {
    background-color: rgba(26, 188, 156, 1);
}

.viewStyle_6 .simplemodal-container a:link, .viewStyle_6 .simplemodal-container a:visited, .viewStyle_6 #simplemodal-containera:active, .viewStyle_6 .simplemodal-container a:hover {
    color: rgba(26, 188, 156, 1) !important;
}

.viewStyle_6 .itemChoiceList li a:hover {
    border-left-color: rgba(26, 188, 156, 1);
}

.viewStyle_6 .viewordercollist li {
    color: rgba(26, 188, 156, 1);
}

.viewStyle_6 .tag-container .tag {
    background-color: rgba(26, 188, 156, 1);
    color: #fff;
}

    .viewStyle_6 .tag-container .tag:before {
        border-right: 10px solid rgba(26, 188, 156, 1);
    }

.viewStyle_6 .pBarProgress {
    background: rgba(26, 188, 156, 1);
}
/*****************************************************************************************/
/* Champagner */
/*****************************************************************************************/
/*Nav*/
.viewStyle_7 header .content-wrapper {
    background-color: rgba(159, 133, 120, 1);
}

.viewStyle_7 #rtb a:hover {
    background-color: rgb(176, 157, 147) !important;
}

.viewStyle_7 .ttdd:hover {
    background-color: rgba(159, 133, 120, 1) !important;
}

.viewStyle_7 .ttdd > ul, .viewStyle_7 .ttdd ul {
    background-color: rgba(159, 133, 120, 1);
}

    .viewStyle_7 .ttdd > ul, .viewStyle_7 .ttdd ul li {
        background-color: rgba(159, 133, 120, 1);
    }

        .viewStyle_7 .ttdd ul li .description, .viewStyle_7 .ttdd > ul span, .viewStyle_7 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_7 .ttdd li:hover {
    background-color: rgb(176, 157, 147) !important;
}

.viewStyle_7 #ltb a:hover, .viewStyle_7 #rtb a:hover, .viewStyle_7 #rltb a:hover {
    background-color: rgb(176, 157, 147) !important;
}

.viewStyle_7 #sitetopmenu:hover {
    background-color: rgb(176, 157, 147) !important;
}

/*Login Area*/
.viewStyle_7 #AccountLoginCard .splitter2 {
    border-top: 1px rgba(159, 133, 120, 1) dotted;
}

/*aside links*/
.viewStyle_7 .leftside .title {
    border-bottom-color: rgba(159, 133, 120, 1);
}

.viewStyle_7 #formsearch .formsearchbox {
    border-color: rgba(159, 133, 120, 1);
}

    .viewStyle_7 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_7 .submenu li .node:hover {
    border-color: rgba(159, 133, 120, 1);
}

/*Text oben links body*/
.viewStyle_7 #SiteMapPath a, .viewStyle_7 .SiteMapPath a {
    color: rgba(159, 133, 120, 1) !important;
}

/*Searchbox*/
.viewStyle_7 #datasearchbox {
    border: 1px rgba(159, 133, 120, 1) solid;
}

    .viewStyle_7 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_7 .searchviewoptions select {
    height: 23px;
}

.viewStyle_7 .ddbox {
    border: 1px rgba(159, 133, 120, 1) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_7 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_7 .ddbox ul {
        background-color: white;
        border: 1px rgba(159, 133, 120, 1) solid;
        background-image: none;
    }

    .viewStyle_7 .ddbox li:hover {
        background-color: rgba(159, 133, 120, 1);
        border-bottom-color: rgba(159, 133, 120, .5);
    }

    .viewStyle_7 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_7 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_7 #ViewId:hover, .viewStyle_7 .searchviewoptions select:hover, .viewStyle_7 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_7 #ViewId, .viewStyle_7 .searchviewoptions select {
    border: 1px rgba(159, 133, 120, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_7 #ViewId option:hover, .viewStyle_7 .searchviewoptions select option:hover {
        background-color: rgba(159, 133, 120, 1);
        color: white;
    }

.viewStyle_7 .searchviewoptions button {
    border: 1px rgba(159, 133, 120, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}
/*Tabelle/Grid*/
.viewStyle_7 .grid {
    border-top: 2px rgba(159, 133, 120, 1) solid;
}

    .viewStyle_7 .grid thead th a {
        color: rgba(159, 133, 120, 1);
    }

    .viewStyle_7 .grid thead th .hover {
        background-color: rgba(159, 133, 120, .0);
    }

.viewStyle_7 .FDGrid .grid thead th {
    color: rgba(159, 133, 120, 1);
}

    .viewStyle_7 .FDGrid .grid thead th span i {
        color: rgba(159, 133, 120, 1) !important;
    }

    .viewStyle_7 .FDGrid .grid thead th:hover {
        background-color: rgba(159, 133, 120, .4);
    }

.viewStyle_7 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_7 .grid tbody tr:hover {
    background-color: rgba(159, 133, 120, .4);
}

.viewStyle_7 .grid tr:nth-of-type(odd) {
    background-color: rgba(159, 133, 120, .2);
}

    .viewStyle_7 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(255, 133, 120, .2);
    }

.viewStyle_7 .grid tr:hover td:first-child {
    border-left-color: rgba(159, 133, 120, 1);
}

.viewStyle_7 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_7 .grid tfoot td a {
        background-color: white;
        color: rgba(159, 133, 120, 1);
        border-bottom: 1px rgba(159, 133, 120, 1) solid;
        border-left: 1px rgba(159, 133, 120, 1) solid;
        border-top: 1px rgba(159, 133, 120, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_7 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(159, 133, 120, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_7 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(159, 133, 120, 1) solid;
        border-left: 1px rgba(159, 133, 120, 1) solid;
        border-top: 1px rgba(159, 133, 120, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_7 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(159, 133, 120, 1) solid;
        border-left: 1px rgba(159, 133, 120, 1) solid;
        border-top: 1px rgba(159, 133, 120, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_7 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(159, 133, 120, 1) solid;
        border-left: 1px rgba(159, 133, 120, 1) solid;
        border-top: 1px rgba(159, 133, 120, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_7 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(159, 133, 120, 1) solid;
        border-left: 1px rgba(159, 133, 120, 1) solid;
        border-top: 1px rgba(159, 133, 120, 1) solid;
        border-right: 1px rgba(159, 133, 120, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_7 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(159, 133, 120, 1) solid;
    }

    .viewStyle_7 .grid tfoot td a:hover {
        background-color: rgba(159, 133, 120, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_7 .group {
    padding-top: 20px;
}

    .viewStyle_7 .group td {
        border-top: 1px rgba(159, 133, 120, 1) solid;
        border-bottom: 1px rgba(159, 133, 120, 1) solid;
        background-color: #fff;
        color: rgba(159, 133, 120, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_7 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_7 #ItemsPerPage {
    border: 1px rgba(159, 133, 120, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_7 #ItemsPerPage option:hover {
        background-color: rgba(159, 133, 120, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_7 #powerTip {
    background-color: rgba(159, 133, 120, 1);
}

    .viewStyle_7 #powerTip.n:before {
        border-top: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.e:before {
        border-right: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.s:before {
        border-bottom: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.w:before {
        border-left: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.ne:before, .viewStyle_7 #powerTip.nw:before {
        border-top: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.se:before, .viewStyle_7 #powerTip.sw:before {
        border-bottom: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.nw-alt:before, .viewStyle_7 #powerTip.ne-alt:before,
    .viewStyle_7 #powerTip.sw-alt:before, .viewStyle_7 #powerTip.se-alt:before {
        border-top: 10px solid rgba(159, 133, 120, 1);
    }

    .viewStyle_7 #powerTip.sw-alt:before, .viewStyle_7 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(159, 133, 120, 1);
    }

/*PopUp*/
.viewStyle_7 .simplemodal-container h1 {
    background-color: rgba(159, 133, 120, 1);
}

.viewStyle_7 .simplemodal-container a:link, .viewStyle_7 .simplemodal-container a:visited, .viewStyle_7 #simplemodal-containera:active, .viewStyle_7 .simplemodal-container a:hover {
    color: rgba(159, 133, 120, 1) !important;
}

.viewStyle_7 .itemChoiceList li a:hover {
    border-left-color: rgba(159, 133, 120, 1);
}

.viewStyle_7 .viewordercollist li {
    color: rgba(159, 133, 120, 1);
}

.viewStyle_7 .tag-container .tag {
    background-color: rgba(159, 133, 120, 1);
    color: #fff;
}

    .viewStyle_7 .tag-container .tag:before {
        border-right: 10px solid rgba(159, 133, 120, 1);
    }

.viewStyle_7 .pBarProgress {
    background: rgba(159, 133, 120, 1);
}
/*****************************************************************************************/
/* Flat */
/*****************************************************************************************/
/*Nav*/
.viewStyle_8 header .content-wrapper {
    background-color: rgba(0, 137, 110, 1);
}

.viewStyle_8 #rtb a:hover {
    background-color: rgba(51, 180, 115, 1) !important;
}

.viewStyle_8 .ttdd:hover {
    background-color: rgba(0, 137, 110, 1) !important;
}

.viewStyle_8 .ttdd > ul, .viewStyle_8 .ttdd ul {
    background-color: rgba(0, 137, 110, 1);
}

    .viewStyle_8 .ttdd > ul, .viewStyle_8 .ttdd ul li {
        background-color: rgba(0, 137, 110, 1);
    }
        /*nav*/
        .viewStyle_8 .ttdd ul li .description, .viewStyle_8 .ttdd > ul span, .viewStyle_8 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_8 .ttdd li:hover {
    background-color: rgba(51, 180, 115, 1) !important;
}

.viewStyle_8 #ltb a:hover, .viewStyle_8 #rtb a:hover, .viewStyle_8 #rltb a:hover {
    background-color: rgba(51, 180, 115, 1) !important;
}

.viewStyle_8 #sitetopmenu:hover {
    background-color: rgba(51, 180, 115, 1) !important;
}

/*aside links*/
.viewStyle_8 .leftside .title {
    border-bottom-color: rgba(0, 137, 110, 1);
}

.viewStyle_8 #formsearch .formsearchbox {
    border-color: rgba(0, 137, 110, 1);
}

    .viewStyle_8 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_8 .submenu li .node:hover {
    border-color: rgba(0, 137, 110, 1);
}

/*Text oben links body*/
.viewStyle_8 #SiteMapPath a, .viewStyle_8 .SiteMapPath a {
    color: rgba(0, 137, 110, 1) !important;
}

/*.viewStyle_8 #SiteMapPath a:hover, .viewStyle_8 .SiteMapPath a:hover {
        font-weight:bold;
    }*/

/*Searchbox*/
.viewStyle_8 #datasearchbox {
    border: 1px rgba(0, 137, 110, 1) solid;
}

    .viewStyle_8 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_8 .searchviewoptions select {
    height: 23px;
}

.viewStyle_8 .ddbox {
    border: 1px rgba(0, 137, 110, 1) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_8 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_8 .ddbox ul {
        background-color: white;
        border: 1px rgba(0, 137, 110, 1) solid;
        background-image: none;
    }

    .viewStyle_8 .ddbox li:hover {
        background-color: rgba(0, 137, 110, 1);
        border-bottom-color: rgba(0, 137, 110, .5);
    }

    .viewStyle_8 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_8 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_8 #ViewId:hover, .viewStyle_8 .searchviewoptions select:hover, .viewStyle_8 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_8 #ViewId, .viewStyle_8 .searchviewoptions select {
    border: 1px rgba(0, 137, 110, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_8 #ViewId option:hover, .viewStyle_8 .searchviewoptions select option:hover {
        background-color: rgba(0, 137, 110, 1);
        color: white;
    }

.viewStyle_8 .searchviewoptions button {
    border: 1px rgba(0, 137, 110, 1) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}
/*Tabelle/Grid*/
.viewStyle_8 .grid {
    border-top: 2px rgba(0, 137, 110, 1) solid;
}

    .viewStyle_8 .grid thead th a {
        color: rgba(0, 137, 110, 1);
    }

    .viewStyle_8 .grid tbody tr:hover {
        background-color: rgba(0, 137, 110, .4);
    }

    .viewStyle_8 .grid thead th .hover {
        background-color: rgba(0, 137, 110, .0);
    }

.viewStyle_8 .FDGrid .grid thead th {
    color: rgba(0, 137, 110, 1);
}

    .viewStyle_8 .FDGrid .grid thead th span i {
        color: rgba(0, 137, 110, 1) !important;
    }

    .viewStyle_8 .FDGrid .grid thead th:hover {
        background-color: rgba(0, 137, 110, .4);
    }

.viewStyle_8 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_8 .grid tr:nth-of-type(odd) {
    background-color: rgba(0, 137, 110, .2);
}

    .viewStyle_8 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(180, 137, 110, .2);
    }

.viewStyle_8 .grid tr:hover td:first-child {
    border-left-color: rgba(0, 137, 110, 1);
}

.viewStyle_8 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_8 .grid tfoot td a {
        background-color: white;
        color: rgba(0, 137, 110, 1);
        border-bottom: 1px rgba(0, 137, 110, 1) solid;
        border-left: 1px rgba(0, 137, 110, 1) solid;
        border-top: 1px rgba(0, 137, 110, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_8 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(0, 137, 110, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_8 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 137, 110, 1) solid;
        border-left: 1px rgba(0, 137, 110, 1) solid;
        border-top: 1px rgba(0, 137, 110, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_8 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 137, 110, 1) solid;
        border-left: 1px rgba(0, 137, 110, 1) solid;
        border-top: 1px rgba(0, 137, 110, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_8 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 137, 110, 1) solid;
        border-left: 1px rgba(0, 137, 110, 1) solid;
        border-top: 1px rgba(0, 137, 110, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_8 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 137, 110, 1) solid;
        border-left: 1px rgba(0, 137, 110, 1) solid;
        border-top: 1px rgba(0, 137, 110, 1) solid;
        border-right: 1px rgba(0, 137, 110, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_8 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(0, 137, 110, 1) solid;
    }

    .viewStyle_8 .grid tfoot td a:hover {
        background-color: rgba(0, 137, 110, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_8 .group {
    padding-top: 20px;
}

    .viewStyle_8 .group td {
        border-top: 1px rgba(0, 137, 110, 1) solid;
        border-bottom: 1px rgba(0, 137, 110, 1) solid;
        background-color: #fff;
        color: rgba(0, 137, 110, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_8 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_8 #ItemsPerPage {
    border: 1px rgba(0, 137, 110, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_8 #ItemsPerPage option:hover {
        background-color: rgba(0, 137, 110, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_8 #powerTip {
    background-color: rgba(0, 137, 110, 1);
}

    .viewStyle_8 #powerTip.n:before {
        border-top: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.e:before {
        border-right: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.s:before {
        border-bottom: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.w:before {
        border-left: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.ne:before, .viewStyle_8 #powerTip.nw:before {
        border-top: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.se:before, .viewStyle_8 #powerTip.sw:before {
        border-bottom: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.nw-alt:before, .viewStyle_8 #powerTip.ne-alt:before,
    .viewStyle_8 #powerTip.sw-alt:before, .viewStyle_8 #powerTip.se-alt:before {
        border-top: 10px solid rgba(0, 137, 110, 1);
    }

    .viewStyle_8 #powerTip.sw-alt:before, .viewStyle_8 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(0, 137, 110, 1);
    }

/*PopUp*/
.viewStyle_8 .simplemodal-container h1 {
    background-color: rgba(0, 137, 110, 1);
}

.viewStyle_8 .simplemodal-container a:link, .viewStyle_8 .simplemodal-container a:visited, .viewStyle_8 #simplemodal-containera:active, .viewStyle_8 .simplemodal-container a:hover {
    color: rgba(0, 137, 110, 1) !important;
}

.viewStyle_8 .itemChoiceList li a:hover {
    border-left-color: rgba(0, 137, 110, 1);
}

.viewStyle_8 .viewordercollist li {
    color: rgba(0, 137, 110, 1) !important;
}

.viewStyle_8 .tag-container .tag {
    background-color: rgba(0, 137, 110, 1);
    color: #fff;
}

    .viewStyle_8 .tag-container .tag:before {
        border-right: 10px solid rgba(0, 137, 110, 1);
    }

.viewStyle_8 .pBarProgress {
    background: rgba(0, 137, 110, 1);
}
/*****************************************************************************************/
/* Dark */
/*****************************************************************************************/
/*Nav*/
.viewStyle_9 header .content-wrapper {
    background-color: rgb(0, 0, 0);
}

.viewStyle_9 #rtb a:hover {
    background-color: rgb(128, 128, 128) !important;
}

.viewStyle_9 .ttdd:hover {
    background-color: rgba(0, 0, 0, 1) !important;
}

.viewStyle_9 .ttdd > ul, .viewStyle_9 .ttdd ul {
    background-color: rgba(0, 0, 0, 1);
}

    .viewStyle_9 .ttdd > ul, .viewStyle_9 .ttdd ul li {
        background-color: rgba(0, 0, 0, 1);
    }

        .viewStyle_9 .ttdd ul li .description, .viewStyle_9 .ttdd > ul span, .viewStyle_9 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_9 .ttdd li:hover {
    background-color: rgb(128, 128, 128) !important;
}

.viewStyle_9 #ltb a:hover, .viewStyle_9 #rtb a:hover, .viewStyle_9 #rltb a:hover {
    background-color: rgb(128, 128, 128) !important;
}

.viewStyle_9 #sitetopmenu:hover {
    background-color: rgb(128, 128, 128) !important;
}

/*Login Area*/
.viewStyle_9 #AccountLoginCard .mb8px.splitter2 {
    border-top: 1px rgb(44,44,44) dotted;
}

.viewStyle_9 #AccountLoginCard .splitter2 {
    border-top: 1px rgb(44,44,44) !important dotted;
}

/*aside links*/
.viewStyle_9 .leftside .title {
    border-bottom-color: rgb(44, 44, 44);
}

.viewStyle_9 #formsearch .formsearchbox {
    border-color: rgb(0, 0, 0);
}

    .viewStyle_9 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

.viewStyle_9 .submenu li .node:hover {
    border-color: rgb(0, 0, 0);
}

/*Text oben links body*/
.viewStyle_9 #SiteMapPath a, .viewStyle_9 .SiteMapPath a {
    color: rgb(0, 0, 0) !important;
}


/*Searchbox*/
.viewStyle_9 #datasearchbox {
    border: 1px rgb(0, 0, 0) solid;
}

    .viewStyle_9 #datasearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

/*ddbox*/
.viewStyle_9 .searchviewoptions select {
    height: 23px;
}

.viewStyle_9 .ddbox {
    border: 1px rgb(0, 0, 0) solid;
    box-shadow: none;
    border-radius: 1px;
    color: #4F4F4F;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_9 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_9 .ddbox ul {
        background-color: white;
        border: 1px rgb(0, 0, 0) solid;
        background-image: none;
    }

    .viewStyle_9 .ddbox li:hover {
        background-color: rgb(0, 0, 0);
        border-bottom-color: rgba(0, 0, 0, .5);
    }

    .viewStyle_9 .ddbox .ddcnt li:hover a {
        color: white !important;
    }

        .viewStyle_9 .ddbox .ddcnt li:hover a span {
            color: white !important;
        }

/*SelectBox*/
.viewStyle_9 #ViewId:hover, .viewStyle_9 .searchviewoptions select:hover, .viewStyle_9 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_9 #ViewId, .viewStyle_9 .searchviewoptions select {
    border: 1px rgb(0, 0, 0) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_9 #ViewId option:hover, .viewStyle_9 .searchviewoptions select option:hover {
        background-color: rgb(0, 0, 0);
        color: white;
    }

.viewStyle_9 .searchviewoptions button {
    border: 1px rgb(0, 0, 0) solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}

/*Tabelle/Grid*/
.viewStyle_9 .grid {
    border-top: 2px rgb(0, 0, 0) solid;
}

    .viewStyle_9 .grid thead th a {
        color: rgb(0, 0, 0);
    }

.viewStyle_9 .FDGrid .grid thead th {
    color: rgb(0, 0, 0);
}

    .viewStyle_9 .FDGrid .grid thead th span i {
        color: rgb(0, 0, 0) !important;
    }

.viewStyle_9 .FDGrid .Datum {
    color: #333 !important;
}

.viewStyle_9 .grid tbody tr:hover {
    background-color: rgba(0, 0, 0, .4);
}

.viewStyle_9 .grid thead th .hover {
    background-color: rgba(0, 0, 0, .0);
}

.viewStyle_9 .FDGrid .grid thead th:hover {
    background-color: rgba(0, 0, 0, .4);
}

.viewStyle_9 .grid tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .2);
}

    .viewStyle_9 .grid tr:nth-of-type(odd).deactivated {
        background-color: rgba(200, 0, 0, .2);
    }

.viewStyle_9 .grid tr:hover td:first-child {
    border-left-color: rgba(0, 0, 0, 1);
}

.viewStyle_9 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_9 .grid tfoot td a {
        background-color: white;
        color: rgba(0, 0, 0, 1);
        border-bottom: 1px rgba(0, 0, 0, 1) solid;
        border-left: 1px rgba(0, 0, 0, 1) solid;
        border-top: 1px rgba(0, 0, 0, 1) solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_9 .grid tfoot td a:last-of-type {
            border-right: 1px rgba(0, 0, 0, 1) solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_9 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 0, 0, 1) solid;
        border-left: 1px rgba(0, 0, 0, 1) solid;
        border-top: 1px rgba(0, 0, 0, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_9 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 0, 0, 1) solid;
        border-left: 1px rgba(0, 0, 0, 1) solid;
        border-top: 1px rgba(0, 0, 0, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_9 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 0, 0, 1) solid;
        border-left: 1px rgba(0, 0, 0, 1) solid;
        border-top: 1px rgba(0, 0, 0, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_9 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px rgba(0, 0, 0, 1) solid;
        border-left: 1px rgba(0, 0, 0, 1) solid;
        border-top: 1px rgba(0, 0, 0, 1) solid;
        border-right: 1px rgba(0, 0, 0, 1) solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_9 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px rgba(0, 0, 0, 1) solid;
    }

    .viewStyle_9 .grid tfoot td a:hover {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_9 .group {
    padding-top: 20px;
}

    .viewStyle_9 .group td {
        border-top: 1px rgba(0, 0, 0, 1) solid;
        border-bottom: 1px rgba(0, 0, 0, 1) solid;
        background-color: #fff;
        color: rgba(0, 0, 0, 1);
        padding-top: 15px;
    }

/*ItemsPerPage*/
.viewStyle_9 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: rgba(0, 0, 0, 1);
}

.viewStyle_9 #ItemsPerPage {
    border: 1px rgba(0, 0, 0, 1) solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_9 #ItemsPerPage option:hover {
        background-color: rgba(0, 0, 0, 1);
        color: white;
    }

/*powertoolTip*/
.viewStyle_9 #powerTip {
    background-color: rgba(0, 0, 0, 1);
}

    .viewStyle_9 #powerTip.n:before {
        border-top: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.e:before {
        border-right: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.s:before {
        border-bottom: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.w:before {
        border-left: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.ne:before, .viewStyle_9 #powerTip.nw:before {
        border-top: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.se:before, .viewStyle_9 #powerTip.sw:before {
        border-bottom: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.nw-alt:before, .viewStyle_9 #powerTip.ne-alt:before,
    .viewStyle_9 #powerTip.sw-alt:before, .viewStyle_9 #powerTip.se-alt:before {
        border-top: 10px solid rgba(0, 0, 0, 1);
    }

    .viewStyle_9 #powerTip.sw-alt:before, .viewStyle_9 #powerTip.se-alt:before {
        border-bottom: 10px solid rgba(0, 0, 0, 1);
    }

/*PopUp*/
.viewStyle_9 .simplemodal-container h1 {
    background-color: rgba(0, 0, 0, 1);
}

.viewStyle_9 .simplemodal-container a:link, .viewStyle_9 .simplemodal-container a:visited, .viewStyle_9 #simplemodal-containera:active, .viewStyle_9 .simplemodal-container a:hover {
    color: rgba(0, 0, 0, 1) !important;
}

.viewStyle_9 .itemChoiceList li a:hover {
    border-left-color: rgba(0, 0, 0, 1);
}

.viewStyle_9 .viewordercollist li {
    color: rgba(0, 0, 0, 1) !important;
}

.viewStyle_9 .tag-container .tag {
    background-color: #000000;
    color: #fff;
}

    .viewStyle_9 .tag-container .tag:before {
        border-right: 10px solid #000000;
    }

.viewStyle_9 .pBarProgress {
    background: #000;
}

/*****************************************************************************************/
/* Semano */
/*****************************************************************************************/
/*Nav*/

.viewStyle_10, .viewStyle_10 p {
    color: #545454;
}

    .viewStyle_10 header {
        height: 50px;
        background-color: #1E398F;
    }

@media screen and (max-width: 683px) {
    .viewStyle_10 header {
    }
}

.viewStyle_10 header .content-wrapper {
    background-color: #1E398F;
}

.viewStyle_10 .site-logo .logoleftpart {
    padding: 0;
    height: 50px;
}

    .viewStyle_10 .site-logo .logoleftpart a {
        width: 200px;
        height: 50px;
        background-image: url(../Images/masterpage/semano-logo-dashboard.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.viewStyle_10 #fslogo {
    display: none;
}

.viewStyle_10 header .site-logo img {
    margin-top: 10px !important;
}

.viewStyle_10 #sitetopmenu {
    height: 20px;
    padding: 15px;
    cursor: pointer;
}

    .viewStyle_10 #sitetopmenu:hover {
        background-color: #E2C100;
    }

.viewStyle_10 #rtb a, .viewStyle_10 #ltb a {
    height: 50px;
    line-height: 50px;
}



.viewStyle_10 #rtb > ul > li {
    height: 50px;
}

.viewStyle_10 #ltb a:hover, .viewStyle_10 #rtb a:hover, .viewStyle_10 #rltb a:hover {
    background-color: #E2C100;
}

.viewStyle_10 #rtb .lang .ttdd {
    padding: 12px 4px;
}

.viewStyle_10 #rltb a {
    height: 50px;
    line-height: 50px;

}

.viewStyle_10 .ttdd:hover {
    background-color: #E2C100;
}

.viewStyle_10 .ttdd > ul, .viewStyle_10 .ttdd ul {
    background-color: #1E398F;
}

    .viewStyle_10 .ttdd > ul, .viewStyle_10 .ttdd ul li {
        background-color: #1E398F;
    }

        .viewStyle_10 .ttdd ul li .description, .viewStyle_10 .ttdd > ul span, .viewStyle_10 .ttdd > ul li {
            color: white !important;
            font-size: 11.5px;
        }

.viewStyle_10 .ttdd li:hover {
    background-color: #E2C100;
}


.viewStyle_10 header #login {
    margin-left: 10px;
    height: 50px;
}

.viewStyle_10 #rtb .hintDSW {
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 5px;
}

.viewStyle_10 .submenu li .selected {
    border-bottom: 2px #E2C100 solid;
    color: #1E398F !important;
}

.viewStyle_10 .tsmadmin {
    background-color: #E2C100;
}

.viewStyle_10 .tsmform {
    background-color: #1E398F;
}

.viewStyle_10 .tsmhome {
    background-color: #64B32C;
}

.viewStyle_10 #startsubmenu .content-wrapper {
}

.viewStyle_10 #startsubmenu .title, .viewStyle_10 .submenu, .viewStyle_10 .submenu .circle > .node a, .viewStyle_10 .submenu li a {
    color: #545454;
}

@media screen and (max-width: 910px) {
    .viewStyle_10 #sitetopmenucnt {
        top: 50px;
        overflow: visible;
    }
    .viewStyle_10 .site-logo .logoleftpart a {
        width: 34px;
        height: 34px;
        background-image: url(../Images/masterpage/semano-logo-dashboard-small.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 11px;
    }
}

/*Überschriften*/
.viewStyle_10 ol.lstdashboard h2, .viewStyle_10 .formheader h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: .4em;
}

.viewStyle_10 .formheader h2 {
    color: #1E398F !important;
    font-size: 30px !important;
    display: inline-block;
    margin-bottom: .5em !important;
    padding-bottom: .4em !important;
}

.viewStyle_10 .progress .title {
    color: #1E398F !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}
/*Lernraum*/
.viewStyle_10 .tn_row .state {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #545454 !important;
    height: 20px;
    line-height: 33px;
    padding-left: 126px;
}

.viewStyle_10 .tn_row {
    border-radius: 10px;
    color: #545454 !important;
}

.viewStyle_10 .pBarProgress {
    background: linear-gradient(#96C562, #64B32C);
}

#View_Project.viewStyle_10 #Project > div > .progress .pBarLabel {
    color: #545454 !important;
}

.viewStyle_10 .Notice {
    color: #545454;
}

.viewStyle_10 .SubActionBar > a {
    border: 1px #1E398F solid !important;
    box-shadow: none !important;
    border-radius: 1px !important;
    color: #1E398F !important;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}


/*ddbox*/
.viewStyle_10 .searchviewoptions select {
    height: 23px;
}

.viewStyle_10 .ddbox, .viewStyle_10 .searchviewoptions select {
    border: 1px #1E398F solid !important;
    box-shadow: none !important;
    border-radius: 1px !important;
    color: #1E398F !important;
    background-color: white;
    font-size: 1em;
    opacity: 1;
}

    .viewStyle_10 .ddbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }

    .viewStyle_10 .ddbox ul {
        background-color: white;
        border: 1px #1E398F solid;
        background-image: none;
    }

    .viewStyle_10 .ddbox li {
        color: #545454 !important;
    }

        .viewStyle_10 .ddbox li:hover {
            background-color: #E2C100;
            border-bottom-color: #E2C100;
        }

        .viewStyle_10 .ddbox li a {
            color: #545454 !important;
        }

    .viewStyle_10 .ddbox .ddcnt li:hover a {
        color: white !important;
    }
/*Login Area*/
.viewStyle_10 #AccountLoginCard .mb8px.splitter2 {
    border-top: 1px #1E398F dotted;
}

.viewStyle_10 #AccountLoginCard .splitter2 {
    border-top: 1px #1E398F !important dotted;
}

/*aside links*/
.viewStyle_10 .leftside .title {
    border-bottom-color: #1E398F;
}


.viewStyle_10 .submenu li .node:hover {
    border-color: #E2C100;
}

    .viewStyle_10 .submenu li .node:hover a {
        color: #1E398F !important;
    }
/*Text oben links body*/
.viewStyle_10 #SiteMapPath a, .viewStyle_10 .SiteMapPath a {
    color: #1E398F !important;
}

/*Admin*/

.viewStyle_10 #ServerManager .formlog .title {
    color: #1E398F;
    border-bottom: 2px #E2C100 solid;
}

    .viewStyle_10 #ServerManager .formlog .title a {
        color: #1E398F;
    }

.viewStyle_10 #QuickLinks .ql1 {
    background-color: #1E398F;
}

    .viewStyle_10 #QuickLinks .ql1:hover {
        background-color: #E2C100;
    }

.viewStyle_10 #AdminOverview .textinfo {
    color: #545454;
}

    .viewStyle_10 #AdminOverview .textinfo a {
        color: #1E398F;
    }

/*Searchbox*/
.viewStyle_10 header form {
    background-color: #1E398F;
}
.viewStyle_10 header #AccountLoginCard form {
    background-color: unset;
}

.viewStyle_10 header .content-wrapper #formsearch {
    margin-top: 10px;
}

    .viewStyle_10 header .content-wrapper #formsearch .formsearchbox:hover {
        box-shadow: none;
    }

.viewStyle_10 #datasearchbox, .viewStyle_10 #formsearch .formsearchbox {
    border: 1px #5761AA solid;
    border-radius: 2px;
}

    .viewStyle_10 #datasearchbox:hover, .viewStyle_10 #formsearch .formsearchbox:hover {
        box-shadow: 0px 0px 5px #d0d0d0;
    }


    .viewStyle_10 .formsearchbox input:-ms-input-placeholder, .viewStyle_10 #datasearchbox input:-ms-input-placeholder {
        color: #545454 !important; /* IE11 needs the !important flag */
        font-weight: normal;
    }

    .viewStyle_10 .formsearchbox input::placeholder, .viewStyle_10 #datasearchbox input::placeholder {
        color: #545454;
        font-weight: normal;
    }

/*SelectBox*/
.viewStyle_10 #ViewId:hover, .viewStyle_10 .searchviewoptions select:hover, .viewStyle_10 .searchviewoptions button:hover {
    box-shadow: 0 0 5px #d0d0d0;
    color: #1E398F;
}

.viewStyle_10 #ViewId, .viewStyle_10 .searchviewoptions select {
    border: 1px #5761AA solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0;
    color: #545454;
}

    .viewStyle_10 #ViewId option:hover, .viewStyle_10 .searchviewoptions select option:hover {
        background-color: #1E398F;
        color: white;
    }

.viewStyle_10 .searchviewoptions button {
    border: 1px #5761AA solid;
    box-shadow: none;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.70);
    margin-top: 2px;
    height: 23px;
    padding: 0 6px;
}

/*Tabelle/Grid*/
.viewStyle_10 .grid {
    border-top: 2px #1E398F solid;
}

    .viewStyle_10 .grid thead th a {
        color: #1E398F;
        font-weight: bold;
    }

.viewStyle_10 .FDGrid .grid thead th {
    color: #1E398F;
}

    .viewStyle_10 .FDGrid .grid thead th span i {
        color: #1E398F !important;
    }

.viewStyle_10 .FDGrid .Datum {
    color: #1E398F !important;
}

.viewStyle_10 .grid tbody tr:hover {
    background-color: #E2C100;
}

.viewStyle_10 .grid thead th .hover {
    background-color: rgba(0, 0, 0, .0);
}

.viewStyle_10 .FDGrid .grid thead th:hover {
    background-color: rgba(0, 0, 0, .4);
}

.viewStyle_10 .grid tr:nth-of-type(odd) {
    background-color: #F2DF96;
}

.viewStyle_10 .grid tr.deactivated {
    background-color: #ddd;
}

    .viewStyle_10 .grid tr.deactivated:hover {
        background-color: #ddd;
    }

.viewStyle_10 .Marker {
    color: #1E398F;
}

.viewStyle_10 .grid tr:hover td:first-child {
    border-left-color: #1E398F;
}

.viewStyle_10 .grid tfoot td {
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}

    .viewStyle_10 .grid tfoot td a {
        background-color: white;
        color: #1E398F;
        border-bottom: 1px #1E398F solid;
        border-left: 1px #1E398F solid;
        border-top: 1px #1E398F solid;
        padding: 1px 13px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

        .viewStyle_10 .grid tfoot td a:last-of-type {
            border-right: 1px #1E398F solid;
            margin-right: 4px;
            padding: 1px 9px 3px 8px;
        }

    .viewStyle_10 .grid tfoot td span.navTextFirst {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #1E398F solid;
        border-left: 1px #1E398F solid;
        border-top: 1px #1E398F solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_10 .grid tfoot td span.navTextPrev {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #1E398F solid;
        border-left: 1px #1E398F solid;
        border-top: 1px #1E398F solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -4px;
    }

    .viewStyle_10 .grid tfoot td span.navTextNext {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #1E398F solid;
        border-left: 1px #1E398F solid;
        border-top: 1px #1E398F solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
        margin-right: -5px;
    }

    .viewStyle_10 .grid tfoot td span.navTextLast {
        color: rgba(128, 128, 128, 1);
        border-bottom: 1px #1E398F solid;
        border-left: 1px #1E398F solid;
        border-top: 1px #1E398F solid;
        border-right: 1px #1E398F solid;
        padding: 1px 9px 3px 8px;
        line-height: 17px;
        font-weight: normal;
    }

    .viewStyle_10 .grid tfoot td span.currentPage {
        padding: 1px 6px 3px 8px;
        border-left: 1px #1E398F solid;
    }

    .viewStyle_10 .grid tfoot td a:hover {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 0px 0px 4px #d0d0d0;
    }

/*Tabelle/Group*/
.viewStyle_10 .group {
    padding-top: 20px;
    color: #1E398F !important;
}

    .viewStyle_10 .group td {
        border-top: 1px #1E398F solid;
        border-bottom: 1px #1E398F solid;
        background-color: #fff;
        color: #1E398F;
        padding-top: 15px;
    }

.viewStyle_10 .FSiGrid .grid thead th, .viewStyle_10 .FSiGrid .grid .description, .viewStyle_10 .formheader .fhdescription {
    color: #545454 !important;
}
/*ItemsPerPage*/
.viewStyle_10 #ItemsPerPage:hover {
    box-shadow: 0px 0px 5px #d0d0d0;
    color: #1E398F;
}

.viewStyle_10 #ItemsPerPage {
    border: 1px #1E398F solid;
    background-image: url(../Images/action/sd.png);
    box-shadow: none;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.70);
}

    .viewStyle_10 #ItemsPerPage option:hover {
        background-color: #1E398F;
        color: white;
    }

/*powertoolTip*/
.viewStyle_10 #powerTip {
    background-color: #1E398F;
}

    .viewStyle_10 #powerTip.n:before {
        border-top: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.e:before {
        border-right: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.s:before {
        border-bottom: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.w:before {
        border-left: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.ne:before, .viewStyle_10 #powerTip.nw:before {
        border-top: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.se:before, .viewStyle_10 #powerTip.sw:before {
        border-bottom: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.nw-alt:before, .viewStyle_10 #powerTip.ne-alt:before,
    .viewStyle_10 #powerTip.sw-alt:before, .viewStyle_10 #powerTip.se-alt:before {
        border-top: 10px solid #1E398F;
    }

    .viewStyle_10 #powerTip.sw-alt:before, .viewStyle_10 #powerTip.se-alt:before {
        border-bottom: 10px solid #1E398F;
    }

/*PopUp*/
.viewStyle_10 .simplemodal-container h1 {
    background-color: #1E398F;
}

.viewStyle_10 .simplemodal-container a:link, .viewStyle_10 .simplemodal-container a:visited, .viewStyle_10 #simplemodal-containera:active, .viewStyle_10 .simplemodal-container a:hover {
    color: #1E398F !important;
}

.viewStyle_10 .itemChoiceList li a:hover {
    border-left-color: #1E398F;
}

.viewStyle_10 .viewordercollist li {
    color: #1E398F !important;
}

.viewStyle_10 .ppt2 {
    top: 50px;
}

.viewStyle_10 #ppt2lblProgress {
    line-height: 50px;
    margin: 0 25px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.viewStyle_10 .formheader {
    padding: 12px 10px 5px 10px;
}

.viewStyle_10 .tag-container .tag {
    background-color: #f7b94b;
    color: #fff;
}

    .viewStyle_10 .tag-container .tag:before {
        border-right: 10px solid #f7b94b;
    }

/* TN page */
#View_Project.viewStyle_0 .tn_row .state, #View_Project.viewStyle_1 .tn_row .state {
    background-color: #006AA4;
}

#View_Project.viewStyle_2 .tn_row .state {
    background-color: rgba(80, 174, 88, 1);
}

#View_Project.viewStyle_3 .tn_row .state {
    background-color: rgba(128, 128, 128, 1);
}

#View_Project.viewStyle_4 .tn_row .state {
    background-color: rgba(251, 136, 30, 1);
}

#View_Project.viewStyle_5 .tn_row .state {
    background-color: rgba(0, 175, 242, 1);
}

#View_Project.viewStyle_6 .tn_row .state {
    background-color: rgba(26, 188, 156, 1);
}

#View_Project.viewStyle_7 .tn_row .state {
    background-color: rgba(159, 133, 120, 1);
}

#View_Project.viewStyle_8 .tn_row .state {
    background-color: rgba(0, 137, 110, 1);
}

#View_Project.viewStyle_9 .tn_row .state {
    background-color: rgba(0, 0, 0, 1);
}

#modalInfo {
}

#simplemodal-overlayModalTop {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.4;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

#simplemodal-containerTop {
    z-index: 2000;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    background: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



    #simplemodal-containerTop .modalsubmit {
        text-align: right;
        padding: 8px 8px 8px 8px;
    }

    #simplemodal-containerTop a.modalCloseImg {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAYAAABfeMd1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8xJREFUeNqclktIVFEYx+fO+GjUGqw0S/IRGtTKENtkqJTkooUwC0EQNNpEEiJYoISbKAhcCYogagvBlbRQW/kAIdAkbRGIi3RiNIfJR+qk4zxO/2/4zu3cOw+tA7+5c8/j+5/vfN8592hCCMspSy4o4acXLIHVU40kkQTkglfgm4hd3KAb3PxfESf4KU5XAuBRPA0tznINgCa1Yn193bK0tBR5ZmVlWUpKSiyFhYXmcfPgiaZpn0/yZEKd4vLysqioqKCZRAEhMTc3Z/bqy0nL9Uzt3dXVJex2e0wBic1mEx0dHcLv96tDX8cTyVN7tbW1JTRupr6+3uzR7Vgib2Tr5ORklJHa2lrDe0FBgVhcXDTUDw8PqyIfY4m4ZGt5ebnB4OrqaqS+srJSj8XOzk6kbnBwUO9XVFQkgsGgKmTTRQ4PD/NlrcvlivKis7Mz0kZiJBRLQDI7O/s3rwOBu7oI1B/KhrGxsaiBtDTSsCyxBIj+/n69D+w+Jg0r/YTD4Wy5fF6vNyoD19bWLENDQ4b3pqammBtPHQ+diF0rNo4GxT3Z4HA4ogbSxmtsbNTf4ZnhXS1Ief1/KBQ6og0f2fXIkuJ4MVGDLBOACtVRW6KYuN3ue7oISIc3btmoDp6enjYYbWlp0Y3Qf1UAx40hu0pLSx0yJPRz1uPxvJONo6OjhswiAZm+BBlX3yU9PT26gM/no/PrHLDpIr29vQ/U7GloaDBk10k7vrq62uDF+Pg4ZYbDIAKuzc/PD8hOdBbRUXGaI6Wmpkbs7+/rAltbW19RX2wWSQd54A6WzaV6REcFjvSYxikGtESqBwcHB7vt7e30bSngyVtl4M+AHHCrubn5+cbGxqb5tFtYWBB9fX2iu7s78pyZmYn6ciF2e62trS9hpwxcAWlqdqWA8+A6uA+ejoyMfBL/UFZWVjbr6ureYmwNuAEugtSIff4y0rpl8CWhFDjBC6fT+R4BdB8dHYXiGZ+amvJgY35A/3ZQB+iIv8pLlaR/frHpad2S2b1McJk75vPzUlVVVV5ZWdmF5ORkGw6+EL6YvyYmJlyIxyba3eA7swG2gQ8E6NSSIhoHKIWTgISyWSyH/2fyJMjrMPgNdvl6REI/gAfsgANwTCcLJYh+kWAhGwulcfplcqwyeWPZuQ8NpnNpn41uM3vsAQkEOQuNtxWTUCp7lcHPNK6zsifH7I2PZ+5j4QBPIhz3SqQsXRLHKZVFU/hd4xkGWcjPT7k8IelBwnsXC0kxK3tn4/9SJKwYDTPCLJDocmcWlPtJUy86isGERv4IMACaz3RmXeGcqwAAAABJRU5ErkJggg==') /*../images/modal/x.png*/ no-repeat; /* adjust url as required */
        width: 25px;
        height: 29px;
        z-index: 3200;
        position: absolute;
        top: -15px;
        right: -15px;
        cursor: pointer;
        color: #343435;
    }

    #simplemodal-containerTop h1 {
        border-bottom: 1px #D0D0D0 solid;
        padding: 5px 10px 5px 28px;
        background-color: #0072BC;
        color: #FFF;
        font-size: 16px;
        margin-bottom: 18px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAN1JREFUSEvtj00KQiEURl1q0EYatI8gCNpFg5rXDhoUvVnwiKBBYCnve7zs9KN0g6ALB71H/VTnvf8KKC1AaQFKC1BagNIClBagtAClBSgbrqtxPXdEUAZKi7ICKBuybtP+/qJOcyIoA6U1XB05j2TDzW3q01GlPvui0vr/KIAvTkeV+t/5keqln1bdjBaUgeKa7DiPZMPTlz8a3Xgb5negFG60aQn9YFm3/aw6ufXhHF1vvo+9znQzBEqhUB1OL9K+7lx7U1AKheaCWSQFhbwDZpEUFPIOmEXy83h3ARqcgI1QuUMxAAAAAElFTkSuQmCC') /*../images/icons/fs.png*/;
        background-repeat: no-repeat;
    }

    #simplemodal-containerTop .modalcontent {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin: 0 20px 18px 20px;
    }


#simplemodal-overlay {
    background-color: #999;
    opacity: 0.0;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

.simplemodal-container {
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    background: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    position: absolute;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .simplemodal-container a.modalCloseImg {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAYAAABfeMd1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8xJREFUeNqclktIVFEYx+fO+GjUGqw0S/IRGtTKENtkqJTkooUwC0EQNNpEEiJYoISbKAhcCYogagvBlbRQW/kAIdAkbRGIi3RiNIfJR+qk4zxO/2/4zu3cOw+tA7+5c8/j+5/vfN8592hCCMspSy4o4acXLIHVU40kkQTkglfgm4hd3KAb3PxfESf4KU5XAuBRPA0tznINgCa1Yn193bK0tBR5ZmVlWUpKSiyFhYXmcfPgiaZpn0/yZEKd4vLysqioqKCZRAEhMTc3Z/bqy0nL9Uzt3dXVJex2e0wBic1mEx0dHcLv96tDX8cTyVN7tbW1JTRupr6+3uzR7Vgib2Tr5ORklJHa2lrDe0FBgVhcXDTUDw8PqyIfY4m4ZGt5ebnB4OrqaqS+srJSj8XOzk6kbnBwUO9XVFQkgsGgKmTTRQ4PD/NlrcvlivKis7Mz0kZiJBRLQDI7O/s3rwOBu7oI1B/KhrGxsaiBtDTSsCyxBIj+/n69D+w+Jg0r/YTD4Wy5fF6vNyoD19bWLENDQ4b3pqammBtPHQ+diF0rNo4GxT3Z4HA4ogbSxmtsbNTf4ZnhXS1Ief1/KBQ6og0f2fXIkuJ4MVGDLBOACtVRW6KYuN3ue7oISIc3btmoDp6enjYYbWlp0Y3Qf1UAx40hu0pLSx0yJPRz1uPxvJONo6OjhswiAZm+BBlX3yU9PT26gM/no/PrHLDpIr29vQ/U7GloaDBk10k7vrq62uDF+Pg4ZYbDIAKuzc/PD8hOdBbRUXGaI6Wmpkbs7+/rAltbW19RX2wWSQd54A6WzaV6REcFjvSYxikGtESqBwcHB7vt7e30bSngyVtl4M+AHHCrubn5+cbGxqb5tFtYWBB9fX2iu7s78pyZmYn6ciF2e62trS9hpwxcAWlqdqWA8+A6uA+ejoyMfBL/UFZWVjbr6ureYmwNuAEugtSIff4y0rpl8CWhFDjBC6fT+R4BdB8dHYXiGZ+amvJgY35A/3ZQB+iIv8pLlaR/frHpad2S2b1McJk75vPzUlVVVV5ZWdmF5ORkGw6+EL6YvyYmJlyIxyba3eA7swG2gQ8E6NSSIhoHKIWTgISyWSyH/2fyJMjrMPgNdvl6REI/gAfsgANwTCcLJYh+kWAhGwulcfplcqwyeWPZuQ8NpnNpn41uM3vsAQkEOQuNtxWTUCp7lcHPNK6zsifH7I2PZ+5j4QBPIhz3SqQsXRLHKZVFU/hd4xkGWcjPT7k8IelBwnsXC0kxK3tn4/9SJKwYDTPCLJDocmcWlPtJUy86isGERv4IMACaz3RmXeGcqwAAAABJRU5ErkJggg==') /*../images/modal/x.png*/ no-repeat; /* adjust url as required */
        width: 25px;
        height: 29px;
        z-index: 3200;
        position: absolute;
        top: -15px;
        right: -15px;
        cursor: pointer;
        color: #343435;
    }

    .simplemodal-container h1 {
        border-bottom: 1px #D0D0D0 solid;
        padding: 5px 10px 5px 28px;
        background-color: #0072BC;
        color: #FFF;
        font-size: 16px;
        margin-bottom: 18px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAN1JREFUSEvtj00KQiEURl1q0EYatI8gCNpFg5rXDhoUvVnwiKBBYCnve7zs9KN0g6ALB71H/VTnvf8KKC1AaQFKC1BagNIClBagtAClBSgbrqtxPXdEUAZKi7ICKBuybtP+/qJOcyIoA6U1XB05j2TDzW3q01GlPvui0vr/KIAvTkeV+t/5keqln1bdjBaUgeKa7DiPZMPTlz8a3Xgb5negFG60aQn9YFm3/aw6ufXhHF1vvo+9znQzBEqhUB1OL9K+7lx7U1AKheaCWSQFhbwDZpEUFPIOmEXy83h3ARqcgI1QuUMxAAAAAElFTkSuQmCC') /*../images/icons/fs.png*/;
        background-repeat: no-repeat;
    }

    .simplemodal-container h2 {
        font-weight: normal;
    }

    .simplemodal-container .modalcontent {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin: 0 30px 18px 30px;
    }

    .simplemodal-container a {
        color: #0072BC;
    }

        .simplemodal-container a:link, .simplemodal-container a:visited,
        #simplemodal-container a:active, .simplemodal-container a:hover {
            color: #0072BC;
        }

    .simplemodal-container iframe {
        border: 0;
    }

    .simplemodal-container .modalsubmit {
        text-align: right;
        padding: 8px 10px 10px 15px;
    }

        .simplemodal-container .modalsubmit > img {
            margin-right: 10px;
            vertical-align: sub;
        }

    .simplemodal-container .simplemodal-wrap {
        margin: 0;
        padding: 0;
    }





#jquery-colour-picker {
    background: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    width: 210px;
    padding: 10px 5px 5px 10px;
    border: 1px solid #C4C4C5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 9999;
}

    #jquery-colour-picker h2 {
        color: #343449;
        text-align: center;
        margin: 0 0 5px 0;
        font-size: 14px;
    }

    #jquery-colour-picker ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        zoom: 1;
    }

        #jquery-colour-picker ul:after {
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }

        #jquery-colour-picker ul li {
            float: left;
            margin: 0 5px 5px 0;
        }

            #jquery-colour-picker ul li a {
                display: block;
                width: 13px;
                height: 13px;
                text-decoration: none;
                text-indent: -100000px;
                outline: 0;
                border: 1px solid #aaa;
            }

                #jquery-colour-picker ul li a:hover {
                    border-color: #000;
                }



/* PowerTip Plugin */
#powerTip {
    cursor: default;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
    color: #fff;
    display: none;
    padding: 8px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647;
    border: 1px white solid;
}

    #powerTip:before {
        content: "";
        position: absolute;
    }

    #powerTip.n:before, #powerTip.s:before {
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        left: 50%;
        margin-left: -5px;
    }

    #powerTip.e:before, #powerTip.w:before {
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        margin-top: -5px;
        top: 50%;
    }

    #powerTip.n:before {
        border-top: 10px solid #333;
        border-top: 10px solid rgba(0, 0, 0, 0.8);
        bottom: -10px;
    }

    #powerTip.e:before {
        border-right: 10px solid #333;
        border-right: 10px solid rgba(0, 0, 0, 0.8);
        left: -10px;
    }

    #powerTip.s:before {
        border-bottom: 10px solid #333;
        border-bottom: 10px solid rgba(0, 0, 0, 0.8);
        top: -10px;
    }

    #powerTip.w:before {
        border-left: 10px solid #333;
        border-left: 10px solid rgba(0, 0, 0, 0.8);
        right: -10px;
    }

    #powerTip.ne:before, #powerTip.se:before {
        border-right: 10px solid transparent;
        border-left: 0;
        left: 10px;
    }

    #powerTip.nw:before, #powerTip.sw:before {
        border-left: 10px solid transparent;
        border-right: 0;
        right: 10px;
    }

    #powerTip.ne:before, #powerTip.nw:before {
        border-top: 10px solid #333;
        border-top: 10px solid rgba(0, 0, 0, 0.8);
        bottom: -10px;
    }

    #powerTip.se:before, #powerTip.sw:before {
        border-bottom: 10px solid #333;
        border-bottom: 10px solid rgba(0, 0, 0, 0.8);
        top: -10px;
    }

    #powerTip.nw-alt:before, #powerTip.ne-alt:before,
    #powerTip.sw-alt:before, #powerTip.se-alt:before {
        border-top: 10px solid #333;
        border-top: 10px solid rgba(0, 0, 0, 0.8);
        bottom: -10px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        left: 10px;
    }

    #powerTip.ne-alt:before {
        left: auto;
        right: 10px;
    }

    #powerTip.sw-alt:before, #powerTip.se-alt:before {
        border-top: none;
        border-bottom: 10px solid #333;
        border-bottom: 10px solid rgba(0, 0, 0, 0.8);
        bottom: auto;
        top: -10px;
    }

    #powerTip.se-alt:before {
        left: auto;
        right: 10px;
    }

#powerTipS {
    cursor: default;
    display: none;
    padding: 0px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647;
}

    #powerTipS img {
        border-radius: 4px;
        -webkit-box-shadow: rgba(0,0,0,.4) 3px 3px 4px;
        -moz-box-shadow: rgba(0,0,0,.4) 3px 3px 4px;
        box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
        box-shadow: rgba(0,0,0,.4) 3px 3px 4px;
    }




.ddbox {
    top: 0;
    right: 0;
    display: inline-block;
    width: 25px;
    height: 19px;
    position: relative;
    cursor: pointer;
    opacity: 1;
    color: #111;
    font-size: 1em;
    background-color: #FFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    Xoverflow: auto;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px #d0d0d0 solid;
    -moz-box-shadow: 0 0 2px #d0d0d0;
    -webkit-box-shadow: 0 0 2px #d0d0d0;
    box-shadow: 0 0 2px #d0d0d0;
}

    .ddbox::before {
        width: 23px;
        text-align: center;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "FontAwesome";
        font-weight: normal;
        content: "\f0d7";
    }

    .ddbox:hover {
        opacity: 1;
        color: black;
        background-color: #FFF;
    }

    .ddbox .ddcnt {
        display: none;
        z-index: 10001;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 17px !important;
    }

    .ddbox ul {
        font-weight: normal;
        margin: 0;
        padding: 3px;
        border: 1px #d0d0d0 solid;
        -moz-box-shadow: 0 0 3px #d0d0d0;
        -webkit-box-shadow: 0 0 3px #d0d0d0;
        box-shadow: 0 0 3px #d0d0d0;
        background-color: rgb(255,255,255);
    }

    .ddbox li {
        display: block;
        color: #787879;
        list-style: none;
        padding: 2px 18px 2px 4px;
        height: 23px;
        text-align: left;
    }

        .ddbox li a {
            color: #787879 !important;
            text-decoration: none !important;
            margin: 0;
            padding: 0;
            line-height: 22px;
        }

        .ddbox li:hover {
            color: black !important;
            list-style: none;
            border-bottom-style: inset;
            border-bottom: 2px #0072BC solid;
            padding-bottom: 0;
        }

            .ddbox li:hover a {
                color: black;
            }
                
        .ddbox li a i {
            width:16px;
        }

       

ul.ddbtn {
    display: none;
}

.ddbtn {
    position: relative;
    overflow: visible;
}

    .ddbtn.btn {
        padding-right: 0;
        margin-right: 0;
        z-index: 0;
    }

    .ddbtn .ddbtn_dd {
        background-image: url(../images/icons/icons.png);
        background-position: -302px -115px;
        display: inline-block;
        background-repeat: no-repeat;
        width: 25px;
        height: 18px;
        vertical-align: middle;
    }

        .ddbtn .ddbtn_dd:hover {
        }


.ddbtnul {
    z-index: 9999;
    display: none;
    position: absolute;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    font-weight: normal;
    margin: 0;
    padding: 3px;
    border: 1px #d0d0d0 solid;
    -moz-box-shadow: 0 0 3px #d0d0d0;
    -webkit-box-shadow: 0 0 3px #d0d0d0;
    box-shadow: 0 0 3px #d0d0d0;
    background-color: #fff;
}


    .ddbtnul > li {
        display: block;
        color: #787879;
        list-style: none;
        padding: 2px 8px 2px 8px;
        height: 23px;
        float: none;
        text-align: left;
        white-space: nowrap;
    }

        .ddbtnul > li a {
            color: #787879;
            text-decoration: none;
            margin: 0;
            padding: 0;
            text-align: right;
        }

        .ddbtnul > li:hover {
            color: black;
            list-style: none;
            border-bottom-style: inset;
            border-bottom: 2px #0072BC solid;
            padding-bottom: 0;
        }

            .ddbtnul > li:hover a {
                color: black;
            }

.ddbtn .ddbtn_splt {
    background-image: url(../images/icons/icons.png);
    background-position: -316px -117px;
    display: inline-block;
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
    vertical-align: middle;
}

.ui-state-FS {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-FSSystem {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../Content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #000;
}







.esContainer {
    border: 1px solid #cccccc;
    background-color: white;
    cursor: pointer;
    position: absolute;
    z-index: 2000;
}

.esItem {
    margin-left: 0px;
    padding: 3px;
}

.esItemHover {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.esTextBox {
    color: #000;
    font-weight: bold;
    font-size: 1em;
    -webkit-appearance: none;
    -webkit-padding-end: 20px !important;
    -webkit-padding-start: 8px !important;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../images/action/sd.png),-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: url(../images/action/sd.png),linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-o-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-moz-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-webkit-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 100%);
    background-image: url(../images/action/sd.png),-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(0.4, rgb(244,244,244)), color-stop(1, rgb(229,229,229)) );
    background-position: center right;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 6px 10px 6px 10px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px #d0d0d0 solid;
    -moz-box-shadow: 0 0 5px #d0d0d0;
    -webkit-box-shadow: 0 0 5px #d0d0d0;
    -o-box-shadow: 0 0 5px #d0d0d0;
    box-shadow: 0 0 5px #d0d0d0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px;
    text-indent: 0.01px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* @group Base */
.chzn-container {
    font-size: 12px;
    position: relative;
    display: inline-block;
    zoom: 1;
}
    .chzn-container .chzn-drop {
        background: #fff;
        border: 1px solid #aaa;
        border-top: 0;
        position: absolute;
        top: 29px;
        left: 0;
        -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
        -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15);
        box-shadow: 0 4px 5px rgba(0,0,0,.15);
        z-index: 1010;
    }
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}

.chzn-container-single .chzn-default {
    color: #999;
}

.chzn-container-single .chzn-single span {
    color: #444;
    font-weight: bold;
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('../images/chosen/chosen-sprite.png') -42px 1px no-repeat;
}

    .chzn-container-single .chzn-single abbr:hover {
        background-position: -42px -10px;
    }

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px;
}

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}

    .chzn-container-single .chzn-single div b {
        background: url('../images/chosen/chosen-sprite.png') no-repeat 0px 2px;
        display: block;
        width: 100%;
        height: 100%;
    }

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}

    .chzn-container-single .chzn-search input {
        background: #fff url('../images/chosen/chosen-sprite.png') no-repeat 100% -20px;
        background: url('../images/chosen/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
        background: url('../images/chosen/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        outline: 0;
        border: 1px solid #aaa;
        font-family: sans-serif;
        font-size: 1em;
    }

.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #FDFDFD), color-stop(90%, #F8F8F8));
    background-image: -webkit-linear-gradient(top, #FDFDFD 1%, #F8F8F8 90%);
    background-image: -moz-linear-gradient(top, #FDFDFD 1%, #F8F8F8 90%);
    background-image: -o-linear-gradient(top, #FDFDFD 1%, #F8F8F8 90%);
    background-image: linear-gradient(#FDFDFD 1%, #F8F8F8 90%);
    border: 1px solid #aaa;
    margin: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
    padding: 3px;
}

    .chzn-container-multi .chzn-choices li {
        float: left;
        list-style: none;
    }

    .chzn-container-multi .chzn-choices .search-field {
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }

        .chzn-container-multi .chzn-choices .search-field input {
            color: #666;
            background: transparent !important;
            border: 0 !important;
            font-family: sans-serif;
            font-size: 100%;
            height: 15px;
            padding: 5px;
            margin: 1px 0;
            outline: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .chzn-container-multi .chzn-choices .search-field .default {
            color: #999;
        }

    .chzn-container-multi .chzn-choices .search-choice {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #e4e4e4;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
        background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
        -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
        box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
        color: #333;
        font-weight: bold;
        border: 1px solid #aaaaaa;
        line-height: 13px;
        padding: 3px 23px 3px 5px;
        margin: 3px 0 3px 5px;
        position: relative;
        cursor: default;
    }

        .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
            background-color: #e4e4e4;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
            background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            color: #666;
            border: 1px solid #cccccc;
            padding-right: 5px;
        }

    .chzn-container-multi .chzn-choices .search-choice-focus {
        background: #d4d4d4;
    }

    .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
        display: block;
        position: absolute;
        right: 0px;
        top: 4px;
        width: 12px;
        height: 12px;
        font-size: 1px;
        background: url('../images/chosen/chosen-sprite.png') -42px 1px no-repeat;
        padding-right: 3px;
    }

        .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
            background-position: -42px -10px;
        }

    .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
        background-position: -42px -10px;
    }
/* @end */

/* @group Results */
.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
    background: transparent;
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px; /* This should by dynamic with js */
    z-index: 1;
}

    .chzn-container .chzn-results-scroll span {
        display: inline-block;
        height: 17px;
        text-indent: -5000px;
        width: 9px;
    }

.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}

    .chzn-container .chzn-results-scroll-down span {
        background: url('../images/chosen/chosen-sprite.png') no-repeat -4px -3px;
    }

.chzn-container .chzn-results-scroll-up span {
    background: url('../images/chosen/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}

.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .chzn-container-active .chzn-single-with-drop div {
        background: transparent;
        border-left: none;
    }

        .chzn-container-active .chzn-single-with-drop div b {
            background-position: -18px 2px;
        }

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}

    .chzn-container-active .chzn-choices .search-field input {
        color: #111 !important;
    }
/* @end */

/* @group Disabled Support */
.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

    .chzn-disabled .chzn-single {
        cursor: default;
    }

    .chzn-disabled .chzn-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @group Right to Left */
.chzn-rtl {
    text-align: right;
}

    .chzn-rtl .chzn-single {
        padding: 0 8px 0 0;
        overflow: visible;
    }

        .chzn-rtl .chzn-single span {
            margin-left: 26px;
            margin-right: 0;
            direction: rtl;
        }

        .chzn-rtl .chzn-single div {
            left: 3px;
            right: auto;
        }

        .chzn-rtl .chzn-single abbr {
            left: 26px;
            right: auto;
        }

    .chzn-rtl .chzn-choices .search-field input {
        direction: rtl;
    }

    .chzn-rtl .chzn-choices li {
        float: right;
    }

    .chzn-rtl .chzn-choices .search-choice {
        padding: 3px 5px 3px 19px;
        margin: 3px 5px 3px 0;
    }

        .chzn-rtl .chzn-choices .search-choice .search-choice-close {
            left: 4px;
            right: auto;
        }

    .chzn-rtl.chzn-container-single .chzn-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chzn-rtl .chzn-results .group-option {
        padding-left: 0;
        padding-right: 15px;
    }

    .chzn-rtl.chzn-container-active .chzn-single-with-drop div {
        border-right: none;
    }

    .chzn-rtl .chzn-search input {
        background: #fff url('../images/chosen/chosen-sprite.png') no-repeat -30px -20px;
        background: url('../images/chosen/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
        background: url('../images/chosen/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
        background: url('../images/chosen/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
        padding: 4px 5px 4px 20px;
        direction: rtl;
    }

.chzn-container-single.chzn-rtl .chzn-single div b {
    background-position: 6px 2px;
}

.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
    background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
        background-image: url('../images/chosen/chosen-sprite@2x.png') !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important;
    }
}
/* @end */

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
        width: 100%;
        height: 100%;
    }

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.uploadify-queue-container {
    position: relative;
}

    .uploadify-queue-container .upfilename {
        float: left;
        line-height: 32px;
        width: 100%;
        border-bottom: 1px #bbb solid;
    }

.uploadify-queue {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 2px 2px 6px #d0d0d0;
    box-shadow: 2px 2px 6px #d0d0d0;
}

.uploadify-queue-item {
    background-color: #F5F5F5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 11px Verdana, Geneva, sans-serif;
    padding-bottom: 12px;
    padding-top: 8px;
    overflow:hidden;
    text-overflow:ellipsis;
}

    .uploadify-queue-item > span {
        padding: 0 5px;
    }

    .uploadify-queue-item .fileName {
        margin-right: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.uploadify-error {
    background-color: #FDE5DD !important;
}

.uploadify-queue-item .cancel {
    position: absolute;
    right: 0;
}

    .uploadify-queue-item .cancel a {
        z-index: 160001;
        background: url('../images/action/uploadify-cancel.png') 0 0 no-repeat;
        float: right;
        height: 16px;
        text-indent: -9999px;
        width: 16px;
    }

.uploadify-queue-item.completed {
    background-color: #E5E5E5;
}

.uploadify-progress {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.uploadify-progress-bar {
    margin-top: 4px;
    background-color: #3477AE;
    height: 3px;
    width: 1px;
}

.FSTabs
{
}

    .FSTabs > ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .FSTabs > ul > li
        {
            float: left;
            padding: 11px 11px;
            cursor: pointer;
            -moz-transition: background-color linear 0.2s;
            -o-transition: background-color linear 0.2s;
            -webkit-transition: background-color linear 0.2s;
            transition: background-color linear 0.2s;
        }
                .FSTabs > ul > li:hover
        {
                    background-color:#FAFAFA;
        }
            .FSTabs > ul > li.selected
            {
                background-color: #F0F0F0;
            }

    .FSTabs .FSTab
    {
        border-top: 1px #E0E0E0 solid;
        padding-top: 11px;
        clear: both;
    }
    .FSTabs  .TABDescriptionBlock {
        display: none;
    }

.ppt2 {
    display: block;
    position: absolute;
    height: auto;
    bottom: 0;
    top: 40px;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    background-color: #fff;
}

    .ppt2 h1 {
        margin-bottom: 3px;
    }

    .ppt2 .FSTabs .FSTab {
        padding: 0;
    }

    .ppt2 .ppt2_wrapper {
        width: 100%;
        height: 100%;
    }


    .ppt2 .ppt2_menu {
        width: 300px;
        background-color: #3a3a3a;
        color: #fff;
        height: 100%;
        position: absolute;
        transition: width 0.2s ease-in-out;
    }

    .ppt2 .ppt2_menu_wrapper {
        height: calc(100% - 70px);
        margin-bottom: 70px;
        position: relative;
        overflow: auto;
        scrollbar-color: #a0a0a0 #373737;
        scrollbar-width: thin;
    }

        .ppt2 .ppt2_menu_wrapper::-webkit-scrollbar {
            width: 12px;
        }

        .ppt2 .ppt2_menu_wrapper::-webkit-scrollbar-track {
            background: #474747;
        }

        .ppt2 .ppt2_menu_wrapper::-webkit-scrollbar-thumb {
            background-color: #a0a0a0;
            border-radius: 20px;
            border: 3px solid #373737;
        }

        .ppt2 .ppt2_menu_wrapper > ul {
            padding: 0;
        }

    .ppt2 .ppt2_menu .title i.fa-arrow-circle-left {
        position: absolute;
        right: 0;
        top: 0;
        border: 1px #aaa solid;
        border-radius: 16px;
        height: 32px;
        width: 32px;
        text-align: center;
        line-height: 32px;
        margin: 8px 8px;
        font-size: 20px;
    }

        .ppt2 .ppt2_menu .title i.fa-arrow-circle-left:hover {
            cursor: pointer;
            background-color: #575757;
        }

    .ppt2 .ppt2_menu .title {
        padding: 5px 12px;
        font-size: 18px;
        border-bottom: 1px solid #7F7F7F;
        line-height: 40px;
        cursor: pointer;
    }

    .ppt2 #btnRefreshMenu {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #e0e0e0;
        border: 1px #aaa solid;
    }

    .ppt2 .ppt2_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 0;
        width: 100%
    }

        .ppt2 .ppt2_menu ul li {
            position: relative;
            margin: 0;
            border-bottom: 1px transparent solid;
        }

    .ppt2 .ppt2_menu .ppt2_progress {
        background-color: #3a3a3a;
        width: 300px;
        position: fixed;
        bottom: 0;
        height: 70px;
        border-top: 1px #7F7F7F solid;
        transition: width 0.2s ease-in-out;
    }

        .ppt2 .ppt2_menu .ppt2_progress .ppt2_progress_wrapper {
            margin: 5px 25px;
        }

            .ppt2 .ppt2_menu .ppt2_progress .ppt2_progress_wrapper .pBarLabel {
                color: #fff !important;
            }

    .ppt2 #pMenu {
        margin-left: 0;
        user-select: none;
        font-size: 16px;
        font-weight: 300;
    }

        .ppt2 #pMenu li {
            margin: 0;
            padding-left: 30px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


            .ppt2 #pMenu li.finish {
                color: #eee;
            }

                .ppt2 #pMenu li.finish i {
                    color: #6baf49;
                }


            .ppt2 #pMenu li.cat {
                padding-left: 0;
                line-height: 38px;
                font-weight: 300;
            }

                .ppt2 #pMenu li.cat h2 {
                    color: #bbb;
                    font-size: 13px;
                    font-weight: 400;
                    padding-left: 30px;
                    margin: 0;
                    border-bottom: 1px #7F7F7F solid;
                    border-left: 2px #007EC7 solid;
                }

                    .ppt2 #pMenu li.cat h2 i {
                        font-size: 20px;
                        margin-top: 2px;
                    }

            .ppt2 #pMenu li.cat1 {
            }

            .ppt2 #pMenu li.cat2 {
            }

            .ppt2 #pMenu li.cat3 {
            }

            .ppt2 #pMenu li.cat4 {
            }

            .ppt2 #pMenu li.cat5 {
            }

            .ppt2 #pMenu li.item {
                min-height: 36px;
            }

                .ppt2 #pMenu li.item:hover {
                    background-color: #575757;
                }

            .ppt2 #pMenu li.selected {
                background-color: #262626;
                box-shadow: inset 3px 0 0 0 rgb(255 255 255 / 90%);
            }

            .ppt2 #pMenu li.disabled {
                background-color: #575757;
                color: #eee;
                cursor: not-allowed;
            }

                .ppt2 #pMenu li.disabled:hover {
                    background-color: #575757;
                    color: #eee;
                }

            .ppt2 #pMenu li i {
                font-size: 12px;
                color: #aaa;
                position: absolute;
                right: 10px;
                top: 10px;
            }

            .ppt2 #pMenu li > .formtitle {
                margin-top: 5px;
                margin-bottom: 5px;
                line-height: 30px;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .ppt2 #pMenu li > .effort {
                margin-bottom: 5px;
                font-size: 12px;
                line-height: 16px;
                color: #ccc;
            }

            .ppt2 #pMenu li .state {
                color: #aaa;
                font-size: 14px;
                position: absolute;
                left: 10px;
                top: 13px;
            }


            .ppt2 #pMenu li .points {
                color: red;
                font-size: 10px;
                position: absolute;
                right: 10px;
                top: 2px;
            }



                .ppt2 #pMenu li .points span {
                    -webkit-border-radius: 2px;
                    border-radius: 2px;
                    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
                    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
                    background-color: #dc0d17;
                    background-image: -webkit-gradient(linear, center top, center bottom, from(#00ce04 #00cb55), to(#126f00));
                    background-image: -webkit-linear-gradient(top, #00ce04 0%, #126f00 100%);
                    color: #fff;
                    height: 13px;
                    line-height: 14px;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box;
                    display: inline-block;
                    font-family: 'Helvetica Neue', Helvetica, sans-serif;
                    font-size: 10px;
                    -webkit-font-smoothing: subpixel-antialiased;
                    padding: 2px 3px;
                }

    .ppt2 #ppt2_stage {
        height: 100%;
        float: left;
        margin-left: 300px;
        overflow: auto;
        transition: margin 0.2s ease-in-out;
        position: absolute;
        left: 0;
        right: 0;
    }

    .ppt2 .ppt2_main {
        width: 100%;
        height: 60%;
    }

        .ppt2 .ppt2_main .ppt2_subinfo {
            color: #fff;
            position: absolute;
            width: 100%;
            height: 85px;
            transition: opacity .5s,width 750ms;
            opacity: 0;
            z-index: 10;
        }

        .ppt2 .ppt2_main .ppt2_subinfo {
            content: '';
            position: absolute;
            width: 100%;
            height: 85px;
            background: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,0)),color-stop(rgba(0,0,0,.75)),to(rgba(0,0,0,.75)));
            background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,.75));
            pointer-events: none;
        }

            .ppt2 .ppt2_main .ppt2_subinfo.menumargin {
                /* padding-left: 100px; */
            }

            .ppt2 .ppt2_main .ppt2_subinfo .ppt2_subinfo_wrapper {
            }

            .ppt2 .ppt2_main .ppt2_subinfo h1 {
                font-weight: 100;
                color: #fff;
                font-size: 18px;
                margin: 10px 0 5px 15px;
                border-bottom: 1px #676767 solid;
                width: auto;
                display: inline-block;
                padding: 0 5px 0 0;
            }

            .ppt2 .ppt2_main .ppt2_subinfo h2 {
                font-weight: 100;
                color: #fff;
                font-size: 16px;
                margin: 3px 0 0 15px;
                padding: 0;
            }

        .ppt2 .ppt2_main .ppt2_backmenu {
            font-size: 18px;
            font-weight: 100;
            line-height: 40px;
            color: #fff;
            position: absolute;
            transition: opacity .5s,width 750ms;
            opacity: 0;
            display: none;
            display: inline;
            padding: 0 10px;
            cursor: pointer;
            background-color: #171717;
            z-index: 11;
        }

            .ppt2 .ppt2_main .ppt2_backmenu.active {
                opacity: 0.8;
            }

            .ppt2 .ppt2_main .ppt2_backmenu:hover {
                opacity: 1;
            }

            .ppt2 .ppt2_main .ppt2_backmenu i {
            }

@media (max-width: 1024px) {
    .ppt2 .ppt2_main {
        height: 50%;
    }
}

@media (min-height: 768px) {
    .ppt2 .ppt2_main {
        height: 70%;
    }
}

@media (min-width: 768px) {
    .ppt2 .ppt2_main {
        height: 70%;
    }
}



@media (min-height: 1150px) {
    .ppt2 .ppt2_main {
        height: 80%;
    }
}


@media (max-width: 1024px) {
    .ppt2 .ppt2_main {
        height: 50%;
    }

    .ppt2 .ppt2_menu {
        width: 0;
    }

        .ppt2 .ppt2_menu .ppt2_progress {
            width: 0;
        }

    .ppt2 #ppt2_stage {
        margin-left: 0;
    }

    #ppt2_backmenu {
        display: block;
    }
}



.ppt2 .ppt2_main_wrapper {
    background-color: #454545;
    padding-left: 0;
    box-sizing: border-box;
    position: relative;
    height: 100%;
}

    .ppt2 .ppt2_main_wrapper .ppt2_show {
        background-color: #1A1A1A;
        height: 100%;
    }

        .ppt2 .ppt2_main_wrapper .ppt2_show #VideoJSPlayer, .ppt2 .ppt2_main_wrapper .ppt2_show #AudioJSPlayer {
            width: 100%;
            height: 100%;
        }

            .ppt2 .ppt2_main_wrapper .ppt2_show #VideoJSPlayer .vjs-big-play-button, .ppt2 .ppt2_main_wrapper .ppt2_show #AudioJSPlayer .vjs-big-play-button {
                top: 48%;
                left: 48%;
            }

.ppt2 #VideoJSPlayer .vjs-poster {
    background-size: cover;
}




.ppt2 .ppt2_info {
    width: 100%;
    background-color: #fff;
    position: relative;
    transition: all 1083ms;
}

    .ppt2 .ppt2_info #toggleInfo {
        position: absolute;
        right: 0;
        top: 0;
    }

        .ppt2 .ppt2_info #toggleInfo i.fa-arrow-circle-down, .ppt2 .ppt2_info #toggleInfo i.fa-arrow-circle-up {
            border: 1px #aaa solid;
            border-radius: 16px;
            height: 32px;
            width: 32px;
            text-align: center;
            line-height: 32px;
            margin: 8px 8px;
            font-size: 20px;
        }
            .ppt2 .ppt2_info #toggleInfo i.fa-arrow-circle-up {
                
            }

            .ppt2 .ppt2_info #toggleInfo i.fa-arrow-circle-down:hover, .ppt2 .ppt2_info #toggleInfo i.fa-arrow-circle-up:hover {
                cursor: pointer;
                background-color: #575757;
            }

.ppt2 .ppt2_info_wrapper {
    transition: all 1083ms;
}
    .ppt2 .ppt2_info .action {
        cursor: pointer;
        padding: 2px 5px;
    }

        .ppt2 .ppt2_info .action:hover {
            background-color: #F3F3F3;
        }

    .ppt2 .ppt2_info .ppt2_qa {
    }

        .ppt2 .ppt2_info .ppt2_qa .ppt2_qa_wrapper {
            margin: auto;
            max-width: 750px;
        }

    .ppt2 .ppt2_info .ppt2_qalist {
    }

        .ppt2 .ppt2_info .ppt2_qalist .ppt2_qalist_wrapper {
            margin: auto;
            max-width: 750px;
            -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 2px 3px rgb(0 0 0 / 20%);
            box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 2px 3px rgb(0 0 0 / 20%);
            -webkit-transition: -webkit-box-shadow 83ms;
            transition: -webkit-box-shadow 83ms;
            transition: box-shadow 83ms;
            transition: box-shadow 83ms, -webkit-box-shadow 83ms;
            margin-bottom: 20px;
            padding: 1px;
        }

        .ppt2 .ppt2_info .ppt2_qalist .qaitem {
            padding: 15px;
            padding-bottom: 0;
        }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .qalikeinfo span {
                margin-right: 15px;
            }




            .ppt2 .ppt2_info .ppt2_qalist .qaitem .subject {
                font-weight: bold;
                border-bottom: 1px #A9A9A9 solid;
                display: inline-block;
                margin: 5px 0;
            }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .message {
                margin-top: 5px;
            }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer {
                color: #a9a9a9;
                margin-top: 5px;
                margin-bottom: 5px;
            }

                .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer .qalikeinfo {
                    border-bottom: 1px #F3F3F3 solid;
                    padding-bottom: 3px;
                    margin-bottom: 5px;
                }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem > div.FloatRight .ddbox {
                display: none;
            }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem:hover > div.FloatRight .ddbox {
                display: block;
            }

        .ppt2 .ppt2_info .ppt2_qalist .qasubitems .qaitem {
            padding-right: 0;
            padding-left: 20px;
        }

        .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer .qalikebar {
            margin-bottom: 5px;
        }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer .qalikebar span {
                margin-right: 15px;
            }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer .qalikebar .my {
                color: #000;
            }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer .qalikebar .likecount {
                margin-right: 5px;
            }

            .ppt2 .ppt2_info .ppt2_qalist .qaitem .footer .qalikebar .dislikecount {
                margin-right: 5px;
            }

        .ppt2 .ppt2_info .ppt2_qalist .qaitem .qaitem {
            background-color: #f9f9f9;
        }

    .ppt2 .ppt2_info .ppt2_qa .newQA {
        -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 2px 3px rgb(0 0 0 / 20%);
        box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 2px 3px rgb(0 0 0 / 20%);
        -webkit-transition: -webkit-box-shadow 83ms;
        transition: -webkit-box-shadow 83ms;
        transition: box-shadow 83ms;
        transition: box-shadow 83ms, -webkit-box-shadow 83ms;
        margin-bottom: 20px;
        padding: 1px;
    }

        .ppt2 .ppt2_info .ppt2_qa .newQA:hover {
            -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 4px 6px rgb(0 0 0 / 20%);
            box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 4px 6px rgb(0 0 0 / 20%);
            -webkit-transition: -webkit-box-shadow 83ms;
            transition: -webkit-box-shadow 83ms;
            transition: box-shadow 83ms;
            transition: box-shadow 83ms, -webkit-box-shadow 83ms;
        }

    .ppt2 .ppt2_info .ppt2_qa .qaq {
        margin: 10px;
    }

    .ppt2 .ppt2_info .qaq textarea, .ppt2 .ppt2_info .qaq input[type=text] {
        padding: 10px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
        resize: vertical;
    }

    .ppt2 .ppt2_info .ppt2_qa .newQA .create {
        line-height: 28px;
        height: 56px;
        margin: 5px;
        padding: 0 10px;
        background-color: transparent;
        color: rgba(0,0,0,.6);
    }

        .ppt2 .ppt2_info .ppt2_qa .newQA .create:hover {
            background-color: rgba(207,207,207,.25);
            color: rgba(0,0,0,.75);
            cursor: pointer;
        }

.ppt2 #ppt2_emptylist {
    font-size: 16px;
    text-align: center;
}

.ppt2 #pPoints {
    font-size: 26px;
    line-height: 28px;
    margin-right: 15px;
    margin-bottom: 8px;
}

    .ppt2 #pPoints i {
    }

.ppt2 #pProgress {
    background-color: #777;
}

    .ppt2 #pProgress .pBarLabel {
        position: inherit;
        top: auto;
    }

.ppt2 .ppt2_info_wrapper {
    padding: 10px;
}

#ppt2_overview {
}

    #ppt2_overview h1 {
        font-weight: 200;
    }

    #ppt2_overview #pLogo {
        margin: 10px 15px;
    }

#ppt2_show {
    text-align: center;
}

    #ppt2_show iframe {
        position: relative;
        height: 100%;
        border: none;
        width: 100%;
        overflow: auto;
        display: block;
    }

.ppt2 .FSTabs {
    font-size: larger;
    text-align: center;
}

    .ppt2 .FSTabs > ul {
        display: inline-block
    }

        .ppt2 .FSTabs > ul > li {
            font-weight: 500;
            color: rgba(0,0,0,.6);
            margin-right: 30px;
            padding: 10px 20px;
        }

            .ppt2 .FSTabs > ul > li:hover {
                color: rgba(0,0,0,1);
            }

            .ppt2 .FSTabs > ul > li.selected {
                color: #007EC7;
            }

    .ppt2 .FSTabs .FSTab {
        text-align: left;
    }

@media (max-width:700px) {
    .ppt2 .FSTabs > ul > li {
        margin-right: 0px;
    }
}

#ppt2Prev, #ppt2Next {
    transition: opacity 0.5s ease-in-out;
}

    #ppt2Prev[disabled] {
        color: #aaa;
        cursor: default;
        opacity: 0;
    }

    #ppt2Next[disabled] {
        color: #aaa;
        cursor: default;
        opacity: 0;
    }

#ppt2lblProgress {
    line-height: 35px;
    margin: 0 25px;
    font-size: 18px;
    font-weight: 100;
    color: #fff;
}

.ppt2 .ppt2Finish {
    margin-top: 10px;
    padding: 10px;
    text-align: center;
}

.ppt2 .ppt2Completed {
    background-color: #fff;
    margin: 0 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 200;
}

    .ppt2 .ppt2Completed .fa-star {
        font-size: 20px;
    }

    .ppt2 .ppt2Completed h1 {
        font-size: 30px;
        font-weight: 200;
        border-bottom: 1px #ddd solid;
        margin-bottom: 30px;
    }

.ppt2 #cntShowPStart {
    background-color: #fff;
    margin: 0 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 200;
}

    .ppt2 #cntShowPStart .fa-star {
        font-size: 20px;
    }

    .ppt2 #cntShowPStart h1 {
        font-size: 30px;
        font-weight: 200;
        border-bottom: 1px #ddd solid;
        margin-bottom: 30px;
    }

.ppt2 .btn {
    font-size: 12px;
}

#ModalShowPFinish {
    width: 500px;
}

    #ModalShowPFinish .modalcontent {
        font-size: 18px;
        font-weight: 200;
    }

        #ModalShowPFinish .modalcontent button {
            font-size: 18px;
            font-weight: 200;
        }

        #ModalShowPFinish .modalcontent h3 {
            font-size: 24px;
            border-bottom: 1px #ddd solid;
        }

        #ModalShowPFinish .modalcontent h4 {
            font-size: 30px;
            font-weight: 100;
            margin: 25px 0;
        }

    #ModalShowPFinish .fa-star {
        font-size: 24px;
    }

    #ModalShowPFinish .modalcontent {
        border-bottom: 1px #ddd solid;
    }

    #ModalShowPFinish .modalsubmit {
        text-align: center;
        padding-bottom: 25px;
    }


#ModalShowPRestart {
    width: 500px;
}

    #ModalShowPRestart .modalcontent {
        font-size: 18px;
        font-weight: 200;
    }

        #ModalShowPRestart .modalcontent h3 {
            font-size: 24px;
            border-bottom: 1px #ddd solid;
        }

        #ModalShowPRestart .modalcontent button {
            font-size: 18px;
            font-weight: 200;
        }

#ppt2Timer {
    height: 28px;
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 0;
}

    #ppt2Timer .pProgress {
        background: #209EE7;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #209EE7), color-stop(100%, #007EC7));
        background: -webkit-linear-gradient(#209EE7, #007EC7);
        background: -moz-linear-gradient(#209EE7, #007EC7);
        background: -o-linear-gradient(#209EE7, #007EC7);
        background: -ms-linear-gradient(#209EE7, #007EC7);
        background: linear-gradient(#209EE7, #007EC7);
        height: 5px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    #ppt2Timer .label {
        text-align: center;
        padding: 5px;
        font-size: 16px;
        text-shadow: 1px 1px 2px #888;
    }



.ppt2_grdinfo {
    max-width: 1124px;
    margin: auto;
}

    .ppt2_grdinfo > div:nth-child(2n+1) {
        float: left;
        width: 70%;
        border-right: 1px #E0E0E0 solid;
    }

    .ppt2_grdinfo > div:nth-child(2n) {
        float: left;
        width: 29%;
    }

    .ppt2_grdinfo > div > div {
        margin: 15px 25px 15px 25px;
    }

@media (max-width: 700px) {
    .ppt2_grdinfo > div {
        border: none !important;
        float: none !important;
        width: 100% !important;
    }
}


.ppt2 #remarkEmptyInfo {
    color: #343434;
    text-align: center;
    font-weight: normal;
}

.ppt2 #ppt2_remarkMessage {
    resize: vertical;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.ppt2 #ppt2_remarkList {
    margin-top: 15px;
}

    .ppt2 #ppt2_remarkList .cat {
        font-weight: 500;
        font-size: 18px;
        background-color: #F0F0F0;
        padding: 5px;
        border-bottom: 1px #E0E0E0 solid;
    }

        .ppt2 #ppt2_remarkList .cat:hover {
            cursor: pointer;
            background-color: #E0E0E0;
        }

        .ppt2 #ppt2_remarkList .cat .fa {
            float: right;
            font-weight: normal;
            line-height: 24px;
            margin-right: 8px;
        }

    .ppt2 #ppt2_remarkList .qar {
        border-bottom: 1px #E0E0E0 solid;
    }

        .ppt2 #ppt2_remarkList .qar textarea {
            resize: vertical;
            width: 100%;
            padding: 10px;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box;
        }

        .ppt2 #ppt2_remarkList .qar .refform {
            padding: 10px 0;
        }

            .ppt2 #ppt2_remarkList .qar .refform .refLink {
                text-decoration: none;
                margin-left: 10px;
                font-weight: 500;
            }

                .ppt2 #ppt2_remarkList .qar .refform .refLink:hover {
                    text-decoration: underline;
                    cursor: pointer;
                }

        .ppt2 #ppt2_remarkList .qar .footer {
            text-align: right;
            margin-bottom: 5px;
        }

            .ppt2 #ppt2_remarkList .qar .footer .created {
                font-weight: 500;
            }

            .ppt2 #ppt2_remarkList .qar .footer span {
                padding: 3px;
            }

.ppt2 #ppt2_currentForm {
    padding-left: 3px;
}


.ppt2 #transcript {
    margin-left: 40px;
}

    .ppt2 #transcript span {
        padding: 0 1px;
    }

    .ppt2 #transcript .transcript-header {
        display: none;
    }

    .ppt2 #transcript .transcript-selector {
        float: right;
    }

    .ppt2 #transcript .transcript-splitter {
        text-indent: -40px;
        color: #999;
    }

    .ppt2 #transcript .transcript-timestamp {
        display: none;
    }

    .ppt2 #transcript .transcript-line {
        transition: color 0.5s ease-in-out;
        transition: background-color 0.5s ease-in-out;
        cursor: pointer;
        display: inline;
        padding-right: 10px;
    }

        .ppt2 #transcript .transcript-line:hover {
            background-color: #F0F0F0;
        }

        .ppt2 #transcript .transcript-line.is-active {
            color: #007EC7;
            background-color: #F0F0F0;
        }

    .ppt2 #transcript.transcript-text {
        line-height: 26px;
    }

.ppt2 #vttSearchresult p {
    cursor: pointer;
    transition: color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

    .ppt2 #vttSearchresult p:hover {
        cursor: pointer;
        background-color: #F0F0F0;
    }

.ppt2 .highlight {
    background-color: yellow;
}


.ppt2 .aspect_ratio_4_3 {
    width: auto !important;
    aspect-ratio: 4/3;
    position: relative !important;
    margin:0 auto;
}
.ppt2 .aspect_ratio_16_9 {
    width: auto !important;
    aspect-ratio: 16/9;
    position: relative !important;
    margin: 0 auto;
}
.ppt2 .aspect_ratio_1_1 {
    width: auto !important;
    aspect-ratio: 1/1;
    position: relative !important;
    margin: 0 auto;
}
/*!
 * jQuery UI CSS Framework 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Resizable 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*!
 * jQuery UI Selectable 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

/*!
 * jQuery UI Accordion 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Button 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI Dialog 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI Slider 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*!
 * jQuery UI Tabs 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI Datepicker 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/*!
 * jQuery UI Progressbar 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*!
 * jQuery UI CSS Framework 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}

@charset "utf-8";
/* CSS Document */
/*
.strength_meter{
	height:23px;
width: 154px;
	background:silver;
	
}

.strength_meter div{
	height:23px;
	width:100%;
	text-align:center;
	color:black;
	font-weight:bold;
	line-height:23px;
}
.veryweak{
	background-color: #FFA0A0;
border-color: #F04040!important
}
.weak{
background-color: #FFB78C;
border-color: #FF853C!important;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
}
*/

.pwdstrength input[type="password"], .pwdstrength input[type="text"] {
    background: transparent;

    -webkit-appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear;
    -moz-transition: border .25s linear, color .25s linear;
    -o-transition: border .25s linear, color .25s linear;
    transition: border .25s linear, color .25s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
}

  

.pwdstrength {
    margin: 0 auto;
    position: relative;
    margin-bottom: 8px;
}

.strength_meter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 43px;
    z-index: -1;
    border-radius: 5px;
    padding-right: 13px;
}

.button_strength {
    text-decoration: none;
    color: #FFF;
    font-size: 13px;
}

.strength_meter div {
    margin-top:6px;
    width: 0;
    height: 29px;
    text-align: right;
    color: #000;
    line-height: 43px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 12px;
    border-radius: 4px;
}

    .strength_meter div p {
        position: absolute;
        top: 22px;
        right: 0;
        color: #FFF;
        font-size: 13px;
    }

.veryweak {
    background-color: #FFA0A0;
    border-color: #F04040 !important;
    width: 25% !important;
}

.weak {
    background-color: #FFB78C;
    border-color: #FF853C !important;
    width: 50% !important;
}

.medium {
    background-color: #FFEC8B;
    border-color: #FC0 !important;
    width: 75% !important;
}

.strong {
    background-color: #C3FF88;
    border-color: #8DFF1C !important;
    width: 98% !important;
}

.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;margin:0;padding:0;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{word-break:break-word;overflow:hidden;display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:none;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:bold;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:none;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:none;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0%;left:0;border-radius:5px;background:#f00}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=');background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}
#tfa-overlay {
    background-color: #6667ab;
    background: -ms-linear-gradient(top left, #6667ab 0%, #585fd5 100%);
    background: -webkit-linear-gradient(top left, #6667ab, #585fd5);
    background: -o-linear-gradient(top left, #6667ab, #585fd5);
    background: -moz-linear-gradient(top left, #6667ab, #585fd5);
    background: linear-gradient(top left, #6667ab, #585fd5);
    background-repeat: no-repeat;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 30px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20000;
    opacity: 0.6;
}


#tfa {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 30px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20001;
}

    #fta *, #tfa *:after, #tfa *:before {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    #tfa .tfa-container {
        display: block;
        background: #fff;
        width: 320px;
        min-height: 330px;
        border-radius: 8px;
        margin: 0 auto;
        padding: 40px;
    }

    #tfa h1 {
        position: relative;
        display: inline-block;
        color: #000;
        font-size: 2em;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 20px;
        padding: 0;
        margin-block-start: 0.67em;
        margin-block-end: 0.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        border: none;
    }

        #tfa h1:after {
            display: block;
            background: #6667ab;
            content: '';
            height: 3px;
            width: 50%;
            margin: 20px auto 0;
            padding: 0;
        }

    #tfa .form__group--error.form__pincode > input {
        background-color: #eb3b3b;
        color: #181819;
    }

    #tfa .form__group--success.form__pincode > input {
        background-color: #32c832;
        color: #181819;
    }

    #tfa .form__group--check.form__pincode > input {
        background-color: #000;
        color: #fff;
    }

    #tfa .form__pincode:before, #tfa .form__pincode:after {
        display: table;
        content: '';
    }

    #tfa .form__pincode:after {
        clear: both;
    }

   
    #tfa .form__pincode {
        
        margin: 10px auto 20px;
        padding: 0;
    }
    #tfa .form__label {
        text-align:center;
        color:rgba(0,0,0,0.3);
        margin-top:35px;
    }
    #tfa .form__pincode > label {
        display: block;
        text-align: center;
        margin: 20px 0 30px 0;
        font-weight: normal;
    }

        #tfa .form__pincode > input {
            background-color: #FAFAFA;
            display: inline-block;
            float: left;
            width: 14%;
            height: 50px;
            line-height: 48px;
            text-align: center;
            font-size: 2em;
            font-weight: 100;
            color: #181819;
            border: 0;
            border-bottom: 2px solid rgba(0,0,0,0.3);
            border-radius: 2px 2px 0 0;
            transition: background-color 0.3s, color 0.3s, opacity 0.3s;
            cursor: default;
            user-select: none;
            margin: 0;
            margin-top: 10px;
            margin-right: 2%;
            padding: 0;
        }
            #tfa .form__pincode > input:nth-child(5n) {
                margin-left: 10px
            }
            #tfa .form__pincode > input:focus {
                outline: none;
                box-shadow: none;
                border-color: #6667ab;
                animation: border-pulsate 1.5s infinite -webkit-tap-highlight-color transparent;
            }

            #tfa .form__pincode > input:focus {
                outline: none;
            }

    #tfa .form__buttons {
        text-align: center;
        margin: 0 auto;
        padding: 10px 0 0;
    }

#lcl_overlay,#lcl_wrap{position:fixed;top:0;left:0}#lcl_loader,#lcll_1,#lcll_2{left:50%;position:absolute;top:50%}#lcl_window,#lcl_wrap:before{display:inline-block;vertical-align:middle}#lcl_overlay,#lcl_window,#lcll_1,#lcll_2{width:100%;height:100%}@font-face{font-family:lc_lightbox;src:url(fonts/lc_lightbox.eot);src:url(fonts/lc_lightbox.eot) format('embedded-opentype'),url(fonts/lc_lightbox.woff) format('woff'),url(fonts/lc_lightbox.ttf) format('truetype'),url(fonts/lc_lightbox.svg) format('svg');font-weight:400;font-style:normal}#lcl_wrap{bottom:0;right:0;text-align:center;overflow-x:hidden;overflow-y:hidden;z-index:999999999;-webkit-overflow-scrolling:touch}#lcl_wrap:before{content:"";height:100%}#lcl_wrap>*{text-align:left;box-sizing:border-box}#lcl_overlay{overflow:hidden;z-index:-1;background-position:top left;background-repeat:repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}#lcl_wrap:not(.lcl_pre_show){-webkit-transition:all .35s ease-in;transition:all .35s ease-in}#lcl_loader{display:block;opacity:0;height:40px;width:40px;margin-left:-20px;margin-top:-20px;z-index:-1;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}#lcl_loader.lcl_loader_pre_first_el{opacity:0!important}.lcl_first_sizing #lcl_loader:not(.no_loader),.lcl_loading_iframe #lcl_loader:not(.no_loader),.lcl_loading_videojs #lcl_loader:not(.no_loader),.lcl_switching_elem #lcl_loader:not(.no_loader){opacity:1;z-index:99999}#lcll_1,#lcll_2{box-sizing:border-box;border-radius:50%;margin-top:-50%;margin-left:-50%;background:0 0;border-color:#aaa #aaa transparent;border-width:3px;border-style:solid;-webkit-animation:lcl-loader 1.4s infinite linear;animation:lcl-loader 1.4s infinite linear}#lcll_2{width:50%;height:50%;margin-left:-25%;margin-top:-25%;border-right-color:transparent!important;-webkit-animation-duration:1.15s;animation-duration:1.15s;-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes lcl-loader{100%{-webkit-transform:rotate(360deg) translateZ(0)}}@keyframes lcl-loader{100%{transform:rotate(360deg) translateZ(0)}}#lcl_subj.lcl_switching_el>*{opacity:0}.lcl_first_sizing #lcl_contents_wrap,.lcl_first_sizing #lcl_nav_cmd,.lcl_loading_iframe #lcl_contents_wrap,.lcl_loading_iframe #lcl_nav_cmd,.lcl_loading_videojs #lcl_contents_wrap,.lcl_loading_videojs #lcl_nav_cmd,.lcl_switching_elem #lcl_contents_wrap,.lcl_switching_elem #lcl_nav_cmd,.lcl_toggling_fs #lcl_contents_wrap,.lcl_toggling_fs #lcl_nav_cmd,.lcl_toggling_txt.lcl_inner_cmd #lcl_nav_cmd{opacity:0!important}#lcl_contents_wrap{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.lcl_first_sizing #lcl_contents_wrap *,.lcl_loading_iframe #lcl_contents_wrap *,.lcl_loading_videojs #lcl_contents_wrap *,.lcl_switching_elem #lcl_contents_wrap *,.lcl_toggling_fs #lcl_contents_wrap *{-webkit-transition:none!important;transition:none!important}#lcl_window{text-align:left;z-index:30;max-height:100%;max-width:100%;min-width:50px;min-height:50px;line-height:0!important;overflow:visible;position:relative;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0)}#lcl_elem_wrap:not(.lcl_image_elem) .lcl_elem,.lcl_image_elem{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.lcl_toggling_fs #lcl_elem_wrap .lcl_elem,.lcl_toggling_fs #lcl_window,.lcl_toggling_fs .lcl_image_elem,.lcl_toggling_fs#lcl_wrap{-webkit-transition:all .05s linear;transition:all .05s linear}.lcl_is_resizing:not(.lcl_first_sizing):not(.lcl_toggling_txt):not(.lcl_toggling_tn):not(.lcl_toggling_fs) #lcl_window,.lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) #lcl_elem_wrap:not(.lcl_image_elem),.lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) .lcl_image_elem,.lcl_show_already_shaped #lcl_window{-webkit-transition:none!important;transition:none!important}.lcl_tn_hidden #lcl_window{margin-top:0!important}.lcl_pre_first_el:not(.lcl_show_already_shaped) #lcl_window{width:100px;height:100px;max-width:85px!important;max-height:85px!important}.lcl_is_closing #lcl_window{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}#lcl_contents_wrap,#lcl_subj{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#lcl_subj{z-index:10}#lcl_wrap:not(.lcl_switching_elem) #lcl_subj{-webkit-transition:border-width .35s ease;transition:border-width .35s ease}.lcl_toggling_txt #lcl_subj{-webkit-transition-delay:.55s!important;transition-delay:.55s!important}#lcl_elem_wrap{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover}.lcl_html_elem,.lcl_image_elem{position:absolute!important;top:0;left:0;right:0;bottom:0}.lcl_image_elem img{left:-99999px;position:fixed!important}.lcl_html_elem{line-height:normal;padding:15px;overflow-y:auto;background:#fdfdfd}.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj{top:60px}.lcl_dailymotion_elem>*,.lcl_iframe_elem>*,.lcl_postered_video>iframe,.lcl_video_elem>*,.lcl_vimeo_elem>*,.lcl_youtube_elem>*{position:absolute;top:0;left:0;width:100%;height:100%}.lcl_elem.video-js{bottom:0;height:auto;left:0;position:absolute;right:0;top:0;width:auto;background:#000!important}.lcl_elem.video-js .vjs-poster,.lcl_postered_video{background-size:cover}.lcl_elem.video-js .vjs-fullscreen-control{display:none!important}.lcl_elem.video-js .vjs-big-play-button{background-color:rgba(43,51,63,.7);border:2px solid #fff;border-radius:50%;font-size:40px;line-height:62px;width:66px;height:66px;left:50%;top:50%;margin:-33px 0 0 -33px}.lcl_postered_video{background-position:center}.lcl_postered_video:not(.lcl_poster_clicked){cursor:pointer}.lcl_postered_video:not(.lcl_poster_clicked):before{content:"\f0bf";box-sizing:border-box;font-size:38px!important;line-height:62px!important;text-indent:5px!important;color:#fff;border-radius:50%;background:rgba(43,51,63,.7);top:50%;left:50%;width:66px;height:66px;margin-left:-33px;margin-top:-33px;border:2px solid #fff}#lcl_corner_close,#lcl_thumbs_nav,.lcl_icon{box-sizing:content-box!important}.lcl_postered_video:not(.lcl_poster_clicked):hover:before{background:rgba(115,133,159,.5)}.lcl_postered_video:not(.lcl_poster_clicked) iframe{display:none}.lcl_html_container{margin:auto;overflow:auto;position:relative}#lcl_wrap[lcl-type=html]:not(.lcl_fullscreen_mode) .lcl_html_elem{position:static!important}#lcl_wrap[lcl-type=html].lcl_txt_under:not(.lcl_fullscreen_mode) #lcl_txt,#lcl_wrap[lcl-type=html]:not(.lcl_fullscreen_mode) #lcl_contents_wrap,#lcl_wrap[lcl-type=html]:not(.lcl_fullscreen_mode) #lcl_subj{position:relative!important}#lcl_wrap[lcl-type=html] #lcl_subj,#lcl_wrap[lcl-type=html].lcl_txt_under:not(.lcl_forced_over) #lcl_contents_wrap{overflow:auto}.lcl_fullscreen_mode#lcl_wrap[lcl-type=html] #lcl_elem_wrap{display:flex;-webkit-align-items:center;align-items:center}.lcl_fullscreen_mode .lcl_html_elem{padding-top:18px;border-top:42px solid #fdfdfd;padding-bottom:0;border-bottom:15px solid #fdfdfd}#lcl_inline{padding:15px 10px;line-height:20px}#lcl_nav_cmd{position:absolute;top:0;z-index:100;overflow:visible;padding:8px;height:0;right:0;left:0}.lcl_corner_close.lcl_force_txt_over:not(.lcl_forced_outer_cmd) #lcl_nav_cmd,.lcl_corner_close.lcl_hidden_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd,.lcl_corner_close.lcl_inner_cmd:not(.lcl_txt_rside):not(.lcl_forced_outer_cmd) #lcl_nav_cmd,.lcl_corner_close.lcl_no_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd{padding-right:24px!important}.lcl_outer_cmd #lcl_nav_cmd{z-index:99999;margin:0!important;padding:10px 15px}.lcl_outer_cmd:not(.lcl_first_sizing):not(.lcl_first_sizing):not(.lcl_loading_iframe):not(.lcl_switching_elem):not(.lcl_toggling_txt):not(.lcl_toggling_fs):not(.lcl_is_closing) #lcl_nav_cmd{opacity:1!important}.lcl_is_closing.lcl_outer_cmd #lcl_nav_cmd{-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0!important}#lcl_nav_cmd .lcl_icon{display:inline-block;border-radius:3px;background:#fefefe;box-shadow:0 0 2px rgb(20,20,20,.05);border:1px solid #eaeaea;text-align:center;vertical-align:top;margin:4px;width:28px;height:28px;color:#6f6f6f;position:relative}.lcl_outer_cmd .lcl_close{right:0!important;top:0!important}@media screen and (min-width:450px){.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd .lcl_icon,.lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd .lcl_icon{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .2s ease-in .5s,box-shadow .2s ease-in .5s,-webkit-transform .2s ease-in .5s;transition:opacity .2s ease-in .5s,box-shadow .2s ease-in .5s,transform .2s ease-in .5s}#lcl_window:not(.lcl_on_mobile):hover #lcl_nav_cmd .lcl_icon,.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]):hover #lcl_nav_cmd .lcl_icon{opacity:1;-webkit-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}#lcl_corner_close:before,.lcl_icon:before,.lcl_postered_video:not(.lcl_poster_clicked):before,.lcl_tn_next:before,.lcl_tn_prev:before{font-family:lc_lightbox!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-align:center;display:block;font-size:16px;line-height:27px;z-index:10;position:relative;-webkit-transition:all .15s ease;transition:all .15s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lcl_icon:not(.lcl_counter):after{content:"";display:block;left:-1px;right:-1px;position:absolute;top:-1px;bottom:-1px;z-index:5;border-radius:3px;opcity:0;background:#6f6f6f;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform:scale(0);transform:scale(0)}.lcl_nav_btn_middle .lcl_next:after,.lcl_nav_btn_middle .lcl_prev:after{-webkit-transition-duration:.15s;transition-duration:.15s}.lcl_nav_btn_middle.lcl_inner_cmd .lcl_next:after{right:0!important}.lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev:after{left:0!important}#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover{border-radius:5px!important}#lcl_corner_close:before,#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before{color:#fff}#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.lcl_prev:before{content:"\f053";text-indent:-1px}.lcl_next:before{content:"\f054";text-indent:1px}.lcl_play:before{content:"\f0bf";font-size:20px;line-height:28px;text-indent:1px}.lcl_is_playing .lcl_play:before{content:"\f0bb";font-size:20px;line-height:28px;text-indent:0}#lcl_corner_close:before,.lcl_close:before{content:"\e901";font-size:20px;line-height:28px}.lcl_fullscreen:before{content:"\f065"}.lcl_fullscreen_mode .lcl_fullscreen:before{content:"\e900"}.lcl_zoom_out:before{content:"\e909";font-size:16px}.lcl_zoom_in:before{content:"\e908";font-size:16px}.lcl_txt_toggle:before{content:"\f10e";font-size:16px}.lcl_thumbs_toggle:before{content:"\e902";font-size:15px;line-height:26px;text-indent:-1px}.lcl_window:before{content:"\e900"}.lcl_download:before{content:"\e9c5"}.lcl_socials:before{content:"\e600";font-size:15px;line-height:26px}.lcl_fb:before{content:"\f09a";font-size:17px}.lcl_twit:before{content:"\f099";font-size:18px}.lcl_pint:before{content:"\f0d2";font-size:18px}.lcl_wa:before{content:"\f232";font-size:18px}.lcl_tn_prev:before{content:"\f137"}.lcl_tn_next:before{content:"\f138"}.lcl_right_icon{float:right}.lcl_close{margin-left:36px!important}.lcl_counter{cursor:default!important;font-size:12px;font-weight:700;line-height:27px;padding:0 10px;width:auto!important}@media screen and (max-width:340px){.lcl_counter{display:none!important}}.lcl_download{position:relative}.lcl_download a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.lcl_first_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_prev,.lcl_last_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_next{opacity:.5!important;cursor:default!important}.lcl_last_elem .lcl_play{display:none!important}#lcl_thumb_next div:before,#lcl_thumb_prev div:before{font-size:20px}.lcl_icon{cursor:pointer;display:inline-block;height:24px;width:24px;border-radius:2px;-webkit-transition:all .2s linear;transition:all .2s linear}.lcl_corner_close.lcl_inner_cmd .lcl_close,.lcl_no_carousel.lcl_last_elem .lcl_next:after,.lcl_no_carousel[lc-lelem="0"] .lcl_prev:after,.lcl_normal_close #lcl_corner_close,.lcl_outer_cmd #lcl_corner_close,.lcl_zoom_icon.lcl_zoom_disabled:after{display:none!important}.lcl_hidden_txt .lcl_txt_toggle:before,.lcl_no_carousel.lcl_last_elem .lcl_next:before,.lcl_no_carousel[lc-lelem="0"] .lcl_prev:before,.lcl_tn_hidden .lcl_thumbs_toggle:before,.lcl_zoom_icon.lcl_zoom_disabled:before{opacity:.6!important}.lcl_first_sizing #lcl_corner_close,.lcl_loading_iframe #lcl_corner_close,.lcl_loading_videojs #lcl_corner_close,.lcl_switching_elem #lcl_corner_close,.lcl_toggling_fs #lcl_corner_close,.lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_under.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt{opacity:0!important}.lcl_no_carousel.lcl_last_elem .lcl_next,.lcl_no_carousel[lc-lelem="0"] .lcl_prev{cursor:default!important}#lcl_corner_close{position:absolute;right:-22px;top:-24px;border:3px solid #d3d3d3;background:#6f6f6f;border-radius:50%;min-height:34px;min-width:34px;cursor:pointer;z-index:150;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#lcl_corner_close:before{font-size:20px!important;line-height:34px!important;-webkit-transition:all .3s ease;transition:all .3s ease}#lcl_corner_close:not(.lcl_on_mobile):hover:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lcl_nav_btn_middle .lcl_next,.lcl_nav_btn_middle .lcl_prev{position:fixed!important;top:50%;margin-top:-32px!important;padding:16px 4px}.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next,.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev{box-shadow:none!important;border:none!important}.lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev,.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev:after{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.lcl_nav_btn_middle.lcl_inner_cmd .lcl_next,.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next:after{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.lcl_nav_btn_middle .lcl_next:before,.lcl_nav_btn_middle .lcl_prev:before{font-size:23px!important}.lcl_nav_btn_middle .lcl_prev{left:0}.lcl_nav_btn_middle .lcl_next{right:0}.lcl_nav_btn_middle.lcl_outer_cmd .lcl_prev{margin-left:19px!important}.lcl_nav_btn_middle.lcl_outer_cmd .lcl_next{margin-right:19px!important}@media screen and (max-width:450px){#lcl_nav_cmd .lcl_icon{margin:0}.lcl_close{margin-left:26px!important}}.lcl_on_mobile .lcl_zoom_wrap{overflow:scroll!important}.lcl_zoom_wrap,.lcl_zoom_wrap *{cursor:move;cursor:grab;cursor:-webkit-grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lcl_zoom_wrap:active{cursor:move;cursor:grabbing;cursor:-webkit-grabbing}.lcl_zoom_icon.lcl_zoom_disabled{cursor:default!important}.lcl_zoom_helper{position:absolute;font-size:8.4px;color:#fafafa;background:#972626;display:inline-block;border:2px solid #972626;padding:5px 1px;font-family:arial;text-shadow:0 0 0 rgba(250,250,250,.8);letter-spacing:.28px;border-radius:1px;line-height:0;z-index:10;bottom:-11px;right:-7px;-webkit-user-select:none;-ms-user-select:none;user-select:none}#lcl_wrap[lcl-type=html] .lcl_socials,#lcl_wrap[lcl-type=iframe] .lcl_socials,.lcl_no_txt #lcl_txt{display:none!important}#lcl_txt{padding:12px 10px;line-height:20px;z-index:50;position:absolute;overflow:hidden;box-sizing:border-box}.lcl_toggling_txt #lcl_txt{-webkit-transition:-webkit-transform .45s ease .1s,opacity .35s ease .1s;transition:transform .45s ease .1s,opacity .35s ease .1s}#lcl_txt *{font-family:Arial,​ sans-serif}#lcl_txt>*{padding:0;margin:0;text-align:left;position:relative;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}#lcl_title{font-size:17px;font-weight:700;line-height:normal;margin-bottom:4px}#lcl_author{font-size:12px;line-height:15px;font-weight:400}.lcl_comments_wrap{min-width:178px}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border{border-bottom:1px dashed #cfcfcf;margin-bottom:12px;padding-bottom:17px}.lcl_force_txt_over #lcl_txt .lcl_txt_border,.lcl_txt_over #lcl_txt .lcl_txt_border,.lcl_txt_under #lcl_txt .lcl_txt_border{border-bottom:1px dashed #cfcfcf;margin-bottom:10px;padding-bottom:12px}#lcl_descr{font-size:14px;line-height:20px}.lcl_switching_el #lcl_txt,.lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_under_calc #lcl_txt,.lcl_txt_under_calc #lcl_txt *{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lcl_txt_over #lcl_txt,.lcl_txt_under #lcl_txt{left:0;bottom:0}.lcl_txt_under #lcl_txt{background:#fff}.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{padding:18px 25px 22px;margin-bottom:0!important}.lcl_txt_under.lcl_hidden_txt.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt{visibility:hidden!important}.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt:after{height:7px;left:0;position:absolute;right:0;top:0}.lcl_force_txt_over #lcl_txt,.lcl_txt_over #lcl_txt{background:rgba(255,255,255,.9);background-clip:padding-box!important;border:15px solid transparent;border-radius:0 17px 17px 0;max-height:calc(100% - 42px);padding:13px 22px;overflow:auto;bottom:0}.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{bottom:auto!important;right:auto!important;left:0!important;top:42px!important;padding:17px 22px!important;max-width:33.3%;max-height:calc(100% - 42px);-webkit-transition:-webkit-transform .45s ease .1s,opacity .35s ease .1s,bottom .3s ease;transition:transform .45s ease .1s,opacity .35s ease .1s,bottom .3s ease}.lcl_playing_video.lcl_force_txt_over #lcl_txt,.lcl_playing_video.lcl_txt_over #lcl_txt{max-height:calc(100% - 42px - 45px);bottom:45px}@media screen and (max-width:1024px){.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{max-width:66.6%}}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{padding:16px 24px;top:0;bottom:0;width:330px;overflow-y:auto;overflow-x:hidden}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after{bottom:0;position:absolute;top:0;width:4px}.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right:330px solid transparent}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right:330px}.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{padding-right:18px;right:0;background:#fefefe}.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left:330px solid transparent}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left:330px}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{padding-left:18px;left:0;background:#fefefe}@media screen and (max-width:780px){.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{max-width:100%}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{width:220px}.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right-width:220px}.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left-width:220px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right:220px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left:220px}}@media screen and (min-width:1700px){.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{width:400px}.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right-width:400px}.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left-width:400px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav{right:400px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav{left:400px}}.lcl_fullscreen_mode.lcl_hidden_txt #lcl_thumbs_nav,.lcl_hidden_txt.lcl_inner_cmd #lcl_nav_cmd,.lcl_hidden_txt.lcl_outer_cmd #lcl_nav_cmd{right:0!important;left:0!important}.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev,.lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev{left:0!important}.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next,.lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next{right:0!important}#lcl_txt>:first-child{padding-top:0;margin-top:0}#lcl_txt>:last-child{padding-bottom:0;margin-bottom:0}.lcl_hidden_txt.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{height:0!important;padding:0!important;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_force_txt_over #lcl_txt,.lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_txt_over #lcl_txt{opacity:0!important;z-index:-1;-webkit-transform:translateY(30px) scale(.95);-ms-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}.lcl_hidden_txt.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_hidden_txt.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{-webkit-transform:translateX(-110%) scale(.8);-ms-transform:translateX(-110%) scale(.8);transform:translateX(-110%) scale(.8)}.lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_subj,.lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_subj{border-width:0!important}.lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.lcl_tooltip{position:absolute;left:50%;background:#fff;padding:7px;border-radius:3px;box-shadow:0 0 6px 1px rgba(0,0,0,.15);opacity:0;font-size:14px;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.lcl_tooltip:before{content:"";border-style:solid;border-width:7px;left:50%;margin-left:-7px;position:absolute}.lcl_fullscreen_mode #lcl_subj,.lcl_fullscreen_mode #lcl_txt,.lcl_socials_tt a{margin:0!important}.lcl_tooltip.lcl_tt_bottom:before{bottom:100%;border-color:transparent transparent #fff}.lcl_tooltip.lcl_tt_top:before{top:100%;border-color:#fff transparent transparent}.lcl_tooltip.lcl_tt_bottom{top:115%;-webkit-transform:translate(-50%,8px);-ms-transform:translate(-50%,8px);transform:translate(-50%,8px)}.lcl_tooltip.lcl_tt_top{bottom:115%;-webkit-transform:translate(-50%,-8px);-ms-transform:translate(-50%,-8px);transform:translate(-50%,-8px)}.lcl_tooltip.lcl_show_tt{opacity:1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.lcl_tooltip.lcl_socials_tt{white-space:nowrap;padding-left:0;padding-right:0;top:150%}.lcl_socials{position:relative}.lcl_socials_tt a{border-width:0 0 0 1px!important;border-style:solid;border-color:#eaeaea;border-radius:0!important;box-shadow:none!important;padding:0 12px;text-decoration:none!important;max-width:17px}.lcl_socials_tt a:first-child{border:none!important}#lcl_wrap.lcl_fullscreen_mode{padding:0!important}.lcl_fullscreen_mode #lcl_contents_wrap,.lcl_fullscreen_mode #lcl_window{border-radius:0!important}.lcl_fullscreen_mode #lcl_window{border-width:0!important;margin-top:0!important}.lcl_fullscreen_mode #lcl_elem_wrap{bottom:0!important}.lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_next,.lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_prev,.lcl_fullscreen_mode.lcl_toggling_txt.lcl_outer_cmd{-webkit-transition:all .4s ease .2s!important;transition:all .4s ease .2s!important}#lcl_thumbs_nav{margin:10px 20px;position:fixed;bottom:0;left:0;right:0;z-index:60;-webkit-transition:-webkit-transform .35s ease-in,opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s;transition:transform .35s ease-in,opacity .5s ease,margin .35s ease,left .4s ease .2s,right .4s ease .2s}#lcl_thumbs_nav,#lcl_thumbs_nav *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lcl_playing_video.lcl_fullscreen_mode #lcl_thumbs_nav{margin-bottom:50px}.lcl_pre_first_el #lcl_thumbs_nav,.lcl_tn_hidden #lcl_thumbs_nav{opacity:0;-webkit-transform:translateY(150%);-ms-transform:translateY(150%);transform:translateY(150%)}#lcl_thumbs_nav .lcl_tn_inner{position:absolute;z-index:10;left:45px;right:45px;bottom:0;top:0;list-style:none!important;margin:0!important;text-align:center;white-space:nowrap;overflow:hidden}.lcl_on_mobile .lcl_tn_inner{overflow:auto!important;touch-action:pan-x}.lcl_tn_inner li{height:100%;margin:0 0 0 10px;display:inline-block;border:0 solid #ccc;border-radius:2px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;background-clip:content-box;background-color:#9f9f9f;cursor:pointer;overflow:hidden;box-shadow:0 0 4px rgba(10,10,10,.45);-webkit-transform:scale(.83) translateZ(0);-ms-transform:scale(.83) translateZ(0);transform:scale(.83) translateZ(0);-webkit-transition:all .25s ease;transition:all .25s ease}.lcl_tn_inner li:first-child{margin:0}#lcl_wrap:not(.lcl_on_mobile) .lcl_tn_inner li:not(.lcl_sel_thumb):hover,.lcl_tn_inner li.lcl_sel_thumb{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.lcl_tn_inner li.lcl_sel_thumb.lcl_tn_preload,.lcl_tn_inner li.lcl_tn_preload{margin:0!important;width:0!important;height:0!important;-webkit-transform:scale(0)!important;-ms-transform:scale(0)!important;transform:scale(0)!important}.lcl_thumb_title_tt{padding:7px 10px}#lcl_thumbs_nav span{position:absolute;cursor:pointer;width:23px;height:23px;top:50%;margin-top:-12px;z-index:15;color:#f5f5f5}#lcl_thumbs_nav:not(.lcl_tn_has_arr) span{display:none!important}#lcl_thumbs_nav.lcl_tn_has_arr span{display:inline-block!important}#lcl_thumbs_nav.lcl_tn_has_arr span:before{font-size:23px}#lcl_thumbs_nav span.lcl_tn_prev{left:0}#lcl_thumbs_nav span.lcl_tn_next{right:0}.lcl_tn_video video{position:absolute;top:-15%;left:-15%;width:130%;height:130%}.lcl_tn_mixed_types li::before{background:rgba(0,0,0,.25);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;-webkit-transition:all .25s ease;transition:all .25s ease}.lcl_tn_mixed_types li.lcl_sel_thumb::before{opacity:0}.lcl_tn_mixed_types li:after{font-family:lc_lightbox!important;bottom:0;color:#fff;font-size:18px;line-height:28px;right:5px;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.7);z-index:15;content:"\e929"}.lcl_tn_mixed_types li.lcl_tn_image:after{content:"\e927"}.lcl_tn_mixed_types li.lcl_tn_iframe:after{content:"\e903"}.lcl_tn_mixed_types li.lcl_tn_html:after{content:"\e926"}#lcl_progressbar{position:fixed;z-index:99999;top:0;height:2px;left:0;width:0;background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.4);-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.lcl_loading_iframe #lcl_progressbar,.lcl_loading_videojs #lcl_progressbar{opacity:0;-webkit-transition-duration:0s;transition-duration:0s}.lcl_pattern_oblique_dots{background-image:url(..img/patterns/oblique_dots.png)}.lcl_pattern_1{background-image:url(..img/patterns/pattern-1.png)}.lcl_pattern_dot-1{background-image:url(..img/patterns/pattern-dot-1.png)}.lcl_pattern_dot-2{background-image:url(..img/patterns/pattern-dot-2.png)}.lcl_pattern_dot-b1{background-image:url(..img/patterns/pattern-dot-b1.png)}.lcl_pattern_dot-b2{background-image:url(..img/patterns/pattern-dot-b2.png)}.lcl_pattern_dot-b3{background-image:url(..img/patterns/pattern-dot-b3.png)}.lcl_pattern_dot-b4{background-image:url(..img/patterns/pattern-dot-b4.png)}.lcl_pattern_triangle-05{background-image:url(..img/patterns/pattern-triangle-05.png)}.lcl_pattern_triangle-10{background-image:url(..img/patterns/pattern-triangle-10.png)}.lcl_pattern_triangle-20{background-image:url(..img/patterns/pattern-triangle-20.png)}.lcl_pattern_triangle-30{background-image:url(..img/patterns/pattern-triangle-30.png)}.lcl_pattern_triangle-40{background-image:url(..img/patterns/pattern-triangle-40.png)}.lcl_pattern_ver-line-10{background-image:url(..img/patterns/pattern-ver-line-10.png)}.lcl_pattern_ver-line-20{background-image:url(..img/patterns/pattern-ver-line-20.png)}.lcl_pattern_ver-line-30{background-image:url(..img/patterns/pattern-ver-line-30.png)}.lcl_pattern_ver-line-40{background-image:url(..img/patterns/pattern-ver-line-40.png)}.lcl_pattern_ver-line-50{background-image:url(..img/patterns/pattern-ver-line-50.png)}
.lcl_dark #lcl_window,
.lcl_dark.lcl_txt_under #lcl_txt,
.lcl_dark #lcl_nav_cmd .lcl_icon,
.lcl_dark #lcl_corner_close,
.lcl_dark.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_dark.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_dark .lcl_tooltip {
	background-color: #333;	
}
.lcl_dark #lcl_subj {
	background-color: #404040;	
}
.lcl_dark.lcl_fullscreen_mode #lcl_subj {
	background-color: #252525;	
}
.lcl_dark #lcl_loader > span {
	border-color: #999 #999 transparent;
}

/* COMMANDS */
.lcl_dark #lcl_nav_cmd .lcl_icon {
	border-radius: 3px;
	box-shadow: 0 0 2px rgb(240, 240, 240, 0.15);
	border: 1px solid #484848;
	color: #eee;
}
.lcl_dark .lcl_icon:not(.lcl_counter):after {
	background: #cfcfcf;
}
.lcl_dark#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before {
	color: #444;
}
.lcl_dark.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
	top: 58px;	
}
.lcl_dark .lcl_close {
    margin-left: 14px !important;
}
.lcl_dark .lcl_zoom_in {
    margin-right: 14px !important;
}
@media screen and (min-width:500px) { 
	.lcl_dark .lcl_close {
		margin-left: 28px !important;
	}
	.lcl_dark .lcl_zoom_in {
		margin-right: 28px !important;
	}
}
@media screen and (max-width:500px) { 
	.lcl_dark #lcl_nav_cmd .lcl_icon {
		margin: 3px 0;	
	}
	.lcl_dark .lcl_counter {
    	letter-spacing: -1px;
	}
}
@media screen and (max-width:370px) { 
	.lcl_dark.lcl_outer_cmd #lcl_nav_cmd {
		padding: 7px 10px;	
	}
	.lcl_dark #lcl_nav_cmd .lcl_icon {
		width: 24px;
	}
}

/* alternative inner close button */
.lcl_dark #lcl_corner_close {
	border: 3px solid #8a8a8a !important;
}
.lcl_dark #lcl_corner_close:before {
	color: #eee;
}


/* TEXTS */
.lcl_dark #lcl_txt * {
	font-family: Arial,​ 'sans-serif';	
	color: #ddd;
}
.lcl_dark #lcl_title {
	color: #eee;	
}
.lcl_dark #lcl_author {
	color: #bfbfbf;	
}
.lcl_dark .lcl_txt_border {
	border-bottom: 1px dashed #888 !important;	
}

/* text over */
.lcl_dark.lcl_force_txt_over #lcl_txt,
.lcl_dark.lcl_txt_over #lcl_txt {
	background: rgba(33, 33, 33, 0.9);
}
.lcl_dark.lcl_force_txt_over #lcl_txt:before,
.lcl_dark.lcl_txt_over #lcl_txt:before {
	background: #666;
}
.lcl_dark.lcl_force_txt_over #lcl_txt:after, 
.lcl_dark.lcl_txt_over #lcl_txt:after {
	border-color: #3e3e3e;
}


/* text block shadow */
.lcl_dark.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after {
    content: "";
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    left: 0;
}
.lcl_dark.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
    content: "";
	background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    right: 0;
}
.lcl_dark.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt::after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0) 100%);
	height: 3px;
}



/* TOOLTIP */
.lcl_dark .lcl_tooltip.lcl_tt_bottom:before {
	border-color: transparent transparent #333;	
}
.lcl_dark .lcl_tooltip.lcl_tt_top:before {
	border-color: #333 transparent transparent;
}

/* SOCIALS VISIBILITY */
.lcl_dark .lcl_socials_tt a {
	border-color: #666;
}

/* THUMBS NAVIGATOR */
.lcl_dark #lcl_thumbs_nav span {
	color: #dfdfdf;
}
.lcl_dark .lcl_tn_mixed_types li::before {
    background: rgba(0, 0, 0, 0.25);	
}
.lcl_dark .lcl_tn_mixed_types li:after {
    color: #fff;
}

/* PROGRESSBAR */
.lcl_dark #lcl_progressbar {
	background: #eee;
}