﻿.family-details {
    font-size: 12px;
    text-align: left;
}
.filter-area {
    background: #E9E9E9;
}
.results {
    background: white;    
    overflow:hidden;
    font-size: 12px;
    font-weight: normal;
}
.header-column {
    float: left;
    width: 14%;
    cursor: pointer;
}
.result-column {
    float: left;
    width: 14%;
    padding: 10px;
}
.paging {
    display: inline-block;
    padding: 10px;
    border: 1px solid black;
    cursor: pointer;
}
.pagingSelected {
    background: black;
    color: white;
}
.disabledPaging {
    background: gray;
    cursor: auto !important;
}

.allow-break {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.pointer {
    cursor: pointer;
}
.compare-different > .compare-value {
    color: red;
}

select.search {
    display: inline-block;
    width: 100%;
    max-width: 420px;
    padding: 15px 7px;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    font-size: 1.5rem;
}


.fast-fan-item {background-color:#f4f9fb !important;}

.fast-fan-icon {display:inline-block; margin:0px; margin-bottom:7px; padding:0px 0px 0px 12px; border-top:solid 1px rgba(235, 27, 35, 0.25);  border-bottom:solid 1px rgba(235, 27, 35, 0.25); background-color:#eb1b23; transform:skew(-14deg); overflow:hidden; position:relative;}
.fast-fan-icon:after {content:" " ; display:inline-block; width:50%; height:100%; position:absolute; top:0px; left:-8px; /*filter:blur(10px); background-color:#AA1313;*/ background-image:url("../../images/fast-fan-dashes.png"); background-repeat:repeat-y; background-color:transparent; animation:fast-fan-slide 2s linear 0s infinite;}
.fast-fan-icon-title {display:inline-block; width:auto; margin:0px; padding:2px 16px 2px 5px; font-size:12px; color:#fff; text-transform:uppercase; transform:skew(14deg); font-style:italic; font-weight:600; position:relative; z-index:1000; background-color:#eb1b23;}
.fast-fan-icon.x2 {transform:skew(-14deg) scale(1.3) translate(0%, 40%); transform-origin:0% 25%; position:relative; left:0px;}
@keyframes fast-fan-slide {
    0%   {background-position:0px 0px;}
    100% {background-position:0px 47px;}
}

.icon.forward.right:after {display:inline-block; margin:0px; margin-left:8px; font-family:"Ionicons"; content:"\f3d1";}

.details-wrapper {transition: all 0.25s 0s ease-in-out; height:auto; max-height:1000px; overflow:hidden;}
.details-wrapper.ng-hide{max-height:0px; opacity:0.00;}
