.char-list-data { list-style-type: none !important; }

.all-char-list{
    text-align: center;

    text-decoration: none;
}
.char-list{
    margin: 0px 4px;
}

#selected-char {
    margin: -15px;
    font-size: 30px;
}
.char-list {
    font-size: 21px;
    color:#304DB6;
}
.char-list{
    cursor: pointer;
}
.clonedchar{
    margin: 0px auto;
}
/* Start CSS for floating panel */
.fixed-icons{
    width: 165px;
    position: fixed;
    bottom: 35px;
    right: 0px;
    z-index:200;
}

#float-icons{
    margin:0;
    padding:0;
    width:100%;
}

#float-icons li{
    float:right;
    list-style-type:none;
    margin-left:5px;
}

#float-icons a{
    display:block;
    margin:3px 0;
    padding:0;
    height:48px;
    width:48px;
    text-indent:-9999px;
    opacity: 1;
}

#float-icons a:hover{
    opacity: 0.6;
}

#float-icons li a#icon1{background: url('/bundles/publicaccess/images/responsive/highlight-icon-float.png') no-repeat; background-position:0px 0px;background-size: 35px 35px;}

#float-icons li a#icon2{background: url('/bundles/publicaccess/images/responsive/print-icon.png') no-repeat; background-size: 35px 35px;}

#float-icons li a#icon3{background: url('/bundles/publicaccess/images/responsive/help-icons.png') no-repeat; background-size: 35px 35px;}

#float-icons li a#float_back_to_top_link{background: url('/bundles/publicaccess/images/responsive/back-to-top.png') no-repeat; background-size: 35px 35px;}


.float_back_to_top_link {
    bottom: 2em;

    color: #035842;
    font-family: Arial,'Arial Bold';
    font-size: 18px;
}
.float_back_to_top_link:hover {
    color: transparent;
}

#tooltiphere {
    background-color: black;
    border-radius: 6px;
    color: #fff;
    left: auto;
    padding: 5px 0;
    position: fixed;
    right: 60px;
    text-align: center;
    bottom: 98px;
    visibility: hidden;
    width: 150px;
    z-index: 1;
}
#tooltiphere::after {
    border-color: #000 transparent transparent;
    border-style: solid;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    content: "";
    display: block;
    height: 0;
    left: 59px;
    position: absolute;
    top: 100%;
    width: 0;
}
.not-active {
    pointer-events: none;
    cursor: default;
}

@media (max-width: 767px){
    #tooltiphere {
        background-color: black;
        border-radius: 6px;
        color: #fff;
        left: auto;
        padding: 5px 0;
        position: fixed;
        right: 50px;
        text-align: center;
        bottom: 195px;
        visibility: hidden;
        z-index: 1;
    }
    #tooltiphere::after {
        border-color: transparent #000;
        border-style: solid;
        /*border-width: 12px 0px 14px;*/
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #000;
        border-right: 0px solid transparent;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: -8px;
        top: 21%;
        width: 0;
        left: auto;
    }
}
/* End CSS for floating panel */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{ /* IE10+ specific styles go here */
    .content-left-IE{
        float: none !important;
    }
}