*{
    /*Temp fix for ui distortion when rotating the chevron*/

}

/*Support Group Buttons*/
.ssg-badge{
    font-size: 10px;
    margin-left: 1px;
}
/*Container for comment text area*/
.comment-div{
    margin: 10px auto;
    padding: 15px !important;
    width: 50%;
    background-color: whitesmoke;
}
.comment-area{
    background-color: whitesmoke;
    width: 100%;
    min-height: 70px;
    outline: none;
    border: 0 none;
    resize: vertical;
    padding: 0 !important;
    font-size: 14px;
}
.comment-update-text{
    text-align: right;
    font-size:10pt;
    margin-right: 5px;
    margin-bottom: 5px
}
.accordion-header{
    border-width:0 !important;
}
.accordion-comment-header{
    border-width:0 !important;
    padding: 0 !important;
    background-color: white;
}


@-moz-keyframes spin {
    100% { -moz-transform: rotate(180deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(180deg); }
}
@keyframes spin {
    100% { -webkit-transform: rotate(180deg); transform:rotate(180deg);}
}

@-moz-keyframes rotate {
    0% { -moz-transform: rotate(180deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@keyframes rotate {
    0% { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
    100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }

}

@-moz-keyframes ilpfade {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes ilpfade {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes ilpfade {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

@-moz-keyframes ilpfade-out {
    100% { opacity: 0;}
    0% { opacity: 1;}
}
@-webkit-keyframes ilpfade-out {
    100% { opacity: 0;}
    0% { opacity: 1;}
}
@keyframes ilpfade-out {
    100% { opacity: 0;}
    0% { opacity: 1;}
}

.chevron-rotated {
    -webkit-animation:spin 0.3s ease-out;
    -moz-animation:spin 0.3s ease-out;
    animation:spin 0.3s ease-out;
    animation-fill-mode: forwards;
}
.chevron-rotate {
    -webkit-animation:rotate 0.3s ease-out;
    -moz-animation:rotate 0.3s ease-out;
    animation:rotate 0.3s ease-out;
    animation-fill-mode: forwards;
}

.ilpfade{
    -webkit-animation:ilpfade 0.5s ease-in;
    -moz-animation:ilpfade 0.5s ease-in;
    animation:ilpfade 0.5s ease-in;
    animation-fill-mode: forwards;
}

.ilpfade-out{
    -webkit-animation:ilpfade-out 0.5s ease-in;
    -moz-animation:ilpfade-out 0.5s ease-in;
    animation:ilpfade-out 0.5s ease-in;
    animation-fill-mode: forwards;
}

.invisible-btn{
    opacity: 0;
}