/* www.mediaistream.com css Mon, 30 Jun 2025 19:40:27 -0400 */

/* modules/amArena/css/amArena.css */


/* Arena Battle System CSS */

/* ========================================
   GLOBAL STYLES
   ======================================== */

.arena-tab-container,
.arena-browse-container {
    max-width:1200px;
    margin:0 auto;
    padding:20px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* ========================================
   NAVIGATION TABS
   ======================================== */

.arena-nav-tabs {
    display:flex;
    border-bottom:2px solid #e1e5e9;
    margin-bottom:30px;
    background:#fff;
    border-radius:8px 8px 0 0;
    overflow:hidden;
}

.arena-tab {
    flex:1;
    padding:15px 20px;
    text-decoration:none;
    color:#6c757d;
    text-align:center;
    font-weight:500;
    transition:all 0.3s ease;
    border-bottom:3px solid transparent;
}

.arena-tab:hover {
    background:#f8f9fa;
    color:#495057;
}

.arena-tab.active {
    color:#007bff;
    border-bottom-color:#007bff;
    background:#f8f9fa;
}

/* ========================================
   MEDIA GRID
   ======================================== */

.media-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:20px;
    margin-bottom:30px;
}

.media-item {
    background:#fff;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    overflow:hidden;
    transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.media-item:hover {
    transform:translateY(-5px);
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.media-info {
    padding:15px;
}

.media-info h4 {
    margin:0 0 8px 0;
    font-size:16px;
    font-weight:600;
    color:#212529;
}

.media-info p {
    margin:0 0 15px 0;
    color:#6c757d;
    font-size:14px;
}

.arena-stats {
    display:flex;
    gap:15px;
    margin-bottom:15px;
    font-size:14px;
}

.arena-stats .wins {
    color:#28a745;
    font-weight:500;
}

.arena-stats .losses {
    color:#dc3545;
    font-weight:500;
}

/* ========================================
   BUTTONS
   ======================================== */

.arena-btn {
    padding:8px 16px;
    border:none;
    border-radius:6px;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    transition:all 0.3s ease;
    text-decoration:none;
    display:inline-block;
}

.arena-btn.add {
    background:#28a745;
    color:white;
}

.arena-btn.add:hover {
    background:#218838;
    transform:translateY(-1px);
}

.arena-btn.remove {
    background:#dc3545;
    color:white;
}

.arena-btn.remove:hover {
    background:#c82333;
    transform:translateY(-1px);
}

.arena-btn.accept {
    background:#007bff;
    color:white;
}

.arena-btn.accept:hover {
    background:#0056b3;
}

.arena-btn.decline {
    background:#6c757d;
    color:white;
}

.arena-btn.decline:hover {
    background:#545b62;
}

/* ========================================
   BATTLE CARDS
   ======================================== */

.battle-card {
    background:#fff;
    border-radius:16px;
    box-shadow:0 4px 20px rgba(0,0,0,0.1);
    overflow:hidden;
    margin-bottom:20px;
    transition:transform 0.3s ease,box-shadow 0.3s ease;
}

.battle-card:hover {
    transform:translateY(-3px);
    box-shadow:0 8px 30px rgba(0,0,0,0.15);
}

.battle-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 20px;
    background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
    color:white;
}

.battle-status {
    padding:4px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.battle-status.pending {
    background:rgba(255,193,7,0.2);
    color:#ffc107;
}

.battle-status.active {
    background:rgba(40,167,69,0.2);
    color:#28a745;
}

.battle-status.completed {
    background:rgba(108,117,125,0.2);
    color:#6c757d;
}

.battle-time {
    font-size:14px;
    opacity:0.9;
}

.battle-content {
    display:flex;
    align-items:center;
    padding:30px 20px;
    gap:20px;
}

.competitor {
    flex:1;
    text-align:center;
    padding:20px;
    border-radius:12px;
    background:#f8f9fa;
    transition:all 0.3s ease;
}

.competitor:hover {
    background:#e9ecef;
    transform:scale(1.02);
}

.competitor-media {
    margin-bottom:15px;
}

.competitor-media img,
.competitor-media video,
.competitor-media audio {
    max-width:100%;
    border-radius:8px;
}

.competitor-info h4 {
    margin:0 0 5px 0;
    font-size:16px;
    font-weight:600;
    color:#212529;
}

.competitor-info .artist {
    margin:0 0 15px 0;
    color:#6c757d;
    font-size:14px;
}

.vote-count {
    margin-bottom:15px;
}

.vote-number {
    display:block;
    font-size:24px;
    font-weight:700;
    color:#007bff;
}

.vote-label {
    font-size:12px;
    color:#6c757d;
    text-transform:uppercase;
}

.vs-divider {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0 20px;
}

.vs-text {
    font-size:24px;
    font-weight:700;
    color:#dc3545;
    margin-bottom:10px;
}

.winner-indicator .winner {
    padding:4px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.winner.winner-1 {
    background:rgba(40,167,69,0.2);
    color:#28a745;
}

.winner.winner-2 {
    background:rgba(40,167,69,0.2);
    color:#28a745;
}

.vote-btn {
    padding:8px 20px;
    border:2px solid #007bff;
    background:transparent;
    color:#007bff;
    border-radius:25px;
    font-weight:600;
    cursor:pointer;
    transition:all 0.3s ease;
}

.vote-btn:hover {
    background:#007bff;
    color:white;
    transform:translateY(-2px);
}

.battle-footer {
    padding:20px;
    border-top:1px solid #e9ecef;
}

.battle-actions {
    display:flex;
    gap:10px;
    justify-content:center;
}

.battle-progress {
    text-align:center;
}

.progress-bar {
    width:100%;
    height:8px;
    background:#e9ecef;
    border-radius:4px;
    overflow:hidden;
    margin-bottom:10px;
}

.progress-fill {
    height:100%;
    background:linear-gradient(90deg,#28a745,#20c997);
    transition:width 0.3s ease;
}

.progress-text {
    font-size:14px;
    color:#6c757d;
}

.battle-result {
    text-align:center;
}

.result-text {
    font-size:18px;
    font-weight:600;
    color:#28a745;
}

.battle-details-link {
    padding:15px 20px;
    text-align:center;
    background:#f8f9fa;
}

.details-link {
    color:#007bff;
    text-decoration:none;
    font-weight:500;
}

.details-link:hover {
    text-decoration:underline;
}

/* ========================================
   BROWSE PAGE
   ======================================== */

.browse-header {
    text-align:center;
    margin-bottom:40px;
}

.browse-header h1 {
    font-size:36px;
    font-weight:700;
    color:#212529;
    margin-bottom:10px;
}

.browse-header p {
    font-size:18px;
    color:#6c757d;
}

.browse-filters {
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    margin-bottom:30px;
}

.filter-form {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
    align-items:end;
}

.filter-group {
    display:flex;
    flex-direction:column;
}

.filter-group label {
    margin-bottom:8px;
    font-weight:500;
    color:#495057;
}

.filter-group input,
.filter-group select {
    padding:10px 12px;
    border:1px solid #ced4da;
    border-radius:6px;
    font-size:14px;
    transition:border-color 0.3s ease;
}

.filter-group input:focus,
.filter-group select:focus {
    outline:none;
    border-color:#007bff;
    box-shadow:0 0 0 3px rgba(0,123,255,0.1);
}

.filter-btn {
    background:#007bff;
    color:white;
    border:none;
    padding:12px 24px;
    border-radius:6px;
    font-weight:500;
    cursor:pointer;
    transition:background 0.3s ease;
}

.filter-btn:hover {
    background:#0056b3;
}

.clear-btn {
    background:#6c757d;
    color:white;
    border:none;
    padding:12px 24px;
    border-radius:6px;
    font-weight:500;
    text-decoration:none;
    text-align:center;
    transition:background 0.3s ease;
}

.clear-btn:hover {
    background:#545b62;
}

.browse-stats {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:20px;
    margin-bottom:30px;
}

.stat-item {
    background:#fff;
    padding:20px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.stat-number {
    display:block;
    font-size:32px;
    font-weight:700;
    color:#007bff;
    margin-bottom:5px;
}

.stat-label {
    font-size:14px;
    color:#6c757d;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.battles-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(400px,1fr));
    gap:25px;
    margin-bottom:40px;
}

/* ========================================
   STATISTICS
   ======================================== */

.stats-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
    margin-bottom:30px;
}

.stat-card {
    background:#fff;
    padding:25px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    transition:transform 0.3s ease;
}

.stat-card:hover {
    transform:translateY(-5px);
}

.stat-number {
    font-size:36px;
    font-weight:700;
    color:#007bff;
    margin-bottom:10px;
}

.stat-label {
    font-size:16px;
    color:#6c757d;
    font-weight:500;
}

.points-section {
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    text-align:center;
}

.points-section h3 {
    margin-bottom:20px;
    color:#212529;
}

.points-display {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.points-number {
    font-size:48px;
    font-weight:700;
    color:#ffc107;
}

.points-label {
    font-size:18px;
    color:#6c757d;
}

/* ========================================
   MODAL
   ======================================== */

.modal-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1000;
}

.modal-content {
    background:#fff;
    border-radius:12px;
    max-width:500px;
    width:90%;
    max-height:90vh;
    overflow-y:auto;
}

.modal-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 25px;
    border-bottom:1px solid #e9ecef;
}

.modal-header h3 {
    margin:0;
    color:#212529;
}

.modal-close {
    background:none;
    border:none;
    font-size:24px;
    cursor:pointer;
    color:#6c757d;
    padding:0;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.modal-close:hover {
    color:#dc3545;
}

.modal-body {
    padding:25px;
}

.form-group {
    margin-bottom:20px;
}

.form-group label {
    display:block;
    margin-bottom:8px;
    font-weight:500;
    color:#495057;
}

.form-group select {
    width:100%;
    padding:12px;
    border:1px solid #ced4da;
    border-radius:6px;
    font-size:14px;
}

.form-actions {
    display:flex;
    gap:10px;
    justify-content:flex-end;
    margin-top:25px;
}

.challenge-submit-btn {
    background:#28a745;
    color:white;
    border:none;
    padding:12px 24px;
    border-radius:6px;
    font-weight:500;
    cursor:pointer;
}

.challenge-submit-btn:hover {
    background:#218838;
}

.challenge-cancel-btn {
    background:#6c757d;
    color:white;
    border:none;
    padding:12px 24px;
    border-radius:6px;
    font-weight:500;
    cursor:pointer;
}

.challenge-cancel-btn:hover {
    background:#545b62;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width:768px) {
    .arena-nav-tabs {
        flex-direction:column;
    }
    
    .battle-content {
        flex-direction:column;
        gap:15px;
    }
    
    .vs-divider {
        padding:10px 0;
    }
    
    .filter-form {
        grid-template-columns:1fr;
    }
    
    .battles-grid {
        grid-template-columns:1fr;
    }
    
    .media-grid {
        grid-template-columns:1fr;
    }
    
    .stats-grid {
        grid-template-columns:repeat(2,1fr);
    }
    
    .browse-stats {
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:480px) {
    .arena-tab-container,
    .arena-browse-container {
        padding:10px;
    }
    
    .battle-header {
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
    
    .stats-grid {
        grid-template-columns:1fr;
    }
    
    .browse-stats {
        grid-template-columns:1fr;
    }
}

/* ========================================
   ANIMATIONS
   ======================================== */

@keyframes fadeIn {
    from {
        opacity:0;
        transform:translateY(20px);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}

.battle-card,
.media-item,
.stat-card {
    animation:fadeIn 0.5s ease-out;
}

@keyframes pulse {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.05);
    }
    100% {
        transform:scale(1);
    }
}

.vote-btn:hover {
    animation:pulse 0.3s ease-in-out;
}

/* ========================================
   LOADING STATES
   ======================================== */

.media-placeholder {
    display:flex;
    align-items:center;
    justify-content:center;
    height:200px;
    background:#f8f9fa;
    border-radius:8px;
    color:#6c757d;
    font-style:italic;
}

.no-media,
.no-battles {
    text-align:center;
    padding:60px 20px;
    color:#6c757d;
}

.no-battles-icon {
    font-size:48px;
    color:#dee2e6;
    margin-bottom:20px;
}

.create-battle-btn {
    display:inline-block;
    background:#007bff;
    color:white;
    padding:12px 24px;
    border-radius:6px;
    text-decoration:none;
    font-weight:500;
    margin-top:20px;
    transition:background 0.3s ease;
}

.create-battle-btn:hover {
    background:#0056b3;
    color:white;
    text-decoration:none;
} 

/* modules/jrAction/contrib/mentions/jquery.mentionsInput.css */


.mentions-input-box {
    position:relative;
}

.mentions-input-box textarea {
    width:100%;
    display:block;
    overflow:hidden;
    position:relative;
    outline:0;
    resize:none;
}

.mentions-input-box .mentions-autocomplete-list {
    display:none;
    background-color:#FFFFFF !important;
    color:#000000;
    border:solid 1px #7F7F7F;
    position:absolute;
    padding:5px 5px 0 5px;
    left:4px;
    right:150px;
    margin-top:-1px;
    border-radius:3px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    -moz-box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    z-index:50000;
    max-height:200px;
    overflow:scroll;
}

.mentions-input-box .mentions-autocomplete-list ul {
    margin:0;
    padding:0;
}

.mentions-input-box .mentions-autocomplete-list li {
    margin:0;
    width:auto;
    height:34px;
    line-height:34px;
    overflow:hidden;
    cursor:pointer;
    list-style:none;
    white-space:nowrap;
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
    border-radius:5px;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
    width:28px;
    height:28px;
    float:left;
    margin:0 5px 5px 0;
}

.mentions-input-box .mentions-autocomplete-list li em {
    font-weight:bold;
}

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
}

.mentions-input-box .mentions {
    position:absolute;
    left:1px;
    right:0;
    top:1px;
    bottom:0;
    padding:9px;
    color:#FFFFFF;
    overflow:hidden;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.mentions-input-box .mentions > div {
    color:#FFFFFF;
    white-space:pre-wrap;
    width:100%;
}

.mentions-input-box .mentions > div > strong {
    font-weight:normal;
    background:#D8DFEA;
}

.mentions-input-box .mentions > div > strong > span {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


/* modules/jrAction/css/jrAction.css */


#action_update {
    padding:5px;
    height:50px;
    width:98%;
}

#action_text_counter {
    position:relative;
    float:left;
    font-size:12px;
    left:146px;
    bottom:24px;
    font-style:italic;
}

#asi {
    display:none;
    vertical-align:middle;
    margin:6px 4px 0 4px;
    border:0;
}

#action_submit {
    margin-top:9px;
}

.action_warning {
    color:#900;
}

.action_exceeded {
    color:#E00;
}

.action_detail {
    padding:1em;
}

.action_item {
    font-size:16px;
    overflow:auto;
}

.action_item_media {
    vertical-align:top;
    padding:0 16px 0 12px;
    cursor:pointer;
}

.action_item_desc {
    font-size:14px;
}

.action_item_title {
    font-size:14px;
    font-weight:bold;
}

.action_item_actions {
    display:inline-block;
    color:#999;
    font-size:12px;
    text-transform:lowercase;
    margin-bottom:12px;
}

.action_item_text {
    font-size:15px;
}

.action_item_shared {
    width:100%;
    background:#F3F3F3;
    padding:12px 0 12px 0;
    margin-top:6px;
}

.action_item_user_img {
    margin:1px;
    float:left;
}

.action_item_holder {
    width:100%;
    border-bottom:1px solid #EEE;
    padding:12px 0;
}

.action_item_holder:hover {
    background:#EEE;
}

.action_item_mention {
    background:#EEE;
    padding:6px;
    border-radius:3px;
    margin-top:6px;
}

.action_item_link {
    display:inline-block;
    width:100%;
    height:100%;
    padding-right:10px;
    box-sizing:border-box;
}

.action_media_thumb {
    display:inline-block;
}

.action_item_content {
    width:100%;
    color:#000;
}

.action_item_content a:hover {
    text-decoration:underline;
}

.action_item_delete {
    position:absolute;
    top:0;
    right:0;
    display:none;
    padding-right:12px;
}

.action_item_share {
    display:inline-block;
    color:#999;
    font-size:12px;
    margin:6px 16px 0 0;
}

.action_item_share:hover {
    color:#000;
}

.action_item_comments {
    display:inline-block;
    font-style:italic;
    padding-left:3px;
    color:#777;
    font-size:12px;
}

.action_item_comments:hover {
    color:#000;
}

.hash_link {
    text-decoration:none;
}

.mention_item {
    margin:0 !important;
    padding:3px !important;
}

#timeline_text_counter {
    font-size:12px;
    font-style:italic;
    padding:1em;
    display:inline-block;
}

/* share modal */
#share_modal {
    display:none;
    height:auto;
    width:600px;
    z-index:100000;
}

#share_modal_box {
    position:relative;
    border-radius:5px;
    display:block;
    padding:15px;
}

#share_modal_box .list_buttons {
    display:none;
}

#share_modal_box .action,#share_modal_box .item {
    max-height:400px;
    overflow:auto;
}

#share_modal_box .action_item_holder:hover {
    background:inherit;
}

#share_modal_close {
    position:absolute;
    bottom:18px;
    right:18px;
}

#share_update {
    height:50px;
    margin:0 0 5px;
    padding:5px;
    width:98%;
}

#share_text_counter {
    font-size:12px;
    font-style:italic;
    display:inline-block;
}

#share_networks {
    position:relative;
    float:right;
    font-size:14px;
    right:0;
    bottom:0;
    font-style:italic;
}

#share_networks img {
    margin:0 3px;
}

#share_submit_indicator {
    display:none;
    vertical-align:middle;
    margin:9px 9px 0 3px;
    border:0;
}

#share_submit {
    margin-top:12px;
}

.share_warning {
    color:#900 !important;
}

.share_exceeded {
    color:#E00 !important;
}

.share_item {
    font-size:16px;
    overflow:auto;
}

.share_item_media {
    vertical-align:top;
    padding:0 16px 0 12px;
    cursor:pointer;
}

.share_item_title {
    font-size:13px;
    font-weight:bold;
}

.share_item_actions {
    color:#999;
    font-size:12px;
    font-style:italic;
    text-transform:lowercase;
}

.share_item_user_img {
    margin:1px;
    float:left;
}

.share_item_holder {
    width:100%;
    border-bottom:1px solid #EEE;
    padding:12px 0 12px 0;
}

.share_item_holder:hover {
    background:#EEE;
}

.share_item_holder_shared {
    width:100%;
    border-bottom:1px solid #EEE;
    background:#F3F3F3;
    padding:12px 0 12px 0;
}

.share_item_desc {
    vertical-align:top;
    font-size:14px;
}

.share_item_desc a {
    color:#000;
}

.share_item_link {
    display:inline-block;
    width:100%;
    height:100%;
    cursor:pointer;
}

.share_media_thumb {
    display:inline-block;
}

.share_item_content {
    width:100%;
    color:#000;
}

.share_item_content a:hover {
    text-decoration:underline;
}

.share_item_delete {
    position:absolute;
    top:0;
    right:0;
    display:none;
    padding-right:12px;
}

.share_item_share {
    display:inline-block;
    color:#999;
    font-size:12px;
    margin:6px 16px 0 0;
}

.share_item_action:hover {
    color:#000;
}

.share_item_comments {
    display:inline-block;
    font-style:italic;
    padding-left:3px;
    color:#777;
    font-size:12px;
}

.share_item_comments:hover {
    color:#000;
}

#quick_action_box {
    position:relative;
}

#quick_action_tab_box {
    padding:0 2px 6px 2px;
    overflow:hidden;
}

.quick_action_tab {
    margin:4px 2px;
    float:left;
    cursor:pointer;
}

#quick_action_title {
    float:right;
    margin-top:22px;
    text-transform:capitalize;
}

#share_item_box {
    padding:1px;
    max-height:400px;
    overflow:auto;
    -ms-overflow-style:-ms-autohiding-scrollbar;
}

#shared_item_status {
    position:relative;
    padding:10px 20px;
    vertical-align:middle;
}

#shared_item_status span {
    display:inline-block;
    margin-top:6px;
}

#shared_item_view_button {
    float:right;
}

#action_modal .media_panel .action_info {
    display:none;
}

#action_modal .col8 .action {
    width:100%;
}

#action_modal .action_wrap,#action_modal #comment_wrap {
    padding:0 12px;
}

#action_modal.media .action_wrap {
    padding:12px 12px 0;
}

#action_modal .action_wrap > .action {
    margin:0;
}

#action_modal .item_media.action_text.clearfix .urlscan_card {
    font-size:12px;
}

#action_modal .item_media.action_text.clearfix {
    padding:1em;
    font-size:20px;
}

#action_modal .action {
    margin:0;
    box-shadow:none;
    background:none;
    max-width:none;
}

#action_modal .block {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    min-width:0;
    padding:12px 0;
}

#action_modal.media .item_media {
    box-shadow:none;
}

#action_modal .modal_paging {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

#action_modal .action_user_image {
    position:relative;
    top:-10px;
}

#action_modal.media .action_user_image {
    top:0;
}

#action_modal #comment_form_section .item {
    box-shadow:none;
    margin:0;
    border:none;
}

#action_modal.media #comment_form_section .item {
    padding:0;
}

#action_modal #comment_form_section .item.error {
    padding:10px;
}

#action_modal .comment_page_section .item {
    margin:0;
    box-shadow:none;
}

#action_modal .modal_paging .prev {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:50%;
    background:url('https://mediaistream.com/image/img/module/jrCore/lightbox2-prev.png') left 48% no-repeat;
    opacity:0;
    transition:opacity 1s ease 0s;
    height:auto;
    width:auto;
}

#action_modal .modal_paging .next {
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    right:0;
    background:url('https://mediaistream.com/image/img/module/jrCore/lightbox2-next.png') right 48% no-repeat;
    opacity:0;
    transition:opacity 1s ease 0s;
    height:auto;
    width:auto;
}

#action_modal #gallery_box .close {
    position:absolute;
    right:15px;
    top:15px;
    width:30px;
    height:30px;
    background:url('https://mediaistream.com/image/img/module/jrCore/lightbox2-close.png') 0 0 no-repeat;
    z-index:20;
    cursor:pointer;
}

#action_modal .modal_paging .next:hover,#action_modal .modal_paging .prev:hover {
    opacity:1;
}

#action_modal #gallery_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#action_modal #comment_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100vh;
    transition:top 1s ease 0s;
    z-index:21;
}

#action_modal #comment_box.closed {
    top:100vh;
    display:block;
}

#action_modal #comment_box .comment_page_section {

}

#action_modal .comment_close {
    right:10px;
    top:10px;
    position:absolute;
    z-index:20
}

#action_modal #gallery_box .title {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    box-shadow:none !important;
}

#action_modal .title {
    box-shadow:none !important;
    font-size:14px;
    font-weight:normal;
}

#action_modal #gallery_box .title a {
    color:white;
}

#action_modal .comment_page_section .col2 {
    width:10%;
}

#action_modal .comment_page_section .col10 {
    width:90%;
}

#action_modal.media .comment_page_section .col2 {
    width:16.66%;
}

#action_modal.media .comment_page_section .col10 {
    width:83.34%;
}

#action_modal.media .comment_page_section {
    font-size:13px;
}

#action_modal.media {
    height:526px;
    width:100%;
    max-width:1000px;
}

#action_modal.media .block {
    padding:12px;
}

#action_modal .item_media {
    padding:0;
}

#action_modal {
    height:100vh;
    width:600px;
    background:white;
    position:relative;
}

#action_modal .comment_page_section {
    width:auto;
    display:block;
    max-height:none;
    background:none;
}

#action_modal #comment_wrap {

}

#action_modal #comment_form_holder {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:0 12px;
}

#action_modal .media_panel {
    width:66%;
    float:left;
}

#action_modal .comment_panel {
    width:34%;
    position:absolute;
    top:12px;
    bottom:1em;
    right:0;
}

@media handheld,only screen and (max-width:767px) {
    #action_modal {
        overflow:auto;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:0;
        margin:0;
        width:auto;
    }

    #action_modal .comment_page_section .col2 {
        float:left;
        width:16.66%;
    }

    #action_modal .comment_page_section .col10 {
        float:left;
        width:83.34%;
    }

    #action_modal #comment_form_section > .item {
        margin:0;
    }

    #action_modal .modal_paging .next,.modal_paging .prev {
        opacity:1;
    }

    #action_modal.media {
        height:100vh;
        width:auto;
        max-width:100%;
    }

    #action_modal #comment_box {
        background:white;
    }

    #action_modal.media .block {
        padding:0;
    }
}

#action_modal .action_info {
    min-height:60px;
    padding:0;
}

#action_modal #scroller {
    overflow:auto;
    height:calc(100vh - 146px);
    width:100%;
}

#action_modal #scroller::-webkit-scrollbar {
    display:none;
}

/* Hide scrollbar for IE and Edge */
#action_modal #scroller {
    scrollbar-width:none; /* Firefox 64 */
}

#action_modal.media #scroller {
    height:calc(100% - 121px);
}



/* modules/jrAnalytics/css/jrAnalytics.css */


#al-user-dashboard .page_table_header {
    font-size:10px !important;
    padding:3px 5px;
}

#al-user-dashboard .page_table_cell {
    padding:3px 5px;
}

#al-new-tag {
    width:500px;
    height:auto;
    background:#FFF;
    padding:10px;
    border-radius:5px;
}

.al-header-info {
    font-size:12px;
}

.al-section-header {
    padding:5px;
    font-weight:bold;
    font-size:16px;
    margin-top:10px;
}

.al-user-os {
    display:block;
    font-size:7px;
    line-height:10px;
    color:#AAA;
}

#al-user-info {
    width:650px;
    height:auto;
    border-radius:5px;
    border:2px solid #000;
    box-shadow:0 0 15px #000;
}

#al-user-info-table .page_table_cell h2 {
    display:inline-block;
    margin-bottom:8px;
}

#al-user-info-table .page_table_cell span {
    display:inline-block;
    width:70px;
    text-align:right;
    margin:2px 6px 0 0;
    font-size:12px !important;
    font-weight:bold !important;
}

#al-graph-modal {
    width:750px;
    height:400px;
    border:2px solid #000;
    box-shadow:0 0 15px #000;
}

.al-bignum div {
    font-size:36px !important;
    line-height:36px !important;
}

.simplemodal-data .page_content {
    margin:0;
}

/* modules/jrAudio/css/jrAudio.css */


/* @title Audio Detail Box */
/* @help This is the box around the Audio Details that is seen on the Update Audio file form. */
.jraudio_detail {
    width:65%;
    padding:10px;
    margin:0 0 12px 3px;
    font-size:14px;
}

.jraudio_detail_left {
    width:10%;
}

/* @title Audio Details */
/* @help This is the text area that contains the information about the Audio File. */
.jraudio_detail_right {
    width:90%;
    text-align:left;
}

/* @title Audio Detail Labels */
/* @help This is the small labels that are shown in the Audio Details box */
.jraudio_title {
    width:100px;
    display:inline-block;
    text-align:right;
}

.jraudio_detail_player {
    display:table;
    width:100%;
}

.jraudio_detail_player_left {
    display:table-cell;
    width:70%;
    padding:5px;
    padding-right:18px;
    vertical-align:top;
}

.jraudio_detail_player_right {
    display:table-cell;
    width:30%;
    padding:5px;
    vertical-align:top;
}

.jraudio_list_detail {
    float:left;
    margin-left:18px;
}

@media handheld,only screen and (max-width:767px) {

    .jraudio_detail_player {
        display:inline;
    }

    .jraudio_detail_player_left {
        display:inline;
        width:100%;
    }

    .jraudio_detail_player_right {
        display:inline;
        width:100%;
    }

    .jraudio_detail_player_right img {
        margin-top:12px;
        width:90%;
    }

    .jraudio_list_detail {
        margin-left:0;
        margin-top:12px;
    }
}


/* modules/jrBatchEdit/css/jrBatchEdit.css */


.batch-edit-label {
    display:inline-block;
    width:250px;
    text-align:right;
}

.batch-edit-input {
    display:inline-block;
    box-sizing:border-box !important;
}

/* modules/jrBirthday/css/jrBirthday.css */


.birthday_share_modal {
    display:none;
    height:auto;
    width:600px;
    z-index:100000;
}

.birthday_share_modal_box {
    position:relative;
    border-radius:5px;
    display:block;
    padding:15px;
}

.birthday_share_modal_close {
    position:absolute;
    bottom:18px;
    right:18px;
}

.birthday_share {
    text-decoration:underline;
}

.birthday_update {
    height:50px;
    margin:0 0 5px;
    padding:5px;
    width:98%;
}

.birthday_share_indicator {
    display:none;
    vertical-align:middle;
    margin:9px 9px 0 3px;
    border:0;
}

.birthday_share {
    cursor:pointer;
}

#birthday_text_counter {
    font-size:12px;
    font-style:italic;
    display:inline-block;
    margin:3px 0 8px 3px;
}

/* modules/jrBlog/css/jrBlog.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.blog_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

/* modules/jrBundle/css/jrBundle.css */


/* Jamroom FoxyCart Bundle module CSS */
.bundle_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#EEEEEE;
    border:1px solid #999999;
    border-radius:5px;
    padding:12px;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #ccc;
}

.bundle_item_section {
    border-radius:5px;
    padding:9px;
    background:#DDDDDD;
}

.bundle_item_table {
}

.bundle_section {
    margin-top:12px;
    padding:4px 0;
    background-color:#EEEEEE;
    border-radius:5px;
}

.bundle_drop_section {
    padding:9px;
    background-color:#FFCC00;
    border-radius:5px;
}

.bundle_drop_top {
    margin-top:12px;
}

.bundle_name {
    padding-left:3px;
}

.bundle_table {
    margin-top:6px;
}

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

.bundle_count {
    width:10%;
    white-space:nowrap;
    font-size:10px;
    padding:0 12px;
}

#bundle_close,
#bundle_prev,
#bundle_next,
.bundle_cart_image {
    cursor:pointer;
}

.bundle_button {
    width:76px;
}

#bundle_message {
    width:80%;
    padding:6px;
    border-radius:5px;
    margin-bottom:6px;
}

.bundle_only {
    display:inline-block;
    background-color:#ccff99 !important;
    padding:6px;
    color:#000;
    text-align:center;
    font-size:13px;
    font-style:italic;
    margin:0;
    position:absolute;
    top:2px;
    right:0;
    left:2px;
}

/* @title Subscription Icon */
/* @help Shows in payments browser as purchased item image */
.bundle-icon {
    border:0;
    border-radius:0;
    margin:0 auto;
    padding:0;
}

.bundle-item .img_scale {
    margin:1px;
    max-width:64px;
}

.bundle-item {
    font-weight:600;
}

.table-cell.img {
    padding:5px;
    width:66px;
}

.bundle-image .button_player {
    bottom:5px;
    position:absolute;
    right:5px;
    width:25px;
}

.bundle-item-info h3 {
    font-size:14px;
    font-weight:bold;
    margin:10px 0 0;
}

.bundle-item-info {
    font-size:12px;
}

.bundle-image .button_player {
    bottom:5px;
    min-width:25px;
    position:absolute;
    right:5px;
}

.bundle-image {
    position:relative;
}

@media handheld,only screen and (max-width:767px) {
    .bundle_box {
        position:absolute;
        width:80%;
        right:0;
    }
}


/* modules/jrCombinedVideo/css/jrCombinedVideo.css */


.create_video_box {
    position:inherit;
    text-align:left;
    border:1px solid #999999;
    border-radius:3px;
    padding:6px;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCCCCC;
}

.video-choice {
    float:left;
    text-align:center;
    padding:12px;
}

#video-close {
    position:absolute;
    bottom:6px;
    right:6px;
}


/* modules/jrComment/css/jrComment.css */


/* @title Main Comment Indent */
/* @help This controls how far the MAIN LEVEL comments on an item is indented */
.comment-level-0 {
    margin-left:0;
}

/* @title Comment Level 1 */
/* @help This controls how far FIRST LEVEL comment replies on an item are indented */
.comment-level-1 {
    margin-left:25px !important;
}

/* @title Comment Level 2 */
/* @help This controls how far SECOND LEVEL comment replies on an item are indented */
.comment-level-2 {
    margin-left:50px !important;
}

/* @title Comment Level 3 */
/* @help This controls how far THIRD LEVEL comment replies on an item are indented */
.comment-level-3 {
    margin-left:75px !important;
}

/* @title Comment Level 4 */
/* @help This controls how far FOURTH LEVEL comment replies on an item are indented */
.comment-level-4 {
    margin-left:100px !important;
}

/* @title Comment Level 5 */
/* @help This controls how far FIFTH LEVEL comment replies on an item are indented */
.comment-level-5 {
    margin-left:125px !important;
}

/* @title Comment Level 6 */
/* @help This controls how far SIXTH LEVEL comment replies on an item are indented */
.comment-level-6 {
    margin-left:150px !important;
}

/* @title Comment Level 7 */
/* @help This controls how far SEVENTH LEVEL comment replies on an item are indented */
.comment-level-7 {
    margin-left:175px !important;
}

/* @title Comment Level 8 */
/* @help This controls how far EIGHTH LEVEL and HIGHER comment replies on an item are indented */
.comment-level-last {
    margin-left:200px !important;
}

/* @title Comment Reply Tag */
/* @help Controls the text of the "Reply" text shown on a comment when threading is enabled */
.comment-reply {
    display:inline-block;
    margin-top:6px;
    font-size:11px;
    text-transform:uppercase;
}

.jrcomment_upload_attachment {
    margin-top:-32px;
    text-align:right;
    width:100%;
}

.jrcomment_upload_attachment li.qq-upload-success {
    text-align:left;
}

.jrcomment_upload_attachment .qq-uploader {
    float:right;
}

#comment_form_holder .form_editor_holder {
    width:100%;
}

#comment_text {
    box-sizing:border-box;
    height:72px;
    width:100%;
}

/* modules/jrCore/contrib/fileuploader/fileuploader.css */


/* Have ideas for improving this CSS for the general community? Submit your changes at:https://github.com/Valums-File-Uploader/file-uploader */
.qq-uploader {
    position:relative;
}

.qq-upload-holder {
    display:inline-block;
}

.qq-upload-button {
    display:inline-block;
    text-align:center;
    line-height:15px;
    background:#880000;
    border-bottom:1px solid #DDDDDD;
    padding-bottom:4px;
    margin-top:-2px !important;
    color:#FFFFFF;
    white-space:nowrap;
}

.qq-upload-button-hover {
    background:#CC0000;
}

.qq-upload-button-focus {
    outline:1px dotted #000000;
}

.qq-upload-drop-area,.qq-upload-extra-drop-area {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:30px;
    z-index:2;
    background:#FF9797;
    text-align:center;
}

.qq-upload-drop-area span {
    display:block;
    position:absolute;
    top:50%;
    width:100%;
    margin-top:-8px;
    font-size:16px;
}

.qq-upload-extra-drop-area {
    position:relative;
    margin-top:50px;
    font-size:16px;
    padding-top:30px;
    height:20px;
    min-height:40px;
}

.qq-upload-drop-area-active {
    background:#FF7171;
}

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

.qq-upload-list li {
    width:100%;
    margin:6px 2px;
    padding:9px;
    line-height:15px;
    font-size:13px;
    background-color:#EEEEEE;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-failed-text,.qq-upload-finished {
    margin-right:12px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display:inline-block;
    float:right;
    box-sizing:border-box;
    border-width:2px;
    border-style:solid;
    border-color:hsla(359,0%,0%,0.2);
    border-top-color:#000000;
    border-bottom-color:#000000;
    border-radius:50%;
    width:15px;
    height:15px;
    margin:0 auto;
    animation:spin 0.8s linear infinite;
    -webkit-animation:spin 0.8s linear infinite;
    vertical-align:text-bottom;
}

.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-size,.qq-upload-cancel {
    font-size:12px;
    font-weight:normal;
}

.qq-upload-failed-text {
    display:none;
}

.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-fail .qq-upload-failed-text {
    display:inline;
}

.qq-upload-list li.qq-upload-success {
    margin:6px 2px;
    background-color:#CCFF99;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-list li.qq-upload-fail {
    margin:6px 2px;
    background-color:#FFCC00;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-delete {
    display:none;
    float:right;
}

@media handheld,only screen and (max-width:767px) {
    .qq-upload-holder {
        margin-left:6px;
    }
}


/* modules/jrCore/contrib/sweetalert/sweetalert.css */


.sweet-overlay {
    background-color:black;
    background-color:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:10000;
}

.sweet-alert {
    background-color:white;
    width:438px;
    padding:10px 20px 20px 20px;
    text-align:center;
    position:fixed;
    left:50%;
    top:40%;
    margin-left:-236px;
    margin-top:-200px;
    overflow:hidden;
    display:none;
    z-index:99999;
}

@media all and (max-width:540px) {
    .sweet-alert {
        width:auto;
        margin-left:0;
        margin-right:0;
        left:15px !important;
        right:15px;
    }
}

.sweet-alert h2 {
    color:#000000;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    text-transform:capitalize;
    position:relative;
    margin:25px 0 10px 0;
    padding:0;
    line-height:40px;
    display:block;
}

.sweet-alert p {
    color:#444444;
    font-size:16px;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    margin:0;
    padding:0;
    line-height:normal;
}

.sweet-alert fieldset {
    border:none;
    position:relative;
}

.sweet-alert .sa-error-container {
    background-color:#F1F1F1;
    margin-left:-17px;
    margin-right:-17px;
    overflow:hidden;
    padding:0 10px;
    max-height:0;
}

.sweet-alert .sa-error-container.show {
    padding:10px 0;
    max-height:100px;
    webkit-transition:padding 0.2s,max-height 0.2s;
    transition:padding 0.25s,max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
    display:inline-block;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#FF9933;
    color:white;
    line-height:24px;
    text-align:center;
    margin-right:3px;
}

.sweet-alert .sa-error-container p {
    display:inline-block;
}

.sweet-alert .sa-input-error {
    position:absolute;
    top:29px;
    right:26px;
    width:20px;
    height:20px;
    opacity:0;
}

.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after {
    content:"";
    width:20px;
    height:6px;
    background-color:#FF9933;
    border-radius:3px;
    position:absolute;
    top:50%;
    margin-top:-4px;
    left:50%;
    margin-left:-9px;
}

.sweet-alert .sa-input-error::before {
}

.sweet-alert .sa-input-error::after {
}

.sweet-alert .sa-input-error.show {
    opacity:1;
}

.sweet-alert input {
    width:100%;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #D7D7D7;
    height:43px;
    margin-top:10px;
    margin-bottom:17px;
    font-size:16px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);
    padding:0 12px;
    display:none;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

.sweet-alert input:focus {
    outline:none;
}

.sweet-alert input:focus::-moz-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input::-moz-placeholder {
    color:#BDBDBD;
}

.sweet-alert input::-ms-clear {
    display:none;
}

.sweet-alert input:-ms-input-placeholder {
    color:#BDBDBD;
}

.sweet-alert input::-webkit-input-placeholder {
    color:#BDBDBD;
}

.sweet-alert.show-input input {
    display:block;
}

.sweet-alert .sa-confirm-button-container {
    display:inline-block;
    position:relative;
}

.sweet-alert .la-ball-fall {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-27px;
    margin-top:4px;
    opacity:0;
    visibility:hidden;
}

.sweet-alert button {
    margin:0 10px;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom:40px;
}

.sweet-alert .sa-icon {
    width:80px;
    height:80px;
    border:4px solid gray;
    -webkit-border-radius:40px;
    border-radius:50%;
    margin:20px auto;
    padding:0;
    position:relative;
    box-sizing:content-box;
    text-shadow:0 0 3px #000000;
}

.sweet-alert .sa-icon.sa-error {
    border-color:#FF9933;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position:relative;
    display:block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position:absolute;
    height:5px;
    width:47px;
    background-color:#FF9933;
    display:block;
    top:37px;
    border-radius:2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    left:17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    right:16px;
}

.sweet-alert .sa-icon.sa-warning {
    border-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position:absolute;
    width:7px;
    height:7px;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-info {
    border-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#C9DAE1;
    left:50%;
}

.sweet-alert .sa-icon.sa-success {
    border-color:#A5DC86;
}

.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after {
    content:'';
    -webkit-border-radius:40px;
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:white;
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius:120px 0 0 120px;
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius:0 120px 120px 0;
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,0.2);
    -webkit-border-radius:40px;
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width:5px;
    height:90px;
    background-color:white;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height:5px;
    background-color:#A5DC86;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width:25px;
    left:14px;
    top:46px;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width:47px;
    right:8px;
    top:38px;
}

.sweet-alert .sa-icon.sa-custom {
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat;
}


/* modules/jrCore/contrib/livesearch/jquery.livesearch.css */


#jquery-live-search {
    background:#FFFFFF;
    padding:5px 10px;
    max-height:400px;
    overflow:auto;
    position:absolute;
    z-index:200000;
    border:1px solid #A9A9A9;
    border-width:0 1px 1px 1px;
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    box-shadow:5px 5px 5px rgba(0,0,0,0.3);
}

#jquery-live-search a {
    color:#000000;
}

/* modules/jrCore/contrib/lightbox/lightbox.css */


/* Preload images */
body:after {
    display:none;
}

.lightboxOverlay {
    position:absolute;
    top:0;
    left:0;
    z-index:999999;
    background-color:black;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:0.8;
    display:none;
}

.lightbox {
    position:absolute;
    left:0;
    width:100%;
    z-index:1000000;
    text-align:center;
    line-height:0;
    font-weight:normal;
}

.lightbox .lb-image {
    display:block;
    height:auto;
    max-width:inherit;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.lightbox a img {
    border:none;
}

.lb-outerContainer {
    position:relative;
    background-color:#111;
    *zoom:1;
    width:250px;
    height:250px;
    margin:0 auto;
    border-radius:5px 5px 0 0;
}

.lb-outerContainer:after {
    content:"";
    display:table;
    clear:both;
}

.lb-container {
    padding:4px;
}

.lb-loader {
    position:absolute;
    top:43%;
    left:0;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0;
}

.lb-cancel {
    display:block;
    width:32px;
    height:32px;
    margin:0 auto;
}

.lb-nav {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    pointer-events:none;
}

.lb-container > .nav {
    left:0;
}

.lb-nav a {
    outline:none;
}

.lb-prev,.lb-next {
    font-size:24px;
    font-weight:bold;
    color:#CCC;
    height:100%;
    cursor:pointer;
    display:block;
    vertical-align:middle;
    line-height:50px;
    text-shadow:0 1px 1px #000;
    pointer-events:all;
}

.lb-nav a.lb-prev {
    width:20%;
    left:0;
    float:left;
    padding-left:15px;
    text-align:left;
    opacity:0;
}

.lb-nav a.lb-prev div {
    position:absolute;
    top:45%;
    left:15px;
}

.lb-nav a.lb-prev:hover {
    opacity:1;
    text-decoration:none;
    color:#FFF;
}

.lb-nav a.lb-next {
    width:33%;
    right:0;
    float:right;
    text-align:right;
    padding-right:15px;
    opacity:0;
}

.lb-nav a.lb-next div {
    position:absolute;
    top:45%;
    right:15px;
}

.lb-nav a.lb-next:hover {
    opacity:1;
    text-decoration:none;
    color:#FFF;
}

.lb-dataContainer {
    background:#111;
    margin:0 auto;
    padding-top:5px;
    *zoom:1;
    width:100%;
    border-radius:0 0 5px 5px;
}

.lb-dataContainer:after {
    content:"";
    display:table;
    clear:both;
}

.lb-data {
    padding:0 4px;
    color:#CCC;
}

.lb-data .lb-details {
    padding:0 0 8px 5px;
    width:85%;
    float:left;
    text-align:left;
    line-height:1.1em;
}

.lb-data .lb-caption {
    font-size:13px;
    font-weight:bold;
    line-height:1em;
}

.lb-data .lb-number {
    display:block;
    clear:left;
    font-size:12px;
    color:#999;
}

.lb-data .lb-close {
    font-size:24px;
    color:#CCC;
    float:right;
    line-height:20px;
    text-shadow:0 1px 1px #000;
    margin-right:5px;
    padding-bottom:8px;
}

.lb-data .lb-close:hover {
    cursor:pointer;
    color:#FFF;
}

body.lb-disable-scrolling {
    overflow:hidden;
}


/* modules/jrCore/contrib/select2/css/select2.min.css */


.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 50%);background-image:-o-linear-gradient(top,#fff 0%,#eee 50%);background-image:linear-gradient(to bottom,#fff 0%,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


/* modules/jrCore/css/jrCore.css */


/* Modal Window */
* {
    -webkit-font-smoothing:subpixel-antialiased;
}

/* @title Modal Overlay background */
/* @help Defines the background color used when a modal window is opened */
#simplemodal-overlay {
    background-color:#000;
    cursor:wait;
}

#modal_window {
    display:none;
    overflow:auto;
}

/* @title Modal Update Text */
/* @help Text used for individual update lines in an activity update modal window */
#modal_updates {
    color:#000;
    font-size:12px;
    font-family:monospace;
    padding:8px 16px; 
    overflow:auto;
}

#modal_indicator {
    display:none;
    float:right;
    position:relative;
    top:60px;
    right:20px;
}

.search_area_left {
    padding-bottom:12px !important;
}

.search_area_right {
    padding-bottom:12px !important;
}

.live_search_text {
    resize:none !important;
}

/* File form field */
.jrcore_file_detail {
    position:relative;
    width:76.5%;
    padding:6px 10px !important;
    margin:8px 0 12px 2px !important;
    font-size:12px !important;
    font-variant:normal !important;
    text-transform:none !important;
    border-radius:3px;
}

.jrcore_file_detail_left {
    width:2%;
    vertical-align:middle;
}

.jrcore_file_detail_right {
    width:98%;
    text-align:left;
}

.jrcore_file_title {
    width:60px;
    display:inline-block;
    text-align:right;
    text-transform:lowercase;
    font-variant:small-caps;
}

.at_link a {
    color:#009;
    text-decoration:none;
}

.at_link a:hover {
    text-decoration:underline;
}

/* Admin Menu Accordion */
.accordion {
    margin:0;
    padding-top:10px;
}

.accordion a {
    color:#000;
    text-decoration:none;
}

.accordion a:hover {
    color:#000;
    text-decoration:none;
}

dt {
    padding:12px;
    font-weight:bold;
    cursor:pointer;
}

dt a {
    color:#000;
}

dd {
    padding:3px 0;
    margin:0;
    font-size:12px;
}

#item-holder {
    margin-right:9px;
}

#item-list {
    width:100%;
    display:table;
    margin:9px 0 9px 9px;
    padding:6px;
}

.item-row {
    width:100%;
    display:table-row;
    cursor:pointer;
    height:42px;
    background:#DDD;
}

.item-row-active {
    background:#FFF;
}

.item-row:hover {
    background:#FFF;
}

.item-icon {
    display:table-cell;
    padding:3px;
}

.item-entry {
    width:100%;
    display:table-cell;
    padding:6px;
    font-size:14px;
    color:#000;
    vertical-align:middle;
}

.item-enabled {
    display:table-cell;
    padding-right:6px;
}

.item-disabled {
    display:table-cell;
    color:#000;
    background:#FC0;
    font-size:11px;
    padding:6px;
    border:1px solid #AAA;
    border-radius:4px;
}

.item-active {
    display:table-cell;
    background:#CF9;
    font-size:11px;
    padding:6px;
    border:1px solid #AAA;
    border-radius:4px;
}

#item-work {
    background:#DDD;
    max-width:100%;
}

#error_log {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    padding:6px;
    font-size:10px;
    overflow:auto;
}

#debug_log {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    padding:6px;
    font-size:10px;
    overflow:auto;
    white-space:pre;
}

.ds_browser_item {
    max-height:250px;
    overflow:scroll;
}

/* DataStore Browser */
.ds_browser_key {
    width:425px;
    display:inline-block;
    text-align:right;
    background:#EEE;
    padding:1px 3px;
    border-radius:2px;
    margin-bottom:2px;
    font-size:12px;
    font-weight:bold;
}

.ds_browser_value {
    text-align:left;
    padding-left:3px;
    word-break:break-all;
}

#ds_browser_new_key {
    width:120px;
}

/* Template Editor */
.form_editor_holder {
    text-transform:none;
    width:95%;
    z-index:25000;
    height:100%;
    padding:0;
    margin:0;
}

.form_editor_holder > div {
    min-height:170px;
}

.form_editor_full_width {
    width:100%;
    margin-top:8px;
    margin-bottom:8px;
}

.page_custom {
    max-width:1024px;
    box-sizing:border-box;
}

.form_template {
    text-transform:none;
    box-sizing:border-box;
}

.form_template_editor {
    text-transform:none;
    height:600px;
}

.php_Notice {
}

.php_Warning {
    color:#F90;
}

.php_Fatal,.php_Parse {
    color:#F00;
}

.log-inf {
    text-align:left;
    word-break:break-all;
}

.log-dbg {
    text-align:left;
    word-break:break-all;
    color:#666 !important;
}

.log-min {
    background:#FF9;
    text-align:left;
    word-break:break-all;
}

.log-maj {
    background:#F93;
    text-align:left;
    word-break:break-all;
}

.log-cri {
    background:#F63;
    text-align:left;
    word-break:break-all;
}

.style-box {
    width:80%;
    margin-bottom:6px;
    padding:6px;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#DDD;
    font-size:12px;
    float:left;
}

.style-box-hilight {
    border-left-color:#FC0;
}

.style-reset {
    position:absolute;
    top:6px;
    right:32px;
}

.style-input {
    width:175px;
}

.style-select {
    width:185px !important;
}

.style-color {
    width:24px;
    height:16px;
    margin:0 6px;
    border:1px solid #DDD;
    cursor:pointer;
}

.style-label {
    display:inline-block;
    width:120px;
    text-align:right;
    margin:6px;
    padding:0;
}

.CodeMirror {
    background:#FFF;
    padding:6px;
    font-size:12px;
    border:solid 1px #CCC;
    overflow:auto;
}

.fullscreen {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    margin:0;
    padding:0;
    border:0;
    opacity:1;
}

#jqp {
    background:#FAFAFA;
    width:360px;
    padding:6px 2px 2px 6px;
    border:solid 1px #7F7F7F;
    border-radius:2px;
    box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    z-index:10000;
}

#jqp h2 {
    margin:0 0 5px 0;
    font-size:14px;
}

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

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

#jqp ul li {
    float:left;
    margin:0 5px 5px 0;
}

#jqp ul li a {
    display:block;
    width:13px;
    height:13px;
    text-decoration:none;
    text-indent:-100000px;
    outline:0;
    border:solid 1px #7F7F7F;
}

#jqp ul li a:hover {
    border-color:#000;
}

.sortable li li {
    list-style:disc;
}

.item_sortable {
    margin:auto;
    padding:0;
    list-style:none outside none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.item_sortable li {
    border:1px solid #BBB;
    list-style:none;
    cursor:move;
    padding:5px 12px 5px 12px;
    margin:5px;
    height:20px;
    font-size:14px;
    overflow:hidden;
}

li.sortable-placeholder {
    border:2px dashed #CCC;
    background:none;
    padding:5px 12px 5px 12px;
    margin:5px;
    height:18px;
}

#diff_result {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    font-size:11px;
    overflow:auto;
    margin:6px 0 18px 0;
}

#diff_table {
    width:100%;
    background-color:#EEE !important;
    border-collapse:collapse;
    border-spacing:1px;
    white-space:pre-line;
    border-width:1px;
    border-style:solid;
    border-color:#DDD;
}

#diff_table td {
    background:#FFF;
    padding:3px 5px;
    color:#000;
    border-bottom:1px solid #F6F6F6;
}

.diff_head {
    width:50%;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    padding:6px;
}

.diff_foot {
    background-color:#EEE;
    text-align:center;
    padding:12px !important;
}

.diff_lno {
    width:3%;
    padding-right:6px !important;
    font-weight:bold;
    text-align:right;
}

.diff_none {
    background:#FFF;
}

.diff_chg {
    background:#FC0 !important;
}

.diff_new {
    background:#CF9 !important;
}

.diff_old {
    background:#CF9 !important;
}

.file_attachment_box {
    width:100%;
    display:block;
    margin-top:20px;
    font-size:13px;
    box-sizing:border-box;
}

.file_attachment {
    position:relative;
    margin-bottom:4px;
}

.file_attachment_image {
    display:inline;
}

.file_attachment_text {
    display:inline;
    margin-left:6px;
}

.fixed-width {
    font-family:monospace;
    white-space:pre-wrap;
    font-size:11px;
}

.widget-template-code {
    font-size:12px;
    padding:8px 20px 10px 20px;
}

.word-break {
    word-break:break-all;
}

.nocursor {
    cursor:unset !important;
}

/* @title Textarea Expand */
/* @help Controls the display of the small Expand arrow to the right of the textarea */
.form_textarea_expand {
    display:none;
    position:absolute;
    bottom:12px;
    margin-left:3px;
}

/* @title Birthday Field Month */
/* @help controls the MONTH selector in a Birthday form field */
.form_date_birthday_month {
    width:120px !important;
}

/* @title Birthday Field Day */
/* @help controls the DAY selector in a Birthday form field */
.form_date_birthday_day {
    width:60px !important;
}

/* @title Birthday Field Year */
/* @help controls the YEAR input field in a Birthday form field */
.form_date_birthday_year {
    width:60px !important;
    margin-left:9px;
    padding:4px 4px 3px 4px;
}

.form_daterange,.form_date,.form_date_time {
    min-width:286px;
}

.form_mobile_label {
    font-size:13px;
    text-transform:capitalize;
    margin-left:6px;
}

.sublabel {
    display:block;
}

.page-table-jumper-page {
    width:65px !important;
}

.page-table-jumper-perpage {
    width:65px !important;
}

.acp-default-img {
    padding:1px;
    margin:1px;
    border:1px solid #DDD;
}

.acp-custom-img {
    padding:1px;
    margin:1px;
    border:1px solid #DDD;
}

.module_icon {
    background-color:#F3F3F3;
    border:1px solid #DDD;
    display:block;
    border-radius:5px;
    padding:2px;
    margin:2px;
    box-shadow:inset 0 0 3px #DDD;
}

.module_icon img {
    margin:0 auto;
    vertical-align:middle;
    transform:scale(0.9);
}

#info_box .item strong {
    display:inline-block;
    width:100px;
    text-align:right;
    margin-right:8px;
    padding:2px 0;
    text-transform:capitalize;
}

.rejected_reason_delete {
    padding:0;
}

.nowrap {
    white-space:nowrap;
}

.no-text-transform {
    text-transform:none !important;
}

.form_icon_button {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    margin:0;
    padding:0;
    cursor:pointer;
}

.form_button_icon {
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased;
}

.form_button_menu {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
}

.form_button_menu_button {
    float:left;
}

.form_button_menu ul {
    position:absolute;
    display:none;
    top:35px;
    left:0;
    z-index:32;
    border:1px solid #D9D9D9;
    background-color:#FFF;
    margin:0;
    padding:0;
}

.form_button_submenu {
    margin:0;
    padding:5px 10px;
    font-size:16px;
    cursor:pointer;
    list-style:none;
}

.form_button_submenu:hover {
    background-color:#FC0;
}

.form_button_menu_ul li {
    list-style:none;
}

.sprite_icon_disabled {
    cursor:not-allowed !important;
    opacity:0.3;
}

.sprite_icon_disabled:hover {
    background:inherit !important;
}

.option_img {
    display:inline-block;
    vertical-align:middle;
    border-radius:50%;
    box-shadow:inset 0 0 2px #999;
}

.fail {
    background-color:#FF7400;
}

.select2 {
    margin:0 4px;
}

.select2-select-width {
    width:76.3% !important;
}

.select2-select-and-text-width {
    width:33% !important;
}

.select2-selection--single {
    background:#FFF url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 99.5% 50%;
    height:30px !important;
    border-color:#CCC !important;
    border-radius:2px !important;
}

.select2-selection__rendered {
    font-size:15px !important;
    color:#000 !important;
    padding-left:5px !important;
    line-height:30px !important;
}

.select2-selection__arrow {
    top:2px !important;
}

.select2-dropdown {
    border-color:#CCC !important;
    border-radius:2px !important;
}

.select2-selection__arrow b {
    display:none;
}

.core-log-iframe {
    box-sizing:border-box;
    border:0;
    width:100%;
    height:270px;
}

.form_date_repeat {
    width:100%;
}

.form_select_and_text_tag {
    display:inline-block;
    min-width:72px;
    text-align:right;
}

.form_select_narrow {
    width:120px !important;
}

.svg_icon {
    display:table;
    box-sizing:border-box;
}

.svg_icon_disabled svg {
    opacity:0.2;
}

input::placeholder,select::placeholder,textarea::placeholder {
    color:#CCC;
}

#jr-ds-item-count {
    position:absolute;
    bottom:12px;
    right:12px;
    padding:10px;
    text-align:center;
    font-size:13px;
}

#jr-ds-item-count span {
    font-weight:bold;
}

.form_select_area_search {
    width:auto !important;
}

.page_tab {
    user-select:none;
}

/* modules/jrCore/css/jrCore_bbcode.css */


#bbcode_help_button {
    text-align:center;
    margin-top:-33px;
}

#bbcode_help_button input {
    float:right;
    position:relative;
    margin:0 6px 0 3px;
}

#bbcode_help {
    width:800px;
    height:600px;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    #bbcode_help {
        width:auto;
    }
}

.bbcode_help_section {
    width:75%;
    background:#FFF;
    border-radius:3px;
    margin-top:12px;
}

.bbcode_left {
    background:#F6F6F6;
    width:50%;
    text-align:right;
    padding:6px;
}

.bbcode_right {
    width:50%;
    padding:6px;
}

.bbcode_quote {
    width:100%;
    padding:12px;
    background-color:#EEE;
    font-size:14px;
    font-style:italic;
    box-sizing:border-box;
    word-break:break-all;
}

.bbcode_quote_user {
    font-size:16px;
    font-weight:bold;
}

.bbcode_code {
    background-color:#EEE;
    width:100%;
}

/* BBCode code syntax Highlighting */

.hljs {
    max-height:400px;
    font-family:Monaco,"Courier New",Courier,monospace;
    display:block;
    overflow:auto;
    padding:10px;
    color:black;
    -webkit-text-size-adjust:none;
    font-size:11px;
    margin:6px 0;
    border-radius:3px;
    white-space:pre-wrap;
    word-break:break-all;
}

.hljs-comment {
    color:#006A00;
}

.hljs-keyword,
.hljs-literal,
.nginx .hljs-title {
    color:#AA0D91;
}

.method,
.hljs-list .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status,
.hljs-name {
    color:#008;
}

.hljs-envvar,
.tex .hljs-special {
    color:#660;
}

.hljs-string {
    color:#C41A16;
}

.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.hljs-regexp {
    color:#080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.hljs-rule .hljs-value,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-number,
.css .hljs-function,
.hljs-function .hljs-title,
.coffeescript .hljs-attribute {
    color:#1C00CF;
}

.hljs-class .hljs-title,
.smalltalk .hljs-class,
.hljs-type,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.clojure .hljs-attribute {
    color:#5C2699;
}

.hljs-variable {
    color:#3F6E74;
}

.css .hljs-tag,
.hljs-rule .hljs-property,
.hljs-pseudo,
.hljs-subst {
    color:#000;
}

.css .hljs-class,
.css .hljs-id {
    color:#9B703F;
}

.hljs-value .hljs-important {
    color:#F70;
    font-weight:bold;
}

.hljs-rule .hljs-keyword {
    color:#C5AF75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
    color:#9B859D;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
    color:#643820;
}

.tex .hljs-formula {
    background-color:#EEE;
    font-style:italic;
}

.diff .hljs-header,
.hljs-chunk {
    color:#808080;
    font-weight:bold;
}

.diff .hljs-change {
    background-color:#BCCFF9;
}

.hljs-addition {
    background-color:#BAEEBA;
}

.hljs-deletion {
    background-color:#FFC8BD;
}

.hljs-comment .hljs-doctag {
    font-weight:bold;
}

.method .hljs-id {
    color:#000;
}

/* modules/jrCore/css/jrCore_tinymce.css */


/* @title TinyMCE Editor Body */
/* @help Controls the height of the TinyMCE editor */
#form-editor-body {
    height:100%;
}

.mce-fullscreen {
    z-index:10000 !important;
}

#mce-modal-block.mce-in {
    background:#000;
    opacity:0.8 !important;
}


/* modules/jrCore/css/jrCore_dashboard.css */


.bigtable {
    background:#FFF !important;
}

.bigtable th {
    position:relative;
}

/* @title Dashboard Panel Box */
/* @help When viewing the dashboard this controls the box the numbers appear in */
.bignum {
    background:#333;
    text-align:center;
    font-size:42px !important;
    line-height:42px;
    padding:12px !important;
    height:64px;
    -moz-box-shadow:inset 0 0 8px #000;
    -webkit-box-shadow:inset 0 0 8px #000;
    box-shadow:inset 0 0 8px #000;
    cursor:pointer;
}

/* @title Panel Color 1 */
/* @help Controls the font color for the first column in the dashboard */
.bignum1,.bignum1 a {
    color:#FC0 !important;
}

/* @title Panel Color 2 */
/* @help Controls the font color for the second column in the dashboard */
.bignum2,.bignum2 a {
    color:#F93 !important;
}

/* @title Panel Color 3 */
/* @help Controls the font color for the third column in the dashboard */
.bignum3,.bignum3 a {
    color:#6C6 !important;
}

/* @title Panel Color 4 */
/* @help Controls the font color for the fourth column in the dashboard */
.bignum4,.bignum4 a {
    color:#09F !important;
}

/* @title Panel Color 5 */
/* @help Controls the font color for the fifth column in the dashboard */
.bignum5,.bignum5 a {
    color:#3CC !important;
}

.bignum span {
    display:block;
    font-size:11px !important;
    line-height:13px;
    padding:0;
    margin:8px 0 0 0;
}

.bignum_stat_cell {
    position:relative;
}

.bignum_stat {
    position:absolute;
    top:0;
    right:0;
}

.bigsystem {
    text-align:left;
}

.bigsystem-inf {
    color:#FFF !important;
}

.bigsystem-min {
    background-color:#FC0 !important;
    color:#000 !important;
}

.bigsystem-maj {
    background-color:#F90 !important;
    color:#000 !important;
}

.bigsystem-cri {
    background-color:#F60 !important;
    color:#000 !important;
}

.page_table_fullscreen {
    height:100vh;
    width:100vw;
}

.page_table_fullscreen .bignum span {
    margin-top:30px;
    font-size:15px !important;
}

.page_table_fullscreen .page_table_header {
    height:4vh;
    font-size:24px;
}

.page_table_fullscreen .bignum_stat a {
    display:none;
}

.bigtable_r1.page_table_fullscreen .bignum {
    height:92vh;
    font-size:112px !important;
}

.bigtable_r2.page_table_fullscreen .bignum {
    height:42vh;
    font-size:96px !important;
}

.bigtable_r3.page_table_fullscreen .bignum {
    height:24vh;
    font-size:82px !important;
}

.bigtable_r4.page_table_fullscreen .bignum {
    height:17vh;
    font-size:72px !important;
}

.bigtable_r5.page_table_fullscreen .bignum {
    height:12vh;
    font-size:56px !important;
}


/* modules/jrCore/css/jrCore_mobile_override.css */


@media handheld,only screen and (max-width:767px) {

    .bignum {
        font-size:28px !important;
    }

    .page_table_mobile_container {
        box-sizing:border-box;
        max-width:100vw;
    }

    .page_table_cell_mobile_left {
        width:20%;
        text-align:right !important;
    }

    .page_table_cell_mobile_left input {
        display:none;
    }

    .page_table_cell_mobile_right {
        width:80%;
        text-align:left !important;
    }

    .page_table_cell_mobile_right input[type="button"] {
        box-sizing:border-box;
        width:98%;
    }

    .page_banner_right input,.page_banner_right select {
        float:right;
        clear:both;
        margin:10px;
    }

    .form_daterange,.form_date,.form_date_time {
        min-width:unset;
    }

    .form_editor_holder {
        overflow:unset !important;
    }

    .lb-nav a.lb-next,.lb-nav a.lb-prev {
        opacity:1 !important;
    }

}

/* modules/jrCustomForm/css/jrCustomForm.css */


.form_name_button input {
    text-transform:none !important;
}

.custom-form-embed-width {
    width:95% !important;
}

.form_browser_key {
    width:125px;
    font-weight:bold;
}


/* modules/jrDocs/css/jrDocs.css */


.doc_indent_1 {
    display:inline-block;
    margin:3px 0 3px 0;
}

.doc_indent_2 {
    display:inline-block;
    margin:2px 0 1px 25px;
}

.doc_indent_3 {
    display:inline-block;
    margin:1px 0 0 50px;
}

.doc_content {
    background-color:#FFF;
}

.new_section_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #DDD;
    border-radius:3px;
    padding:12px;
    display:none;
    z-index:10000;
    overflow:visible;
}

.new_section_button {
    float:right;
    padding:3px 6px;
    text-align:center;
    width:110px;
    font-size:12px;
    opacity:0.2;
    text-transform:capitalize;
    margin-right:12px !important;
}

.new_section_button:hover {
    opacity:1;
}

.new_section_button a {
    text-decoration:none;
}

.new_section_button a:hover {
    text-decoration:none;
}

.section_type {
    display:inline-block;
    padding:1px;
}

.doc_toc {
    background:#FFF;
    margin:12px;
    padding:12px;
    border:1px solid #DDD;
    border-radius:3px;
    color:#000;
}

.doc_toc span {
    display:inline-block;
    margin-left:12px;
    margin-top:5px;
    font-size:14px;
    text-transform:capitalize;
}

.doc_toc a {
    cursor:pointer;
    color:#000;
}

.doc_toc a:hover {
    text-decoration:underline;
}

.doc_toc_list {
    list-style:none outside none;
    margin:0;
    padding:0 10px;
}

.doc_chapter_list {
    font-size:18px;
}

.doc_pager_box {
    margin:0 12px;
}

.doc_pager {
    display:table;
    width:100%;
    background:#FFF;
    font-size:14px;
}

.doc_pager a {
    color:#000;
}

.doc_pager_cell {
    display:table-cell;
    padding:18px 6px;
}

.section_actions {
    position:absolute;
    top:12px;
    right:12px;
    display:none;
}

.section_title {
    display:block;
    margin-bottom:12px;
}

.section_title h2 {
    text-transform:capitalize;
}

.section_text {
    position:relative;
    clear:both;
    overflow:visible;
    font-size:14px;
    padding:16px;
    margin-bottom:12px;
    color:#000;
}

.section_text a {
    text-decoration:underline;
}

.section_warning {
    background:#FFE680;
    color:#000;
    border-radius:3px;
    font-size:14px;
    margin:12px;
    padding:24px;
}

.section_warning a {
    text-decoration:underline;
}

.section_warning div {
    vertical-align:middle;
}

.section_hint {
    background:#EAF6FF;
    border-radius:3px;
    color:#000;
    font-size:14px;
    margin:12px;
    padding:24px;
}

.section_hint a {
    text-decoration:underline;
}

.section_code {
    background:#FFF;
    color:#000;
    padding:0;
    margin:12px 12px 32px 12px;
}

.section_code pre {
    max-width:100%;
    margin:2px;
    padding:2px;
}

.section_caption {
    margin-top:6px;
    display:block;
    font-style:italic;
    font-size:14px;
}

.section_caption a {
    text-decoration:underline;
}

.section_file {
    background-color:#FFF;
    border-radius:3px;
    margin-bottom:12px;
}

.section_function {
    border:2px solid #EEE;
    margin-bottom:0;
    display:table;
    font-size:14px;
    border-radius:3px;
}

.section_header_cell {
    background:#EEE;
    display:table-cell;
    padding:6px 12px;
    font-size:12px;
    text-transform:uppercase;
}

.section_function_cell {
    background:#FFF;
    display:table-cell;
    padding:9px 12px;
    border-bottom:1px solid #EEE;
}

.doc_param_table .form_text {
    width:90%;
}

.section_function_title {
    background:#EAF6FF;
    padding:12px;
    font-size:16px;
    font-family:monospace;
    margin-bottom:0;
    border:2px solid #EEE;
}

.section_function_name {
    background:#EEE;
    padding:12px;
    margin-bottom:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.section_function_name h2 {
    text-transform:none;
}

.section_function_desc {
    font-size:14px;
    background:#EEE;
    padding:18px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

.doc_function_name {
    display:inline-block;
}

.doc_param_required,
.doc_param {
    display:inline-block;
    margin:3px 0 3px 32px;
}

.section_text pre {
    max-width:100%;
    margin:2px;
    padding:2px;
    background-color:#FFF;
}

.toc_chapter {
    display:inline-block;
    margin:12px 0 0 0;
}

.toc_indent_1 {
    display:inline-block;
    margin:0 0 0 26px;
    font-size:1.2em;
}

.toc_indent_2 {
    display:inline-block;
    margin:0 0 0 52px;
}

.toc_indent_3 {
    display:inline-block;
    margin:2px 0 2px 72px;
    font-weight:normal;
}

ul.ui-sortable .section_text li {
    list-style:disc;
}

.docs_related {
    background-color:#F3F3F3;
    padding:0 2px;
    margin:0 -2px;
    border-radius:3px;
    cursor:pointer;
}

.section_warning .docs_related {
    background-color:#FFE674 !important;
}

.docs_related:hover {
    background:#FFD87C;
}

.doc_tag_options {
    position:absolute;
    top:-5px;
    left:100%;
    min-width:300px;
    padding:10px;
    z-index:150000;
}

.doc_tag_link {
    padding-right:50px;
    white-space:nowrap;
}

.doc_tag_inner {
    background-color:#F3F3F3;
    border-radius:5px;
    border:2px solid #4F6390;
    padding:10px;
}

.doc_pdf {
    float:right;
}

/* modules/jrEmailCourse/css/jrEmailCourse.css */


.jremailcourse .page_table_row.highlight,
.jremailcourse .page_table_row_alt.highlight {
    background-color:#1D9B1D;
}

/* modules/jrEmbed/css/jrEmbed.css */


.mce-floatpanel {
    z-index:500000 !important;
}

/* modules/jrEvent/css/jrEvent.css */


.attendee {
    vertical-align:middle;
}

.nonattendee {
    vertical-align:middle;
}


/* modules/jrEvent/css/calendar.css */


#jrEvent_calendar .php-calendar a:hover {
    opacity:.7;
    filter:Alpha(Opacity=70);
}

#jrEvent_calendar .ecal-container {
    min-width:50%;
}

/* @title Calendar Background Color */
/* @help this is background color for the calendar */
#jrEvent_calendar table.ecal-main {
    width:100%;
    background-color:#FFF;
    table-layout:fixed;
}

#jrEvent_calendar div.ecal-main {
    padding:0;
}

#jrEvent_calendar .ecal-main div {
    padding-left:.5em;
    padding-right:.5em;
}

#jrEvent_calendar .ecal-event-header {
    padding:.5em;
}

#jrEvent_calendar col.ecal-week {
    width:3%;
}

#jrEvent_calendar col.ecal-day {
    width:14%;
}

#jrEvent_calendar .ecal-calendar td,
#jrEvent_calendar .ecal-calendar th {
    border-collapse:collapse;
    vertical-align:text-top;
}

#jrEvent_calendar .ecal-calendar th {
    background:url("https://mediaistream.com/image/img/module/jrEvent/bg_date.png") repeat-x scroll 50% 50% #CCC;
    border:1px solid #AAA;
    color:#222;
    font-weight:bold;
}

#jrEvent_calendar .ecal-calendar td {
    padding:0;
    text-align:left;
    height:100px;
}

#jrEvent_calendar .ecal-calendar li {
    margin:4px;
}

#jrEvent_calendar .ecal-main ul {
    list-style-type:none;
    padding:0;
}

#jrEvent_calendar .ecal-calendar li a {
    font-weight:normal !important;
    display:block;
    padding:2px;
    text-decoration:none;
}

#jrEvent_calendar .ecal-date {
    padding:5px 3px;
    background:url("https://mediaistream.com/image/img/module/jrEvent/bg_day.png") repeat-x scroll 50% 50% #E6E6E6;
    border:1px solid #D3D3D3;
    color:#555;
    font-weight:normal;
}

#jrEvent_calendar .ecal-today {
    background-image:url("https://mediaistream.com/image/img/module/jrEvent/bg_today.png") !important;
    background-repeat:repeat-x;
    background-position:50% 50%;
    background-color:#FBF9EE;
    border:1px solid #FCEFA1;
    color:#363636;
}

#jrEvent_calendar .ecal-shadow {
    opacity:.5;
    filter:Alpha(Opacity=5);
}

#jrEvent_calendar .ecal-event-list li a {
    display:block;
    padding:2px;
    text-decoration:none;
    border-radius:3px;
    background:url("https://mediaistream.com/image/img/module/jrEvent/bg_event_item.png") repeat-x scroll 50% 50% #E6E6E6;
    border:1px solid #D3D3D3;
    color:#555;
    font-weight:normal;
    font-family:Verdana,Arial,sans-serif;
    font-size:1.1em;
    overflow:hidden;
}

#jrEvent_calendar .ecal-even-row {
    background:#FFF;
    background-image:none;
}

#jrEvent_calendar .ecal-today .center {
    font-size:0.9em;
    font-weight:bold;
}



/* modules/jrEvent/css/small_calendar.css */


#jrEvent_small_calendar .php-calendar a:hover {
    opacity:.7;
    filter:Alpha(Opacity=70);
}

#jrEvent_small_calendar .ecal-container {
    min-width:50%;
}

#jrEvent_small_calendar table.ecal-main {
    width:100%;
    background-color:#FFF;
}

#jrEvent_small_calendar div.ecal-main {
    padding:0;
}

#jrEvent_small_calendar .ecal-main div {
    padding-left:.5em;
    padding-right:.5em;
}

#jrEvent_small_calendar .ecal-event-header {
    padding:.5em;
}

#jrEvent_small_calendar col.ecal-week {
    width:3%;
}

#jrEvent_small_calendar col.ecal-day {
    width:14%;
}

#jrEvent_small_calendar .ecal-calendar td,
#jrEvent_small_calendar .ecal-calendar th {
    text-align:center;
    border-collapse:collapse;
    vertical-align:text-top;
}

#jrEvent_small_calendar .ecal-calendar th {
    background:url("https://mediaistream.com/image/img/module/jrEvent/bg_date.png") repeat-x scroll 50% 50% #CCC;
    border:1px solid #AAA;
    color:#222;
    font-weight:bold;
}

#jrEvent_small_calendar .ecal-calendar td {
    padding:0;
    text-align:center;
}

#jrEvent_small_calendar .ecal-calendar li {
    margin:4px;
}

#jrEvent_small_calendar .ecal-main ul {
    list-style-type:none;
    padding:0;
}

#jrEvent_small_calendar .ecal-calendar li a {
    font-weight:normal !important;
    display:block;
    padding:2px;
    text-decoration:none;
}

#jrEvent_small_calendar .ecal-date {
    padding:5px 3px;
    background:url("https://mediaistream.com/image/img/module/jrEvent/bg_day.png") repeat-x scroll 50% 50% #E6E6E6;
    border:1px solid #D3D3D3;
    color:#555;
    font-weight:normal;
}

#jrEvent_small_calendar .has_events {
    background-image:none;
    background-color:#CEFCB1;
    border:1px solid #B1FC9F;
    color:#363636;
}

#jrEvent_small_calendar .ecal-today {
    background:url("https://mediaistream.com/image/img/module/jrEvent/bg_today.png") repeat-x scroll 50% 50% #FBF9EE;
    border:1px solid #FCEFA1;
    color:#363636;
}

#jrEvent_small_calendar .ecal-shadow {
    opacity:.5;
    filter:Alpha(Opacity=5);
}

#jrEvent_small_calendar .has_events a {
    display:block;
    font-weight:bold;
}



/* modules/jrFAQ/css/jrFAQ.css */


.nested_list.item_sortable li {
    height:auto;
    overflow:auto;
}

/* modules/jrFollower/css/jrFollower.css */


.follow_button {
    color:#484848;
    text-decoration:none;
    text-transform:capitalize;
    font-weight:bold;
    font-size:14px;
    height:32px;
    padding:0 12px;
    margin:0 2px;
    border-radius:5px;
    vertical-align:middle;
    border:solid 1px #7F7F7F;
}

.follow {
    cursor:pointer;
    background:#FD0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffaa',endColorstr='#bbee88'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#DFA),to(#BE8)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#DFA,#BE8); /* for firefox 3.6+ */
}

.following {
    cursor:pointer;
    background:#CF9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffaa',endColorstr='#bbee88'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#DFA),to(#BE8)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#DFA,#BE8); /* for firefox 3.6+ */
}

.follow_pending {
    background:#ADF;
    color:#000;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbeeff',endColorstr='#99ccee'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#BEF),to(#9CE)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#BEF,#9CE); /* for firefox 3.6+ */
}

#follow_indicator {
    display:none;
}

.follower_action {
    position:absolute;
    bottom:28px;
    left:10px;
}

.follower_status {
    position:absolute;
    bottom:28px;
    right:10px;
}


/* modules/jrForum/css/jrForum.css */


#forum_success {
    background-color:#CF9;
    color:#000;
    padding:6px;
    padding-left:12px;
    border-radius:5px;
    border:1px solid #CCC;
    margin:12px;
}

#forum_notice {
    background-color:#FC0;
    color:#000;
    padding:6px;
    padding-left:12px;
    border-radius:5px;
    border:1px solid #CCC;
    margin-bottom:6px;
}

.forum_post_image {
    display:table-cell;
    width:10%;
    padding:6px;
    vertical-align:top;
    text-align:center;
    word-wrap:break-word;
}

.forum_post_text {
    display:table-cell;
    width:90%;
    padding:6px 12px;
    vertical-align:top;
    overflow:auto;
}

.forum_post_count {
    background:#FFF;
    text-align:right;
    float:right;
    font-size:14px;
    border-radius:4px;
    padding:6px 6px 6px 9px;
    margin-right:6px;
}

.forum_post_count_new {
    background-color:#FFF2BF;
    border-color:#FC0;
}

.forum_post_pinned {
    border-style:dotted;
    border-width:2px;
}

.forum_new_post_form {
    font-size:16px;
}

.forum_actions {
    position:absolute;
    top:12px;
    right:12px;
    display:none;
}

.forum_locked {
    margin:12px 0;
    background-color:#FC0;
    border:1px solid #CCC;
    border-radius:4px;
    padding:12px
}

.forum_post_attachment {
    margin:20px 0;
    background-color:#CF9;
    border:1px solid #CCC;
    border-radius:4px;
    padding:6px
}

.forum_follow_box {
    position:inherit;
    width:300px;
    text-align:center;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    z-index:100;
    overflow:visible;
    box-shadow:0 0 3px #000;
}

.forum_signature {
    display:inline-block;
    color:#999;
    margin-bottom:6px;
}

.forum_signature a {
    color:#999;
}

.forum_signature .bbcode_url {
    color:#999 !important;
}

#forum_solution_box {
    position:inherit;
    width:340px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    display:none;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

.section_solution {
    background-color:#FFF;
    width:300px;
    border-radius:5px;
    display:inline-block;
    padding:2px 6px;
    margin:2px 0;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    cursor:pointer;
}

.section_solution_detail {
    border-radius:5px;
    padding:0 6px;
    margin-bottom:6px;
}

.section_solution_list {
    border-radius:3px;
    display:inline-block;
    padding:2px 6px;
    font-size:12px;
    line-height:12px;
}

.forum_upload_button {
    position:absolute;
    right:100px;
    top:0;
    padding:6px 0 0 0;
    line-height:27px;
}

.forum_upload_button input {
    font-size:16px !important;
}

.jrforum_upload_attachment {
    margin-top:-32px;
    text-align:right;
    width:94%;
}

.jrforum_upload_attachment li.qq-upload-success {
    text-align:left;
}

.jrforum_upload_attachment .qq-uploader {
    float:right;
}

.small_follow_container span {
    margin-top:-3px;
}


/* modules/jrGallery/css/jrGallery.css */


/* Jamroom Gallery Module CSS */
.jr_gallery_row a {
    text-decoration:none;
}

.jr_gallery_row a:hover {
    text-decoration:none;
}

.img-profile {
    position:relative;
}

.gallery_actions {
    position:absolute;
    top:10px;
    right:12px;
    display:none;
}

.gallery_img {
    width:100%;
    margin:0;
    padding:0;
}

.gallery_rating {
    max-width:80px;
    padding-top:4px;
    margin:0 auto;
}

.gallery_lightbox {
    float:left;
    padding-top:12px;
}

.gallery_lightbox a {
    text-decoration:none;
}

.gallery_lightbox a:hover {
    text-decoration:none;
}

.gallery_view_all {
    float:right;
    padding-top:12px;
}

.gallery_view_all a {
    text-decoration:none;
}

.gallery_view_all a:hover {
    text-decoration:none;
}

#gallery_slider_box {
    padding:12px 0 0 0;
    padding-left:16px;
}

#gallery_slider {
}

.gallery_slider_prev {
    float:left;
    margin-right:8px;
    padding-top:14px;
}

.gallery_slider_next {
    float:left;
    margin-left:4px;
    padding-top:14px;
}

.gallery_slider_img {
    float:left;
    margin-right:4px;
}

.gallery_slider_img img {
    border:1px solid #DDDDDD;
}

.gallery_slider_img img:hover {
    border:1px solid #FFCC00 !important;
}

.jrgallery_update_div {
    display:inline-block;
    vertical-align:top;
    padding:12px;
    margin:6px 12px 6px 3px;
    border:1px solid #EEEEEE;
    text-align:center;
}

.jrgallery_update_div:hover {
    background-color:#EEEEEE;
}

.jrgallery_update_image {
    margin:1px 1px 6px 1px;
}

.jrgallery_update_button {
    font-size:10px;
    width:60px;
    margin:2px;
}

.jrgallery_update_button:hover {
    cursor:pointer;
}

@media handheld,only screen and (max-width:767px) {
    .jr_gallery_row {
        width:90%;
    }
}

.jrgallery_image_grid {
    float:left;
    display:inline-block;
    text-align:center;
    width:24%;
    margin:6px 0;
}

#gallery-edit-image {
    max-width:300px;
}

#gallery-save-image {
    display:none;
    width:75%;
    padding:12px;
    margin-bottom:12px;
    color:#000000;
    border-radius:3px;
}

.gallery_image_info {
    text-align:left;
    font-size:0.8em;
}

.gallery_search_found {
    background-color:#FFDD00;
}

.gallery_no_title {
    opacity:0.5;
}

.gallery_filename {
    opacity:0.8;
}

#gallery_title_modal {
    width:440px;
    box-sizing:border-box;
    position:relative;
}

.gallery_update_title,
.gallery_filename {
    display:inline-block;
    max-width:120px;
    overflow:hidden;
    white-space:nowrap;
}

.jrgallery_scroll_box{
    max-height:500px;
    overflow:scroll
}

.gallery_pending_image {
    float:left;
    margin-right:6px;
    vertical-align:middle;
}

/* modules/jrGenBadge/css/jrGenBadge.css */


#badge_section {
    display:inline-block;
    margin-right:4px;
}

.badge_section_admin {
    margin-right:20px !important;
}

#badge_box {
    position:inherit;
    width:320px;
    text-align:left;
    background-color:#F6F6F6;
    border:1px solid #AAAAAA;
    border-radius:2px;
    padding:3px 9px 9px 9px;
    display:none;
    z-index:100;
    overflow:visible;
}

.badge_title {
    display:inline-block;
    margin-left:6px;
    font-size:12px;
}

.badge_button {
    width:66px;
    line-height:14px !important;
    font-size:12px;
}

.badge_image {
    height:32px;
    width:32px;
    margin-left:4px;
    border-radius:2px;
}


/* modules/jrGenCore/css/jrGenCore.css */


.male_icon_image {
    box-sizing:border-box;
    border:2px solid #3399FF;
    border-radius:2px;
}

.female_icon_image {
    box-sizing:border-box;
    border:2px solid #FF99FF;
    border-radius:2px;
}

.unknown_icon_image {
    box-sizing:border-box;
    border:2px solid #000000;
    border-radius:2px;
}

.profile_image .male_icon_image {
    border-width:2px;
}

.profile_image .female_icon_image {
    border-width:2px;
}

.profile_image .unknown_icon_image {
    border-width:2px;
}

#profile_note_box {
    margin-bottom:10px;
}

.form_gendate_modifier {
    width:70px !important;
}

.form_gendate_month {
    width:140px !important;
}

.form_gendate_day {
    width:70px !important;
}

.form_gendate_year {
    width:70px !important;
    margin-left:6px !important;
}

.form_gendate_bce_tag {
    display:inline-block;
    margin-left:12px;
}

.rel_box {
    display:inline-block;
    position:relative;
    width:100%;
}

.rel_type {
    display:inline-block;
    font-weight:bold;
    font-size:16px;
    margin:0;
    padding:0;
}

.rel_add {
    display:inline-block;
    position:absolute;
    bottom:3px;
    right:0;
    margin:0;
    padding:0;
    font-size:10px
}

.rel_add a {
    color:#BBBBBB;
    text-decoration:none;
}

.rel_add a:hover {
    text-decoration:none;
}

.rel_list {
    padding:5px !important;
    margin:3px 0 15px 0 !important;
}

.rel_list img {
    border-radius:2px;
}

.rel_name a:hover {
    text-decoration:none !important;
}

.rel_name_small {
    display:block;
    margin:0;
    padding:0;
    font-size:14px;
}

.rel_name_small a:hover {
    text-decoration:none !important;
}

.rel_year {
    font-size:12px;
}

.rel_year_small {
    display:block;
    margin:0;
    padding:0;
    font-size:10px;
}

.rel_delete {
    float:right;
    padding:0;
    margin:0;
    display:none;
}

.rel_delete a {
    text-decoration:none;
}

#profile_eol {
    width:167px;
}

.profile-search-notes {
    font-size:10px;
}

#history_container {
    background:transparent url("https://mediaistream.com/skins/jrGenosis/img/wood.jpg") fixed;
    vertical-align:middle;
    text-transform:capitalize;
    padding:12px;
    margin:12px;
    border:1px solid #DDDDDD;
}

#history_box {
    width:100%;
    font-size:14px;
    line-height:16px;
}

.history_person {
    display:inline-block;
    color:#FFFFFF;
}

.history_person a {
    text-decoration:none;
    color:#FFFFFF;
}

.history_person a:hover {
    text-decoration:none;
    color:#FFCC00;
}

#history_home {
    display:table-cell;
    width:5%;
    vertical-align:top;
    padding-right:10px;
}

#history_list {
    display:table-cell;
    width:60%;
    vertical-align:top;
}

#history_search_box {
    display:table-cell;
    width:35%;
    vertical-align:middle;
    text-align:right;
    padding-right:12px !important;
}

.history_search_text {
    width:100% !important;
}

#profile_notes_box {
    padding-top:8px;
    box-sizing:border-box;
}

#profile_note {
    height:64px;
    width:100%;
    box-sizing:border-box;
}

.profile-note-entry {
    margin:5px 0;
    padding:0 0 0 2px;
}

.profile-note-header {
    background:#CCF2FF;
    position:relative;
    padding:7px 12px 6px 12px;
    font-size:13px;
    font-weight:bold;
    border-radius:2px 2px 0 0;
}

.profile-note-delete {
    position:absolute;
    right:6px;
    top:5px;
}

.profile-note-text {
    background:#FFFFFF;
    padding:6px 12px;
    font-size:13px;
    border-radius:0 0 2px 2px;
    margin-bottom:12px;
    word-break:break-all;
    overflow-wrap:break-word;
}

.profile-note-action {
    display:inline-block;
    width:100%;
    padding:3px;
}

#pedigree_box {
    position:relative;
    display:inline-block;
    width:100%;
    height:600px;
    margin-bottom:12px;
}

.pedigree_person {
    background:#F6F6F6;
    display:table-cell;
    width:260px;
    height:48px;
    z-index:100;
    border:1px solid #CCCCCC;
    border-radius:2px;
}

.pedigree_person_img_div {
    display:table-cell;
    vertical-align:middle;
    width:10%;
    padding:0;
}

.pedigree_person_img_div img {
    margin:4px;
    padding:0;
    border-radius:2px;
}

.pedigree_person_name_div {
    position:relative;
    display:table-cell;
    vertical-align:top;
    width:90%;
    padding:9px 3px 3px 3px;
}

.pedigree_person_name {
    font-size:14px;
}

.pedigree_person_date {
    font-size:12px;
}

.pedigree_options {
    position:absolute;
    bottom:4px;
    right:4px;
}

.pedigree_next {
    position:absolute;
    top:4px;
    right:4px;
}

.pedigree_link_gen {
    margin:0;
    padding:0;
}

.pedigree_link_fam {
    margin:0;
    padding:0;
}

.pedigree_btn {
    padding:0 !important;
    margin:0 !important;
    border-radius:3px !important;
}

.pedigree_gen {
    position:absolute;
}

.pedigree_eol {
    border-color:#CC0000 !important;
}

.pedigree_question {
    border-color:#FFCC00 !important;
}

.pedigree_family_box {
    position:inherit;
    width:252px;
    max-height:200px;
    overflow-x:hidden;
    overflow-y:scroll;
    text-align:left;
    background-color:#F6F6F6;
    border:1px solid #CCCCCC;
    border-radius:2px;
    padding:4px;
    display:none;
    z-index:10000;
    margin-right:3px;
}

.pedigree_person_img {
    display:table-cell;
    width:10%;
    padding-bottom:3px;
}

.pedigree_person_img img {
    border-radius:2px;
}

.pedigree_person_box {
    position:relative;
    display:table-cell;
    width:90%;
    vertical-align:top;
    padding:6px 3px 3px 6px;
}

.lk {
    position:absolute;
    background-color:#CCCCCC;
    z-index:0;
}

#p00 {
    top:273px;
    left:20px;
}

#m10l {
    width:2px;
    height:294px;
    top:169px;
    left:320px;
}

#f11l {
    width:38px;
    height:2px;
    top:301px;
    left:282px;
}

#m10 {
    top:124px;
    left:300px;
}

#f11 {
    top:424px;
    left:300px;
}

#m20l {
    width:2px;
    height:126px;
    top:104px;
    left:600px;
}

#f21l {
    width:38px;
    height:2px;
    top:152px;
    left:562px;
}

#m22l {
    width:2px;
    height:126px;
    top:374px;
    left:600px;
}

#f23l {
    width:38px;
    height:2px;
    top:452px;
    left:562px;
}

#m20 {
    top:49px;
    left:580px;
}

#f21 {
    top:199px;
    left:580px;
}

#m22 {
    top:349px;
    left:580px;
}

#f23 {
    top:499px;
    left:580px;
}

#m30l {
    width:2px;
    height:24px;
    top:64px;
    left:880px;
}

#f31l {
    width:38px;
    height:2px;
    top:79px;
    left:842px;
}

#m32l {
    width:2px;
    height:24px;
    top:214px;
    left:880px;
}

#f33l {
    width:38px;
    height:2px;
    top:229px;
    left:842px;
}

#m34l {
    width:2px;
    height:24px;
    top:364px;
    left:880px;
}

#f35l {
    width:38px;
    height:2px;
    top:379px;
    left:842px;
}

#m36l {
    width:2px;
    height:24px;
    top:514px;
    left:880px;
}

#f37l {
    width:38px;
    height:2px;
    top:529px;
    left:842px;
}

#m30 {
    top:12px;
    left:860px;
}

#f31 {
    top:87px;
    left:860px;
}

#m32 {
    top:162px;
    left:860px;
}

#f33 {
    top:237px;
    left:860px;
}

#m34 {
    top:312px;
    left:860px;
}

#f35 {
    top:387px;
    left:860px;
}

#m36 {
    top:462px;
    left:860px;
}

#f37 {
    top:537px;
    left:860px;
}

@media only screen and (max-width:768px) {

    #m30l,#f31l,#m32l,#f33l,#m34l,#f35l,#m36l,#f37l {
        visibility:hidden;
    }

    #m30,#f31,#m32,#f33,#m34,#f35,#m36,#f37 {
        visibility:hidden;
    }
}

@media only screen and (max-width:1024px) {

    .pedigree_family_box {
        width:218px;
    }

    .pedigree_person {
        width:230px;
    }

    #p00 {
        top:273px;
        left:15px;
    }

    #m00l {
        width:2px;
        height:294px;
        top:169px;
        left:285px;
    }

    #f01l {
        width:38px;
        height:2px;
        top:301px;
        left:247px;
    }

    #m10 {
        top:124px;
        left:265px;
    }

    #f11 {
        top:424px;
        left:265px;
    }

    #m20l {
        width:2px;
        height:126px;
        top:104px;
        left:535px;
    }

    #f21l {
        width:38px;
        height:2px;
        top:152px;
        left:497px;
    }

    #m22l {
        width:2px;
        height:126px;
        top:374px;
        left:535px;
    }

    #f23l {
        width:38px;
        height:2px;
        top:452px;
        left:497px;
    }

    #m20 {
        top:49px;
        left:515px;
    }

    #f21 {
        top:199px;
        left:515px;
    }

    #m22 {
        top:349px;
        left:515px;
    }

    #f23 {
        top:499px;
        left:515px;
    }

    #m30l {
        width:2px;
        height:24px;
        top:64px;
        left:785px;
    }

    #f31l {
        width:38px;
        height:2px;
        top:79px;
        left:747px;
    }

    #m32l {
        width:2px;
        height:24px;
        top:214px;
        left:785px;
    }

    #f33l {
        width:38px;
        height:2px;
        top:229px;
        left:747px;
    }

    #m34l {
        width:2px;
        height:24px;
        top:364px;
        left:785px;
    }

    #f35l {
        width:38px;
        height:2px;
        top:379px;
        left:747px;
    }

    #m36l {
        width:2px;
        height:24px;
        top:514px;
        left:785px;
    }

    #f37l {
        width:38px;
        height:2px;
        top:529px;
        left:747px;
    }

    #m30 {
        top:12px;
        left:765px;
    }

    #f31 {
        top:87px;
        left:765px;
    }

    #m32 {
        top:162px;
        left:765px;
    }

    #f33 {
        top:237px;
        left:765px;
    }

    #m34 {
        top:312px;
        left:765px;
    }

    #f35 {
        top:387px;
        left:765px;
    }

    #m36 {
        top:462px;
        left:765px;
    }

    #f37 {
        top:537px;
        left:765px;
    }

}


/* modules/jrGenEvent/css/jrGenEvent.css */


.event_actions {
    position:absolute;
    top:10px;
    right:10px;
    display:none;
}

.event_age {
    padding:12px 12px 0 12px;
    width:13%;
    text-align:center;
    vertical-align:top;
}

.event_box {
    padding:12px !important;
    font-size:13px;
    vertical-align:top;
}

.event_box img {
    width:80px;
    margin-right:18px;
}

.event_desc {
    display:inline-block;
    margin-top:2px;
    font-size:12px;
}

.event_source {
    display:inline-block;
    margin-top:6px;
    font-size:10px;
}

#event_desc,#event_source_urls {
    height:42px;
}

#event_location_select {
    text-transform:capitalize;
}


/* modules/jrGenHistory/css/jrGenHistory.css */


.he-box {
    padding:6px 48px 6px 12px;
    font-size:11px;
}

.he-box a {
    color:#369;
}

.he-globe {
    padding:3px 3px 3px 12px;
    vertical-align:middle;
}

.he-delete {
    position:absolute;
    top:3px;
    right:3px;
    font-size:9px;
    margin-left:3px;
    display:none;
}

.he-delete a {
    color:#000;
}

@media handheld,only screen and (max-width:767px) {

    .he-box {
        padding:6px 6px 6px 3px;
        font-size:8px !important;
    }

    .he-globe {
        padding-left:8px;
    }
}


/* modules/jrGenSearch/css/jrGenSearch.css */


#search_options_box {
    position:inherit;
    width:300px;
    text-align:left;
    background-color:#F6F6F6;
    border:1px solid #AAAAAA;
    border-radius:2px;
    padding:12px;
    display:none;
    z-index:100;
    overflow:visible;
}

.search_option_button {
    line-height:18px !important;
    height:22px !important;
    padding:1px 4px !important;
}

.search_option_select {
    height:22px !important;
    padding:0 !important;
    width:80px !important;
}


/* modules/jrGenSource/css/jrGenSource.css */


.gen-source-img {
    position:relative;
    display:inline-block;
}

.gen-source-img span {
    position:absolute;
    left:0;
    right:0;
    bottom:2px;
    color:#FFFFFF;
    font-size:9px;
    text-shadow:0 0 1px #000000;
}

.gen-source-img img {
    border-radius:2px;
    margin:2px;
}

.gen-source-search-result {
    height:135px;
    background:#F6F6F6;
    padding:10px;
    margin-top:6px;
    border:1px solid #DDDDDD;
    border-radius:2px;
    overflow:scroll;
}

.gen-offsite {
    vertical-align:top !important;
}

/* modules/jrGenTimemap/css/jrGenTimemap.css */


div#map-control {
    padding:6px;
    width:300px;
    position:absolute;
    left:12px;
    top:12px;
    z-index:1000;
    border-radius:2px;
    background:#FFFFFF;
    font-size:11px;
    box-shadow:3px 3px 3px 3px #ccc;
}
#last-name {
    width:288px;
}

div#timemap {
}

div#timelinecontainer {
    width:100%;
    height:300px;
    overflow:scroll
}

#timelinecontainer #timeline {
    width:100%;
    height:100%;
    font-size:9px;
    background:#CCCCCC;
}

div#mapcontainer {
    width:100%;
    height:100%;
}

div#map {
    position:absolute;
    bottom:0;
    width:100%;
    height:100%;
    background:#EEEEEE;
}

div.timeline-band-layer-inner {
    overflow-y:scroll;
    overflow-x:hidden;
}

div.infotitle {
    font-size:13px;
    font-weight:bold;
    width:250px;
    height:23px;
}

div.infodescription {
    font-size:12px;
    font-style:italic;
    height:35px;
}

div.custominfostyle {
    font-family:Georgia,Garamond,serif;
    font-size:1.5em;
    font-style:italic;
    width:20em;
}


/* modules/jrGeo/css/jrGeo.css */


/* Jamroom Geo Location Module CSS */

/* @title Modal Search Update */
/* @help Shows to the user when the search conditions are being updated */
#geo-zip-modal {
    background:#FFF;
    color:#000;
    width:250px;
    height:auto;
    padding:20px;
    border-radius:5px;
    text-align:center;
}

/* @title ZIP Code field */
/* @help This is the ZIP code field on the ZIP code search results page */
#zip-code-input {
    width:30%;
}

/* @title ZIP Radius field */
/* @help This is the ZIP code radius field on the ZIP code search results page */
#zip-code-radius {
    width:25%;
}


/* modules/jrGraph/css/jrGraph.css */


.graph-legend {
    margin:-20px 20px 20px 52px;
}

.graph-legend .legendColorBox {
    width:1%;
}

.graph-legend .legendColorBox > div {
    border-width:0 !important;
    padding:0;
}

.graph-legend .legendLabel {
    width:99%;
    text-align:left;
    padding-left:8px;
}

#graph-modal-container .page_content {
    padding:10px;
}

#graph-modal-container .form_submit_section {
    border-bottom:0 !important;
}

.graph-xyval {
    display:inline-block;
    margin-right:6px;
}

.graph-selector {
    display:inline-block;
    width:100px !important;
}

/* modules/jrGroup/css/jrGroup.css */


#group_button {
    font-size:12px;
    cursor:pointer;
    height:auto;
    padding:0 12px;
    margin:0 2px;
    vertical-align:middle;
}

.group_join {
    background:#FFDD00;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffaa',endColorstr='#bbee88'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#DDFFAA),to(#BBEE88)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#DDFFAA,#BBEE88); /* for firefox 3.6+ */
}

.group_cancel {
    background:#CCFF99;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffaa',endColorstr='#bbee88'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#DDFFAA),to(#BBEE88)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#DDFFAA,#BBEE88); /* for firefox 3.6+ */
}

.group_pending {
    background:#AADDFF;
    color:#000000;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbeeff',endColorstr='#99ccee'); /* for IE */
    background:-webkit-gradient(linear,left top,left bottom,from(#BBEEFF),to(#99CCEE)); /* for webkit browsers */
    background:-moz-linear-gradient(top,#BBEEFF,#99CCEE); /* for firefox 3.6+ */
}

.img-0 {
    float:left;
    border:3px solid #FFCC00;
    margin:2px 1px;
}

.img-1 {
    float:left;
    border:3px solid transparent;
    margin:2px 1px;
}

.img-member-list {
    margin:12px 32px 3px 32px;
}


/* modules/jrGroupDiscuss/css/jrGroupDiscuss.css */


/* @title Follow Discussion box */
/* @help Controls the drop down box when "Follow Discussion is clicked */
.discussion_follow_box {
    position:inherit;
    width:340px;
    text-align:left;
    background-color:#EEEEEE;
    border:1px solid #999999;
    border-radius:3px;
    padding:12px;
    z-index:100000;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCCCCC;
}

/* modules/jrImage/css/jrImage.css */


.image_delete {
    position:absolute;
    top:3px;
    right:3px;
}

.image_delete_mobile_label {
    font-size:13px;
    text-transform:capitalize;
    margin-left:5px;
}

.image_delete a {
    text-decoration:none;
}

.image_update_display {
    display:inline-block;
    position:relative;
    margin:3px 0;
}

.form_image_right_container {
    display:block;
}

/* modules/jrLike/css/jrLike.css */


.like_button_box {
    display:inline;
}

.like_button_img {
    vertical-align:middle;
}

.like_count {
    display:inline;
    margin-left:3px;
    font-size:12px;
}

.dislike_button_box {
    display:inline;
}

.dislike_button_img {
    vertical-align:middle;
}

.dislike_count {
    display:inline;
    margin-left:3px;
    font-size:12px;
}

.likers_box {
    position:relative;
    display:none;
    width:558px !important;
    height:320px !important;
    padding-top:0;
    margin:0;
    z-index:10000;
}

.liker_list {
    font-size:12px;
}


/* modules/jrMailer/css/jrMailer.css */


#cp-display-area {
    overflow-x:hidden;
    overflow-y:scroll;
}

/* modules/jrMarket/css/jrMarket.css */


.market_status_section {
    height:18px;
    display:inline-block;
    vertical-align:middle;
    background:#EEE;
    border-radius:3px;
    margin:6px 0 0 0;
    text-align:center;
    color:#000;
}

.market_status_section_stable {
    background:#CF9;
}

.market_status_section_beta {
    background:#FD0;
}

.market_status_section_text {
    text-transform:uppercase;
    position:relative;
    left:2px;
    padding:0 16px;
    color:#000;
    font-size:12px;
}

.changelog {
    width:100%;
    font-size:12px;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.market_jumper {
    width:250px !important;
}

.market-description {
    font-size:12px;
}

.market-version {
    height:14px !important;
    padding:2px 5px 0 5px;
    font-size:10px;
    margin-bottom:6px;
    white-space:nowrap;
}

.market-requires {
    font-size:11px;
}

.changelog_div {
    background-color:#FFF;
    font-family:monospace;
    white-space:pre-wrap
}


/* modules/jrNewsLetter/css/jrNewsLetter.css */


#jrnewsletter-recipients {
    width:73.3%;
    margin-left:4px;
    padding:5px 10px;
    border-radius:3px;
}

#jrnewsletter-recipients #r_count {
    display:inline-block;
    margin:6px 0 0 5px;
    font-size:18px;
    vertical-align:middle;
}

#jrnewsletter-recipients #r_indicator_holder {
    display:inline-block;
    vertical-align:middle;
    margin-top:6px;
}

#jrnewsletter-recipients input {
    float:right;
    vertical-align:middle;
}

#jrnewsletter-filter-recipients {
    width:450px;
    height:500px;
    overflow:auto;
    padding:10px;
}

#filter_view {
    display:none;
}


/* modules/jrOneAll/css/jrOneAll.css */


/* @title Timeline Networks Box */
/* @help Box that holds the Share with Networks entries in Timeline form */
#oneall_timeline_networks {
    display:inline-block;
    width:100%;
    text-align:right;
    padding:0 12px 12px 0;
    font-size:13px;
    box-sizing:border-box;
    text-transform:capitalize;
}

/* @title Timeline Networks Images */
/* @help Images in Share with Networks box */
#oneall_timeline_networks img {
    vertical-align:middle;
    margin:0 3px;
}

/* modules/jrPage/css/jrPage.css */


/* Jamroom Page Module CSS */

/* @title Page Body */
/* @help Defines the font size for the main page body content */
.jrpage_body {
    font-size:16px;
}

.jrpage_body p {
    padding:3px 12px;
}

.page_actions {
    position:absolute;
    top:12px;
    right:12px;
    display:none;
}


/* modules/jrPayPal/css/jrPayPal.css */


/* @title Buy Now Box */
/* @help The price and buy now icon box */
.paypal_buy_now_section {
    display:inline-block;
    background-color:#EEEEEE;
    padding:1px;
}

.paypal_buy_now_section a:hover {
    text-decoration:none !important;
}

/* @title Buy Now Price */
/* @help The price section in the Buy Now Box */
.paypal_buy_now_price {
    position:relative;
    top:2px;
    left:2px;
    padding:0 2px 0 10px;
    padding-top:4px;
    color:#000000;
    font-size:1.2em;
}


/* modules/jrPayment/css/jrPayment.css */


#cart-modal {
    width:100%;
    max-width:700px;
    height:auto;
}

#cart-holder {
    width:100%;
    max-width:680px;
    height:auto;
    display:inline-block;
    background:#DDD;
    padding:10px;
    border-radius:5px;
    z-index:1000;
    overflow:auto;
}

#cart-holder .page_table {
    margin-bottom:0;
}

.cart-section {
    display:inline-block;
    background:#EEE;
    border-radius:3px;
    box-shadow:inset 0 0 2px rgba(0,0,0,.5);
}

.cart-qty {
    text-align:center;
    width:25px;
    padding:0;
    margin:0;
}

.cart-shipping {
    font-size:9px;
}

.cart-price {
    position:relative;
    top:2px;
    left:2px;
    padding:0 10px;
    padding-top:4px;
    color:#000;
    font-size:16px;
    line-height:16px;
}

.cart-icon {
    margin:0;
    padding:0;
    cursor:pointer;
}

.cart-remove-button {
    font-size:11px !important;
    padding:0 5px !important;
}

.payment-icon {
    border:0;
    border-radius:0;
    margin:0 auto;
    padding:0;
}

#payment-view-cart-button {
    padding:0;
    margin:0;
    white-space:nowrap;
}

.payment-checkout-cell span {
    font-size:10px;
    font-weight:bold;
}

.payment-checkout-cell img {
    height:32px;
    cursor:pointer;
}

/* Mobile */
@media handheld,only screen and (max-width:801px) {
    #cart-modal {
        width:100%;
        max-width:300px;
        height:auto;
        margin:0 auto;
    }

    #cart-holder {
        width:100%;
        max-width:280px;
        height:auto;
        margin:0 auto;
    }

    #payment-view-cart-button {
        padding:0;
        margin:0;
    }

}

/* modules/jrPhotoAlbum/css/jrPhotoAlbum.css */


/* Jamroom PhotoAlbum Module CSS */

.photoalbum_lightbox {
    float:left;
    padding-top:12px;
}

.photoalbum_lightbox a {
    text-decoration:none;
}

.photoalbum_lightbox a:hover {
    text-decoration:none;
}

.photoalbum_actions {
    position:absolute;
    top:15px;
    right:18px;
    display:none;
}

.photoalbum_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#EEEEEE;
    border:1px solid #999999;
    border-radius:5px;
    padding:12px;
    display:none;
    z-index:1000001;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCCCCC;
}

.photoalbum_name {
    padding:5px;
}

.photoalbum_name a {
    width:80%;
    text-decoration:underline;
}

.photoalbum_count {
    width:10%;
    white-space:nowrap;
    font-size:10px;
    padding:5px;
}

.photoalbum_button {
    width:70px;
}

.photoalbum_success {
    border-radius:5px;
    background-color:#CCFF99;
    color:#000000;
}

.photoalbum_error {
    border-radius:5px;
    background-color:#FFDD00;
    color:#000000;
}

#photoalbum_close,
#photoalbum_prev,
#photoalbum_next {
    cursor:pointer;
}

@media handheld,only screen and (max-width:767px) {
    .photoalbum_box {
        position:absolute;
        width:80%;
        right:0;
    }

    .photoalbum_button {
        width:50px;
    }

    .photoalbum_name {
        font-size:12px;
    }
}


/* modules/jrPlaylist/css/jrPlaylist.css */


/* Jamroom Playlist Module CSS */

.playlist_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#EEEEEE;
    border:1px solid #999999;
    border-radius:5px;
    padding:12px;
    display:none;
    z-index:10000;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCCCCC;
}

#playlist_message {
    padding-left:5px;
    font-size:12px;
    margin-bottom:6px;
}

.playlist_name {
    padding:5px;
}

.playlist_name a {
    text-decoration:underline;
}

.playlist_count {
    white-space:nowrap;
    font-size:10px;
    padding:0 10px;
    text-align:center;
}

.playlist_add {
    padding:0 0 5px 0;
}

.playlist_button {
    width:70px;
    margin:0 2px 5px 0;
}

.playlist_success {
    border-radius:5px;
    background-color:#CCFF99;
    color:#000000;
}

.playlist_error {
    border-radius:5px;
    background-color:#FFDD00;
    color:#000000;
}

#playlist_close,
#playlist_prev,
#playlist_next {
    cursor:pointer;
}

@media handheld,only screen and (max-width:767px) {
    .playlist_box {
        position:absolute;
        width:80%;
        right:0;
    }

    .playlist_button {
        width:50px;
    }

    .playlist_name {
        font-size:12px;
    }
}



/* modules/jrPoll/css/jquery.countdown.css */


/* jQuery Countdown styles 2.0.0. */
.is-countdown {
}

.countdown-rtl {
    direction:rtl;
}

.countdown-holding span {
    color:#888888;
}

.countdown-row {
    clear:both;
    width:100%;
    padding:0 2px;
    text-align:center;
}

.countdown-show1 .countdown-section {
    width:98%;
}

.countdown-show2 .countdown-section {
    width:48%;
}

.countdown-show3 .countdown-section {
    width:32.5%;
}

.countdown-show4 .countdown-section {
    width:24.5%;
}

.countdown-show5 .countdown-section {
    width:19.5%;
}

.countdown-show6 .countdown-section {
    width:16.25%;
}

.countdown-show7 .countdown-section {
    width:14%;
}

.countdown-section {
    margin-top:6px;
    display:block;
    float:left;
    font-size:75%;
    font-weight:normal;
    text-align:center;
}

.countdown-amount {
    font-size:100%;
}

.countdown-period {
    display:block;
}

.countdown-descr {
    display:block;
    width:100%;
}


/* modules/jrPoll/css/jrPoll.css */


#poll_error {
    display:none;
    background-color:#FFCC00 !important;
    padding:6px 12px;
    margin-top:6px;
    border-radius:3px;
    font-size:14px;
}

.poll_countdown {
    float:left;
    min-width:250px;
    text-align:center;
    padding:10px 20px 20px 0;
}

.poll_option_update {
    display:inline-block;
    width:99%;
    text-align:center;
    font-weight:bold;
}

.poll_status {
    float:right;
    position:relative;
    cursor:pointer;
}

.poll_open {
    display:inline-block;
    text-align:center;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

.poll_pending {
    display:inline-block;
    text-align:center;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

.poll_closed {
    display:inline-block;
    text-align:center;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    font-weight:bold;
}

.poll_voted {
    display:inline-block;
    padding:8px 12px;
    margin:0;
    border-radius:3px;
    font-size:14px;
    color:#000000;
}

.poll_winner {
    background-color:#FFFFFF !important;
}

.poll_vote_count {
    font-weight:bold;
    font-size:14px;
}


/* modules/jrPrivateNote/css/jrPrivateNote.css */


/* @title Note Detail Text */
/* @help Controls the individual note reply sections when viewing a Private Note */
.note_text {
    font-size:13px;
    padding:16px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#EEEEEE;
}


/* modules/jrProduct/css/jrProduct.css */


.product-tracking-cell {
    position:relative;
}

/* @title Product Carrier */
/* @help The small carrier text shown below the Tracking ID button */
.product-carrier {
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    font-size:11px;
}


/* modules/jrProfile/css/jrProfile.css */


/* @title Your Profiles Grid */
/* @help Controls the Your Profiles page from the User Menu */
.profile_grid {
    text-align:center;
}

.profile_grid .item {
    display:inline-block;
}

.profile_grid img {
    width:185px;
    height:185px;
}

/* modules/jrRating/css/jrRating.css */


/* Large Rating */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
    background:url('https://mediaistream.com/image/img/module/jrRating/rating_back_16.png') left 0 repeat-x;
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (-o-min-device-pixel-ratio:3/2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2) {
    .star-rating,
    .star-rating a:hover,
    .star-rating a:active,
    .star-rating a:focus,
    .star-rating .current-rating {
        background:url('https://mediaistream.com/image/img/module/jrRating/rating_back_32.png') left 0 repeat-x;
        background-size:16px 48px;
    }
}

.star-rating {
    position:relative;
    width:80px;
    height:16px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position:left top;
}

.star-rating li {
    display:inline;
}

.star-rating a,
.star-rating .current-rating {
    position:absolute;
    top:0;
    left:0;
    height:16px;
    line-height:16px;
    outline:none;
    overflow:hidden;
    border:none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
    background-position:left bottom;
}

.star-rating a.star1-rating {
    width:20%;
    z-index:6;
}

.star-rating a.star2-rating {
    width:40%;
    z-index:5;
}

.star-rating a.star3-rating {
    width:60%;
    z-index:4;
}

.star-rating a.star4-rating {
    width:80%;
    z-index:3;
}

.star-rating a.star5-rating {
    width:100%;
    z-index:2;
}

.star-rating .current-rating {
    z-index:1;
    background-position:left center;
}



/* modules/jrSearch/css/jrSearch.css */


/* @title Search Text Block */
/* @help Controls the block holding the search field on module index */
.block_search {
    float:right;
    white-space:nowrap;
    text-align:right;
    width:50%;
}

/* @title Search Text Input */
/* @help Format for Text Input search element on module indexes */
.form_text_search {
    width:50%;
}

.jrsearch_reorder_item {
    text-transform:capitalize;
}

#ff-row-display_order .form_button {
    margin-top:4px;
}

/* modules/jrSiteBuilder/css/jrSiteBuilder.css */


.sb-button {
    width:120px;
    text-align:center;
    display:block; 
    padding:6px 12px;
    position:fixed;
    border:1px solid #000000;
    border-radius:3px;
    background-color:#FFCC00;
    color:#000000;
    font-size:15px;
    cursor:pointer;
    z-index:600;
}

.sb-button:hover {
    background:#EEEEEE;
    color:#000000;
}

#sb-edit-button {
    bottom:36px;
    left:36px;
}

#sb-close-button {
    bottom:36px;
    left:36px;
}

#sb-edit-layout {
    bottom:76px;
    left:36px;
}

#sb-page-delete {
    bottom:116px;
    left:36px;
}

#sb-edit-menu {
    bottom:156px;
    left:36px;
}

#sb-doc-menu {
    bottom:196px;
    left:36px;
}

#sb-edit-cp {
    background:#FFFFFF;
    margin:0 auto;
    display:none; 
    padding:12px;
    width:1140px;
    height:600px;
    border-radius:3px;
    overflow-x:hidden;
    overflow-y:auto;
}

#sb-widget-work {
    overflow-y:auto;
    overflow-x:hidden;
}

#sb-widget-work .form_template {
    max-width:839px;
}

#sb-widget-settings {
    display:none; 
}

#sb-layout-section {
    display:none; 
    margin-bottom:12px;
}

.sb-accordion {
    margin:0 12px 0 0;
}

.sb-accordion a {
    color:#000000;
    text-decoration:none;
}

.sb-accordion a:hover {
    color:#000000;
    text-decoration:none;
}

/* @title Widget Container */
/* @help Controls the padding and margin for the Widget Containers */
.sb-widget-col {
    position:relative; 
    padding:6px;
    margin:0;
}

.sb-container-controls {
    position:absolute;
    top:12px;
    right:18px;
}

.sb-widget-new {
    display:none; 
}

.sb-widget-block {
    min-height:50px;
    position:relative;
}

.sb-widget-block-edit {
    padding:6px !important;
}

/* @title Widget Item */
/* @help This class is applied to the holder for each widget in a container */
.sb-widget-content {
    padding:0;
    margin:0;
}

.sb-widget-controls {
    position:absolute;
    top:12px;
    right:12px;
    text-align:right;
    z-index:1000;
}

.sb-widget-controls small {
    display:inline-block; 
    margin-top:2px;
    font-size:11px;
    color:#333333;
}

.sb-widget-hilight {
    border:1px dashed #CCCCCC;
    border-radius:2px;
    margin:5px !important;
    padding:6px 6px 44px 6px;
}

.sb-item-row {
    width:100%;
    display:table-row; 
    cursor:pointer;
    height:34px;
    background:#EEEEEE;
}

.sb-item-row-active.sb-item-row-default,
.sb-item-row-active {
    background:#FFCC00;
}

.sb-item-row-default {
    background:#CCCCCC;
}

.sb-item-row:hover {
    background:#FFCC00;
}

.sb-item-icon {
    display:table-cell; 
    padding:3px;
}

.sb-item-entry {
    width:100%;
    display:table-cell; 
    padding:3px;
    font-size:14px;
    color:#000000;
    vertical-align:middle;
}

.first-col,.second-col,.third-col {
    position:relative;
    font-size:18px;
    font-weight:bold;
}

.sb-cell-widget {
    float:left;
    position:absolute;
    top:6px;
    left:9px;
    font-size:8px;
    font-weight:normal;
    text-transform:uppercase;
    color:#999999;
}

.new-cell {
    background:#D5EFFF;
    margin:3px;
    padding:6px;
    border:1px solid #DDDDDD;
    border-radius:3px;
}

#eventslider {
    margin:25px 30px 6px 30px;
}

#layout-row {
    margin:6px 30px 25px 30px;
}

.saved-row {
    margin:3px 30px 3px 30px;
}

#saved-rows {
    margin-top:16px;
}

.sb-row-button {
    margin:0 auto;
    padding:6px 3px;
    background:#EEEEEE;
    border:1px solid #DDDDDD;
    border-radius:3px;
    font-size:16px;
    text-align:center;
    cursor:pointer;
}

.sb-row-button:hover {
    background:#FFCC00;
}

.col0 {
    display:none; 
}

.sb-menu-entry {
    padding:0 6px;
}

.sb-menu-text a {
    text-decoration:none;
}

.sb-menu-text-new {
    margin:0;
    color:#666666;
    font-size:13px;
    border:0;
    cursor:pointer;
}

.sb-new-click {
    padding:0;
    margin:0;
    text-decoration:none;
}

.sb-menu-delete {
    position:absolute;
    top:0;
    right:3px;
    display:inline-block; 
}

.sb-menu-indent-0 {
    box-sizing:border-box;
    padding:6px;
    font-size:15px;
    width:100%;
    margin-left:0;
}

.sb-menu-indent-1 {
    box-sizing:border-box;
    padding:4px;
    font-size:14px;
    width:90%;
    margin:3px 0 3px 9px;
}

.sb-menu-indent-2 {
    box-sizing:border-box;
    padding:2px;
    font-size:13px;
    width:80%;
    margin:3px 0 3px 18px;
}

.sb-menu-new-indent-0 {
    margin:0 0 3px 9px;
}

.sb-menu-new-indent-1 {
    margin:0 0 3px 18px;
}

.sb-menu-new-indent-2 {
    margin:0 0 3px 27px;
}

.menu-col1 {
    background:#EEEEEE;
    border:1px solid #EEEEEE;
}

.menu-col2 {
    background:#F9F9F9;
    border:1px solid #EEEEEE;
}

.sb-top-menu-entry {
}

.sb-menu-entry {
    background:#EEEEEE;
    padding:6px 9px;
    font-size:15px;
    color:#000000;
    vertical-align:middle;
    margin-top:3px;
    border-radius:2px;
    text-transform:capitalize;
    cursor:move;
}

.sb-menu-entry a {
    cursor:pointer;
}

#sb-new-entry {
    width:85%;
    margin:0;
}

.sb-menu-entry button {
    float:right;
    margin:0;
}

.sb-menu-entry-active {
    background:#FFCC00;
}

.sb-menu-expand-icon {
    display:inline; 
    margin-right:4px;
}

.sb-menu-noexpand {
    display:inline; 
    width:20px;
}

.sb-menu-delete-icon {
    position:absolute;
    right:6px;
    top:6px;
}

.sb-menu-add-button {
    position:absolute;
    right:6px;
    top:6px;
}

.sb-menu-text {
    width:100%;
    box-sizing:border-box;
    border:0;
    border-radius:2px;
    background-color:#FFFFFF;
    padding:3px 6px;
    color:#000000;
}

#menu-entry-holder {
    overflow:auto;
}

.connectedSortable {
    list-style:outside none none;
    min-height:20px;
    padding:0;
    overflow:auto;
}

.sb-add-widget-btn {
    font-size:11px;
    position:absolute;
    right:12px;
    bottom:12px;
}

.sb-mod-container-btn {
    font-size:11px;
    position:absolute;
    left:12px;
    bottom:12px;
}

.sb-container-tabs {
    padding:32px 12px 0 12px;
    margin-bottom:-12px
}

.sb-widget-type-info {
    opacity:0.2;
}

/* browser page icon */
.sb_page_icon {
    width:150px;
    padding:0 0 2px 0;
    margin:0;
    background-color:#E6E6E6;
}

.sb_page_icon-row {
    margin:2px;
}

.sb_page_icon-cell {
    font-size:10px;
    border:1px solid #AAAAAA;
    padding:2px 0;
    margin:1px;
}

#sb-json-message {
    margin:0 4px;
}

/* notifications from web sockets */
.menu_0_link .notifications {
    background:#f8f494 none repeat scroll 0 0;
    border:1px solid #000000;
    border-radius:5px;
    color:#000000;
    opacity:1;
    padding:0 5px;
    position:absolute;
    right:0;
    text-shadow:none;
    top:0;
    transition:opacity 0.3s linear 0s;
}

.menu_0_link .notifications.none {
    opacity:0;
}

/* button audio players in a widget item list =  no disc */
ul.sb-widget-sortable .widget-item .sc_button_player li,
ul.sb-widget-sortable .widget-item .button_player li
{
    list-style:none;
}

/* html content in a widget with a list,show disk */
ul.sb-widget-sortable .widget-item ul li {
    list-style:disc;
}

ul.sb-widget-sortable .qq-upload-list li {
    list-style:none;
}

#menu_editor li {
    list-style:none;
}
#sb-menu-options-form .hljs {
    max-width:none;
}

/* modules/jrSiteBuilder/css/jquery.nouislider.css */



/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout:none;
-webkit-user-select:none;
-ms-touch-action:none;
-ms-user-select:none;
-moz-user-select:none;
-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.noUi-base {
	width:100%;
	height:100%;
	position:relative;
}
.noUi-origin {
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0;
}
.noUi-handle {
	position:relative;
	z-index:1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index:10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7,which incorrectly
   creates a new context for the origins. */
	*z-index:-1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition:left 0.3s,top 0.3s;
	transition:left 0.3s,top 0.3s;
}
.noUi-state-drag * {
	cursor:inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height:18px;
}
.noUi-horizontal .noUi-handle {
	width:34px;
	height:28px;
	left:-17px;
	top:-6px;
}
.noUi-horizontal.noUi-extended {
	padding:0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin  {
	right:-15px;
}
.noUi-vertical {
	width:18px;
}
.noUi-vertical .noUi-handle {
	width:28px;
	height:34px;
	left:-6px;
	top:-17px;
}
.noUi-vertical.noUi-extended {
	padding:15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin  {
	bottom:-15px;
}

/* Styling;
 */
.noUi-background {
	background:#FAFAFA;
	box-shadow:inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background:#EEEEEE;
	box-shadow:inset 0 0 3px rgba(51,51,51,0.45);
    -webkit-transition:background 450ms;
	transition:background 450ms;
}
.noUi-origin {
	border-radius:2px;
}
.noUi-target {
	border-radius:4px;
	border:1px solid #D3D3D3;
	box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow:inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor:w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor:n-resize;
}
.noUi-handle {
	border:1px solid #D9D9D9;
	border-radius:3px;
	background:#FFF;
	cursor:col-resize;
	box-shadow:inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow:inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content:"";
	display:block;
	position:absolute;
	height:14px;
	width:1px;
	background:#E8E7E6;
	left:14px;
	top:6px;
}
.noUi-handle:after {
	left:17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width:14px;
	height:1px;
	left:6px;
	top:14px;
}
.noUi-vertical .noUi-handle:after {
	top:17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background:#B8B8B8;
}
[disabled] .noUi-handle {
	cursor:not-allowed;
}


/* modules/jrSmiley/css/jrSmiley.css */


#jrchat_smiley_drawer {
    height:auto;
    position:fixed;
    z-index:99;
    color:#000000;
    background:#FFFFFF;
    display:flex;
    justify-content:center;
    border-radius:5px 5px 0 0;
    right:10px;
    overflow:auto;
    margin:0 auto;
    padding-bottom:8px;
    box-shadow:inset 0 -7px 9px -7px rgba(0,0,0,0.4);
}

#jrsmiley-container {
    width:100%;
    padding:10px;
}

#jrsmiley-image-box {
    padding:10px;
    text-align:center;
}

#jrchat_smiley_button {
    position:absolute;
    right:40px;
}

#jrsmiley-category-box {
    width:100%;
    margin-top:10px;
}

.jrsmiley-categories {
    margin:0 auto;
}

.jrsmiley-categories ul {
    margin:0 auto;
    padding:0;
}

.jrsmiley-category {
    background:#EEEEEE;
    color:#000000;
    text-transform:capitalize;
    display:block;
    float:left;
    padding:3px;
    border-radius:3px;
    font-size:13px;
    width:48%;
    margin:3px;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
}

.jrsmiley-category a {
    color:#000000;
}

.jrsmiley-category a:hover {
    color:#000000;
}

.smiley_set_bar li.active,
.smiley_set_bar li a:hover {
    color:#FFFFFF;
    background:transparent url("https://mediaistream.com/modules/jrSmiley/img/over.jpg") no-repeat top right;
}

.smiley_icon {
    display:none;
}

.jrsmiley_set_icon img {
    margin:0 1px 3px 1px;
}

.jrsmiley_category {
    background:#999999;
}

.jrsmiley-sets img {
    margin:0 3px 4px 0;
}



/* modules/jrSubscribe/css/jrSubscribe.css */


/* @title Subscription Plan Box */
/* @help The div that holds each subscription plan */
.sub-plan-box {
    min-height:335px;
    padding:8px;
    margin:5px 20px 20px 5px;
    border:1px solid #EDEDED;
    border-radius:8px;
    box-shadow:0 0 2px 0 #000;
}

/* @title Subscription Plan Box Header */
/* @help The header class inside each subscription plan box*/
.sub-header {
    background-color:#EDEDED;
    text-align:center;
    padding:10px;
    font-size:12px;
    font-weight:500;
    text-transform:capitalize;
    white-space:nowrap;
    color:#000;
}

/* @title Subscription Header H2 */
/* @help The subscription header H2 element */
.sub-header h2 {
    color:#000;
}

/* @title Subscription Plan Features */
/* @help The div that holds the features for each subscription plan */
.sub-features {
    font-size:13px;
    padding:10px;
    font-variant:small-caps;
}

.sub-features ul {
    list-style:circle inside url('https://mediaistream.com/image/img/module/jrSubscribe/checkmark_green.png');
    font-variant:normal;
}

.sub-features ul li {
    font-size:14px;
    padding:5px;
    margin-left:-40px;
}

.sub-features li:nth-child(odd) {
    background-color:#EDEDED;
    box-shadow:0 0 1px #999;
    padding:5px;
    color:#000;
}

/* @title Subscription Plan Price */
/* @help The div that holds the price for each subscription plan */
.sub-price {
    text-align:center;
    font-size:13px;
    padding:10px;
}

/* @title Subscription Plan Price H4 */
/* @help The H4 element for the subscription price */
.sub-price h4 {
    font-size:14px;
    font-weight:bold;
}

#sub-price-modal {
    width:300px;
    height:80px;
}

#sub-price-message {
    display:inline-block;
    margin:0 0 10px 5px;
}

#sub-price-text {
    width:150px;
}

@media handheld,only screen and (max-width:767px) {

    .subscription-header h2 {
        font-size:18px;
    }

}



/* modules/jrSupport/css/jrSupport.css */


.jrsupport-entry {
    padding:10px;
    display:table-cell
}

.jrsupport-entry a:hover {
    text-decoration:none !important;
}

.form_button_support {
    width:150px;
}


/* modules/jrTags/css/jrTags.css */


.tag_name_box {
    float:left;
    width:unset;
    background-color:#FFF;
    border-width:1px;
    border-color:#999;
    border-style:solid;
    border-radius:5px;
    padding:3px 6px 6px 6px;
    margin:6px 6px 0 0;
    font-size:12px;
    text-transform:uppercase;
}

.tag_name_box a {
    text-decoration:none;
}

.tag_name_box:hover {
    background-color:#EEE;
}

#tag_holder {
    position:relative;
    margin:0 auto;
    text-align:center;
}

#tag_form_box {
    padding:12px 0 0 3px;
}

#tag_text {
    margin:0;
    width:200px;
}

#tag_submit {
    margin-top:0;
}

#tag_cloud {
    background-color:#DDD;
    color:#000;
    border-radius:5px 5px 0 0; 
}

#tag_cloud:hover {
    background-color:#444;
    color:#FFF;
}

#tag_cloud_button a {
    text-decoration:none;
}

#profile_tag_cloud {
    display:inline-block;
}

.tag_name_box_small {
    float:left;
    background-color:#FFF;
    border-width:1px;
    border-color:#999;
    border-style:solid;
    border-radius:4px;
    padding:2px 5px 2px 5px;
    margin:4px 4px 0 0;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:monospace;
}

/* tags hidden by default */
.row_tag_list {
    display:none;
}

.tagit li.tag {
    background:#DDD;
    border:0;
    border-radius:4px;
    padding:3px 6px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}

li.tagit-edit-handle {
    width:100%;
}

li input.no-style {
    width:100%;
}

.tagit-edit-handle .no-style {
    font-family:inherit;
}

#tag_message {
    padding:5px 10px;
    display:none;
    border-radius:5px;
}

/* modules/jrTags/contrib/jqcloud/jqcloud.css */


/* fonts */

div.jqcloud {
  font-family:inherit;
  font-size:12px;
  line-height:normal;
}

div.jqcloud a {
  font-size:inherit;
  text-decoration:none;
}

div.jqcloud span.w10 { font-size:550%; }
div.jqcloud span.w9 { font-size:500%; }
div.jqcloud span.w8 { font-size:450%; }
div.jqcloud span.w7 { font-size:400%; }
div.jqcloud span.w6 { font-size:350%; }
div.jqcloud span.w5 { font-size:300%; }
div.jqcloud span.w4 { font-size:250%; }
div.jqcloud span.w3 { font-size:200%; }
div.jqcloud span.w2 { font-size:150%; }
div.jqcloud span.w1 { font-size:100%; }

/* colors */

div.jqcloud { color:#09f; }
div.jqcloud a { color:inherit; }
div.jqcloud a:hover { color:#0df; }
div.jqcloud a:hover { color:#0cf; }
div.jqcloud span.w10 { color:#0cf; }
div.jqcloud span.w9 { color:#0cf; }
div.jqcloud span.w8 { color:#0cf; }
div.jqcloud span.w7 { color:#39d; }
div.jqcloud span.w6 { color:#90c5f0; }
div.jqcloud span.w5 { color:#90a0dd; }
div.jqcloud span.w4 { color:#90c5f0; }
div.jqcloud span.w3 { color:#a0ddff; }
div.jqcloud span.w2 { color:#99ccee; }
div.jqcloud span.w1 { color:#aab5f0; }

/* layout */

div.jqcloud {
  overflow:hidden;
  position:relative;
}

div.jqcloud span { padding:0; }



/* modules/jrTicket/css/jrTicket.css */


.ticket_user_cell {
    padding:16px !important;
    vertical-align:top;
    text-align:center !important;
    word-break:break-all;
}

.ticket_byline {
    font-size:11px;
}

.page_table_row.ticket_status_change,
.page_table_row_alt.ticket_status_change {
    background-color:#EEE;
}

.page_table_row.ticket_status_change .page_table_cell,
.page_table_row_alt.ticket_status_change .page_table_cell {
    font-size:12px;
}

.ticket_update_cell {
    padding:16px !important;
    vertical-align:top;
    font-size:14px !important;
    word-break:break-word;
}

.ticket_text {
    min-width:100%;
    max-width:1100px;
    overflow:auto;
}

.ticket_previous_text {
    background:#EEE;
    border-radius:5px;
    padding:10px;
}

.ticket_update_cell a {
    text-decoration:underline;
}

.ticket_attachment:first-of-type {
    margin-top:30px;
    border-top:1px solid #EEE;
}

.ticket_attachment {
    color:#000;
    padding:10px 0 0 0;
    font-size:13px;
}

.ticket_attachment img {
    margin-right:10px;
}

.ticket_high_priority {
    background-color:#FFE680 !important;
}

.ticket_delete_btn {
    text-align:right;
}

.ticket_follow_box {
    position:inherit;
    width:340px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

#ticket_follow_button {
    text-decoration:none;
}

.ticket-browse-icons {
    float:right;
}

.ticket-browse-icons .sprite_icon {
    background:transparent !important;
    border:0;
    cursor:default;
    margin-left:4px;
}

.ticket-browse-icons .sprite_icon:hover {
    background:transparent !important;
    border:0;
    cursor:default;
}

.page_banner_right .sprite_icon {
    margin-left:3px;
}

#ticket-divider {
    display:inline-block;
    margin:0 6px 0 9px;
}

.ticket-slim-header {
    height:0 !important;
    padding:0 !important;
}

.ticket_issue_tracker_notice {
    text-align:left;
}

#ticket_tracker_modal {
    width:auto;
    box-sizing:border-box;
    position:relative;
}

#ticket-tpl-delete {
    display:none;
}

#move-mailboxes {
    width:300px;
    display:none;
    box-sizing:border-box;
    position:relative;
    text-align:center;
}

#move-mailboxes-title {
    display:inline-block;
    margin-bottom:10px;
}

.mailbox-move-button {
    display:inline-block;
    width:80%;
    margin-bottom:10px;
}

@media handheld,only screen and (max-width:767px) {
    .ticket_user_cell {
        padding:2px !important;
    }
}

#ticket_note_box {
    width:750px;
    height:auto;
    overflow-x:hidden;
    overflow-y:auto;
}

#ticket_note_box .page_content {
    padding:10px;
}

#ticket-notes-modal {
    padding:20px;
}

#ticket-existing-notes {
    padding:10px 5px;
}

.ticket-note-user {
    width:10%;
    padding:0 5px 10px 5px;
    display:table-cell;
    vertical-align:top;
}

.ticket-note-text {
    width:90%;
    display:table-cell;
    vertical-align:top;
    padding:0 0 20px 10px;
}

.ticket-note-sub-text {
    display:inline-block;
    font-size:11px;
    margin-bottom:10px;
}

.ticket-note-user-img {
    width:72px;
}

#ticket-notes-close {
    position:absolute;
    bottom:20px;
    right:20px;
}

#ticket-select-owner {
    background:#EEE;
    width:350px;
    height:auto;
    padding-top:10px;
    border-radius:5px;
}

.ticket-owner-row {
    padding:5px;
    margin:0 10px;
}

.ticket-owner-row img {
    vertical-align:middle;
}

.ticket-owner-row input {
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    padding:5px 8px;
}

.ticket-block-sender {
    margin-top:8px;
}

#ticket-note-text {
    box-sizing:border-box;
    height:64px;
    width:100%;
    margin:0;
}

#ticket_follow_drop {
    text-align:center;
    width:220px;
}

.ticket-dbg td {
    background:#E6FFCD;
    border-top:2px solid #CF9;
    border-bottom:2px solid #CF9;
}

.ticket-dbg td:first-child {
    border:2px solid #CF9;
    border-right:0;
    border-radius:5px 0 0 5px;
}

.ticket-dbg td:last-child {
    border:2px solid #CF9;
    border-left:0;
    border-radius:0 5px 5px 0;
}

.ticket-min td {
    background:#FF9;
    border-top:2px solid #D9D982;
    border-bottom:2px solid #D9D982;
}

.ticket-min td:first-child {
    border:2px solid #D9D982;
    border-right:0;
    border-radius:5px 0 0 5px;
}

.ticket-min td:last-child {
    border:2px solid #D9D982;
    border-left:0;
    border-radius:0 5px 5px 0;
}

.ticket-maj td {
    background:#F93;
    border-top:2px solid #D9822B;
    border-bottom:2px solid #D9822B;
}

.ticket-maj td:first-child {
    border:2px solid #D9822B;
    border-right:0;
    border-radius:5px 0 0 5px;
}

.ticket-maj td:last-child {
    border:2px solid #D9822B;
    border-left:0;
    border-radius:0 5px 5px 0;
}

.ticket-cri td {
    background:#F63;
    border-top:2px solid #D9572B;
    border-bottom:2px solid #D9572B;
}

.ticket-cri td:first-child {
    border:2px solid #D9572B;
    border-right:0;
    border-radius:5px 0 0 5px;
}

.ticket-cri td:last-child {
    border:2px solid #D9572B;
    border-left:0;
    border-radius:0 5px 5px 0;
}

#ticket_status_select,
#ticket_staff_select {
    width:140px;
}

.ticket_status_section {
    background:unset !important;
    width:126px !important;
    padding:3px !important;
    margin:0 !important;
    text-align:center;
    font-size:13px !important;
    color:#000;
    border:1px solid #EEE;
    cursor:pointer;
}

.ticket_status_section_open {
    background-color:#FFF !important;
    border-color:#DDD !important;
}

.ticket_status_section_waiting_for_reply {
    background-color:#F93 !important;
    border-color:#D9822B !important;
}

.ticket_status_section_testing {
    background-color:#ADF !important;
    border-color:#91BCD9 !important;
}

.ticket_status_section_followup {
    background-color:#FD0 !important;
    border-color:#D9BC00 !important;
}

.ticket_status_section_needs_call {
    background-color:#DDAFF8 !important;
    border-color:#BC95D3 !important;
}

.ticket_status_section_closed {
    background-color:#EEE !important;
    border-color:#DDD !important;
}

#ticket_status_default_selector_closed {
    height:22px;
    padding:10px 20px 0 20px;
}

.ticket-tag {
    word-break:normal;
    white-space:nowrap;
    width:unset;
    background:#FFF;
    color:#000;
    border:1px solid #DDD;
    border-radius:5px;
    padding:1px 3px 0 3px;
    margin:0 1px 0 0;
    font-size:8px;
    text-transform:uppercase;
    float:left;
}

.ticket-tag a {
    color:#000 !important;
}

.ticket-action-table {
    background-color:transparent !important;
    border-spacing:0 !important;
    margin-bottom:0 !important;
    border-radius:5px;
}

@media handheld,only screen and (max-width:767px),(orientation:portrait) {

    #ticket_tracker_modal {
        width:300px;
    }
}

/* modules/jrTips/css/jrTips.css */


.tour-list {
    margin:24px 0 0 0;
    padding:0;
    padding-top:12px;
}

.tour-stop {
    position:absolute;
    bottom:8px;
    right:10px;
    font-size:9px;
}

.tour-stop a {
    color:#BBBBBB !important;
    text-decoration:none !important;
}

.tour-stop a:hover {
    color:#333333 !important;
    text-decoration:none !important;
}

/* @title Tour popup URLs */
/* @help Controls the font in the Tour modal popups */
.tour-extra {
    position:absolute;
    bottom:8px;
    left:10px;
    margin:2px;
    padding:0;
    list-style:none;
    font-size:13px;
    line-height:20px;
}

.tour-extra a {
    color:#000000;
}

.tour-close {
    display:none;
    margin-top:12px;
}

.tour-img {
    vertical-align:middle;
}


/* modules/jrTracker/css/jrTracker.css */


.tracker_item_key {
    display:inline-block;
    width:95px;
    color:#999;
    text-align:right;
}

.tracker_item_key_small {
    display:inline-block;
    width:60px;
    color:#999;
    text-align:right;
    font-size:10px;
    text-transform:capitalize;
}

.status_section {
    line-height:12px;
    width:110px;
    display:inline-block;
    vertical-align:middle;
    border-radius:3px;
    text-align:center;
    color:#000;
    text-transform:uppercase;
    font-size:10px;
    padding:4px 4px 3px 4px;
    border:1px solid #EEE;
}

.status_section_open {
    background-color:#FFF !important;
    border:1px solid #DDD;
}

.status_section_burner {
    background-color:#EEE !important;
    border:1px solid #666;
}

.status_section_in_progress {
    background-color:#CF9 !important;
    border:1px solid #ADD982;
}

.status_section_pending {
    background-color:#F93 !important;
    border:1px solid #D9822B;
}

.status_section_closed {
    background-color:#EEE !important;
    border:1px solid #DDD;
}

.status_section_testing {
    background-color:#ADF !important;
    border:1px solid #91BCD9;
}

.status_section_release {
    background-color:#FD0 !important;
    border:1px solid #D9BC00;
}

.status_section_postrelease {
    background-color:#DDAFF8 !important;
    border:1px solid #BC95D3;
}

.status_section_releasedelay {
    background-color:#FFF !important;
    border:1px solid #D9BC00;
}

.status_section_completed {
    background-color:#CF9 !important;
    border:1px solid #ADD982;
}

.status_section_delayed {
    background-color:#FFF !important;
    border:1px solid #D9822B;
}

.status_section_blocked {
    background-color:#FFF !important;
    border:1px solid #D9822B;
}

.status_section_private {
    background-color:#FD0 !important;
    border:1px solid #D9BC00;
}

.filter_box {
    float:left;
    background-color:#EEE;
    border-radius:3px;
    padding:6px 12px;
    margin:3px;
    font-size:14px;
}

.filter_box a {
    text-decoration:none;
}

.filter_box:hover {
    background-color:#EEE;
}

.comment_private {
    border:3px solid #FD0 !important;
    border-radius:3px;
}

.status_private {
    height:18px;
    line-height:18px;
    width:60px;
    display:inline-block;
    vertical-align:middle;
    background:#FD0;
    border-radius:3px;
    text-align:center;
    color:#000;
    text-transform:uppercase;
    font-size:12px;
}

.tracker_attachment {
    margin:20px 12px;
    background-color:#EEE;
    border:1px solid #CCC;
    border-radius:4px;
    padding:6px
}

.tracker_follow_box {
    position:inherit;
    width:340px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

.tracker_vote_section {
    border-top:1px solid #EEE;
    font-size:16px;
    padding:16px 12px;
}

.tracker_vote_button {
    margin-top:12px !important;
}

#tracker-status-sel {
    width:120px;
}

#tracker-resolution {
    width:460px;
    box-sizing:border-box;
    position:relative;
}

#tracker-resolution-txt {
    width:100%;
}

#tracker-select-owner {
    background:#EEE;
    width:350px;
    height:auto;
    padding:20px;
    border-radius:5px;
}

.tracker-owner-row {
    margin:3px 0;
}

.tracker-owner-row img {
    vertical-align:middle;
    width:28px;
    height:28px;
}

.tracker-owner-row input {
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    padding:5px 8px;
}

#tracker-report-table {
    margin-top:10px;
}

#tracker-report-modal {
    background:#FFF;
    padding:10px;
    border-radius:4px;
    width:700px;
    height:auto;
}

#tracker_status_select {
    width:150px;
}

#tracker-tpl-delete {
    display:none;
}

.tracker-title-seen {
    font-weight:normal;
}

.tracker-tag {
    width:unset;
    background:#FFF;
    color:#000;
    border:1px solid #DDD;
    border-radius:3px;
    padding:1px 3px 0 3px;
    margin:0 1px 0 0;
    font-size:8px;
    text-transform:uppercase;
}

.tracker-tag a {
    color:#000 !important;
}


/* modules/jrUnitTest/css/jrUnitTest.css */


.ut-table {
    display:table;
    width:100%;
}

.ut-row-func {
    font-weight:bold;
    display:table-row;
    cursor:pointer;
}

.ut-row {
    display:none;
}

.ut-row-s {
    display:table-row;
}

.ut-coverage-box {
    max-height:600px;
    overflow:auto;
}

.ut-line-num {
    display:table-cell;
    opacity:0.5;
    width:5%;
    font-family:"Roboto Mono",monospace;
    padding:1px 3px;
    text-align:center;
}

.ut-cover-line {
    display:table-cell;
    width:95%;
    font-family:"Roboto Mono",monospace;
    padding:1px;
    font-size:12px;
    overflow:auto;
    white-space:pre-wrap;
}

.ut-comment {
    opacity:0.5;
}


/* modules/jrUpimg/css/slider.css */


/*! http://responsiveslides.com v1.32 by @viljamis */

#swrapper {
    padding:26px 0 20px 0;
    margin:0 auto;
}

.upimg_rslides {
    position:relative;
    list-style:none;
    overflow:hidden;
    height:auto;
    padding:0;
    margin:0 auto;
}

.upimg_rslidesli {
    position:absolute;
    display:none;
    height:auto;
    left:0;
    top:0;
    margin:0 auto;
}

.upimg_rslidesli:first-child {
    position:relative;
    display:block;
    float:left;
    margin:0 auto;
}

.upimg_rslidesimg {
    display:block;
    height:auto;
    float:left;
    border:0;
    margin:0 auto;
}

.upimg_rslides {
    margin:0 auto;
}

#slider2 {
    box-shadow:none;
    margin:0 auto;
}

.upimg_rslides_tabs {
    background-color:#EEE;
    list-style:none;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:0;
    font-size:12px;
    margin:0 auto;
    text-align:center;
}

.upimg_rslides_tabs li {
    display:inline;
    float:none;
}

.upimg_rslides_tabs a {
    width:auto;
    line-height:20px;
    padding:3px 5px;
    height:auto;
    background:transparent;
    display:inline;
    color:#000;
}

.upimg_rslides_tabs li:first-child {
    margin-left:0;
}

.upimg_rslides_tabs .upimg_rslides_here a {
    background:#FFF;
    color:#000;
    font-weight:bold;
}

/* Callback example */

.events {
    list-style:none;
}

.callbacks_container {
    margin-bottom:10px;
    position:relative;
    float:left;
    width:100%;
}

.callbacks {
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}

.callbacks li {
    position:absolute;
    width:100%;
    left:0;
    top:0;
}

.callbacks img {
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}

.callbacks .caption {
    display:block;
    position:absolute;
    z-index:2;
    font-size:18px;
    text-shadow:none;
    color:#FFF;
    background:#000;
    background:rgba(0,0,0,.8);
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px;
    margin:0;
    max-width:none;
    border-top-width:2px;
    border-top-style:solid;
    border-top-color:#EEE;
}

.callbacks_nav {
    position:absolute;
    top:52%;
    left:0;
    opacity:0.5;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url("https://mediaistream.com/image/img/module/jrUpimg/themes.gif") no-repeat left top;
    margin-top:-45px;
}

.callbacks_nav:active {
    opacity:1.0;
}

.callbacks_nav.next {
    left:auto;
    background-position:right top;
    right:0;
}


/* modules/jrUrlScan/css/jrUrlScan.css */


#urlscan_target {
    margin-top:5px;
    padding:5px;
    display:none;
}

#urlscan-player-div {
    display:none;
}

.urlscan_card {
    border:1px solid #EEE;
    border-radius:3px;
    padding:10px;
}

.action .urlscan_card {
    border:none;
    border-radius:0;
    padding:0;
}

.urlscan_card h2 {
    margin:0 0 10px;
}

#urlscan_loading {
    display:block;
    margin:6px auto;
}

.urlscan_card_load {
    display:block;
    background:#EEE;
    padding:4px 8px;
    border-radius:3px;
    cursor:pointer;
    text-decoration:none;
}

/* modules/jrUser/css/jrUser.css */


.online_status_table {
    display:table;
    width:100%;
}

/* @title Online Status Image */
/* @help Cell class for image area in Online Status for an individual User */
.online_status_image {
    display:table-cell;
    width:10%;
    padding:6px;
}

/* @title Online Status User */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user {
    display:table-cell;
    width:80%;
    vertical-align:middle;
    padding:2px 6px;
}

/* @title Online Status User Anchor */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user a {
    color:#000;
}

/* @title User is Online */
/* @help Class for small ONLINE box that shows when the user is actually online */
.online_status_online {
    background-color:#CF9;
    color:#000;
    display:inline-block;
    width:100%;
    border-radius:2px;
}

/* @title User is Offline */
/* @help Class for small OFFLINE box that shows when the user is not online */
.online_status_offline {
    color:#000;
    display:inline-block;
    width:100%;
    border-radius:2px;
}

/* @title Widget Font Size */
/* @help sets the label font size for the Login and Signup widgets */
.widget-item-widget_login {
    font-size:12px !important;
}

#user-notification-select {
    margin:10px 6px !important;
    width:35% !important;
    text-transform:capitalize;
}

.user_notification_left {
    width:35% !important;
    padding:20px !important;
}

.element_left.user_notification_left.expanded {
    text-align:justify;
}

.user_notification_right {
    width:65% !important;
    padding:20px !important;
}

.user_notification_right span {
    display:block;
}

.user_notification_right input {
    margin:3px 6px 3px 3px;
    vertical-align:bottom;
}

#jrUser_account input[readonly="readonly"] {
    background:inherit;
    color:inherit;
}

.user-delete-modal {
    text-align:center;
    width:290px;
    padding:20px;
}

.user-delete-modal input {
    width:250px;
    display:inline-block;
    margin:10px 20px;
}

.new_login {
    margin:50px auto;
    text-align:center;
    max-width:360px;
    height:auto;
    background:white;
    border-radius:8px;
    padding:2em 0 1em;
    box-shadow:0 0 20px #BBB;
}

.new_login .form_text {
    box-sizing:border-box;
    background:white;
    padding:7px 10px;
    border-radius:8px;
    color:#333;
    width:290px;
    box-shadow:none;
    border:2px solid #AAA;
}

.new_login .form_select {
    box-sizing:border-box;
    padding:7px 10px;
    border-radius:8px;
    color:#333;
    width:290px;
    box-shadow:none;
    border:2px solid #AAA;
}

.form_text_wrap {
    position:relative;
    width:300px;
    margin:6px auto;
}

.form_text_wrap.password {
    margin:10px auto 0;
}

.login_button {
    background:#333 linear-gradient(#444,#222);
    height:40px;
    width:100%;
    border:none;
    cursor:pointer;
    border-radius:10px;
    margin:10px 0;
    color:white;
    font-size:16px;
    max-width:292px;
}

.login_button:disabled {
    opacity:0.6;
}

.new_login h2 {
    display:block;
    margin-bottom:12px;
    color:#333;
}

.login_forgot {
    padding:1em;
    border-top:1px solid #999;
    width:270px;
    margin:auto;
}

.login_forgot a {
    color:#888;
    font-size:16px;
}

.new_login .form_text:focus {
    border:2px solid #333;
}

.new_login .form_submit_section {
    padding:16px;
    background:none;
}

.signup_button {
    background:#EEE linear-gradient(#444,#222);
    color:white;
    padding:12px;
    width:90%;
    border:none;
    border-radius:10px;
    font-size:16px;
    text-transform:capitalize;
    cursor:pointer;
}

.form_text_wrap.left {
    text-align:left;
    padding:12px 0 0;
}

.new_login .page_notice {
    margin:10px;
}

.form_capitalize {
    text-transform:capitalize;
}

#account-tabs-profile-button {
    text-transform:none;
}

.u-view-keys {
    display:none;
}

.index_form .form_text {
    box-sizing:border-box;
    width:100%;
}

.new_login .form_text {
    width:auto;
    min-width:290px;
    height:36px;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    .new_login {
        border-radius:0;
        margin-top:0;
        margin-bottom:0;
    }
}

/* modules/jrYouTube/css/jrYouTube.css */


/* from this tutorial http://www.labnol.org/internet/light-youtube-embeds/27941/ */
.youtube-container {
    display:block;
    margin:0 auto;
    width:100%;
    max-width:600px;
}

.youtube-player {
    display:block;
    width:100%; /* assuming that the video has a 16:9 ratio */
    padding-bottom:56.25%;
    overflow:hidden;
    position:relative;
    height:100%;
    cursor:pointer;
}

img.youtube-thumb {
    bottom:0;
    display:block;
    left:0;
    margin:auto;
    max-width:100%;
    width:100%;
    position:absolute;
    right:0;
    top:0;
    height:auto
}

.youtube-play-button {
    height:51px;
    width:72px;
    left:50%;
    top:50%;
    margin-left:-36px;
    margin-top:-36px;
    position:absolute;
    background:url("https://mediaistream.com/image/img/module/jrYouTube/play.png") no-repeat;
}

.youtube-iframe {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border:0;
}

/* modules/misMedia/css/perfect-scrollbar.css */


/*
 * Container style
 */
.ps {
  overflow:hidden !important;
  overflow-anchor:none;
  -ms-overflow-style:none;
  touch-action:auto;
  -ms-touch-action:auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display:none;
  opacity:0;
  transition:background-color .2s linear,opacity .2s linear;
  -webkit-transition:background-color .2s linear,opacity .2s linear;
  height:15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom:0px;
  /* please don't change 'position' */
  position:absolute;
}

.ps__rail-y {
  display:none;
  opacity:0;
  transition:background-color .2s linear,opacity .2s linear;
  -webkit-transition:background-color .2s linear,opacity .2s linear;
  width:15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right:0;
  /* please don't change 'position' */
  position:absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display:block;
  background-color:transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity:0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color:#eee;
  opacity:0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color:#aaa;
  border-radius:6px;
  transition:background-color .2s linear,height .2s ease-in-out;
  -webkit-transition:background-color .2s linear,height .2s ease-in-out;
  height:6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom:2px;
  /* please don't change 'position' */
  position:absolute;
}

.ps__thumb-y {
  background-color:#aaa;
  border-radius:6px;
  transition:background-color .2s linear,width .2s ease-in-out;
  -webkit-transition:background-color .2s linear,width .2s ease-in-out;
  width:6px;
  /* there must be 'right' for ps__thumb-y */
  right:2px;
  /* please don't change 'position' */
  position:absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color:#999;
  height:11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color:#999;
  width:11px;
}

/* MS supports */
@supports (-ms-overflow-style:none) {
  .ps {
    overflow:auto !important;
  }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .ps {
    overflow:auto !important;
  }
}


/* modules/misMedia/css/_global.css */


.hap-music-player,
.hap-music-player * {
    line-height:normal;
}
.hap-music-player{
    direction:ltr;
}
.hap-music-player{
    position:relative;
    max-width:none;
    margin:0 auto;
}

.hap-music-player canvas{
    max-width:none!important; 
}

[dir=rtl] .hap-playlist-item-wrap{
    direction:rtl;
}


.hap-btn-reset{
    color:inherit;
    background-color:transparent;
    padding:0;
    margin:0;
    float:none;
    line-height:1em;
    list-style:none;
    text-transform:none;
    vertical-align:baseline;
    border:0;
    font-variant:inherit;
    font-stretch:inherit;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    font-weight:normal;
    letter-spacing:normal;
    text-decoration:none;
    text-indent:0;
    text-shadow:none;
}
@media (hover:hover) {
    .hap-btn-reset:hover{
        text-decoration:none;
        background-color:transparent;
    }
}



/* share */

.hap-share-container{
    display:flex;
    flex-direction:row;
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
    margin-bottom:10px;
}


.hap-share-item{
    position:relative;
    width:40px;
    height:40px;
    text-align:center;
    float:left;
    margin-right:5px;
    flex-shrink:0;
}

.hap-share-item[data-type="facebook"] svg{
    color:#3b5998!important;
}
.hap-share-item[data-type="twitter"] svg{
    color:#00aced!important;
}
.hap-share-item[data-type="tumblr"] svg{
    color:#34526f!important;
}
.hap-share-item[data-type="whatsapp"] svg{
    color:#25D366!important;
}
.hap-share-item[data-type="linkedin"] svg{
    color:#007bb6!important;
}
.hap-share-item[data-type="reddit"] svg{
    color:#FF4301!important;
}
.hap-share-item[data-type="digg"] svg{
    color:#005be2!important;
}
.hap-share-item[data-type="pinterest"] svg{
    color:#cb2027!important;
}
.hap-share-item[data-type="email"] svg{
    color:#dfdfdf!important;
}
.hap-share-item[data-type="sms"] svg{
    color:#f8ea73!important;
}


/* range */

.hap-range-handle-a,
.hap-range-handle-b{
    position:absolute;
    width:0;
    height:20px;
}
.hap-range-handle-a{
    left:0;
}
.hap-range-handle-b{
    right:0;
    top:-20px;
}
.hap-range-handle-a-hit{
    position:absolute;
    top:5px;
    left:0; 
    cursor:grab;
    transition:color 0.3s ease-out;
    width:0;
    height:0;
    border-bottom:30px solid;
    border-right:30px solid transparent;
}
.hap-range-handle-b-hit{
    position:absolute;
    top:-10px;
    right:0; 
    cursor:grab;
    transition:color 0.3s ease-out;
    width:0;
    height:0;
    border-top:30px solid;
    border-left:30px solid transparent;
}
.hap-range-handle-a-hit-bg,
.hap-range-handle-b-hit-bg{
    position:absolute;
    width:40px;
    height:30px;
    background:red;
    opacity:0;
}
.hap-range-handle-a-hit-bg{
    left:-5px;
    top:0;
}
.hap-range-handle-b-hit-bg{
    left:-35px;
    top:-31px;
}
.hap-range-wrap{
    display:flex;
    flex-direction:row;
    height:100%;
    align-items:center;
    justify-content:center;
}
.hap-range-min-time,
.hap-range-max-time{
    font-size:13px;
    pointer-events:none;
    user-select:none;
    width:75px;
}
.hap-range-min-time{
    text-align:end;
    padding-right:5px;
}
.hap-range-max-time{
    padding-left:5px;
}
.hap-range-seekbar{
    max-width:400px;
    width:calc(100% - 100px);
    height:30px;
    position:relative;
    touch-action:none;
}
.hap-range-bg{
    position:absolute;
    top:14px;
    left:10px;
    width:calc(100% - 20px);
    height:1px;
}
.hap-range-level{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
}
.hap-range-drag{
    position:relative;
    top:-9px;
    width:22px;
    height:22px;
    border-radius:100%;
    -webkit-transform:scale( 0.5 );
    transform:scale( 0.5 );
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;    
    box-sizing:border-box;    
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
    float:right;
    margin-right:-9px;
}
@media (hover:hover) {
    .hap-range-drag:hover{
        transform:scale(1);
    }
}
.hap-range-drag:active {
    transform:scale(1);
}




/* embed */
.hap-embed-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);   
    z-index:10;
    max-width:500px;
    width:100%;
    display:none;
    max-height:220px;
    height:100%;
    overflow:hidden;
}
.hap-embed-holder-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;  
    width:80%;
    height:90%;
}
.hap-embed-data{
    width:100%;
    height:100%;
    position:relative;
}
.hap-embed-box{
    display:flex;
}
.hap-embed-field-wrap{
    display:flex;
    align-items:center;
    position:relative;
    margin:0;
    line-height:normal;
    white-space:nowrap;
    overflow:hidden;
    width:100%;
    font-size:12px;
    padding:5px;
    color:#999;
    border-radius:3px;
    border:1px solid #e6e6e6;
    box-sizing:border-box;
}
.hap-embed-title{
    font-size:18px;
    margin:10px 0;
    color:#efefef;
}
.hap-share-copy,
.hap-embed-copy{
    display:inline-block;
    padding:8px 12px!important;
    font-size:13px;
    cursor:pointer;
    float:right;
    align-self:flex-start;
    margin-left:5px;
    margin-right:5px;
    white-space:nowrap;
    background:#fff;
    color:#555;
    border-radius:3px;
    transition:opacity 0.3s ease-out; 
}


.hap-share-copy,.hap-embed-copy {
    border-radius:0;
}





/* pwd */
.hap-pwd-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:99999999;
    width:100%;
    display:none;
    max-width:500px;
    width:100%;
    max-height:200px;
}
.hap-pwd-holder-wrap{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    background:#ffffff9c;
}
.hap-pwd-holder-inner{
    position:relative;
    /*max-width:90%;
    max-height:90%;*/
    overflow:auto;
    box-shadow:0 0 8px rgb(0 0 0 / 10%);
}
.hap-pwd-data{
    position:relative;
    width:100%;
    overflow:auto;
    padding:20px 60px 20px 40px;
    box-sizing:border-box;
}
.hap-pwd-inner{
    position:relative;
    height:100%;
    box-sizing:border-box;
}
.hap-pwd-box{
    display:flex;
}
.hap-pwd-field-wrap{
    position:relative;
    margin:0;
    line-height:1.2;
    word-wrap:break-word;
    min-width:200px;
    width:100%;
}
.hap-pwd-field{
    position:absolute;
    left:0;
    top:0;
    height:100%!important;
    width:100%!important;
    padding:0 0 0 5px!important;
    font-size:13px!important;
    margin:0!important;
    box-shadow:none!important;
    line-height:1!important;
    box-sizing:border-box;
    -webkit-text-security:disc;
}
.hap-pwd-field[type=password]{
    background:rgba(0,0,0,0)!important;
    border-radius:3px!important;
    border:1px solid #e6e6e6!important;
    margin:0!important;
    color:#999;
}
.hap-pwd-field::placeholder { 
    color:inherit!important;
}
.hap-pwd-title{
    font-size:22px;
    margin:10px 0;
    color:#222;
}

.hap-pwd-info{
    font-size:11px;
    margin:5px;
    display:flex;
    color:#aaa;
}
.hap-pwd-confirm{
    display:inline-block;
    padding:8px 14px!important;
    font-size:14px;
    cursor:pointer;
    float:right;
    align-self:flex-start;
    margin-left:5px;
    margin-right:5px;
    white-space:nowrap;
    line-height:1.2;
    background:#f3f3f3;
    color:#656565;
    border-radius:3px;
    transition:opacity 0.3s ease-out; 
}
@media (hover:hover) {
    .hap-pwd-confirm:hover{
        opacity:0.7;
    }
}
.hap-pwd-error{
    display:none;
}

.hap-lyrics-toggle{
    display:none;
}
.hap-video-toggle{
    display:none;
}






/* dialog */

.hap-dialog-header{
    position:relative;
    height:40px;
    width:100%;
    background:#666;
}
.hap-dialog-header-drag{
    position:relative;
    height:100%;
    width:calc(100% - 40px);
    touch-action:none;
    cursor:grab;
}
.hap-dialog{
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    display:none;
    background-color:#fff;
    box-shadow:rgb(135 135 135 / 32%) 0px 0px 11px;
}
.hap-dialog-content{
    position:relative;
    /*top:-1px;*/
}
.hap-playback-rate-holder,
.hap-share-holder{
    position:fixed;
    top:50%;
    left:50%;
    display:none;
    transform:translate(-50%,-50%);   
    z-index:10;
}
.hap-playback-rate-holder{
    height:70px;
    width:300px;
}
.hap-share-holder{
    max-height:150px;
    height:100%;
    overflow:hidden;
}
.hap-share-container::-webkit-scrollbar {
    height:5px; 
}
.hap-share-container::-webkit-scrollbar-thumb {
    background:#999;
}
.hap-share-container::-webkit-scrollbar-track {
    background:#e6e6e6;
}


.hap-range-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);   
    z-index:10;
    display:none;
    max-width:550px;
    width:100%;
    height:90px;
}
.hap-pwd-close,
.hap-embed-close,
.hap-playback-rate-close,
.hap-share-close,
.hap-range-close{
    position:absolute!important;
    width:34px!important;
    height:34px!important;
    top:0!important;
    right:0!important;
}
.hap-share-holder{
    max-width:700px;
    width:100%;
}
.hap-share-holder-inner{
    padding:20px 40px 20px 20px;
}
.hap-playback-rate-close i,
.hap-embed-close i,
.hap-share-close i,
.hap-pwd-close i,
.hap-range-close i,
.hap-dialog-close i{
    font-size:18px;
}
.hap-dialog-close{
    position:absolute!important;
    width:40px!important;
    height:40px!important;
    top:0!important;
    right:0!important;
}
.hap-dialog-close svg{ 
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:20px;
    fill:currentColor;
    transition:color .1s ease-out;
    /*color:#fff!important;*/
}
@media (hover:hover) {
    .hap-dialog-close:hover svg{ 
      /*  color:#fff!important;*/
    }
}









/* playback rate */

.hap-playback-rate-wrap{
    display:flex;
    flex-direction:row;
    height:100%;
    align-items:center;
    justify-content:center;
}
.hap-playback-rate-min,
.hap-playback-rate-max{
    font-size:16px;
    margin:0 5px;
    pointer-events:none;
}
.hap-playback-rate-holder{
    width:350px;
}
.hap-playback-rate-seekbar{
    width:200px;
    height:30px;
    position:relative;
    cursor:pointer;
    touch-action:none;
}
.hap-playback-rate-bg{
    position:absolute;
    top:15px;
    left:10px;
    width:180px;
    height:1px;
}
.hap-playback-rate-level{
    position:absolute;
    top:0;
    left:0;
    height:100%;
}
.hap-playback-rate-drag{
    position:relative;
    top:-9px;
    width:22px;
    height:22px;
    border-radius:100%;
    -webkit-transform:scale( 0.5 );
    transform:scale( 0.5 );
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;    
    box-sizing:border-box;    
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
    float:right;
    margin-right:-9px;
}
@media (hover:hover) {
    .hap-playback-rate-drag:hover{
        transform:scale(1);
    }
}
.hap-playback-rate-drag:active {
    transform:scale(1);
}


/* tooltip */

.hap-tooltip{
    position:absolute;
    text-align:center;
    z-index:99999999;
    pointer-events:none;
    display:none;
    font-size:12px!important;
    padding:2px 5px !important;
    line-height:20px !important;
    white-space:nowrap;
}


.hap-preloader {
    position:absolute;
    top:50%;
    left:50%;
    pointer-events:none;
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-34px;
    -webkit-animation:hap_preloader 1.2s infinite ease-in-out;
    animation:hap_preloader 1.2s infinite ease-in-out;
}

.hap-grid .hap-preloader {
    position:relative;
    top:auto;
    margin-top:auto;
}

@-webkit-keyframes hap_preloader {
    0% { -webkit-transform:perspective(120px) }
    50% { -webkit-transform:perspective(120px) rotateY(180deg) }
    100% { -webkit-transform:perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes hap_preloader {
    0% { 
        transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.hap-visible {
    opacity:1!important;
    transition:opacity 500ms ease-out;
}
.hap-invisible {
    opacity:0!important;
    transition:opacity 500ms ease-out;
}

.hap-music-player-force-hidden{
    opacity:0!important;
    pointer-events:none!important;
    left:-10000px!important;
}
.hap-force-hidden{
    display:none!important;
}

.hap-playlist-inner .mCSB_inside > .mCSB_container {
    margin-right:30px;
}




/* lyrics popup */
 .hap-dialog-force-hide{
    position:absolute!important;
    left:-10000px!important;
    opacity:0!important;
    pointer-events:none!important;
    display:block!important;
}
.hap-lyrics-holder{
    min-width:200px;
    min-height:200px;
    width:350px;
    display:none;
    opacity:0;
    transition:opacity 0.3s ease-out;
}
.hap-lyrics-holder-shown{
    opacity:1;
}
.hap-lyrics-holder .hap-dialog-content{
    padding-bottom:35px;
    box-sizing:content-box;
}
.hap-lyrics-holder .hap-dialog-header-drag{
    display:flex;
    align-items:center;
}
.hap-lyrics-autoscroll-label{
    color:#fff;
    font-size:16px;
    position:absolute;
    cursor:pointer;
    left:25px;
    top:11px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hap-lyrics-autoscroll{
    margin-top:0!important;
    margin-left:0!important;
    margin-bottom:0!important;
    margin-right:5px!important;
    width:13px!important;
    height:13px!important;
    border:0!important;
    appearance:checkbox !important;
}
.hap-lyrics-autoscroll:after {
    display:none!important;
}

.hap-lyrics-wrap{
    position:relative;
    overflow-y:auto;
    padding:0 25px;
    height:300px;
    min-height:150px;
}
.hap-lyrics-container{
    white-space:pre-wrap;
    font-size:16px;
    margin:1em 0;
    line-height:1.5em;
}
.hap-dialog-resizable{
    position:absolute;
    width:25px;
    height:22px;
    padding:5px 2px;
    bottom:0;
    right:0;
    cursor:nwse-resize;
    z-index:7777;
    background:transparent url(resize.png) no-repeat center center;
    touch-action:none;
}
.hap-lyrics-item {
    min-height:1.5em;
    cursor:pointer;
    color:#111;
}
@media (max-width:600px) { 
    .hap-lyrics-item {
        user-select:none;
    }
}
.hap-lyrics-item-active{
    background:#ff6;
}
@media (hover:hover) {
    .hap-lyrics-item:hover{
        background:#ff6;
    }
}
.hap-lyrics-wrap::-webkit-scrollbar {
    width:12px; 
    height:12px; 
}
.hap-lyrics-wrap::-webkit-scrollbar-thumb {
    background:#999;
}
.hap-lyrics-wrap::-webkit-scrollbar-track {
    background:#e6e6e6;
}


.hap-red{
    color:red;
}

/* video */

.hap-video-wrap{
    position:relative;
    overflow:hidden;
    width:320px;
    height:180px;
    display:flex;
    background:#111;
}
.hap-video{
    width:100%!important;
    max-height:100%!important;
    visibility:visible!important;
    max-width:none;
}
.hap-video-holder .hap-dialog-content{
    padding-bottom:35px;
    box-sizing:content-box;
}
.hap-video-blocker{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}




.hap-youtube-holder,
.hap-iframe-blocker{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}   
.hap-media{
    width:100%;
    height:100%;
    position:absolute;
    user-select:none;
    visibility:visible;
    top:0;
    left:0;
    max-width:none!important;
}


/* statistics */
.hap-stats{
    height:100%;
    line-height:1;
    display:flex;
    justify-content:space-around;
}
.hap-play-count,
.hap-like-count,
.hap-download-count{
    display:flex;
    flex:1;
    box-shadow:none;
    min-height:25px;
    cursor:pointer;
    border:none;
    margin:0 10px;
    align-items:center;
    color:inherit;
    text-decoration:none;
}
.hap-stat-icon svg{
    width:25px;
    height:15px;
    text-align:center;
    fill:currentColor;
}
.hap-stat-icon span{
    margin:0;
    padding:0;
    font-size:12px;
    pointer-events:none;
    flex-shrink:0;
}
.hap-stat-icon.hap-download-count{
    text-decoration:none;
}


/* playlist item */

.hap-playlist-default .hap-playlist-item{
    position:relative;
    top:0px;
    left:0px;
    font-size:16px;
    box-sizing:border-box; 
    overflow:hidden;
    padding:13px 0;
}

.hap-playlist-default .hap-playlist-item-wrap {
    flex:1;
    display:flex;
}

.hap-playlist-default .hap-playlist-item-content {
    flex:1;
    display:flex;
    align-items:center;
    overflow:hidden;
    margin-right:10px;
}
[dir=rtl] .hap-playlist-default .hap-playlist-item-content {
    margin-right:0;
    margin-left:10px;
}
.hap-playlist-default .hap-playlist-thumb{
    cursor:pointer;
    position:relative;
    top:0px;
    left:0px;
    height:40px;
    width:40px;
    flex-shrink:0;
    overflow:hidden;
    margin-right:10px;
}
.hap-playlist-default .hap-playlist-thumb .hap-thumbimg{
    position:relative;
    top:0px;
    left:0px;
    display:block;
    object-fit:cover;
    min-height:100%;
    height:auto;
    width:100%;
    max-width:none!important;
    opacity:0;
    -webkit-backface-visibility:hidden;
}
.hap-thumbimg{
    user-select:none;
}
.hap-playlist-default .hap-playlist-info{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    overflow:hidden;
    margin-right:10px;
}
.hap-playlist-default .hap-playlist-info2{
    position:relative;
    margin-left:auto;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    text-align:right;
}
.hap-playlist-default .hap-playlist-title-wrap{
    cursor:pointer;
    display:flex;
    flex-direction:row;
    align-items:baseline;
    flex-wrap:wrap;
}
.hap-playlist-default .hap-playlist-title-wrap .hap-playlist-title,
.hap-playlist-default .hap-playlist-title-wrap .hap-playlist-artist{
    display:inline;
}



.hap-playlist-default .hap-playlist-icons{
    display:flex;
    margin-left:auto;
}
.hap-playlist-item-multiline .hap-playlist-item-wrap{
    flex-direction:column;
}
.hap-playlist-item-multiline .hap-playlist-title-wrap{
    display:block;
}
.hap-playlist-item-multiline .hap-playlist-icons{
    margin-top:10px;
}

.hap-playlist-grid .hap-playlist-icons{
    display:flex;
}


/* read more */

.hap-playlist-description-read-more-btn{
    color:#ddd;
    cursor:pointer;
    white-space:nowrap;
}
@media (hover:hover) {
    .hap-playlist-description-read-more-btn:hover{
        text-decoration-line:underline;
    }
}
.hap-playlist-description-read-more-text{
    transition:height 0.5s ease-out;
}
.hap-playlist-description-read-more-text-hidden{
    display:none;
    height:0;
}


.hap-playlist-icon,
.hap-download,.hap-link{
    text-align:center;
    min-width:20px;
    margin:0 5px;
    border:0!important;
    box-shadow:none!important;
    display:flex;
    justify-content:center;
    flex-direction:column;
    position:relative;
    text-decoration:none;
}

/* playlist filter */

.hap-playlist-filter-msg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}
.hap-playlist-filter::placeholder { 
    color:inherit!important;
}
.hap-playlist-filter-msg span{
    position:relative;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:16px;
}

/* search */
.hap-search-filter { 
    font-size:13px!important;
    min-height:0!important;
}
.hap-search-filter::placeholder { 
    color:inherit!important;
}


.hap-playlist-options{
    display:none!important;
}



/* stats display frontend */

.hap-stat-wrap{
    background:#fff;
    padding:20px; 
}
.hap-stat-wrap-header{
    text-align:center;
    background:#0073aa;
    color:#fff;
    text-transform:uppercase;
}
.hap-stat-item{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.hap-stat-item-thumb-wrap{
    width:50px;
    margin-right:10px;
    padding:5px;
    position:relative;
}
.hap-stat-item-thumb{

}
.hap-stat-item-thumb img{
    width:100%;
}
.hap-stat-item-title a{
    text-decoration:none;
    border:0;
    box-shadow:none;
}
@media (hover:hover) {
    .hap-stat-item-title a:hover{
        text-decoration:underline;
    }
}
.hap-stat-item-play-count{
    margin-left:5px;  
    font-style:italic;
}
.hap-stat-item-active .hap-equaliser-container{
     opacity:1;
}




/*  playlist display frontend */

.hap-playlist-display-header{
    font-size:28px;
    text-align:center;
}
.hap-playlist-display-wrap-inner{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
}
.hap-playlist-display-item{
    position:relative;
    overflow:hidden;
    margin:3px;
    text-align:center;
    max-width:300px;
    background:#fff;
}
.hap-playlist-display-item-inner{
    position:relative;
}
.hap-playlist-display-item-thumb{
    display:block;
    margin:0 auto;
    cursor:pointer;
    min-width:100%;
}
.hap-playlist-display-item-inner:after{
    display:block;
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-style:solid;
    border-width:25px 0 25px 40px;
    border-color:transparent transparent transparent rgba(255,255,255,.3);
    transform:translateX(-50%) translateY(-50%);
}
.hap-playlist-display-item-active .hap-playlist-display-item-inner:after,
.hap-playlist-display-item:hover .hap-playlist-display-item-inner:after{
    border-color:transparent transparent transparent rgba(255,255,255,.8);
    transition:all .2s ease-in; 
}
.hap-playlist-display-item-playing{
    position:absolute;
    bottom:1px;
    right:1px;
    color:#fff;
    font-size:13px;
    padding:0px 5px;
    background:#00bcd4;
    display:none;
}
.hap-playlist-display-item-active .hap-playlist-display-item-playing{
    display:block;
}
.hap-playlist-display-item-title{
    color:#666;
    text-align:center;
    font-size:20px;
}
.hap-playlist-display-item-description{
    margin:10px;
    color:#999;
    font-size:14px;
}



/*pagination */

.hap-pagination-wrap {
    position:relative;
    display:flex;
    justify-content:flex-end;
}
.hap-pagination-container {
    position:relative;
    padding:10px 0;
    display:inline-flex;
    justify-content:space-between;
    box-sizing:border-box;
}
.hap-pagination-page {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:10px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:#e2e6e6;
    padding:8px;
    font-size:12px;
    font-weight:bold;
    color:#616872;
    border-radius:4px;
    transition:color 0.3s ease-in-out,background-color 0.3s ease-in-out;
}
.hap-pagination-currentpage{
    cursor:default!important;
}
.hap-pagination-dots{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:10px;
    box-sizing:border-box;
}
.hap-pagination-next,
.hap-pagination-prev {
    text-transform:uppercase;
}
@media (hover:hover) {
    .hap-pagination-page:hover{
        background-color:#518acb;
        color:#fff;
    }
}
.hap-pagination-currentpage {
    background-color:#518acb;
    color:#fff;
}
.hap-pagination-hidden{
    display:none!important;
}


/* load more button */

.hap-load-more-btn{
    display:inline-block;
    padding:10px 50px;
    font-size:15px;
    position:relative;
    text-align:center;
    margin:20px 0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    opacity:0;
    transition:all .3s ease-out;
    text-transform:uppercase;
    align-self:flex-start;
    background:#898989;
    color:#fff;
}
@media (hover:hover) {
    .hap-load-more-btn:hover{
        background-color:#565e72;
    }
}

#hap-playlist-list{
    display:none;
}

/* inline seekbar */

.hap-inline-seekbar{
    position:absolute;
    bottom:0;
    width:100%;
    height:10px;
    overflow:hidden;
}
.hap-inline-seekbar-bg{
    position:absolute;
    bottom:0;
    width:100%;
    height:5px;
    background:#aaa;
}
.hap-inline-seekbar-progress{
    position:absolute;
    bottom:0;
    left:0;
    height:100%;
    background:#e4c000;
    transition:width 100ms linear;
}

.hap-playlist-icon {
    font-family:'Font Awesome 5 Free','Font Awesome 5 Regular','Font Awesome 5 Brands','Arial';
    font-size:18px;
    font-weight:900;
    min-width:20px;
    min-height:25px;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    cursor:pointer;
}





.hap-playlist-icon svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:18px;
    fill:currentColor;
    transition:color .1s ease-out;
}


/* selectize */
.hap-selectize{
    margin-bottom:10px;
}
.selectize-control{
    width:100%;
}
.hap-selectize-option{
    display:flex!important;
    flex-direction:row!important;
}
.hap-selectize-image{
    flex-shrink:0;
}
.hap-selectize-thumb{
    display:block;
    width:48px;
    height:48px;
    flex-shrink:0;
}
.hap-selectize-value{
    display:none;
}
.hap-selectize-text {
    margin-left:10px;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
}
.hap-selectize-title {
    font-size:1em;
    font-weight:bold;
}
.hap-selectize-description {
    font-size:0.8em; 
    color:gray;
    margin-top:3px;
}
.ss-main .ss-single-selected{
    height:55px!important;
}


/* variations */

.hap-audio-variations{
   display:none;
   position:relative;
   color:#ccc;
   margin-top:10px;
   transition:height 0.5s;
   height:0;
}
.hap-audio-variation{
    padding:10px 0;
    cursor:pointer;
    display:flex;
    margin-left:50px;
}
.hap-audio-variation-title{
    flex:1;
    margin-right:20px;
}
.hap-active-variation{
    color:#f44336;
}
@media (hover:hover) {
    .hap-audio-variation:hover{
        color:#f44336;
    }
}
.hap-audio-variation-opened{
    height:auto;
}






.hap-playlist-title-num{
    display:inline-flex;
    margin:0;
    padding:0;
}
.hap-playlist-artist,
.hap-playlist-title,
.hap-playlist-description,
.hap-playlist-duration,
.hap-playlist-date{
    margin:0;
    padding:0;
}



.hap-playlist-overflow-y{
    overflow-y:auto;
}
.hap-playlist-overflow-x{
    overflow-x:auto;
}
.hap-playlist-inner::-webkit-scrollbar {
    width:5px; 
    height:5px; 
}
.hap-playlist-inner::-webkit-scrollbar-thumb {
    background:#999; 
}
.hap-playlist-inner::-webkit-scrollbar-track {
    background:#eee; 
}

.hap-ima-holder{
    display:none;
}


.hap-ad-skip{
    color:#fff;
    position:absolute;
    background:#2196f3;
    right:0;
    top:10px;
    cursor:pointer;
    transition:opacity .3s ease-out;
    padding:5px;
    display:none;
}
@media (hover:hover) {
    .hap-ad-skip:hover{
        opacity:0.9;
    }
}


.hap-hidden{
    display:none!important;
}
.hap-measure{
    display:block!important;
    visibility:hidden!important;
    left:-10000!important;
    opacity:0!important;
    pointer-events:none!important;
    height:auto!important;
}

.hap-playlist-closed-v{
    height:0!important;
}



.hap-sortable-ghost{
    background:#9e9e9e;
}




/* dialog transition */
.hap-dialog-bg{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.35);
    display:none;
    opacity:0;
    transition:opacity 0.3s;
}
.hap-dialog-visible{
    display:block;
}
.hap-dialog-animate{
    opacity:1;
}


.hap-holder-shown{
    display:block!important;
    margin-top:100px;
    opacity:0;
    transition:all 0.3s ease-out;
}
.hap-holder-animate{
    opacity:1!important;
    margin-top:0;
}



.hap-contr-btn svg,
.hap-contr-btn i,
.hap-contr-btn{
    user-select:none;
}




.hap-playlist-description-full{
    display:none;
}


/* waveform */

.hap-seekbar-wave{
    opacity:0;
    
}
.hap-seekbar-wave-visible{
    opacity:1;
    transition:opacity 0.5s;
}

.hap-waveform-loader{
    transition:opacity 0.3s ease-out;
    pointer-events:none;
}
.hap-waveform-loader-hidden{
    opacity:0;
}
.hap-waveform-loader div {
  color:#00bcd4;
  font-size:26px;
  overflow:hidden; /* Ensures the content is not revealed until the animation */
  border-right:4px solid #ddd; /* The typwriter cursor */
  white-space:nowrap; /* Keeps the content on a single line */
  margin:0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing:.15em; /* Adjust as needed */
  animation:
    hap-typing 5s steps(30,end) infinite,
    hap-blink-caret .5s step-end infinite;
}
/* The typing effect */
@keyframes hap-typing {
  0% {
    width:0
  }
  60% {
    width:100%
  }
}
/* The typewriter cursor effect */
@keyframes hap-blink-caret {
  from,to { border-color:transparent }
  50% { border-color:#ddd }
}


.hap-global-download-btn{
    opacity:0;
}
.hap-btn-show{
    transition:opacity 0.3s ease-out;
    opacity:1;
}


/* playlist selector */

:root {
  --hap_playlist_seelctor_anim_speed:0.35s;
}
.hap-playlist-selector{
    display:none;
}
.hap-playlist-selector-container{
    position:fixed;
    background:rgba(0,0,0,0.8);
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    transition:opacity 0.5s;
    display:none;
    z-index:999999999;
}
.hap-playlist-selector-inner-scroll{
    overflow-y:auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.hap-playlist-selector-inner{
    padding:100px;
    display:grid;
    grid-gap:1rem;
    justify-items:center;
}
@media (max-width:700px) { 
    .hap-playlist-selector-inner{
        padding:100px 30px;
    }
}

@media (min-width:600px) {
    .hap-playlist-selector-inner{
        grid-template-columns:repeat(2,1fr); 
    }
}
@media (min-width:900px) {
    .hap-playlist-selector-inner{ 
        grid-template-columns:repeat(3,1fr); 
    }
}
@media (min-width:1200px) {
    .hap-playlist-selector-inner{ 
        grid-template-columns:repeat(4,1fr); 
    }
}

.hap-playlist-selector-item{
    position:relative;
    overflow:hidden;
    font-size:16px;
    padding:10px;
    display:flex;
    flex-direction:column;
    background:#fbfbfb;
    box-sizing:border-box;
    max-width:400px;
    width:100%;
    box-shadow:0px -1px 12px #2f2f2f30;
    cursor:pointer;
    transition:background-color var(--hap_playlist_seelctor_anim_speed) ease-out,opacity var(--hap_playlist_seelctor_anim_speed) ease-out;
    opacity:0;
}
.hap-playlist-selector-item-shown{
    opacity:1;
}
.hap-playlist-selector-thumb{
    position:relative;
    top:0px;
    left:0px;
    height:auto;
    flex-shrink:0;
    box-sizing:border-box;
    border:1px solid #555;
    overflow:hidden;
    display:block;
    transition:opacity 300ms ease-out;
}
.hap-playlist-selector-thumb img{
    position:relative;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    max-width:none!important;
    opacity:1;
}
.hap-playlist-selector-info{
    margin-top:10px;
    height:100%;
}
.hap-playlist-selector-title{
    font-weight:700;
    color:#333;
    font-size:20px;
    transition:color var(--hap_playlist_seelctor_anim_speed) ease-out;
}
.hap-playlist-selector-desc{
    font-size:14px;
    color:#888;
    transition:color var(--hap_playlist_seelctor_anim_speed) ease-out;
}
.hap-playlist-selector-thumb-style{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:0;
    transition:opacity var(--hap_playlist_seelctor_anim_speed) ease-out;
    background-image:url('../data/misc/play.png');
    background-repeat:no-repeat;
    background-position:center;
}

.hap-playlist-selector-item-active{
    background-color:#607d8b;
    cursor:default;
}
.hap-playlist-selector-item-active .hap-playlist-selector-title{
    color:#fff;
}
.hap-playlist-selector-item-active .hap-playlist-selector-desc{
    color:#ddd;
}
.hap-playlist-selector-item-active .hap-playlist-selector-thumb-style{
    opacity:1;
}
@media (hover:hover) {
    .hap-playlist-selector-item:hover{
        background-color:#607d8b;
    }
    .hap-playlist-selector-item:hover .hap-playlist-selector-title{
        color:#fff;
    }
    .hap-playlist-selector-item:hover .hap-playlist-selector-desc{
        color:#ddd;
    }
    .hap-playlist-selector-item:hover .hap-playlist-selector-thumb-style{
        opacity:1;
    }
}

.hap-playlist-selector-header{
    height:50px;
    width:100%;
    position:fixed;
    top:0;
    background:#333;
    display:flex;
    flex-direction:row;
    align-items:center;
}

.hap-playlist-selector-close{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    cursor:pointer;
    opacity:0.9;
}
.hap-playlist-selector-close svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:35px;
    fill:currentColor;
    transition:color .3s ease-out;
    color:#fff;
}
@media (hover:hover) {
    .hap-playlist-selector-close:hover{
        opacity:1;
    }
}

.hap-playlist-selector-search{
    position:absolute;
    width:200px!important;
    left:50%;
    height:25px!important;
    margin:0 0 0 -100px !important;
    padding:0 2px!important;
    border:0!important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    border-radius:3px !important;
    background:#eee !important;
    color:#646464 !important;
    box-shadow:none!important;
    line-height:1!important;
    outline:none;
}

.hap-playlist-selector-filter-msg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    color:#fff;
}
.hap-playlist-selector-filter::placeholder { 
    color:inherit!important;
}
.hap-playlist-selector-filter-msg span{
    position:relative;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:1.5em;
}

.hap-playlist-selector-container .hap-filter-hidden {
    position:absolute!important;
    opacity:0;
}

.hap-body-overflow{
    overflow:hidden!important;
}



/* redirect login */
.hap-redirect-login-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:99999999;
    height:100%;
    width:100%;
    opacity:0;
    background-color:rgba(0,0,0,0.35);
    display:none;
    transition:opacity 0.5s ease-out;
}
.hap-redirect-login-holder-visible{
    opacity:1;
}
.hap-redirect-login-holder-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
   /* width:80%;
    height:90%;*/
    overflow:auto;
    max-width:700px;
    max-height:200px;
}
.hap-redirect-login-inner{
    position:relative;
    padding:20px 60px;
    box-sizing:border-box;
    text-align:left;
    line-height:1.2;
}
.hap-redirect-login-holder-watch .hap-redirect-login-inner{/*no close btn*/
    padding:20px 40px;
}
.hap-redirect-login-data{
    position:relative;
    width:100%;
    height:100%;
}
.hap-redirect-login-inner{
    text-align:center;
}
.hap-redirect-login-header{
    margin:10px;
    font-size:1.5em;
}
.hap-redirect-login-title{
    
}
.hap-redirect-login-action{
    display:flex;
    flex-direction:row;
    margin-top:20px;
    align-items:center;
    justify-content:space-evenly;
}
.hap-redirect-login-btn{
    text-decoration:none!important;
    padding:5px 10px;
    font-size:17px;
    border-radius:3px;
    line-height:normal;
    cursor:pointer;
}
.hap-redirect-login-btn:hover{
    opacity:0.9;
}




/* playback rate */
.hap-playback-rate-toggle-num{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hap-playback-rate-toggle-inner{
    padding:1px 6px;
    text-align:center;
    border-radius:3px;
    user-select:none;
    font-size:14px;
    line-height:normal;
}


.hap-player-schedule{
    transition:height 1s ease-out!important;
    overflow:hidden!important;
    position:relative;
}
.hap-player-disabled{
    pointer-events:none!important;
    height:0!important;
}
.hap-fixed-disabled{
    overflow:hidden!important;
    height:0!important;
}




/* voice search */

.hap-voice-search-microphone-btn{
}
.hap-voice-search-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.2);
    opacity:0;
    display:none;
    transition:opacity 0.2s;
    z-index:99999999;
}
.hap-voice-search-popup-visible{
    opacity:1;
}
.hap-voice-search-popup-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:500px;
    width:100%;
    max-height:300px;
    height:100%;
    background-color:#fff;
    box-shadow:0 16px 24px 2px rgba(0,0,0,0.1);
}
.hap-voice-search-popup-close{
    position:absolute!important;
    top:10px;
    right:10px;
    cursor:pointer;
}
.hap-voice-search-popup-info{
    font-size:24px;
    position:relative;
    margin-left:20px;
    margin-right:20px;
    margin-top:50px;
}
.hap-voice-search-popup-info{
    display:none;
}
.hap-voice-search-popup-info-waiting{
    display:block;
}
.hap-voice-search-panel-bottom{
    position:absolute;
    bottom:0;
    display:flex;
    width:100%;
    margin-bottom:30px;
    flex-direction:column;
    align-items:center;
}
.hap-voice-search-microphone-btn-wrap{
    position:relative;
    width:60px;
    height:60px;
}
.hap-voice-search-microphone-btn-popup{
    width:100%!important;
    height:100%!important;
    border-radius:100%;
}
.hap-voice-search-microphone-btn-popup svg,
.hap-voice-search-microphone-btn-popup i{
    border-radius:100%;
    color:#fff!important;
} 
.hap-voice-search-microphone-wrap-active .hap-voice-search-microphone-btn-popup{
    background-color:red;
    color:#fff;
    cursor:default;
}
.hap-voice-search-microphone-btn-pulse{
    width:100%;
    height:100%;
    background:#ccc;
    border-radius:100%;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none; 
}
.hap-voice-search-microphone-wrap-active .hap-voice-search-microphone-btn-pulse{
    animation:ap_mic_pulsate infinite 1.5s;
}
@keyframes ap_mic_pulsate {
    0% {
        transform:scale(1,1);
        opacity:1;
    }
    100% {
        transform:scale(1.5,1.5);
        opacity:0;
    }
}





/* modules/misMedia/css/waf.css */



button.waf-btn-reset{
    color:inherit;
    background-color:transparent;
    padding:0;
    margin:0;
    float:none;
    line-height:1em;
    list-style:none;
    text-transform:none;
    vertical-align:baseline;
    border:0;
    font-variant:inherit;
    font-stretch:inherit;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    font-weight:normal;
    letter-spacing:normal;
    text-decoration:none;
    text-indent:0;
    text-shadow:none;
    box-shadow:none;
}
@media (hover:hover) {
    button.waf-btn-reset:hover{
        text-decoration:none;
    }
    button.waf-btn-reset:hover:after{
        width:0;
    }
}







.waf{
    position:relative;
    transition:opacity 1s ease-out;
    opacity:0;
    line-height:normal;
}
.waf.waf-skin-light{
    background:#fff;
}
.waf.waf-skin-dark{
    background:#111;
}
.waf-inner{
    position:relative;
    padding:25px 25px 50px 25px;
}
@supports (container-type:inline-size) {
    .waf{
        container:waf_player_query / inline-size;
    }
}

/* filter layout */

.waf-filter-dropdown .waf-inner{
    display:flex;
    flex-direction:row;
}

.waf-filter-section{
    display:flex;
    flex-direction:column;
}
.waf-filter-section-collapsed{
    overflow:hidden;
}
.waf-filter-section-upper-wrap{
    /*max-height:1000px;*/
    overflow-y:auto;
    overflow-x:hidden;
}
.waf-filter-section-upper-wrap::-webkit-scrollbar {
    width:9px; 
    height:9px; 
}
.waf-filter-section-upper-wrap::-webkit-scrollbar-thumb {
    background:#999;
}
.waf-filter-section-upper-wrap::-webkit-scrollbar-track {
    background:#e6e6e6;
}


.waf-filter-pill .waf-filter-section {
    width:100%;
}
.waf-filter-dropdown .waf-filter-section {
    margin-right:20px;
    width:300px;
    flex-shrink:0;
}
.waf-filter-dropdown .waf-filter-section-bottom{
    margin-bottom:10px;
}

.waf-filter-dowpdown-wrap{
    overflow:hidden;
}
.waf-filter-pill .waf-filter-section-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.waf-filter-dropdown .waf-filter-section-container {
    display:flex;
    flex-direction:column;
}
.waf-filter-icon-wrap{
    position:relative;
    height:30px;
    width:30px;
    border-color:purple;
    cursor:pointer;
    border-radius:20px;
    font-size:11px;
    text-transform:uppercase;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.waf-filter-icon-open,
.waf-filter-icon-close{
    position:relative;
    height:100%;
    width:100%;
    border-color:purple;
    cursor:pointer;
    border-radius:20px;
    font-size:11px;
    text-transform:uppercase;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.waf-filter-icon-wrap svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    width:20px;
    fill:currentColor;
    transition:opacity .3s ease-out;
    color:#fff;
    opacity:0.5;
}
@media (hover:hover) {
    .waf-filter-button-dropdown:hover .waf-filter-icon-wrap svg{
        opacity:1;
    }
}
.waf-filter-icon-close{
    display:none;
}
.waf-filter-dropdown .waf-filter-dropdown-container-wrap{
    height:0;
    overflow:hidden;
    transition:height 0.5s;
}
.waf-filter-dropdown .waf-filter-dropdown-container{
    padding:10px;
}
.waf-filter-pill .waf-filter-dropdown-container{
    padding:20px 10px 10px 20px;
}

.waf-filter-dropdown-container .waf-component-label{
    padding:5px;
    display:flex;
    align-items:center;
    flex-direction:row;
    cursor:pointer;
}
@media (max-width:1200px){ 
    .waf-filter-dropdown-container .waf-component-label{
        padding:7px 5px;
    }
}
@container waf_player_query (max-width:1200px){ 
    .waf-filter-dropdown-container .waf-component-label{
        padding:7px 5px;
    }
}

.waf-filter-dropdown-container .waf-component-label-category-wrap{
    margin-left:25px;
}



.waf-filter-checkbox{
    margin-right:5px; 
}
.waf-filter-dropdown .waf-component-info{
    transition:opacity .35s;
}
.waf-filter-dropdown .waf-component-checkmark{
    top:0;
    left:0;
    border-radius:0;
    height:14px;
    width:14px;
}
.waf-filter-dropdown .waf-component-checkmark:after {
    left:4px;
    top:1px;
    width:2px;
    height:7px;
    box-sizing:content-box;
}
@media (hover:hover) {
    .waf-filter-dropdown .waf-component-label:hover .waf-component-info{
        opacity:0.5;
    }
}



.waf-track-section{
    display:flex;
    flex-direction:column;
    width:100%;
    position:relative;
}
.waf-title{
    font-size:18px;
    font-weight:600;
    display:inline-flex;
    flex-shrink:0;
    margin:5px 0;
    line-height:normal;
}



/* music description */

.waf-music-description{
    font-size:12px;
}
.waf-skin-light .waf-music-description{
    color:#111;
}
.waf-skin-dark .waf-music-description{
    color:#917f60;
}



/* tag buttons */

.waf-tag-button{
    border-radius:20px;
    box-shadow:none;
    transition:all .3s ease-out;
    box-sizing:border-box;
    cursor:pointer;
    margin:0 8px 8px 0;
    outline:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    user-select:none;
    text-decoration:none;
    -webkit-appearance:none;
    font-size:13px;
    padding:5px 10px;
    background-color:#5b758c00;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    line-height:normal;
    text-transform:none; 
}

.waf-skin-light .waf-tag-button{
    border:1px solid #aaa;
    color:#565656;
}
.waf-skin-dark .waf-tag-button{
    border:1px solid #aaa;
    color:#999;
}
@media (hover:hover) {
    .waf-skin-light .waf-tag-button:hover{
        background-color:#5b758c; 
        color:#fff; 
        border-color:transparent; 
    }
    .waf-skin-dark .waf-tag-button:hover{
        background-color:#917f60; 
        color:#fff; 
        border-color:transparent; 
    }
}


/* filter buttons */


.waf-filter-button-dropdown{
    transition:all 0.3s ease-out;
    font-weight:700;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    margin:0 0 1px 0;
    outline:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    user-select:none;
    text-decoration:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    outline:none;
    line-height:normal;
    cursor:pointer;
    text-align:left;
}




.waf-filter-main-button-wrap{
    position:relative;
}

button.waf-filter-button{
    transition:all 0.3s ease-out;
    border-radius:20px;
    font-weight:700;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    margin:0 8px 8px 0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:none;
    user-select:none;
    text-decoration:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    outline:none;
    line-height:normal;
    text-align:left;
    
}
button.waf-filter-button:focus{
    outline:none;
}
button.waf-filter-button-effect{
    opacity:0;
}
.waf-filter-button-dropdown,
button.waf-filter-main-button{
    color:#fff;
    font-size:15px;
    padding:10px 20px;
    background-color:#5b758c;
}
button.waf-filter-button-reset{
    color:#fff;
    font-size:15px;
    background-color:#474747;
}
.waf-filter-pill .waf-filter-button-reset{
    padding:10px 20px;
}

.waf-filter-button-apply{
    color:#fff;
    font-size:15px;
    background-color:#4db176;
}
.waf-filter-pill .waf-filter-button-apply{
    padding:10px 20px;
}
.waf-filter-dropdown .waf-filter-button-apply{
    padding:16px 20px;
}
.waf-filter-button-apply-hidden{
    display:none!important;
}



.waf-filter-dropdown button.waf-filter-button-reset{
    padding:3px 15px;
    font-size:11px;
    background-color:#a0a0a0;
    text-decoration:underline;
    opacity:0;
    pointer-events:none;
}
button.waf-filter-button-reset-enabled{
    opacity:1!important;
    pointer-events:auto!important;
}

button.waf-filter-sub-button{
    color:#fff;
    font-size:11px;
    padding:5px 15px;
    background-color:#60a3da;
}

button.waf-filter-active-button{
    color:#fff;
    font-size:11px;
    padding:2px 15px;
    background-color:#474747;
}
.waf-button-icon{
    margin-left:5px;
}
.waf-button-icon svg{
    height:13px;
    display:block;
    position:relative;
    top:0;
    margin-top:2px;
    left:0;
    color:#fff;
    fill:currentColor;
}

button.waf-filter-button-selected{
    background-color:#a0a0a0;
}
@media (hover:hover) {
    button.waf-filter-button:hover{
        background-color:#a0a0a0;
    }
}



button.waf-filter-button-selected{
    cursor:default;
}
button.waf-filter-sub-button.waf-filter-button-selected.waf-filter-button-visible{
    opacity:0.35;
}

button.waf-filter-button-visible{
    opacity:1;
}

.waf-filter-search-wrap{
    position:relative;
    background-color:#5b758c;
    margin:0 8px 8px 0;
    border-radius:20px;
    display:flex;
    align-items:center;
}
.waf-filter-search-wrap svg{
    position:absolute;
    left:15px;
    height:21px;
    fill:currentColor;
    transition:color .3s ease-out;
    color:#fff;
    pointer-events:none;
}
input[type="search"].waf-filter-button-search{
    position:relative;
    width:50px;
    transition:all 0.4s ease-in-out;
    color:#fff;
    font-size:15px;
    -webkit-appearance:textfield;
    padding:10px 20px;
    background-color:transparent;
    font-weight:normal;
    border-radius:20px;
    text-transform:none;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    outline:0;
    opacity:0;
    height:auto;
    margin:0;
}
.waf-search-input{
    box-shadow:none;
}
.waf-search-wrap .waf-search-input,
.waf-filter-button-search.waf-search-input{
    line-height:normal;
    background-color:#5b758c;
}
.waf-search-wrap input[type="search"].waf-search-input:focus,
.waf-filter-button-search.waf-search-input:focus{
    outline:none;
}
input[type="search"].waf-search-input::placeholder { 
    color:inherit;
    font-size:inherit;
}
input[type="search"].waf-search-input::-webkit-search-cancel-button {
    -webkit-appearance:none;
    appearance:none;
    height:10px;
    width:10px;
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size:10px 10px;
}

input[type="search"].waf-filter-dropdown-search::-webkit-search-cancel-button,
input[type="search"].waf-song-search::-webkit-search-cancel-button{
    -webkit-appearance:none;
    appearance:none;
    height:10px;
    margin-right:10px;
    width:10px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
    background-size:10px 10px;
}
.waf-filter-button-search::-webkit-search-cancel-button {
    filter:invert(1);
}

.waf-filter-button-search {
    margin:0;
}
input[type="search"].waf-filter-button-search:focus {
    width:250px;
    padding-left:50px;
    opacity:1;
    margin:0;
    color:#fff;
    background-color:transparent;
    border-color:transparent;
}


.waf-search-message{
    font-size:24px;
    text-align:center;
    color:#ca4a1f;
    line-height:28px;
    margin-top:30px;
    margin-bottom:30px;
}
.waf-search-message{
    display:none;
}





/* pill dropdown text */

.waf-filter-pill .waf-filter-dropdown-container-wrap{
    position:absolute;
    width:300px;
    z-index:222;
    background-color:#ffffff;
    box-shadow:0px 0px 3px 3px #88888826;
    max-height:300px;
    overflow-y:auto;
    box-sizing:border-box;
    overflow-x:hidden;
    padding:0 30px 0 0;
    display:none;
    transition:opacity 0.5s ease-out;
    opacity:0;
}
.waf-filter-pill .waf-filter-dropdown-container-wrap::-webkit-scrollbar {
    width:9px; 
    height:9px; 
}
.waf-filter-pill .waf-filter-dropdown-container-wrap::-webkit-scrollbar-thumb {
    background:#999;
}
.waf-filter-pill .waf-filter-dropdown-container-wrap::-webkit-scrollbar-track {
    background:#e6e6e6;
}




/* track loader */

.waf-loader-wrap{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:none;
}
.waf-skin-light .waf-loader-wrap{
    background:#00000082;
}
.waf-skin-dark .waf-loader-wrap{
    background:#00000082;
}


.waf-spinner {
  margin:200px auto;
  width:40px;
  height:40px;
  position:relative;
}
.waf-cube1,.waf-cube2 {
  background-color:#fff;
  width:15px;
  height:15px;
  position:absolute;
  top:0;
  left:0;
 
  -webkit-animation:waf-sk-cubemove 1.8s infinite ease-in-out;
  animation:waf-sk-cubemove 1.8s infinite ease-in-out;
}
.waf-cube2 {
  -webkit-animation-delay:-0.9s;
  animation-delay:-0.9s;
}

@-webkit-keyframes waf-sk-cubemove {
  25% { -webkit-transform:translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform:translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform:rotate(-360deg) }
}

@keyframes waf-sk-cubemove {
  25% { 
    transform:translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform:translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform:translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform:translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform:rotate(-360deg);
    -webkit-transform:rotate(-360deg);
  }
}




/* header */


.waf-track-display-header-left .waf-num-results-wrap{
    font-size:15px;
    display:flex;
    margin:0 10px 0 0;
    align-items:center;
    white-space:nowrap;
}
.waf-skin-light .waf-num-results-wrap{
    color:#111;
}
.waf-skin-dark .waf-num-results-wrap{
    color:#5b758c;
}
.waf-num-results-title{
    margin-right:4px;
}





.waf-track-display-header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:20px;
    align-items:center;
}

.waf-track-display-header-left,
.waf-track-display-header-right{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
} 

.waf-track-display-header-right{
    margin-left:auto;
    justify-content:end;
}
.waf-track-display-header-right > *{
    margin-left:10px!important;
}

.waf-results-wrap{
    font-weight:600;
    display:none;
    flex-direction:row;
}  
.waf-results-wrap-title{
    white-space:nowrap;
}  
.waf-results-total{
    display:inline-block;
    margin-left:4px;
}    



.waf-music-download-button{
    display:block;
    top:50%;
    min-width:20px;
    position:relative;
}





/* sort,search */


input[type="search"].waf-filter-dropdown-search{
    width:100%;
    height:30px;
    border-radius:0;
    padding-left:10px;
    font-size:13px;
    border:none;
    outline:none;
    margin:0 0 5px 0;
    box-shadow:none;
}




.waf-skin-light .waf-filter-dropdown-search{
    background:#f9f9f9;
    color:#000 ;
}
.waf-skin-dark .waf-filter-dropdown-search{
    background:#333;
    color:#ccc;
}
    


select.waf-sort-type,
input[type="search"].waf-song-search{
    height:30px;
    border-radius:20px;
    font-size:11px;
    border:none;
    text-transform:uppercase;
    outline:none;
    margin:1px 0 0 0;
    padding:0 0 0 10px;
    width:auto;
    box-shadow:none;
}
.waf-sort-type option{
    font-size:15px;
    text-transform:none;
}


.waf-skin-light .waf-sort-type,
.waf-skin-light .waf-song-search{
    background:#fafafa ;
    color:#000 ;
}
.waf-skin-dark .waf-sort-type,
.waf-skin-dark .waf-song-search{
    background:#333 ;
    color:#ccc ;
}
.waf-song-search::placeholder { 
    color:inherit!important;
    font-size:inherit!important;
}

.waf-search-wrap{
    display:flex;
    flex-direction:column;
}


/* layout */

button.waf-global-action-icon{
    position:relative;
    height:30px;
    border-color:purple;
    cursor:pointer;
    border-radius:20px;
    font-size:11px;
    text-transform:uppercase;
    display:flex;
    width:30px;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.waf-skin-light .waf-global-action-icon{
    background:#fafafa ;
}
.waf-layout-button{
    position:relative;
    background-color:transparent;
    height:100%;
    cursor:pointer;
}
.waf-global-action-icon svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    width:20px;
    fill:currentColor;
    transition:color .3s ease-out;
    color:#aaa;
}
@media (hover:hover) {
    .waf-global-action-icon:hover svg{
        color:#5b758c;
    }
}
.waf-layout-simple{
    display:none;
}




/* volume */

.waf-volume-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.waf-volume-wrap .waf-volume-toggle{
    position:relative;
    width:40px; 
    height:40px;
    cursor:pointer;
}
.waf-volume-toggle .waf-btn{
    display:none;
}
.waf-volume-toggle .waf-btn-volume-up{
    display:block;
}
.waf-volume-toggle svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .3s ease-out;
}
.waf-volume-seekbar{
    position:relative;
    width:100px;
    height:30px;
    cursor:pointer;
    touch-action:none;
}
.waf-volume-bg{
    position:absolute;
    top:15px;
    left:10px;
    width:80px;
    height:2px;
    background:#bbb8b8;
}
.waf-volume-level{
    position:absolute;
    top:0;
    left:0;
    width:45px;
    height:100%;
    background:#808080;
    transition:width 100ms linear; 
}



.waf-grid .waf-track-display-list{
    display:grid;
    grid-gap:1rem;
    justify-items:center;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}

.waf-grid .waf-music{
    max-width:400px;
}
.waf-grid.waf-skin-dark .waf-music{
    background:#191919;
}



/* music container */

.waf-music{
    width:100%;
    font-size:12px;
    position:relative;
    font-weight:400;
    transform-origin:top;  
    transform:scaleY(0);
    transform-style:flat;
    opacity:0;
    height:0;
    transition:transform 300ms ease-out,opacity 300ms ease-out;  

    position:absolute;
    visibility:hidden;
}
.waf-list .waf-music{
    border-bottom:1px solid #333;
}
.waf-grid .waf-music{
    padding:10px;
    box-sizing:border-box;
}
.waf-skin-light.waf-grid .waf-music{
    box-shadow:0px 0px 5px 3px #d3d3d330;
}

.waf-music-shown{
    transform:scaleY(1);
    opacity:1;
    height:auto;
    position:relative;
    visibility:visible;
}
.waf-music-hidden{
    transition:none!important;
    transform:scaleY(0);
    opacity:0;
    height:0;
}
.waf-music-grid-hidden{
    position:absolute;
    visibility:hidden;
}
.waf-music-loader{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    transition:width 300ms linear; 
}
.waf-grid .waf-music-loader{
    display:none!important;
}


.waf-skin-light .waf-music-loader{
    background:#ebebeb;
}
.waf-skin-dark .waf-music-loader{
    background:#333;
}
.waf-music-container{
    display:flex;
    flex-direction:column;
    height:100%;
    position:relative;
}
.waf-music-container-top{
    display:flex;
    flex-direction:row;
}
.waf-list .waf-music-container-top{
    flex-direction:row;
    flex-flow:row wrap;
}
.waf-grid .waf-music-container-top{
    flex-direction:column;
}


.waf-music-container-bottom{
    display:flex;
    flex-direction:column;
    margin:0 10px;
    height:auto;
    overflow:hidden;
    transition:height 0.3s;
}
.waf-music-description{
    margin:10px 0 10px 0;
}




.waf-column{
    display:flex;
    flex-direction:row;
    align-items:center;
    position:relative;
    height:100%;
    flex:1; 
    height:61px;
}
.waf-music-container-left,
.waf-music-container-right{
    flex-grow:0;
}

.waf-music-container-right:empty{
    display:none;
}
/*
.waf-list .waf-music-container-left,
.waf-list .waf-music-container-center,
.waf-list .waf-music-container-right{
    justify-content:center;
}*/


.waf-grid .waf-music-container-left{
    justify-content:flex-start;
}
.waf-grid .waf-music-container-right{
    justify-content:flex-end;
    flex-wrap:wrap;
    height:auto;
}

.waf-music-thumb{
    margin:5px 10px;
    width:50px;
    height:50px;
    flex-shrink:0;
    overflow:hidden;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.waf-music-name{
    padding:0 10px;
    width:250px;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    text-align:left;
}
.waf-music-name .waf-music-title{
    font-weight:700;
    padding:0;
    margin:0;
}
.waf-music-name .waf-music-artist{
    transition:color .5s;
    margin:5px 0 0 0;
    padding:0;
}

.waf-skin-light .waf-music-title{
    color:#000;
}
.waf-skin-light .waf-music-artist{
    color:#888;
}
.waf-skin-dark .waf-music-title{
    color:#9a9a9a;
}
.waf-skin-dark .waf-music-artist{
    color:#666;
}

.waf-music-duration{
    min-width:40px;
    flex:0 0 auto;
    text-align:center;
}
.waf-music-progress-text{
    min-width:40px;
    flex:0 0 auto;
    text-align:center;
}

.waf-skin-light .waf-music-duration,
.waf-skin-light .waf-music-progress-text{
    color:#000;
}
.waf-skin-dark .waf-music-duration,
.waf-skin-dark .waf-music-progress-text{
    color:#9a9a9a;
}

.waf-action-icon{
    width:40px;
    height:40px;
    flex:0 0 auto;
    text-align:center;
    cursor:pointer;
    position:relative;
}
.waf-music-play-btn,
.waf-music-pause-btn{
    position:relative;
    height:100%;
    width:100%;
    display:block;
}
.waf-music-pause-btn{
    display:none;
}
.waf-action-icon svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .4s ease-out;
    color:#aaa;
}
@media (hover:hover) {
    .waf-action-icon:not(.waf-action-icon-disabled):hover svg{
        color:#5b758c;
    }
}
.waf-action-icon-disabled{
    opacity:0.5!important;
    cursor:default!important;
}

.waf-music-player{
    padding:0 20px;
    width:calc(100% - 40px);
    height:40px;
}
.waf-music-waveform{
    flex:1 1 auto;
    user-select:none;
    height:100%;
    cursor:pointer;
}
.waf-music-waveform-holder {
    position:relative;
    height:calc(100% - 6px);
    top:3px;
    width:100%;
    transform-origin:top;  
    transform:scaleY(0);
    transform-style:flat;
    opacity:0;
    transition:transform 300ms ease-out,opacity 300ms ease-out;  
}
.waf-music-waveform-holder-visible{
    transform:scaleY(1);
    opacity:1;
}
.waf-music-seekbar{
    cursor:pointer;
}

.waf-music-seekbar canvas{
    max-width:none!important;
}
.waf-music-seekbar,
.waf-music-seekbar-progress {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.waf-music-seekbar-progress {
    width:0;
}

/* popup dialog */

.waf-popup-background{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2147483646;
    opacity:0;
    display:none;
    transition:opacity .3s ease-out;
    direction:ltr;
    line-height:normal;
}
.waf-popup-visible{
    opacity:1;
}
.waf-popup-inner{
    position:absolute;
    overflow-x:hidden;
    overflow-y:scroll;
    max-height:100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:50px 0;
    background:rgba(0,0,0,0.5);
}
.waf-popup{
    position:relative;
    box-sizing:border-box;
    left:50%;
    top:50%;
    max-width:600px;
    transform:translate(-50%,-50%);
    padding:25px 30px 30px;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.25);
    text-align:center;
    font-size:13px;
}
.waf-skin-light .waf-popup{
    background:#fff;
    color:#111;
}
.waf-skin-dark .waf-popup{
    background:#222;
    color:#ccc;
}
.waf-popup-title{
    margin-top:0;
    font-size:20px;
    margin-bottom:20px;
}
.waf-popup-content {
    max-height:600px;
    overflow-y:auto;
}
.waf-popup-button-holder {
    margin-top:20px;
}
button.waf-popup-button,
button.waf-share-copy-button{
    padding:8px 50px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0 4px;
    box-sizing:border-box;
    cursor:pointer;
    text-decoration:none;
}
.waf-skin-light .waf-popup-button,
.waf-skin-light .waf-share-copy-button{
    border:1px solid #0073aa;
    color:#0073aa;
}
.waf-skin-dark .waf-popup-button,
.waf-skin-dark .waf-share-copy-button{
    border:1px solid #917f60;
    color:#917f60;
}
.waf-share-copy-button{
    padding:8px 20px;
}
@media (hover:hover) {
    .waf-skin-light .waf-popup-button:hover,
    .waf-skin-light .waf-share-copy-button:hover {
        background:#0073aa;
        color:#fff;
    }
    .waf-skin-dark .waf-popup-button:hover,
    .waf-skin-dark .waf-share-copy-button:hover {
        background:#917f60;
        color:#fff;
    }
}
.waf-popup-content::-webkit-scrollbar {
    width:9px; 
    height:9px; 
}
.waf-popup-content::-webkit-scrollbar-thumb {
    background:#999;
}
.waf-popup-content::-webkit-scrollbar-track {
    background:#e6e6e6;
}
.waf-popup-acknowledge-text{
    font-size:14px;
}




/* lyrics popup */

.waf-lyrics-popup-dialog{
    position:fixed;
    top:0;
    max-height:400px;
    height:100%;
    left:0;
    z-index:2147483646;
    max-width:600px;
    display:none;
    transition:all .3s ease-out;
    direction:ltr;
    line-height:normal;
    transform:translateX(-100%);
}
.waf-skin-light.waf-lyrics-popup-dialog{
    box-shadow:2px 2px 5px 0px rgb(153 153 153 / 25%);
}
.waf-lyrics-popup-dialog-visible{
    transform:translateX(0%); 
}
.waf-lyrics-popup-dialog-open{
    transform:translateX(calc(-100% + 50px)); 
}
.waf-lyrics-popup-inner{
    position:relative;
    overflow-x:hidden;
    overflow-y:scroll;
    top:0;
    height:100%;
    width:100%;
    left:0;
}
.waf-lyrics-popup{
    position:relative;
    left:0;
    top:0;
    width:100%;
    box-sizing:border-box;
    padding:25px 40px 25px 25px;
    box-shadow:0 0 6px 0 rgb(0 0 0 / 25%);
    text-align:center;
    font-size:13px;
}
.waf-skin-light .waf-lyrics-popup{
    background:#fff;
    color:#111;
}
.waf-skin-dark .waf-lyrics-popup{
    background:#303030;
    color:#eee;
}
.waf-lyrics-popup-close{
    position:absolute;
    right:12px;
    top:0;
    width:40px;
    height:40px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}
.waf-lyrics-popup-close svg{
    height:20px;
    fill:currentColor;
    transition:all .3s ease-out;
}
.waf-lyrics-popup-icon-open{
    transform:rotate(180deg);
}


.waf-lyrics-popup-inner::-webkit-scrollbar {
    width:12px; 
    height:12px; 
}
.waf-skin-light .waf-lyrics-popup-inner::-webkit-scrollbar-thumb {
    background:#9e9e9e; 
}
.waf-skin-light .waf-lyrics-popup-inner::-webkit-scrollbar-track {
    background:#eee; 
}
.waf-skin-dark .waf-lyrics-popup-inner::-webkit-scrollbar-thumb {
    background:#666; 
}
.waf-skin-dark .waf-lyrics-popup-inner::-webkit-scrollbar-track {
    background:#aaa; 
}

/* lyrics popup */
.waf-popup-music-name{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
    font-size:20px;
    font-weight:600;
}
.waf-lyrics-wrap{
    white-space:pre-wrap;
    font-size:16px;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:center;
    line-height:1.5em;
}
.waf-lyrics-container{
    white-space:pre-wrap;
    font-size:16px;
    margin:1em 0;
    line-height:1.5em;
}
.waf-lyrics-item {
    min-height:1.5em;
    cursor:pointer;
}
.waf-skin-light .waf-lyrics-item-active{
    background:#ffff00;
}
.waf-skin-dark .waf-lyrics-item-active{
    background:#917f60;
    color:#fff;
}
@media (hover:hover) {
    .waf-skin-light .waf-lyrics-item:hover{
        background:#ffff00;
    }
    .waf-skin-dark .waf-lyrics-item:hover{
        background:#917f60;
        color:#fff;
    }
}








/* save playlist popup */
.waf-save-playlist{
    max-width:400px;
}
.waf-popup-save-playlist-title{
    width:300px;
    border:0;
    border-radius:0 ;
    box-shadow:none; 
}
.waf-skin-light .waf-popup-save-playlist-title{
    background:#eee ;
    color:#000;
    padding-left:5px;
    line-height:1.8;
}
.waf-skin-dark .waf-popup-save-playlist-title{
    background:#333 ;
}

/* keywords popup */
.waf-popup-keywords-wrap{
    display:flex;
    flex-direction:column;
}
.waf-popup-keywords-music-title{
    font-size:14px;
}





/* share */

.waf-share-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}


.waf-share-copy-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:10px;
}
input[type="text"].waf-share-copy-link{
    padding:10px;
    line-height:normal;
    width:200px;
    border:0;
    border-radius:0 ;
    box-shadow:none;
    margin:0;
}
.waf-skin-light .waf-share-copy-link{
    background:#eee ;
    color:#000;
}
.waf-skin-dark .waf-share-copy-link{
    background:#333 ;
    color:#ccc ;
}
.waf-share-copy-button{
    border:1px solid #0073aa;
    padding:8px 20px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0 10px;
    box-sizing:border-box;
    color:#0073aa;
    cursor:pointer;
    text-decoration:none;
    flex-shrink:0;
}

.waf-share-icons{

}







button.waf-share-item{
    width:40px;
    height:40px;
    float:left;
    position:relative;
    margin:5px;
    cursor:pointer;
    border-radius:2px;
}
.waf-share-item svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:20px;
    fill:currentColor;
    transition:color .1s ease-out;
    color:#ccc;
}

@media (hover:hover) {
    .waf-share-item:hover svg{
        color:#fff;
    }
}

.waf-share-item[data-type=facebook]{
    background:#3B5998;
}
.waf-share-item[data-type=twitter]{
    background:#1da1f2;
}
.waf-share-item[data-type=pinterest]{
    background:#bd081d;
}
.waf-share-item[data-type=whatsapp]{
    background:#25D366;
}
.waf-share-item[data-type=linkedin]{
    background:#4875B4;
}
.waf-share-item[data-type=tumblr]{
    background:#2B4964;
}
.waf-share-item[data-type=reddit]{
    background:#FF5700;
}
.waf-share-item[data-type=email]{
    background:#dfdfdf;
}
.waf-share-item[data-type=sms]{
    background:#f8ea73;
}

.waf-holder-visible{
    opacity:1;
}

/* stats player */

.waf-stat-wrap{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    flex-shrink:0;
}
.waf-play-count,
.waf-download-count{
    display:flex;
    flex:1;
    height:40px;
    min-width:45px;
    align-items:center;
    justify-content:center;
    color:inherit;
}
.waf-stat-icon svg{
    width:25px;
    height:15px;
    text-align:center;
    fill:currentColor;
    transition:color .1s ease-out;
    color:#aaa;
}
.waf-stat-icon span{
    color:#9a9a9a;
    display:inline-block;
    margin-right:5px;
}


/* fontend loader for ajax */

.waf-fontend-loader-wrap{
    display:none;
    z-index:2147483646;
}
.waf-fontend-loader{
    position:fixed; 
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%; 
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5); 
    color:#fff;
    font-size:24px;
}


/* restrict download */

.waf-restrict-download-message-wrap{
    padding:20px;
    font-size:22px;
}
.waf-restrict-download-message-wrap a{
    color:#f7d570;
}


button.waf-filter-configure-button{
    margin-right:10px;
}
button.waf-filter-copy{
    display:none;
    margin-right:10px;
}




.waf-copy-notice{
    padding:10px;
    text-transform:none;
    position:absolute;
    top:0;
    left:120%;
    pointer-events:none;
    opacity:0;
    transition:opacity .3s ease-out;
}
.waf-skin-light .waf-copy-notice{
    background-color:#fff;
    color:#333;
    box-shadow:0px 0px 3px 3px #88888826;
}
.waf-skin-dark .waf-copy-notice{
    background:#666;
    color:#9a9a9a;
    box-shadow:0px 0px 3px 3px #3c3c3c26;
}
.waf-copy-notice-shown{
    opacity:1;
}



/*  playlist display frontend */

.waf-playlist-display-header{
    font-size:28px;
    text-align:center;
}
.waf-playlist-display-wrap-inner{
    display:flex;
    align-items:flex-start;
}
.waf-playlist-display-item{
    position:relative;
    overflow:hidden;
    margin:3px;
    text-align:center;
    max-width:300px;
}
.waf-playlist-display-item-inner{
    position:relative;
}
.waf-playlist-display-item-thumb{
    display:block;
    margin:0 auto;
    cursor:pointer;
}
.waf-playlist-display-item-title{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    color:#666;
    text-align:center;
    font-size:16px;
    padding:5px;
    opacity:0;
    transition:opacity .3s ease-out;
    pointer-events:none;
}
.waf-playlist-display-item-description{
    margin-top:5px;
    color:#999;
    font-size:14px;
}
.waf-playlist-display-item-active .waf-playlist-display-item-title{
    opacity:1;
}
@media (hover:hover) {
    .waf-playlist-display-item:hover .waf-playlist-display-item-title{
        opacity:1;
    }
}
.waf-playlist-display-item-active .waf-playlist-display-item-thumb{
    cursor:default;
}

/* load more button */

.waf-load-more-btn{
    display:inline-block;
    align-self:flex-start;
    padding:6px 20px;
    font-size:18px;
    position:relative;
    margin:40px 0 0 0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    opacity:0;
    transition:all .3s ease-out;
    text-transform:uppercase;
}
.waf-skin-light .waf-load-more-btn{
    border:1px solid #9e9e9e;
    color:#9e9e9e;
}
.waf-skin-dark .waf-load-more-btn{
    border:1px solid #333;
    color:#9e9e9e;
}
@media (hover:hover) {
    .waf-skin-light .waf-load-more-btn:hover{
        background:#5b758c;
        color:#fff;
    }
    .waf-skin-dark .waf-load-more-btn:hover{
        background:#333;
        color:#ccc;
    }
}
.waf-load-more-btn-visible{
    opacity:1;
}
.waf-load-more-btn-hidden{
    display:none;
}


/* pagination */

.waf-pagination-wrap {
    position:relative;
    display:flex;
    justify-content:center;
}
.waf-pagination-container {
    position:relative;
    padding:30px 0;
    display:inline-flex;
    justify-content:space-between;
    box-sizing:border-box;
}
.waf-pagination-page {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:5px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:#e2e6e6;
    padding:12px;
    font-size:15px;
    font-weight:bold;
    color:#616872;
    border-radius:4px;
    transition:color 0.3s ease-in-out,background-color 0.3s ease-in-out;
}
.waf-pagination-currentpage{
    cursor:default;
}
.waf-pagination-dots{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:5px;
    box-sizing:border-box;
}
.waf-pagination-currentpage {
    background-color:#a0a0a0;
}
@media (hover:hover) {
    .waf-pagination-page:hover{
        background-color:#a0a0a0;
    }
}
.waf-pagination-hidden{
   /* display:none!important;*/
}
.waf-pagination-page{
    background:#5b758c;
    color:#fff;
}
.waf-skin-light .waf-pagination-dots{
    color:#616872;
}
.waf-skin-dark .waf-pagination-dots{
    color:#fff;
}






/* stats frontend */

.waf-stat-display{
    background:#fff;
    padding:20px; 
}
.waf-stat-display-header{
    text-align:center;
    background:#0073aa;
    color:#fff;
}
.waf-stat-info{
    margin-left:5px;  
    font-style:italic;
}

.waf-visible{
    opacity:1;
}







@media (max-width:1200px){ 
    .waf-music-container-right{
        flex-basis:100%;
        justify-content:flex-end;
    }
}
@container waf_player_query (max-width:1200px){ 
    .waf-music-container-right{
        flex-basis:100%;
        justify-content:flex-end;
    }
}
@media (max-width:768px){ 
    .waf-inner{
        padding:10px;
    }
    .waf-column {
        flex-basis:100%;
    }
    .waf-music-container-left{
        justify-content:flex-start;
    }
    .waf-music-name{
        width:auto;
    }
    .waf-popup{
        padding:10px;
    }
    .waf-save-playlist-button{
        display:none;
    }

}
@container waf_player_query (max-width:768px){ 
    .waf-inner{
        padding:10px;
    }
    .waf-column {
        flex-basis:100%;
    }
    .waf-music-container-left{
        justify-content:flex-start;
    }
    .waf-music-name{
        width:auto;
    }
    .waf-popup{
        padding:10px;
    }
    .waf-save-playlist-button{
        display:none;
    }
}

@media (max-width:568px){ 

    .waf-music-container-bottom{
        display:none;
    }
    .waf-layout-button-wrap{
        display:none;
    }
    .waf-music-container-right{
        height:auto;
        flex-wrap:wrap;
    }
}
@container waf_player_query (max-width:568px){ 
    .waf-music-container-bottom{
        display:none;
    }
    .waf-layout-button-wrap{
        display:none;
    }
    .waf-music-container-right{
        height:auto;
        flex-wrap:wrap;
    }
}

@media (max-width:900px){ 

    /* dropdown filter left */
    .waf-filter-dropdown .waf-inner{
        flex-direction:column;
    }
    .waf-filter-dropdown .waf-filter-section{
        margin-right:0;
        margin-bottom:20px;
        width:100%;
    }

}
@container waf_player_query (max-width:900px){ 
    /* dropdown filter left */
    .waf-filter-dropdown .waf-inner{
        flex-direction:column;
    }
    .waf-filter-dropdown .waf-filter-section{
        margin-right:0;
        margin-bottom:20px;
        width:100%;
    }

}



















/* filter dialog */

.waf-filter-dialog .waf-component-label{
    padding:3px 0;
    display:flex;
    flex-direction:row;
    align-items:center;
}



.waf-filter-dropdown .waf-filter-dialog{
    position:relative;
    box-sizing:border-box;
    opacity:1;
    box-shadow:none;
    padding:0;
}
.waf-filter-dropdown .waf-filter-close{
    display:none;
}




/* range slider */

.waf-filter-wrapper{
    position:absolute;
    top:0;
    z-index:222;
    left:0;
    padding:5px 40px 20px 20px;
    opacity:0;
    transition:opacity 0.5s ease-out;
}
.waf-filter-pill .waf-filter-dialog{
    width:300px;
    box-sizing:border-box;
    display:none;
    left:-10000px;
}
.waf-skin-light.waf-filter-pill .waf-filter-wrapper{
    background-color:#ffffff;
    box-shadow:0px 0px 3px 3px #88888826;
}
.waf-skin-dark.waf-filter-pill .waf-filter-wrapper{
    background-color:#474747;
}
.waf-range-container{
    position:relative;
    width:100%;
    height:60px;
}
.waf-range-container-values{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.waf-range-num-text{
    margin:0 8px;
    font-size:14px;
}
.waf-skin-light .waf-range-num-text{
    color:#000;
}
.waf-skin-dark .waf-range-num-text{
    color:#ccc;
}
input[type="number"].waf-range-num1,
input[type="number"].waf-range-num2{
    width:80px;
    padding:2px;
    -webkit-backface-visibility:hidden;
    background-color:transparent;
    box-sizing:border-box;
    outline:none;
    margin:0; 
    -webkit-appearance:none;
    outline-offset:0;
    border-radius:0;
    font-size:13px;
    line-height:normal;
    box-shadow:none;
    height:auto;
}
.waf-skin-light .waf-range-num1,
.waf-skin-light .waf-range-num2{
    border:1px solid #999;
    background-color:#fff;
    color:#000;
}
.waf-skin-dark .waf-range-num1,
.waf-skin-dark .waf-range-num2{
    border:1px solid #737373;
    background-color:#474747;
    color:#fff;
}
.waf-range{
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    outline:none;
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    background-color:transparent;
    pointer-events:none;
    border:none;
    padding:0;
    box-shadow:none;
}
.waf-range-slider-track{
    width:100%;
    height:2px;
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
}
.waf-range::-webkit-slider-runnable-track{
    -webkit-appearance:none;
    height:2px;
    box-shadow:none!important;
    background-color:transparent!important;
}
.waf-range::-moz-range-track{
    -moz-appearance:none;
    height:2px;
    box-shadow:none!important;
}
.waf-range::-ms-track{
    appearance:none;
    height:2px;
    box-shadow:none!important;
}
.waf-range::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    appearance:none!important;
    height:18px;
    width:18px;
    cursor:pointer;
    margin-top:-8px;
    pointer-events:auto;
    border-radius:50%;
    background-color:#5b758c;
    box-shadow:none!important;
    /*box-shadow:0px 0px 5px rgb(0 0 0 / 22%)!important;*/
}

@media (max-width:1200px){ 
    .waf-range::-webkit-slider-thumb{
        height:24px;
        width:24px;
        margin-top:-11px;
    }
}
@container waf_player_query (max-width:1200px){ 
    .waf-range::-webkit-slider-thumb{
        height:24px;
        width:24px;
        margin-top:-11px;
    }
}

.waf-range::-moz-range-thumb{
    -webkit-appearance:none;
    height:18px;
    width:18px;
    cursor:pointer;
    border-radius:50%;
    background-color:#5b758c;
    pointer-events:auto;
    box-shadow:none!important;
}
.waf-range::-ms-thumb{
    appearance:none;
    height:18px;
    width:18px;
    cursor:pointer;
    border-radius:50%;
    background-color:#5b758c;
    pointer-events:auto;
    box-shadow:none!important;
}
.waf-filter-close{
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    cursor:pointer;
}
.waf-filter-close svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .4s ease-out;
    color:#aaa;
}
@media (hover:hover) {
    .waf-filter-close:hover svg{
        color:#0073aa;
    }
}


/* bool */

.waf-component-checkbox{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}
.waf-component-checkmark {
    position:relative;
    top:0;
    left:0;
    display:inline-block;
    border-radius:100%;
    border:1px solid #777;
    margin:0;
    height:20px;
    padding:0;
    width:20px;
    box-sizing:content-box;
}
.waf-component-checkbox:checked ~ .waf-component-checkmark {
    background-color:#5b758c;
}
.waf-component-checkmark:after {
    content:"";
    position:absolute;
    display:none;
}
.waf-component-checkbox:checked ~ .waf-component-checkmark:after {
    display:block;
}
.waf-component-checkmark:after {
    left:7px;
    top:3px;
    width:4px;
    height:9px;
    border:solid white;
    border-width:0 3px 3px 0;
    transform:rotate(45deg);
}
.waf-component-info{
    margin-left:7px;
    cursor:pointer;
    font-size:15px;
    font-weight:normal;
}
.waf-skin-light .waf-component-info{
    color:#000;
}
.waf-skin-dark .waf-component-info{
    color:#fff;
}

/* radio */

.waf-radio-container{
    display:flex;
    flex-direction:column;
}
.waf-filter-pill .waf-radio-container{
    padding-top:15px;
}

/*star */


.waf-star svg{
    position:relative;
    height:20px;
    fill:currentColor;
    color:#ffeb3b;
}







.waf-playlist-icon {
    font-family:'Font Awesome 5 Free','Font Awesome 5 Regular','Font Awesome 5 Brands','Arial';
    font-size:18px;
    font-weight:900;
    min-width:20px;
    margin:0;
    border:0;
    box-shadow:none;
    display:flex;
    justify-content:center;
    flex-direction:column;
    text-decoration:none;
}
.waf-icon-spotify svg{
    color:#81b71a;
}
.waf-icon-youtube{
    color:#FF0000;
}
.waf-icon-apple{
    -webkit-background-clip:text;
    background-image:linear-gradient(
                        to bottom,
                        #70c25c 0%,#70c25c 30%,
                        #ffc04a 30%,#ffc04a 42.5%,
                        #fc903d 42.5%,#fc903d 55%,
                        #e94752 55%,#e94752 67.5%,
                        #a954a5 67.5%,#a954a5 80%,
                        #00afe0 80%,#00afe0 100%);
    color:transparent;
}
.waf-icon-amazon{
    color:#FEBD69;
}
.waf-icon-soundcloud{
    color:#d2691e;
}
#custom-callback1{
    color:#3f51b5;
}











.waf-track-tag-data{
    display:none;
}





/* scroll top */
.waf-scroll-top-button{
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    top:20px;
    opacity:0;
    border-radius:100%;
    cursor:pointer;
    transition:opacity .5s;
    z-index:2147483646;
}
.waf-scroll-top-button-visible{
    opacity:1;
}
.waf-skin-light.waf-scroll-top-button{
    background:#fff;
    box-shadow:0px 0px 3px 3px #88888826;
}
.waf-skin-dark.waf-scroll-top-button{
    background:#666;
    box-shadow:0px 0px 3px 3px #3c3c3c26;
}



/* fixed player */

.waf-fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999999;
    opacity:0;
    display:none;
    transition:opacity .3s ease-out;
}
.waf-player-holder{
    position:fixed;
    height:60px;
    left:0;
    bottom:-60px;
    width:100%;
    display:flex;
    transition:bottom 0.5s;
}
.waf-skin-light .waf-player-holder,
.waf-skin-light .waf-player-outer-controls{
    background:#fafafa;
    box-shadow:0px -2px 5px 0px rgba(153,153,153,0.25);
}
.waf-skin-dark .waf-player-holder,
.waf-skin-dark .waf-player-outer-controls{
    background:#222;
    box-shadow:0px -2px 5px 0px rgba(20,20,20,0.25);
}
.waf-player-btn{
    position:relative;
    left:0;
    top:0;
    width:50px;
    height:100%;
    float:left;
    cursor:pointer;
}
.waf-player-toggle-icon{
    transition:all .3s ease-out;
    display:block;
}
.waf-player-toggle-icon-closed{
    transform:rotate(180deg);
}

.waf-playback-toggle span{
    display:block;
}


.waf-player-btn svg,
.waf-playback-toggle-ex svg,
.waf-player-toggle-ex svg,
.waf-scroll-top-button svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:20px;
    fill:currentColor;
    transition:color .3s ease-out;
}
.waf-skin-light .waf-player-btn svg,
.waf-skin-light .waf-playback-toggle-ex svg,
.waf-skin-light .waf-player-toggle-ex svg,
.waf-skin-light .waf-lyrics-popup-close svg,
.waf-skin-light.waf-scroll-top-button svg{
    color:#666;
}
.waf-skin-dark .waf-player-btn svg,
.waf-skin-dark .waf-playback-toggle-ex svg,
.waf-skin-dark .waf-player-toggle-ex svg,
.waf-skin-dark .waf-lyrics-popup-close svg,
.waf-skin-dark.waf-scroll-top-button svg{
    color:#aaa;
}
@media (hover:hover) {
    .waf-skin-light .waf-player-btn:hover svg,
    .waf-skin-light .waf-playback-toggle-ex:hover svg,
    .waf-skin-light .waf-player-toggle-ex:hover svg,
    .waf-skin-light .waf-lyrics-popup-close:hover svg,
    .waf-skin-light.waf-scroll-top-button:hover svg{
        color:#0073aa ;
    }
    .waf-skin-dark .waf-player-btn:hover svg,
    .waf-skin-dark .waf-playback-toggle-ex:hover svg,
    .waf-skin-dark .waf-player-toggle-ex:hover svg,
    .waf-skin-dark.waf-scroll-top-button:hover svg{
        color:#0073aa ;
    }
}

.waf-player-left {
    position:relative;
    top:0;
    left:0;
    height:100%;
    display:flex;
    align-items:center;
}
.waf-playback-controls{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
}
.waf-player-thumb{
    position:relative;
    width:60px;
    height:100%;
    float:left;
    overflow:hidden;
    background-position:50% 50%;
    background-size:cover;
    flex-shrink:0;
}
.waf-player-artist{
    font-size:13px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.waf-player-title-wrap{
    margin-left:15px;
    margin-right:10px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:300px;
    line-height:normal;
}
.waf-player-title{
    font-size:17px;
}
.waf-player-artist{
    font-size:13px;
}
.waf-skin-light .waf-player-title{
    color:#111;
}
.waf-skin-dark .waf-player-title{
    color:#bcbcbc;
}
.waf-skin-light .waf-player-artist{
    color:#9E9E9E;
}
.waf-skin-dark .waf-player-artist{
    color:#9E9E9E;
}

.waf-fixed-music-waveform-holder{
    position:relative;
    display:flex;
    flex:1;
    margin:10px 30px;
}
.waf-player-right{
    position:relative;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    height:100%;
}
.waf-right-controls{
    margin-right:20px;
}
.waf-volume-toggle .waf-btn{
    display:none;
}
.waf-player-outer-controls{
    position:absolute;
    right:0;
    top:-35px;
    width:70px;
    height:35px;
}
.waf-player-outer-controls button{
    position:relative;
    width:35px;
    height:35px;
    float:left;
    cursor:pointer;
    left:0;
    top:0;
    z-index:2;
}
.waf-hidden {
    opacity:0; 
}
.waf-visible {
    opacity:1;
    transition:opacity 500ms ease-out;
}




@media screen and (max-width:1024px) {
    .waf-player-holder{
        height:100px;
    }
    .waf-player-left{
        height:50px;
    }
    .waf-playback-controls{
        height:50px;
    }
    .waf-player-right{
        position:absolute;
        height:50px;
    }
    .waf-fixed-music-waveform-holder{
        height:40px;
        top:55px;
        left:0;
        position:absolute;
        right:0;
        margin:0 30px;
    }
    .waf-fixed .waf-music-download,
    .waf-fixed .waf-volume-wrap{
        display:none;
    }
}
@media screen and (max-width:700px) {
    .waf-prev-toggle{
        display:none;
    } 
}
@media screen and (max-width:500px) {
    .waf-player-title-wrap{
        max-width:200px;
    }
    .waf-playback-controls{
        display:none;
    } 
}
@media screen and (max-width:400px) {
    .waf-prev-toggle,
    .waf-next-toggle{
        display:none;
    }
}





.waf-search-filter-hidden{
    display:none!important;
}








.waf-force-hide{
    display:none!important;
}
.waf-force-show{
    visibility:hidden!important;
    display:block!important;
}



.waf-product-popup-visible{
    opacity:1;
}











/* modules/misMedia/css/epic.css */




.hap-epic{
	position:relative;
    background:#fff;
    padding:40px 40px 30px 40px;
}
.hap-epic .hap-player-outer{
	transition:opacity 0.3s ease-in-out;
    opacity:0;
}
.hap-epic .hap-player-wrap{
	position:relative;
	width:100%;
	/*height:300px;*/
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
.hap-epic .hap-player-holder{
	position:relative;
	width:300px;
}
.hap-epic .hap-btn{
	display:none;
	height:100%;
}

.hap-epic .hap-player-controls-right{
	display:flex;
	flex-direction:row;
	margin-right:20px;
}
.hap-epic .hap-contr-btn{
	position:relative;
	min-width:40px;
	height:50px;
}



.hap-epic .hap-contr-btn svg{
	color:#777;
}
@media (hover:hover) {
	.hap-epic .hap-btn:hover svg,
	.hap-epic .hap-contr-btn:hover > svg,
	.hap-epic .hap-contr-btn-hover svg{
		color:#C90032;
	} 
}
.hap-epic .hap-contr-btn svg{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:20px;
	fill:currentColor;
	transition:color .1s ease-out;
}


.hap-epic .hap-player-thumb-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
    height:300px;
}
.hap-epic .hap-player-thumb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
    background-size:cover;
    transition:opacity 0.3s ease-in-out;
    opacity:0;
}




.hap-epic .hap-seekbar-wrap {
    position:relative;
    margin:15px 20px;
}

.hap-epic .hap-seekbar {
    position:relative;
    height:50px;
    cursor:pointer;
    touch-action:none;

    display:flex;
    align-items:center;
    justify-content:center;
}

.hap-epic .hap-seekbar-wave,
.hap-epic .hap-seekbar-wave-progress{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.hap-epic .hap-seekbar-wave-progress{
    width:0;
}


.hap-epic .hap-media-time-ad{
	display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    line-height:50px;
    font-size:14px;
    height:100%;
    text-align:center;
    background:#ffffffd1;
}
.hap-epic .hap-media-time-ad{
	color:#c90032 !important;
}



.hap-epic .hap-player-controls{
	display:flex;
    justify-content:space-between;
    flex-direction:row;
    align-items:center;
}


.hap-epic .hap-player-controls-left{
	display:flex;
	flex-direction:row;
	align-items:center;
}



.hap-epic .hap-controls{
	position:relative;
	width:150px;
	height:50px;
}
.hap-epic .hap-prev-toggle{
	width:50px;
}
.hap-epic .hap-playback-toggle{
	width:50px;
}
.hap-epic .hap-playback-toggle svg{
	width:50px;
	height:36px;
}
.hap-epic .hap-next-toggle{
	width:50px;
}

.hap-epic .hap-volume-wrap{
	position:relative;
	margin-left:30px;
	height:50px;
	display:flex;
	flex-direction:row;
	align-items:center;
}
.hap-epic .hap-volume-toggle{
	position:relative;
	width:40px;
	height:50px;
}
.hap-epic .hap-volume-toggle svg{
	height:30px;
}
.hap-epic .hap-volume-seekbar{
	position:relative;
	margin-left:10px;
	width:200px;
	height:25px;
	cursor:pointer;
	touch-action:none;
}
.hap-epic .hap-volume-bg{
	position:absolute;
	top:11px;
	left:10px;
	width:180px;
	height:4px;
}
.hap-epic .hap-volume-bg{
	background:#ddd;
}
.hap-epic .hap-volume-level{
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
.hap-epic .hap-volume-level{
	background:#C90032;
}

.hap-epic .hap-random-toggle svg{
	height:23px;
}
.hap-epic .hap-share-toggle svg{
	height:28px;
}


.hap-epic .hap-playlist-main-title{
	margin-left:20px;
    font-size:36px;
    color:#111;
    display:none;
}
.hap-epic .hap-playlist-main-description{
    margin-left:20px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.3px;
    color:#C90032;
    display:none;
}







#hap-playlist-list{
	display:none;
}
.hap-epic .hap-playlist-holder{
	position:relative;
    top:0;
    height:100%;
    overflow:hidden;
    flex:1;
}
.hap-epic .hap-playlist-inner{
	padding:20px;
    position:relative;
    max-height:250px;
    box-sizing:border-box;
}
.hap-epic .hap-playlist-item-content {
	color:#222;
}
.hap-epic .hap-playlist-item-selected .hap-playlist-title-wrap{
	color:#C90032;
}

.hap-epic .hap-playlist-duration{
	font-size:12px;
}
.hap-epic .hap-playlist-date{
	font-size:11px;
	color:#666;
}


.hap-epic .hap-playlist-icon svg{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:18px;
	fill:currentColor;
	transition:color .1s ease-out;
	color:#C90032;
}

/*
.hap-epic .hap-playlist-item-selected .hap-playlist-icon svg{
	color:#fff!important;
}
.hap-epic .hap-playlist-icon:hover svg{
	color:#C90032;
}*/

.hap-epic .hap-playlist-filter-msg span{
	color:#C90032;
}
.hap-epic .hap-bottom-bar{
	position:relative;
	top:0;
	height:34px;
	width:100%;
	overflow:hidden;
}
.hap-epic .hap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0 2px!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#ddd !important;
	color:#000 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float:left;
	outline:none;
	font-size:16px;
}

.hap-epic .hap-sort-alpha{
	position:relative;
	left:5px;
	top:0;
	width:34px;
	height:100%;
	text-align:center;
	float:left;
}

.hap-epic .hap-bottom-bar-controls{
	position:absolute;
    right:25px;
    height:100%;
}

.hap-epic .hap-bottom-bar-controls .hap-contr-btn{
	position:relative;
	width:25px;
	height:34px;
	margin-left:10px;
	float:left;
}
.hap-epic .hap-range-toggle svg{
	height:26px;
}


.hap-epic .hap-playback-rate-holder,
.hap-epic .hap-embed-holder,
.hap-epic .hap-share-holder,
.hap-epic .hap-pwd-holder,
.hap-epic .hap-seekbar-comment-input-wrap,
.hap-epic .hap-range-holder{
    background:#fff; 
    border:1px solid #ddd;
    box-shadow:rgba(135,135,135,0.32) 0px 0px 11px;
}


/* redirect */
.hap-epic .hap-redirect-login-holder-inner{
	background:#fff; 
	box-shadow:0 0 8px rgba(0,0,0,0.1);
}
.hap-epic .hap-redirect-login-btn{
	background:#C90032;
    color:#fff;
}
.hap-epic .hap-redirect-login-header{
  	color:#333;	
}
.hap-epic .hap-redirect-login-title{
    color:#ccc;
}

/*pwd */
.hap-epic .hap-pwd-title{
	color:#222;
}
.hap-epic .hap-pwd-confirm{
	background:#f3f3f3;
    color:#656565;
}



/* embed */
.hap-epic .hap-embed-field-wrap-selected{
    background:#C90032;
    color:#fff;
}
.hap-epic .hap-embed-title{
	color:#222;
}
.hap-epic .hap-share-copy,
.hap-epic .hap-embed-copy{
	background:#f3f3f3;
    color:#656565;
}



.hap-epic .hap-share-holder-inner{
	height:50px;
}


/* dialog */

.hap-epic .hap-dialog{
    box-shadow:rgba(135,135,135,0.32) 0px 0px 11px;
}
.hap-epic .hap-dialog-header{
	background:#777;
}
.hap-epic .hap-dialog .hap-dialog-close svg {
    color:#fff!important;
}

/* range */

.hap-epic .hap-range-bg{
	top:14px;
	height:4px;
}

.hap-epic .hap-range-handle-a-hit{
	border-bottom-color:#666;
}
@media (hover:hover) {
	.hap-epic .hap-range-handle-a-hit:hover{
		border-bottom-color:#C90032;
	}
}
.hap-epic .hap-range-handle-b-hit{
	border-top-color:#666;
}
@media (hover:hover) {
	.hap-epic .hap-range-handle-b-hit:hover{
		border-top-color:#C90032;
	}
}

.hap-epic .hap-range-min-time,
.hap-epic .hap-range-max-time{
	color:#333;
}
.hap-epic .hap-range-bg{
	background:#ddd;
}
.hap-epic .hap-range-level{
	background:#C90032;
}


/* playback rate */

.hap-epic .hap-playback-rate-bg{
	height:4px;
	top:13px;
}

.hap-epic .hap-playback-rate-bg{
	background:#ddd;
}
.hap-epic .hap-playback-rate-level{
	background:#C90032;
}
.hap-epic .hap-playback-rate-drag{
    position:relative;
	top:-9px;
    width:21px;
    height:21px;
	border-radius:100%;
	background:#C90032;
	-webkit-transform:scale( 0.5 );
    transform:scale( 0.5 );
	-webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;    
   	box-sizing:border-box;    
   	-webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
    float:right;
 	margin-right:-9px;
}
.hap-epic .hap-playback-rate-drag:hover,
.hap-epic .hap-playback-rate-drag:active {
    -webkit-transform:scale(1);
    transform:scale(1);
}

.hap-epic .hap-tooltip{
	background:#C90032;
	color:#fff!important;
	box-shadow:1px 1px 8px #6060606b;
}

.hap-epic .hap-preloader {
    background-color:#C90032;
}


/* statistics */

.hap-epic .hap-stats svg{
	color:#777;
}
@media (hover:hover) {
	.hap-epic .hap-playlist-item .hap-play-count:hover > svg,
	.hap-epic .hap-playlist-item .hap-like-count:hover > svg,
	.hap-epic .hap-playlist-item .hap-download-count:hover > svg{
		color:#C90032!important;
	} 

}

.hap-epic .hap-stats span{
	color:#666;
}



/* lyrics popup */

.hap-epic .hap-dialog{
	background-color:#fff;
}

.hap-epic.hap-breakpoint-800 .hap-player-outer,
.hap-epic.hap-breakpoint-800 .hap-player-wrap{
	height:auto;
	flex-direction:column;
}
.hap-epic.hap-breakpoint-800 .hap-player-holder{
	width:100%;
}
.hap-epic.hap-breakpoint-800 .hap-player-thumb-wrapper{
	height:300px;
	width:300px;
	margin:0 auto;
}
.hap-epic.hap-breakpoint-800 .hap-playlist-holder{
	flex:none;
}
.hap-epic.hap-breakpoint-800 .hap-player-controls{
	flex-direction:column;
}

.hap-epic.hap-breakpoint-400 .hap-volume-seekbar{
	display:none!important;
}



/* playback rate */
.hap-epic .hap-playback-rate-toggle-inner{
    color:#fff;
    background:#777;    
}


/* modules/misMedia/css/fixed.css */




.hap-fixed{
	position:fixed;
	width:100%;
	max-width:none;
	bottom:-500px;
	left:0;
	line-height:normal!important;
	z-index:999999;
	display:none;
	margin:0;
	transition:bottom 0.5s ease-out;
	max-width:none!important;
}
.hap-fixed .hap-player-outer{
	transition:opacity 0.3s ease-in-out;
    opacity:0;
}
.hap-fixed .hap-player-holder{
	position:relative;
	left:0;
	background:#27363b;
	width:100%;
    float:left;
    max-height:60px;
}

.hap-fixed .hap-btn{
	display:none;
	height:100%;
}
.hap-fixed .hap-contr-btn{
	/*width:25px;
	height:100%;
	position:relative;
	cursor:pointer;*/
}
.hap-fixed .hap-contr-btn svg{
	color:#eee;
}
@media (hover:hover) {
	.hap-fixed .hap-btn:hover svg,
	.hap-fixed .hap-contr-btn:hover > svg,
	.hap-fixed .hap-contr-btn-hover svg{
		color:#ffa48f;
	} 
}
.hap-fixed .hap-contr-btn svg{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:15px;
	fill:currentColor;
	transition:color .3s ease-out;
}

.hap-fixed .hap-range-toggle svg{
	height:19px;
}
.hap-fixed .hap-volume-toggle svg{
	height:20px;
}


.hap-fixed .hap-playback-toggle-ex{
	position:absolute;
	width:30px;
	height:30px;
	top:-34px;
	right:35px;
	background-color:#27363b;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #444;
	cursor:pointer;
	z-index:2;
	display:none;
}
.hap-fixed .hap-player-toggle-ex{
	position:absolute;
	width:30px;
	height:30px;
	top:-34px;
	right:0px;
	background-color:#27363b;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #444;
	cursor:pointer;
	z-index:2;
}
.hap-fixed .hap-btn-player-toggle{
	transition:transform 0.3s ease-out;
	height:100%;
	display:block;
}
.hap-fixed .hap-btn-player-toggle svg{
	height:18px;
}
.hap-fixed .hap-btn-player-toggle-rotate{
	transform:rotate(180deg);
}

.hap-fixed .hap-right-controls{
	position:relative;
	float:right;
	height:25px;
	top:17px;
    display:flex;
    margin-right:15px;
}
.hap-fixed .hap-right-controls .hap-contr-btn{
	float:left;
	margin-left:10px;
	width:25px;
	position:relative;
}

.hap-fixed .hap-playlist-bar-controls-right{
	position:relative;
	float:right;
	height:100%;
    display:flex;
    margin-right:15px;
}
.hap-fixed .hap-playlist-bar-controls-right .hap-contr-btn{
	float:left;
	margin-left:10px;
	height:100%;
	min-width:25px;
	position:relative;
}

.hap-fixed .hap-left-controls{
	position:relative;
}

.hap-fixed .hap-player-thumb{
	position:relative;
	width:60px;
	height:60px;
	float:left;
	overflow:hidden;
	background-position:50% 50%;
    background-size:cover;
    transition:opacity 0.3s ease-in-out;
    opacity:0;
}
.hap-fixed .hap-info{
	width:calc(50% - 135px);
    float:left;
    height:60px;
    margin-left:10px;
    flex-direction:column;
    overflow:hidden;
    justify-content:center; 
    display:flex;
}
.hap-fixed .hap-player-title{
	font-size:15px;
	color:#fff;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.hap-fixed .hap-player-artist{
	font-size:13px;
	color:#ffa48f;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.hap-fixed .hap-center-controls{
	position:absolute;
	display:inline-block;
	height:30px;
	bottom:15px;
    left:50%;
    transform:translateX(-50%);
}
.hap-fixed .hap-prev-toggle{
	position:relative;
	left:0px;
	top:2px;
	width:25px;
	height:25px;
	float:left;
	margin-right:20px;
}
.hap-fixed .hap-playback-toggle{
	position:relative;
	top:0px;
	width:30px;
	height:30px;
	float:left;
	margin-right:20px;
}
.hap-fixed .hap-playback-toggle svg{
	height:25px;
}
.hap-fixed .hap-next-toggle{
	position:relative;
	top:2px;
	width:25px;
	height:25px;
	float:left;
}

.hap-fixed .hap-volume-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	cursor:pointer;
}
.hap-fixed .hap-volume-seekbar{
	position:relative;
	left:0px;
	top:5px;
	width:100px;
	height:16px;
	float:right;
	cursor:pointer;
	touch-action:none;
}
.hap-fixed .hap-volume-bg{
	position:absolute;
	top:6px;
	left:10px;
	width:80px;
	height:3px;
	background:#ccc;
}
.hap-fixed .hap-volume-level{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#ffa48f;
	-webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
}

.hap-fixed .hap-seekbar{
	position:absolute;
	top:-14px;
	left:0px;
	width:100%;
	height:20px;
	cursor:pointer;
	touch-action:none;
	z-index:1;
}
.hap-fixed .hap-progress-bg{
	position:relative;
	background:#ccc;
	width:100%;
	top:11px;
	height:3px;
}
.hap-fixed .hap-load-level{
	position:absolute;
	background:#ccc;
	top:0;
	height:100%;
}
.hap-fixed .hap-progress-level{
	position:absolute;
	background:#ffa48f;
	top:0;
	height:100%;
}
.hap-fixed .hap-ad-progress-level{
	background:#ffeb3b;
}
.hap-fixed .hap-media-time-ad{
	position:absolute;
    background:#e91e63;
    color:#ffffff;
    bottom:9px;
    padding:3px;
    left:0;
    font-size:13px;
    display:none;
}






#hap-playlist-list{
	display:none;
}
.hap-fixed .hap-playlist-holder{
	position:relative;
	width:100%;
	background:rgb(39 54 59);
	overflow:hidden;
	height:280px;
	border-top:2px solid #444;
}
.hap-fixed .hap-playlist-inner{
	margin:20px 20px 10px 20px;
	max-height:210px;
	position:relative;
	height:100%;
}
.hap-fixed .hap-playlist-item{
	font-size:15px;
 	padding:4px;
 	margin-bottom:5px;
 	transition:background-color 0.3s ease-out;
}
.hap-fixed .hap-playlist-item:last-child{
 	margin-bottom:0;
}
.hap-fixed .hap-playlist-item-content {
	color:#aaa;
}
.hap-fixed .hap-playlist-thumb{
	height:40px;
	width:40px;
	border:1px solid #aaa;
	margin-right:10px;
}
.hap-fixed .hap-thumbimg{
	-webkit-backface-visibility:hidden;
	filter:grayscale(100%);
}
@media (hover:hover) {
	.hap-fixed .hap-playlist-item:hover .hap-playlist-thumb img{
		filter:grayscale(0%);
	}
}

.hap-fixed .hap-playlist-item-selected{
	background:#ddd;
}
.hap-fixed .hap-playlist-item-selected .hap-playlist-title-wrap{
	color:#fff;
}

.hap-fixed .hap-playlist-description{
	font-size:13px;
}
.hap-fixed .hap-playlist-description{
	color:#555;
}

.hap-fixed .hap-playlist-duration{
	font-size:12px;
}
.hap-fixed .hap-playlist-duration{
	color:#ccc;
}
.hap-fixed .hap-playlist-date{
	font-size:11px;
}
.hap-fixed .hap-playlist-date{
	color:#787878;
}
.hap-fixed .hap-playlist-icons{
	margin-right:20px;
}



.hap-fixed .hap-playlist-icon svg {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .1s ease-out;
}
.hap-fixed .hap-playlist-icon svg {
    color:#666;
}
@media (hover:hover) {
	.hap-fixed .hap-playlist-icon:hover svg {
	    color:#fff;
	}
}


.hap-fixed .hap-playlist-filter-msg span{
	color:#fff;
}

.hap-fixed .hap-playlist-bar{
	position:relative;
	top:0px;
	clear:both;
	height:40px;
	width:100%;
	overflow:hidden;
}
.hap-fixed .hap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0 2px!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#ddd !important;
	color:#333 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float:left;
	outline:none;
}

.hap-fixed .hap-sort-alpha{
	position:relative;
	left:5px;
	top:0px;
	width:25px;
	height:100%;
	text-align:center;
	float:left;
}
.hap-fixed .hap-sort-alpha svg{
	height:17px;
}

/* dialog */

.hap-fixed .hap-dialog-header{
	background:#27363b;
}


/* range */

.hap-fixed .hap-range-bg{
	top:14px;
	height:3px;
}


.hap-fixed .hap-range-handle-a-hit{
	border-bottom-color:#ccc;
}
@media (hover:hover) {
	.hap-fixed .hap-range-handle-a-hit:hover{
		border-bottom-color:#ffa48f;
	}
}
.hap-fixed .hap-range-handle-b-hit{
	border-top-color:#ccc;
}
@media (hover:hover) {
	.hap-fixed .hap-range-handle-b-hit:hover{
		border-top-color:#ffa48f;
	}
}

.hap-fixed .hap-range-min-time,
.hap-fixed .hap-range-max-time{
	color:#999;
}

.hap-fixed .hap-range-bg{
	background:#ccc;
}
.hap-fixed .hap-range-level{
	background:#ffa48f;
}

/* playback rate */

.hap-fixed .hap-playback-rate-min,
.hap-fixed .hap-playback-rate-max{
	color:#aaa;
}

.hap-fixed .hap-playback-rate-bg{
	height:3px;
	top:13px;
}

.hap-fixed .hap-range-holder,
.hap-fixed .hap-playback-rate-holder,
.hap-fixed .hap-embed-holder,
.hap-fixed .hap-pwd-holder,
.hap-fixed .hap-seekbar-comment-input-wrap,
.hap-fixed .hap-share-holder{
	background:#27363b; 
	border:1px solid #444;
	box-shadow:1px 1px 6px rgba(40,40,40,0.3);
}




/* redirect */
.hap-fixed .hap-redirect-login-holder-inner{
	background:rgb(39,54,59); 
	box-shadow:0 0 8px rgba(0,0,0,0.1);
}
.hap-fixed .hap-redirect-login-btn{
	background:#ffa48f;
    color:#fff;
}
.hap-fixed .hap-redirect-login-header{
  	color:#fff;	
}
.hap-fixed .hap-redirect-login-title{
    color:#ccc;
}




/* pwd */
.hap-fixed .hap-pwd-title{
	color:#666;
}
.hap-fixed .hap-pwd-close svg{
	color:#666;
}


/* embed */
.hap-fixed .hap-embed-field-wrap-selected{
    background:#ddd;
    color:#fff;
}



.hap-fixed .hap-playback-rate-bg{
	background:#ccc;
}
.hap-fixed .hap-playback-rate-level,
.hap-fixed .hap-playback-rate-drag{
	background:#ffa48f;
}

.hap-fixed .hap-tooltip{
	background:#ffa48f;
	color:#fff;
}
.hap-fixed .hap-preloader {
    background-color:#ffa48f;
}

/* lyrics popup */

.hap-fixed .hap-dialog-content{
	background-color:#ddd;
}

/* stats */

.hap-fixed .hap-stat-icon{
	transition:color 0.3s ease-out;
}

.hap-fixed .hap-stat-icon{
	color:#777;
}
@media (hover:hover) {
	.hap-fixed .hap-stat-icon:hover{
		color:#fff;
	}
}


.hap-fixed .hap-playlist-item-selected .hap-playlist-duration{
	color:#aaa;
}


/* playback rate */
.hap-fixed .hap-playback-rate-toggle-inner{
    color:#fff;
    background:#ffa48f;    
}


/* comments */
.hap-fixed.hap-has-comments .hap-player-holder {
    max-height:87px;
}
.hap-fixed .hap-input-comment-header{
    color:#eee;
}
.hap-fixed .hap-comment-input-info{
    color:#ccc;
}
.hap-fixed .hap-seekbar-comment-wrap{
	margin-top:7px;
}




/* breakpoints */

.hap-fixed.hap-breakpoint-650 .hap-info{
	width:calc(100% - 265px);
    position:absolute;
    left:60px;
}
.hap-fixed.hap-breakpoint-650 .hap-center-controls{
	right:60px;
    transform:none;
    left:auto;
}
.hap-fixed.hap-breakpoint-650 .hap-right-controls {
    position:absolute;
    right:0;
}
.hap-fixed.hap-breakpoint-650 .hap-right-controls .hap-volume-seekbar,
.hap-fixed.hap-breakpoint-650 .hap-right-controls .hap-volume-toggle  {
    display:none;
}
.hap-fixed.hap-breakpoint-650 .hap-search-filter{
	display:none;
}







/* modules/misRadio/css/misRadio.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.radio_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

/* modules/smMediaBattle/css/css/smMediaBattle.css */




/* skins/mis/css/acp.css */


/* @title Info Log */
/* @help Background color for Informational (INF) Log entries */
.log-inf {
    background-color:transparent;
    text-align:left;
}

/* @title Minor Log */
/* @help Background color for Minor (MIN) Log entries */
.log-min {
    background-color:#FFCC5B;
    text-align:left;
}

/* @title Major Log */
/* @help Background color for Major (MAJ) Log entries */
.log-maj {
    background-color:#F90;
    text-align:left;
}

/* @title Critical Log */
/* @help Background color for Critical (CRI) Log entries */
.log-cri {
    background-color:#F60;
    text-align:left;
}

/* admin menu */
/* admin menu */
/* admin menu */

#item-holder {
    margin-right:12px;
}

dd {
    padding-top:0;
    padding-bottom:9px;
    margin:0;
    font-size:12px;
}

.admin_section_header {
    margin-top:0;
}

/* @title Menu Row */
/* @help The row for the menu list */
.item-entry {
    border-bottom:1px solid #EEE;
    color:#444;
    display:table-cell;
    font-size:14px;
    padding:6px;
    vertical-align:middle;
    width:100%;
}

.item-row {
    background:white none repeat scroll 0 0;
    cursor:pointer;
    display:table-row;
    height:42px;
    width:100%;
}

/* @title Menu Active Row */
/* @help The active row for the menu list */
.item-row-active {
    background-color:rgba(255,255,255,0.05);
}

.item-row:hover {
    background-color:rgba(255,255,255,0.1);
}

/* @title Menu Icon */
/* @help The icon for the menu item */
.item-icon {
    border-bottom:1px solid #EEE;
    display:table-cell;
    padding:3px;
}

.item-enabled {
    border-bottom:1px solid #EEE;
    display:table-cell;
    padding-right:6px;
}

/* @title Module Disabled */
/* @help Contents of Small box to the right of a disabled module */
.item-disabled {
    display:table-cell;
    color:#FFD984;
    background:#FFD984;
    font-size:6px;
    padding:0 6px 4px 2px;
    border:1px solid #FFCC5B;
    border-radius:50%;
}

#item-work {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
}

#item-work .page_content {
    padding:0 !important;
}

/* @title Banner Background */
/* @help The Banner Background is the background color in the small section at the top of pages where the module icon appears */
.page_banner_box {
    background:#F3F3F3;

}

/* @title Page Banner border */
/* @help The Page Banner border is the border around the section at the top of pages where the module icon appears */

.page_banner {
    background:#FAF9F2 linear-gradient(#EEE,#DDD) repeat scroll 0 0;
    margin-bottom:9px;
    color:#666;
}

/* @title Page Banner Icon */
/* @help The Page Banner Icon section is the small section at the top of pages where the module icon appears */
.page_banner_icon {
    width:1%;
    padding:4px 0 4px 8px; 
}

/* @title Page Banner Title */
/* @help The Title section in the page banner */
.page_banner_left {
    text-align:left;
    padding:11px 12px;
    font-size:15px;
    text-transform:uppercase;
    white-space:nowrap;
}

/* @title Page Banner Description */
/* @help The Description section on the right side of the page banner */
.page_banner_right {
    padding:4px;
    text-align:right;
}

.page_banner_right .form_button {
    margin-left:3px;
    vertical-align:middle;
}

.page_banner_right .form_select {
    margin-left:3px;
    height:32px;
    vertical-align:middle;
}

.search_area_right .form_button {
    margin-left:3px;
    vertical-align:middle;
}

.search_area_right .form_text {
    height:30px;
    vertical-align:middle;
}

/* @title Radio Option */
/* @help Format for Radio form field options */
.form_radio_option {
    display:inline;
    padding-right:32px;
}

/* @title Textarea */
/* @help Format for Textarea form input fields */
.form_text,input[type="text"] {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    border:1px solid transparent;
    border-radius:2px;
    color:#000000;
    font-size:14px;
    height:25px;
    line-height:25px;
    margin:0 2px;
    padding:0 4px;
    background-color:#FFFFFF;
}

/* @title Textarea Focus */
/* @help Class applied to a textarea field when the field is selected for input. */
.form_radio {
}

/* @title Radio Option */
/* @help Format for Radio form field options */
.form_radio_option {
    display:inline;
    padding-right:32px;
}

/* @title Textarea Focus */
/* @help Class applied to a textarea field when the field is selected for input. */
textarea:focus {
    border:1px solid #303030;
}

/* @title Checkbox */
/* @help Class applied to a checkbox form field */
.form_checkbox {
    font-size:16px;
    margin:3px;
    border-radius:3px;
}

/* @title Optionlist Text */
/* @help Class applied to the text to the right of an Optionlist entry */
.form_option_list_text {
    font-size:14px;
}

/* @title Disabled */
/* @help Class applied to a form element when it is disabled */
.form_element_disabled {
    border-width:1px;
    border-style:solid;
    border-color:#DDD;
    background-color:#FFF;
    color:#AAA;
}

/* @title Code Mirror */
/* @help Overrides Core CodeMirror class */
.CodeMirror {
    background:#FFF;
    padding:0;
    font-size:12px;
    border-radius:2px;
    margin-left:2px;
}

/* @title Date Input */
/* @help Format for Date Input form elements */
.form_date {
    color:#000;
    font-size:14px;
    height:24px;
    line-height:24px;
    width:15%;
    padding:0 4px; 
    margin:0 2px; 
    background-color:#FFF;
    border-width:1px;
    border-style:solid;
    border-color:#7F7F7F;
    border-radius:2px;
}

.form_date_birthday_year {
    padding:0 4px !important;
}

/* @title Input Focus */
/* @help Class applied to a text input field when the field is selected for input. */
input[type="text"]:focus,select:focus,textarea:focus {
    border:1px solid rgba(255,204,51,0.4);
}

.form_text[disabled="disabled"],.form_text[readonly="readonly"] {
    opacity:0.5;
}

#content .form_text.form_text_search {
    width:60%;
}

#content .form_text {
    width:80%;
}

.live_search_text {
    color:#CCC;
    font-style:italic;
    min-height:25px !important;
}

/* remove Firefox's dotted outlines... */
:focus {
    outline:none;
}

::-moz-focus-inner {
    border:0;
}

form {
    margin-bottom:0;
}

.element {
}

/* @title Element Left */
/* @help This is the left side of pages and forms where the label and sub-label will appear */
.element_left {
    text-align:right;
    text-transform:capitalize;
    padding:10px 6px 12px 0;
    width:23%;
}

.tool_element_left {
    padding:10px;
}

/* @title Element Right */
/* @help This is the right side of pages and forms where the form elements appear */
.element_right {
    padding:10px 0 10px 0;
    width:77%;
}

.tool_element_right {
    padding:6px;
}

/* @title Element Right URLs */
/* @help This is the color of URLs that might appear on the right side of the form */
.element_right a {
    color:#222;
}

.form_input_left {
    height:30px;
}

.form_input_right {
}

.sublabel {
    font-size:11px;
    text-transform:none;
}

.form_help_button {
    position:absolute;
    top:10px;
    right:6px;
    background:rgba(0,0,0,0) linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8)) repeat scroll 0 0;
}

/* @title Form Help */
/* @help This is for the help sections for t
he forms */

.form_help {
    background-color:#EEE;
    margin:0 12px 9px 2px;
    padding:9px;
    box-shadow:inset 0 0 3px #CCC;
    border-radius:2px;
}

/* @title Form Help Drop */
/* @help This is for the help drop down section for the forms */
.form_help_drop {
    background-color:#EEE;
    padding-top:8px;
    width:100%;
}

/* @title Form Help Drop Left */
/* @help This is for the left side help drop down section for the forms */
.form_help_drop_left {
    color:#666;
    font-size:14px;
    padding:10px 20px 20px;
    text-align:left;
    text-transform:none;
    width:95%;
}

/* @title Form Help Drop Right */
/* @help This is for the right side help drop down section for the forms */
.form_help_drop_right {
    width:5%;
    padding:10px 20px 20px 20px;
}

.form_help_default {
    display:inline-block;
    margin-top:12px;
}

/* @title Form Help Small */
/* @help This is for the small help text */
.form_help_small {
    display:inline-block;
    font-size:9px;
    margin-top:12px;
    color:#999;
    font-style:italic;
}

.form_submit_box {
    margin-top:6px;
}

.form_submit_section {
    background:#FAF9F2 linear-gradient(#EEE,#DDD) repeat scroll 0 0;
    padding:10px;
    text-align:center;
}

#form_submit_indicator {
    display:none;
    margin-right:10px;
    vertical-align:middle;
}

.page_notice_drop {
    background:#F3F3F3;
}

/* @title Form Message Box */
/* @help Form messages will be displayed withing the Form Message box */
.page_notice {
    text-align:center;
    padding:10px;
    font-size:14px;
}

/* @title Form Message Text */
/* @help Formats the message text as shown in the Form Message Box */
.form_notice {
    text-align:center;
    padding:10px;
    display:none;
}

/* @title Form Notice */
/* @help Background color of Form Notice messages */
.notice {
    background-color:#ADF !important;
    color:#000;
}

/* @title Form Warning */
/* @help Background color of Form Warning messages */
.warning {
    background-color:#FD0 !important;
    color:#000;
}

/* @title Form Error */
/* @help Background color of Form Error messages */
.error {
    background-color:#FFCC5B !important;
    color:#000;
}

/* @title Form Success */
/* @help Background color of Form Success messages */
.success {
    background-color:#8DD940 !important;
    color:#000;
}

/* @title Field Error */
/* @help Background color of a form field if the contents are in error */
.field-hilight {
    background-color:#FFCC5B !important;
    color:#000 !important;
}

/* @title Select */
/* @help Format for the Select form field. */
.form_select {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    border:1px solid transparent;
    border-radius:2px;
    box-sizing:border-box;
    color:#000000;
    font-size:13px;
    margin:2px;
    padding:3px;
    width:81.2%;
}

/* @title Select Multiple */
/* @help Format for the Select form field when multiple items can be selected. */
.form_select_multiple {
}

.form_select_and_text_select {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    width:35%;
    margin-right:12px;
}

.form_select_and_text_tag {
    text-transform:capitalize;
    margin-right:4px;
}

.form_select_and_text_text {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    width:35.1% !important;
}

/* @title Select Jumper */
/* @help Format for the Select Jumper field used in Page Headers */
.form_select_item_jumper {
    width:250px;
}

.form_admin_search {
    margin:7px 0;
    font-style:italic;
    color:#AAA;
}

/* @title Time Input */
/* @help Class applied to the Time Select Field */
.form_time {
    margin-left:12px;
    width:15%;
    min-width:95px;
}

optgroup {
    font-style:normal;
}

.accordion a {
    color:#F8C574;
    text-decoration:none;
}

.accordion a:hover {
    color:#FFF;
    text-decoration:none;
}

/* @title Form Button */
/* @help Format for Form Buttons */

.form_button:disabled {
    cursor:not-allowed;
}

/* @title Follow Button*/
/* @help Override for border-radius on follow button */

.form_button_disabled {
    opacity:0.5;
}

.form_button_disabled:hover {
    color:#A4A4A4;
    background:#F0F0F0;
}

.form_button a,.form_button_anchor a,.form_button_anchor:hover a {
    text-decoration:none;
}

.sprite_icon_hilighted {
    background-color:#FFCC5B;
}

/* @title Tables */
/* @help This is the HTML table style */
table {
    width:100%;
    border-width:0;
    border-spacing:0;
}

/* @title Table TD */
/* @help This is the TD tag for tables */
td,th {
    padding:0;
}

/* @title Table Links */
/* @help This is the color for URL links in a table */
td a {
    color:#269;
}

#page_notice > a {
    color:#58C;
}

/* @title Page Table */
/* @help This is the page table style */
.page_table {
    border-spacing:1px;
    margin:0 0 16px;
    width:100%;
}

.bigtable {
    border-spacing:3px;
}

/* @title Page Table Header */
/* @help This is the page header table style */
.page_table_header {
    background:#FAF9F2 linear-gradient(#EEE,#DDD) repeat scroll 0 0;
    color:#666;
    font-size:12px;
    padding:8px;
    text-align:center;
    text-transform:uppercase;
    font-weight:normal;
    white-space:nowrap;
}

.page_table_header .sprite_icon {
    background:transparent !important;
    border:0;
}

.page_table_header > a {
    color:#666;
    text-decoration:underline;
}

/* @title Page Table Footer */
/* @help This is the page footer table style */
.page_table_footer {
    background-color:#E8EAEB;
    text-align:center;
    padding:6px;
    font-size:12px;
    text-transform:capitalize;
    color:#000;
    white-space:nowrap;
}

/* @title Page Table Row */
/* @help This is the page row table style */
.page_table_row {
    background-color:#F2F2F2;
}

.page_table_row_alt {
    background-color:#F8F8F8;
}

/* @title Page Table Cell */
/* @help This is the page table cell style */
.page_table_cell {
    padding:5px;
    font-size:13px;
    color:#222;
}

.page_table_cell a {
    color:#222;
}

/* @title Page Table Pager */
/* @help This is the page pagination table style */

/* @title Page Pager Left */
/* @help This is the left pagination cell */
.page_table_pager_left {
    width:25%;
    padding:10px;
}

/* @title Page Pager Center */
/* @help This is the center pagination cell */
.page_table_pager_center {
    text-align:center;
    width:50%;
    padding:5px;
    font-size:11px;
}

/* @title Page Pager Right */
/* @help This is the right pagination cell */
.page_table_pager_right {
    text-align:right;
    width:25%;
    padding:6px;
}

/* @title Page Pager Jumper */
/* @help This is the page selection drop down */
.page_table_jumper {
    width:50px;
}

/* @title Page Notice */
/* @help This is the page notice section */
.page_table_notice {
    text-align:center;
    line-height:32px;
    font-size:14px;
}

/* @title Page Section */
/* @help The Page Section is the small divider that can divide forms into logical groups. */
.page_section_header {
    background:#FAF9F2 linear-gradient(#EEE,#DDD) repeat scroll 0 0;
    color:#666;
    font-size:15px;
    padding:6px 12px;
    text-transform:uppercase;
}

.item-list .page_section_header {
    margin-bottom:9px;
}

dt {
    font-weight:normal;
}

.admin_section_search {
    width:100%;
    padding:6px;
    box-sizing:border-box;
}

.admin_section_search .form_admin_search {
    width:100% !important;
    margin:0;
    padding:0 6px;
    height:32px;
    box-sizing:border-box;
}

/* @title Page Divider */
/* @help The small horizontal line or section that can be used to divide large sections of a page */
.page_divider {
    background-color:#FFF;
    border-bottom:1px solid #DDD;
}

/* @title Page Note */
/* @help If a module has a special "note" that it wants to display,this controls how it looks. */
.page_note {
    background-color:#CF9;
    color:#333;
    font-size:14px;
    margin-bottom:9px;
    margin-top:12px;
    padding:9px;
    text-align:center;
}

/* @title Page Search Hilight */
/* @help For options that support searching and hilighting,this is the background color for text matching. */
.page_search_highlight {
    background-color:#F7DD4F;
}

/* Tab Bar */
/* @title Tab Bar Holder */
/* @help This is the holder for the tab bar */
.page_tab_bar_holder {
    background:#F9F9F9;
    border-bottom:1px solid #DDD;
    padding-top:1px;
    width:100%;
}

.page_tab_bar_spacer {
    background:#FFF;
    height:10px;
}

.page_tab_bar {
    padding-left:9px;
}

/* @title Page Tab */
/* @help This is the tab for the tab bar */
.page_tab {
    background:#FFF;
    border-radius:2px 2px 0 0;
    color:#000;
    cursor:pointer;
    float:left;
    font-size:14px;
    list-style:outside none none;
    margin-left:6px;
    text-align:center;
    text-decoration:none;
    text-transform:capitalize;
    box-shadow:0 0 2px #CCC;
}

/* @title Page Tab Hover */
/* @help This is the tab hover for the tab bar */
.page_tab:hover {
    background:#DDD;
    text-decoration:none;
}

/* @title Page Tab Hover Link */
/* @help This is the tab link hover for the tab bar */
.page_tab:hover a {
    text-decoration:none;
}

.page_tab_active {
    color:#000;
    margin-bottom:0;
}

.page_tab_active:hover {
    border-bottom:0 none;
    color:#DDD;
    text-decoration:none;
}

.page_tab_active:hover a {
    color:#000;
    text-decoration:none;
}

.page_tab.page_tab_active a {
    color:#000;
}

.page_tab_active a:hover {
    color:#666;
}

/* @title Page Tab Link */
/* @help This is the tab URL link for the tab bar */
.page_tab a {
    color:#000;
    display:block;
    padding:7px 12px 6px 12px;
    text-decoration:none;
}

.page_tab_first {
    margin-left:0;
}

.page_tab_last {
}

/* @title Page Tab Active */
/* @help This is the active tab */
.page_tab_hilight {
    background:#FFCC5B;
    color:#000;
}

.page_tab_hilight a {
    color:#000;
}

.page_tab.page_tab_active {
    background:#FFCC5B;
}

/* @title Modal Overlay */
/* @help The background overlay for the Modal window */
#simplemodal-overlay {
    background-color:#000;
    cursor:wait;
}

/* @title Modal Window */
/* @help The Modal window */
#modal_window {
    background-color:#FFF;
    overflow:auto;
    padding:10px;
}

/* @title Modal Updates */
/* @help The Modal window updates */
#modal_updates {
    font-family:"Roboto Mono",Monaco,"Courier New",Courier,monospace;
    color:#000;
    font-size:11px;
    padding:8px;
    margin-left:3px;
    overflow:auto;
}

/* @title Modal Spinner */
/* @help The Modal window loading image */
#modal_indicator {
    right:10px;
}

#wrapper {
    min-height:calc(100vh - 180px);
    position:relative;
}

#content .item-list {
}

#admin_container.container {
    padding:1em;
    background:#F3F3F3;
    border-radius:2px;
}

.page_content #admin_container {
    padding:0;
}

#dashboard_container {
    background:#F3F3F3;
    border-radius:2px;
}

/* @title Site Content */
/* @help This is the main Site Content holder */

#content {
    font-size:1em;
    height:100%;
    margin:0 auto;
    max-width:1500px;
    min-height:calc(100vh - 289px);
    padding:40px 0 1em;
}

#content h2 {
    margin:0;
}

#content .sb-widget-title > h2 {
    font-weight:normal;
    text-transform:uppercase;
}

/* @title block */
/* @help This is the main style for the individual blocks of the page */
.block {
    background-color:transparent;
    padding:12px;
    margin:0 auto;
}

.recommend_box {
    background-color:#EDEDED;
    padding:25px;
    margin:12px;
    border-style:solid;
    border-color:#DDD;
    border-width:1px;
    font-size:16px;
    color:#000;
}

.recommend_box a {
    color:#369;
    text-decoration:none;
}

.recommend_box a:hover {
    color:#333;
    text-decoration:underline;
}

.search_box {
    background-color:white;
    color:#EEE;
    font-size:16px;
    margin:12px;
    padding:25px;
    border:none;
    border-radius:8px;
}

.search_box .form_text {
    vertical-align:middle;
    padding:3px 4px;
}

.search_box .form_button {
    vertical-align:middle;
}

.form_button_icon {
    color:#555;
    font-size:18px !important;
    line-height:31px !important;
}

.form_icon_button {
    background:#FFF linear-gradient(#FFF,#EEE) repeat scroll 0 0;
    width:31px;
    height:31px;
    border:1px solid #CCC;
    border-radius:2px;
    margin-left:3px;
}

/* @title Form Button Hover */
/* @help Format for Form Buttons when the mouse is hovered over the button */
.form_icon_button:hover {
    background-color:#EEE;
    color:#000 !important;
}

.page_content {
    background-color:#F3F3F3;
    color:#444;
}

#content .page_content {
    padding:1em;
}

.page_custom > .container {
    background-color:#F3F3F3;
}

.search_box a {
    text-decoration:none;
}

.search_box a:hover {
    color:#333;
    text-decoration:underline;
}

.container {
    margin:0;
}

.bignum_stat .sprite_icon {
    background:#666 none repeat scroll 0 0;
}

.sb-menu-entry {
    border-radius:2px;
    color:#000;
    cursor:move;
    font-size:15px;
    margin-top:3px;
    padding:6px 9px;
    text-transform:capitalize;
    vertical-align:middle;
}

#modal_window {
    background:#111 none repeat scroll 0 0;
}

.sb-widget-title {
    font-size:16px;
}

.sb-widget-col {
    padding:0 6px;
}

.sb-widget-col.sb-widget-hilight {
    padding:6px 6px 44px;
}

.form_text,.form_textarea,.form_select {
    background:#FFFFFF none repeat scroll 0 0;
    box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 0 1px rgba(0,0,0,0.1) inset,0 2px 0 rgba(255,255,255,0.05);
    color:000000;
}

.form_editor_holder {
    width:94%;
    padding-left:2px;
}

.mce-panel {
    border:1px solid #CCC;
    border-radius:2px;
    margin-left:4px;
}

.page_banner_box .page_banner {
    width:100%;
}

.plugin #providers .provider .name {
    color:#AAA;
}

.plugin .footer #branding a span.plugin_title {
    color:#FFF;
}

.plugin .footer #branding a {
    color:#CCC;
}

.simplemodal-container .sb-menu-entry {
    background-color:#555;
}

.sb-row-button {
    color:#666;
}

.black #debug_log {
    color:white;
}

#sb-edit-cp {
    border-radius:8px;
}

.widget-template-code {
    background:rgba(100,150,205,0.1) none repeat scroll 0 0;
}

textarea {
    border:1px solid transparent;
}

#info_box {
    margin-bottom:6px;
}

#info_box .item {
    border:0;
    padding:16px;
    font-size:13px;
}

#info_box .page_table_cell {
    background:white;
    padding:6px;
    font-size:12px;
}

#info_box .module_icon > img {
    border-radius:3px;
}

.page_content textarea {
    min-height:90px;
    width:77%;
}

.page_content .form_textarea {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:14px;
    margin-left:2px;
    width:80.3%;
    min-height:90px;
    padding:3px;
}

.form_textarea {
    border:1px solid rgba(0,0,0,0);
    border-radius:3px;
    height:100px;
}

a.qq-upload-cancel {
    color:black;
}

.center {
    text-align:center;
}

p.waiting {
    padding:12em 0;
}

.acp-default-img {
    border:medium none;
}

.action span.title {
    font-size:18px;
    display:block;
    margin-bottom:5px;
}

.sb-menu-entry a {
    color:white;
    cursor:pointer;
}

#action_text_counter {
    left:125px;
}

#gform .form_textarea {
    color:#FFFFFF;
    padding:13px;
    width:calc(100% - 26px);
}

.jrcore_file_detail {
    width:81.3%;
}

.image_update_display img {
    margin:0 0 10px 2px;
    border-radius:2px;
}

.gldp-default {
    margin:2px 0 0 2px;
    border-radius:2px;
    border-color:#555;
}

#jrUser_account input[readonly="readonly"] {
    background:#555;
    color:#FFF;
    opacity:1;
}

.style-select {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    border:1px solid transparent;
    border-radius:2px;
    box-sizing:border-box;
    background-color:#555;
    color:#EEE;
    font-size:13px;
    margin:2px;
    padding:3px;
}

/* skins/mis/css/base.css */


/* @title Config Block */
/* @help The set of buttons that float to the right,ie. create,delete and modify. */
.block_config {
    float:right;
    margin-left:6px;
    white-space:nowrap;
}

/* @title Image Block */
/* @help The DIV that holds a list image. */
.block_image {
    margin:0 auto;
    padding-right:6px;
}

/* @title Content Block */
/* @help The DIV that holds a lists content. */
.block_content {
    background-color:#FFF;
    padding:0;
    margin:0 auto;
}

/* @title Title */
/* @help This is the Title text */
.title {
    background-color:white;
    vertical-align:middle;
    text-transform:capitalize;
    color:#333;
    padding:12px;
}

.title h1 {
    font-weight:bold;
}

.title-more {
    display:inline-block;
    float:right;
    font-size:12px;
    text-transform:uppercase;
    margin-top:6px;
    color:#AAA;
}

.title-more a {
    color:#AAA;
}

.title-more a:hover {
    color:#000;
    text-decoration:none;
}

/* @title Info Text */
/* @help Styling for info labels. ie. Albums,Genre,Plays etc. */

.info {
    color:#000;
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-transform:capitalize;
}

/* @title Info Text Link */
/* @help This is the Info link text */
.info a {
    text-decoration:none;
    color:#58C;
}

/* @title Info Link Hover */
/* @help This is the Info link hover text */
.info a:hover {
    color:#888;
    text-decoration:underline;
}

.info.private {
    color:#000;
}

/* @title Date Text */
/* @help Any date text in your lists. ie. blogs,events etc. */
.info_c {
    color:#000;
    font-size:16px;
}

/* @title Date Link Text */
/* @help Any date text in your lists. ie. blogs,events etc. */
.info_c a {
    color:#58C;
    text-decoration:none;
}

/* @title Date Text */
/* @help Any date text in your lists. ie. blogs,events etc. */
.info_c a:hover {
    text-decoration:underline;
}

.p5 h3 {
    margin:0;
}



/* skins/mis/css/buttons.css */


.bullet-list {background:url("https://mediaistream.com/image/img/skin/mis/bullet_set.png") no-repeat 0 4px; padding-left:14px;}
.bullet-list:hover {background:url("https://mediaistream.com/image/img/skin/mis/bullet_set.png") no-repeat 0 -13px;}

.bullet-toggle {background:url("https://mediaistream.com/image/img/skin/mis/bullet_toggle_set.gif") no-repeat 0 0; padding-left:15px;}
.bullet-toggle:hover {background:url("https://mediaistream.com/image/img/skin/mis/bullet_toggle_set.gif") no-repeat 0 -15px; padding-left:15px;}

.button-play {background:url("https://mediaistream.com/image/img/skin/mis/button_player_set.png") no-repeat 0 0; height:20px; width:20px;}
.button-play:hover {background:url("https://mediaistream.com/image/img/skin/mis/button_player_set.png") no-repeat 0 -20px;}
.button-playing {background:url("https://mediaistream.com/image/img/skin/mis/button_player_set.png") no-repeat 0 -40px; height:20px; width:20px;}

.button-more {background:url("https://mediaistream.com/image/img/skin/mis/button_more_set.png") no-repeat 0 0; height:15px; width:47px; vertical-align:middle;}
.button-more:hover {background:url("https://mediaistream.com/image/img/skin/mis/button_more_set.png") no-repeat 0 -17px;}

.button-toggle {
    background:url("https://mediaistream.com/image/img/skin/mis/button_toggle_set.png") no-repeat 0 0;
    height:12px;
    width:108px;
    margin-left:8px;
    margin-bottom:-10px;
    margin-top:0;
}
.button-toggle:hover {background:url("https://mediaistream.com/image/img/skin/mis/button_toggle_set.png") no-repeat 0 -13px;}

.button-arrow-next {background:url("https://mediaistream.com/image/img/skin/mis/button_arrow_set.png") no-repeat 0 0; height:14px; width:25px; padding-left:25px;font-size:12px;}
.button-arrow-next:hover {background:url("https://mediaistream.com/image/img/skin/mis/button_arrow_set.png") no-repeat 0 -15px; height:14px; padding-left:25px;font-size:12px;}
.button-arrow-next-off {background:url("https://mediaistream.com/image/img/skin/mis/button_arrow_set.png") no-repeat 0 -30px; height:14px; padding-left:25px;font-size:12px;}
.button-arrow-previous {background:url("https://mediaistream.com/image/img/skin/mis/button_arrow_set.png") no-repeat 0 -45px; height:14px; padding-left:25px;font-size:12px;}
.button-arrow-previous:hover {background:url("https://mediaistream.com/image/img/skin/mis/button_arrow_set.png") no-repeat 0 -60px; height:14px; padding-left:25px;font-size:12px;}
.button-arrow-previous-off {background:url("https://mediaistream.com/image/img/skin/mis/button_arrow_set.png") no-repeat 0 -75px; height:14px; padding-left:25px;font-size:12px;}

.button-fav {background:url("https://mediaistream.com/image/img/skin/mis/button_fav_set.png") no-repeat 0 0; padding-left:22px;}
.button-fav:hover {background:url("https://mediaistream.com/image/img/skin/mis/button_fav_set.png") no-repeat 0 -17px;}



/* skins/mis/css/footer.css */


#footer ul {
    float:left;
    text-align:left;
    margin:0;
    padding:0;
    width:20%;
}

#footer ul li {
    list-style:none;
    line-height:16px;
    font-size:13px;
}

#footer ul li a {
    text-decoration:none;
    color:#AAAAAA;
}

#footer ul li a:hover {
    color:#BA4B0D;
}

#footer-bar {
    color:#999999;
    padding:10px;
    text-align:center;
    background:#111111;
    border-top:1px solid #333333;
    border-right:0;
    border-bottom:0;
    border-left:0;
    margin:0;
    border-radius:0 0 5px 5px;
}

.footer-copy {
    float:left;
    padding-left:16px;
}

.footer-design {
    float:right;
    padding-right:16px;
}

.rss-footer {
    background-image:url("https://mediaistream.com/image/img/skin/mis/rss_sml.png");
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:20px;
}

#footer {
    background:#222222;
    background:-moz-linear-gradient(#111111,#222222);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#111111),to(#222222));
    background:-webkit-linear-gradient(#111111,#222222);
    background:-o-linear-gradient(#111111,#222222);
    background:-ms-linear-gradient(#111111,#222222);
    background:linear-gradient(#111111,#222222);
    vertical-align:middle;
    margin:0 auto;
    font-size:12px;
    color:#CCCCCC;
    padding:10px;
    border-top:0;
    border-right:0;
    border-bottom:1px solid #000000;
    border-left:0;
}

/* @title Footer Links */
/* @help Footer text URL */
#footer a {
    text-transform:capitalize;
    text-decoration:none;
    color:#FFFFFF;
}

/* @title Footer Link Hover */
/* @help Footer text URL hover */
#footer a:hover {
    text-decoration:underline;
}

#footer_content {
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
}

#footer_logo {
    padding:12px;
    vertical-align:middle;
}

/* @title Footer Text */
/* @help Footer text */
#footer_text {
    text-align:right;
    color:#CCCCCC;
    font-size:14px;
    padding:12px;
}

/* @title Footer Social Networks */
/* @help the social network icons located in the footer */
#footer_sn {
    padding:12px;
    text-align:right;
    vertical-align:middle;
}

.scrollup {
    width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:10px;
    right:65px;
    display:none;
}

.scrollup:hover {
    opacity:1;
}


/* skins/mis/css/grid.css */


/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */

.container {
    margin:0;
}

.row {
	max-width:1800px;
    width:100%;
    margin:0 auto;
    overflow:hidden;
}

.row-first {
    padding-top:3px;
}

.row-last {
    padding-bottom:3px;
}

.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col20 {
    float:left;
}

.row .col1 {
    width:8.33%;
}

.row .col2 {
    width:16.66%
}
.row .col20 {
    width:20%
}
.row .col3 {
    width:25%
}

.row .col4 {
    width:33.2%
}

.row .col5 {
    width:41.65%;
}

.row .col6 {
    width:50%;
}

.row .col7 {
    width:58.31%;
}

.row .col8 {
    width:66.66%;
}

.row .col9 {
    width:75%;
}

.row .col10 {
    width:83.33%;
}

.row .col11 {
    width:91.63%;
}

.row .col12 {
    width:100%;
}

.last {
    margin-right:0;
}

.embedded,object,embed {
    max-width:100%;
}


/* skins/mis/css/header.css */


/* @title Header */
/* @help This is the main header section for the site */

#header {
    color:#000;
    height:40px;
    position:fixed;
    width:100%;
    z-index:200;
    background:#FFF;
}

/* @title Header Links */
/* @help Header text URL */
#header a {
    text-transform:capitalize;
    text-decoration:none;
    color:#000;
}

#header_content {
    height:100%;
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
}

.jlogo {
    position:relative;
    top:0;
    height:40px;
    width:175px;
}

#main_logo {
    float:left;
    vertical-align:middle;

    cursor:pointer;
}

/* @title Main Menu */
/* @help Main Menu */
#main_menu {
    height:100%;
    display:table-cell;
    vertical-align:middle;
    text-align:right;
    font-size:16px;
    padding-right:12px;
}

#add_to_cart_success {
    float:left;
    position:absolute;
    margin:0 auto;
    background-color:#FFCC5B;
    border:1px solid #999;
    padding:7px;
    font-size:14px;
    border-radius:3px;
}

#search_input {
    color:#DDD;
    font-style:italic;
    text-transform:capitalize;
}

/* skins/mis/css/html.css */


/*
* Jamroom Elastic CSS
 * Copyright 2003-2011 by Talldude Networks,LLC.
 * @author Brian Johnson - brian@talldude.net
 */

/* @title Page Background */
/* @help This is the main background for the site */
html {
    background-color:#fff;
    min-height:100vh;
}

/* @title Body */
/* @help This is the main style for the body of the page */
body {
    position:relative;
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	background:#FFFFFF;
    padding:0;
    margin:0;
}

/* @title Text Links */
/* @help Text URL links */
a {
    color:#000000;
    text-decoration:none;
    cursor:pointer;
}

/* @title Text Link Hover */
/* @help Text URL Hover */
a:hover {
    text-decoration:underline;
}


.item li {
    list-style:unset;
}

#header li {
    list-style:outside none none;
}


h1,h2,h3 {
    margin:0;
    padding:0;
}

#content h1,#content h2,#content h3 {
    display:inline;
}

#jrchat-room-browser {
    padding:3px;
}

#jrchat-active-title {
    color:#000;
}

.jrchat-msg {
    color:#000;
}


/* skins/mis/css/image.css */


/* @title Image Tag */
/* @help This is the class for the img tag in your HTML */
img {
    border:0;
    vertical-align:middle;
    height:auto;
}

/* @title Image Icon */
/* @help This is the icon image */
.img_icon {
    padding:1px;
    margin-right:12px;
}

/* images (not icons) */
.img_scale {
    width:100%;
}

.img_shadow {
}

.social-img {
    margin-right:12px;
}

.row img {
    display:inline-block;
}

.item-icon > img {
    width:40px;
}

/* @title Image Outline Hover */
/* @help This is the hover color for the small outline around small images that are linked */

.create_img {
    cursor:pointer;
}

.update_img {
    cursor:pointer;
}

.delete_img {
    cursor:pointer;
}


/* skins/mis/css/core_slidebar.css */


#sb-site,.sb-site-container,.sb-slidebar,body,html {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
    overflow:hidden
}

#sb-site,.sb-site-container {
    width:100%;
    min-height:100vh;
    position:relative;
    z-index:1;
}

#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before {
    content:' ';
    display:table;
    clear:both
}

.sb-slidebar {
    height:100%;
    overflow-y:auto;
    position:fixed;
    top:0;
    z-index:0;
    display:none;
    background-color:#222222
}

.sb-slidebar,.sb-slidebar * {
    -webkit-transform:translateZ(0px)
}

.sb-menu {
    width:100%;
    margin:0;
    padding:40px 0 0 0;
}

.sb-slidebar nav {
    margin:0;
    padding:0;
}

.sb-slidebar li {
    margin:0;
    list-style:none;
    font-size:16px;
    padding:12px;
    color:#FFFFFF;
    border-top:1px solid #333;
    border-bottom:1px solid #111;
    text-transform:capitalize;
}

.sb-slidebar li ul {
    margin-left:6px;
    margin-top:6px;
    padding:0;
}
.sb-slidebar li li {
    font-size:14px;
    border-bottom:0;
    padding:6px;
}

.sb-slidebar li a {
    color:#FFFFFF;
}

.sb-left {
    left:0
}

.sb-right {
    right:0
}

.sb-slidebar.sb-static,html.sb-static .sb-slidebar {
    position:absolute
}

.sb-slidebar.sb-active {
    display:block
}

.sb-style-overlay {
    z-index:9999
}

.sb-momentum-scrolling {
    -webkit-overflow-scrolling:touch
}

.sb-slidebar {
    width:30%
}

.sb-width-thin {
    width:15%
}

.sb-width-wide {
    width:45%
}

@media (max-width:480px) {
    .sb-slidebar {
        width:70%
    }

    .sb-width-thin {
        width:55%
    }

    .sb-width-wide {
        width:85%
    }
}

@media (min-width:481px) {
    .sb-slidebar {
        width:55%
    }

    .sb-width-thin {
        width:40%
    }

    .sb-width-wide {
        width:70%
    }
}

@media (min-width:768px) {
    .sb-slidebar {
        width:40%
    }

    .sb-width-thin {
        width:25%
    }

    .sb-width-wide {
        width:55%
    }
}

@media (min-width:992px) {
    .sb-slidebar {
        width:30%
    }

    .sb-width-thin {
        width:15%
    }

    .sb-width-wide {
        width:45%
    }
}

@media (min-width:1200px) {
    .sb-slidebar {
        width:20%
    }

    .sb-width-thin {
        width:5%
    }

    .sb-width-wide {
        width:35%
    }
}

#sb-site,.sb-site-container,.sb-slide,.sb-slidebar {
    -webkit-transform:translate(0px);
    -moz-transform:translate(0px);
    -o-transform:translate(0px);
    transform:translate(0px);
    -webkit-transition:-webkit-transform 400ms ease;
    -moz-transition:-moz-transform 400ms ease;
    -o-transition:-o-transform 400ms ease;
    transition:transform 400ms ease;
    -webkit-transition-property:-webkit-transform,left,right;
    -webkit-backface-visibility:hidden
}

.sb-hide {
    display:none
}


/* skins/mis/css/list.css */


/* @title List Row */
/* @help The List Row is the row section for ranking lists */
.list_row,.list_col {
    padding:6px;
    background-color:#CCC;
    color:#000;
}

/* @title List Image */
/* @help The List Image is for the images in the ranking list */
.list_image {
    padding:2px;
    background-color:#CCC;
    color:#000;
}

/* @title List Highlight */
/* @help The List Highlight is for the highlighted text in a ranking list */
.list_hl {
    background-color:#FFCC5B;
    color:#000;
}

/* @title List Item */
/* @help The List Item class is for the content in a  ranking list */
.item {
    background:white;
    border-bottom:1px solid #EEE;
    padding:1px;
}

.item a {
    text-decoration:none;
}

.item a:hover {
    text-decoration:underline;
}

/* @title Blogpost Link Color */
/* @help The color for links users include in their blog posts */
.blogpost p a {
    text-decoration:none;
}

.blogpost p a:hover {
    text-decoration:underline;
}

.add_to_cart_section {
    display:inline-block;
    background:#FFF linear-gradient(#FFF,#EEE) repeat scroll 0 0;
    border-radius:3px;
    box-shadow:inset 0 0 1px rgba(0,0,0,.5);
    margin-left:2px;
}

.add_to_cart_price {
    position:relative;
    top:3px;
    left:2px;
    padding:0 2px;
    padding-top:4px;
    color:#666;
    font-size:16px;
    line-height:16px;
}

.action_buttons .add_to_cart_section {
    vertical-align:top;
    background:#FFF;
    box-shadow:none;
}

.action_buttons .add_to_cart_price {
    top:3px;
    padding:0 2px;
}

.paypal_buy_now_section {
    height:30px;
}

.paypal_buy_now_section img {
    margin-top:3px;
}

.cart-section {
    display:inline-block;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    vertical-align:top;
}

.cart-price {
    position:relative;
    top:2px;
    left:2px;
    padding:0 2px;
    padding-top:4px;
    color:#000;
    font-size:16px;
    line-height:16px;
}

/* skins/mis/css/menu.css */


/* Main menu */

#menu,#menu ul {
    margin:0;
    padding-right:6px;
    list-style:none;
}

#menu {
    float:right;
    line-height:2.5em;
    margin:0 auto;
    width:100%;
}

#menu:before,#menu:after {
    content:"";
    display:table;
}

#menu:after {
    clear:both;
}

#menu {
    zoom:1;
}

#menu li.right {
    float:right;
    margin:0 20px 0 0;
}

#menu li {
    float:left;
    margin:0 0 0 30px;
    position:relative;
    text-align:left;
}

#menu li:first-child {
    border-right:0 none;
    margin:0;
}

#menu a {
    color:#000;
	font-weight:bold;
    float:left;
    font-size:16px;
    text-decoration:none;
    text-shadow:none !important;
}

#menu li:hover > a {
    text-decoration:none;
}

#menu li a:hover {
    color:#000;
    text-decoration:none;
}

#menu li:hover > ul {
    display:block;
}

/* Sub-menu */

#menu ul {
    background:#FFF none repeat scroll 0 0;
    border-radius:3px;
    box-shadow:0 3px 8px rgba(0,0,0,0.5);
    color:#000;
    font-size:13px;
	font-weight:bold;
    margin:0;
    padding:0;
    opacity:0;
    position:absolute;
    top:38px;
    transition:all 0.2s ease-in-out 0s;
    visibility:hidden;
    z-index:99999;
}

#menu li:hover > ul {
    opacity:1;
    visibility:visible;
    margin:0;
}

#menu ul ul {
    top:0;
    left:184px;
    color:#FFF;
    margin:0;
}

#menu ul li {
    float:none;
    width:177px;
    display:block;
    border:0;
    box-shadow:0 1px 0 #151515,0 2px 0 #454545;
    margin:auto;
}

#menu ul li:last-child {
    box-shadow:none;
}

#menu ul a {
    padding:0 10px;
    display:block;
    white-space:nowrap;
    float:none;
    text-transform:capitalize;
    font-size:13px;
}

#menu ul li:hover {
    background:rgba(34,102,153,0.5) none repeat scroll 0 0;
}

#menu ul li:first-child > a {
    border-radius:3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content:'';
    position:absolute;
    left:5px;
    top:-6px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid transparent;
}

#menu ul ul li:first-child a:after {
    left:-5px;
    top:50%;
    margin-top:-6px;
    border-left:0;
    border-bottom:6px solid transparent;
    border-top:6px solid transparent;
    border-right:6px solid transparent;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color:transparent;
}

#menu ul ul li:first-child a:hover:after {
    border-right-color:rgba(255,255,255,01);
    border-bottom-color:transparent;
}

#menu ul li:last-child > a {
    border-radius:0 0 3px 3px;
}

#menu-trigger {
    visibility:hidden;
}

#menu img {
    width:20px;
}

#menu .user-img {
    border-radius:50%;
    width:20px;
}

/* Cart */
#fc_quantity {
    position:relative;
    top:4px;
    right:8px;
    padding-right:5px;
    color:#FFCC5B;
}

/* iPad */
.no-transition {
    transition:none;
    opacity:1;
    visibility:visible;
    display:none;
}

#menu li:hover > .no-transition {
    display:block;
}

#menu .left {
    float:left;
}

#menu .left span {
    color:#F8C574;
}

/* modal */

/* @title Modal Overlay */
/* @help The background overlay for the Modal window */
#simplemodal-overlay {
    background-color:#000;
    cursor:wait;
}

/* @title Modal Window */
/* @help The Modal window */
#modal_window {
    background-color:#FFF;
    overflow:auto;
    padding:10px;
}

/* @title Modal Spinner */
/* @help The Modal window loading image */
#modal_spinner {
    vertical-align:middle;
    margin-right:8px;
}

.mobile {
    display:none;
}

li#menu_button > a {
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center;
    height:22px;
    width:22px;
    display:block;
}

#menu2 {
    background:#2D3236 none repeat scroll 0 0;
}

nav#menu2,nav#menu2 a {
    font-size:14px !important;
}

.menu_pad {
    height:100%;
    padding:0 2em;
}

#menu li span.notifications {
    background:rgba(255,225,100,0.8) none repeat scroll 0 0;
    border-radius:8px;
    color:#000;
    margin:0;
    opacity:1;
    padding:0 5px;
    position:static;
    text-shadow:none;
    top:0;
    transition:opacity 0.5s linear 0s;
}

#menu li span.notifications.none {
    opacity:0;
}

#menu li.right ul li:first-child > a::after {
    right:4px;
    left:auto;
}

#menu li.right ul {
    right:0;
}


#menu li.login ul li:first-child > a::after {
    right:8px;
    left:auto;
}

#menu .desk.right ul ul {
    left:-183px;
    right:auto;
}

#menu li.right ul ul li:first-child a::after {
    right:-6px;
}

#menu button.form_button {
    background:rgba(0,0,0,0) linear-gradient(rgba(100,100,100,0.6),rgba(100,100,100,0.3)) repeat scroll 0 0;
    border:medium none;
    box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 0 0 rgba(0,0,0,0.35),0 2px 4px rgba(0,0,0,0.25);
    color:white;
}

#menu button.form_button:hover {
    background:rgba(0,0,0,0) linear-gradient(rgba(160,160,160,0.6),rgba(160,160,160,0.3)) repeat scroll 0 0;
}

#menu .sprite_icon,.bottom_tab .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    opacity:0.3;
}

#menu .right.small {
    margin:0 6px;
    position:relative;
}

#menu .right.large {
    margin:0 50px 0 6px;
    position:relative;
}

#menu .right .count,.bottom_tab .count {
    display:none;
    font-size:14px;
	color:#FC0004;
    height:15px;
    left:20px;
    line-height:1.3;
    padding:0 4px;
    position:absolute;
    text-align:center;
    top:10px;
}

.bottom_tab .count {
    display:none;
    font-size:14px;
	color:#FC0004;
    height:15px;
    left:40px;
    line-height:1.3;
    padding:0 4px;
    position:absolute;
    text-align:center;
    top:10px;
}

#menu .right.active .sprite_icon,.bottom_tab .active .sprite_icon {
    opacity:1;
}

#menu .right.active .count,.bottom_tab .count {
    display:block;
}


/* skins/mis/css/profile.css */


section#profile_menu {
    min-height:50px;
    width:100%;
}

div#profile_header {
    position:relative;
}

section#profile {
    border-radius:0 0 8px 8px;
    margin:0 auto;
    max-width:1280px;
    min-height:calc(100vh - 285px);
    padding:40px 0 20px;
}

/*
        PROFILE BODY
*/

.wrap {
}

.box {
    clear:both;
    margin:0 0 10px;
    padding:2px;
    position:relative;
}

.sidebar .form_textarea,.textArea textarea {
    height:50px;
    margin:0.2em;
    padding:4px;
    width:95%;
}

#profile .sidebar .form_textarea {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow:none;
}

.action_buttons {
    position:absolute;
    right:8px;
    top:8px;
}
.sprite_icon {
    cursor:pointer;
    display:inline-block;
    margin:0;
	width:20px;
}

.sprite_icon:hover {
    cursor:pointer;
}
.textArea .form_textarea {
    height:auto;
    width:88%;
    background:none;
    box-shadow:none;
}

#recommend_string {
    vertical-align:middle;
    padding:3px 4px;
}

.comment > div {
    font-size:14px;
    padding:0;
}

.comment .like_button_box {
    margin:0;
    min-width:0;
    padding:0;
    width:auto;
}

/*
.action_feedback ul a {
    display:inline-block;
    padding:12px 36px;
}
*/

.comment .like_button_box {
    margin:0;
    padding:0;
}

.comment .time {
    color:#999;
    font-size:12px;
    vertical-align:bottom;
}

.comment_upload {
    float:right;
    padding:5px 0;
}

#comment_image {
    display:table-cell;
    width:5%;
    vertical-align:top;
    padding:10px 10px 10px 0;
}

#comment_image img {
    border-radius:3px;
}

#comment_submit_section {
    float:right;
    padding:10px 0 10px 10px;
    text-align:center;
    vertical-align:top;
}

.action_feedback .error {
    margin:0 22px 0 92px;
    padding:10px;
    border-radius:3px;
}

.loader img {
    position:absolute;
    top:50px;
}

.item_tags {
    display:none;
    margin:1em 0 0;
}



a.comment_button {
    background:rgba(0,0,0,0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUU2REE2OUVBNkIyMTFFNUE4QUFGODAzNDI0MjRCOTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUU2REE2OURBNkIyMTFFNUE4QUFGODAzNDI0MjRCOTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDM0ODM3MUY0MzE3MTFFMEI5QTdCNzY0MTdBNTA0MDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDM0ODM3MjA0MzE3MTFFMEI5QTdCNzY0MTdBNTA0MDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz572REQAAABnUlEQVR42sxUTUvDQBDdTTbpRyq9G0qgJeLVg17EfyDiyZN3waP/RhD8A3rw4LkXwd/Q5lCtbXootLSS9LvxTWiWEgxE2oIDG5KdmZe3M/OWB0HAtml8J4C2bbNisXhcKpWudV3fWywWqf6iKAqfz+cj13Wf+v1+tVarMUEOwzAOK5XKuxBCnc1mTFXVVGyITDabZeVy+bZer59h600hh2maj3Co0+lUBqZZZEQARAjjIWRNj3w+fzIejxnn/O81Qw7lZjKZAwkI8zZqBECXy+W3BAy22GqFbdl2A4ga6JueGhhCAqKgQdrZS2oKCGkSEFN+n8vlaPJDZ3x8or2khbFjw+HwWQJ2Op07rJc4IJWBmNN+EjD5ut1uFfk3FCNWgUGr1brs9Xr7UIuByTcty6oWCgU2GAw+G43GBWJ8JUJeM/xwNJlMvqIeiJXImaZpDEJ3Pc+j9w9cEqGsHMc5hRLaUMKvWqY4yo1MrAfglgmPgeQj+gbYue/7bWKaZPFmSkBig26HgDiy32w2r9CsVyo4MUmrc/7vb+wfAQYA1DjOpqcru6kAAAAASUVORK5CYII=") no-repeat scroll 10% center;
    padding:10px 12px 10px 35px;
}

a.share_button {
    background:rgba(0,0,0,0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMyMjMxMkE5QTZCMjExRTVBNzdGRDUwQzRDQUZBREYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMyMjMxMkFBQTZCMjExRTVBNzdGRDUwQzRDQUZBREYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzIyMzEyQTdBNkIyMTFFNUE3N0ZENTBDNENBRkFERjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzIyMzEyQThBNkIyMTFFNUE3N0ZENTBDNENBRkFERjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4AQftAAAACgElEQVR42pSTy2tTQRTGJzeTd0LSRCWbPCqYrFRKWxC6F+tKF4Ju3Eu2/gEuXLoU14LYvfpntBuRgtIWi8kiMZikubl5P/y+4R65xkbrgeHO3Dnnd745c0ZXKhVFWywWKhwOK621mc9mM+Xz+ZTf7zdf/uO80+k8sSyrlkgkPoxGI7PnNUutMDrO53M1nU4NjGsmm0wmN2u12nvAroVCIbN3IaBAGQCIgdMCgcBHrqvV6j6gV5ehfwUaB8syYCp1kwyDwSCTJAE9AHTdC7VWKYMSxUAC4ewDYM1xnCzmOfoQgiRrLrQoUL0MI4jH63a7u/1+/zZAGwhcx78MtoMYfvowmAnH43EaNd3P5XKbWH/7DUiH4XC4Wa/XX0LNLbkMOba3DNIZLvQSoAfZbPaO9iqDqkeA7bFl6HgRI5THtW37crPZfKP5gzAou9toNPakfoRyT1SyDBzck16Veg8GAxWLxX4UCoXHmnQ4xtrt9jsGSDOjyY/ZwJh/R7AN0AygOep6HWNHygAhPE2rVCptIeZUR6NRBalPIZnzaSaTeY5sbxFwLPXii0gmk4q+uNWHKM0OhbiwTrlc3opEIqdUqnm0Vqv1LB6PHxWLxV04nrBxpZnltdCZcKyv8OvCzlzYV+6b19Tr9e4xKJ/Pb+BIDtVwLTXiXC7Ifd8TwqDWxjG3ATsRGE2jHg/S6fQLODi4/l8tITfItTQtg5DwBi8GyrYRc+SFGSAWZ9h4zeyiwttv0ug0Hh3wT1B2HzFflmEGiIBD3M6hgEQh15xL+9BYjlQq9QrHVOfBTDyAn6mCwTIEIH3ofeNMQKXnwYxC9FnNq2IZ8r/2B1CgqxT8y34KMABFVbboGmWuxgAAAABJRU5ErkJggg==") no-repeat scroll 10% center;
    margin:0;
    padding:12px 10px 12px 32px;
}

a.tag_button {
    background:rgba(0,0,0,0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1MzQzQjIyQTgxMDExRTU4NDk3RjdEMUI0N0YzNDFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1MzQzQjIzQTgxMDExRTU4NDk3RjdEMUI0N0YzNDFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTUzNDNCMjBBODEwMTFFNTg0OTdGN0QxQjQ3RjM0MUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTUzNDNCMjFBODEwMTFFNTg0OTdGN0QxQjQ3RjM0MUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz555lWhAAAA9ElEQVR42qzVPQuDMBAG4Fzt4KwUFxdHBf+4f0dQcHFSiCLoIm7XniBUm4+zmsEhCY+55DUCIoo720Pc3J70SNPUOClJEjxWAgCiaRpwHEcEQYBZlgFrhXEco2pbqG+aphWTUgKrZMJU/W3bQtd1QON5nsNPyWcwKtV1XeF5HhL62a5tnr5kHbaVOs+zGIYBxnFUHwoX21oYhkgr9X3fHBsO9r1SYw7PYNZgR1HUX0Go/B1Y1/XrClgUxT6H9IaqquAfrCxL0B7KWfSIKXPIRVWYNtg2VIcZv2UdasKsl8MRtWGs64uQZVl6DrYm5u5fwFuAAQBINnUv6P4z/wAAAABJRU5ErkJggg==") no-repeat scroll 0 center;
    padding:9px 9px 9px 27px;
}



.item.rounded.urlscan_card {
    box-shadow:none;
    margin:0;
    padding:0;
}

.wrap .title {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#444;
    display:block;
    font-size:18px;
    font-weight:bold;
    padding:0;
    text-transform:capitalize;
    vertical-align:top;
    margin-top:-4px;
}

.media_image {
    float:right;
    margin:0 0 0 1em;
    width:50%;
}

.location,.date,.category {
    color:#999;
    display:block;
    font-size:14px;
}

.list-item img {
    width:100%;
}

.col3 .item_media .wrap > p {
    margin:0;
}

.clear {
    clear:both;
}

.double_1,.double_2 {
    float:left;
    width:50%;
}

.triple_2,.triple_3 {
    float:left;
    width:50%;
}

.quads_1 {
    width:66.66%;
    float:left;
}

.quads_2,.quads_3,.quads_4 {
    float:left;
    width:33.33%;
}

.fifths_1,.fifths_2 {
    float:left;
    width:50%;
}

.fifths_3,.fifths_4,.fifths_5 {
    float:left;
    width:33.33%;
}

.single_1 > div,.double_1 > div,.double_2 > div,.triple_1 > div,.triple_2 > div,.triple_3 > div,.fifths_1 > div,.fifths_2 > div,.fifths_3 > div,.fifths_4 > div,.fifths_5 > div,
.quads_1 > div,.quads_2 > div,.quads_3 > div,.quads_4 > div {
    padding:1px;
}

.list-info.full {
    position:absolute;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:5;
    text-align:center;
}

.list-info.full span {
    font-size:22px;
    color:white;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    text-align:center;
}

.list-item.quads .list-info span {
    display:block;
    font-size:2em;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    color:white;
}

.list-item.photo.hidden {
    display:none;
}

.profile_hoverimage {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    color:white;
    display:none;
    left:4px;
    line-height:0;
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
}

.profile_image .normal {
    background:rgba(0,0,0,0.4) none repeat scroll 0 0;
    color:#FFF;
    font-weight:bold;
    padding:7px;
}

.list-info .title {
    font-weight:normal;
}

.list-info.photo > div {
    padding:5px;
}

.head_tab > li {
    border-radius:8px 8px 0 0;
}

#actions_tab > li:last-child {
    border-radius:0 8px 0 0;
}

#actions_tab > li:first-child {
    border-radius:8px 0 0;
}

.action_buttons li {
    list-style:outside none none;
    padding:7px;
}

#actions_tab li.solo {
    border-radius:8px 8px 0 0;
}

.action_buttons ul {
    margin:0;
    padding:0;
}

.box > ul#actions_tab,.box > ul.head_tab {
    height:35px;
    margin:0;
    padding:0;
}

.comment_content {
    display:table-row;
}

.user_image {
    display:table-cell;
    width:10%;
    padding:8px;
}

.comment_page_section {
    background:#FFF none repeat scroll 0 0;
    display:table;
    box-sizing:border-box;
}

.comment {
    border-bottom:1px dotted #CCC;
    display:table-cell;
    padding:5px;
    vertical-align:top;
}

.like_button_box a {
    line-height:17px;
    vertical-align:bottom;
	font-size:10px;
}

.like_button_box a:hover {
    text-decoration:none;
	font-size:10px;

}

.dislike_button_box a {
    line-height:17px;
    vertical-align:bottom;
	font-size:10px;
}

.dislike_button_box a:hover {
    text-decoration:none;
	font-size:10px;
}
.like_button_box{
    text-decoration:none;
	font-size:12px;
    vertical-align:bottom;
}
.comment > div > a {
    vertical-align:bottom;
}

.comment .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    padding:3px;
}

.player_button {
    display:block;
    height:50px;
    width:50px;
}

.player_button > a {
    background:rgba(0,0,0,0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEyMXB4IiBoZWlnaHQ9IjEyMXB4IiB2aWV3Qm94PSIwIDAgMTIxIDEyMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMyAoMTE5NzApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlBsYXk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0xIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4yMSAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdHlwZT0ibWF0cml4IiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgICAgICA8ZmVNZXJnZT4KICAgICAgICAgICAgICAgIDxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIj48L2ZlTWVyZ2VOb2RlPgogICAgICAgICAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIj48L2ZlTWVyZ2VOb2RlPgogICAgICAgICAgICA8L2ZlTWVyZ2U+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iTGFuZHNjYXBlLS0tNi1QbHVzIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0MC4wMDAwMDAsIC0zNDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJQbGF5IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjQwLjM0MjEzMywgMzQ2LjMzMzMzMykiPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwtMTAyIiBmaWxsLW9wYWNpdHk9IjAuNCIgZmlsbD0iIzAwMDAwMCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgY3g9IjYwIiBjeT0iNjAiIHJ4PSI2MCIgcnk9IjYwIj48L2VsbGlwc2U+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDMuNTAwNDQ3MSw3OC40NjA5MjM5IEM0My40NjQ0MTEsODAuOTM5NTI4NSA0NS42MTA4MDc0LDgyLjkwMDkwODQgNDguNTQ3NzQ0NCw4MS40MjE2NjgxIEw4MC4wOTA1MzcxLDYyLjc3MjE0ODcgQzgyLjU1Nzg3OTUsNjEuMzM4MTc5NyA4Mi41NzcwMjM2LDU3LjI4MTg2OTYgODAuMDc0NzcxNCw1NS44MDk0MiBMNDguODQ3MjkzOSwzNy4zMTk0ODIgQzQ2LjU1MTEyMjcsMzUuOTQ0MzY1NyA0My41MTczMzg5LDM2LjY3NjYyOTMgNDMuNTE3MzM4OSw0MC4xMzc2MjE1IEw0My41MDA0NDcxLDc4LjQ2MDkyMzkgTDQzLjUwMDQ0NzEsNzguNDYwOTIzOSBaIiBpZD0iSW1wb3J0ZWQtTGF5ZXJzIiBmaWxsPSIjRkZGRkZGIiBmaWx0ZXI9InVybCgjZmlsdGVyLTEpIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat scroll center center / contain;
    display:block;
    height:40px;
    margin:auto;
    width:40px;
}

div#list > .item:last-child,
.widget-item-widget_list > .item:last-child {
    margin:0;
    border:medium none;
}

div#list > .item:first-child,
.widget-item-widget_list > .item:first-child {
    margin:0 auto;
}

#list ul li:last-child .item {
    margin:0;
}

#list ul li:first-child .item {
    margin:0;
}

#guestbooks .item:last-child,#guestbooks .item:last-child {
    margin:0;
    border:medium none;
}

.list_item:last-child {
    border:medium none;
    margin:0;
}

#list .item h1 {
    margin:0;
}

#list li .list_item:first-child {
    margin:0 0 1em;
}

#list li:last-child .list_item:first-child {
    margin:0;
}

#list li {
    list-style:none;
}

#list ul.sortable li:last-child .list_item {
    border:medium none;
}

#list > .ui-sortable .list_item {
    border-bottom:1px solid #EEE;
}

.list-info > div {
    padding:5px 15px;
}

.item_media .list-info div > span {
    font-size:1.3em;
}

.blog {
    position:relative;
}

.blog > .media_image {
    float:none;
    margin:0;
    width:100%;
}


.online_status_user h2 {
    margin:0;
}

.list-text {
    border-bottom:1px dashed #333;
    padding:5px 0 3px;
    position:relative;
}
.solo {
    border-radius:8px 8px 0 0;
}

.block_search h3 {
    display:inline;
    font-size:14px;
    margin:0;
    padding:0;
}

.follow_pending {
    background:#333 linear-gradient(#788,#555) repeat scroll 0 0;
    color:white;
}

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

.clearfix {
    display:inline-block;
}

* html .clearfix {
    height:1%;
}

.clearfix {
    display:block;
}

.small_image {
    width:33.33%;
    float:left;
}

.small_image > div {
    padding:1px;
}

.online_status_online {
    background-color:#CF9;
    color:#000;
    display:inline-block;
    padding:4px;
    width:100%;
}

.online_status_offline {
    background-color:#CF9;
    color:#000;
    display:inline-block;
    padding:4px;
    width:100%;
}

.more > a {
    color:#269;
}

.breadcrumbs > a {
    display:inline-block;
    text-transform:capitalize;
    text-decoration:none;
}

.profile_tab_holder {
    width:100%;
    padding:5px;
    margin:10px;
    border-bottom:1px solid #B8B8B8;
}

.profile_tab {
    float:left;
    min-height:37px;
    margin-bottom:-1px;
}

.profile_tab > a {
    background:#FFF linear-gradient(#FFF,#EEE) repeat scroll 0 0;
    border:1px solid #B8B8B8;
    border-radius:3px 3px 0 0;
    display:inline-block;
    font-weight:bold;
    padding:8px;
    text-transform:capitalize;
    text-decoration:none;
}

a.profile_tab_active {
    background:#FFF linear-gradient(#EEE,#DDD) repeat scroll 0 0;
    margin-bottom:-1px;
    border-bottom:0;
}

.profile_tab > a.profile_tab_active {
    border-bottom:1px solid #D7DADC;
}

.image_nav .form_button {
    padding:5px 10px;
}

.list-item.photo {
    position:relative;
}

.list-item.photo.quads > div > div {
    position:relative;
}

section#profile .page_tab_bar_holder {
    border-bottom:medium none;
}

.middle > div {
    text-align:center;
}

.comment_text {
    display:inline-block;
    color:#000;
    padding:10px 0;
    margin:0 0 10px;
}

#jrEvent_calendar .ecal-calendar th {
    background:#DFDFDF none repeat scroll 0 0;
    border:1px solid #CCC;
    color:#555;
    padding:10px 0;
    text-align:center;
}

#jrEvent_calendar table.ecal-main {
    width:100%;
}

#jrEvent_calendar .ecal-date {
    border:medium none;
    color:#666;
    margin:5px 0 0;
}

#jrEvent_calendar .ecal-shadow {
    opacity:0.3;
}

.ecal-main.ecal-calendar img {
    float:left;
    width:25px;
}

.ecal-event-list li a {
    font-size:11px;
}

#jrEvent_calendar .ecal-even-row {
    background-color:#FFF;
    background-image:none;
}

#jrEvent_calendar .ecal-today .center {
    font-size:0.9em;
    font-weight:bold;
}

#profile_header > .wrap {
    background:white none repeat scroll 0 0;
    border-radius:5px;
    box-shadow:0 0 2px #AAA;
}

div#profile_header > div > a > img {
    display:block;
    margin:auto;
    max-width:1500px;
    position:relative;
    width:100%;
}

.wrap.cat:first-child {
    padding:1em;
}

.wrap.cat {
    padding:0 1em 1em;
}

.faq h3 {
    display:inline;
}

.doc_pager {
    background:#D6D7D9 none repeat scroll 0 0;
    display:table;
    font-size:14px;
    width:100%;
}

.section_text {
    background:#FDFDFF none repeat scroll 0 0;
    color:#666;
    font-size:14px;
    padding:12px;
}

.doc_pager a {
    color:#000;
}

.doc_toc a {
    color:#752545;
    cursor:pointer;
}

.new_section_button > a {
    color:white;
}

.new_section_button {
    padding:5px;
}

.new_section_box {
    background:white none repeat scroll 0 0;
    border:medium none;
    border-radius:4px;
    box-shadow:3px 3px 16px #999;
    display:none;
    overflow:visible;
    padding:12px;
    position:inherit;
    text-align:left;
    width:400px;
    z-index:10000;
}

.section_function_title {
    background:white none repeat scroll 0 0;
    border:2px solid #999;
    font-family:"Roboto Mono",monospace;
    font-size:16px;
    margin:10px 0;
    padding:12px;
}

.section_function {
    border:1px solid #CCC;
    border-radius:3px;
    display:table;
    font-size:14px;
    margin-bottom:0;
}

.section_function_name {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    margin-bottom:0;
    padding:12px;
}

.section_function_cell {
    background:#FFF none repeat scroll 0 0;
    border-bottom:medium none;
    border-top:1px solid #EEE;
    padding:9px 12px;
}

.section_function_desc {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
}

.section_file {
    background:#FFF none repeat scroll 0 0;
    border-radius:3px;
    margin-bottom:12px;
}

.toc_chapter {
    margin:0;
}

.doc_toc_list h1 {
    margin:0;
}

.toc_indent_1 {
    margin:5px 0 0 26px;
}

.forumCrumbs {
    font-size:16px;
    font-weight:normal;
}

.forum_post_pinned {
    border:2px dotted #CCC;
}

.forum_post_count {
    background:#EEE none repeat scroll 0 0;
    margin-right:0;
}

.forum_post_image {
    font-size:11px;
    word-break:keep-all;
    word-wrap:normal;
}

.forum_post_image a {
    word-wrap:break-word;
    word-break:break-all;
}


.playlist_box {
    background-color:#FFF;
    border:medium none;
    border-radius:8px;
    box-shadow:1px 1px 10px #999;
}

.advert {
    float:right;
    margin:46px 0 0;
    width:90px;
}

.bbcode_quote {
    border-radius:3px;
}

div#tag_message {
    margin:1em 0;
    padding:3px;
}


.item_media.action_text.clearfix > p {
    margin:1em;
}

.p5.center.field-hilight > a {
    color:#333;
}

.action_comments {
    position:relative;
    padding:0;
    margin-top:10px;
}

.action_item_detail {
    padding:1em;
    background:#F6F8FC;
    border-radius:5px;
    box-shadow:0 0 2px #BBB;
}

#comment_area .textArea {
    padding:10px 0;
}

#comment_text {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    height:72px;
    width:100%;
    border:1px solid #777;
    border-radius:3px;
    box-sizing:border-box;
}

.detail_section .action_comments {
    display:block;
}

.detail_section .action_feedback {
    padding-top:10px;
}

.detail_section .title {
    font-size:20px;
}

.caption {
    background:#111 none repeat scroll 0 0;
    color:#EEE;
    padding:1em;
}

.tag_name_box {
    background:white none repeat scroll 0 0;
    border:medium none;
    box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 0 0 rgba(0,0,0,0.35),0 2px 4px rgba(0,0,0,0.25);
    margin:6px;
    padding:6px;
}

.item_tags > div {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    margin-bottom:12px;
}

.tag_name_box:hover {
    background:#393E42 none repeat scroll 0 0;
}

.pending {
    padding:1em;
}

.action_comment {
    background:#FFF none repeat scroll 0 0;
    box-shadow:0 0 2px #AAA;
    padding:12px;
}

div#editor-input form > br {
    display:none;
}

section .block_content textarea {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    width:98%;
    padding:6px;
}

#timeline .block {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
}

.item .border {
    border-top:1px solid #EEE;
}

#profile .block .page_content {
    padding:0;
    border-radius:0;
}

#profile .page_content {
    padding:10px 0;
    border-radius:4px 4px 0 0;
}

.timeline_filter {
    background-image:linear-gradient(#FFF,#EEE);
    border-radius:4px;
    box-shadow:0 0 2px #BBB;
    position:absolute;
    right:0;
    top:50px;
}

.timeline_filter > li {
    border-bottom:1px solid #CCC;
    cursor:pointer;
    line-height:2.4em;
    padding:7px 16px;
    text-align:right;
    text-transform:capitalize;
    width:100px;
}

.timeline_filter > li:last-child {
    border:medium none !important;
}

.timeline_filter > li:first-child {
    border-radius:4px 4px 0 0;
}

.timeline_filter > li:last-child {
    border-radius:0 0 4px 4px;
}

.timeline_filter > li a {
    color:#444;
}

.timeline_filter > li:hover {
    background-color:#933;
}

.timeline_filter > li:hover a {
    color:white;
}

.image_stack img {
    box-shadow:1px 1px 5px #000;
}

.list-item.photo.triple {
    float:left;
    width:33.3%;
}

section#profile .col8 .block .block_content {
    clear:both;
}

section#profile .block .title h1 {
    font-size:18px;
    color:#000000;
    font-weight:normal;
    margin:0;
}

.p5.center {
    position:relative;
}

.photoalbum_box {
    background-color:#FFF;
    border:medium none;
    box-shadow:1px 1px 11px 0 #999;
}

.form_button.photoalbum_button {
    padding:7px;
}

.gallery_lightbox {
    padding:0;
}

#group_button {
    border:none;
}

.list-info.full {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0 !important;
}

.box_body {
    border-radius:0 4px 4px;
}

.head_tab > li a,#actions_tab > li a {
    display:block;
    height:21px;
    width:21px;
}

#actions_tab > li,.head_tab > li {
    background-color:#DFDFDF;
    float:left;
    list-style:outside none none;
    padding:9px 8px;
    position:relative;
}

.stat_entry_box > a {
    background:white none repeat scroll 0 0;
    border:1px solid #EEE;
    border-radius:2px;
    display:block;
    line-height:1.6;
    margin:0 0 2px;
    padding:5px 10px;
    text-transform:capitalize;
}

.action .item {
    border:medium none;
}

#profile .page_table {
    background-color:#DDD;
}

.action .middle {
    width:44%;
}

.attending {
    color:#111;
}

#profile .block .page_content {
    box-shadow:none;
}

.header,.details {
    display:table-row;
}

.details > div {
    display:table-cell;
    padding:5px;
    text-align:center;
    width:25%;
}

.header > div {
    display:table-cell;
    padding:5px;
    text-align:center;
    width:25%;
}

.header {
    background-color:#555;
    color:white;
    font-weight:lighter;
}

.details {
    background:white none repeat scroll 0 0;
    color:#000;
    font-weight:bold;
}

.detail_box > .media {
    padding:4px 0 4px 8px;
}

.detail_box {
    margin:1em 0;
}

.detail_box > div {
    background:#F2F2F2 none repeat scroll 0 0;
    border-bottom:1px solid #555;
    border-top:1px solid #777;
    color:#000;
    padding:5px;
}

.detail_box > div > .item {
    color:#000;
}

.detail_section .item.clearfix {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
}

.detail_box .item {
    border-radius:0;
    box-shadow:none;
    margin:5px 0 0;
}

.trigger > span {
    font-weight:bold;
}

.detail_box div:last-child {
    border-bottom:medium none;
}

.lyrics .item,.description .item {
    margin:5px auto 0;
    text-align:left;
}

.trigger {
    cursor:pointer;
    text-align:center;
}

.image {
    margin:0 1em 0 0;
}

.list_buttons > a {
    float:right;
}

.list_buttons > div {
    float:right;
}

.list_item .title {
    display:block;
    font-size:16px;
    font-weight:bold;
    margin:0 0 3px;
}

.list_item .data.clearfix span {
    display:block;
    float:left;
    margin:1em 0 0;
    width:50%;
    color:#999;
}

.list_item .data.clearfix span:last-child {
    text-align:right;
}

.page_nav.clearfix {
    margin-bottom:10px;
}

.author_image {
    float:left;
    height:60px;
    margin:0 15px 5px 0;
    overflow:hidden;
    width:60px;
}

.author {
    color:#999;
    margin:1em 0;
}

.author > span {
    color:#666;
    font-weight:bold;
}

.author .sprite_icon.email {
    float:right;
}

.detail_section .media_text {
    font-size:18px;
    line-height:1.4;
}

.external_image {
    height:200px;
    overflow:hidden;
    max-height:200px;
}

.col4 .external_image {
    height:auto;
}

.col4.last > .box {
    margin:0 0 0 8px;
}

p.waiting {
    background:white none repeat scroll 0 0;
    box-shadow:0 0 2px #AAA;
    margin-top:0;
    padding:12em 0;
}

#profile > .row > .col8.last > div {
    padding:0 0 0 8px;
}

#playlist_message {
    font-size:14px;
    padding:10px;
}

.profile_data.profile {
    bottom:0;
    color:white;
    font-weight:bold;
    left:127px;
    margin:0;
    min-width:300px;
    position:absolute;
    text-shadow:1px 1px #333;
    z-index:1;
}

#profile_header .profile_name {
    bottom:55px;
    color:white;
    font-size:33px;
    font-weight:bold;
    left:135px;
    position:absolute;
    text-shadow:1px 1px 1px #333;
    text-transform:uppercase;
    z-index:1;
}

.profile_data.profile span {
    color:#FD9;
    font-weight:bold;
    text-shadow:none;
}

.profile_data.profile li {
    font-size:24px;
}

.profile_hover {
    background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    bottom:0;
    height:40%;
    left:0;
    min-height:150px;
    pointer-events:none;
    position:absolute;
    width:100%;
    z-index:0;
}

.list_item .sprite_icon {
    padding:0;
    margin-left:3px;
}

.form_button,.follow,.following {
    background:#FFF linear-gradient(#FFF,#EEE) repeat scroll 0 0;
    border:1px solid #CCC;
    border-radius:2px;
    box-shadow:none;
    color:#555;
    height:auto;
    margin:0;
    padding:7px 10px;
    text-transform:capitalize;
    vertical-align:middle;
    font-weight:normal;
    font-size:14px;
    cursor:pointer;
}

.upload_button {
    margin-left:2px;
}

.follow,.following {
    font-size:14px;
}

section#profile .comment_upload .form_button {
    border:medium none;
}

.button_player,.sc_button_player {
    float:right;
}

.profile_info {
    bottom:0;
    left:0;
    position:absolute;
    width:100%;
}

.profile_buttons {
    padding:3em 0 0;
    text-align:right;
}

.profile_admin_buttons .sprite_icon {
    padding:2px;
}

.action_table {
    background:white none repeat scroll 0 0;
    border-radius:5px 5px 0 0;
    display:table;
    width:100%;
}

.action_row {
    display:table-row;
}

.action_cell {
    display:table-cell;
    padding:15px 0 0 15px;
    vertical-align:top;
    width:50px;
}

.action_large_cell {
  border-style:solid;
  border-color:#C1C1C1;
	border-width:1px;
  display:table-cell;
    padding:10px;
	border-radius:10px;
}

.action_form_buttons .wrap.clearfix {
    padding:7px 1em;
}

.action .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    padding:0;
}

.head .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    cursor:default;
    float:right;
    padding:0;
    position:relative;
    top:-2px;
}

.head .wrap {
    padding:10px 1em 0;
}

.profile_admin_buttons {
    position:absolute;
    top:0;
    width:100%;
}

.camera .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    margin:0;
    max-width:40px;
    opacity:0.6;
    padding:0;
}

.profile_hoverimage .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    opacity:0.6;
}

.profile_buttons .form_button {
    font-weight:bold;
    font-size:14px;
}

a.camera {
    display:block;
    max-width:180px;
    padding:5px;
    width:100%;
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:2px solid rgba(255,255,255,0);
    transition:all 0.5s ease 0s;
    border-radius:5px;
    color:rgba(0,0,0,0);
    text-decoration:none;
}

a.camera:hover {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    border:2px solid rgba(0,0,0,0.7);
    color:rgba(255,255,255,1);
}

.update_modal {
    background:white none repeat scroll 0 0;
    border-radius:5px;
    display:none;
    text-align:center;
}

.block_recommend input[type="text"] {
    width:70%;
}

.trending > p:first-child {
    margin:0;
}

.profile_information {
    font-size:15px;
    line-height:1.6;
}

.profile_information .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    margin-right:5px;
    padding:0;
}

.bio .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    float:right;
}

a.full_bio {
    color:#68A;
}

.modal {
    margin:auto;
    max-width:650px;
}

.modal .simplemodal-close {
    cursor:pointer;
}

.comment_upload .upload_button {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/camera.png") no-repeat scroll 96% center / contain;
    display:block;
    opacity:0.5;
    text-indent:-99999px;
    width:20px;
    height:20px;
}

.attachment_upload_button #pm_comment_file .qq-uploader {
    top:5px;
}

.file_attachment {
    padding:0 !important;
}

.overlay.bundle_box {
    background-image:linear-gradient(#FFF,#EEE);
    box-shadow:0 0 10px #888;
}

.online_status {
    text-transform:capitalize;
}

.small_image > div:hover {
    opacity:0.8;
}

.new_section_box h3 {
    margin:5px;
}

.overlay.new_section_box {
    width:230px;
}

#timeline .block {
    background:#F6F8FC none repeat scroll 0 0;
    box-shadow:0 0 2px #AAA;
    border-radius:5px;
}

.profile_button.form_button.attendee {
    font-weight:bold;
    height:auto !important;
    padding:11px 15px;
}

.list_item h2 {
    margin:0 0 5px;
}

.follow_buttons {
    float:right;
}

.follow_buttons .sprite_icon {
    margin-left:3px;
}

.follow_buttons.clearfix > a {
    float:right;
}

.profile_button.follow_button {
    float:left;
}

.manage_button.form_button {
    float:right;
}

.list_item .form_help_drop_left {
    padding:0 3em;
    font-size:20px;
}

.list_item .form_help_drop {
    padding:0;
}

.forum_new_post_form .qq-upload-button {
    display:block;
    padding:8px 10px;
    margin:0 !important;
}

.forum_post_text {
    line-height:1.5;
}

.p5.pl10 > h2 {
    color:#933;
}

.list-text .sprite_icon {
    padding:0;
}

.profile_name > h1 {
    font-size:18px;
}

.urlscan_card h2 {
    margin:0 0 1em;
}

.urlscan_card .p10 {
    padding:0 10px;
}

.action .form_help_drop {
    background:#EEE none repeat scroll 0 0;
}

.action .form_help_drop_left {
    font-size:20px;
    padding:5px 25px 10px;
}

.form_help_drop_left p {
    margin:0;
}

.tm a {
    color:#000000;
	text-transform:uppercase;
}

.tm {
    padding:0;
}

.tm > li {
    background:white none repeat scroll 0 0;
    border:1px solid #EEE;
    margin:2px 0;
    padding:5px 10px;
    list-style:none;
}

.list_item.spaced .sprite_icon {
    margin:6px 0;
}

#action_search .form_text {
    width:50%;
}

#action_search.item.p10 {
    border-radius:5px;
    box-shadow:0 0 2px #BBB;
    margin:0 auto 1em;
}

.list_item.bordered {
    margin:0 0 5px;
    padding:0 0 5px;
}

.list_item.bordered:last-child {
    margin:0;
    padding:0;
}

.rating {
    background:white none repeat scroll 0 0;
    border:1px solid #EEE;
    display:none;
    margin:0 0 5px;
    padding:1em 0;
}

.rating > div {
    display:block !important;
    margin:auto;
    width:80px;
}

.sprite_icon.jr {
    padding:0;
}

.mention-modal {
    max-width:550px;
    margin:auto;
}

.follow_data {
    color:#666;
    margin:30px 0 0;
    min-height:120px;
    padding:10px;
}

#basic > li {
    border-bottom:1px solid #EEE;
    padding:5px 20px 5px 5px;
    text-transform:uppercase;
    white-space:nowrap;
}

#basic a {
    padding:0 10px;
    white-space:nowrap;
    width:146px;
}

.arrow-down {
    border-bottom:10px solid #FFF;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height:0;
    left:12px;
    position:absolute;
    top:-10px;
    width:0;
}

#asi {
    margin-bottom:6px;
}

.action_buttons .sprite_icon {
    cursor:pointer;
}

.margin {
    display:block;
    margin-top:1em;
}

.youtube-container {
    margin:0;
}

#oneall_timeline_networks > a {
    text-decoration:none;
}

#oneall_timeline_networks > span {
    display:none;
}

.form_editor_holder {
    padding:7px 0;
}

.profile_information .sprite_icon {
    cursor:auto;
}

.urlscan_card {
    border:medium none;
    border-radius:3px;
    margin-top:0;
    padding:0;
}

.small_follow_container {
    position:absolute;
    right:0;
    top:6px;
}

.urlscan_card .date {
    text-transform:none;
}

#mention_modal {
    width:500px;
    height:300px;
}

.event_attend_button {
    float:right;
    background:transparent;
    margin:2px 3px 0 6px;
    padding:2px;
    border-radius:3px;
    font-size:13px;
}

.author span.date {
    font-weight:lighter;
}

.sprite_icon.sprite_icon_hilighted {
    background:#FFDC71 none repeat scroll 0 0;
}

.discussion_follow_box {
    background:#FFDC71 none repeat scroll 0 0;
    color:black;
}

#comment_form_section {
    padding:1em;
    box-sizing:border-box;
}

#shareThis {
    padding:1em;
    border-radius:3px;
}

.item_media .wrap > p.no-items:first-child {
    margin:1em 0;
}

.comment_page_section > div {
    display:table;
}

#share_modal_box .action,#share_modal_box .item {
    max-height:400px;
    padding:0;
}

#share_modal_box .item > .wrap {
    padding:0;
}

#share_modal {
    display:none;
    height:400px;
    width:540px;
    z-index:100000;
}

#share_form .button_player {
    display:none;
}

#share_update {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:13px;
}
.shared {
    border-bottom:1px solid #EEE;
    font-size:14px;
    padding:0 6px 10px;
}

.wrap_share {
    padding:1em;
}

.wrap_share_data {
    padding:1em;
    border:1px solid #E3E3E3;
    margin-top:10px;
}

.action_text .wrap {
    background:white;
}

.action_name {
    color:#933;
}

.shared > div {
    display:inline-block;
    margin:0 5px 0 0;
    width:25px;
}

.head .block_search .form_button {
    font-size:13px;
    padding:3px;
    position:relative;
    top:-4px;
}

.head .block_search .form_text {
    height:23px;
}

.profile_images > .profile_name {
    padding:0 5px;
}

.page_nav.clearfix {
    position:relative;
}

.item.item_profile_help {
    margin:12px 0 0;
    clear:both;
}

#profile .block {
    padding:2px 0 0 0;
}

#comment_form_section {
    padding:0;
}

#profile .col9 > div {
    padding:5px;
}

.title {
    border-radius:5px 5px 0 0;
}

.page_banner_box {
    background:white;
}

.page_banner {
    background:white;
}

.form_submit_section {
    background:white;
}

.page_content {
    background-color:#FFF;
}

.page_table_header {
    background:#FAF9F2 linear-gradient(#FFF,#EEE) repeat scroll 0 0;
}
.mis_modal .comment_page_section {
    max-height:376px;
    overflow:auto;
}
.mis_modal {
    background:white none repeat scroll 0 0;
    border-radius:10px;
    height:540px;
    padding:1em;
    width:600px;
}
.simplemodal-close {
    color:white;
    cursor:pointer;
    display:block;
    font-size:28px;
    position:absolute;
    right:0;
    bottom:-37px;
}
.comment_button {
    padding:0 5px;
}
.profile_minimal .profile_info {
    position:relative;
}
.videos > .wrap {
    padding:0 3em;
}

#profile .videos .head {
    border:medium none;
    color:#888;
    font-size:20px;
    padding:30px 0 10px;
}

.videos .list_nav.previous {
    left:-38px;
}

.videos .list_nav.next {
    right:-38px;
}

.list_wrap {
    position:relative;
}

section.detail_box {
    margin:0;
}

.videos {
    padding-bottom:3em;
}

.detail_box .wrap > .row {
    border-bottom:1px solid #ccc;
    padding-bottom:2em;
}

.videos > .wrap > .row:first-child {
    border-top:1px solid #fff;
}
.mis_modal {
    background:white none repeat scroll 0 0;
    border-radius:10px;
    height:540px;
    padding:1em;
    width:800px;
    overflow:scroll;

}

.mis_modal .comment_page_section {
    max-height:376px;
    overflow:scroll;
}

.simplemodal-close {
    color:white;
    cursor:pointer;
    display:block;
    font-size:28px;
    position:absolute;
    right:0;
    bottom:-37px;
}

.mis_modal a {
    color:#58c;
}
.media_poll {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 3px 0px 3px 3px;	
    color:#000;
    overflow:hidden;
	border-radius:5px;
	margin-right:5px;	
	margin-left:5px;	
}
.title_poll_item {
  padding-left:10px;	
  coler:#000000;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
} 
.poll_choices .item.poll_choice {
    margin:5px;
    padding:0;
}

.poll_countdown {
    float:left;
	width:100%;
    background-color:#ECF0F2;
    margin:0 15px 5px 0;
    border-radius:3px;
}

.action .poll_countdown {
    float:none;
    min-width:150px;
    padding:0;
    text-align:center;
}

.media {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.50) 0px 1px 1px;
    color:#000;
    overflow:hidden;
	border-radius:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	position:relative;
}
.mediai {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.50) 0px 1px 1px;
    color:#000;
    overflow:hidden;
	border-radius:10px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
}
.media_pad {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.50) 0px 5px 5px;
    color:#000;
    overflow:hidden;
	border-radius:5px;
	padding:5px;	
}
.media_less {
    background:#FFF none repeat scroll 0 0;
	padding:5px;
    color:#000;
    overflow:hidden;
	border-radius:5px;

}
.media_wrap {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
    color:#000;
    overflow:hidden;
	border-radius:10px;
}
.media_bottom {
    background:#FFF none repeat scroll 0 0;
	padding:5px;
    color:#000;
    overflow:hidden;
	border-bottom-color:#D3D2D2;
    border-bottom-style:solid;
}
.media a:hover {
    text-decoration:none;
}

.img_shadows {
    background:white none repeat scroll 0 0;
    border-radius:50%;
    margin-left:-12px;
    padding:2px;
}
.item .like_button_box,.item .dislike_button_box {
    margin:0;
    min-width:30px;
    padding:0 15px 0 0 ;
    text-align:center;
}
.action_feedback > .item {
    border:medium none;
    box-shadow:none;
    margin:0;
    padding:0 0 10px 0;
    text-align:center;
}
.profile_image {
    background:white none repeat scroll 0 0;
    border-radius:50%;
    max-width:100px;
    padding:4px;
    position:relative;
}

.profile_image2 {
    background:white none repeat scroll 0 0;
    border-radius:50%;
    max-width:100px;
    padding:4px;
    position:relative;
}

/* skins/mis/css/profile_menu.css */


/* @title Profile Menu */
/* @help This is full menu on the profiles */
#horizontal .hideshow li a {
    border:medium none;
    padding:0;
    text-align:left;
}

/* @title Menu Banner */
/* @help Background for the menu */
.menu_banner {
    background:white;
    border-radius:0 0 5px 5px;
    box-shadow:0 0 2px #AAA;
    margin:auto;
    max-width:1280px;
    position:relative;
}

#profile_menu {
    z-index:89;
}


ul#horizontal,#horizontal ul {
    margin:0;
    padding:0;

    
}
ul#horizontal,#horizontal ul {
    -ms-overflow-style:none;  /* Internet Explorer 10+ */
    scrollbar-width:none;  /* Firefox */
}
ul#horizontal,#horizontal ul::webkit-scrollbar {
	height:100px;
    display:none;  /* Safari and Chrome */
}


#horizontal li {
    float:left;
    padding:15px 0 0;
}

#horizontal {
    float:left;
    max-height:50px;
    width:calc(100% - 112px);
    visibility:collapse;

}

/* @title Menu Links*/
/* @help This is full menu on the profiles */
#horizontal a {
    border-left:1px solid #FFF;
    border-right:1px solid #CCC;
    color:#000;
	font-weight:bold;
    display:block;
    font-size:14px;
    padding:3px 27px;
    text-decoration:none;
    transition:border-color 0.218s ease 0s;
}

#horizontal a:link,div.horizontal a:visited {
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
}

/* @title Menu Item Hover*/
/* @help Background for menu items */
#horizontal li:hover {
    border-bottom:4px solid rgba(100,130,180,1);
    padding-bottom:5px;
}

#submenu {
    display:none;
}

#horizontal > li:first-child a {
    border-left:medium none;
}

#horizontal > li:last-child a {
    border-right:medium none;
}

#horizontal .active > a {
    color:rgb(100,130,180);
}

.menu_banner ul ul {
    background:white none repeat scroll 0 0;
    box-shadow:2px 2px 8px #999;
    max-height:300px;
    max-width:160px;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    right:0;
    text-transform:uppercase;
    top:52px;
}

.menu_banner ul#submenu > li {
    border-bottom:1px solid #EEE;
    float:none;
    list-style:outside none none;
    padding:12px 20px 12px 12px;
    text-transform:uppercase;
    white-space:nowrap;
    cursor:pointer;
}

#submenu > li:hover a {
    color:rgb(100,130,180);
    text-decoration:none;
}

li.hideshow {
    display:none;
    position:relative;
    text-transform:uppercase;
}

/* /////////////////////////////////////////////////////////////////////// */

.profile_minimal_image {
    background:#FFF linear-gradient(#FFF,#EEE) repeat scroll 0 0;
    border-radius:3px;
    box-shadow:0 0 1px #AAA;
    float:left;
    margin:0 5px 0 0;
    padding:3px;
    position:relative;
    left:10px;
    bottom:8px;
    width:30px;
}

.profile_minimal_image > .profile_minimal_info {
    background:white none repeat scroll 0 0;
    border-radius:3px;
    box-shadow:1px 2px 10px #666;
    left:0;
    min-width:310px;
    opacity:0;
    padding:0;
    position:absolute;
    top:54px;
    transition:all 0.2s ease-in-out 0s;
    visibility:collapse;
    z-index:100;
}

.profile_minimal_image > .profile_minimal_info.open {
    opacity:1;
    visibility:visible;
}

.profile_minimal_image > .img_scale {
    border-radius:3px;
    cursor:pointer;
}


.profile_minimal_info .media {
    border-bottom:1px solid #EEE;
    border-radius:3px 3px 0 0;
    box-shadow:none;
    margin:0;
}

.profile_minimal_info > ul {
    max-height:200px;
    overflow:auto;
    padding:0;
}

.profile_minimal_info .box {
    padding:0;
}

.profile_minimal_info .profile_images > img {
    border-radius:3px 3px 0 0;
}

.menu_banner .sprite_icon {
    padding:1px;
}

.menu_banner a {
    text-decoration:none;
}

.menu_banner select {
    margin:1em;
    padding:2px;
}

/* skins/mis/css/timeline.css */


.timeline_wrap {
    padding:2px;
}

.action_item_title {
    font-size:16px;
    display:block;
}

.action_item_desc a {
    color:#999;
}

.action_item_holder {
    border-bottom:1px solid #FFF;
}

.action_feedback > ul {
    margin:0;
    padding:0;
}

.action_submit a {
    background-size:contain;
    display:block;
    height:25px;
    width:25px;
}

.textArea {
    position:relative;
}

.action_user_name > a,.at_link {
    color:#58C;
    font-weight:bold;
}

.action_time {
    color:#B2BCBC;
}

.action_comments .textArea textarea {
    background:#FFF none repeat scroll 0 0;
    border:medium none;
    color:#000;
    font-family:sans-serif;
    font-size:14px;
    height:20px;
    margin:0;
    padding:5px;
    width:95%;
}

div#action_image {
    float:left;
    margin:5px;
    padding:5px;
}

#action_update {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px #000;
    border-radius:3px;
    color:#000;
    margin:0 2px;
    min-height:30px;
    padding:5px;
    text-decoration:none;
    width:95%;
}

#action_update:focus {
    border:1px solid rgba(255,204,51,0.4);
}

.action .action_feedback .action_comments {
    margin:0;
}

#quick_action_default_form .form_editor_holder {
    padding:5px 0;
}

#quick_action_default_form .form_editor_holder textarea {
    height:100px;
}

.action_text p {
    padding:0;
    margin:0;
}

.share_wrap {
    padding:10px 10px 0;
}

.action .item_media .col12.last > p:first-child,.action .item_media .col12.last .wrap > p:first-child {
    margin-top:0;
}

.action .p10 > p {
    margin-bottom:0;
}

.item_media .wrap {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
}


.action_item_detail.action_text {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow:none;
    padding:1em 0 0;
}

.action_title {
    font-size:20px;
    font-weight:lighter;
}

.detail_section .item .like_button_box,.detail_section .item .dislike_button_box {
    padding:10px 25px;
}

#action_text_counter {
    border-radius:50%;
    bottom:auto;
    display:block;
    float:right;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    height:27px;
    left:auto;
    line-height:2.25;
    margin:5px 1em 0 0;
    padding:0;
    position:static;
    text-align:center;
    width:27px;
}

#action_text_counter.action_warning {
    background:rgba(255,150,0,1) none repeat scroll 0 0;
    color:white;
}

#action_text_counter.action_exceeded {
    background:#C33 none repeat scroll 0 0;
    color:white;
}

.action_buttons .profile_button.form_button {
    color:#666;
    font-weight:bold;
    height:auto !important;
    padding:11px;
}

.action .action_comments {
    background:#FFF none repeat scroll 0 0;
}

.action .action_comments textarea {
    background:white none repeat scroll 0 0;
    color:#666;
}


/* skins/mis/css/skin.css */


section {
    margin:0;
    position:relative;
    color:#000000;	
}

.pad {
    padding:0 1em;
    position:relative;
}

.actions > ul {
    height:34px;
    margin:0;
    padding:0;
}

#header ul {
    margin:0;
    padding:0;
}

.mis_player ul {
    margin:0;
    padding:0;
}

ul.page_tab_bar {
    margin:0;
}

.profile_info ul {
    margin:0;
    padding:0;
}

.loader {
    vertical-align:top;
}

#tag_submit_indicator {
    margin-bottom:6px;
}

.block_search {
    margin:0 10px 0 0;
    text-align:right;
    white-space:nowrap;
}

#content .box .media .block_search .form_text {
    margin:0;
    width:auto;
}

span.title {
    font-size:14px;
}

#horizontal .hideshow > a:first-child {
    border-right:medium none;
}

.CodeMirror {
    background:#0F1418 none repeat scroll 0 0;
    color:white;
}

.shadow {
    box-shadow:1px 1px 10px #000;
}

h2 {
    font-size:16px;
}

.p5 {
    padding:5px;
}

.p10 {
    padding:10px;
}

.p20 {
    padding:20px;
}

.p5 > h2 {
    margin:0;
}

.p5 h3 {
    margin:0 0 5px;
}

h3 {
    text-align:left;
}

.footer {
    background:#222 none repeat scroll 0 0;
    counter-reset:black;
    min-height:180px;
    width:100%;
}

.widget-item .action {
    background:#FFF;
    padding:1em;
    margin-bottom:1em;
}

.widget-item .action_feedback {
    box-shadow:0 0 2px #BBB;
}

.widget-item .action_feedback .item {
    padding-top:10px;
}

.widget-item-widget_gallery .col3 {
    padding:1px;
    width:24.2%;
}

.image_stack2 {
    left:42px !important;
}

.image_stack1 {
    left:21px !important;
}

.button_player a.jp-play,.button_player a.jp-pause {
    display:none;
}

.box > span {
    color:#444;
    float:none;
    font-size:18px;
    left:45px;
    position:absolute;
    text-transform:capitalize;
    top:7px;
}

.box .block_search .form_text {
    width:77%;
}

.bundle_box {
    background-color:#333;
    background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6));
    border:medium none;
    box-shadow:1px 0 5px 3px #000;
}

.index {
    position:relative;
    min-height:793px;
    padding:40px 1em 1em;
}

.social h2 {
    color:white;
    font-size:14px;
    font-weight:100;
    letter-spacing:8px;
    text-align:center;
    text-transform:uppercase;
}

.social > li {
    display:inline-block;
    list-style:outside none none;
    width:15%;
}

.social li a {
    background:#666 none repeat scroll 0 0;
    display:block;
    height:50px;
    margin:auto;
    width:50px;
}

.social {
    padding:1em 0;
}

ul.social {
    display:block;
    margin:1em auto;
    min-width:320px;
    width:50%;
}

.social li a.social-facebook {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/social-facebook.png") no-repeat scroll 0 0;
}

.social li a.social-twitter {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/social-twitter.png") no-repeat scroll 0 0;
}

.social li a.social-instagram {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/social-instagram.png") no-repeat scroll 0 0;
}

.social li a.social-linkedin {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/social-linkedin.png") no-repeat scroll 0 0;
}

.social li a.social-youtube {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/social-youtube.png") no-repeat scroll 0 0;
}

.social li a.social-facebook:hover,
.social li a.social-twitter:hover,
.social li a.social-linkedin:hover,
.social li a.social-youtube:hover,
.social li a.social-instagram:hover {
    background-position:0 -50px;
}

.social > div {
    clear:both;
    color:white;
    font-size:11px;
    letter-spacing:4px;
    padding:1em 0 0;
    text-align:center;
    text-transform:uppercase;
}

div.social {
    margin:0 auto 0;
    text-align:center;
}

.down.up > a {
    transform:rotate(180deg);
}

.box .page_nav {
    padding:10px 14px 0;
}

.sb-container-tabs .page_tab_bar_holder {
    border:medium none;
}

.sb-widget-block h1 {
    font-size:20px;
    font-weight:lighter;
}

.sb-container-tabs {
    position:absolute;
    right:5px;
    top:-22px;
    z-index:10;
}

.sb-widget-block .item:first-child {
    margin-top:0;
}

.sb-widget-block .item:last-child {
    margin-bottom:0;
}

.sb-widget-block .list_item:last-child {
    margin-bottom:0;
}

section.login {

}

.index_form .form_text {
    background:white none repeat scroll 0 0;
    border:none;
    border-radius:2px;
    color:#000;
    font-size:16px;
    margin:0 0 1em;
    padding:8px 12px;
    width:92%;
}

.index_form .form_text:focus {
    border:none;
}

.index_form {
    background:#FFF;
    border-radius:10px;
	box-shadow:rgba(0,0,0,0.35) 5px 5px 5px;	
    color:#000;
    margin:auto;
    max-width:350px;
}

.index_form .wrap {
    padding:20px 25px;
}

.index_features li {
    color:white;
    font-size:20px;
    padding:1em;
}

.index_features li:first-child {
    padding:10px 1em 1em;
}

.index_form a {
    color:white;
}

.index_form {
    color:#000;
}

.row.index_sign_up {
    max-width:840px;
}

.index_sign_up > .wrap {
    padding:12px;
}

.index_form input[type="button"] {
    background:rgba(0,0,0,0) linear-gradient(rgba(100,100,100,0.6),rgba(100,100,100,0.3)) repeat scroll 0 0;
    border:medium none;
    border-radius:4px;
    box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 0 0 rgba(0,0,0,0.35),0 2px 4px rgba(0,0,0,0.25);
    color:white;
    font-size:20px;
    height:auto;
    padding:10px;
    text-transform:capitalize;
    width:100%;
}

.index_form input[type="button"]:hover {
    background:rgba(0,0,0,0) linear-gradient(rgba(160,160,160,0.6),rgba(160,160,160,0.3)) repeat scroll 0 0;
}

.index_form input[type="button"].login,.index_form input[type="button"].login:hover {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    text-transform:none;
}

.index_form .form_notice {
    margin:1em 0;
}

.index_form .form_help_button {
    display:none;
}

.index_form .page_content {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border-radius:0;
    box-shadow:none;
    color:inherit;
    margin:0;
    padding:0;
}

.index_form .element_left {
    display:none;
}

.index_form .element_right {
    padding:0;
    width:100%;
}

.index_form .form_submit_section {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    padding:0;
}

.index_form .form_submit_box {
    padding:15px 0 0 0;
}

.index_form select {
    display:none;
}

.index_form iframe {
    height:200px;
    padding-top:10px;
}

.login .action {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    box-shadow:none;
    color:#000;
}

.login .action_user_name > a {
    color:#000;
}

.login a {
    color:#000;
}

.login .media {
    background:rgba(0,0,0,0.4) none repeat scroll 0 0;
    color:#CCC;
}

.login .action .item {
    background:rgba(0,0,0,0.4) none repeat scroll 0 0;
}

.login .action_user_image {
    background:rgba(0,0,0,0.4) none repeat scroll 0 0;
    box-shadow:none;
}

.login .item_media {
    background:rgba(0,0,0,0.4) none repeat scroll 0 0;
    color:white;
}

.login .action_comment {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    color:white;
}

.login .shared {
    border-bottom:1px solid rgba(255,255,255,0.3);
}

.login span.title {
    color:#FFF;
}

.login .block {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
}

.index_banner {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    height:150px;
}

.welcome_index {
    background:white url("https://mediaistream.com/image/img/skin/mis/1.jpg") no-repeat fixed center center / cover;
    color:white;
    min-height:720px;
    position:relative;
}
.welcome_indexx {
    background:white url("https://mediaistream.com/image/img/skin/mis/2.jpg") no-repeat fixed center center / cover;
    color:white;
    min-height:720px;
}

.welcome_bottom {
    background:white url("https://mediaistream.com/image/img/skin/mis/3.jpg") no-repeat fixed center center / cover;
    color:white;
    min-height:720px;
}

.welcome.img_mobile {
    background:white url("https://mediaistream.com/image/img/skin/mis/1_mobile.jpg") no-repeat fixed center center / cover;
}

.welcome h1 {
    font-size:32px;
    font-weight:200;
    letter-spacing:1px;
    margin:10px 0 0 20px;
}

.welcome > h2 {
    color:rgba(255,255,255,0.6);
    font-size:18px;
    font-weight:lighter;
    margin:0;
    text-transform:capitalize;
}


.login .box {
    margin:1em 0 0;
}

.login .box_body {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    box-shadow:none;
}

.login .list_item .data.clearfix span {
    color:#C3C3C3;
    margin:5px 0 0;
}

.login #gallery_tab > a {
    background:rgba(0,0,0,0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA5nmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE2LTAyLTEyVDExOjQyOjQ5LTA2OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTYtMDMtMjNUMDQ6Mjk6NDctMDU6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE2LTAzLTIzVDA0OjI5OjQ3LTA1OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmU2MTgzYWMzLWNlNjMtZjM0Ny05ZmE4LTYxYzcxMmNiOWVhNTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDowOERGQUU3OUQxQjAxMUU1QkM4MENDMDAzNEZFMDg4NjwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDowOERGQUU3NkQxQjAxMUU1QkM4MENDMDAzNEZFMDg4Njwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDowOERGQUU3N0QxQjAxMUU1QkM4MENDMDAzNEZFMDg4Njwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjA4REZBRTc5RDFCMDExRTVCQzgwQ0MwMDM0RkUwODg2PC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDplNjE4M2FjMy1jZTYzLWYzNDctOWZhOC02MWM3MTJjYjllYTU8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTYtMDMtMjNUMDQ6Mjk6NDctMDU6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pn+jQO8AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAohJREFUeNrU1kuMzmcUBvDfoG7RcQmljInLuAwqcUmplgjRlcVklhYVVnZWViQSCzskku5qQ0QizXTVRRM2JRGXNBW3cRtMg7iWuE3dpgvPJ+/8jbCxcJKT837v7XnPOc85/6+uu7vbp5Q+PrH0g7a2tur8D6jHBdzA017OjsR0zMN3sbexHF3Q2tr6BqAiX+K3XCAA7TiNSxiPb9GMr4pzXZiMsejo4UFFxmE4jufl07Es2pt0YT9eYU1A3gGYgcVYhIXoix3YhyFoyMFZ0SaMwWgMwk8F4F78jT+wrQZwAF9XXnYr9nFC1I7fi/XBAZmImdFmTMUKfF8CvMBVrMaP2JiEySWbcRY/43XmnyYUHThYAA/J6xtKmrYnLH9mw2vcydoWrMPOMOVD8hjDcLMEOB/E4XHzJu5nbWBx+ItiPCr7qzI4TOosk3wSdZiTkFxJ2CQ89TiFY5mrw684hE0VgFHx4FoJcC52Tvh/ujhwBS2VSzZgSR6zBc/j3YvUidTMW4BOvMyhkUn4+2QptmY8NaSYhH9SoA1Zu1AC3EvFLkH/mnv5vTJ5OIsz2BVC1GQ7GsM8GauxsAbwLHRbWrBqbS77kEyJnRDblGjcqnbT9qImLmNoCvA8Hn0E0KTYyUWt9OhFZypJPBxbo+voxHwWvsm4Ia0C5qeGRiTMjbhbAnQUXF8fhYdFNz0Zr/bgPwxIR52WllEfmqoBlwCdsbvTHZujc7EgWsqThLIGfDiVPha/4GgV4Hr6S326YVfY05SYlvm6jweJ92ysqoAfTaJ7APwbKrb0UlgXA3oEJxKyh3lMY/IxM/kZk329fnAOZsPVtIXjcf9yqrUqd6N/vY9adZ/9v4r/BwDV4Z1QyN0kAgAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / contain;
    display:block;
    height:21px;
    width:21px;
}

.login #album_tab > a {
    background:rgba(0,0,0,0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA5nmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE2LTAzLTIwVDIxOjEwOjI3LTA1OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTYtMDMtMjBUMjE6MTA6MzktMDU6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE2LTAzLTIwVDIxOjEwOjM5LTA1OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjNjYzcwN2UyLWM0OTEtMmY0ZS1iYzg2LTBjMjU1ZGRlZWUyYjwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDo1NEEyOUZCQ0NGQTkxMUU1OUFENTgwOTc3OTRDQTNGQzwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDo1NEEyOUZCOUNGQTkxMUU1OUFENTgwOTc3OTRDQTNGQzwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDo1NEEyOUZCQUNGQTkxMUU1OUFENTgwOTc3OTRDQTNGQzwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjU0QTI5RkJDQ0ZBOTExRTU5QUQ1ODA5Nzc5NENBM0ZDPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDozY2M3MDdlMi1jNDkxLTJmNGUtYmM4Ni0wYzI1NWRkZWVlMmI8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTYtMDMtMjBUMjE6MTA6MzktMDU6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PmG1nLcAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAx1JREFUeNq0Vk2IllUUfuaZc+/tIkGWVmpFCyWQchFIfxSRZZsiKKRsM5AQlBgoEoFuppi+JCVMmP0sahO1qEUxM86uiEAIFyYMbSJkjBGUJq/3Pfc7X4ve7+NrfN/Rb+GBFy735zz3PPc557xjvV4Pt9IEAGZmZgYTJEESADA+Pn43yZcAPE9yO8mNAGBmywDOmdmCqn4HYKmeh5kNfE1MTPwHsNrMLIQQDorIAQCbV6+T3AxgB8k3RORiKWVaVY8DuHrd3gb/D8YYZ0Wk0+S8we4RkckQwk8Atq4JQPKBGOMPJJ8ZgeZrKaXdAM7FGH8kubUN4LYY45ckHxrlEVNKU6WUuZTSm2Y2H2P8BsC66wBCCO+RfGoU56WUuVLKJ31RqOpnJB8JIXzwPwCSG0Xk8A38LZnZvJnNAbhQi+E0gEISzrl3YozfA4D3/l2S9w5k6px7uS/Blpt+ambHAfwFAN1ud4Nz7qD3/kMAieSTIvL60JE7nXN7AJySOoLdbc6rqjqhqu/3aahtOed8xMzgvT/ZdI7kCwBO9Sna3pIPS6r6UR1Fn9LxegxV7ZjZhRaAbcNvsKElgLPOuSv12IcQZkMICyR9Te0KgF9aAO5oS7Rh6w2XEACu/saa9rTWIjO7RHJTw/oOVb0dwN9mVuWcnwMwZmaFJFR1nYjsbKH3yiACM/utJcxNzrmjACAiANAFUOoxnHOHSN7XArA4HMEcgD2rNsyWUk5776dIZjM7CeBSLdP1IYT9IjLZRo2ZzQ8AVPVb730HwF0AVkopx3LOHTPrArhWS/EtMzsDoOe9fxTA/WtQf1lVvxqO4GJVVZ977ydTSq+Y2cIQTY/Xwy0kt9xMCamqarov34GKcs4nzOysc25fv3mIyNsisneU+mRmv+acO03V9J+U0qskd4UQvhCRx0IIx0Z0/kdKaS+AlcZ+YGa/55yfJvlwjPHnfrLcpPMzOecXzez8mh3NzBZTSk+UUqb6xe0GtlxK+Tjn/CyA842J1qD/q6p6VFWnnXOvkdwFYBvJ9fUlLgNYrJv+1wD+bEMfu9W/Lf8OABmjbG9fBzJPAAAAAElFTkSuQmCC") no-repeat scroll 0 0 / contain;
    display:block;
    height:21px;
    width:21px;
}

.login #channels_tab > a {
    background:rgba(0,0,0,0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA5nmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE2LTAyLTEwVDE3OjEzOjE1LTA2OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTYtMDMtMjJUMTY6MDY6MzAtMDU6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE2LTAzLTIyVDE2OjA2OjMwLTA1OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjc5ZWRjMDcyLTc0MjAtZjY0Ni04ZWE0LWRhMmRhYTlmYzU2YzwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDpERDQxQjZEQUQwNEIxMUU1QTlEM0JCQ0I3QTlDMTQwNjwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDpERDQxQjZEN0QwNEIxMUU1QTlEM0JCQ0I3QTlDMTQwNjwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDpERDQxQjZEOEQwNEIxMUU1QTlEM0JCQ0I3QTlDMTQwNjwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOkRENDFCNkRBRDA0QjExRTVBOUQzQkJDQjdBOUMxNDA2PC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo3OWVkYzA3Mi03NDIwLWY2NDYtOGVhNC1kYTJkYWE5ZmM1NmM8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTYtMDMtMjJUMTY6MDY6MzAtMDU6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PgIhj5EAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAulJREFUeNq0Vk+LF0cQffOmetpOM3pwCWwg+QriQXIJ3vwCHiRXQ9aAiglJxIt/yB4EUQ9RvBgQD9FDDt5yS06CHyOLXyBoZNLp6f7V5LA9P387mV1WowXDMEzNq3pVr6qnGoYB79MEAJ48+UUAEMAAIL98+dcl7w9eiDH8bK1cEjHV6Ft8KhK575OGkDed81+mFH6y1vxAsgZQAdCTJ09llo+qEqBSVeP9wdNN06x7316MUe/knBSAFp+axFDAb7Zte6VpZN0Y+4UqDhQ8lgucMKpIppTiZs5ZAcB7fz5GvZdzyiQygEXOKcWYb7dt+z0AqCpIXBNhmGJypmyNc/ZRjGFDVRcA4b0/G6Pe7fuUVVPqunzT+/bbsWSq+SsSDwA0sz0o9s/qC2vNgxjDC2vdfZKHvffnu64LgMYxcwAvVPM5Eo/Lc1yBMKsBUgjhU2PsCRGxAEBycI5/56xbJA+Xcl1cTUJVn5P8BMBm6SNyzn1K6Xdr7bNlgL6Pn1vrH5K0OwkSIrtLkOQRAEd2lEQakHI1xrAB4CEBYLHgtTHzd2GkiDHm8pKBc25dVdH3/R/A4kLT2DRSnqqszMHUUs75qEhzK4TuOsA159zp1R4sAKBpZAvgr9uSf8OJFW4BuAFgTVUPAUhTFQFgXcDtCoNhDybjPQL4AEB2zp8pPn/OzMGOzIcZ8GoCjsndhtBtdN2rywDaGQbz9VZNi+0pr6vXEl0oWXOSY65rc6au4ca52ivA8DpQzRVgAFqo1lN/FZGPVVXGvsr+ZMdqZVeVoDrMbJqm6159R/Ijkfb6vgNMsqzGsP9lit45/yNJAdDNqWja6N10P6euAcAgImt7qWiYfDzsA3hMbk51SwbVdgNhAAXJ/k0Hre9jJWLJZeW2MaVsxaG8OAbIU4C7rYrdTEn9kOT8eRBj/M05f4qEBfDZWx3u0uzoZQjd02UAY/BNCF1lrT1O0vyfTaqqOYTuGaBfA0D1vn9b/h0A2gww+ozVJ4YAAAAASUVORK5CYII=") no-repeat scroll 0 0 / contain;
    display:block;
    height:21px;
    width:21px;
}

.login #actions_tab li.solo {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    box-shadow:none;
    padding:7px 8px;
}

.login .list_item .dislike_button_box,.login .list_item .like_button_box {
    min-width:25px;
}

.login .item {
    background:rgba(0,0,0,0.4) none repeat scroll 0 0;
    border:medium none;
    color:#000;
}

.login .mis_player {
    box-shadow:0 0 2px #000;
}

.login .list_item .action_data {
    font-size:12px;
}

.profile_data span {
    color:#999;
    display:block;
    font-size:10px;
    text-transform:uppercase;
}

.profile_data {
    color:rgba(0,100,160,1);
    font-size:18px;
    padding:5px;
	text-align:center;
	padding-right:40px;
}

.profile_data li {
    cursor:pointer;
    float:left;
    width:33.33%;
    list-style:none;
}

.profile_images .profile_image,.item_media .profile_image {
    background:white none repeat scroll 0 0;
    bottom:0;
    box-shadow:none;
    left:10px;
    padding:3px;
    position:absolute;
    width:72px;
    border-radius:50%;
    transform:translateY(50%);
}

.profile_images {
    position:relative;
}
.profile_images {
    position:relative;
}

.profile_name {
    bottom:-42px;
    font-size:12px;
    left:90px;
    position:absolute;
}

.profile_name h1,#content .profile_name h1 {
    display:block;
    margin:0;
}

.profile_image .img_scale {
    border-radius:50%;
}

.trending a {
    color:#933;
    display:block;
    font-weight:bold;
}

.trending span {
    color:#000000;
    font-size:13px;
    font-weight:bold;
}

.head {
    border-bottom:1px solid #F6F6F6;
    color:#000000;
    font-size:14px;
    font-weight:lighter;
    line-height:1.4;
    padding:0 0 5px;
    text-transform:uppercase;
    height:32px;
}

.hash_link {
    color:#58C;
    font-weight:bold;
}

.side_list .follow {
    font-weight:normal;
    height:auto;
    letter-spacing:1px;
    margin:3px 0 0;
    padding:2px 15px;
}

.side_list a {
    color:#777;
    font-weight:bold;
}

.index_group span {
    font-size:14px;
}

.index_group {
    font-size:12px;
    color:#888;
}

.index_group a {
    display:block;
    margin:0 0 2px;
}

.middle {
    position:absolute;
	left:35%;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}

.side_image {
    float:left;
    width:35%;
    margin:0 10px 0 0
}

#site_search .block_search {
    float:none;
    position:static;
    text-align:left;
    width:100%;

}

#site_search h3 {
    margin:0;
    white-space:normal;
}

.box #site_search .block_search > input {
    margin:0;
    width:93%;
}

.return_button {
    font-size:18px;
    font-weight:lighter;
    height:auto;
    padding:1em;
    width:100%;
}

.notify {
    background:rgba(180,50,50,0.8) none repeat scroll 0 0;
    border-radius:50%;
    color:white;
    display:none;
    font-size:11px;
    font-weight:bold;
    height:18px;
    left:15px;
    padding:3px 0 0;
    position:absolute;
    text-align:center;
    top:5px;
    width:22px;
    cursor:pointer;
}

.index textarea#action_update,#profile textarea#action_update.form_textarea {
    background:white none repeat scroll 0 0;
    box-shadow:none;
}

#action_form > span#action_networks {
    padding:22px 0 0;
}

#share_modal .action_feedback > .item {
    display:none;
}

#share_modal .action {
    margin:10px 0 0;
}

#share_modal_box .action {
    max-height:400px;
    overflow:auto;
}

#share_modal {
    height:auto;
}

.action .profile_data li {
    cursor:pointer;
    float:left;
    width:25%;
    list-style:none;
}

.item_media_desc h2 {
    font-size:18px;
    margin:0 0 5px;
}

.profile_images .date {
    float:right;
    margin:8px 15px;
}

.action .profile_name {
    bottom:-30px;
}

.like_details h2 {
    font-size:18px;
    margin:0 0 10px;
}

.border.clearfix {
    border-bottom:1px solid #E1E1E1;
    position:relative;
}

.like_details .wrap > p {
    margin:10px 0;
}

.profile_data .like_button_box {
    margin:0;
}

.profile_data a {
    color:#933;
}

.profile_name a {
    color:#888;
}

.profile_name h1 a {
    color:#444;
}

.media_text > p {
    margin:10px 0 0;
}

.media_text h2 {
    margin:0 0 5px;
}

.attending {
    color:#999;
    display:inline-block;
    margin:10px 0;
}

#action_text_counter {
    bottom:30px;
}

.action_description {
    font-size:14px;
}

.urlscan_block h3 {
    font-size:16px;
    margin:10px 0 4px;
}

.urlscan_snipit_large {
    padding:0;
    border:none;
}

.action .category {
    font-size:12px;
    margin:10px 0 0;
    text-transform:uppercase;
}

.urlscan_snipit_large h3 {
    margin:0 0 5px;
}

.item_media .wrap > p.action_link_text {
    margin:0 0 1em;
}

.border.clearfix.colored {
    background:#ECF0F2 none repeat scroll 0 0;
}

.category > a {
    color:#999;
}

.features {
    background:white none repeat scroll 0 0;
    position:relative;
}

.features.dark {
    background:#F3F3F3 url("https://mediaistream.com/image/img/skin/mis/2.jpg") no-repeat fixed center center;
    color:white;
    padding:10px 0 10px;
}

.welcome .overlay,.dark .overlay {
    background-color:rgba(100,130,180,0.7);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
}

.down {
    bottom:-30px;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:60px;
    z-index:100;
}

.down > a {
    background:#FFF url("https://mediaistream.com/image/img/skin/mis/down_white.png") no-repeat scroll center center;
    border-radius:50%;
    display:block;
    height:60px;
    width:60px;
}

.features h2 {
    font-size:36px;
    font-weight:lighter;
    margin:0 auto 38px;
    max-width:750px;
    padding:0 20px;
    text-align:center;
}

.col6 {
    position:relative;
}

.feature_text {
    text-align:left;
}

.features .feature_text h2 {
    font-size:36px;
    margin:1em 0 10px;
    padding:0;
    text-align:center;
}

.feature_text p {
    color:#666;
    font-size:16px;
    margin:0;
    text-align:center;
}

.dark .feature_text p {
    color:#EEE;
}

.features .col3 .wrap {
    padding:3px;
}

.features h3 {
    font-size:20px;
    margin:2.5em 0 10px;
    text-align:center;
    font-weight:lighter;
}

.features.dark h2 {
    margin:0 auto 20px;
}

.feature_text.right {
    text-align:right;
}

.features.dark h3 {
    margin:2.4em 0 10px;
    text-align:left;
}

.login .col3:hover .img_scale {
    margin:auto;
    opacity:0.7;
}

.feature_text ul {
    font-size:24px;
    padding:0 2em;
}

.form_button.get_started {
    display:block;
    font-size:20px;
    font-weight:lighter;
    margin:2em auto;
}

.features.final {
}

.hello {
    padding:150px 0 0;
    position:relative;
}

.welcome .col6 .wrap > ul {
    font-size:20px;
    margin:0 2em;
    padding:1em;
}

.welcome .col6 li {
    list-style:outside none disc;
    padding:10px;
}

.action .p10 {
    padding:0 1em;
}

.action .p10 > h2 {
    margin:0;
}

#quick_action_form {
    background:white none repeat scroll 0 0;
    display:none;
}

#quick_action_tab_box {
    border:medium none;
    margin:0;
    overflow:hidden;
    padding:0 0 0 1em;
}

.quick_action_tab {
    cursor:pointer;
    float:left;
    margin:5px 5px 0;
}

.quick_action_tab .sprite_icon {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    margin:0;
    padding:5px 7px;
}

#quick_action_title {
    margin-top:10px;
}

#quick_action_box .form_text {
    background:white none repeat scroll 0 0;
    box-shadow:none;
    color:#333;
    display:block;
    width:98%;
}

.item_media_desc span {
    text-transform:uppercase;
}

.urlscan_card span {
    color:#999;
    text-transform:uppercase;
}

.action_form_buttons.clearfix {
    background:#ECF0F2 none repeat scroll 0 0;
}

.list_item.spaced {
    border:medium none;
    margin:0 0 1em;
}

.sprite_icon.email {
}

.list_item {
    box-shadow:0 0 1px #333;
	padding:2px;
    position:relative;

}

ul.sb-widget-sortable .widget-item li {
    list-style:outside none none;
}

.sb-widget-controls {
    right:10px;
    top:10px;
}

.sb-widget-controls .sprite_icon {
    background:none;
    border:medium none;
}

.title.sb-widget-title.head {
    border:medium none;
    color:#444;
    padding:1em;
}

.form_button.sb-menu-add-button {
    padding:0 10px;
}

.sb-menu-delete-icon .sprite_icon {
    padding:2px;
}

#quick_action_box {
    border-radius:5px;
}

#action_form {
    border-bottom:1px solid #F6F6F6;
}

#action_submit,#quick_action_box .upload_button {
    background:#666 none repeat scroll 0 0;
    border:medium none;
    border-radius:3px;
    color:white;
    margin:4px 0;
    padding:6px;
    font-size:12px;;
}

.mentions-autocomplete-list {
    border:0 !important;
}

.action_user_image {
    clear:both;
    float:left;
    width:50px;
}

.action_data {
    left:10px;
    padding:5px 10px;
    position:relative;
}

.action_info {
    background:white none repeat scroll 0 0;
    min-height:50px;
    padding:15px 15px 0 15px;
}

.action_delete {
    float:right;
}

.action_user_image > img {
    border-radius:50%;
    width:100%;
}

.action_feedback .comment_name > a {
    font-weight:bold;
    color:#933;
}

.action {
    background:#FFF none repeat scroll 0 0;
    box-shadow:0 0 2px #AAA;
    border-radius:5px;
    margin:0 0 12px;
    max-width:620px;
}

.action:last-child {
    border:none;
}

.action_detail {
    padding:0;
}

.item_media {
    box-shadow:0 0 2px #CCC;

}

.item_media .action {
    margin:0;
}

.item_media .item {
    margin:0;
}

.item_media .action .wrap {
    background:white none repeat scroll 0 0;
    padding:0;
}

.item_media .action .action_info {
    padding:0 0 15px;
}

.item_media .wrap > p:first-child {
    margin-top:0;
}

.item_media .action {
    box-shadow:none;
    border-radius:0;
}

.item_media .wrap .wrap {
    padding:0;
}

#oneall_timeline_networks {
    float:right;
    padding:12px 1em 0;
    width:50%;
}

#oneall_timeline_networks img {
    margin:0 3px;
    vertical-align:top;
    width:20px;
}

.nowrap {
    white-space:nowrap;
}

.right {
    text-align:right;
}

div.social {
    padding:3em 0 1em;
}

.index_form #jrUser_login #form_submit_indicator {
    margin-bottom:15px;
}

.index_form #oneall_social_login_container_login {
    background:#FFF;
    margin:15px 0 0 0;
    padding:5px 10px;
    border-radius:2px;
    box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 0 1px rgba(0,0,0,0.1) inset,0 2px 0 rgba(255,255,255,0.05);
}

.scrollup {
    width:40px;
    height:40px;
    position:fixed;
    bottom:16px;
    right:8px;
    display:none;
    z-index:100000;
}

.scrollup:hover {
    opacity:1;
}

.head .form_text.form_text_search {
    margin:0;
    position:relative;
    right:0;
    top:-4px;
}

.page_wrap {
    padding:0.5em;
}

.page_wrap .col4 > .wrap {
    padding:0.5em;
}

.jrchat-msg-from {
    padding:9px 12px 21px 12px;
}

#jrchat-new-message-input {
    width:70%;
}

#jrchat_smiley_button {
    top:6px;
    margin-right:8px;
}

.table {
    display:table;
    width:100%;
}

.table-row {
    display:table-row;
}

.table-cell {
    display:table-cell;
    vertical-align:middle;
}

.profile_item_list {
    text-align:center;
    padding:0 1em 1em;
    min-height:34px
}

.feature_text ul li {
    list-style:none;
}

.liker_list > .item {
    background-color:#222;
    padding:0 8px 8px 8px;
    margin-top:0;
    margin-bottom:25px;
    border:0;
}

.liker_list > .item a {
    color:#FFCC5B;
    text-decoration:underline;
}

.liker_list > .item a:hover {
    text-decoration:none;
}

.new_login {
    margin-top:100px;
}

.action_create_image {
    height:50px;
    width:50px;
    border-radius:50%;
}


.bottom_tab {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    height:40px;
    background:white;
    z-index:1000;
    border-top:1px solid #DDD;
}

.bottom_tab a {
    color:white;
}

.bottom_tab .table {
    height:100%;
}

.bottom_tab .table-cell {
    text-align:center;
    position:relative;
}

.bottom_tab .sprite_icon {
    background:none;
    border:none;
}

#header .sprite_icon {
    background:none;
    border:none;
}

.tm .table-cell {
    text-align:center;
}

#sb-site {
    background:#D7DADC;
}

.index_follow_image {
    float:left;
    width:72px;
    margin:0 10px 0 0
}

.index_follow_image img {
    border-radius:50%;
}

/* begin music page css */

.index_chart {
    margin:3px;
	border-radius:10px;
	box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
    color:#000;
}

.index_chart li img {
    max-width:40px;
}

.index_chart .list_item {
    margin:0;
    padding:5px 0;
}

.index_chart .list_item div > span.like_count {
    display:inline;
}

.index_chart .list_item div > span.add_to_cart_price {
    display:none;
}

.index_chart .list_item .col6 > div > div > div {
    padding:2px 5px;
    vertical-align:middle;
}

.chart_buttons div {
    float:right;
}

.slide_info {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    color:#FFFFFF;
    bottom:0;
    position:absolute;
    width:100%;
}



.slide_info .large {
    font-size:34px;
    font-weight:lighter;
    margin:0;
    text-transform:uppercase;
}


.slide_info .wrap {
    padding:3em;
}

.slide_info span {
    color:#ECA81E;
    font-size:14px;
    text-transform:uppercase;
}

.slide_info span.white {
    color:white;
}

.center.register {
    color:#ECA81E;
    font-size:16px;
    padding:1em 0 0;
    text-transform:uppercase;
}
.block_image img {
    width:100%;
	border-radius:8px;
}
.table {
    display:table;
    width:100%;
}

.table-row {
    display:table-row;
}

.table-cell {
    display:table-cell;
    vertical-align:middle;
}

.index_chart .table-cell {
    border-right:1px solid #E5E5E5;
    padding:0 10px;
}

.list_item.odd {
    background:#F9F9F9 none repeat scroll 0 0;
}

.index_chart .image {
    display:block;
    margin:0 auto;
    max-width:30px;
}

.index_chart .button_player {
    display:block;
    margin:auto;
    min-width:40px;
}

.table-cell.large.buttons {
    width:20%;
}


.table-cell.profile-image {
    width:56px;
}

#profile_header .table-cell.profile-image {
    width:100px;
}

.table-cell.chart_buttons:last-child {
    border:medium none;
}

.index_chart .table.center .table-cell {
    border:medium none;
    padding:0;
    width:auto;
}

.index_chart .form_select {
    width:auto;
    border:1px solid rgba(0,0,0,0);
}

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

#chartLoader {
    display:block;
    left:0;
    position:absolute;
    top:-7px;
}

#chartLoader > img {
    margin:0 5px;
    max-width:25px;
}


.no-items {
    padding:2em;
    text-align:center;
}

.featured .sprite_icon {
    box-shadow:none;
}

.item .button_player {
    min-width:30px;
}

.index_chart .sc_button_player {
    min-width:30px;
}

.sc_button_player div.jp-interface ul.jp-controls a.jp-pause {
    display:none;
}

.scrollup {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/icon_top.png") no-repeat scroll 0 0;
    bottom:-32px;
    display:block;
    height:40px;
    opacity:0;
    position:fixed;
    right:65px;
    text-indent:-9999px;
    width:40px;
    transition:all 0.5s ease 0s;
}

.scrollup.show {
    opacity:0.5;
    bottom:10px;
}

.scrollup.show:hover {
    opacity:1;
    bottom:10px;
}

.index_chart .jp-type-single .jp-controls img {
    width:40px;
}

.index_chart .button_player div.jp-interface ul.jp-controls li {
    float:none;
}

.index_chart .button_player div.jp-audio ul.jp-controls {
    text-align:center;
}

#content .index_chart {
    box-shadow:none;
}

#content .featured .head {
    padding:0 1em 1em;
}
.audio_index h1 {
    font-weight:lighter;
}

/* end music page css */
/* begin videop page css */
.slides img {
    width:100%;
}



.slides {
    position:relative;
}

.slidesjs-pagination-item a {
    background:rgba(255,255,255,0.5) none repeat scroll 0 0;
    border-radius:50%;
    color:rgba(0,0,0,0);
    display:block;
    height:15px;
    width:15px;
}

.slidesjs-pagination-item {
    display:inline-block;
    height:20px;
    margin:0;
    width:20px;
}

.slidesjs-navigation {
    background:white none repeat scroll 0 0;
    height:40px;
    position:absolute;
    text-indent:-99999px;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    z-index:100;
}

.slidesjs-next {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/next.png") repeat scroll 0 0 / contain;
    right:10px;
}

.slidesjs-previous {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/previous.png") repeat scroll 0 0 / contain;
    left:10px;
}

.slidesjs-pagination {
    bottom:15px;
    margin:0;
    padding:0;
    position:absolute;
    text-align:center;
    width:100%;
    z-index:100;
}

.slidesjs-pagination-item a.active {
    background:rgba(255,255,255,0.8) none repeat scroll 0 0;
}



.scrollup {
    width:40px;
    height:40px;
    opacity:0;
    position:fixed;
    bottom:-32px;
    right:65px;
    display:block;
    text-indent:-9999px;
    background:url('https://mediaistream.com/image/img/skin/mis/icon_top.png') no-repeat;
    transition:all 0.5s ease 0s;
    z-index:200;
}

.scrollup.show {
    opacity:0.5;
    bottom:10px;
}

.scrollup:hover {
    opacity:1;
}



h8 {
    text-align:left;
	font-size:18px;
    font-weight:bold;
	text-transform:uppercase;
}
h9 {
    text-align:left;
	font-size:24px;
    font-weight:bold;
	text-transform:uppercase;
}

.box > .block_search > h3 {
    display:inline;
}

.features .button_player div.jp-interface ul.jp-controls li {
    float:none;
}

.index_row .wrap > div {
    height:100%;
}

.index .overlay {
    background:rgba(0,0,0,0.8) none repeat scroll 0 0;
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:10;
}

.logo {
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}

.logo .jlogo {
    display:block;
    margin:auto;
    max-width:467px;
    width:100%;
}

.index h3 {
    text-align:center;
    margin:0;
}

.index .play {
    margin:3em auto 0;
    text-align:center;
    opacity:0;
}

.play > a {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/play.png") no-repeat scroll 0 0;
    display:block;
    height:25px;
    width:25px;
    margin:1em auto;
}

.down {
    bottom:-30px;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:60px;
    z-index:100;
}

.down > a {
    background:#f3f3f3 url("https://mediaistream.com/image/img/skin/mis/down_white.png") no-repeat scroll center center;
    border-radius:50%;
    display:block;
    height:60px;
    width:60px;
}

.down.up > a {
    transform:rotate(180deg);
}

.features .down > a {
    background:#080808 url("https://mediaistream.com/image/img/skin/mis/down.png") no-repeat scroll center center;
}

.features.dark .down > a {
    background:#F3F3F3 url("https://mediaistream.com/image/img/skin/mis/down_white.png") no-repeat scroll center center;
}

.dark .box_body {
    background:#000 none repeat scroll 0 0;
    border-radius:4px;
    box-shadow:0 1px 2px rgba(0,0,0,0.15) inset,0 0 0 rgba(0,0,0,0.3) inset,0 2px 0 rgba(255,255,255,0.05);
}

.dark .media {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow:none;
}

section.features.dark .wrap {
    margin:0;
    padding:0.5em;
}

section.features.dark .col3 .wrap {
    padding:0.5em;
}

.audio_button > a {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/button_player_play.png") no-repeat scroll 0 0 / contain;
    display:block;
    height:35px;
    width:35px;
}

.audio_button.large a {
    position:static;
    right:0;
    top:0;
    height:75px;
    width:75px;
}
.audio_button_play > a {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/button_player_play.png") no-repeat scroll 0 0 / contain;
    display:block;
    height:75px;
    width:75px;
}

.audio_button_play.large a {
    position:static;
    right:0;
    top:0;
}
.jlogo {
    position:relative;
    top:1px;
}

.index_item .middle .wrap {
    padding:1em;
}

.box_body .box {
    box-shadow:none;
    margin:0;
    padding:0;
}

.box_body .box_body {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow:none;
}

.box_body .box_body > .wrap {
    padding:0;
}

.box_body .box_body .media {
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    box-shadow:none;
}

.box_body .box_body .media > .wrap {
    padding:0;
}

.box_body .box_body .media .item_media {
    box-shadow:none;
}

.box_body .box .head_tab {
    display:none;
}

.box .page_nav {
    padding:10px 14px 0;
}

.sb-widget-block h1 {
    font-size:20px;
    font-weight:lighter;
}

.sb-container-tabs {
    position:absolute;
    right:5px;
    top:-22px;
    z-index:10;
}

.sb-widget-block .item:first-child {
    margin-top:0;
}

.sb-widget-block .item:last-child {
    margin-bottom:0;
}

.slides img {
    width:100%;
}

.slides {
    position:relative;
}

.slidesjs-pagination-item a {
    background:rgba(255,255,255,0.5) none repeat scroll 0 0;
    border-radius:50%;
    color:rgba(0,0,0,0);
    display:block;
    height:15px;
    width:15px;
}

.slidesjs-pagination-item {
    display:inline-block;
    height:20px;
    margin:0;
    width:20px;
}

.slidesjs-navigation {
    background:white none repeat scroll 0 0;
    height:40px;
    position:absolute;
    text-indent:-99999px;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    z-index:100;
}

.slidesjs-next {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/next.png") repeat scroll 0 0 / contain;
    right:10px;
}

.slidesjs-previous {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/previous.png") repeat scroll 0 0 / contain;
    left:10px;
}

.slidesjs-pagination {
    bottom:15px;
    margin:0;
    padding:0;
    position:absolute;
    text-align:center;
    width:100%;
    z-index:100;
}

.slidesjs-pagination-item a.active {
    background:rgba(255,255,255,0.8) none repeat scroll 0 0;
}

div#footer {
    background:#333333 none repeat scroll 0 0;
    border-top:1px solid #444;
    bottom:0;
    color:#5588cc;
    height:180px;
    margin:auto;
    position:relative;
    text-align:center;
    width:100%;
}

.scrollup {
    width:40px;
    height:40px;
    opacity:0;
    position:fixed;
    bottom:-32px;
    right:65px;
    display:block;
    text-indent:-9999px;
    background:url('https://mediaistream.com/image/img/skin/mis/icon_top.png') no-repeat;
    transition:all 0.5s ease 0s;
    z-index:200;
}

.scrollup.show {
    opacity:0.5;
    bottom:10px;
}

.scrollup:hover {
    opacity:1;
}

.index .head {
    color:#aaa;
    font-size:20px;
    font-weight:600;
    margin:1em 0 0;
}

.index_item > .wrap {
}

.index_item > .wrap > .wrap {
    background:white none repeat scroll 0 0;
    min-height:70px;
}

.index_item h4 {
    color:#000;
    font-size:14px;
    margin:3px 0;
	
}

.index_item span {
    color:#000000;
    font-style:italic;
}

.pane {
    float:left;
    width:33.33%;
}

.pane2 {
    float:left;
	margin-bottom:10px;
	margin-top:10px;
}
.index_list.clearfix > div {
    left:0;
    position:relative;
    transition:left 1s ease 0s;
    width:300%;
	margin-bottom:10px;
}
.index_item {
    float:left;
	width:240px;
	background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 1px 1px;
    color:#000;
    overflow:hidden;
	border-radius:5px;	
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.index_itemb {
    float:left;
    width:16%;
	background:#FFF none repeat scroll 0 0;
    color:#000;
    overflow:hidden;
	border-radius:10px;	
	margin-right:5px;
	margin-left:5px;

}
.index_item_less {
    float:left;
	width:250px;
	background:#FFF none repeat scroll 0 0;
    color:#000;
    overflow:hidden;
	border-radius:5px;	
}
.index_list {
    position:relative;
}

.list_nav {
    background:black none repeat scroll 0 0;
    top:50%;
    display:block;
    height:28px;
    position:absolute;
    transform:translateY(-50%);
    width:40px;
}

.list_nav.previous {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/list_previous.png") no-repeat scroll 0 0 / contain;
    left:10px;
}

.list_nav.next {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/list_next.png") no-repeat scroll 0 0 / contain;
    right:5px;
}

.index_list.clearfix.page_1 > div {
    left:0;
}

.index_list.clearfix.page_2 > div {
    left:-100%;
}

.index_list.clearfix.page_3 > div {
    left:-200%;
}

.index_list.clearfix.page_4 > div {
    left:-300%;
}

.index_list.clearfix.page_5 > div {
    left:-400%;
}

.index_list.clearfix.page_6 > div {
    left:-500%;
}

.index_list.clearfix.page_7 > div {
    left:-600%;
}

.index_list.clearfix.page_8 > div {
    left:-700%;
}

.index_list.clearfix.page_9 > div {
    left:-800%;
}

.index_list.clearfix.page_10 > div {
    left:-900%;
}

.index_list.clearfix.page_11 > div {
    left:-1000%;
}

.index_list.clearfix.page_12 > div {
    left:-1100%;
}

.index_list.clearfix.page_13 > div {
    left:-1200%;
}

.index_list.clearfix.page_14 > div {
    left:-1300%;
}

.index_list.clearfix.page_15 > div {
    left:-1400%;
}

.index_list.clearfix.page_16 > div {
    left:-1500%;
}

.index_list.clearfix.page_17 > div {
    left:-1600%;
}

.index_list.clearfix.page_18 > div {
    left:-1700%;
}

.index_list.clearfix.page_19 > div {
    left:-1800%;
}

.index_list.clearfix.page_20 > div {
    left:-1900%;
}

.index_list.clearfix.page_21 > div {
    left:-2000%;
}

.index_list.clearfix.page_22 > div {
    left:-2100%;
}

.index_list.clearfix.page_23 > div {
    left:-2200%;
}

.index_list.clearfix.page_24 > div {
    left:-2300%;
}

.index_list.clearfix.page_25 > div {
    left:-2400%;
}

.index_list.clearfix.page_26 > div {
    left:-2500%;
}

.index_list.clearfix.page_27 > div {
    left:-2600%;
}

.index_list .col2 > .image,.index_list .col6 .col4 > .image {
    margin-bottom:5px;
    margin-left:1px;
    position:relative;
}

.white {
    background:white;
}

.index_list .col3 > .image.bottom_row,.index_list .col6 .col4 > .image.bottom_row {
    margin-bottom:0;
}

.image {
    position:relative;
}
.hover {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    color:white;
    text-align:center;
    transition:opacity 1s ease 0s;
    opacity:0;
}

.hover:hover {
    opacity:1;
}

.hover .table {
    width:100%;
    height:100%;
}

.hover h4 {
    color:white;
    font-size:16px;
    margin:3px 0;
}

.hover span.video_title {
    color:#ea873c;
    font-weight:bold;
}


.hover:hover {
    opacity:1;
}

.hover .table {
    width:100%;
    height:100%;

}

.hover h4 {
    color:white;
    font-size:16px;
    margin:3px 0;
}

.hover span.video_title {
    color:#ea873c;
    font-weight:bold;
}


.hover_slide {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:transparent;
    color:white;
    text-align:center;
    transition:opacity 1s ease 0s;
    opacity:0;
}

.hover_slide:hover_slide {
    opacity:1;
}

.hover_slide .table {
    width:100%;
    height:100%;
}

.hover_slide h4 {
    color:white;
    font-size:16px;
    margin:3px 0;
}

.hover_slide span.video_title {
    color:#ea873c;
    font-weight:bold;
}
.white.clearfix h4 {
    margin:0 0 3px;
}

.white > a {
    color:#269;
}

.white.clearfix span {
    display:block;
}

.white span {
    color:#000000;
    display:block;
}

.image p {
    font-size:12px;
}

.image span {
    display:block;
    font-style:italic;
}

.index_item .wrap a {
    color:#000;
}

.list_info {
    float:left;
    width:33.33%;
    text-align:center
}

.list_info span {
    font-weight:bold;
}

.list_info span.italic {
    font-size:12px;
    font-weight:normal;
    margin:5px 0 0;
}

.index_item .wrap span a {
    color:#000;
    font-weight:bold;
}

.simplemodal-data h3 a {
    color:#333;
}

.table-cell.mobile > ul {
    padding:0;
}

.table-cell.logo {
    width:8%;
}

.mobile {
    display:none;
}

#header .form_button {
    padding:5px;
}
.index_item_less.full {
    width:auto;
}
.index_item.full {
    width:auto;
}

#content .col6 > h1 {
    font-weight:600;
    margin:0 0 10px;
    text-transform:uppercase;
}

.form_select.cats {
    float:right;
    position:relative;
    top:-2px;
    width:auto;
}

.col6 .block_search {
    width:auto;
}

.col6 .block_search .form_text.form_text_search {
    width:99%;
}

.white .video_title {
    color:#333;
}

.white > a p {
    color:#444;
}

.index .head a {
    color:#888888;
}

.no-items {
    text-align:center;
    width:33.33%;
}

.no-items h1 {
    margin:5em 0;
}

.jrISkin_player ul {
    margin:0;
    padding:0;
}

#footer ul {
    margin:0;
    padding:0;
}

.profile_information ul {
    margin:0;
    padding:0;
}

.audio_row .wrap > div > div > div {
    font-size:18px;
    vertical-align:middle;
	padding-right:5px;
}

.audio_row {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 1px 1px;	
    color:#000;
    overflow:hidden;
	border-radius:10px;
	margin:5px;
	position:relative;
}

.audio_row .img_scale {
}

.audio_row span {
    color:#000000;
    font-size:15px;
}

.features .button_player div.jp-interface ul.jp-controls li {
    float:none;
}

.audio_row .wrap > div {
    height:100%;
}
.img_scale {
  border-radius:10px;
}
.img_scale_item {
  border-radius:10px 10px 0px 0px;
}
.item_padding {
  padding:7px;
}
.title_item {
  coler:#000000;
  font-size:20px;
  font-weight:bold;
  text-transform:capitalize;
}
.title_list_item {
  coler:#000000;
  font-size:16px;
  font-weight:bold;
  text-transform:capitalize;
} 
.list_item_text {
  coler:#000000;
  font-size:14px;
  text-transform:capitalize;
  font-weight:bold;
} 
.list_item_text_small {
  coler:#000000;
  font-size:14px;
  font-weight:normal;

} 
.list_item_text_smaller {
  coler:#000000;
  font-size:12px;
  text-transform:capitalize;

} 
.list_item_text_smaller {
  coler:#000000;
  font-size:10px;

} 
.title_rating_item {
  coler:#000000;
  font-size:18px;
  text-transform:capitalize;
  padding-bottom:10px;
  vertical-align:middle;
} 
.title_list_action {
  coler:#000000;
  font-size:13px;
  text-transform:capitalize;
	
} 

.blog_text {
  coler:#000000;
  font-size:15px;
}
.category_row {
  font-size:18px;
  font-weight:bold;
   background:white;
  margin-bottom:20px;
}
.category_row_buttons {
	float:left;
}
.body_item {
  font-size:16px;
  font-weight:bold;
}
.bacground {
background:#FFFFFF;
}
.percentage_body {
	height:20px;
	border-radius:5px;
    color:#fff!important;
    background-color:#f1f1f1;
	box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
}
.ratings_percentage_body {
	height:15px;
	border-radius:5px;
    color:#fff!important;
    background-color:#f1f1f1;
	box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
}
.percentage_fill {
	height:20px;
	border-radius:10px;
    color:#000!important;
    background-color:#2196F3!important;
}
.ratings_percentage_fill {
	height:15px;
	border-radius:10px;
    color:#000!important;
    background-color:#FFEB66;
}
.percentage_container {
	height:40px;
}
.ratings_percentage_container {
	height:34px;
}
.slider_wrap {
	height:540px;
	width:720px;
	position:absolute;
}
.item_pad {
	padding:5px 10px 10px 10px;
}
.more_buttons {
    background:#333 linear-gradient(#444,#222);
    height:auto;
    border:none;
    cursor:pointer;
    border-radius:10px;
    margin:3px;
    color:white;
    font-size:12px;
    width:auto;
	padding-right:6px;
	padding-left:6px;
	padding-top:3px;
	padding-bottom:5px;
	vertical-align:middle;
	text-transform:capitalize;
	font-weight:bold;
}
.more_buttons_2 {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 3px 3px;	
    color:#000;
	position:relative;    height:auto;
    cursor:pointer;
    border-radius:10px;
    margin:3px;
    color:#000;
    font-size:12px;
    width:auto;
	padding-right:6px;
	padding-left:6px;
	padding-top:3px;
	padding-bottom:5px;
	vertical-align:middle;
	text-transform:capitalize;
	font-weight:bold;
}
.normal {font-weight:normal;}
.capital {text-transform:capitalize;}
.pointer {cursor:pointer;}
.bold {font-weight:bold;}
legend {font-weight:bold;}
img {border:0;}

.m0 {margin:0;} .m5 {margin:5px;} .m10 {margin:10px;} .m15 {margin:15px;} .m20 {margin:20px;} .m30 {margin:30px;}
.mt0 {margin-top:0;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;}
.mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;}
.mb0 {margin-bottom:0;} .mb1 {margin-bottom:1px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;}
.ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;}
.p3 {padding:3px;} .p3-5 {padding:3px 5px;} .p5 {padding:5px;} .p10 {padding:10px;} .pt10 {padding-top:10px;} .pt5 {padding-top:5px;} .pb10 {padding-bottom:10px;} .pt20 {padding-top:20px;} .pb20 {padding-bottom:20px;} .p20 {padding:20px;} .p30 {padding:30px;}.pr5 {padding-right:5px;}.pl5 {padding-left:5px;}

code {background:#E6E6FF; border:1px solid #B2B2FF;}
.test {border:1px solid red;}

.rounded {-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
.rtl {-moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; -khtml-border-radius-topleft:6px; border-top-left-radius:6px;}
.rtr {-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -khtml-border-radius-topright:6px; border-top-right-radius:6px;}
.rbr {-moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -khtml-border-radius-bottomright:6px; border-bottom-right-radius:6px;}
.rbl {-moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -khtml-border-radius-bottomleft:6px; border-bottom-left-radius:6px;}

.hoverme:hover .showme {display:block;}
.hoverme:hover .hideme {display:none;}
.showme,.hidden {display:none;}

.whitebck {background-color:#FFFFFF;color:#000000;}
.blackbck {background-color:#000000;color:#FFFFFF;}
.darkgraybck {background-color:#333333;color:#FFFFFF;}
.lightgraybck {background-color:#666666;color:#000000;}

/* float clearing for IE6 */
* html .clearfix {height:1%; overflow:visible;}

/* float clearing for IE7 */
*+html .clearfix {min-height:1%;}

/* float clearing for everyone else */
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}

.table_div {display:table;}
.table_div_row {display:table-row;}
.table_div_cell {display:table-cell;}
.section{pad:2px;}
.site{background-color:#FFF;}

/* @title Profile Menu */
/* @help This is the Profile menu */
.profile_menu {
    margin:0;
    background-color:transparent;
    padding:0 12px 6px 12px;
}

/* @title Profile Menu Entry */
/* @help This is the Profile menu entries */
.profile_menu_entry {
    display:inline-block;
    background-color:#333;
    text-transform:uppercase;
    margin-top:3px;
    margin-right:1px;
    padding:5px 5px 5px 5px;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
	border-radius:10px;
}

/* @title Menu Entry Link */
/* @help This is the menu entry URL link */
.profile_menu_entry a {
    color:#FFF;
}

/* @title Menu Link Hover */
/* @help This is the menu entry URL link hover effect */
.profile_menu_entry:hover {
    color:#000;
    background-color:#FFFFFF;
}

/* @title Menu Entry Active */
/* @help This is the menu entry active state */
.profile_menu_entry_active {
    /* background-color:#EEEEEE; */
    background-color:#AAA;
    color:#222;
}
.profile_menu_entry_active:hover {
    background-color:#AAA;
    color:#000;
}
#jr_buy { background:none; right:0px; top:0px; height:40px; width:55px; line-height:3em; padding-right:7px; text-align:right; background:url("https://mediaistream.com/skins/mis/img/buy.png") no-repeat scroll right top transparent; }
#jr_free { background:none; background:url("https://mediaistream.com/skins/mis/img/free.png") no-repeat scroll right top transparent; }
#jr_new { background:none; background:url("https://mediaistream.com/skins/mis/img/new.png") no-repeat scroll right top transparent; }
.block_search {
    float:left;
    white-space:nowrap;
    text-align:left;
    width:50%;
}

/* @title Search Text Input */
/* @help Format for Text Input search element on module indexes */
.form_text_search {
    width:50%;
}
.bottom_baseline {
  position:absolute;
  bottom:0;
  margin-bottom:5px;
}
.date {
    color:#000;
	font-size:12px;
}

.date > a {
    color:#626262;
    text-transform:capitalize;
}
.home_title {
    color:#FFF;
	font-size:36px;
	font-weight:bold;
}
.home_text {
    color:#FFF;
	font-size:24px;
	font-weight:bold;
}
.list_image {
float:left;
width:21%;
border-radius:10px;
}
.list_music_image {
float:left;
width:17%;
border-radius:10px;
}
.list_music_body {
float:left;
padding-left:5px;
width:81%;
}
.list_image_2 {
float:left;
width:27%;
border-radius:10px;
}
.list_image_3 {
float:left;
width:18%;
border-radius:10px;
}
.list_image_4 {
float:left;
width:46%;
border-radius:10px;
}
.list_image_5 {
float:left;
width:35%;
border-radius:10px;
}
.list_profile_image {
float:left;
width:6%;
}
.list_profile_image_2 {
float:left;
width:9%;
}

.list_body {
float:left;
padding-left:5px;
width:78%;
}
.list_body_2 {
float:left;
width:94%;
}
.list_body_5 {
float:left;
width:90%;
}
.list_body_3 {
float:left;
width:72%;
padding-left:5px;	
}
.list_body_6 {
float:left;
width:60%;
padding-left:5px;	
}
.list_body_4 {
float:left;
width:52%;
padding-left:5px;	
}
.list_rows {
float:left;
width:100%;
}
.list_body_p {
float:left;
width:57%;
}
.lists_buttons {
float:left;
width:20%;
}
.list_play {
width:5%;
vertical-align:middle;
float:right;
}
.list_wrap {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 1px 1px;	
    color:#000;
    overflow:hidden;
	border-radius:10px;
	margin:5px;
	position:relative;
}
.list_title {
	font-size:18px;
	text-transform:capitalize;
	color:#000;
}
.list_text {
	font-size:14px;
	color:#000;
}
.list_text_small {
	font-size:12px;
	color:#000;
}
.list_text_smaller {
	font-size:10px;
	color:#000;
}
.list_titleb {
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
}
.list_textb {
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-transform:capitalize;
}
.list_text_smallb {
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
}
.list_text_smallerb {
	font-size:10px;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
}
.list_category {
	font-size:18px;
	font-weight:bold;
    text-transform:capitalize;
	color:#000;
}
.list_categoryb {
	font-size:18px;
	font-weight:bold;
    text-transform:capitalize;
	color:#000;
}
.music_row .wrap > div > div > div {
    font-size:18px;
    padding:5px;
    vertical-align:middle;
}

.music_row {
    background:#000 none repeat scroll 0 0;
    border-radius:4px;
    box-shadow:0 1px 2px rgba(0,0,0,0.15) inset,0 0 0 rgba(0,0,0,0.3) inset,0 2px 0 rgba(255,255,255,0.5);
    color:white;;
    margin:5px;
}

.music_row .img_scale {
    box-shadow:0 0 2px #333;
}

.music_row span {
    color:#aaa;
    font-size:14px;
}

.music_row .wrap > div {
    height:100%;
}
.music_item .middle .wrap {
    padding:1em;
}



/* skins/mis/css/animations.css */


/*animations*/

/******************
* Bounce in right *
*******************/


.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.slow {
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.slower {
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.slowest {
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

/* Added by Andy Meetan */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}

.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}

.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}

.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}

.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}

.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}

.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}

.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}

.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}

.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}

.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}

.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}

.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}

.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown {
    opacity:0;
    -webkit-transform:translateX(400px);
    transform:translateX(400px);
}

.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown {
    opacity:0;
    -webkit-transform:translateX(400px);
    transform:translateX(400px);
}

.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn {
    opacity:0;
}

.lightSpeedInRight,.lightSpeedInLeft {
    opacity:0;
    -webkit-transform:translateX(400px);
    transform:translateX(400px);
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
    }

    50% {
        opacity:1;
        -webkit-transform:scale(1.05);
    }

    70% {
        -webkit-transform:scale(.9);
    }

    100% {
        -webkit-transform:scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity:0;
        transform:scale(.3);
    }

    50% {
        opacity:1;
        transform:scale(1.05);
    }

    70% {
        transform:scale(.9);
    }

    100% {
        transform:scale(1);
    }
}

.bounceIn.go {
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn;
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight {
    0% {
        opacity:0;

        -webkit-transform:translateX(400px);
    }
    60% {

        -webkit-transform:translateX(-30px);
    }
    80% {
        -webkit-transform:translateX(10px);
    }
    100% {
        opacity:1;

        -webkit-transform:translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity:0;

        transform:translateX(400px);
    }
    60% {

        transform:translateX(-30px);
    }
    80% {
        transform:translateX(10px);
    }
    100% {
        opacity:1;

        transform:translateX(0);
    }
}


.bounceInRight.go {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight;
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft {
    0% {
        opacity:0;

        -webkit-transform:translateX(-400px);
    }
    60% {

        -webkit-transform:translateX(30px);
    }
    80% {
        -webkit-transform:translateX(-10px);
    }
    100% {
        opacity:1;

        -webkit-transform:translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity:0;

        transform:translateX(-400px);
    }
    60% {

        transform:translateX(30px);
    }
    80% {
        transform:translateX(-10px);
    }
    100% {
        opacity:1;

        transform:translateX(0);
    }
}

.bounceInLeft.go {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft;
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp {
    0% {
        opacity:0;

        -webkit-transform:translateY(400px);
    }
    60% {

        -webkit-transform:translateY(-30px);
    }
    80% {
        -webkit-transform:translateY(10px);
    }
    100% {
        opacity:1;

        -webkit-transform:translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity:0;

        transform:translateY(400px);
    }
    60% {

        transform:translateY(-30px);
    }
    80% {
        transform:translateY(10px);
    }
    100% {
        opacity:1;

        transform:translateY(0);
    }
}

.bounceInUp.go {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp;
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown {
    0% {
        opacity:0;

        -webkit-transform:translateY(-400px);
    }
    60% {

        -webkit-transform:translateY(30px);
    }
    80% {
        -webkit-transform:translateY(-10px);
    }
    100% {
        opacity:1;

        -webkit-transform:translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity:0;

        transform:translateY(-400px);
    }
    60% {

        transform:translateY(30px);
    }
    80% {
        transform:translateY(-10px);
    }
    100% {
        opacity:1;

        transform:translateY(0);
    }
}

.bounceInDown.go {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown;
}


/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
        display:block;
    }
}

@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
        display:block;
    }
}

.fadeIn {
    opacity:0;
}

.fadeIn.go {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn {
    0% {
        -webkit-transform:scale(0.2);
        opacity:0;
    }
    50% {
        -webkit-transform:scale(1.2);

    }
    100% {
        -webkit-transform:scale(1);
        opacity:1;
    }
}

@keyframes growIn {
    0% {
        transform:scale(0.2);
        opacity:0;
    }
    50% {
        transform:scale(1.2);

    }
    100% {
        transform:scale(1);
        opacity:1;
    }
}

.growIn {

    -webkit-transform:scale(0.2);
    transform:scale(0.2);
    opacity:0;
}

.growIn.go {
    -webkit-animation-name:growIn;
    animation-name:growIn;
}

/********
* Shake *
********/
@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform:translateX(0);
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translateX(-10px);
    }
    20%,40%,60%,80% {
        -webkit-transform:translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        transform:translateX(0);
    }
    10%,30%,50%,70%,90% {
        transform:translateX(-10px);
    }
    20%,40%,60%,80% {
        transform:translateX(10px);
    }
}

.shake.go {
    -webkit-animation-name:shake;
    animation-name:shake;
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp {
    0%,100% {
        -webkit-transform:translateX(0);
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translateY(-10px);
    }
    20%,40%,60%,80% {
        -webkit-transform:translateY(10px);
    }
}

@keyframes shakeUp {
    0%,100% {
        transform:translateY(0);
    }
    10%,30%,50%,70%,90% {
        transform:translateY(-10px);
    }
    20%,40%,60%,80% {
        transform:translateY(10px);
    }
}

.shakeUp.go {
    -webkit-animation-name:shakeUp;
    animation-name:shakeUp;
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity:0;
        transform:translateX(-400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        transform:translateX(0);
    }
}

.fadeInLeft {
    opacity:0;
    -webkit-transform:translateX(-400px);
    transform:translateX(-400px);
}

.fadeInLeft.go {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        transform:translateX(400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        transform:translateX(0);
    }
}

.fadeInRight {
    opacity:0;
    -webkit-transform:translateX(400px);
    transform:translateX(400px);
}

.fadeInRight.go {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        transform:translateY(400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

.fadeInUp {
    opacity:0;
    -webkit-transform:translateY(400px);
    transform:translateY(400px);
}

.fadeInUp.go {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translateY(-400px);
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

.fadeInDown {
    opacity:0;
    -webkit-transform:translateY(-400px);
    transform:translateY(-400px);
}

.fadeInDown.go {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        opacity:0;
    }
    100% {
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
        opacity:1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin:center center;
        transform:rotate(-200deg);
        opacity:0;
    }
    100% {
        transform-origin:center center;
        transform:rotate(0);
        opacity:1;
    }
}

.rotateIn.go {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        opacity:0;
    }
    100% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0;
    }
    100% {
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1;
    }
}

.rotateInUpLeft.go {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft;
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0;
    }
    100% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0;
    }
    100% {
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1;
    }
}

.rotateInDownLeft.go {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft;
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0;
    }
    100% {
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0;
    }
    100% {
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1;
    }
}

.rotateInUpRight.go {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight;
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0;
    }
    100% {
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0;
    }
    100% {
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1;
    }
}

.rotateInDownRight.go {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight;
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity:0;
        transform:translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity:1;
        transform:translateX(0px) rotate(0deg);
    }
}

.rollIn.go {
    -webkit-animation-name:rollIn;
    animation-name:rollIn;
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform:skewX(9deg);
    }
    10% {
        -webkit-transform:skewX(-8deg);
    }
    20% {
        -webkit-transform:skewX(7deg);
    }
    30% {
        -webkit-transform:skewX(-6deg);
    }
    40% {
        -webkit-transform:skewX(5deg);
    }
    50% {
        -webkit-transform:skewX(-4deg);
    }
    60% {
        -webkit-transform:skewX(3deg);
    }
    70% {
        -webkit-transform:skewX(-2deg);
    }
    80% {
        -webkit-transform:skewX(1deg);
    }
    90% {
        -webkit-transform:skewX(0deg);
    }
    100% {
        -webkit-transform:skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform:skewX(9deg);
    }
    10% {
        transform:skewX(-8deg);
    }
    20% {
        transform:skewX(7deg);
    }
    30% {
        transform:skewX(-6deg);
    }
    40% {
        transform:skewX(5deg);
    }
    50% {
        transform:skewX(-4deg);
    }
    60% {
        transform:skewX(3deg);
    }
    70% {
        transform:skewX(-2deg);
    }
    80% {
        transform:skewX(1deg);
    }
    90% {
        transform:skewX(0deg);
    }
    100% {
        transform:skewX(0deg);
    }
}

.wiggle.go {
    -webkit-animation-name:wiggle;
    animation-name:wiggle;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
}

/********
* swing *
*********/

@-webkit-keyframes swing {
    20%,40%,60%,80%,100% {
        -webkit-transform-origin:top center;
    }
    20% {
        -webkit-transform:rotate(15deg);
    }
    40% {
        -webkit-transform:rotate(-10deg);
    }
    60% {
        -webkit-transform:rotate(5deg);
    }
    80% {
        -webkit-transform:rotate(-5deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform:rotate(15deg);
    }
    40% {
        transform:rotate(-10deg);
    }
    60% {
        transform:rotate(5deg);
    }
    80% {
        transform:rotate(-5deg);
    }
    100% {
        transform:rotate(0deg);
    }
}

.swing.go {
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing;
}

/*******
* tada *
********/

@-webkit-keyframes tada {
    0% {
        -webkit-transform:scale(1);
    }
    10%,20% {
        -webkit-transform:scale(0.9) rotate(-3deg);
    }
    30%,50%,70%,90% {
        -webkit-transform:scale(1.1) rotate(3deg);
    }
    40%,60%,80% {
        -webkit-transform:scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform:scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform:scale(1);
    }
    10%,20% {
        transform:scale(0.9) rotate(-3deg);
    }
    30%,50%,70%,90% {
        transform:scale(1.1) rotate(3deg);
    }
    40%,60%,80% {
        transform:scale(1.1) rotate(-3deg);
    }
    100% {
        transform:scale(1) rotate(0);
    }
}

.tada.go {
    -webkit-animation-name:tada;
    animation-name:tada;
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble {
    0% {
        -webkit-transform:translateX(0%);
    }
    15% {
        -webkit-transform:translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform:translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform:translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform:translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform:translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform:translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform:translateX(0%);
    }
    15% {
        transform:translateX(-25%) rotate(-5deg);
    }
    30% {
        transform:translateX(20%) rotate(3deg);
    }
    45% {
        transform:translateX(-15%) rotate(-3deg);
    }
    60% {
        transform:translateX(10%) rotate(2deg);
    }
    75% {
        transform:translateX(-5%) rotate(-1deg);
    }
    100% {
        transform:translateX(0%);
    }
}

.wobble.go {
    -webkit-animation-name:wobble;
    animation-name:wobble;
}

/********
* pulse *
*********/

@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(1);
    }
    50% {
        -webkit-transform:scale(1.1);
    }
    100% {
        -webkit-transform:scale(1);
    }
}

@keyframes pulse {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.1);
    }
    100% {
        transform:scale(1);
    }
}

.pulse.go {
    -webkit-animation-name:pulse;
    animation-name:pulse;
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }
    60% {
        -webkit-transform:translateX(-20%) skewX(30deg);
        opacity:1;
    }
    80% {
        -webkit-transform:translateX(0%) skewX(-15deg);
        opacity:1;
    }
    100% {
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
}

@keyframes lightSpeedInRight {
    0% {
        transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }
    60% {
        transform:translateX(-20%) skewX(30deg);
        opacity:1;
    }
    80% {
        transform:translateX(0%) skewX(-15deg);
        opacity:1;
    }
    100% {
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
}

.lightSpeedInRight.go {
    -webkit-animation-name:lightSpeedInRight;
    animation-name:lightSpeedInRight;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
}

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform:translateX(-100%) skewX(30deg);
        opacity:0;
    }
    60% {
        -webkit-transform:translateX(20%) skewX(-30deg);
        opacity:1;
    }
    80% {
        -webkit-transform:translateX(0%) skewX(15deg);
        opacity:1;
    }
    100% {
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
}

@keyframes lightSpeedInLeft {
    0% {
        transform:translateX(-100%) skewX(30deg);
        opacity:0;
    }
    60% {
        transform:translateX(20%) skewX(-30deg);
        opacity:1;
    }
    80% {
        transform:translateX(0%) skewX(15deg);
        opacity:1;
    }
    100% {
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
}

.lightSpeedInLeft.go {
    -webkit-animation-name:lightSpeedInLeft;
    animation-name:lightSpeedInLeft;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
}


/*******
* Flip *
*******/
@-webkit-keyframes flip {
    0% {
        -webkit-transform:perspective(400px) rotateY(0);
        -webkit-animation-timing-function:ease-out;
    }
    40% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function:ease-out;
    }
    50% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
    }
    80% {
        -webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
    }
    100% {
        -webkit-transform:perspective(400px) scale(1);
        -webkit-animation-timing-function:ease-in;
    }
}

@keyframes flip {
    0% {
        transform:perspective(400px) rotateY(0);
        animation-timing-function:ease-out;
    }
    40% {
        transform:perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function:ease-out;
    }
    50% {
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function:ease-in;
    }
    80% {
        transform:perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function:ease-in;
    }
    100% {
        transform:perspective(400px) scale(1);
        animation-timing-function:ease-in;
    }
}

.flip.go {
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flip;
    backface-visibility:visible !important;
    animation-name:flip;
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
    40% {
        -webkit-transform:perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform:perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
}

@keyframes flipInX {
    0% {
        transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
    40% {
        transform:perspective(400px) rotateX(-10deg);
    }
    70% {
        transform:perspective(400px) rotateX(10deg);
    }
    100% {
        transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
}

.flipInX.go {
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flipInX;
    backface-visibility:visible !important;
    animation-name:flipInX;
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }
    40% {
        -webkit-transform:perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform:perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }
}

@keyframes flipInY {
    0% {
        transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }
    40% {
        transform:perspective(400px) rotateY(-10deg);
    }
    70% {
        transform:perspective(400px) rotateY(10deg);
    }
    100% {
        transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }
}

.flipInY.go {
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flipInY;
    backface-visibility:visible !important;
    animation-name:flipInY;
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform:scale(1);
    }
    25% {
        -webkit-transform:scale(.95);
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.1);
    }
    100% {
        opacity:0;
        -webkit-transform:scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        transform:scale(1);
    }
    25% {
        transform:scale(.95);
    }
    50% {
        opacity:1;
        transform:scale(1.1);
    }
    100% {
        opacity:0;
        transform:scale(.3);
    }
}

.bounceOut.goAway {
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut;
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform:translateY(0);
    }
    20% {
        opacity:1;
        -webkit-transform:translateY(20px);
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform:translateY(0);
    }
    20% {
        opacity:1;
        transform:translateY(20px);
    }
    100% {
        opacity:0;
        transform:translateY(-2000px);
    }
}

.bounceOutUp.goAway {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp;
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform:translateY(0);
    }
    20% {
        opacity:1;
        -webkit-transform:translateY(-20px);
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform:translateY(0);
    }
    20% {
        opacity:1;
        transform:translateY(-20px);
    }
    100% {
        opacity:0;
        transform:translateY(2000px);
    }
}

.bounceOutDown.goAway {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown;
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform:translateX(0);
    }
    20% {
        opacity:1;
        -webkit-transform:translateX(20px);
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform:translateX(0);
    }
    20% {
        opacity:1;
        transform:translateX(20px);
    }
    100% {
        opacity:0;
        transform:translateX(-2000px);
    }
}

.bounceOutLeft.goAway {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft;
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform:translateX(0);
    }
    20% {
        opacity:1;
        -webkit-transform:translateX(-20px);
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform:translateX(0);
    }
    20% {
        opacity:1;
        transform:translateX(-20px);
    }
    100% {
        opacity:0;
        transform:translateX(2000px);
    }
}

.bounceOutRight.goAway {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight;
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

.fadeOut.goAway {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut;
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity:1;
        transform:translateY(0);
    }
    100% {
        opacity:0;
        transform:translateY(-2000px);
    }
}

.fadeOutUp.goAway {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp;
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity:1;
        transform:translateY(0);
    }
    100% {
        opacity:0;
        transform:translateY(2000px);
    }
}

.fadeOutDown.goAway {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown;
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity:1;
        transform:translateX(0);
    }
    100% {
        opacity:0;
        transform:translateX(-2000px);
    }
}

.fadeOutLeft.goAway {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft;
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1;
        transform:translateX(0);
    }
    100% {
        opacity:0;
        transform:translateX(2000px);
    }
}

.fadeOutRight.goAway {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight;
}

/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
    100% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
}

@keyframes flipOutX {
    0% {
        transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
    100% {
        transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
}

.flipOutX.goAway {
    -webkit-animation-name:flipOutX;
    -webkit-backface-visibility:visible !important;
    animation-name:flipOutX;
    backface-visibility:visible !important;
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }
    100% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }
}

@keyframes flipOutY {
    0% {
        transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }
    100% {
        transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }
}

.flipOutY {
    -webkit-backface-visibility:visible !important;
    -webkit-animation-name:flipOutY;
    backface-visibility:visible !important;
    animation-name:flipOutY;
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight {
    0% {
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
    100% {
        -webkit-transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }
}

@keyframes lightSpeedOutRight {
    0% {
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
    100% {
        transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }
}

.lightSpeedOutRight.goAway {
    -webkit-animation-name:lightSpeedOutRight;
    animation-name:lightSpeedOutRight;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
}


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft {
    0% {
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
    100% {
        -webkit-transform:translateX(-100%) skewX(30deg);
        opacity:0;
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
    100% {
        transform:translateX(-100%) skewX(30deg);
        opacity:0;
    }
}

.lightSpeedOutLeft.goAway {
    -webkit-animation-name:lightSpeedOutLeft;
    animation-name:lightSpeedOutLeft;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;

}

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
        opacity:1;
    }
    100% {
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(200deg);
        opacity:0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin:center center;
        transform:rotate(0);
        opacity:1;
    }
    100% {
        transform-origin:center center;
        transform:rotate(200deg);
        opacity:0;
    }
}

.rotateOut.goAway {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
    100% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1;
    }
    100% {
        -transform-origin:left bottom;
        -transform:rotate(-90deg);
        opacity:0;
    }
}

.rotateOutUpLeft.goAway {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft;
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
    100% {
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        opacity:0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1;
    }
    100% {
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0;
    }
}

.rotateOutDownLeft.goAway {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft;
}

/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1;
    }
    100% {
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1;
    }
    100% {
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0;
    }
}

.rotateOutUpRight.goAway {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight;
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut {
    0% {
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity:1;
        transform:translateX(0px) rotate(0deg);
    }
    100% {
        opacity:0;
        transform:translateX(100%) rotate(120deg);
    }
}

.rollOut.goAway {
    -webkit-animation-name:rollOut;
    animation-name:rollOut;
}

/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
}

@keyframes fadeInUpShort {
    0% {
        opacity:0;
        transform:translateY(20px);
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

.fadeInUpShort {
    opacity:0;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
}

.fadeInUpShort.go {
    -webkit-animation-name:fadeInUpShort;
    animation-name:fadeInUpShort;
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
    0% {
        opacity:0;
        -webkit-transform:translateY(-20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
}

@keyframes fadeInDownShort {
    0% {
        opacity:0;
        transform:translateY(-20px);
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

.fadeInDownShort {
    opacity:0;
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
}

.fadeInDownShort.go {
    -webkit-animation-name:fadeInDownShort;
    animation-name:fadeInDownShort;
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort {
    0% {
        opacity:0;
        -webkit-transform:translateX(20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}

@keyframes fadeInRightShort {
    0% {
        opacity:0;
        transform:translateX(20px);
    }
    100% {
        opacity:1;
        transform:translateX(0);
    }
}

.fadeInRightShort {
    opacity:0;
    -webkit-transform:translateX(20px);
    transform:translateX(20px);
}

.fadeInRightShort.go {
    -webkit-animation-name:fadeInRightShort;
    animation-name:fadeInRightShort;
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort {
    0% {
        opacity:0;
        -webkit-transform:translateX(-20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}

@keyframes fadeInLeftShort {
    0% {
        opacity:0;
        transform:translateX(-20px);
    }
    100% {
        opacity:1;
        transform:translateX(0);
    }
}

.fadeInLeftShort {
    opacity:0;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px);
}

.fadeInLeftShort.go {
    -webkit-animation-name:fadeInLeftShort;
    animation-name:fadeInLeftShort;
}


/* skins/mis/css/animations-ie-fix.css */


.animated {
    opacity:1;
}

/* skins/mis/css/player.css */



.video_container {
    position:relative;
}

.jrVideoPro2_player ul.jp-controls,.jrVideoPro2_player,.jp-control-settings > ul {
    margin:0;
    padding:0;
}

.jrVideoPro2_player .jp-gui.start {
    display:block !important;
    opacity:1 !important;
}

.jrVideoPro2_player .jp-gui {
    bottom:0;
    height:100% !important;
    left:0;
    position:absolute;
    width:100%;
}

.jrVideoPro2_player li {
    float:left;
    list-style:outside none none;
}

.jrVideoPro2_player .jp-video-play {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}


.jrVideoPro2_player .jp-video-play-icon {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/play_large.png") no-repeat scroll 0 0 / cover ;
    display:block;
    height:30px;
    margin:auto;
    text-indent:-9999px;
    width:30px;
    transition:all 0.3s ease 0s;
}

.jrVideoPro2_player .jp-interface {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    bottom:0;
    height:44px;
    position:absolute;
    width:100%;
}

.jrVideoPro2_player .jp-video-play {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.jrVideoPro2_player .jp-play,
.jrVideoPro2_player .jp-pause,
.jrVideoPro2_player .jp-mute,
.jrVideoPro2_player .jp-unmute,
.jrVideoPro2_player .jp-settings,
.jrVideoPro2_player .jp-restore-screen,
.jrVideoPro2_player .jp-full-screen {
    display:block;
    height:18px;
    margin:0 20px;
    width:18px;
    position:absolute;
}

.jrVideoPro2_player .jp-controls-holder {
}

.jrVideoPro2_player .jp-progress-holder {
    height:8px;
    left:46px;
    padding:6px 0 0;
    position:absolute;
    right:284px;
}

.jrVideoPro2_player .jp-duration {
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
    line-height:1.6;
    position:absolute;
    right:240px;
}

.jrVideoPro2_player .jp-full-screen,.jp-restore-screen {
    right:0;
}

.jrVideoPro2_player .jp-seek-bar,.jrVideoPro2_player .jp-play-bar,.jrVideoPro2_player .jp-progress {
    background:rgba(255,255,255,0.1) none repeat scroll 0 0;
    border-radius:0;
    height:7px;
}

.jrVideoPro2_player .jp-play-bar {
    background:#5588cc none repeat scroll 0 0;
}

.jrVideoPro2_player div.jp-video-full div.jp-jplayer {
    top:0;
    left:0;
    position:fixed !important;
    position:relative; /* Rules for IE6 (full-screen) */
    overflow:hidden;
}

.jrVideoPro2_player div.jp-video-full div.jp-gui,
.jrVideoPro2_player .jp-audio.jp-state-full-screen div.jp-gui {
    position:fixed !important;
    position:static; /* Rules for IE6 (full-screen) */
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
    z-index:1001; /* 1 layer above the others. */
}

.jrVideoPro2_player .jp-video-full .jp-controls-holder,
.jrVideoPro2_player .jp-audio.jp-state-full-screen .jp-controls-holder {
    margin:auto;
    max-width:1180px;
    position:relative;
}

.jrVideoPro2_player .jp-audio .jp-title {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    color:#fff;
    display:inline !important;
    font-weight:bold;
    left:20px;
    max-width:80%;
    padding:10px;
    position:absolute;
    top:0;
}

.jrVideoPro2_player .jp-playlist {
    bottom:50px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%;
}

.jrVideoPro2_player .jp-playlist li {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    border-bottom:1px solid rgba(255,255,255,0.2);
    display:block;
    width:100%;
}

.jrVideoPro2_player .jp-playlist-current a {
    color:rgba(248,197,116,1);
}

.jrVideoPro2_player .jp-playlist div {
}

.jrVideoPro2_player .jp-control-settings {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    border:2px solid rgba(255,255,255,0.5);
    border-radius:8px;
    bottom:42px;
    position:absolute;
    right:10px;
    z-index:500;
}

.jrVideoPro2_player .jp-volume-bar {
    background:#000000 none repeat scroll 0 0;
    cursor:pointer;
    height:8px;
    margin:5px 0;
    overflow:hidden;
    position:absolute;
    right:87px;
    width:116px;
}

.jrVideoPro2_player .jp-volume-bar-value {
    background:#5588cc none repeat scroll 0 0;
    border-radius:0;
    height:8px;
}

.jrVideoPro2_player.audio .jp-settings {
    right:0;
}

.jrVideoPro2_player.audio .jp-mute,.jrVideoPro2_player.audio .jp-unmute {
    right:35px;
}

.jrVideoPro2_player.audio .jp-duration {
    right:95px;
}

.jrVideoPro2_player.audio .jp-volume-bar {
    right:25px;
}

.jrVideoPro2_player.audio .jp-progress-holder {
    right:158px;
}

.jrVideoPro2_player .jp-title {
    color:white;
    display:block !important;
    font-size:28px;
    margin:auto;
    padding:10px 1em;
    position:absolute;
    text-shadow:2px 2px 6px #000;
    width:100%;
}

.jrVideoPro2_player .jp-control-settings span {
    color:white;
}

.button_player div.jp-interface ul.jp-controls a.jp-play,
.button_player div.jp-interface ul.jp-controls a.jp-pause {
    display:none;
    height:30px;
    width:30px;
}


li.jp-playlist-current {
    background:rgba(255,255,255,0.1) none repeat scroll 0 0;
}

.jrVideoPro2_player {
    border-radius:10px;
    box-shadow:0 0 10px #666;
    overflow:hidden;
}

.jrVideoPro2_player .jp-video-play-icon:hover {
    height:65px;;
    width:65px;
}

.jrVideoPro2_player .jp-pause {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/pause.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
}

.jrVideoPro2_player .jp-play {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/play.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
	
}

.jrVideoPro2_player .jp-full-screen {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/fullscreen.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
}

.jrVideoPro2_player .jp-unmute {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/unmute.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
    right:190px;
}

.jrVideoPro2_player .jp-mute {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/mute.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
    right:190px;
}

.jrVideoPro2_player .jp-settings {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/settings.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
    right:35px;
}

.jrVideoPro2_player .jp-restore-screen {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/fullscreen.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
}

.jrVideoPro2_player .jp-video-play-icon.replay {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/replay_large.png") no-repeat scroll 0 0 / contain;
}

.jrVideoPro2_player .jp-play.replay {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/replay.png") no-repeat scroll 0 0 / contain;
    opacity:0.8;
}
.mis_player .jp-gui.start {
    display:block !important;
}

.mis_player .jp-gui {
    bottom:0;
    height:100% !important;
    left:0;
    position:absolute;
    width:100%;
}

.mis_player li {
    float:left;
    list-style:outside none none;
}

.mis_player .jp-video-play {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}

.mis_player .jp-video-play-icon {
    display:block;
    height:40px;
    margin:auto;
    width:40px;
    text-indent:-9999px;
}

.mis_player .jp-interface {
    background:rgba(0,0,0,0) linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)) repeat scroll 0 0;
    bottom:0;
    height:60px;
    position:absolute;
    width:100%;
}

.mis_player .jp-video-play {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.mis_player .jp-play,
.mis_player .jp-pause,
.mis_player .jp-mute,
.mis_player .jp-unmute,
.mis_player .jp-video-play-icon,
.mis_player .jp-restore-screen,
.mis_player .jp-full-screen {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/player.png") no-repeat scroll 0 0;
}

.mis_player .jp-pause {
    background-position:0 -221px !important;
}

.mis_player .jp-play,
.mis_player .jp-pause,
.mis_player .jp-mute,
.mis_player .jp-unmute,
.mis_player .jp-settings,
.mis_player .jp-restore-screen,
.mis_player .jp-full-screen {
    display:block;
    height:25px;
    margin:0 20px;
    width:25px;
    position:absolute;
}

.mis_player .jp-play {
    background-position:0 -246px;
}

.mis_player .jp-controls-holder {
    padding:20px 0;
}

.button_player_holder {
    float:right;
    margin-top:16px;
}

.button_player img {
    width:40px;
    height:40px;
}

.sc_button_player img {
    width:40px;
}

.mis_player .jp-progress-holder {
    height:25px;
    left:56px;
    padding:6px 0 0;
    position:absolute;
    right:190px;
}

.mis_player .jp-duration {
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    line-height:1.6em;
    position:absolute;
    right:132px;
}

.mis_player .jp-full-screen,.jp-restore-screen {
    right:0;
}

.mis_player .jp-full-screen {
    background-position:0 -146px;
}

.mis_player .jp-unmute {
    background-position:0 -196px !important;
}

.mis_player .jp-mute {
    background-position:0 -371px !important;
}

.mis_player .jp-mute,.mis_player .jp-unmute {
    right:70px;
}

.mis_player .jp-settings {
    background:rgba(0,0,0,0) url("https://mediaistream.com/image/img/skin/mis/acp.png") repeat scroll 0 0 / contain;
    right:35px;
}

.mis_player .jp-seek-bar,.mis_player .jp-play-bar,.mis_player .jp-progress {
    background:rgba(255,255,255,0.3) none repeat scroll 0 0;
    border-radius:8px;
    height:12px;
}

.mis_player .jp-play-bar {
    background:rgba(0,0,0,0.3) none repeat scroll 0 0;
}

.mis_player div.jp-video-full div.jp-jplayer {
    top:0;
    left:0;
    position:fixed !important;
    position:relative; /* Rules for IE6 (full-screen) */
    overflow:hidden;
}

.mis_player div.jp-video-full div.jp-gui,
.mis_player .jp-audio.jp-state-full-screen div.jp-gui {
    position:fixed !important;
    position:static; /* Rules for IE6 (full-screen) */
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
    z-index:1001; /* 1 layer above the others. */
}

.mis_player .jp-restore-screen {
    background-position:0 -172px;
}

.mis_player .jp-video-full .jp-controls-holder,
.mis_player .jp-audio.jp-state-full-screen .jp-controls-holder {
    margin:auto;
    max-width:1280px;
    position:relative;
}

.mis_player .jp-audio .jp-title {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    color:#FFFFFF;
    display:inline !important;
    font-weight:bold;
    left:0;
    max-width:80%;
    padding:10px;
    position:absolute;
    top:0;
}

.mis_player .jp-playlist {
    bottom:50px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%;
}

.mis_player .jp-playlist li {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    border-bottom:1px solid rgba(255,255,255,0.2);
    display:block;
    width:100%;
}

.mis_player .jp-playlist-current a {
    color:rgba(248,197,116,1);
}

.mis_player .jp-playlist div {
    padding:7px;
}

.mis_beat_player .jp-type-playlist {
    margin:auto;
    max-width:1140px;
    position:relative;
}

.jp-type-single {
}

.mis_player .jp-control-settings {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    border:2px solid rgba(255,255,255,0.5);
    border-radius:8px;
    bottom:50px;
    padding:6px;
    position:absolute;
    right:10px;
    z-index:500;
}

.mis_player .jp-volume-bar {
    background:rgba(255,255,255,0.5) none repeat scroll 0 0;
    border-radius:8px;
    bottom:44px;
    height:21px;
    overflow:hidden;
    position:absolute;
    right:53px;
    width:100px;
    cursor:pointer;
}

.mis_player .jp-volume-bar-value {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    border-radius:8px;
    height:17px;
    margin:2px;
}

.mis_player.audio .jp-settings {
    right:0;
}

.mis_player.audio .jp-mute,.mis_player.audio .jp-unmute {
    right:35px;
}

.mis_player.audio .jp-duration {
    right:95px;
}

.mis_player.audio .jp-volume-bar {
    right:25px;
}

.mis_player.audio .jp-progress-holder {
    right:158px;
}

.mis_player .jp-video-play-icon.replay {
    background-position:0 -41px;
}

.mis_player .jp-play.replay {
    background-position:0 -321px;
}

.mis_player .jp-title {
    margin:2em;
}

.mis_player .jp-control-settings span {
    color:white;
}

.button_player div.jp-interface ul.jp-controls a.jp-play,
.button_player div.jp-interface ul.jp-controls a.jp-pause {
    display:none;
}

li.jp-playlist-current {
    background:#FFCC66 none repeat scroll 0 0;
}

.mis_player {
    position:relative;
}

.mis_player .jp-playlist-current a {
    color:#FFCC66;
}

.jp-playlist-item {
    color:#EEEEEE;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    .jrVideoPro2_player .jp-duration {
        right:87px;
    }

    .jrVideoPro2_player .jp-progress-holder {
        right:130px;
    }

    .jrVideoPro2_player .jp-volume-bar.desk,.jrVideoPro2_player #mute-unmute,
    .jrVideoPro2_audio .jp-volume-bar.desk,.jrVideoPro2_audio #mute-unmute {
        display:none !important;
    }

    .jrVideoPro2_audio.playlist .jp-title {
        font-size:16px;
    }
    .jrVideoPro2_player .jp-title {
        font-size:17px;
    }

    .jrVideoPro2_audio .jp-progress-holder {
        right:50px;
    }

    .jrVideoPro2_audio .jp-duration {
        right:0;
    }
    .jrVideoPro2_player .jp-video-play-icon {
        height:40px;
        width:40px;
    }
    .jrVideoPro2_player .jp-video-play-icon:hover {
        height:40px;
        width:40px;
    }
}

/* skins/mis/css/override_tablet.css */


/* Tablets */
@media only screen and (max-width:970px) {

    input[type=submit],input[type=reset],input[type=button] {
        -webkit-appearance:none;
    }

    #wrapper {
        font-size:10px;
    }

    .page_tab {
        font-size:14px;
    }

    .desk {
        display:none;
    }

    .mobile {
        display:block;
    }
    #menu > li.right {
        display:block;
    }
    #menu > li {
        display:none;
    }
    #menu > li.desk.right {
        display:none;
    }
    #apps li {
        width:65px;
    }

    #wrapper > section {
        font-size:1.2em;
    }

    .row,#content {
        max-width:970px;
    }

    h1 {
        margin:10px auto;
    }

    .final .footer > a {
        top:-74px;
    }

    .jrform .page_content {
        margin-top:20px;
    }

    .table-cell.logo {
        text-align:center;
        width:80%;
    }

    .table-cell.mobile {
        padding:0 5px;
        width:23px;
    }
    .menu_pad {
        height:100%;
        padding:0 8px;
    }
    #menu > li.right {
        margin:0;
    }
    .table-cell.mobile_size {
        padding:0 5px;
        width:23px;
    }
    .table-cell.logo {
        text-align:center;
        width:93%;
    }
    .index .head {
        padding:0 0 1em 5px;
    }
    #profile .videos .head {
        padding:30px 5px 10px;
    }
    .videos > .wrap {
        padding:0;
    }
}

@media only screen and (max-height:900px) {

    section.index.list {
        padding:90px 0 0;
    }

}


@media only screen and (max-width:1200px) {
    .hover {
        font-size:12px;
    }
    .more {
        margin:1em 0 0;
    }


}

/* skins/mis/css/override_mobile.css */


/* Mobile */
@media handheld,only screen and (max-width:767px) {

    body {
        width:100%;
        min-width:0;
        margin:0;
        padding:0;
        -webkit-text-size-adjust:none;
		background:#FFFFFF;
    }

    h1 {
        font-size:22px;
        font-weight:bold;
    }

    h2 {
        font-size:18px;
    }

    h3 {
        font-size:18px;
		font-weight:bold;
    }

    h4 {
        font-size:11px;
    }

    input[type=submit],input[type=reset],input[type=button] {
        -webkit-appearance:none;
    }

    #mmt {
        background-color:transparent;
        position:relative;
        float:left;
        width:28px;
        height:28px;
        top:5px;
        left:6px;
        z-index:50;
    }

    #main_menu {
        padding:6px;
        text-align:center;
        font-size:14px;
    }

    .row .col1,.row .col2,.row .col3,.row .col4,.row .col5,.row .col6,.row .col7,.row .col8,.row .col9,.row .col10,.row .col11,.row .col12 {
        width:auto;
        float:none;
        margin-left:0;
        margin-right:0;
    }

    .block {
        font-size:12px;
    }

    #item-holder {
        margin-right:0;
    }

    .page_content {
        width:100%;
        margin:0 auto;
    }

    .page_table_header {
        font-size:8px;
    }

    .page_table_cell {
        padding:2px;
        font-size:8px;
    }

    .nowrap {
        white-space:normal;
    }

    .element_left {
        padding:3px;
        font-size:11px;
    }

    .element_right {
        font-size:10px;
        padding:3px;
    }

    .profile_image_element_right img {
        width:190px;
        text-align:center;
    }

    .profile_menu_entry {
        padding:8px;
        margin-bottom:3px;
    }

    .profile_menu {
        padding:0 0 0 5px;
        margin:0;
    }

    .block {
        padding:6px;
        margin:0;
    }

    .form_select_item_jumper {
        width:50%;
    }

    .upload_button {
        font:bold 10px Verdana,sans-serif;
        height:20px;
        padding:6px 6px 0 6px;
        margin:0;
    }

    .create_img {
        height:20px;
        width:20px;
    }

    .update_img {
        height:20px;
        width:20px;
    }

    .delete_img {
        height:20px;
        width:20px;
    }

    .download_img {
        height:20px;
        width:20px;
    }

    /* Tab Bar */
    .page_tab_bar_holder {
        width:100%;
        border-bottom:0;
        padding:0 12px 9px 0;
    }

    .page_tab_bar_spacer {
        height:0;
    }

    .page_tab {
        float:left;
        list-style:none;
        margin:3px 6px 3px 0;
        color:#000000;
        text-transform:capitalize;
        font-size:12px;
        padding:3px;
        text-align:center;
        border-radius:0;
    }

    .page_tab a {
        text-decoration:none;
    }

    .page_tab_first {
        margin-left:0;
    }

    .page_tab_last {
        color:#000000;
    }

    .page_tab_active {
        border:0;
    }

    .info_img {
        display:none;
    }

    .gallery_img {
        width:100%;
    }

    .item {
        padding:6px;
        font-size:12px;
    }
    #menu > li.right {
        margin:0;
    }

    #menu .right img {
        width:26px;
    }

    .table-cell.profile-image {
        width:25%;
        padding:0 5px 0 0;
    }

    #profile_header .profile_name {
        font-size:20px;
    }

    #profile_header .profile_name span {
        font-size:12px;
    }

    .index_list .col4,.index_list .col2 {
        float:left;
        width:8.3%;
    }
	
    .image {
    }
    .index_list.clearfix.c27 > div {
        width:2700%;
    }
    .index_list.clearfix.c21 > div {
        width:2100%;
    }

    .c21 .col6,.c21 .col2 {
        float:left;
        width:14.28%;
    }
	
    .white.clearfix div:last-child {
        display:none;
    }
    .white.clearfix > div:first-child {
        width:100% !important;
    }
    .index .head {
        padding:0 10px 10px;
    }
    section {
        margin:0;
    }
    .pane .row {
        max-width:none;
    }

    .social > li {
        padding:0 5px;
    }
    .sprite_icon {
        margin:3px 0;
    }
    .table-cell.profile-image {
        width:17%;
    }
    .stButton {
        margin-top:10px;
    }
    .detail_box .wrap {
        padding:0 1em;
    }
    #profile .videos .head {
        text-align:center;
    }
    .index_list.clearfix > div {
         left:0;
         position:relative;
         transition:left 1s ease 0s;
         width:1800%;
     }
    .see-all {
        float:none;
    }
    /* Scroll Up Icon */
    .scrollup {
        bottom:10px;
        right:10px;
    }

}

@media handheld,only screen and (max-width:767px) {
    .element_left {
        display:none;
    }
    .element_right {
        font-size:10px;
        padding:0 0 20px;
    }
    .form_help_button {
        top:12px;
        right:0;
        padding:4px 0;
        width:24px;
        text-align:center;
    }
    #content .form_text {
        width:83%;
    }
    #content .form_select {
        width:86%;
    }
    .form_text.form_text_search {
        margin-bottom:10px;
    }
    #error_log {
        width:90vw;
    }
    .col4.last > .box {
        margin:0 0 0 0;
    }
    .form_select_and_text_tag {
        display:none;
    }
    .form_select_and_text_select {
        margin-bottom:10px;
    }
    .form_time {
        margin:2px;
    }
    .form_date {
        width:83%;
        margin-bottom:10px !important;
    }

    .page_content .form_textarea {
        width:83.5%;
    }
    .menu_pad {
        padding:0 1em;
    }

    .form_label {
        display:block;
        padding:2px;
        text-transform:capitalize;
    }
    .form_editor_holder {
        width:308px;
        padding-right:2px;
        overflow:hidden;
    }
	.mis_modal {
    background:white none repeat scroll 0 0;
    border-radius:10px;
    height:540px;
    padding:1em;
    width:90%;
}

.mis_modal .comment_page_section {
    max-height:376px;
    overflow:auto;
}

.simplemodal-close {
    color:white;
    cursor:pointer;
    display:block;
    font-size:28px;
    position:absolute;
    right:0;
    bottom:-37px;
}

.mis_modal a {
    color:#58c;
}
#share_modal .action_feedback > .item {
    display:none;
}

#share_modal .action {
    margin:10px 0 0;
}

#share_modal_box .action {
    max-height:400px;
    overflow:auto;
    max-width:90%;

}

#share_modal {
    height:auto;
}
h9 {
    text-align:left;
	font-size:20px;
    font-weight:bold;
	text-transform:uppercase;
}	
#profile_menu {
    z-index:89;
    background:white;
  overflow:scroll;
  white-space:nowrap;
}
#mobile_profile_menu {
    z-index:89;
    background:white;
  overflow:scroll;
  white-space:nowrap;
}
.profile_menu {
    background:white;
}

ul#horizontal,#horizontal ul {
    margin:0;
    padding:0; 
}
ul#horizontal,#horizontal ul {
    -ms-overflow-style:none;  /* Internet Explorer 10+ */
    scrollbar-width:none;  /* Firefox */
}
ul#horizontal,#horizontal ul::webkit-scrollbar {
	height:100px;
    display:none;  /* Safari and Chrome */
}


#horizontal li {
    float:left;
    padding:15px 0 0;
}

.index_list.clearfix > div {
	overflow-x:auto;
    background:white;
}
.section {
	float:left;
    background:white;
  overflow:scroll;
	overflow-x:auto;

  white-space:nowrap;
}
.section > div {
	float:left;
    background:white;
		overflow-x:auto;

  overflow:scroll;
  white-space:nowrap;
}
.index_list {
	overflow-x:auto;
    background:white;
}

.index_list ::webkit-scrollbar {
	height:100px;
    display:none;  /* Safari and Chrome */
}
.index_list.clearfix > div ::webkit-scrollbar {
	height:100px;
    display:none;  /* Safari and Chrome */
}

.list_nav {
 display:none;
}

.list_nav.previous {
 display:none;

}

.list_nav.next {
 display:none;

}
 .title {
 font-size:12px;
}	
.title_item {
  font-size:16px;
  font-weight:bold;
  color:#000;
}
	
.item_pad {
	padding:5px
}
.audio_row .wrap > div > div > div {
    font-size:18px;
    vertical-align:middle;
	padding-right:5px;
}
.audio_row {
    background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 5px 15px;	
    color:#000;
    overflow:hidden;
	border-radius:10px;
	margin:10px .5;
}

.audio_row .img_scale {
    box-shadow:0 0 2px #333;
}

.audio_row span {
    color:#000000;
    font-size:15px;
}	
.index_item {
    float:left;
	background:#FFF none repeat scroll 0 0;
	box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
    color:#000;
    overflow:hidden;
	border-radius:5px;	
	margin-right:5px;
	margin-left:5px;
}
.index_itemb {
    float:left;
    width:16%;
	background:#FFF none repeat scroll 0 0;
    color:#000;
    overflow:hidden;
	border-radius:10px;	
	margin-right:10px;
	
}
.index_item_less {
    float:left;
	background:#FFF none repeat scroll 0 0;
    color:#000;
    overflow:hidden;
	border-radius:10px;	
	
}
.list_item_text_small {
  coler:#000000;
  font-size:12px;
  font-weight:bold;
  text-transform:capitalize;

} 
.title_rating_item {
  coler:#000000;
  font-size:18px;
  font-weight:bold;
  text-transform:capitalize;
  padding-bottom:10px;
  vertical-align:middle;
} 
.title_list_action {
  coler:#000000;
  font-size:12px;
  font-weight:bold;
  text-transform:capitalize;
	
} 
.title_list_item {
  coler:#000000;
  font-size:16px;
  font-weight:bold;
  text-transform:capitalize;
	
} 
.list_image {
float:left;
width:46%;
border-radius:10px;
}
.list_image_3 {
float:left;
width:35%;
border-radius:10px;
}	
.list_profile_image {
float:left;
width:22%;
}
.list_body {
float:left;
padding-left:5px;
width:51%;
}
.list_body_2 {
float:left;
width:71%;
}
.list_body_3 {
float:left;
width:75%;
}	
.list_buttons {
float:left;
width:20%;
}
.list_play {
width:15%;
}
.list_title {
	font-size:18px;
	text-transform:capitalize;
	color:#000;
}
.list_text {
	font-size:14px;
	color:#000;
}
.list_text_small {
	font-size:12px;
	color:#000;
}
.list_text_smaller {
	font-size:10px;
	color:#000;
}
.list_titleb {
	font-size:20px;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
}
.list_textb {
	font-size:14px;
	color:#000;
}
.list_text_smallb {
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
}
.list_text_smallerb {
	font-size:10px;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
}
.list_category {
	font-size:18px;
	font-weight:bold;
    text-transform:capitalize;
	color:#000;
}
.list_categoryb {
	font-size:18px;
	font-weight:bold;
    text-transform:capitalize;
	color:#000;
}
.date {
    color:#000;
	font-size:12px;
}
    .scroll_list.clearfix > div {
         left:0;
         position:relative;
         transition:left 1s ease 0s;
         width:500%;
     }	
	.index_list.clearfix > div {
	overflow-x:auto;
    background:white;
}

.scroll_list {
	overflow-x:auto;
    background:white;
}

.scroll_list ::webkit-scrollbar {
	height:100px;
    display:none;  /* Safari and Chrome */
}
.scroll_list.clearfix > div ::webkit-scrollbar {
	height:100px;
    display:none;  /* Safari and Chrome */
}
    .follow_list.clearfix > div {
		float:left;
         left:0;
         transition:left 1s ease 0s;
         width:200%;
     }	
	.follow_list.clearfix > div {
	overflow-x:auto;
    background:white;
}

.follow_list {
	overflow-x:auto;
    background:white;
}

.follow_list ::webkit-scrollbar {
	height:auto;
    display:none;  /* Safari and Chrome */
}
.follow_list.clearfix > div ::webkit-scrollbar {
	height:auto;
    display:none;  /* Safari and Chrome */
}		
}

/* skins/mis/css/slider.css */


/*! http://responsiveslides.com v1.32 by @viljamis */

.slider_content {
    padding:0;
    background-color:#FFF;
    border:4px solid #AAA;
    margin-top:10px;  
    margin-bottom:10px;
    margin-right:10px; 
    margin-left:10px;  
    height:475px; 
}

.slider_caption_text {
    font-size:18px;
    color:#FFFFFF;
}
.slider_caption_text a {
    color:#0099ff;
    text-decoration:none;
}
.slider_caption_text a:hover {
    color:#99CC00;
    text-decoration:none;
}

.swrapper {
    margin:0 auto;
}

.rslides {
    background:#000;
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    height:100%;
    margin:0 auto;
}

.rslides li {
    position:absolute;
    display:none;
    width:100%;
    height:425px;
    left:0;
    top:0;
    margin:0 auto;
}

.rslides li:first-child {
    position:relative;
    display:block;
    float:left;
    margin:0 auto;
}

.rslides img {
    display:block;
    height:auto;
    float:left;
    width:100%;
    border:0;
    margin:0 auto;
}

h3,h4,pre {
    text-align:left;
    max-width:950px;
}

.rslides {
    margin:0 auto 4px;
}

.rslides_tabs {
    list-style:none;
    background-color:#1A1A1A;
    font-size:15px;
    list-style:none;
    margin:0 auto;
    max-width:950px;
    text-align:center;
    width:100%;
}

.rslides_tabs li {
    display:inline;
    float:none;
    margin:0 auto;
}

.rslides_tabs a {
    width:auto;
    line-height:50px;
    padding:3px 5px;
    height:auto;
    background:transparent;
    display:inline;
    color:#0099ff;
}
.rslides_tabs a:hover {
    color:#99CC00;
    text-decoration:none;
}
.rslides_tabs li:first-child {
    margin-left:0;
}

.rslides_tabs .rslides_here a {
    background:#222;
    color:#FFFFFF;
    font-weight:bold;
    border:1px solid #000;
}

/* Callback example */

h3 {
    line-height:14px;
    font-size:14px;
    font-family:Tahoma,sans-serif;
    text-align:center;
    color:#222;
}

.events {
    list-style:none;
}

.callbacks_container {
    margin-bottom:10px;
    position:relative;
    float:left;
    width:100%;
}

.callbacks {
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}

.callbacks li {
    position:absolute;
    width:100%;
    left:0;
    top:0;
}

.callbacks img {
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}

.callbacks .caption {
    display:block;
    position:absolute;
    z-index:2;
    font-size:18px;
    text-transform:capitalize;
    text-shadow:none;
    color:#FFF;
    background:#222;
    background:rgba(0,0,0,.8);
    left:0;
    right:0;
    bottom:0;
    margin:0;
    max-width:none;
}

.callbacks_nav {
    position:absolute;
    top:52%;
    left:0;
    opacity:0.7;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url("https://mediaistream.com/image/img/skin/mis/themes.gif") no-repeat left top;
    margin-top:-45px;
}

.callbacks_nav:active {
    opacity:1.0;
}

.callbacks_nav.next {
    left:auto;
    background-position:right top;
    right:0;
}



/* skins/mis/css/flexslider.css */


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author:Tyler Smith (@mbmufffin)
 */
.slider_container {
    background-color:#FFF;
    padding:10px 10px;
    border:0;
	border-radius:10px;
	margin:1px;
}

.slider { margin:10px 0 10px!important;}
#carousel li {margin-right:5px;}
#carousel img {display:block; opacity:.5; cursor:pointer;}
#carousel img:hover {opacity:1;}
#carousel .flex-active-slide img {opacity:1; cursor:default;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline:none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin:0; padding:0; list-style:none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides {width:100%; display:block;}
.flex-pauseplay span {text-transform:capitalize;}

/* Clearfix for the .slides element */
.slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}

/* No JavaScript Fallback */
/* If you are not using another script,such as Modernizr,make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display:block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0 0 10px; background:#FFF; zoom:1;}
.flexslider_less {margin:0 0 10px;}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.flexslider .slides {zoom:1;}

/* Image Container */
.fleximage {
    padding:0;
    margin:0;
	border-radius:5px;
}
.fleximage img {border-radius:8px; }

.flex-caption-content {
    height:260px;
    overflow:hidden;
    padding:5px;
}
.flex-caption{position:relative; padding:5px; margin:0; color:#FFFFFF;}
.flex-caption h1{color:#769BEC;text-shadow:1px 1px 1px #000;}
.flex-caption .slidetext1{font-family:Tahoma,sans-serif; font-weight:400; display:block; color:#769BEC;text-shadow:1px 1px 1px #000;}
.flex-caption .slidetext2{font-family:Tahoma,sans-serif; font-weight:400; font-size:13px; margin-bottom:35px; display:block;}

.carousel li {margin-right:5px}


/* Direction Nav */
.flex-direction-nav a {width:30px; height:30px; margin:-20px 0 0; display:block; background:url(https://mediaistream.com/image/img/skin/mis/bg_direction_nav.png) no-repeat 0 0; position:absolute; top:50%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next {background-position:100% 0; right:-36px; }
.flex-direction-nav .flex-prev {left:-36px;}
.flexslider:hover .flex-next {opacity:0.8; right:5px;}
.flexslider:hover .flex-prev {opacity:0.8; left:5px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity:1;}
.flex-direction-nav .disabled {opacity:.3!important; filter:alpha(opacity=30); cursor:default;}

/* Control Nav */
.flex-control-nav {width:100%; position:absolute; bottom:-40px; text-align:center;}
.flex-control-nav li {margin:0 6px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a {width:11px; height:11px; display:block; background:#666; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background:#333; background:rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background:#000; background:rgba(0,0,0,0.9); cursor:default; }

.flex-control-thumbs {margin:5px 0 0; position:static; overflow:hidden;}
.flex-control-thumbs li {width:25%; float:left; margin:0;}
.flex-control-thumbs img {width:100%; display:block; opacity:.7; cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .active {opacity:1; cursor:default;}

/**** Songs ********/
.SliderSongs {
    max-width:825px;
    background:#FFF;
    box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
    color:#000;
    padding:1px;
    margin:5px 1px 10px 1px;
	border-radius:10px;
}
.SliderSongs:hover {
    background:#E4EAF4;
    box-shadow:rgba(0,0,0,0.35) 0px 5px 5px;
	border-radius:10px;
}
.SliderSongs a{
    color:#000;
}
.SliderSongs a:hover{
    color:#000;
}


/* skins/mis/css/form_element.css */


.form_radio {
}
/* @title Radio Option */
/* @help Format for Radio form field options */
.form_radio_option {
    display:inline;
    padding-right:32px;
}
/* @title Textarea */
/* @help Format for Textarea form input fields */
.form_textarea {
    color:#666;
    font-size:11px;
    width:75%;
    height:100px;
    padding:5px; 
    margin:0 2px; 
    background-color:#FFF;
    border:solid 1px #DEDEDE;
}
/* @title Textarea Focus */
/* @help Class applied to a textarea field when the field is selected for input. */
textarea:focus {
    border:solid 1px #DEDEDE;
    background-color:#F2F2F2;
    color:#222;
}

/* @title Checkbox */
/* @help Class applied to a checkbox form field */
.form_checkbox {
    font-size:16px;
    margin:8px 3px 3px 3px;
}

.form_age_range{
    width:auto;
}


/* skins/mis/css/form_input.css */


/* @title Text Input */
/* @help Format for Text Input form elements */
.form_text {
    color:#666;
    font-size:12px;
    width:75%;
    padding:5px; 
    margin:0 2px; 
    background-color:#FFF;
    border:1px solid #DEDEDE;
}
/* @title Text Input */
/* @help Format for Text Input form elements */
.form_range {
    color:#000000;
    font-size:14px;
    padding:5px; 
    margin:0 2px; 
    background-color:#FFFFFF;
    border:0;
    vertical-align:middle;
}

/* @title Date Input */
/* @help Format for Date Input form elements */
.form_date {
    color:#666;
    font-size:12px;
    width:240px;
    padding:5px; 
    margin:0 2px; 
    background-color:#FFF;
    border:1px solid #DEDEDE;
    vertical-align:middle;
}
/* @title Input Focus */
/* @help Class applied to a text input field when the field is selected for input. */
input:focus {
    border:1px solid #DEDEDE;
    background-color:#F2F2F2;
    color:#222;
}
.form_text[disabled="disabled"],.form_text[readonly="readonly"] {
    background:#F2F2F2;
    color:#999;
    border:solid 1px #DEDEDE;
}
.form_text_search {
    width:45%;
}

.live_search_text {
    font-style:italic;
    height:20px;
}


/* skins/mis/css/form_select.css */


/* @title Select */
/* @help Format for the Select form field. */
.form_select {
    vertical-align:middle;
    color:#666;
    font-size:14px;
    width:76%;
    padding:3px; 
    margin:1px; 
    background-color:#FFF;
    border:1px solid #DEDEDE;
}
/* @title Select Multiple */
/* @help Format for the Select form field when multiple items can be selected. */
.form_select_multiple {
}

.form_select_and_text_select {
    width:31%;
    margin-right:20px;
}
.form_select_and_text_text {
    width:30%;
    margin-left:6px;
}

/* @title Select Jumper */
/* @help Format for the Select Jumper field used in Page Headers */
.form_select_item_jumper {
    width:30%;
}

.form_admin_search {
    width:30%;
    font-style:italic;
    color:#666;
}

/* @title Select Focus */
/* @help Class applied to a select field when the field is selected. */
select:focus {
    background-color:#F2F2F2;
    color:#222;
    border:1px solid #DEDEDE;
}

/* @title Time Input */
/* @help Class applied to the Time Select Field */
.form_time {
    margin:0;
    margin-left:20px;
    width:140px;
}

/* skins/mis/css/form_layout.css */


/* remove Firefox's dotted outlines... */
:focus {
    outline:none;
}
::-moz-focus-inner {
    border:0;
}
form {
    margin-bottom:0;
}
.element {
}
/* @title Element Left */
/* @help This is the left side of pages and forms where the label and sub-label will appear */
.element_left {
    background-color:transparent;
    text-align:right;
    text-transform:capitalize;
    padding:8px;
    width:25%;
}
/* @title Element Right */
/* @help This is the right side of pages and forms where the form elements appear */
.element_right {
    background-color:transparent;
    padding:6px;
    width:75%;
}
/* @title Element Right URLs */
/* @help This is the color of URLs that might appear on the right side of the form */
.element_right a {
    color:#0099FF;
}

.form_input_left {
    height:30px;
}
.form_input_right {
}
.sublabel {
    font-size:12px;
    text-transform:none;
}

.form_help_button {
    float:right;
}
/* @title Form Help */
/* @help This is for the help sections for the forms */
.form_help {
    background-color:transparent;
    padding:9px;
}
/* @title Form Help Drop */
/* @help This is for the help drop down section for the forms */
.form_help_drop {
    padding-top:8px;
    background-color:#F0F0F0;
    width:100%;
    box-shadow:inset 0 3px 5px #000;
}
/* @title Form Help Drop Left */
/* @help This is for the left side help drop down section for the forms */
.form_help_drop_left {
    width:95%;
    padding:10px 20px 20px 20px;
    font-size:14px;
    text-align:left;
    text-transform:none;
}
/* @title Form Help Drop Right */
/* @help This is for the right side help drop down section for the forms */
.form_help_drop_right {
    width:5%;
    padding:10px 20px 20px 20px;
}
.form_help_default {
    display:inline-block;
    margin-top:12px;
}
/* @title Form Help Small */
/* @help This is for the small help text */
.form_help_small {
    display:inline-block;
    font-size:11px;
    margin-top:12px;
    color:#222;
    font-style:italic;
}

.form_submit_box {
    background-color:transparent;
    padding-top:12px;
}
/* @title Form Submit */
/* @help This is for the form submit section */
.form_submit_section {
    background-color:#FFF;
	border:0;
    padding:10px;
    margin:6px 6px 8px 6px; 
    text-align:center;
}
#form_submit_indicator {
    display:none;
    margin-right:10px;
    vertical-align:middle;
}

.activity-indicator {
    animation:spin 1.5s linear infinite !important;
    border-style:dotted !important;
    border-color:#222222 !important;
}


/* skins/mis/css/form_button.css */


.form_button {
    color:#0099FF;
    text-decoration:none;
    text-transform:capitalize;
    font:bold 11px Verdana,sans-serif;
    padding:5px 5px 6px 5px !important;
    margin:1px 5px 3px 5px;
    background:#F2F2F2;
    border:solid 1px #DEDEDE;
    cursor:pointer;
}
input.form_button:focus {
    border:1px solid #DEDEDE;
    background-color:#FFF;
    color:#666;
}
.form_button:hover {
    background-color:#FFF;
    color:#FF6633;
}
.form_button_disabled {
    background:#F2F2F2;
    color:#999;
    border:solid 1px #DEDEDE;
}
.form_button_disabled:hover {
    color:#666;
}
.form_button a,.form_button_anchor a,.form_button_anchor:hover a {
    text-decoration:none;
}

.upload_button {
    margin:2px -2px 2px 2px !important;
    min-height:initial;
}

.follow_button {
    color:#0099FF;
    text-decoration:none;
    text-transform:capitalize;
    font-weight:bold;
    font-size:12px;
    line-height:24px;
    height:24px;
    padding:0 6px;
    margin:0 2px;
    vertical-align:middle;
    border:solid 1px #DEDEDE;
}
.follow {
    cursor:pointer;
    color:#0099FF;
    background:#F2F2F2;
    border:1px solid #DEDEDE;
}
.follow:hover {
    cursor:pointer;
    color:#FF6633;
    background:#FFF;
    border:1px solid #DEDEDE;
}
.following {
    cursor:pointer;
    color:#99CC00;
    background:#FFF;
    border:1px solid #DEDEDE;
}
.following:hover {
    cursor:pointer;
    color:#0099FF;
    background:#F2F2F2;
    border:1px solid #DEDEDE;
}
.follow_pending {
    background:#F2F2F2;
    color:#FF6633;
    border:1px solid #DEDEDE;
}
#follow_indicator {
    display:none;
}

.sprite_icon {
	height:15px;
	width:15px;
    display:inline-block;
    cursor:pointer;
    margin:0;
    vertical-align:middle;
}
.sprite_icon:hover {

}
.sprite_icon_hilighted {
    background:#99CC00;
}

.form_icon_button {
    height:18px;
    vertical-align:top;
    padding:2px 2px 6px 2px !important;
    margin-top:1px !important;
    border:solid 1px #DEDEDE;
}

.form_button_icon {
    font-size:18px;
}


/* skins/mis/css/form_notice.css */


.page_notice_drop {
    background:#FFF;
}
/* @title Form Message Box */
/* @help Form messages will be displayed withing the Form Message box */
.page_notice {
    text-align:center;
    padding:10px;
    margin:12px;
    font-size:14px;
}
/* @title Form Message Text */
/* @help Formats the message text as shown in the Form Message Box */
.form_notice {
    text-align:center;
    padding:10px;
    display:none;
}

/* @title Form Notice */
/* @help Background color of Form Notice messages */
.notice {
    background-color:#EEE;
    color:#222;
    border:1px solid #DEDEDE;
}

/* @title Form Warning */
/* @help Background color of Form Warning messages */
.warning {
    background-color:#BA4B0D;
    color:#000;
    border-radius:4px;
}

/* @title Form Error */
/* @help Background color of Form Error messages */
.error {
    background-color:#9B1C26;
    color:#FFFFFF;
    border-radius:4px;
}

/* @title Form Success */
/* @help Background color of Form Success messages */
.success {
    background-color:#006600;
    color:#CCC;
    border-radius:4px;
}

/* @title Comment Success */
/* @help Background color of Comment Success messages */
.comment_success {
    background-color:#006600;
    color:#CCC;
    padding:6px;
    padding-left:12px;
    border-radius:5px;
    border:1px solid #ccc;
    margin:12px;
}

/* @title Comment Error */
/* @help Background color of Comment Error messages */
.comment_notice {
    background-color:#9B1C26;
    color:#FFFFFF;
    padding:6px;
    padding-left:12px;
    border-radius:5px;
    border:1px solid #ccc;
    margin-bottom:6px;
}
/* @title Field Error */
/* @help Background color of a form field if the contents are in error */
.field-hilight {
    background-color:rgba(255,187,0,0.25);
    color:#222;
}
.qq-upload-list li.qq-upload-success {
    margin:6px 2px;
    background-color:#006600;
    color:#FFFFFF;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.qq-upload-list li.qq-upload-fail {
    margin:6px 2px;
    background-color:#CC0000;
    color:#FFFFFF;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}


/* skins/mis/css/playlist.css */


/* Jamroom 5 Playlist Module CSS */

.playlist_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#FFF;
    border:4px solid #AAA;
    border-radius:0;
    padding:12px;
    white-space:nowrap;
    display:none;
    z-index:10000;
    overflow:visible;
    box-shadow:none;
    color:#000;
}

#playlist_message {
    padding-left:5px;
    font-size:12px
}
.playlist_name {
    padding:5px;
}
.playlist_name a {
    color:#105CBF;
    text-decoration:underline;
}
.playlist_count {
    white-space:nowrap;
    font-size:12px
}
.playlist_button {
    width:70px;
}
.playlist_success {
    border-radius:5px;
    background-color:#006600;
    color:#FFF;
}
.playlist_error {
    border-radius:5px;
    background-color:#CC0000;
    color:#FFF;
}

@media handheld,only screen and (max-width:767px) {
    .playlist_box {
        position:absolute;
        width:80%;
        right:0;
    }
    .playlist_button {
        width:50px;
    }
    .playlist_name {
        font-size:12px;
    }
}



/* skins/mis/css/doc.css */


/*
 * Jamroom 5 ProJam Light CSS
 * Copyright 2003-2011 by Talldude Networks,LLC.
 * @author Brian Johnson - brian@talldude.net
 */

/* @title Item Box */
/* @help This is the item container */
.doc_item {
    background-color:#F0F0F0;
    padding:12px;
    margin:12px auto;
    border-radius:0;
    border:0;
    color:#222;
}
/* @title New Section */
/* @help This is the popup for a new section */
.new_section_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#FFF;
    color:#222;
    border:2px solid #AAA;
    border-radius:0;
    padding:12px;
    display:none;
    z-index:10000;
    overflow:visible;
}
/* @title Table Of Content */
/* @help This is the table of content section */
.doc_toc {
    background:#FFF;
    margin:12px;
    padding:12px;
    border:0;
    border-radius:0;
    color:#000;
}
/* @title Table Of Content Link */
/* @help This is the table of content link text */
.doc_toc a {
    color:#105CBF;
    text-decoration:none;
    cursor:pointer;
}
.doc_toc a:hover {
    color:#99CC00;
    text-decoration:none;
}
/* @title Section Text */
/* @help This is the main text */
.section_text {
    position:relative;
    clear:both;
    overflow:visible;
    padding:12px;
    margin-bottom:12px;
    color:#222;
}

/* @title Warning Section */
/* @help This is the warning section */
.section_warning {
    background:#BA4B0D;
    border:0;
    border-radius:0;
    margin:12px;
    color:#000;
}

/* @title Hint Section */
/* @help This is the hint section */
.section_hint {
    background:#333;
    border:0;
    border-radius:0;
    margin:12px;
    color:#DDD;
}
/* @title File Section */
/* @help This is the file section */
.section_file {
    background-color:#DDD;
    border:1px solid #333;
    border-radius:0;
    margin-bottom:12px;
    color:#000;
}

/* @title Function Section */
/* @help This is the function section */
.section_function {
    background:#DDD;
    margin-bottom:20px;
    display:table;
    width:100%;
    font-size:14px;
    border:1px solid #333;
    border-radius:0;
    color:#000;
}
/* @title Header Cell */
/* @help This is the header cell section */
.section_header_cell {
    background:#333;
    display:table-cell;
    padding:12px;
    color:#CCC;
}
/* @title Function Title */
/* @help This is the function title section */
.section_function_title {
    background:#FFF;
    padding:12px;
    font-family:monospace;
    border:1px solid #333;
    border-radius:0;
    color:#222;
}
.new_section_button {
    text-align:center;
    width:100%;
    opacity:0.2;
    text-transform:capitalize;
    padding:3px 0;
}

.new_section_button:hover {
    opacity:1;
}
.new_section_button a:hover {
    text-decoration:none;
}



/* skins/mis/css/content/global.css */




/* skins/mis/css/_global.css */


.hap-music-player,
.hap-music-player * {
    line-height:normal;
}
.hap-music-player{
    direction:ltr;
}
.hap-music-player{
    position:relative;
    max-width:none;
    margin:0 auto;
}

.hap-music-player canvas{
    max-width:none!important; 
}

[dir=rtl] .hap-playlist-item-wrap{
    direction:rtl;
}


.hap-btn-reset{
    color:inherit;
    background-color:transparent;
    padding:0;
    margin:0;
    float:none;
    line-height:1em;
    list-style:none;
    text-transform:none;
    vertical-align:baseline;
    border:0;
    font-variant:inherit;
    font-stretch:inherit;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    font-weight:normal;
    letter-spacing:normal;
    text-decoration:none;
    text-indent:0;
    text-shadow:none;
}
@media (hover:hover) {
    .hap-btn-reset:hover{
        text-decoration:none;
        background-color:transparent;
    }
}



/* share */

.hap-share-container{
    display:flex;
    flex-direction:row;
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
    margin-bottom:10px;
}


.hap-share-item{
    position:relative;
    width:40px;
    height:40px;
    text-align:center;
    float:left;
    margin-right:5px;
    flex-shrink:0;
}

.hap-share-item[data-type="facebook"] svg{
    color:#3b5998!important;
}
.hap-share-item[data-type="twitter"] svg{
    color:#00aced!important;
}
.hap-share-item[data-type="tumblr"] svg{
    color:#34526f!important;
}
.hap-share-item[data-type="whatsapp"] svg{
    color:#25D366!important;
}
.hap-share-item[data-type="linkedin"] svg{
    color:#007bb6!important;
}
.hap-share-item[data-type="reddit"] svg{
    color:#FF4301!important;
}
.hap-share-item[data-type="digg"] svg{
    color:#005be2!important;
}
.hap-share-item[data-type="pinterest"] svg{
    color:#cb2027!important;
}
.hap-share-item[data-type="email"] svg{
    color:#dfdfdf!important;
}
.hap-share-item[data-type="sms"] svg{
    color:#f8ea73!important;
}


/* range */

.hap-range-handle-a,
.hap-range-handle-b{
    position:absolute;
    width:0;
    height:20px;
}
.hap-range-handle-a{
    left:0;
}
.hap-range-handle-b{
    right:0;
    top:-20px;
}
.hap-range-handle-a-hit{
    position:absolute;
    top:5px;
    left:0; 
    cursor:grab;
    transition:color 0.3s ease-out;
    width:0;
    height:0;
    border-bottom:30px solid;
    border-right:30px solid transparent;
}
.hap-range-handle-b-hit{
    position:absolute;
    top:-10px;
    right:0; 
    cursor:grab;
    transition:color 0.3s ease-out;
    width:0;
    height:0;
    border-top:30px solid;
    border-left:30px solid transparent;
}
.hap-range-handle-a-hit-bg,
.hap-range-handle-b-hit-bg{
    position:absolute;
    width:40px;
    height:30px;
    background:red;
    opacity:0;
}
.hap-range-handle-a-hit-bg{
    left:-5px;
    top:0;
}
.hap-range-handle-b-hit-bg{
    left:-35px;
    top:-31px;
}
.hap-range-wrap{
    display:flex;
    flex-direction:row;
    height:100%;
    align-items:center;
    justify-content:center;
}
.hap-range-min-time,
.hap-range-max-time{
    font-size:13px;
    pointer-events:none;
    user-select:none;
    width:75px;
}
.hap-range-min-time{
    text-align:end;
    padding-right:5px;
}
.hap-range-max-time{
    padding-left:5px;
}
.hap-range-seekbar{
    max-width:400px;
    width:calc(100% - 100px);
    height:30px;
    position:relative;
    touch-action:none;
}
.hap-range-bg{
    position:absolute;
    top:14px;
    left:10px;
    width:calc(100% - 20px);
    height:1px;
}
.hap-range-level{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
}
.hap-range-drag{
    position:relative;
    top:-9px;
    width:22px;
    height:22px;
    border-radius:100%;
    -webkit-transform:scale( 0.5 );
    transform:scale( 0.5 );
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;    
    box-sizing:border-box;    
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
    float:right;
    margin-right:-9px;
}
@media (hover:hover) {
    .hap-range-drag:hover{
        transform:scale(1);
    }
}
.hap-range-drag:active {
    transform:scale(1);
}




/* embed */
.hap-embed-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);   
    z-index:10;
    max-width:500px;
    width:100%;
    display:none;
    max-height:220px;
    height:100%;
    overflow:hidden;
}
.hap-embed-holder-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;  
    width:80%;
    height:90%;
}
.hap-embed-data{
    width:100%;
    height:100%;
    position:relative;
}
.hap-embed-box{
    display:flex;
}
.hap-embed-field-wrap{
    display:flex;
    align-items:center;
    position:relative;
    margin:0;
    line-height:normal;
    white-space:nowrap;
    overflow:hidden;
    width:100%;
    font-size:12px;
    padding:5px;
    color:#999;
    border-radius:3px;
    border:1px solid #e6e6e6;
    box-sizing:border-box;
}
.hap-embed-title{
    font-size:18px;
    margin:10px 0;
    color:#efefef;
}
.hap-share-copy,
.hap-embed-copy{
    display:inline-block;
    padding:8px 12px!important;
    font-size:13px;
    cursor:pointer;
    float:right;
    align-self:flex-start;
    margin-left:5px;
    margin-right:5px;
    white-space:nowrap;
    background:#fff;
    color:#555;
    border-radius:3px;
    transition:opacity 0.3s ease-out; 
}


.hap-share-copy,.hap-embed-copy {
    border-radius:0;
}





/* pwd */
.hap-pwd-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:99999999;
    width:100%;
    display:none;
    max-width:500px;
    width:100%;
    max-height:200px;
}
.hap-pwd-holder-wrap{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    background:#ffffff9c;
}
.hap-pwd-holder-inner{
    position:relative;
    /*max-width:90%;
    max-height:90%;*/
    overflow:auto;
    box-shadow:0 0 8px rgb(0 0 0 / 10%);
}
.hap-pwd-data{
    position:relative;
    width:100%;
    overflow:auto;
    padding:20px 60px 20px 40px;
    box-sizing:border-box;
}
.hap-pwd-inner{
    position:relative;
    height:100%;
    box-sizing:border-box;
}
.hap-pwd-box{
    display:flex;
}
.hap-pwd-field-wrap{
    position:relative;
    margin:0;
    line-height:1.2;
    word-wrap:break-word;
    min-width:200px;
    width:100%;
}
.hap-pwd-field{
    position:absolute;
    left:0;
    top:0;
    height:100%!important;
    width:100%!important;
    padding:0 0 0 5px!important;
    font-size:13px!important;
    margin:0!important;
    box-shadow:none!important;
    line-height:1!important;
    box-sizing:border-box;
    -webkit-text-security:disc;
}
.hap-pwd-field[type=password]{
    background:rgba(0,0,0,0)!important;
    border-radius:3px!important;
    border:1px solid #e6e6e6!important;
    margin:0!important;
    color:#999;
}
.hap-pwd-field::placeholder { 
    color:inherit!important;
}
.hap-pwd-title{
    font-size:22px;
    margin:10px 0;
    color:#222;
}

.hap-pwd-info{
    font-size:11px;
    margin:5px;
    display:flex;
    color:#aaa;
}
.hap-pwd-confirm{
    display:inline-block;
    padding:8px 14px!important;
    font-size:14px;
    cursor:pointer;
    float:right;
    align-self:flex-start;
    margin-left:5px;
    margin-right:5px;
    white-space:nowrap;
    line-height:1.2;
    background:#f3f3f3;
    color:#656565;
    border-radius:3px;
    transition:opacity 0.3s ease-out; 
}
@media (hover:hover) {
    .hap-pwd-confirm:hover{
        opacity:0.7;
    }
}
.hap-pwd-error{
    display:none;
}

.hap-lyrics-toggle{
    display:none;
}
.hap-video-toggle{
    display:none;
}






/* dialog */

.hap-dialog-header{
    position:relative;
    height:40px;
    width:100%;
    background:#666;
}
.hap-dialog-header-drag{
    position:relative;
    height:100%;
    width:calc(100% - 40px);
    touch-action:none;
    cursor:grab;
}
.hap-dialog{
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    display:none;
    background-color:#fff;
    box-shadow:rgb(135 135 135 / 32%) 0px 0px 11px;
}
.hap-dialog-content{
    position:relative;
    /*top:-1px;*/
}
.hap-playback-rate-holder,
.hap-share-holder{
    position:fixed;
    top:50%;
    left:50%;
    display:none;
    transform:translate(-50%,-50%);   
    z-index:10;
}
.hap-playback-rate-holder{
    height:70px;
    width:300px;
}
.hap-share-holder{
    max-height:150px;
    height:100%;
    overflow:hidden;
}
.hap-share-container::-webkit-scrollbar {
    height:5px; 
}
.hap-share-container::-webkit-scrollbar-thumb {
    background:#999;
}
.hap-share-container::-webkit-scrollbar-track {
    background:#e6e6e6;
}


.hap-range-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);   
    z-index:10;
    display:none;
    max-width:550px;
    width:100%;
    height:90px;
}
.hap-pwd-close,
.hap-embed-close,
.hap-playback-rate-close,
.hap-share-close,
.hap-range-close{
    position:absolute!important;
    width:34px!important;
    height:34px!important;
    top:0!important;
    right:0!important;
}
.hap-share-holder{
    max-width:700px;
    width:100%;
}
.hap-share-holder-inner{
    padding:20px 40px 20px 20px;
}
.hap-playback-rate-close i,
.hap-embed-close i,
.hap-share-close i,
.hap-pwd-close i,
.hap-range-close i,
.hap-dialog-close i{
    font-size:18px;
}
.hap-dialog-close{
    position:absolute!important;
    width:40px!important;
    height:40px!important;
    top:0!important;
    right:0!important;
}
.hap-dialog-close svg{ 
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:20px;
    fill:currentColor;
    transition:color .1s ease-out;
    /*color:#fff!important;*/
}
@media (hover:hover) {
    .hap-dialog-close:hover svg{ 
      /*  color:#fff!important;*/
    }
}









/* playback rate */

.hap-playback-rate-wrap{
    display:flex;
    flex-direction:row;
    height:100%;
    align-items:center;
    justify-content:center;
}
.hap-playback-rate-min,
.hap-playback-rate-max{
    font-size:16px;
    margin:0 5px;
    pointer-events:none;
}
.hap-playback-rate-holder{
    width:350px;
}
.hap-playback-rate-seekbar{
    width:200px;
    height:30px;
    position:relative;
    cursor:pointer;
    touch-action:none;
}
.hap-playback-rate-bg{
    position:absolute;
    top:15px;
    left:10px;
    width:180px;
    height:1px;
}
.hap-playback-rate-level{
    position:absolute;
    top:0;
    left:0;
    height:100%;
}
.hap-playback-rate-drag{
    position:relative;
    top:-9px;
    width:22px;
    height:22px;
    border-radius:100%;
    -webkit-transform:scale( 0.5 );
    transform:scale( 0.5 );
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;    
    box-sizing:border-box;    
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
    float:right;
    margin-right:-9px;
}
@media (hover:hover) {
    .hap-playback-rate-drag:hover{
        transform:scale(1);
    }
}
.hap-playback-rate-drag:active {
    transform:scale(1);
}


/* tooltip */

.hap-tooltip{
    position:absolute;
    text-align:center;
    z-index:99999999;
    pointer-events:none;
    display:none;
    font-size:12px!important;
    padding:2px 5px !important;
    line-height:20px !important;
    white-space:nowrap;
}


.hap-preloader {
    position:absolute;
    top:50%;
    left:50%;
    pointer-events:none;
    width:40px;
    height:40px;
    margin-left:-20px;
    margin-top:-34px;
    -webkit-animation:hap_preloader 1.2s infinite ease-in-out;
    animation:hap_preloader 1.2s infinite ease-in-out;
}

.hap-grid .hap-preloader {
    position:relative;
    top:auto;
    margin-top:auto;
}

@-webkit-keyframes hap_preloader {
    0% { -webkit-transform:perspective(120px) }
    50% { -webkit-transform:perspective(120px) rotateY(180deg) }
    100% { -webkit-transform:perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes hap_preloader {
    0% { 
        transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.hap-visible {
    opacity:1!important;
    transition:opacity 500ms ease-out;
}
.hap-invisible {
    opacity:0!important;
    transition:opacity 500ms ease-out;
}

.hap-music-player-force-hidden{
    opacity:0!important;
    pointer-events:none!important;
    left:-10000px!important;
}
.hap-force-hidden{
    display:none!important;
}

.hap-playlist-inner .mCSB_inside > .mCSB_container {
    margin-right:30px;
}




/* lyrics popup */
 .hap-dialog-force-hide{
    position:absolute!important;
    left:-10000px!important;
    opacity:0!important;
    pointer-events:none!important;
    display:block!important;
}
.hap-lyrics-holder{
    min-width:200px;
    min-height:200px;
    width:350px;
    display:none;
    opacity:0;
    transition:opacity 0.3s ease-out;
}
.hap-lyrics-holder-shown{
    opacity:1;
}
.hap-lyrics-holder .hap-dialog-content{
    padding-bottom:35px;
    box-sizing:content-box;
}
.hap-lyrics-holder .hap-dialog-header-drag{
    display:flex;
    align-items:center;
}
.hap-lyrics-autoscroll-label{
    color:#fff;
    font-size:16px;
    position:absolute;
    cursor:pointer;
    left:25px;
    top:11px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hap-lyrics-autoscroll{
    margin-top:0!important;
    margin-left:0!important;
    margin-bottom:0!important;
    margin-right:5px!important;
    width:13px!important;
    height:13px!important;
    border:0!important;
    appearance:checkbox !important;
}
.hap-lyrics-autoscroll:after {
    display:none!important;
}

.hap-lyrics-wrap{
    position:relative;
    overflow-y:auto;
    padding:0 25px;
    height:300px;
    min-height:150px;
}
.hap-lyrics-container{
    white-space:pre-wrap;
    font-size:16px;
    margin:1em 0;
    line-height:1.5em;
}
.hap-dialog-resizable{
    position:absolute;
    width:25px;
    height:22px;
    padding:5px 2px;
    bottom:0;
    right:0;
    cursor:nwse-resize;
    z-index:7777;
    background:transparent url(resize.png) no-repeat center center;
    touch-action:none;
}
.hap-lyrics-item {
    min-height:1.5em;
    cursor:pointer;
    color:#111;
}
@media (max-width:600px) { 
    .hap-lyrics-item {
        user-select:none;
    }
}
.hap-lyrics-item-active{
    background:#ff6;
}
@media (hover:hover) {
    .hap-lyrics-item:hover{
        background:#ff6;
    }
}
.hap-lyrics-wrap::-webkit-scrollbar {
    width:12px; 
    height:12px; 
}
.hap-lyrics-wrap::-webkit-scrollbar-thumb {
    background:#999;
}
.hap-lyrics-wrap::-webkit-scrollbar-track {
    background:#e6e6e6;
}


.hap-red{
    color:red;
}

/* video */

.hap-video-wrap{
    position:relative;
    overflow:hidden;
    width:320px;
    height:180px;
    display:flex;
    background:#111;
}
.hap-video{
    width:100%!important;
    max-height:100%!important;
    visibility:visible!important;
    max-width:none;
}
.hap-video-holder .hap-dialog-content{
    padding-bottom:35px;
    box-sizing:content-box;
}
.hap-video-blocker{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}




.hap-youtube-holder,
.hap-iframe-blocker{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}   
.hap-media{
    width:100%;
    height:100%;
    position:absolute;
    user-select:none;
    visibility:visible;
    top:0;
    left:0;
    max-width:none!important;
}


/* statistics */
.hap-stats{
    height:100%;
    line-height:1;
    display:flex;
    justify-content:space-around;
}
.hap-play-count,
.hap-like-count,
.hap-download-count{
    display:flex;
    flex:1;
    box-shadow:none;
    min-height:25px;
    cursor:pointer;
    border:none;
    margin:0 10px;
    align-items:center;
    color:inherit;
    text-decoration:none;
}
.hap-stat-icon svg{
    width:25px;
    height:15px;
    text-align:center;
    fill:currentColor;
}
.hap-stat-icon span{
    margin:0;
    padding:0;
    font-size:12px;
    pointer-events:none;
    flex-shrink:0;
}
.hap-stat-icon.hap-download-count{
    text-decoration:none;
}


/* playlist item */

.hap-playlist-default .hap-playlist-item{
    position:relative;
    top:0px;
    left:0px;
    font-size:16px;
    box-sizing:border-box; 
    overflow:hidden;
    padding:13px 0;
}

.hap-playlist-default .hap-playlist-item-wrap {
    flex:1;
    display:flex;
}

.hap-playlist-default .hap-playlist-item-content {
    flex:1;
    display:flex;
    align-items:center;
    overflow:hidden;
    margin-right:10px;
}
[dir=rtl] .hap-playlist-default .hap-playlist-item-content {
    margin-right:0;
    margin-left:10px;
}
.hap-playlist-default .hap-playlist-thumb{
    cursor:pointer;
    position:relative;
    top:0px;
    left:0px;
    height:40px;
    width:40px;
    flex-shrink:0;
    overflow:hidden;
    margin-right:10px;
}
.hap-playlist-default .hap-playlist-thumb .hap-thumbimg{
    position:relative;
    top:0px;
    left:0px;
    display:block;
    object-fit:cover;
    min-height:100%;
    height:auto;
    width:100%;
    max-width:none!important;
    opacity:0;
    -webkit-backface-visibility:hidden;
}
.hap-thumbimg{
    user-select:none;
}
.hap-playlist-default .hap-playlist-info{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    overflow:hidden;
    margin-right:10px;
}
.hap-playlist-default .hap-playlist-info2{
    position:relative;
    margin-left:auto;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    text-align:right;
}
.hap-playlist-default .hap-playlist-title-wrap{
    cursor:pointer;
    display:flex;
    flex-direction:row;
    align-items:baseline;
    flex-wrap:wrap;
}
.hap-playlist-default .hap-playlist-title-wrap .hap-playlist-title,
.hap-playlist-default .hap-playlist-title-wrap .hap-playlist-artist{
    display:inline;
}



.hap-playlist-default .hap-playlist-icons{
    display:flex;
    margin-left:auto;
}
.hap-playlist-item-multiline .hap-playlist-item-wrap{
    flex-direction:column;
}
.hap-playlist-item-multiline .hap-playlist-title-wrap{
    display:block;
}
.hap-playlist-item-multiline .hap-playlist-icons{
    margin-top:10px;
}

.hap-playlist-grid .hap-playlist-icons{
    display:flex;
}


/* read more */

.hap-playlist-description-read-more-btn{
    color:#ddd;
    cursor:pointer;
    white-space:nowrap;
}
@media (hover:hover) {
    .hap-playlist-description-read-more-btn:hover{
        text-decoration-line:underline;
    }
}
.hap-playlist-description-read-more-text{
    transition:height 0.5s ease-out;
}
.hap-playlist-description-read-more-text-hidden{
    display:none;
    height:0;
}


.hap-playlist-icon,
.hap-download,.hap-link{
    text-align:center;
    min-width:20px;
    margin:0 5px;
    border:0!important;
    box-shadow:none!important;
    display:flex;
    justify-content:center;
    flex-direction:column;
    position:relative;
    text-decoration:none;
}

/* playlist filter */

.hap-playlist-filter-msg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}
.hap-playlist-filter::placeholder { 
    color:inherit!important;
}
.hap-playlist-filter-msg span{
    position:relative;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:16px;
}

/* search */
.hap-search-filter { 
    font-size:13px!important;
    min-height:0!important;
}
.hap-search-filter::placeholder { 
    color:inherit!important;
}


.hap-playlist-options{
    display:none!important;
}



/* stats display frontend */

.hap-stat-wrap{
    background:#fff;
    padding:20px; 
}
.hap-stat-wrap-header{
    text-align:center;
    background:#0073aa;
    color:#fff;
    text-transform:uppercase;
}
.hap-stat-item{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.hap-stat-item-thumb-wrap{
    width:50px;
    margin-right:10px;
    padding:5px;
    position:relative;
}
.hap-stat-item-thumb{

}
.hap-stat-item-thumb img{
    width:100%;
}
.hap-stat-item-title a{
    text-decoration:none;
    border:0;
    box-shadow:none;
}
@media (hover:hover) {
    .hap-stat-item-title a:hover{
        text-decoration:underline;
    }
}
.hap-stat-item-play-count{
    margin-left:5px;  
    font-style:italic;
}
.hap-stat-item-active .hap-equaliser-container{
     opacity:1;
}




/*  playlist display frontend */

.hap-playlist-display-header{
    font-size:28px;
    text-align:center;
}
.hap-playlist-display-wrap-inner{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
}
.hap-playlist-display-item{
    position:relative;
    overflow:hidden;
    margin:3px;
    text-align:center;
    max-width:300px;
    background:#fff;
}
.hap-playlist-display-item-inner{
    position:relative;
}
.hap-playlist-display-item-thumb{
    display:block;
    margin:0 auto;
    cursor:pointer;
    min-width:100%;
}
.hap-playlist-display-item-inner:after{
    display:block;
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-style:solid;
    border-width:25px 0 25px 40px;
    border-color:transparent transparent transparent rgba(255,255,255,.3);
    transform:translateX(-50%) translateY(-50%);
}
.hap-playlist-display-item-active .hap-playlist-display-item-inner:after,
.hap-playlist-display-item:hover .hap-playlist-display-item-inner:after{
    border-color:transparent transparent transparent rgba(255,255,255,.8);
    transition:all .2s ease-in; 
}
.hap-playlist-display-item-playing{
    position:absolute;
    bottom:1px;
    right:1px;
    color:#fff;
    font-size:13px;
    padding:0px 5px;
    background:#00bcd4;
    display:none;
}
.hap-playlist-display-item-active .hap-playlist-display-item-playing{
    display:block;
}
.hap-playlist-display-item-title{
    color:#666;
    text-align:center;
    font-size:20px;
}
.hap-playlist-display-item-description{
    margin:10px;
    color:#999;
    font-size:14px;
}



/*pagination */

.hap-pagination-wrap {
    position:relative;
    display:flex;
    justify-content:flex-end;
}
.hap-pagination-container {
    position:relative;
    padding:10px 0;
    display:inline-flex;
    justify-content:space-between;
    box-sizing:border-box;
}
.hap-pagination-page {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:10px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:#e2e6e6;
    padding:8px;
    font-size:12px;
    font-weight:bold;
    color:#616872;
    border-radius:4px;
    transition:color 0.3s ease-in-out,background-color 0.3s ease-in-out;
}
.hap-pagination-currentpage{
    cursor:default!important;
}
.hap-pagination-dots{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:10px;
    box-sizing:border-box;
}
.hap-pagination-next,
.hap-pagination-prev {
    text-transform:uppercase;
}
@media (hover:hover) {
    .hap-pagination-page:hover{
        background-color:#518acb;
        color:#fff;
    }
}
.hap-pagination-currentpage {
    background-color:#518acb;
    color:#fff;
}
.hap-pagination-hidden{
    display:none!important;
}


/* load more button */

.hap-load-more-btn{
    display:inline-block;
    padding:10px 50px;
    font-size:15px;
    position:relative;
    text-align:center;
    margin:20px 0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    opacity:0;
    transition:all .3s ease-out;
    text-transform:uppercase;
    align-self:flex-start;
    background:#898989;
    color:#fff;
}
@media (hover:hover) {
    .hap-load-more-btn:hover{
        background-color:#565e72;
    }
}

#hap-playlist-list{
    display:none;
}

/* inline seekbar */

.hap-inline-seekbar{
    position:absolute;
    bottom:0;
    width:100%;
    height:10px;
    overflow:hidden;
}
.hap-inline-seekbar-bg{
    position:absolute;
    bottom:0;
    width:100%;
    height:5px;
    background:#aaa;
}
.hap-inline-seekbar-progress{
    position:absolute;
    bottom:0;
    left:0;
    height:100%;
    background:#e4c000;
    transition:width 100ms linear;
}

.hap-playlist-icon {
    font-family:'Font Awesome 5 Free','Font Awesome 5 Regular','Font Awesome 5 Brands','Arial';
    font-size:18px;
    font-weight:900;
    min-width:20px;
    min-height:25px;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    cursor:pointer;
}





.hap-playlist-icon svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:18px;
    fill:currentColor;
    transition:color .1s ease-out;
}


/* selectize */
.hap-selectize{
    margin-bottom:10px;
}
.selectize-control{
    width:100%;
}
.hap-selectize-option{
    display:flex!important;
    flex-direction:row!important;
}
.hap-selectize-image{
    flex-shrink:0;
}
.hap-selectize-thumb{
    display:block;
    width:48px;
    height:48px;
    flex-shrink:0;
}
.hap-selectize-value{
    display:none;
}
.hap-selectize-text {
    margin-left:10px;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
}
.hap-selectize-title {
    font-size:1em;
    font-weight:bold;
}
.hap-selectize-description {
    font-size:0.8em; 
    color:gray;
    margin-top:3px;
}
.ss-main .ss-single-selected{
    height:55px!important;
}


/* variations */

.hap-audio-variations{
   display:none;
   position:relative;
   color:#ccc;
   margin-top:10px;
   transition:height 0.5s;
   height:0;
}
.hap-audio-variation{
    padding:10px 0;
    cursor:pointer;
    display:flex;
    margin-left:50px;
}
.hap-audio-variation-title{
    flex:1;
    margin-right:20px;
}
.hap-active-variation{
    color:#f44336;
}
@media (hover:hover) {
    .hap-audio-variation:hover{
        color:#f44336;
    }
}
.hap-audio-variation-opened{
    height:auto;
}






.hap-playlist-title-num{
    display:inline-flex;
    margin:0;
    padding:0;
}
.hap-playlist-artist,
.hap-playlist-title,
.hap-playlist-description,
.hap-playlist-duration,
.hap-playlist-date{
    margin:0;
    padding:0;
}



.hap-playlist-overflow-y{
    overflow-y:auto;
}
.hap-playlist-overflow-x{
    overflow-x:auto;
}
.hap-playlist-inner::-webkit-scrollbar {
    width:5px; 
    height:5px; 
}
.hap-playlist-inner::-webkit-scrollbar-thumb {
    background:#999; 
}
.hap-playlist-inner::-webkit-scrollbar-track {
    background:#eee; 
}

.hap-ima-holder{
    display:none;
}


.hap-ad-skip{
    color:#fff;
    position:absolute;
    background:#2196f3;
    right:0;
    top:10px;
    cursor:pointer;
    transition:opacity .3s ease-out;
    padding:5px;
    display:none;
}
@media (hover:hover) {
    .hap-ad-skip:hover{
        opacity:0.9;
    }
}


.hap-hidden{
    display:none!important;
}
.hap-measure{
    display:block!important;
    visibility:hidden!important;
    left:-10000!important;
    opacity:0!important;
    pointer-events:none!important;
    height:auto!important;
}

.hap-playlist-closed-v{
    height:0!important;
}



.hap-sortable-ghost{
    background:#9e9e9e;
}




/* dialog transition */
.hap-dialog-bg{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.35);
    display:none;
    opacity:0;
    transition:opacity 0.3s;
}
.hap-dialog-visible{
    display:block;
}
.hap-dialog-animate{
    opacity:1;
}


.hap-holder-shown{
    display:block!important;
    margin-top:100px;
    opacity:0;
    transition:all 0.3s ease-out;
}
.hap-holder-animate{
    opacity:1!important;
    margin-top:0;
}



.hap-contr-btn svg,
.hap-contr-btn i,
.hap-contr-btn{
    user-select:none;
}




.hap-playlist-description-full{
    display:none;
}


/* waveform */

.hap-seekbar-wave{
    opacity:0;
    
}
.hap-seekbar-wave-visible{
    opacity:1;
    transition:opacity 0.5s;
}

.hap-waveform-loader{
    transition:opacity 0.3s ease-out;
    pointer-events:none;
}
.hap-waveform-loader-hidden{
    opacity:0;
}
.hap-waveform-loader div {
  color:#00bcd4;
  font-size:26px;
  overflow:hidden; /* Ensures the content is not revealed until the animation */
  border-right:4px solid #ddd; /* The typwriter cursor */
  white-space:nowrap; /* Keeps the content on a single line */
  margin:0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing:.15em; /* Adjust as needed */
  animation:
    hap-typing 5s steps(30,end) infinite,
    hap-blink-caret .5s step-end infinite;
}
/* The typing effect */
@keyframes hap-typing {
  0% {
    width:0
  }
  60% {
    width:100%
  }
}
/* The typewriter cursor effect */
@keyframes hap-blink-caret {
  from,to { border-color:transparent }
  50% { border-color:#ddd }
}


.hap-global-download-btn{
    opacity:0;
}
.hap-btn-show{
    transition:opacity 0.3s ease-out;
    opacity:1;
}


/* playlist selector */

:root {
  --hap_playlist_seelctor_anim_speed:0.35s;
}
.hap-playlist-selector{
    display:none;
}
.hap-playlist-selector-container{
    position:fixed;
    background:rgba(0,0,0,0.8);
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    transition:opacity 0.5s;
    display:none;
    z-index:999999999;
}
.hap-playlist-selector-inner-scroll{
    overflow-y:auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.hap-playlist-selector-inner{
    padding:100px;
    display:grid;
    grid-gap:1rem;
    justify-items:center;
}
@media (max-width:700px) { 
    .hap-playlist-selector-inner{
        padding:100px 30px;
    }
}

@media (min-width:600px) {
    .hap-playlist-selector-inner{
        grid-template-columns:repeat(2,1fr); 
    }
}
@media (min-width:900px) {
    .hap-playlist-selector-inner{ 
        grid-template-columns:repeat(3,1fr); 
    }
}
@media (min-width:1200px) {
    .hap-playlist-selector-inner{ 
        grid-template-columns:repeat(4,1fr); 
    }
}

.hap-playlist-selector-item{
    position:relative;
    overflow:hidden;
    font-size:16px;
    padding:10px;
    display:flex;
    flex-direction:column;
    background:#fbfbfb;
    box-sizing:border-box;
    max-width:400px;
    width:100%;
    box-shadow:0px -1px 12px #2f2f2f30;
    cursor:pointer;
    transition:background-color var(--hap_playlist_seelctor_anim_speed) ease-out,opacity var(--hap_playlist_seelctor_anim_speed) ease-out;
    opacity:0;
}
.hap-playlist-selector-item-shown{
    opacity:1;
}
.hap-playlist-selector-thumb{
    position:relative;
    top:0px;
    left:0px;
    height:auto;
    flex-shrink:0;
    box-sizing:border-box;
    border:1px solid #555;
    overflow:hidden;
    display:block;
    transition:opacity 300ms ease-out;
}
.hap-playlist-selector-thumb img{
    position:relative;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    max-width:none!important;
    opacity:1;
}
.hap-playlist-selector-info{
    margin-top:10px;
    height:100%;
}
.hap-playlist-selector-title{
    font-weight:700;
    color:#333;
    font-size:20px;
    transition:color var(--hap_playlist_seelctor_anim_speed) ease-out;
}
.hap-playlist-selector-desc{
    font-size:14px;
    color:#888;
    transition:color var(--hap_playlist_seelctor_anim_speed) ease-out;
}
.hap-playlist-selector-thumb-style{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:0;
    transition:opacity var(--hap_playlist_seelctor_anim_speed) ease-out;
    background-image:url('../data/misc/play.png');
    background-repeat:no-repeat;
    background-position:center;
}

.hap-playlist-selector-item-active{
    background-color:#607d8b;
    cursor:default;
}
.hap-playlist-selector-item-active .hap-playlist-selector-title{
    color:#fff;
}
.hap-playlist-selector-item-active .hap-playlist-selector-desc{
    color:#ddd;
}
.hap-playlist-selector-item-active .hap-playlist-selector-thumb-style{
    opacity:1;
}
@media (hover:hover) {
    .hap-playlist-selector-item:hover{
        background-color:#607d8b;
    }
    .hap-playlist-selector-item:hover .hap-playlist-selector-title{
        color:#fff;
    }
    .hap-playlist-selector-item:hover .hap-playlist-selector-desc{
        color:#ddd;
    }
    .hap-playlist-selector-item:hover .hap-playlist-selector-thumb-style{
        opacity:1;
    }
}

.hap-playlist-selector-header{
    height:50px;
    width:100%;
    position:fixed;
    top:0;
    background:#333;
    display:flex;
    flex-direction:row;
    align-items:center;
}

.hap-playlist-selector-close{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    cursor:pointer;
    opacity:0.9;
}
.hap-playlist-selector-close svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:35px;
    fill:currentColor;
    transition:color .3s ease-out;
    color:#fff;
}
@media (hover:hover) {
    .hap-playlist-selector-close:hover{
        opacity:1;
    }
}

.hap-playlist-selector-search{
    position:absolute;
    width:200px!important;
    left:50%;
    height:25px!important;
    margin:0 0 0 -100px !important;
    padding:0 2px!important;
    border:0!important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    border-radius:3px !important;
    background:#eee !important;
    color:#646464 !important;
    box-shadow:none!important;
    line-height:1!important;
    outline:none;
}

.hap-playlist-selector-filter-msg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    color:#fff;
}
.hap-playlist-selector-filter::placeholder { 
    color:inherit!important;
}
.hap-playlist-selector-filter-msg span{
    position:relative;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:1.5em;
}

.hap-playlist-selector-container .hap-filter-hidden {
    position:absolute!important;
    opacity:0;
}

.hap-body-overflow{
    overflow:hidden!important;
}



/* redirect login */
.hap-redirect-login-holder{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:99999999;
    height:100%;
    width:100%;
    opacity:0;
    background-color:rgba(0,0,0,0.35);
    display:none;
    transition:opacity 0.5s ease-out;
}
.hap-redirect-login-holder-visible{
    opacity:1;
}
.hap-redirect-login-holder-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
   /* width:80%;
    height:90%;*/
    overflow:auto;
    max-width:700px;
    max-height:200px;
}
.hap-redirect-login-inner{
    position:relative;
    padding:20px 60px;
    box-sizing:border-box;
    text-align:left;
    line-height:1.2;
}
.hap-redirect-login-holder-watch .hap-redirect-login-inner{/*no close btn*/
    padding:20px 40px;
}
.hap-redirect-login-data{
    position:relative;
    width:100%;
    height:100%;
}
.hap-redirect-login-inner{
    text-align:center;
}
.hap-redirect-login-header{
    margin:10px;
    font-size:1.5em;
}
.hap-redirect-login-title{
    
}
.hap-redirect-login-action{
    display:flex;
    flex-direction:row;
    margin-top:20px;
    align-items:center;
    justify-content:space-evenly;
}
.hap-redirect-login-btn{
    text-decoration:none!important;
    padding:5px 10px;
    font-size:17px;
    border-radius:3px;
    line-height:normal;
    cursor:pointer;
}
.hap-redirect-login-btn:hover{
    opacity:0.9;
}




/* playback rate */
.hap-playback-rate-toggle-num{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hap-playback-rate-toggle-inner{
    padding:1px 6px;
    text-align:center;
    border-radius:3px;
    user-select:none;
    font-size:14px;
    line-height:normal;
}


.hap-player-schedule{
    transition:height 1s ease-out!important;
    overflow:hidden!important;
    position:relative;
}
.hap-player-disabled{
    pointer-events:none!important;
    height:0!important;
}
.hap-fixed-disabled{
    overflow:hidden!important;
    height:0!important;
}




/* voice search */

.hap-voice-search-microphone-btn{
}
.hap-voice-search-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.2);
    opacity:0;
    display:none;
    transition:opacity 0.2s;
    z-index:99999999;
}
.hap-voice-search-popup-visible{
    opacity:1;
}
.hap-voice-search-popup-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:500px;
    width:100%;
    max-height:300px;
    height:100%;
    background-color:#fff;
    box-shadow:0 16px 24px 2px rgba(0,0,0,0.1);
}
.hap-voice-search-popup-close{
    position:absolute!important;
    top:10px;
    right:10px;
    cursor:pointer;
}
.hap-voice-search-popup-info{
    font-size:24px;
    position:relative;
    margin-left:20px;
    margin-right:20px;
    margin-top:50px;
}
.hap-voice-search-popup-info{
    display:none;
}
.hap-voice-search-popup-info-waiting{
    display:block;
}
.hap-voice-search-panel-bottom{
    position:absolute;
    bottom:0;
    display:flex;
    width:100%;
    margin-bottom:30px;
    flex-direction:column;
    align-items:center;
}
.hap-voice-search-microphone-btn-wrap{
    position:relative;
    width:60px;
    height:60px;
}
.hap-voice-search-microphone-btn-popup{
    width:100%!important;
    height:100%!important;
    border-radius:100%;
}
.hap-voice-search-microphone-btn-popup svg,
.hap-voice-search-microphone-btn-popup i{
    border-radius:100%;
    color:#fff!important;
} 
.hap-voice-search-microphone-wrap-active .hap-voice-search-microphone-btn-popup{
    background-color:red;
    color:#fff;
    cursor:default;
}
.hap-voice-search-microphone-btn-pulse{
    width:100%;
    height:100%;
    background:#ccc;
    border-radius:100%;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none; 
}
.hap-voice-search-microphone-wrap-active .hap-voice-search-microphone-btn-pulse{
    animation:ap_mic_pulsate infinite 1.5s;
}
@keyframes ap_mic_pulsate {
    0% {
        transform:scale(1,1);
        opacity:1;
    }
    100% {
        transform:scale(1.5,1.5);
        opacity:0;
    }
}





/* skins/mis/css/epic.css */




.hap-epic{
	position:relative;
    background:#fff;
    padding:40px 40px 30px 40px;
}
.hap-epic .hap-player-outer{
	transition:opacity 0.3s ease-in-out;
    opacity:0;
}
.hap-epic .hap-player-wrap{
	position:relative;
	width:100%;
	/*height:300px;*/
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
.hap-epic .hap-player-holder{
	position:relative;
	width:300px;
}
.hap-epic .hap-btn{
	display:none;
	height:100%;
}

.hap-epic .hap-player-controls-right{
	display:flex;
	flex-direction:row;
	margin-right:20px;
}
.hap-epic .hap-contr-btn{
	position:relative;
	min-width:40px;
	height:50px;
}



.hap-epic .hap-contr-btn svg{
	color:#777;
}
@media (hover:hover) {
	.hap-epic .hap-btn:hover svg,
	.hap-epic .hap-contr-btn:hover > svg,
	.hap-epic .hap-contr-btn-hover svg{
		color:#C90032;
	} 
}
.hap-epic .hap-contr-btn svg{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:20px;
	fill:currentColor;
	transition:color .1s ease-out;
}


.hap-epic .hap-player-thumb-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
    height:300px;
}
.hap-epic .hap-player-thumb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
    background-size:cover;
    transition:opacity 0.3s ease-in-out;
    opacity:0;
}




.hap-epic .hap-seekbar-wrap {
    position:relative;
    margin:15px 20px;
}

.hap-epic .hap-seekbar {
    position:relative;
    height:50px;
    cursor:pointer;
    touch-action:none;

    display:flex;
    align-items:center;
    justify-content:center;
}

.hap-epic .hap-seekbar-wave,
.hap-epic .hap-seekbar-wave-progress{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.hap-epic .hap-seekbar-wave-progress{
    width:0;
}


.hap-epic .hap-media-time-ad{
	display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    line-height:50px;
    font-size:14px;
    height:100%;
    text-align:center;
    background:#ffffffd1;
}
.hap-epic .hap-media-time-ad{
	color:#c90032 !important;
}



.hap-epic .hap-player-controls{
	display:flex;
    justify-content:space-between;
    flex-direction:row;
    align-items:center;
}


.hap-epic .hap-player-controls-left{
	display:flex;
	flex-direction:row;
	align-items:center;
}



.hap-epic .hap-controls{
	position:relative;
	width:150px;
	height:50px;
}
.hap-epic .hap-prev-toggle{
	width:50px;
}
.hap-epic .hap-playback-toggle{
	width:50px;
}
.hap-epic .hap-playback-toggle svg{
	width:50px;
	height:36px;
}
.hap-epic .hap-next-toggle{
	width:50px;
}

.hap-epic .hap-volume-wrap{
	position:relative;
	margin-left:30px;
	height:50px;
	display:flex;
	flex-direction:row;
	align-items:center;
}
.hap-epic .hap-volume-toggle{
	position:relative;
	width:40px;
	height:50px;
}
.hap-epic .hap-volume-toggle svg{
	height:30px;
}
.hap-epic .hap-volume-seekbar{
	position:relative;
	margin-left:10px;
	width:200px;
	height:25px;
	cursor:pointer;
	touch-action:none;
}
.hap-epic .hap-volume-bg{
	position:absolute;
	top:11px;
	left:10px;
	width:180px;
	height:4px;
}
.hap-epic .hap-volume-bg{
	background:#ddd;
}
.hap-epic .hap-volume-level{
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
.hap-epic .hap-volume-level{
	background:#C90032;
}

.hap-epic .hap-random-toggle svg{
	height:23px;
}
.hap-epic .hap-share-toggle svg{
	height:28px;
}


.hap-epic .hap-playlist-main-title{
	margin-left:20px;
    font-size:36px;
    color:#111;
}
.hap-epic .hap-playlist-main-description{
    margin-left:20px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.3px;
    color:#C90032;
}







#hap-playlist-list{
	display:none;
}
.hap-epic .hap-playlist-holder{
	position:relative;
    top:0;
    height:100%;
    overflow:hidden;
    flex:1;
}
.hap-epic .hap-playlist-inner{
	padding:20px;
    position:relative;
    max-height:250px;
    box-sizing:border-box;
}
.hap-epic .hap-playlist-item-content {
	color:#222;
}
.hap-epic .hap-playlist-item-selected .hap-playlist-title-wrap{
	color:#C90032;
}

.hap-epic .hap-playlist-duration{
	font-size:12px;
}
.hap-epic .hap-playlist-date{
	font-size:11px;
	color:#666;
}


.hap-epic .hap-playlist-icon svg{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:18px;
	fill:currentColor;
	transition:color .1s ease-out;
	color:#C90032;
}

/*
.hap-epic .hap-playlist-item-selected .hap-playlist-icon svg{
	color:#fff!important;
}
.hap-epic .hap-playlist-icon:hover svg{
	color:#C90032;
}*/

.hap-epic .hap-playlist-filter-msg span{
	color:#C90032;
}
.hap-epic .hap-bottom-bar{
	position:relative;
	top:0;
	height:34px;
	width:100%;
	overflow:hidden;
}
.hap-epic .hap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0 2px!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#ddd !important;
	color:#000 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float:left;
	outline:none;
	font-size:16px;
}

.hap-epic .hap-sort-alpha{
	position:relative;
	left:5px;
	top:0;
	width:34px;
	height:100%;
	text-align:center;
	float:left;
}

.hap-epic .hap-bottom-bar-controls{
	position:absolute;
    right:25px;
    height:100%;
}

.hap-epic .hap-bottom-bar-controls .hap-contr-btn{
	position:relative;
	width:25px;
	height:34px;
	margin-left:10px;
	float:left;
}
.hap-epic .hap-range-toggle svg{
	height:26px;
}


.hap-epic .hap-playback-rate-holder,
.hap-epic .hap-embed-holder,
.hap-epic .hap-share-holder,
.hap-epic .hap-pwd-holder,
.hap-epic .hap-seekbar-comment-input-wrap,
.hap-epic .hap-range-holder{
    background:#fff; 
    border:1px solid #ddd;
    box-shadow:rgba(135,135,135,0.32) 0px 0px 11px;
}


/* redirect */
.hap-epic .hap-redirect-login-holder-inner{
	background:#fff; 
	box-shadow:0 0 8px rgba(0,0,0,0.1);
}
.hap-epic .hap-redirect-login-btn{
	background:#C90032;
    color:#fff;
}
.hap-epic .hap-redirect-login-header{
  	color:#333;	
}
.hap-epic .hap-redirect-login-title{
    color:#ccc;
}

/*pwd */
.hap-epic .hap-pwd-title{
	color:#222;
}
.hap-epic .hap-pwd-confirm{
	background:#f3f3f3;
    color:#656565;
}



/* embed */
.hap-epic .hap-embed-field-wrap-selected{
    background:#C90032;
    color:#fff;
}
.hap-epic .hap-embed-title{
	color:#222;
}
.hap-epic .hap-share-copy,
.hap-epic .hap-embed-copy{
	background:#f3f3f3;
    color:#656565;
}



.hap-epic .hap-share-holder-inner{
	height:50px;
}


/* dialog */

.hap-epic .hap-dialog{
    box-shadow:rgba(135,135,135,0.32) 0px 0px 11px;
}
.hap-epic .hap-dialog-header{
	background:#777;
}
.hap-epic .hap-dialog .hap-dialog-close svg {
    color:#fff!important;
}

/* range */

.hap-epic .hap-range-bg{
	top:14px;
	height:4px;
}

.hap-epic .hap-range-handle-a-hit{
	border-bottom-color:#666;
}
@media (hover:hover) {
	.hap-epic .hap-range-handle-a-hit:hover{
		border-bottom-color:#C90032;
	}
}
.hap-epic .hap-range-handle-b-hit{
	border-top-color:#666;
}
@media (hover:hover) {
	.hap-epic .hap-range-handle-b-hit:hover{
		border-top-color:#C90032;
	}
}

.hap-epic .hap-range-min-time,
.hap-epic .hap-range-max-time{
	color:#333;
}
.hap-epic .hap-range-bg{
	background:#ddd;
}
.hap-epic .hap-range-level{
	background:#C90032;
}


/* playback rate */

.hap-epic .hap-playback-rate-bg{
	height:4px;
	top:13px;
}

.hap-epic .hap-playback-rate-bg{
	background:#ddd;
}
.hap-epic .hap-playback-rate-level{
	background:#C90032;
}
.hap-epic .hap-playback-rate-drag{
    position:relative;
	top:-9px;
    width:21px;
    height:21px;
	border-radius:100%;
	background:#C90032;
	-webkit-transform:scale( 0.5 );
    transform:scale( 0.5 );
	-webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;    
   	box-sizing:border-box;    
   	-webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
    float:right;
 	margin-right:-9px;
}
.hap-epic .hap-playback-rate-drag:hover,
.hap-epic .hap-playback-rate-drag:active {
    -webkit-transform:scale(1);
    transform:scale(1);
}

.hap-epic .hap-tooltip{
	background:#C90032;
	color:#fff!important;
	box-shadow:1px 1px 8px #6060606b;
}

.hap-epic .hap-preloader {
    background-color:#C90032;
}


/* statistics */

.hap-epic .hap-stats svg{
	color:#777;
}
@media (hover:hover) {
	.hap-epic .hap-playlist-item .hap-play-count:hover > svg,
	.hap-epic .hap-playlist-item .hap-like-count:hover > svg,
	.hap-epic .hap-playlist-item .hap-download-count:hover > svg{
		color:#C90032!important;
	} 

}

.hap-epic .hap-stats span{
	color:#666;
}



/* lyrics popup */

.hap-epic .hap-dialog{
	background-color:#fff;
}

.hap-epic.hap-breakpoint-800 .hap-player-outer,
.hap-epic.hap-breakpoint-800 .hap-player-wrap{
	height:auto;
	flex-direction:column;
}
.hap-epic.hap-breakpoint-800 .hap-player-holder{
	width:100%;
}
.hap-epic.hap-breakpoint-800 .hap-player-thumb-wrapper{
	height:300px;
	width:300px;
	margin:0 auto;
}
.hap-epic.hap-breakpoint-800 .hap-playlist-holder{
	flex:none;
}
.hap-epic.hap-breakpoint-800 .hap-player-controls{
	flex-direction:column;
}

.hap-epic.hap-breakpoint-400 .hap-volume-seekbar{
	display:none!important;
}



/* playback rate */
.hap-epic .hap-playback-rate-toggle-inner{
    color:#fff;
    background:#777;    
}


/* skins/mis/css/fixed.css */




.hap-fixed{
	position:fixed;
	width:100%;
	max-width:none;
	bottom:-500px;
	left:0;
	line-height:normal!important;
	z-index:999999;
	display:none;
	margin:0;
	transition:bottom 0.5s ease-out;
	max-width:none!important;
}
.hap-fixed .hap-player-outer{
	transition:opacity 0.3s ease-in-out;
    opacity:0;
}
.hap-fixed .hap-player-holder{
	position:relative;
	left:0;
	background:#27363b;
	width:100%;
    float:left;
    max-height:60px;
}

.hap-fixed .hap-btn{
	display:none;
	height:100%;
}
.hap-fixed .hap-contr-btn{
	/*width:25px;
	height:100%;
	position:relative;
	cursor:pointer;*/
}
.hap-fixed .hap-contr-btn svg{
	color:#eee;
}
@media (hover:hover) {
	.hap-fixed .hap-btn:hover svg,
	.hap-fixed .hap-contr-btn:hover > svg,
	.hap-fixed .hap-contr-btn-hover svg{
		color:#ffa48f;
	} 
}
.hap-fixed .hap-contr-btn svg{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:15px;
	fill:currentColor;
	transition:color .3s ease-out;
}

.hap-fixed .hap-range-toggle svg{
	height:19px;
}
.hap-fixed .hap-volume-toggle svg{
	height:20px;
}


.hap-fixed .hap-playback-toggle-ex{
	position:absolute;
	width:30px;
	height:30px;
	top:-34px;
	right:35px;
	background-color:#27363b;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #444;
	cursor:pointer;
	z-index:2;
	display:none;
}
.hap-fixed .hap-player-toggle-ex{
	position:absolute;
	width:30px;
	height:30px;
	top:-34px;
	right:0px;
	background-color:#27363b;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #444;
	cursor:pointer;
	z-index:2;
}
.hap-fixed .hap-btn-player-toggle{
	transition:transform 0.3s ease-out;
	height:100%;
	display:block;
}
.hap-fixed .hap-btn-player-toggle svg{
	height:18px;
}
.hap-fixed .hap-btn-player-toggle-rotate{
	transform:rotate(180deg);
}

.hap-fixed .hap-right-controls{
	position:relative;
	float:right;
	height:25px;
	top:17px;
    display:flex;
    margin-right:15px;
}
.hap-fixed .hap-right-controls .hap-contr-btn{
	float:left;
	margin-left:10px;
	width:25px;
	position:relative;
}

.hap-fixed .hap-playlist-bar-controls-right{
	position:relative;
	float:right;
	height:100%;
    display:flex;
    margin-right:15px;
}
.hap-fixed .hap-playlist-bar-controls-right .hap-contr-btn{
	float:left;
	margin-left:10px;
	height:100%;
	min-width:25px;
	position:relative;
}

.hap-fixed .hap-left-controls{
	position:relative;
}

.hap-fixed .hap-player-thumb{
	position:relative;
	width:60px;
	height:60px;
	float:left;
	overflow:hidden;
	background-position:50% 50%;
    background-size:cover;
    transition:opacity 0.3s ease-in-out;
    opacity:0;
}
.hap-fixed .hap-info{
	width:calc(50% - 135px);
    float:left;
    height:60px;
    margin-left:10px;
    flex-direction:column;
    overflow:hidden;
    justify-content:center; 
    display:flex;
}
.hap-fixed .hap-player-title{
	font-size:15px;
	color:#fff;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.hap-fixed .hap-player-artist{
	font-size:13px;
	color:#ffa48f;
	margin:0;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.hap-fixed .hap-center-controls{
	position:absolute;
	display:inline-block;
	height:30px;
	bottom:15px;
    left:50%;
    transform:translateX(-50%);
}
.hap-fixed .hap-prev-toggle{
	position:relative;
	left:0px;
	top:2px;
	width:25px;
	height:25px;
	float:left;
	margin-right:20px;
}
.hap-fixed .hap-playback-toggle{
	position:relative;
	top:0px;
	width:30px;
	height:30px;
	float:left;
	margin-right:20px;
}
.hap-fixed .hap-playback-toggle svg{
	height:25px;
}
.hap-fixed .hap-next-toggle{
	position:relative;
	top:2px;
	width:25px;
	height:25px;
	float:left;
}

.hap-fixed .hap-volume-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	cursor:pointer;
}
.hap-fixed .hap-volume-seekbar{
	position:relative;
	left:0px;
	top:5px;
	width:100px;
	height:16px;
	float:right;
	cursor:pointer;
	touch-action:none;
}
.hap-fixed .hap-volume-bg{
	position:absolute;
	top:6px;
	left:10px;
	width:80px;
	height:3px;
	background:#ccc;
}
.hap-fixed .hap-volume-level{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#ffa48f;
	-webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
}

.hap-fixed .hap-seekbar{
	position:absolute;
	top:-14px;
	left:0px;
	width:100%;
	height:20px;
	cursor:pointer;
	touch-action:none;
	z-index:1;
}
.hap-fixed .hap-progress-bg{
	position:relative;
	background:#ccc;
	width:100%;
	top:11px;
	height:3px;
}
.hap-fixed .hap-load-level{
	position:absolute;
	background:#ccc;
	top:0;
	height:100%;
}
.hap-fixed .hap-progress-level{
	position:absolute;
	background:#ffa48f;
	top:0;
	height:100%;
}
.hap-fixed .hap-ad-progress-level{
	background:#ffeb3b;
}
.hap-fixed .hap-media-time-ad{
	position:absolute;
    background:#e91e63;
    color:#ffffff;
    bottom:9px;
    padding:3px;
    left:0;
    font-size:13px;
    display:none;
}






#hap-playlist-list{
	display:none;
}
.hap-fixed .hap-playlist-holder{
	position:relative;
	width:100%;
	background:rgb(39 54 59);
	overflow:hidden;
	height:280px;
	border-top:2px solid #444;
}
.hap-fixed .hap-playlist-inner{
	margin:20px 20px 10px 20px;
	max-height:210px;
	position:relative;
	height:100%;
}
.hap-fixed .hap-playlist-item{
	font-size:15px;
 	padding:4px;
 	margin-bottom:5px;
 	transition:background-color 0.3s ease-out;
}
.hap-fixed .hap-playlist-item:last-child{
 	margin-bottom:0;
}
.hap-fixed .hap-playlist-item-content {
	color:#aaa;
}
.hap-fixed .hap-playlist-thumb{
	height:40px;
	width:40px;
	border:1px solid #aaa;
	margin-right:10px;
}
.hap-fixed .hap-thumbimg{
	-webkit-backface-visibility:hidden;
	filter:grayscale(100%);
}
@media (hover:hover) {
	.hap-fixed .hap-playlist-item:hover .hap-playlist-thumb img{
		filter:grayscale(0%);
	}
}

.hap-fixed .hap-playlist-item-selected{
	background:#ddd;
}
.hap-fixed .hap-playlist-item-selected .hap-playlist-title-wrap{
	color:#fff;
}

.hap-fixed .hap-playlist-description{
	font-size:13px;
}
.hap-fixed .hap-playlist-description{
	color:#555;
}

.hap-fixed .hap-playlist-duration{
	font-size:12px;
}
.hap-fixed .hap-playlist-duration{
	color:#ccc;
}
.hap-fixed .hap-playlist-date{
	font-size:11px;
}
.hap-fixed .hap-playlist-date{
	color:#787878;
}
.hap-fixed .hap-playlist-icons{
	margin-right:20px;
}



.hap-fixed .hap-playlist-icon svg {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .1s ease-out;
}
.hap-fixed .hap-playlist-icon svg {
    color:#666;
}
@media (hover:hover) {
	.hap-fixed .hap-playlist-icon:hover svg {
	    color:#fff;
	}
}


.hap-fixed .hap-playlist-filter-msg span{
	color:#fff;
}

.hap-fixed .hap-playlist-bar{
	position:relative;
	top:0px;
	clear:both;
	height:40px;
	width:100%;
	overflow:hidden;
}
.hap-fixed .hap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0 2px!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#ddd !important;
	color:#333 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float:left;
	outline:none;
}

.hap-fixed .hap-sort-alpha{
	position:relative;
	left:5px;
	top:0px;
	width:25px;
	height:100%;
	text-align:center;
	float:left;
}
.hap-fixed .hap-sort-alpha svg{
	height:17px;
}

/* dialog */

.hap-fixed .hap-dialog-header{
	background:#27363b;
}


/* range */

.hap-fixed .hap-range-bg{
	top:14px;
	height:3px;
}


.hap-fixed .hap-range-handle-a-hit{
	border-bottom-color:#ccc;
}
@media (hover:hover) {
	.hap-fixed .hap-range-handle-a-hit:hover{
		border-bottom-color:#ffa48f;
	}
}
.hap-fixed .hap-range-handle-b-hit{
	border-top-color:#ccc;
}
@media (hover:hover) {
	.hap-fixed .hap-range-handle-b-hit:hover{
		border-top-color:#ffa48f;
	}
}

.hap-fixed .hap-range-min-time,
.hap-fixed .hap-range-max-time{
	color:#999;
}

.hap-fixed .hap-range-bg{
	background:#ccc;
}
.hap-fixed .hap-range-level{
	background:#ffa48f;
}

/* playback rate */

.hap-fixed .hap-playback-rate-min,
.hap-fixed .hap-playback-rate-max{
	color:#aaa;
}

.hap-fixed .hap-playback-rate-bg{
	height:3px;
	top:13px;
}

.hap-fixed .hap-range-holder,
.hap-fixed .hap-playback-rate-holder,
.hap-fixed .hap-embed-holder,
.hap-fixed .hap-pwd-holder,
.hap-fixed .hap-seekbar-comment-input-wrap,
.hap-fixed .hap-share-holder{
	background:#27363b; 
	border:1px solid #444;
	box-shadow:1px 1px 6px rgba(40,40,40,0.3);
}




/* redirect */
.hap-fixed .hap-redirect-login-holder-inner{
	background:rgb(39,54,59); 
	box-shadow:0 0 8px rgba(0,0,0,0.1);
}
.hap-fixed .hap-redirect-login-btn{
	background:#ffa48f;
    color:#fff;
}
.hap-fixed .hap-redirect-login-header{
  	color:#fff;	
}
.hap-fixed .hap-redirect-login-title{
    color:#ccc;
}




/* pwd */
.hap-fixed .hap-pwd-title{
	color:#666;
}
.hap-fixed .hap-pwd-close svg{
	color:#666;
}


/* embed */
.hap-fixed .hap-embed-field-wrap-selected{
    background:#ddd;
    color:#fff;
}



.hap-fixed .hap-playback-rate-bg{
	background:#ccc;
}
.hap-fixed .hap-playback-rate-level,
.hap-fixed .hap-playback-rate-drag{
	background:#ffa48f;
}

.hap-fixed .hap-tooltip{
	background:#ffa48f;
	color:#fff;
}
.hap-fixed .hap-preloader {
    background-color:#ffa48f;
}

/* lyrics popup */

.hap-fixed .hap-dialog-content{
	background-color:#ddd;
}

/* stats */

.hap-fixed .hap-stat-icon{
	transition:color 0.3s ease-out;
}

.hap-fixed .hap-stat-icon{
	color:#777;
}
@media (hover:hover) {
	.hap-fixed .hap-stat-icon:hover{
		color:#fff;
	}
}


.hap-fixed .hap-playlist-item-selected .hap-playlist-duration{
	color:#aaa;
}


/* playback rate */
.hap-fixed .hap-playback-rate-toggle-inner{
    color:#fff;
    background:#ffa48f;    
}


/* comments */
.hap-fixed.hap-has-comments .hap-player-holder {
    max-height:87px;
}
.hap-fixed .hap-input-comment-header{
    color:#eee;
}
.hap-fixed .hap-comment-input-info{
    color:#ccc;
}
.hap-fixed .hap-seekbar-comment-wrap{
	margin-top:7px;
}




/* breakpoints */

.hap-fixed.hap-breakpoint-650 .hap-info{
	width:calc(100% - 265px);
    position:absolute;
    left:60px;
}
.hap-fixed.hap-breakpoint-650 .hap-center-controls{
	right:60px;
    transform:none;
    left:auto;
}
.hap-fixed.hap-breakpoint-650 .hap-right-controls {
    position:absolute;
    right:0;
}
.hap-fixed.hap-breakpoint-650 .hap-right-controls .hap-volume-seekbar,
.hap-fixed.hap-breakpoint-650 .hap-right-controls .hap-volume-toggle  {
    display:none;
}
.hap-fixed.hap-breakpoint-650 .hap-search-filter{
	display:none;
}







/* skins/mis/css/waf.css */



button.waf-btn-reset{
    color:inherit;
    background-color:transparent;
    padding:0;
    margin:0;
    float:none;
    line-height:1em;
    list-style:none;
    text-transform:none;
    vertical-align:baseline;
    border:0;
    font-variant:inherit;
    font-stretch:inherit;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    font-weight:normal;
    letter-spacing:normal;
    text-decoration:none;
    text-indent:0;
    text-shadow:none;
    box-shadow:none;
}
@media (hover:hover) {
    button.waf-btn-reset:hover{
        text-decoration:none;
    }
    button.waf-btn-reset:hover:after{
        width:0;
    }
}







.waf{
    position:relative;
    transition:opacity 1s ease-out;
    opacity:0;
    line-height:normal;
}
.waf.waf-skin-light{
    background:#fff;
}
.waf.waf-skin-dark{
    background:#111;
}
.waf-inner{
    position:relative;
    padding:25px 25px 50px 25px;
}
@supports (container-type:inline-size) {
    .waf{
        container:waf_player_query / inline-size;
    }
}

/* filter layout */

.waf-filter-dropdown .waf-inner{
    display:flex;
    flex-direction:row;
}

.waf-filter-section{
    display:flex;
    flex-direction:column;
}
.waf-filter-section-collapsed{
    overflow:hidden;
}
.waf-filter-section-upper-wrap{
    /*max-height:1000px;*/
    overflow-y:auto;
    overflow-x:hidden;
}
.waf-filter-section-upper-wrap::-webkit-scrollbar {
    width:9px; 
    height:9px; 
}
.waf-filter-section-upper-wrap::-webkit-scrollbar-thumb {
    background:#999;
}
.waf-filter-section-upper-wrap::-webkit-scrollbar-track {
    background:#e6e6e6;
}


.waf-filter-pill .waf-filter-section {
    width:100%;
}
.waf-filter-dropdown .waf-filter-section {
    margin-right:20px;
    width:300px;
    flex-shrink:0;
}
.waf-filter-dropdown .waf-filter-section-bottom{
    margin-bottom:10px;
}

.waf-filter-dowpdown-wrap{
    overflow:hidden;
}
.waf-filter-pill .waf-filter-section-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.waf-filter-dropdown .waf-filter-section-container {
    display:flex;
    flex-direction:column;
}
.waf-filter-icon-wrap{
    position:relative;
    height:30px;
    width:30px;
    border-color:purple;
    cursor:pointer;
    border-radius:20px;
    font-size:11px;
    text-transform:uppercase;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.waf-filter-icon-open,
.waf-filter-icon-close{
    position:relative;
    height:100%;
    width:100%;
    border-color:purple;
    cursor:pointer;
    border-radius:20px;
    font-size:11px;
    text-transform:uppercase;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.waf-filter-icon-wrap svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    width:20px;
    fill:currentColor;
    transition:opacity .3s ease-out;
    color:#fff;
    opacity:0.5;
}
@media (hover:hover) {
    .waf-filter-button-dropdown:hover .waf-filter-icon-wrap svg{
        opacity:1;
    }
}
.waf-filter-icon-close{
    display:none;
}
.waf-filter-dropdown .waf-filter-dropdown-container-wrap{
    height:0;
    overflow:hidden;
    transition:height 0.5s;
}
.waf-filter-dropdown .waf-filter-dropdown-container{
    padding:10px;
}
.waf-filter-pill .waf-filter-dropdown-container{
    padding:20px 10px 10px 20px;
}

.waf-filter-dropdown-container .waf-component-label{
    padding:5px;
    display:flex;
    align-items:center;
    flex-direction:row;
    cursor:pointer;
}
@media (max-width:1200px){ 
    .waf-filter-dropdown-container .waf-component-label{
        padding:7px 5px;
    }
}
@container waf_player_query (max-width:1200px){ 
    .waf-filter-dropdown-container .waf-component-label{
        padding:7px 5px;
    }
}

.waf-filter-dropdown-container .waf-component-label-category-wrap{
    margin-left:25px;
}



.waf-filter-checkbox{
    margin-right:5px; 
}
.waf-filter-dropdown .waf-component-info{
    transition:opacity .35s;
}
.waf-filter-dropdown .waf-component-checkmark{
    top:0;
    left:0;
    border-radius:0;
    height:14px;
    width:14px;
}
.waf-filter-dropdown .waf-component-checkmark:after {
    left:4px;
    top:1px;
    width:2px;
    height:7px;
    box-sizing:content-box;
}
@media (hover:hover) {
    .waf-filter-dropdown .waf-component-label:hover .waf-component-info{
        opacity:0.5;
    }
}



.waf-track-section{
    display:flex;
    flex-direction:column;
    width:100%;
    position:relative;
}
.waf-title{
    font-size:18px;
    font-weight:600;
    display:inline-flex;
    flex-shrink:0;
    margin:5px 0;
    line-height:normal;
}



/* music description */

.waf-music-description{
    font-size:12px;
}
.waf-skin-light .waf-music-description{
    color:#111;
}
.waf-skin-dark .waf-music-description{
    color:#917f60;
}



/* tag buttons */

.waf-tag-button{
    border-radius:20px;
    box-shadow:none;
    transition:all .3s ease-out;
    box-sizing:border-box;
    cursor:pointer;
    margin:0 8px 8px 0;
    outline:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    user-select:none;
    text-decoration:none;
    -webkit-appearance:none;
    font-size:13px;
    padding:5px 10px;
    background-color:#5b758c00;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    line-height:normal;
    text-transform:none; 
}

.waf-skin-light .waf-tag-button{
    border:1px solid #aaa;
    color:#565656;
}
.waf-skin-dark .waf-tag-button{
    border:1px solid #aaa;
    color:#999;
}
@media (hover:hover) {
    .waf-skin-light .waf-tag-button:hover{
        background-color:#5b758c; 
        color:#fff; 
        border-color:transparent; 
    }
    .waf-skin-dark .waf-tag-button:hover{
        background-color:#917f60; 
        color:#fff; 
        border-color:transparent; 
    }
}


/* filter buttons */


.waf-filter-button-dropdown{
    transition:all 0.3s ease-out;
    font-weight:700;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    margin:0 0 1px 0;
    outline:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    user-select:none;
    text-decoration:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    outline:none;
    line-height:normal;
    cursor:pointer;
    text-align:left;
}




.waf-filter-main-button-wrap{
    position:relative;
}

button.waf-filter-button{
    transition:all 0.3s ease-out;
    border-radius:20px;
    font-weight:700;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    margin:0 8px 8px 0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:none;
    user-select:none;
    text-decoration:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
    white-space:nowrap;
    outline:none;
    line-height:normal;
    text-align:left;
    
}
button.waf-filter-button:focus{
    outline:none;
}
button.waf-filter-button-effect{
    opacity:0;
}
.waf-filter-button-dropdown,
button.waf-filter-main-button{
    color:#fff;
    font-size:15px;
    padding:10px 20px;
    background-color:#5b758c;
}
button.waf-filter-button-reset{
    color:#fff;
    font-size:15px;
    background-color:#474747;
}
.waf-filter-pill .waf-filter-button-reset{
    padding:10px 20px;
}

.waf-filter-button-apply{
    color:#fff;
    font-size:15px;
    background-color:#4db176;
}
.waf-filter-pill .waf-filter-button-apply{
    padding:10px 20px;
}
.waf-filter-dropdown .waf-filter-button-apply{
    padding:16px 20px;
}
.waf-filter-button-apply-hidden{
    display:none!important;
}



.waf-filter-dropdown button.waf-filter-button-reset{
    padding:3px 15px;
    font-size:11px;
    background-color:#a0a0a0;
    text-decoration:underline;
    opacity:0;
    pointer-events:none;
}
button.waf-filter-button-reset-enabled{
    opacity:1!important;
    pointer-events:auto!important;
}

button.waf-filter-sub-button{
    color:#fff;
    font-size:11px;
    padding:5px 15px;
    background-color:#60a3da;
}

button.waf-filter-active-button{
    color:#fff;
    font-size:11px;
    padding:2px 15px;
    background-color:#474747;
}
.waf-button-icon{
    margin-left:5px;
}
.waf-button-icon svg{
    height:13px;
    display:block;
    position:relative;
    top:0;
    margin-top:2px;
    left:0;
    color:#fff;
    fill:currentColor;
}

button.waf-filter-button-selected{
    background-color:#a0a0a0;
}
@media (hover:hover) {
    button.waf-filter-button:hover{
        background-color:#a0a0a0;
    }
}



button.waf-filter-button-selected{
    cursor:default;
}
button.waf-filter-sub-button.waf-filter-button-selected.waf-filter-button-visible{
    opacity:0.35;
}

button.waf-filter-button-visible{
    opacity:1;
}

.waf-filter-search-wrap{
    position:relative;
    background-color:#5b758c;
    margin:0 8px 8px 0;
    border-radius:20px;
    display:flex;
    align-items:center;
}
.waf-filter-search-wrap svg{
    position:absolute;
    left:15px;
    height:21px;
    fill:currentColor;
    transition:color .3s ease-out;
    color:#fff;
    pointer-events:none;
}
input[type="search"].waf-filter-button-search{
    position:relative;
    width:50px;
    transition:all 0.4s ease-in-out;
    color:#fff;
    font-size:15px;
    -webkit-appearance:textfield;
    padding:10px 20px;
    background-color:transparent;
    font-weight:normal;
    border-radius:20px;
    text-transform:none;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    outline:0;
    opacity:0;
    height:auto;
    margin:0;
}
.waf-search-input{
    box-shadow:none;
}
.waf-search-wrap .waf-search-input,
.waf-filter-button-search.waf-search-input{
    line-height:normal;
    background-color:#5b758c;
}
.waf-search-wrap input[type="search"].waf-search-input:focus,
.waf-filter-button-search.waf-search-input:focus{
    outline:none;
}
input[type="search"].waf-search-input::placeholder { 
    color:inherit;
    font-size:inherit;
}
input[type="search"].waf-search-input::-webkit-search-cancel-button {
    -webkit-appearance:none;
    appearance:none;
    height:10px;
    width:10px;
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size:10px 10px;
}

input[type="search"].waf-filter-dropdown-search::-webkit-search-cancel-button,
input[type="search"].waf-song-search::-webkit-search-cancel-button{
    -webkit-appearance:none;
    appearance:none;
    height:10px;
    margin-right:10px;
    width:10px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
    background-size:10px 10px;
}
.waf-filter-button-search::-webkit-search-cancel-button {
    filter:invert(1);
}

.waf-filter-button-search {
    margin:0;
}
input[type="search"].waf-filter-button-search:focus {
    width:250px;
    padding-left:50px;
    opacity:1;
    margin:0;
    color:#fff;
    background-color:transparent;
    border-color:transparent;
}


.waf-search-message{
    font-size:24px;
    text-align:center;
    color:#ca4a1f;
    line-height:28px;
    margin-top:30px;
    margin-bottom:30px;
}
.waf-search-message{
    display:none;
}





/* pill dropdown text */

.waf-filter-pill .waf-filter-dropdown-container-wrap{
    position:absolute;
    width:300px;
    z-index:222;
    background-color:#ffffff;
    box-shadow:0px 0px 3px 3px #88888826;
    max-height:300px;
    overflow-y:auto;
    box-sizing:border-box;
    overflow-x:hidden;
    padding:0 30px 0 0;
    display:none;
    transition:opacity 0.5s ease-out;
    opacity:0;
}
.waf-filter-pill .waf-filter-dropdown-container-wrap::-webkit-scrollbar {
    width:9px; 
    height:9px; 
}
.waf-filter-pill .waf-filter-dropdown-container-wrap::-webkit-scrollbar-thumb {
    background:#999;
}
.waf-filter-pill .waf-filter-dropdown-container-wrap::-webkit-scrollbar-track {
    background:#e6e6e6;
}




/* track loader */

.waf-loader-wrap{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:none;
}
.waf-skin-light .waf-loader-wrap{
    background:#00000082;
}
.waf-skin-dark .waf-loader-wrap{
    background:#00000082;
}


.waf-spinner {
  margin:200px auto;
  width:40px;
  height:40px;
  position:relative;
}
.waf-cube1,.waf-cube2 {
  background-color:#fff;
  width:15px;
  height:15px;
  position:absolute;
  top:0;
  left:0;
 
  -webkit-animation:waf-sk-cubemove 1.8s infinite ease-in-out;
  animation:waf-sk-cubemove 1.8s infinite ease-in-out;
}
.waf-cube2 {
  -webkit-animation-delay:-0.9s;
  animation-delay:-0.9s;
}

@-webkit-keyframes waf-sk-cubemove {
  25% { -webkit-transform:translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform:translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform:rotate(-360deg) }
}

@keyframes waf-sk-cubemove {
  25% { 
    transform:translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform:translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform:translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform:translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform:rotate(-360deg);
    -webkit-transform:rotate(-360deg);
  }
}




/* header */


.waf-track-display-header-left .waf-num-results-wrap{
    font-size:15px;
    display:flex;
    margin:0 10px 0 0;
    align-items:center;
    white-space:nowrap;
}
.waf-skin-light .waf-num-results-wrap{
    color:#111;
}
.waf-skin-dark .waf-num-results-wrap{
    color:#5b758c;
}
.waf-num-results-title{
    margin-right:4px;
}





.waf-track-display-header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:20px;
    align-items:center;
}

.waf-track-display-header-left,
.waf-track-display-header-right{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
} 

.waf-track-display-header-right{
    margin-left:auto;
    justify-content:end;
}
.waf-track-display-header-right > *{
    margin-left:10px!important;
}

.waf-results-wrap{
    font-weight:600;
    display:none;
    flex-direction:row;
}  
.waf-results-wrap-title{
    white-space:nowrap;
}  
.waf-results-total{
    display:inline-block;
    margin-left:4px;
}    



.waf-music-download-button{
    display:block;
    top:50%;
    min-width:20px;
    position:relative;
}





/* sort,search */


input[type="search"].waf-filter-dropdown-search{
    width:100%;
    height:30px;
    border-radius:0;
    padding-left:10px;
    font-size:13px;
    border:none;
    outline:none;
    margin:0 0 5px 0;
    box-shadow:none;
}




.waf-skin-light .waf-filter-dropdown-search{
    background:#f9f9f9;
    color:#000 ;
}
.waf-skin-dark .waf-filter-dropdown-search{
    background:#333;
    color:#ccc;
}
    


select.waf-sort-type,
input[type="search"].waf-song-search{
    height:30px;
    border-radius:20px;
    font-size:11px;
    border:none;
    text-transform:uppercase;
    outline:none;
    margin:1px 0 0 0;
    padding:0 0 0 10px;
    width:auto;
    box-shadow:none;
}
.waf-sort-type option{
    font-size:15px;
    text-transform:none;
}


.waf-skin-light .waf-sort-type,
.waf-skin-light .waf-song-search{
    background:#fafafa ;
    color:#000 ;
}
.waf-skin-dark .waf-sort-type,
.waf-skin-dark .waf-song-search{
    background:#333 ;
    color:#ccc ;
}
.waf-song-search::placeholder { 
    color:inherit!important;
    font-size:inherit!important;
}

.waf-search-wrap{
    display:flex;
    flex-direction:column;
}


/* layout */

button.waf-global-action-icon{
    position:relative;
    height:30px;
    border-color:purple;
    cursor:pointer;
    border-radius:20px;
    font-size:11px;
    text-transform:uppercase;
    display:flex;
    width:30px;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
}
.waf-skin-light .waf-global-action-icon{
    background:#fafafa ;
}
.waf-layout-button{
    position:relative;
    background-color:transparent;
    height:100%;
    cursor:pointer;
}
.waf-global-action-icon svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    width:20px;
    fill:currentColor;
    transition:color .3s ease-out;
    color:#aaa;
}
@media (hover:hover) {
    .waf-global-action-icon:hover svg{
        color:#5b758c;
    }
}
.waf-layout-simple{
    display:none;
}




/* volume */

.waf-volume-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.waf-volume-wrap .waf-volume-toggle{
    position:relative;
    width:40px; 
    height:40px;
    cursor:pointer;
}
.waf-volume-toggle .waf-btn{
    display:none;
}
.waf-volume-toggle .waf-btn-volume-up{
    display:block;
}
.waf-volume-toggle svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .3s ease-out;
}
.waf-volume-seekbar{
    position:relative;
    width:100px;
    height:30px;
    cursor:pointer;
    touch-action:none;
}
.waf-volume-bg{
    position:absolute;
    top:15px;
    left:10px;
    width:80px;
    height:2px;
    background:#bbb8b8;
}
.waf-volume-level{
    position:absolute;
    top:0;
    left:0;
    width:45px;
    height:100%;
    background:#808080;
    transition:width 100ms linear; 
}



.waf-grid .waf-track-display-list{
    display:grid;
    grid-gap:1rem;
    justify-items:center;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}

.waf-grid .waf-music{
    max-width:400px;
}
.waf-grid.waf-skin-dark .waf-music{
    background:#191919;
}



/* music container */

.waf-music{
    width:100%;
    font-size:12px;
    position:relative;
    font-weight:400;
    transform-origin:top;  
    transform:scaleY(0);
    transform-style:flat;
    opacity:0;
    height:0;
    transition:transform 300ms ease-out,opacity 300ms ease-out;  

    position:absolute;
    visibility:hidden;
}
.waf-list .waf-music{
    border-bottom:1px solid #333;
}
.waf-grid .waf-music{
    padding:10px;
    box-sizing:border-box;
}
.waf-skin-light.waf-grid .waf-music{
    box-shadow:0px 0px 5px 3px #d3d3d330;
}

.waf-music-shown{
    transform:scaleY(1);
    opacity:1;
    height:auto;
    position:relative;
    visibility:visible;
}
.waf-music-hidden{
    transition:none!important;
    transform:scaleY(0);
    opacity:0;
    height:0;
}
.waf-music-grid-hidden{
    position:absolute;
    visibility:hidden;
}
.waf-music-loader{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    transition:width 300ms linear; 
}
.waf-grid .waf-music-loader{
    display:none!important;
}


.waf-skin-light .waf-music-loader{
    background:#ebebeb;
}
.waf-skin-dark .waf-music-loader{
    background:#333;
}
.waf-music-container{
    display:flex;
    flex-direction:column;
    height:100%;
    position:relative;
}
.waf-music-container-top{
    display:flex;
    flex-direction:row;
}
.waf-list .waf-music-container-top{
    flex-direction:row;
    flex-flow:row wrap;
}
.waf-grid .waf-music-container-top{
    flex-direction:column;
}


.waf-music-container-bottom{
    display:flex;
    flex-direction:column;
    margin:0 10px;
    height:auto;
    overflow:hidden;
    transition:height 0.3s;
}
.waf-music-description{
    margin:10px 0 10px 0;
}




.waf-column{
    display:flex;
    flex-direction:row;
    align-items:center;
    position:relative;
    height:100%;
    flex:1; 
    height:61px;
}
.waf-music-container-left,
.waf-music-container-right{
    flex-grow:0;
}

.waf-music-container-right:empty{
    display:none;
}
/*
.waf-list .waf-music-container-left,
.waf-list .waf-music-container-center,
.waf-list .waf-music-container-right{
    justify-content:center;
}*/


.waf-grid .waf-music-container-left{
    justify-content:flex-start;
}
.waf-grid .waf-music-container-right{
    justify-content:flex-end;
    flex-wrap:wrap;
    height:auto;
}

.waf-music-thumb{
    margin:5px 10px;
    width:50px;
    height:50px;
    flex-shrink:0;
    overflow:hidden;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.waf-music-name{
    padding:0 10px;
    width:250px;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    text-align:left;
}
.waf-music-name .waf-music-title{
    font-weight:700;
    padding:0;
    margin:0;
}
.waf-music-name .waf-music-artist{
    transition:color .5s;
    margin:5px 0 0 0;
    padding:0;
}

.waf-skin-light .waf-music-title{
    color:#000;
}
.waf-skin-light .waf-music-artist{
    color:#888;
}
.waf-skin-dark .waf-music-title{
    color:#9a9a9a;
}
.waf-skin-dark .waf-music-artist{
    color:#666;
}

.waf-music-duration{
    min-width:40px;
    flex:0 0 auto;
    text-align:center;
}
.waf-music-progress-text{
    min-width:40px;
    flex:0 0 auto;
    text-align:center;
}

.waf-skin-light .waf-music-duration,
.waf-skin-light .waf-music-progress-text{
    color:#000;
}
.waf-skin-dark .waf-music-duration,
.waf-skin-dark .waf-music-progress-text{
    color:#9a9a9a;
}

.waf-action-icon{
    width:40px;
    height:40px;
    flex:0 0 auto;
    text-align:center;
    cursor:pointer;
    position:relative;
}
.waf-music-play-btn,
.waf-music-pause-btn{
    position:relative;
    height:100%;
    width:100%;
    display:block;
}
.waf-music-pause-btn{
    display:none;
}
.waf-action-icon svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .4s ease-out;
    color:#aaa;
}
@media (hover:hover) {
    .waf-action-icon:not(.waf-action-icon-disabled):hover svg{
        color:#5b758c;
    }
}
.waf-action-icon-disabled{
    opacity:0.5!important;
    cursor:default!important;
}

.waf-music-player{
    padding:0 20px;
    width:calc(100% - 40px);
    height:40px;
}
.waf-music-waveform{
    flex:1 1 auto;
    user-select:none;
    height:100%;
    cursor:pointer;
}
.waf-music-waveform-holder {
    position:relative;
    height:calc(100% - 6px);
    top:3px;
    width:100%;
    transform-origin:top;  
    transform:scaleY(0);
    transform-style:flat;
    opacity:0;
    transition:transform 300ms ease-out,opacity 300ms ease-out;  
}
.waf-music-waveform-holder-visible{
    transform:scaleY(1);
    opacity:1;
}
.waf-music-seekbar{
    cursor:pointer;
}

.waf-music-seekbar canvas{
    max-width:none!important;
}
.waf-music-seekbar,
.waf-music-seekbar-progress {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.waf-music-seekbar-progress {
    width:0;
}

/* popup dialog */

.waf-popup-background{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2147483646;
    opacity:0;
    display:none;
    transition:opacity .3s ease-out;
    direction:ltr;
    line-height:normal;
}
.waf-popup-visible{
    opacity:1;
}
.waf-popup-inner{
    position:absolute;
    overflow-x:hidden;
    overflow-y:scroll;
    max-height:100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:50px 0;
    background:rgba(0,0,0,0.5);
}
.waf-popup{
    position:relative;
    box-sizing:border-box;
    left:50%;
    top:50%;
    max-width:600px;
    transform:translate(-50%,-50%);
    padding:25px 30px 30px;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.25);
    text-align:center;
    font-size:13px;
}
.waf-skin-light .waf-popup{
    background:#fff;
    color:#111;
}
.waf-skin-dark .waf-popup{
    background:#222;
    color:#ccc;
}
.waf-popup-title{
    margin-top:0;
    font-size:20px;
    margin-bottom:20px;
}
.waf-popup-content {
    max-height:600px;
    overflow-y:auto;
}
.waf-popup-button-holder {
    margin-top:20px;
}
button.waf-popup-button,
button.waf-share-copy-button{
    padding:8px 50px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0 4px;
    box-sizing:border-box;
    cursor:pointer;
    text-decoration:none;
}
.waf-skin-light .waf-popup-button,
.waf-skin-light .waf-share-copy-button{
    border:1px solid #0073aa;
    color:#0073aa;
}
.waf-skin-dark .waf-popup-button,
.waf-skin-dark .waf-share-copy-button{
    border:1px solid #917f60;
    color:#917f60;
}
.waf-share-copy-button{
    padding:8px 20px;
}
@media (hover:hover) {
    .waf-skin-light .waf-popup-button:hover,
    .waf-skin-light .waf-share-copy-button:hover {
        background:#0073aa;
        color:#fff;
    }
    .waf-skin-dark .waf-popup-button:hover,
    .waf-skin-dark .waf-share-copy-button:hover {
        background:#917f60;
        color:#fff;
    }
}
.waf-popup-content::-webkit-scrollbar {
    width:9px; 
    height:9px; 
}
.waf-popup-content::-webkit-scrollbar-thumb {
    background:#999;
}
.waf-popup-content::-webkit-scrollbar-track {
    background:#e6e6e6;
}
.waf-popup-acknowledge-text{
    font-size:14px;
}




/* lyrics popup */

.waf-lyrics-popup-dialog{
    position:fixed;
    top:0;
    max-height:400px;
    height:100%;
    left:0;
    z-index:2147483646;
    max-width:600px;
    display:none;
    transition:all .3s ease-out;
    direction:ltr;
    line-height:normal;
    transform:translateX(-100%);
}
.waf-skin-light.waf-lyrics-popup-dialog{
    box-shadow:2px 2px 5px 0px rgb(153 153 153 / 25%);
}
.waf-lyrics-popup-dialog-visible{
    transform:translateX(0%); 
}
.waf-lyrics-popup-dialog-open{
    transform:translateX(calc(-100% + 50px)); 
}
.waf-lyrics-popup-inner{
    position:relative;
    overflow-x:hidden;
    overflow-y:scroll;
    top:0;
    height:100%;
    width:100%;
    left:0;
}
.waf-lyrics-popup{
    position:relative;
    left:0;
    top:0;
    width:100%;
    box-sizing:border-box;
    padding:25px 40px 25px 25px;
    box-shadow:0 0 6px 0 rgb(0 0 0 / 25%);
    text-align:center;
    font-size:13px;
}
.waf-skin-light .waf-lyrics-popup{
    background:#fff;
    color:#111;
}
.waf-skin-dark .waf-lyrics-popup{
    background:#303030;
    color:#eee;
}
.waf-lyrics-popup-close{
    position:absolute;
    right:12px;
    top:0;
    width:40px;
    height:40px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}
.waf-lyrics-popup-close svg{
    height:20px;
    fill:currentColor;
    transition:all .3s ease-out;
}
.waf-lyrics-popup-icon-open{
    transform:rotate(180deg);
}


.waf-lyrics-popup-inner::-webkit-scrollbar {
    width:12px; 
    height:12px; 
}
.waf-skin-light .waf-lyrics-popup-inner::-webkit-scrollbar-thumb {
    background:#9e9e9e; 
}
.waf-skin-light .waf-lyrics-popup-inner::-webkit-scrollbar-track {
    background:#eee; 
}
.waf-skin-dark .waf-lyrics-popup-inner::-webkit-scrollbar-thumb {
    background:#666; 
}
.waf-skin-dark .waf-lyrics-popup-inner::-webkit-scrollbar-track {
    background:#aaa; 
}

/* lyrics popup */
.waf-popup-music-name{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
    font-size:20px;
    font-weight:600;
}
.waf-lyrics-wrap{
    white-space:pre-wrap;
    font-size:16px;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:center;
    line-height:1.5em;
}
.waf-lyrics-container{
    white-space:pre-wrap;
    font-size:16px;
    margin:1em 0;
    line-height:1.5em;
}
.waf-lyrics-item {
    min-height:1.5em;
    cursor:pointer;
}
.waf-skin-light .waf-lyrics-item-active{
    background:#ffff00;
}
.waf-skin-dark .waf-lyrics-item-active{
    background:#917f60;
    color:#fff;
}
@media (hover:hover) {
    .waf-skin-light .waf-lyrics-item:hover{
        background:#ffff00;
    }
    .waf-skin-dark .waf-lyrics-item:hover{
        background:#917f60;
        color:#fff;
    }
}








/* save playlist popup */
.waf-save-playlist{
    max-width:400px;
}
.waf-popup-save-playlist-title{
    width:300px;
    border:0;
    border-radius:0 ;
    box-shadow:none; 
}
.waf-skin-light .waf-popup-save-playlist-title{
    background:#eee ;
    color:#000;
    padding-left:5px;
    line-height:1.8;
}
.waf-skin-dark .waf-popup-save-playlist-title{
    background:#333 ;
}

/* keywords popup */
.waf-popup-keywords-wrap{
    display:flex;
    flex-direction:column;
}
.waf-popup-keywords-music-title{
    font-size:14px;
}





/* share */

.waf-share-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}


.waf-share-copy-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:10px;
}
input[type="text"].waf-share-copy-link{
    padding:10px;
    line-height:normal;
    width:200px;
    border:0;
    border-radius:0 ;
    box-shadow:none;
    margin:0;
}
.waf-skin-light .waf-share-copy-link{
    background:#eee ;
    color:#000;
}
.waf-skin-dark .waf-share-copy-link{
    background:#333 ;
    color:#ccc ;
}
.waf-share-copy-button{
    border:1px solid #0073aa;
    padding:8px 20px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0 10px;
    box-sizing:border-box;
    color:#0073aa;
    cursor:pointer;
    text-decoration:none;
    flex-shrink:0;
}

.waf-share-icons{

}







button.waf-share-item{
    width:40px;
    height:40px;
    float:left;
    position:relative;
    margin:5px;
    cursor:pointer;
    border-radius:2px;
}
.waf-share-item svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:20px;
    fill:currentColor;
    transition:color .1s ease-out;
    color:#ccc;
}

@media (hover:hover) {
    .waf-share-item:hover svg{
        color:#fff;
    }
}

.waf-share-item[data-type=facebook]{
    background:#3B5998;
}
.waf-share-item[data-type=twitter]{
    background:#1da1f2;
}
.waf-share-item[data-type=pinterest]{
    background:#bd081d;
}
.waf-share-item[data-type=whatsapp]{
    background:#25D366;
}
.waf-share-item[data-type=linkedin]{
    background:#4875B4;
}
.waf-share-item[data-type=tumblr]{
    background:#2B4964;
}
.waf-share-item[data-type=reddit]{
    background:#FF5700;
}
.waf-share-item[data-type=email]{
    background:#dfdfdf;
}
.waf-share-item[data-type=sms]{
    background:#f8ea73;
}

.waf-holder-visible{
    opacity:1;
}

/* stats player */

.waf-stat-wrap{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    flex-shrink:0;
}
.waf-play-count,
.waf-download-count{
    display:flex;
    flex:1;
    height:40px;
    min-width:45px;
    align-items:center;
    justify-content:center;
    color:inherit;
}
.waf-stat-icon svg{
    width:25px;
    height:15px;
    text-align:center;
    fill:currentColor;
    transition:color .1s ease-out;
    color:#aaa;
}
.waf-stat-icon span{
    color:#9a9a9a;
    display:inline-block;
    margin-right:5px;
}


/* fontend loader for ajax */

.waf-fontend-loader-wrap{
    display:none;
    z-index:2147483646;
}
.waf-fontend-loader{
    position:fixed; 
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%; 
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5); 
    color:#fff;
    font-size:24px;
}


/* restrict download */

.waf-restrict-download-message-wrap{
    padding:20px;
    font-size:22px;
}
.waf-restrict-download-message-wrap a{
    color:#f7d570;
}


button.waf-filter-configure-button{
    margin-right:10px;
}
button.waf-filter-copy{
    display:none;
    margin-right:10px;
}




.waf-copy-notice{
    padding:10px;
    text-transform:none;
    position:absolute;
    top:0;
    left:120%;
    pointer-events:none;
    opacity:0;
    transition:opacity .3s ease-out;
}
.waf-skin-light .waf-copy-notice{
    background-color:#fff;
    color:#333;
    box-shadow:0px 0px 3px 3px #88888826;
}
.waf-skin-dark .waf-copy-notice{
    background:#666;
    color:#9a9a9a;
    box-shadow:0px 0px 3px 3px #3c3c3c26;
}
.waf-copy-notice-shown{
    opacity:1;
}



/*  playlist display frontend */

.waf-playlist-display-header{
    font-size:28px;
    text-align:center;
}
.waf-playlist-display-wrap-inner{
    display:flex;
    align-items:flex-start;
}
.waf-playlist-display-item{
    position:relative;
    overflow:hidden;
    margin:3px;
    text-align:center;
    max-width:300px;
}
.waf-playlist-display-item-inner{
    position:relative;
}
.waf-playlist-display-item-thumb{
    display:block;
    margin:0 auto;
    cursor:pointer;
}
.waf-playlist-display-item-title{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    color:#666;
    text-align:center;
    font-size:16px;
    padding:5px;
    opacity:0;
    transition:opacity .3s ease-out;
    pointer-events:none;
}
.waf-playlist-display-item-description{
    margin-top:5px;
    color:#999;
    font-size:14px;
}
.waf-playlist-display-item-active .waf-playlist-display-item-title{
    opacity:1;
}
@media (hover:hover) {
    .waf-playlist-display-item:hover .waf-playlist-display-item-title{
        opacity:1;
    }
}
.waf-playlist-display-item-active .waf-playlist-display-item-thumb{
    cursor:default;
}

/* load more button */

.waf-load-more-btn{
    display:inline-block;
    align-self:flex-start;
    padding:6px 20px;
    font-size:18px;
    position:relative;
    margin:40px 0 0 0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    opacity:0;
    transition:all .3s ease-out;
    text-transform:uppercase;
}
.waf-skin-light .waf-load-more-btn{
    border:1px solid #9e9e9e;
    color:#9e9e9e;
}
.waf-skin-dark .waf-load-more-btn{
    border:1px solid #333;
    color:#9e9e9e;
}
@media (hover:hover) {
    .waf-skin-light .waf-load-more-btn:hover{
        background:#5b758c;
        color:#fff;
    }
    .waf-skin-dark .waf-load-more-btn:hover{
        background:#333;
        color:#ccc;
    }
}
.waf-load-more-btn-visible{
    opacity:1;
}
.waf-load-more-btn-hidden{
    display:none;
}


/* pagination */

.waf-pagination-wrap {
    position:relative;
    display:flex;
    justify-content:center;
}
.waf-pagination-container {
    position:relative;
    padding:30px 0;
    display:inline-flex;
    justify-content:space-between;
    box-sizing:border-box;
}
.waf-pagination-page {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:5px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:#e2e6e6;
    padding:12px;
    font-size:15px;
    font-weight:bold;
    color:#616872;
    border-radius:4px;
    transition:color 0.3s ease-in-out,background-color 0.3s ease-in-out;
}
.waf-pagination-currentpage{
    cursor:default;
}
.waf-pagination-dots{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-content:center;
    margin-left:5px;
    box-sizing:border-box;
}
.waf-pagination-currentpage {
    background-color:#a0a0a0;
}
@media (hover:hover) {
    .waf-pagination-page:hover{
        background-color:#a0a0a0;
    }
}
.waf-pagination-hidden{
   /* display:none!important;*/
}
.waf-pagination-page{
    background:#5b758c;
    color:#fff;
}
.waf-skin-light .waf-pagination-dots{
    color:#616872;
}
.waf-skin-dark .waf-pagination-dots{
    color:#fff;
}






/* stats frontend */

.waf-stat-display{
    background:#fff;
    padding:20px; 
}
.waf-stat-display-header{
    text-align:center;
    background:#0073aa;
    color:#fff;
}
.waf-stat-info{
    margin-left:5px;  
    font-style:italic;
}

.waf-visible{
    opacity:1;
}







@media (max-width:1200px){ 
    .waf-music-container-right{
        flex-basis:100%;
        justify-content:flex-end;
    }
}
@container waf_player_query (max-width:1200px){ 
    .waf-music-container-right{
        flex-basis:100%;
        justify-content:flex-end;
    }
}
@media (max-width:768px){ 
    .waf-inner{
        padding:10px;
    }
    .waf-column {
        flex-basis:100%;
    }
    .waf-music-container-left{
        justify-content:flex-start;
    }
    .waf-music-name{
        width:auto;
    }
    .waf-popup{
        padding:10px;
    }
    .waf-save-playlist-button{
        display:none;
    }

}
@container waf_player_query (max-width:768px){ 
    .waf-inner{
        padding:10px;
    }
    .waf-column {
        flex-basis:100%;
    }
    .waf-music-container-left{
        justify-content:flex-start;
    }
    .waf-music-name{
        width:auto;
    }
    .waf-popup{
        padding:10px;
    }
    .waf-save-playlist-button{
        display:none;
    }
}

@media (max-width:568px){ 

    .waf-music-container-bottom{
        display:none;
    }
    .waf-layout-button-wrap{
        display:none;
    }
    .waf-music-container-right{
        height:auto;
        flex-wrap:wrap;
    }
}
@container waf_player_query (max-width:568px){ 
    .waf-music-container-bottom{
        display:none;
    }
    .waf-layout-button-wrap{
        display:none;
    }
    .waf-music-container-right{
        height:auto;
        flex-wrap:wrap;
    }
}

@media (max-width:900px){ 

    /* dropdown filter left */
    .waf-filter-dropdown .waf-inner{
        flex-direction:column;
    }
    .waf-filter-dropdown .waf-filter-section{
        margin-right:0;
        margin-bottom:20px;
        width:100%;
    }

}
@container waf_player_query (max-width:900px){ 
    /* dropdown filter left */
    .waf-filter-dropdown .waf-inner{
        flex-direction:column;
    }
    .waf-filter-dropdown .waf-filter-section{
        margin-right:0;
        margin-bottom:20px;
        width:100%;
    }

}



















/* filter dialog */

.waf-filter-dialog .waf-component-label{
    padding:3px 0;
    display:flex;
    flex-direction:row;
    align-items:center;
}



.waf-filter-dropdown .waf-filter-dialog{
    position:relative;
    box-sizing:border-box;
    opacity:1;
    box-shadow:none;
    padding:0;
}
.waf-filter-dropdown .waf-filter-close{
    display:none;
}




/* range slider */

.waf-filter-wrapper{
    position:absolute;
    top:0;
    z-index:222;
    left:0;
    padding:5px 40px 20px 20px;
    opacity:0;
    transition:opacity 0.5s ease-out;
}
.waf-filter-pill .waf-filter-dialog{
    width:300px;
    box-sizing:border-box;
    display:none;
    left:-10000px;
}
.waf-skin-light.waf-filter-pill .waf-filter-wrapper{
    background-color:#ffffff;
    box-shadow:0px 0px 3px 3px #88888826;
}
.waf-skin-dark.waf-filter-pill .waf-filter-wrapper{
    background-color:#474747;
}
.waf-range-container{
    position:relative;
    width:100%;
    height:60px;
}
.waf-range-container-values{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.waf-range-num-text{
    margin:0 8px;
    font-size:14px;
}
.waf-skin-light .waf-range-num-text{
    color:#000;
}
.waf-skin-dark .waf-range-num-text{
    color:#ccc;
}
input[type="number"].waf-range-num1,
input[type="number"].waf-range-num2{
    width:80px;
    padding:2px;
    -webkit-backface-visibility:hidden;
    background-color:transparent;
    box-sizing:border-box;
    outline:none;
    margin:0; 
    -webkit-appearance:none;
    outline-offset:0;
    border-radius:0;
    font-size:13px;
    line-height:normal;
    box-shadow:none;
    height:auto;
}
.waf-skin-light .waf-range-num1,
.waf-skin-light .waf-range-num2{
    border:1px solid #999;
    background-color:#fff;
    color:#000;
}
.waf-skin-dark .waf-range-num1,
.waf-skin-dark .waf-range-num2{
    border:1px solid #737373;
    background-color:#474747;
    color:#fff;
}
.waf-range{
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    outline:none;
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    background-color:transparent;
    pointer-events:none;
    border:none;
    padding:0;
    box-shadow:none;
}
.waf-range-slider-track{
    width:100%;
    height:2px;
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
}
.waf-range::-webkit-slider-runnable-track{
    -webkit-appearance:none;
    height:2px;
    box-shadow:none!important;
    background-color:transparent!important;
}
.waf-range::-moz-range-track{
    -moz-appearance:none;
    height:2px;
    box-shadow:none!important;
}
.waf-range::-ms-track{
    appearance:none;
    height:2px;
    box-shadow:none!important;
}
.waf-range::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    appearance:none!important;
    height:18px;
    width:18px;
    cursor:pointer;
    margin-top:-8px;
    pointer-events:auto;
    border-radius:50%;
    background-color:#5b758c;
    box-shadow:none!important;
    /*box-shadow:0px 0px 5px rgb(0 0 0 / 22%)!important;*/
}

@media (max-width:1200px){ 
    .waf-range::-webkit-slider-thumb{
        height:24px;
        width:24px;
        margin-top:-11px;
    }
}
@container waf_player_query (max-width:1200px){ 
    .waf-range::-webkit-slider-thumb{
        height:24px;
        width:24px;
        margin-top:-11px;
    }
}

.waf-range::-moz-range-thumb{
    -webkit-appearance:none;
    height:18px;
    width:18px;
    cursor:pointer;
    border-radius:50%;
    background-color:#5b758c;
    pointer-events:auto;
    box-shadow:none!important;
}
.waf-range::-ms-thumb{
    appearance:none;
    height:18px;
    width:18px;
    cursor:pointer;
    border-radius:50%;
    background-color:#5b758c;
    pointer-events:auto;
    box-shadow:none!important;
}
.waf-filter-close{
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    cursor:pointer;
}
.waf-filter-close svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:16px;
    fill:currentColor;
    transition:color .4s ease-out;
    color:#aaa;
}
@media (hover:hover) {
    .waf-filter-close:hover svg{
        color:#0073aa;
    }
}


/* bool */

.waf-component-checkbox{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}
.waf-component-checkmark {
    position:relative;
    top:0;
    left:0;
    display:inline-block;
    border-radius:100%;
    border:1px solid #777;
    margin:0;
    height:20px;
    padding:0;
    width:20px;
    box-sizing:content-box;
}
.waf-component-checkbox:checked ~ .waf-component-checkmark {
    background-color:#5b758c;
}
.waf-component-checkmark:after {
    content:"";
    position:absolute;
    display:none;
}
.waf-component-checkbox:checked ~ .waf-component-checkmark:after {
    display:block;
}
.waf-component-checkmark:after {
    left:7px;
    top:3px;
    width:4px;
    height:9px;
    border:solid white;
    border-width:0 3px 3px 0;
    transform:rotate(45deg);
}
.waf-component-info{
    margin-left:7px;
    cursor:pointer;
    font-size:15px;
    font-weight:normal;
}
.waf-skin-light .waf-component-info{
    color:#000;
}
.waf-skin-dark .waf-component-info{
    color:#fff;
}

/* radio */

.waf-radio-container{
    display:flex;
    flex-direction:column;
}
.waf-filter-pill .waf-radio-container{
    padding-top:15px;
}

/*star */


.waf-star svg{
    position:relative;
    height:20px;
    fill:currentColor;
    color:#ffeb3b;
}







.waf-playlist-icon {
    font-family:'Font Awesome 5 Free','Font Awesome 5 Regular','Font Awesome 5 Brands','Arial';
    font-size:18px;
    font-weight:900;
    min-width:20px;
    margin:0;
    border:0;
    box-shadow:none;
    display:flex;
    justify-content:center;
    flex-direction:column;
    text-decoration:none;
}
.waf-icon-spotify svg{
    color:#81b71a;
}
.waf-icon-youtube{
    color:#FF0000;
}
.waf-icon-apple{
    -webkit-background-clip:text;
    background-image:linear-gradient(
                        to bottom,
                        #70c25c 0%,#70c25c 30%,
                        #ffc04a 30%,#ffc04a 42.5%,
                        #fc903d 42.5%,#fc903d 55%,
                        #e94752 55%,#e94752 67.5%,
                        #a954a5 67.5%,#a954a5 80%,
                        #00afe0 80%,#00afe0 100%);
    color:transparent;
}
.waf-icon-amazon{
    color:#FEBD69;
}
.waf-icon-soundcloud{
    color:#d2691e;
}
#custom-callback1{
    color:#3f51b5;
}











.waf-track-tag-data{
    display:none;
}





/* scroll top */
.waf-scroll-top-button{
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    top:20px;
    opacity:0;
    border-radius:100%;
    cursor:pointer;
    transition:opacity .5s;
    z-index:2147483646;
}
.waf-scroll-top-button-visible{
    opacity:1;
}
.waf-skin-light.waf-scroll-top-button{
    background:#fff;
    box-shadow:0px 0px 3px 3px #88888826;
}
.waf-skin-dark.waf-scroll-top-button{
    background:#666;
    box-shadow:0px 0px 3px 3px #3c3c3c26;
}



/* fixed player */

.waf-fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999999;
    opacity:0;
    display:none;
    transition:opacity .3s ease-out;
}
.waf-player-holder{
    position:fixed;
    height:60px;
    left:0;
    bottom:-60px;
    width:100%;
    display:flex;
    transition:bottom 0.5s;
}
.waf-skin-light .waf-player-holder,
.waf-skin-light .waf-player-outer-controls{
    background:#fafafa;
    box-shadow:0px -2px 5px 0px rgba(153,153,153,0.25);
}
.waf-skin-dark .waf-player-holder,
.waf-skin-dark .waf-player-outer-controls{
    background:#222;
    box-shadow:0px -2px 5px 0px rgba(20,20,20,0.25);
}
.waf-player-btn{
    position:relative;
    left:0;
    top:0;
    width:50px;
    height:100%;
    float:left;
    cursor:pointer;
}
.waf-player-toggle-icon{
    transition:all .3s ease-out;
    display:block;
}
.waf-player-toggle-icon-closed{
    transform:rotate(180deg);
}

.waf-playback-toggle span{
    display:block;
}


.waf-player-btn svg,
.waf-playback-toggle-ex svg,
.waf-player-toggle-ex svg,
.waf-scroll-top-button svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:20px;
    fill:currentColor;
    transition:color .3s ease-out;
}
.waf-skin-light .waf-player-btn svg,
.waf-skin-light .waf-playback-toggle-ex svg,
.waf-skin-light .waf-player-toggle-ex svg,
.waf-skin-light .waf-lyrics-popup-close svg,
.waf-skin-light.waf-scroll-top-button svg{
    color:#666;
}
.waf-skin-dark .waf-player-btn svg,
.waf-skin-dark .waf-playback-toggle-ex svg,
.waf-skin-dark .waf-player-toggle-ex svg,
.waf-skin-dark .waf-lyrics-popup-close svg,
.waf-skin-dark.waf-scroll-top-button svg{
    color:#aaa;
}
@media (hover:hover) {
    .waf-skin-light .waf-player-btn:hover svg,
    .waf-skin-light .waf-playback-toggle-ex:hover svg,
    .waf-skin-light .waf-player-toggle-ex:hover svg,
    .waf-skin-light .waf-lyrics-popup-close:hover svg,
    .waf-skin-light.waf-scroll-top-button:hover svg{
        color:#0073aa ;
    }
    .waf-skin-dark .waf-player-btn:hover svg,
    .waf-skin-dark .waf-playback-toggle-ex:hover svg,
    .waf-skin-dark .waf-player-toggle-ex:hover svg,
    .waf-skin-dark.waf-scroll-top-button:hover svg{
        color:#0073aa ;
    }
}

.waf-player-left {
    position:relative;
    top:0;
    left:0;
    height:100%;
    display:flex;
    align-items:center;
}
.waf-playback-controls{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
}
.waf-player-thumb{
    position:relative;
    width:60px;
    height:100%;
    float:left;
    overflow:hidden;
    background-position:50% 50%;
    background-size:cover;
    flex-shrink:0;
}
.waf-player-artist{
    font-size:13px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.waf-player-title-wrap{
    margin-left:15px;
    margin-right:10px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:300px;
    line-height:normal;
}
.waf-player-title{
    font-size:17px;
}
.waf-player-artist{
    font-size:13px;
}
.waf-skin-light .waf-player-title{
    color:#111;
}
.waf-skin-dark .waf-player-title{
    color:#bcbcbc;
}
.waf-skin-light .waf-player-artist{
    color:#9E9E9E;
}
.waf-skin-dark .waf-player-artist{
    color:#9E9E9E;
}

.waf-fixed-music-waveform-holder{
    position:relative;
    display:flex;
    flex:1;
    margin:10px 30px;
}
.waf-player-right{
    position:relative;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    height:100%;
}
.waf-right-controls{
    margin-right:20px;
}
.waf-volume-toggle .waf-btn{
    display:none;
}
.waf-player-outer-controls{
    position:absolute;
    right:0;
    top:-35px;
    width:70px;
    height:35px;
}
.waf-player-outer-controls button{
    position:relative;
    width:35px;
    height:35px;
    float:left;
    cursor:pointer;
    left:0;
    top:0;
    z-index:2;
}
.waf-hidden {
    opacity:0; 
}
.waf-visible {
    opacity:1;
    transition:opacity 500ms ease-out;
}




@media screen and (max-width:1024px) {
    .waf-player-holder{
        height:100px;
    }
    .waf-player-left{
        height:50px;
    }
    .waf-playback-controls{
        height:50px;
    }
    .waf-player-right{
        position:absolute;
        height:50px;
    }
    .waf-fixed-music-waveform-holder{
        height:40px;
        top:55px;
        left:0;
        position:absolute;
        right:0;
        margin:0 30px;
    }
    .waf-fixed .waf-music-download,
    .waf-fixed .waf-volume-wrap{
        display:none;
    }
}
@media screen and (max-width:700px) {
    .waf-prev-toggle{
        display:none;
    } 
}
@media screen and (max-width:500px) {
    .waf-player-title-wrap{
        max-width:200px;
    }
    .waf-playback-controls{
        display:none;
    } 
}
@media screen and (max-width:400px) {
    .waf-prev-toggle,
    .waf-next-toggle{
        display:none;
    }
}





.waf-search-filter-hidden{
    display:none!important;
}








.waf-force-hide{
    display:none!important;
}
.waf-force-show{
    visibility:hidden!important;
    display:block!important;
}



.waf-product-popup-visible{
    opacity:1;
}










.upimg_rslides_tabs {background-color:#FFFFFF !important;}
.upimg_rslides_tabs .upimg_rslides_here a {background-color:#FFFFFF !important;}
.callbacks .caption {border-top-color:#FFFFFF !important;color:#FFFFFF !important;}