* {
    -webkit-overflow-scrolling: touch;
}
/* clearfix */
.clearfix:before,
.clearfix:after {content:" "; display:table; height:0; font-size:0; line-height:0; visibility:hidden;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

/* Font */
.font-proxima-nova{
    font-family: 'proxima-nova', sans-serif;
}

/* Background Color */
.bgcolor2{
    background-color: #2B2B2B;
}

/* Menu icon */
.navicon-button {
    margin-top: 10px;
    display: inline-block;
    position: relative;
    padding: 10px 10px 10px 0;
    transition: 0.25s;
    cursor: pointer;
    user-select: none;
    /* opacity: .8; */

    text-decoration: none;
}

.navicon-button #menuTitle{
    margin-left: 50px;
    margin-top: -12px;
    font-weight: 900;
    font-size: 18px;
    color: #000;
}

.navicon, .navicon_w {
    position: relative;
    width: 2em;
    height: 3px;
    border-radius: 2.5rem;
}
/* .navicon { background:#000; } */
.navicon { background:#fff; }
.black_bg .navicon, .navicon_w, .message_page .navicon, body.is-live .navicon { background: #fff; }
.message_page .schedule-icon { color: #fff; }
.schedule-icon.within-live {
    z-index: 10001;
    left: 37px;
    top: 31px;
    position: fixed;
}


.navicon:before, .navicon:after, .navicon_w:before, .navicon_w:after {
    display: block;
    content: "";
    height: 3px;
    width: 2em;
    position: absolute;
    z-index: -1;
    border-radius: 1rem;
}
/* .navicon:before, .navicon:after { background:#000; } */
.navicon:before, .navicon:after { background:#fff; }
.navicon_w:before, .navicon_w:after, .black_bg .navicon:before, .black_bg .navicon:after, 
.message_page .navicon:before, .message_page .navicon:after, body.is-live .navicon:before, body.is-live .navicon:after { background: #fff; }
body.message_page #results_container { max-width:979px; margin:0 auto; }
.navicon:before, .navicon_w:before {
    top: .625rem;
}

.navicon:after, .navicon_w:after {
    top: -.625rem;
}

/* End menu icon */

/* Mobile church site link */

#mobile_church_site_link i:before{
    margin-left: 0;
}

#menu_sublist_title{
    margin: 17px auto 0 auto;
    font-size: 18px;
    font-weight: 900;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
}
#tab_nav { position: relative; }
body.is-live #playlist_wrapper {
    display: none;
} 
body.is-live #tab_nav, body.message_page #tab_nav {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}
#filter_view_tabs.menuActive #menu_sublist_title,
#mobile_church_site_link,
#filter_view_tabs.details_menu #menu_sublist_title,
#menu_sublist_title.nodisplay{
    display: none;
}

/* Spacing */
.spacer{
    height:20px;
    font-size:20px;
    clear:both;
}

.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}

.bold{
    font-weight: 900;
}

.hidden{
    visibility: hidden;
}

.nodisplay{
    display: none!important;
}

.center{
    text-align: center;
}

.custom_checkbox{
    font-weight: 100;
    font-size: 12px;
    color: #FFF;
    width: 15px;
    height: 15px;
    text-align: center;
}

.custom_checkbox.floatLeft{
    margin-right: 10px;
}

.custom_checkbox.floatRight{
    margin-left: 10px;
}

.custom_checkbox.checked:after {content:"x";}


/*------------
* The main layout elements
*/
body {
    margin:0px;
    padding:0px;
    /*background-color:#fbfbfb;*/
    /*background-color:#f5f5f5;*/
    background-color:#fff;
    max-width: 100vw !important;
    font-family: "Arial", "Lucida Sans", sans-serif;
    letter-spacing:0px;
    width: 100%;
    height: 100%;
    overflow-y:scroll;
    /* overflow-x: hidden; */
}

#all_content{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index:2;
    background-color:inherit;
    overflow:hidden;
    transform: translate3d(0, 0px, 0px) !important;
    -webkit-transform: translate3d(0, 0px, 0px) !important;
    -moz-transform: translate3d(0, 0px, 0px) !important;
    -ms-transform: translate3d(0, 0px, 0px) !important;    
}

.black_bg { background-color:#000; }
.black_bg #toggleMenu { opacity:1; }
.black_bg .navicon-button #menuTitle, .black_bg .no_media_items,
.black_bg #filter_view_tabs > ul > li a,
.black_bg #menu_sublist_title,
.black_bg #pagination,
.black_bg #media_above_info,
.black_bg #prev_next_messages,
.black_bg #prev_next_messages a,
.black_bg .filter_grid_title,
.black_bg .slide_menu_holder a, .black_bg .slide_menu_holder a.clear, .black_bg #no_results_msg, .message_page #no_results_msg { color:#fff; }
.black_bg #prev_next_messages a.inactive { color:#737272; }
.black_bg .pagination_wrap .pagelink_spin_left div, .black_bg .pagination_wrap .pagelink_spin_right div{
    background:url(../images/gif-load-black.gif) no-repeat;
    background-size:30px;
}

.message_page .slide_menu_holder a.clear { color:#000; }
.message_page .searchHolder, .message_page .slide_menu_holder a { color:#fff; }
.message_page .slide_menu_holder a.active { color:#000; }
.black_bg #slide_menu_list a { color:#959494; }
.black_bg .thumbnail_rollover { background-color:#282828; }
/* Logged in users pages are not mobile friendly */
#all_content.loggedin #content_container{
    width: 1200px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#content_container {
    width: 100%;
    max-width:1200px;
    margin:0px auto 0px auto;
    padding-top:0px;
    xbackground-color:#F4F4F4;
    /* margin-top:20px; */
}

#tab_nav { /* margin-top:20px; */ }

a#radioscribe_topbar {
    width:100%;
    height:148px;
    display:block;
    background-color:#dedad9;
}
a#radioscribe_topbar .left, a#radioscribe_topbar .right {
    width:50%;
    height:148px;
    z-index:-1;
    position:absolute;
    top:0px;
}
a#radioscribe_topbar .left { left:0px; background-color:#4f008f; }
a#radioscribe_topbar .right { right:0px; background:linear-gradient(#85008f, #990090); }
a#radioscribe_topbar .banner_holder {
    z-index:1;
    height:148px;
    background:url(../images/vhc-top-banner.png) no-repeat center center;
    margin:0 auto;
}

#top_bar {
    background-color:#000;
    /* margin-bottom: 20px; */
    width:100%;
    /* min-height:130px; */
    text-align: center;
    overflow: hidden;
    position: relative;
    background-repeat:no-repeat;
    background-position: top center;
    background-size: auto 100%;
}
#top_bar a { display:block; width:100%; }
#top_bar .fader { position:absolute; z-index: 50; width: 100%; height: 100%; pointer-events:none; }
#top_bar.nprogress-custom-parent { overflow:visible; }
#top_bar #nprogress .bar { bottom:-4px; top:auto; }
#content_header{
    border: 0;
    display:block;
    position: absolute;
    left: -9999px;
    right: -9999px;
    margin:0px auto;
    min-height:130px;
}

#hiddenHeaderImg{
    display: block;
}

#leave_container{
    width: 100%;
    text-transform: uppercase;
    margin: 25px auto 30px auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
}

/* Leave link at the top of the page */
#backToChurchWebsite{
    text-decoration: none;
    color: #FFF;
    font-weight: 900;
}

#backToChurchWebsite i:before{
    font-size: 17px;
    margin-left: -5px;
    padding-right: 10px;
    vertical-align: middle;
    padding-top: -2px;
}

#backToChurchWebsite_text{
    position: relative;
    top: 1px;
}

#main_content {
    padding:0px;
    height:auto;
    float:left;
    width: 100%;
    margin-left: 0;
    position: relative;
}
#direct_link { display:block; width:378px; height:199px; margin:0 auto; }
#direct_link img { margin:30px 0px 30px; }
.direct_link { height:150px; background-color:#232323; text-align:center; margin:35px 0px 14px 0px; color:#fff; }
.direct_link .dl_big_title { font:bold 41px Arial; line-height:41px; padding-top:52px; }
.direct_link .dl_subtitle { font-size:12px; line-height:12px; margin-top:5px; }
.direct_link a { color:#fff; }

#superuser_menu {
    border-bottom: 1px solid #ab241d;
    background: #e83d31;
    -webkit-font-smoothing: subpixel-antialiased;
    position:absolute;
    width:100%;
    bottom:0px;
    height:20px;
}
#superuser_menu div {
    width: 1200px; margin: 0 auto; padding: 3px 0;
    font-family: sans-serif; font-size: 75%;
    color: #ffffff;
}
#superuser_menu div span { font-weight:bold; }
#superuser_menu a { color:#fff; font-size:90%; }

/* Editor top info */
#editor_info_top_wrapper {
    position:relative;
    width:100%;
    padding:22px 0px 16px 0px;
    background-color:#fff;
    z-index:103;
    margin-bottom:44px;
}
#editor_info_top_wrapper > div { width:1200px; margin:0 auto; }
#editor_info_top_left{
    font-size: 13px;
    text-transform: uppercase;
}

#editor_info_top_left i:before{
    margin-left: 0;
    margin-right: 10px;
    color:#000;
}
#editor_info_top_left div {
    float:left;
    margin-right: 48px;
}
#editor_info_top_left .invisible_text {
    line-height: 25px;
}
#addMedia, .streams_list{
    text-decoration: none;
    color: #FFF;
    font-size: 12.5px;
    padding: 10px;
    border-radius: 10px;
    margin:-3px 0px 3px 0px;
}
.streams_list {
    background-color: #000;
    position: absolute;
    top: 0px;
    right: -90px;
    height: 34px;
    box-sizing: border-box;
    font-size: 11px;
    padding-left:30px;
    line-height: 15px;
}
.streams_list span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #c20303;
    display: inline-block;
    position: absolute;
    left:10px;
}

/*
 * Links at top of page
 */

#filter_view_tabs{
    position: relative;
    margin-top: 1px;
    margin-bottom: 10px;
    text-align: center;
    height: 60px;
    margin-top:21px;
}

#filter_view_tabs.loggedin{
    margin-top: 10px;
}

#toggleMenu{
    position:absolute;
    top:27px;
    left:34px;
    z-index:101;
}
.schedule-icon {
    cursor: pointer;
    position: absolute;
    left: 80px;
    top: 34px;
    right: auto;
    z-index: 101;
}
.schedule-icon:before {
    margin-left: 0px !important;
    font-size:30px !important;
}
#menu_wrapper, .searchHolder  {
    position: absolute;
    /* top: 887px; */
}
body.loggedin #menu_wrapper, body.loggedin .searchHolder {
    position: relative !important;
    top: 0px !important;
}
body.loggedin.message_page .navicon, body.loggedin.message_page .navicon:after, body.loggedin.message_page .navicon:before {
    background: #fff;
}
body.loggedin.message_page .searchHolder, body.loggedin.message_page .slide_menu_holder a {
    color: #fff !important;
    z-index: 3;
}
ul#large_menu, #slide_menu_list, .schedule_menu {
    width:252px;
    position:fixed;
    height:100%;
    margin:0;
    background-color:#030303;
    padding:0px;
    z-index:1032;
    opacity:0;    
}
.schedule_menu {
    z-index: 10002;
    background-color: #171717;
}
ul#large_menu, .schedule_menu { width:358px; }
ul#large_menu, .schedule_menu { left:-358px; list-style-type: none; }
#slide_menu_list { right:-252px; font-family:proxima-nova; }
ul#large_menu li a {
    color:#fff;
}
ul#large_menu li.live a span {
    background-color: red;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 12px;
}
ul#large_menu li a, #slide_menu_list a { text-decoration:none; }
ul#large_menu li a:not(#mainMenuClose) { font-size:37px; height:62px; line-height:62px; padding-left:67px; font-weight:300; }
ul#large_menu li a:hover { color:#646363; }
#slide_menu_list a:not(#filterMenuClose):hover { color:#fff; }
.menu_close_wrapper { height:85px; }
ul#large_menu #mainMenuClose, .schedule_menu .scheduleMenuClose, #slide_menu_list #filterMenuClose, #search_bar #searchMenuClose { margin:26px 35px 0px 0px; font-weight:normal; }

ul#large_menu #mainMenuClose .flaticon-cross37:before, #slide_menu_list #filterMenuClose .flaticon-cross37:before, 
#search_bar #searchMenuClose .flaticon-cross37:before, .schedule_menu .scheduleMenuClose .flaticon-cross37:before { font-size:24px; }

#search_bar #searchMenuClose { text-decoration:none; position:absolute; top:0px; right:0px; }
#search_bar #searchMenuClose .flaticon-cross37:before { color:#141414; }
#slide_menu_list > div.nano-content { padding:32px 160px 0px 43px; box-sizing:border-box; }

.schedule_menu .events-wrapper {
    color: #fff;
    padding-left: 67px;
    margin-top: -30px;
}
.schedule_menu .events-wrapper i {
    
}
.schedule_menu .events-wrapper i:before {
    margin-left: 0px;
}
.schedule_menu .events-wrapper .date {
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    background-color: #528d7f;
    margin-left: -67px;
    padding-left: 67px;
    margin: 20px 0 10px -67px;
}
.schedule_menu .events-wrapper .event {
    position: relative;
    margin: 15px 0 15px 0;
    padding-left: 55px;
}
.schedule_menu .events-wrapper .speaker-img {
    width: 45px; 
    height: 45px;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
}
.schedule_menu .event .time {
    margin-top: 2px;
}
.schedule_menu .event .time span {
    font-weight: bold;
}
.schedule_menu .event .time > * {
    vertical-align: middle;
}

/* By default, the menu appears for logged in users */
#filter_view_tabs.loggedin #toggleMenu{
    display: none;
}

#filter_view_tabs.loggedin ul#large_menu{
    display: inherit;
}

/* Reposition for when logged in */
#filter_view_tabs.loggedin > ul > li{
    margin-right: 20px;
}

#filter_view_tabs > ul > li{
    display: block;
    margin-right: 40px;
    float: left;
}

#filter_view_tabs > ul > li.nodisplay{
    display: none;
}

ul#large_menu > li:last-child{
    margin-right: 0;
}

#filter_view_tabs > ul > li a{
    text-decoration: none;
    font-size: 20px;
    color: #2C2C2C;
    text-transform: uppercase;
}

#filter_view_tabs > ul > li a:hover{
    font-weight: 900;
}

/* For series, category etc. submenu */

#details_menu_back{
    color: inherit;
    text-decoration: none;
    float: left;
    margin-top: 3px;
}

#details_menu_back i:before{
    font-size: 30px;
    margin-left: 0;
}

#subpage_view { width:100px; margin:0 auto; margin-top:9px; display:none; }
#subpage_view a { text-decoration:none; color:#c5c5c5; }
#subpage_view i:before { font-size:17px; margin-left:10px; }
#filter_view_tabs.details_menu #subpage_view { /* display:block; */ display:none; }

/* Ensure bold doesn't shift other elements */
#filter_view_tabs > ul > li a::after {
    display:block;
    content:attr(data-ref); /* This uses the data-ref attribute of the anchor */
    font-weight:900;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}

#filter_view_tabs > ul > li a.selected{
    font-weight: 900;
}

#filter_view_tabs > ul > li i:before{
    margin-left: 0;
    font-size: 15px;
    color: #CCC;
}
#filter_view_tabs > ul{
    padding-left: 0;
}

#filter_view_tabs.details_menu #toggleMenu,
#filter_view_tabs.details_menu ul#large_menu{
    display: none !important;
}

#filter_view_tabs.details_menu #details_menu_back{
    display: block;
}
/* .filter_grid_cell2 .col.actions a.toggle_invisible_link { */
.col.actions a.toggle_invisible_link {
    padding-top:2px;
    float: left;
    display:none;
    cursor:default;
}
.col.actions a.toggle_invisible_link.show { display: inline-block; }
.filter_grid_cell2 .col.actions a.toggle_invisible_link.show {
    display:block;
}
.toggle_invisible_icon {
    float:left;
    margin-right: 13px;
}
.toggle_featured_link, .share_link, .stats_link {
    color: inherit;
    text-decoration: none;
    color: #000;
}

.toggle_featured_link i:before,
.share_link i:before{
    margin-left: 0;
    font-size: 17px;
}

.box_icon_inner{
    display: table-cell;
    vertical-align: middle;
}

/* For administrators, the list of links is always visible, no matter the screen size */

#all_content.loggedin{
    transform: translate3d(0, 0px, 0px) !important;
    -webkit-transform: translate3d(0, 0px, 0px) !important;
    -moz-transform: translate3d(0, 0px, 0px) !important;
    -ms-transform: translate3d(0, 0px, 0px) !important;
}
.black_bg .slide_menu_holder { /* background:#000; */ }
.slide_menu_holder {
    position:absolute;
    right:32px;
    top:29px;
    height: 40px;
    /*width:15%;
    background:#fff; */
    width:10px;
    z-index: 100;
    user-select:none;
    float:right;
}
.slide_menu_holder .arrow {
    cursor: pointer;
    float:right;
    padding: 10px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slide_menu_holder .arrow:before {
    font-size:10px;
    margin:0px;
}
.slide_menu_holder .arrow:after {
    margin:0px;
}
.slide_menu_holder .list {
    float:right;
    display: none;
}
@media only screen and (min-width: 880px){
    .slide_menu_holder {
        width: 300px;
    }
    .slide_menu_holder .list {
        display: block;
    }
}
.slide_menu_holder a.clear {
    font-size: 11px;
    display: none;
    margin: 0px 10px 0 0;
    line-height: 42px;
    float:right;
}

.slide_menu_holder a {
    color:#000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 36px 0 0;
    line-height: 40px;
}
#slide_menu_list {
    right:-252px;
    /* overflow-y:scroll;
    -ms-overflow-style:none;        // IE 10+
    overflow:-moz-scrollbars-none; */  // Firefox
}
/* #slide_menu_list::-webkit-scrollbar { display:none; } */
#slide_menu_list div.nano-content {
    margin-right:-80px;
    z-index:-1;
}

#slide_menu_list a:not(#filterMenuClose) {
    white-space:nowrap;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px;
    color:#9e9e9e;
    text-transform:uppercase;
    line-height:14px;
    margin-bottom:22px;
}
#custmedia_frame {
    width: 660px;
    margin:0px auto;
    background: none;
}
#close_custom_player {
    position: fixed;
    top:32px;
    right: 37px;
    z-index: 10001;
    cursor: pointer;
}
#close_custom_player:before {font-size: 28px; color:#adadad; }
#close_custom_player:hover:before {font-size: 32px; color:#fff; }

.custom_player_title {
    font-size: 25px; 
    width: 90%;
    margin-left: 5%;
    height: 25px;
    line-height:25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    color: #fff; 
}
.custom_player_speaker {font-size: 16px; font-weight: normal; text-align: center; color: #fff; margin: 10px 0 15px 0 !important;}
#media_above_info {
    margin-bottom: 0px !important;
}

.audio_above_info .custom_player_speaker {margin: 10px 0 25px 0 !important;}
.custom_player_background {width:720px; height:405px; margin: 0px auto; background: #000; position: relative; border-radius:7px; }
.custom_player_background .fader {position: absolute; z-index: 50; width: 100%; height: 100%; opacity: 1.0}
/* For mobile phones (slideout menu) */

.message_header_inner .sermon-data-left:not(.is-stream) .title {
    padding-top: 21px;
}
.live-desc {
    margin-top: 20px;
    font-weight: normal;
    color: #fff;
    display: none;
    text-align: center;
}
.live-desc div {
    width: 100%;
    max-width: 989px;
    margin: 0 auto;
    padding: 0px 30px 100px 30px;
    box-sizing: border-box;
    margin-top: -80px;
}
.chat-messages {
    padding-right: 20px;
}
.chat-messages .chat-message {
    margin-bottom: 20px;
    padding-left: 55px;
    position: relative;
}
.chat-messages .chat-message > span {
    font-weight: 700;
    display: inline-block;
}
.chat-messages .chat-message > span > span {
    display: inline-block;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    background-color: #ececeb;
    border-radius: 6px;
    margin-left: 10px;
    text-align: center;
    padding: 0 10px;
    font-weight: normal;
    vertical-align: text-top;
    margin-top: 1px;
}
.chat-messages .chat-message > div:not(.avatar) {
    display: inline-block;        
    position: relative;
}
.chat-posts {
    padding: 0 10px;
}
.chat-posts-dropdown-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: -26px;
}
.chat-tab .chat-posts-dropdown-wrapper select {
    width: calc(100% - 20px);
    margin: 0 10px;
}
.chat-posts > div {
    background-color: #ececeb;
    border-radius: 10px;
    padding: 10px 25px;
    text-align: left;
    color: #000;
    font-size: 16px;
    position: relative;
}
.chat-posts > div .post-btn {
    border-radius: 10px;
    text-align: center;
    height: 29px;
    line-height: 29px;
    padding: 0 22px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    display: inline-block;
}
.chat-posts > div:not(:last-child) {
    margin-bottom: 10px;
}
.chat-tab {
    position: relative;
    padding-bottom: 70px;
}
.chat-tab.chat-inputs {
    background-color: #fff;
    display: block;
    position: absolute;
    top: 78px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
    padding: 0 10px 20px 10px;
    left: 0;
    right: 0;
}
.chat-tab.chat-inputs i {
    position: absolute;
    top: 24px;
    right: 60px;
}
.chat-tab input[type="text"] {
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #ececeb;
    border-radius: 15px;
    display: inline-block;
    outline: none;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 19px;
    font-size: 15px;
}
input.chat-name {
    width: 28%;
    float: left;
    margin-right: 2%;
}
input.chat-message {
    width: calc(70% - 38px);
    float: left;
    padding-right: 60px!important;
}
.chat-inputs .chat-send-heart {
    position: absolute;
    top:19px;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background-color: #ececeb;
    color: red;
    text-decoration: none;
    font-size: 22px;
    font-family: Arial;
    padding: 2px 0px 0px 1px;
    box-sizing: border-box;
}
.stream-sidebar-content .chat-tab > div > span {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 3;
    color: red;
    font-size: 22px;
    font-family: Arial;
}
.chat-message .chat-like-wrapper {
    position: absolute;
    bottom: 11px;
    right: 11px;
    height: 22px;
}
.chat-message.pending {
    opacity: 0.5;
}
.chat-message .chat-like-wrapper span {
    display: inline-block;
    background-color: #c20000;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
}
.stream-sidebar-content iframe {
    width: 100%;
    /* height: 1000px; */
    height: 5000px;
    border: 0;
}
.chat-tab i {
    cursor: pointer;
}
.stream-sidebar .chat-tab i:before {
    color: #a9a9a9;
}
.chat-tab i:hover:before {
    color: #000;
}
.stream-main {
    float: left;
    width: 64%; 
    margin-left: 1%;
}
.stream-sidebar {
    float: right;
    width: 32%;
    margin-right: 1%;
    border-radius: 10px;
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
}
.stream-sidebar-header i {
    cursor: pointer;
}
.stream-sidebar-header i:before {
    margin: 0 3%;
}

.stream-sidebar-content {
    background-color: #fff;
    height: 500px;        
    overflow-y: auto;
    position: relative;
}
.stream-sidebar-content > div {
    display: none;
    color: #000;
    padding: 10px;
    font-size: 16px;
    text-align: left;
}
.stream-sidebar-content > div.chat-tab {
    padding: 20px 0 20px 20px;
}
.stream-sidebar-content > div.chat-tab > div:first-child {
    /* margin-top: 60px;
    height: 400px; */
    height: 50px;
    overflow: hidden;
    overflow-y: auto;
}
.stream-sidebar-content > div.notes-tab.text-notes, .stream-sidebar-content > div.song-tab.text-song {
    padding: 30px;
}
.stream-sidebar-content > div span.event-text {
    font-size: 15px;
}
.live-banners-front-wrapper {
    margin-bottom: 25px;
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    padding: 0 1%;
    margin-top: 10px;
}
.live-banners-front-wrapper a {
    display: inline-block; 
}
.live-banners-front-wrapper a img {
    width: 98%;
    border-radius: 10px;
}
.live-banners-front-wrapper a.w_100 img {
    width: 100%;
}
.live-banners-front-wrapper a.w_50 img {
    border-radius: 7px;
}
.live-banners-front-wrapper a.w_33:first-child, .live-banners-front-wrapper a.w_50:first-child {
    text-align: left;
}
.live-banners-front-wrapper a.w_33:last-child, .live-banners-front-wrapper a.w_50:last-child {
    text-align: right;
}
.live-banners-front-wrapper a.w_33 img {
    border-radius: 5px;
}
.message_header_inner.is-stream > div.clearfix {
    margin-top: 60px;
}
.message_header_inner .stream-sidebar-content .events-wrapper > div {
    padding-left: 20px;
}
.message_header_inner .stream-sidebar-content .date {
    height: 44px;
    line-height: 44px;
    color: #fff;
    position: relative;
}
.message_header_inner .stream-sidebar-content .date:not(:first-child) {
    margin-top: 60px;
}
.message_header_inner .stream-sidebar-content .date span:last-child {
    position: absolute;
    top: 0px;
    right: 20px;
}
.message_header_inner .stream-sidebar-content .event {
    min-height: 68px;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 120px;
}
.message_header_inner .stream-sidebar-content .event.even {
    background-color: #f5f5f5;
}
.message_header_inner .stream-sidebar-content .event span:last-child {
    position: absolute;
    font-weight: bold;
    right: 20px;
    margin: auto;
}
.chat-messages .chat-message .avatar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.live-label-wrapper {
    text-align: left;
    float: left;
    width: auto;
    padding-left: 2%;
}
.live-people-wrapper {
    float:right;
    margin-top: 19px;
    height: 23px;
}
.live-people {
    position: relative;
    padding-left: 31px;
    margin-top: 2px;
    display: inline-block;
    height: 17px;
}
.live-people i {
    vertical-align: middle;
    margin-right: 10px;
    font-weight: normal;
    position: absolute;
    top: -2px;
    left: 0px;
    line-height: 1;
}
.live-people i:before {
    margin-left: 0px;
}
.live-people span {
    font-size: 14px;
    vertical-align: middle;
}
.live-menu-wrapper {
    position: absolute;
    width: 80px;
    top: 0;
    left: 50%;
    z-index: 3;
    height: 25px;
    display: none;
    user-select: none;
}
.live-menu-wrapper > div {
    background-color: #fff;
    width: 100%;
    margin-left: -50%;
    text-align: center;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.live-menu-wrapper > div > span {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
}
.media_frame_info_holder .countdown-wrapper, .topbar-countdown-wrapper .countdown-wrapper {
    height: 41px;
}
.media_frame_info_holder .countdown-wrapper {
    text-align: left;
    padding-left: 2%;
}
.view_more_in_series {
    height: 40px;
    text-align: center;
    position: absolute;
    bottom: -20px;
    width: 100%;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}
@media only screen and (max-width: 940px){
    .view_more_in_series {
        height: 30px;
        bottom: -15px;
        line-height: 30px;
        font-size: 10px;
    }
}
.topbar-countdown-wrapper {
    cursor: pointer;
}
.topbar-countdown-wrapper .countdown-wrapper {
    height: 62px;
    line-height: 62px;
    text-align: center;
    color: #fff;
    background-color: #000;
}
.media_frame_info_holder .countdown, .media_frame_info_holder .live-label, .topbar-countdown-wrapper .countdown, .topbar-countdown-wrapper .live-label {
    font-size: 15px;
    font-weight: normal; 
    margin-top: 20px;
    display: inline-block;
}
.topbar-countdown-wrapper .countdown, .topbar-countdown-wrapper .live-label {
    margin-top: 0px;
    font-size: 19px;
}

.media_frame_info_holder .countdown {
    color: #fff;
}

.live-label {
    margin-right: 40px;
}
.live-label span {
    background-color: red;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    vertical-align: middle;
    margin: -3px 10px 0 0;
}
.topbar-countdown-wrapper .live-label span {
    width: 16px;
    height: 16px;
}
.media_frame_info_holder .countdown span, .topbar-countdown-wrapper .countdown span {
    font-weight: 700;
}
.live-label.mobile {
    display: none;
}
@media only screen and (max-width: 940px){
    .stream-main, .stream-sidebar {
        width: 94%;
        margin: 0 auto;
        float: none;
    }
    .message_header_inner.is-stream > div.clearfix {
        margin-top: 3%;
    }
    
    .stream-sidebar {
        margin-top: 20px;
        margin-bottom: 2%;
    }
    
    .sermon-data-left.is-stream.is-live {
        margin-top: -35px;  
    }
    
    .message_header_inner .sermon-data-left.is-stream .date {
        margin-bottom: 0px;
    }
    
    body.is-live .navicon-button {
        display: none;
    }
    
    body.is-live .live-menu-wrapper {
        display: block;
    }
    
    .live-banners-front-wrapper {
        padding: 0;
        width: 100%;
    }
    .live-banners-front-wrapper a {
        width: 94%!important;
        margin: 0px auto 10px auto;
    }
    .live-banners-front-wrapper a img {
        width: 100%;
    }
    .live-label-wrapper {
        padding-left: 0;
        float: right;
    }
    .message_header_inner.view-live .live-label:not(.mobile) {
        display: none;
    }
    .live-label.mobile {
        display: inline-block;
    }
    .message_header_inner .title {
        width: 100%;
    }
    .message_header_inner .is-stream.is-live .title {
        width: auto;
        padding-right: 85px;
    }
    .message_header_inner .is-stream .title {
        letter-spacing: 0.2px;
    }
}
    
    

@media only screen and (min-width: 1000px){

    #mobile_menu{
        display: none;
    }

    /*#all_content{
        transform: translate3d(0, 0px, 0px) !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
        -moz-transform: translate3d(0, 0px, 0px) !important;
        -ms-transform: translate3d(0, 0px, 0px) !important;
    }*/
    #box_description_inner_panel_1 { margin-bottom:29px; }
}
@media only screen and (max-height: 570px){
    .lightbox_container {
        top: 70px !important;
    }
}
@media only screen and (max-width: 480px){

    .navicon-button #menuTitle {
        margin-left: 45px;
    }

    #filter_view_tabs {
        margin-top: 21px;
        margin-bottom: 20px;
    }
    .slide_menu_holder .list {
        margin-right: 0px;
    }
    .slide_menu_holder a {
        margin-right: 20px;
    }
    #slide_menu_list {
        margin: 0 0 12px 0;
    }
}


/*-----------------------------------
* Styles for logged-in-only elements
*/
#user_headerbar_container {
    height:88px;
    padding-top:42px;
    /* margin-bottom:22px; */
    position:relative;
    background-color:#fff;
    z-index:103;
}
#user_headerbar_content {
    width: 1200px;
    max-width: 1200px;
    margin:0 auto;
    color:#000;
    height:37px;
    padding-right:7px;
    font:bold 14px Arial;
    text-align:right;
    position:relative;

}
#user_headerbar_container #logo_backend {
    width:416px;
    height:46px;
    position:absolute;
    top:-15px; left:-58px;
    cursor:default;
}
#user_headerbar_content > div, #user_headerbar_content > a {
    display:inline-block;
    cursor:pointer;
    height:37px;
    position:relative;
    margin-left:25px;
    color:#000;
    text-decoration:none;
}
#user_headerbar_content > div img, #user_headerbar_content > a img { position:relative; top:12px; margin-left:9px; }
#edit_mode_theme_color img { transform:rotate(180deg); }
#user_headerbar_title {
    float:left;
    width:400px;
    margin-top: 38px;
}
#user_headerbar_divider {
    float:left;
    width:55px;
    text-align:center;
    color:#828282!important;
    font-size:20px;
    line-height:130px;
    padding-right:5px;
}
#user_headerbar_stats {
    float:left;
    font-size:13px;
    font-weight:bold;
}
#user_headerbar_stats > div > span.color1 {
    position:relative;
    top:3px;
    left:4px;
    display:inline-block;
    font-size:23px;
}
#user_headerbar_stats > div {
    line-height:14px;
    margin-top:55px;
}
#user_headerbar_statslink span {
    letter-spacing:0px;
    font-size:8px;
    line-height:8px;
    color:#828282;
    position:absolute;
    bottom:0;
    left:1px;
    margin-bottom:-7px;
    text-transform:uppercase;
    text-decoration:underline;
}

#stats_loading_indicator{
    display: none;
    margin-bottom: -5px;
}

#user_headerbar_optionsbox {
    float:right;
    width:260px;
}
#user_headerbar_options_top {
    background-color:#FFFFFF;
    color:#000000;
    height:55px;
    font-size:14px;
    line-height:55px;
    font-weight:bold;
    text-align:center;
}
#user_headerbar_options_bottom {
    height:75px;
    line-height:75px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
}
#user_headerbar_options_bottom > div {
    display:inline-block;
    cursor:pointer;
}
#user_headerbar_options_bottom img {
    position:relative;
    top:10px;
}
#user_trialtime_content{
    width: 1150px;
    margin: 10px auto 60px auto;
    color: #333;
    line-height:15px;
    position:relative;
    z-index:104;
}
#trial_countdown{
    font-weight: 900;
}
#trial_msg{

}
#sign_up_link{
    text-decoration: underline;
    font-size: 12px;
    color: #333;
}
#sign_up_link:hover{
    text-decoration: none;
}



/*---------------------------------
* The main_content div doesn't contain
* its children properly and therefore
* we are faking it by giving its children
* borders that make it look like the
* main_content element is wrapping around
* them.
*/

#account_settings_tabs div.tab.tabselected {
    cursor:default!important;
}
#account_settings_tabs div {
    float:left;
    margin-right:4px;
    width:95px;
    height:48px;
    background-color:#000;
    text-indent:10px;
    line-height:62px;
    color:#fff;
    cursor:pointer;
    font-family:proxima-nova;
    font-weight:600;
    font-size:14px;
    user-select:none;
}
#account_settings_tabs div:last-child { margin-right:0px; }



/*-------------------------------------------
* The media container / video player view
*/
#media_container {
    margin-top: 0px;
    height:auto;
    font-size:12px;
    position: relative;
}

/* Elements above the media player */
#media_above_info{
    margin:0 0 10px 0;
    color: #2C2C2C;
    font-size: 13px;
    text-align: center;
    position: relative;
}
.audio_above_info {
    margin:28px 0 29px 0 !important;
}
#media_above_left{
    position: absolute;
    left: 0;
    text-transform: uppercase;
    margin-top: 3px;
    font-weight: 900;
}

#media_above_center{
    position:absolute;
    top:-28px;
    right:39px;
    text-align:center;
    font-size:42px;
    line-height:15px;
    font-weight:bold;
    cursor:pointer;
}

#media_above_center a{
    color: inherit;
    text-decoration: none;
    display:inline-block;
    vertical-align:top;
    text-transform:uppercase;
    font-size:11px;
    margin-left:30px;
    font-weight:bold;
}

#media_above_center a:hover { color:#000; }

#media_above_center > a > i:before{
    font-size: 16px;
    margin-left: 10px;
    line-height:16px;
}

#media_above_center > a > .flaticon-export1:before { font-size:21px; }
#media_above_center > a.media_share { }
#media_above_center > a.media_subscribe { }
#media_above_center > a.media_download { }

#media_actions_wrapper { position:fixed; background-color:#fff; height:235px; z-index:999; top:-235px; left:0px; width:100%; }
#media_actions_wrapper > div { position:absolute; }
div.section_wrapper { text-align:center; left:0px; right:0px; margin:0px auto; height:100%; display:none; }
#media_actions_wrapper > div.close, #share_data_wrapper > div.close, #share_email_wrapper > div.close {
    width:26px;
    height:26px;
    top:19px;
    right:24px;
    display:block;
    cursor:pointer;
    text-align:right;
}
#share_data_wrapper div.close, #share_email_wrapper div.close { position:absolute; display:none; }
#media_actions_wrapper > div.close i:before, #share_data_wrapper > div.close i:before, #share_email_wrapper > div.close i:before { color:#adadad; font-size:22px; top:0px; margin-left:0px; }
#media_actions_wrapper > div.close:hover i:before, #share_data_wrapper > div.close:hover i:before, #share_email_wrapper > div.close:hover i:before { color:#000; font-size:26px; }
.section_wrapper .label { font-size:15px; line-height:15px; text-transform:uppercase; font-weight:bold; }
.section_wrapper .label.main_header { margin:37px 0px 0px 0px; }
.section_wrapper .label.sub { font-size:13px; }
.section_wrapper div.actions_icons { margin-top:39px; text-align:center; }
.section_wrapper div.actions_icons > div { width:100px; height:97px; display:inline-block; position:relative; }
.section_wrapper div.actions_icons > div .label { position:absolute; bottom:0px; left:0px; width:100%; }
.section_wrapper .middle2 i:before { transform:scale(1.2,1.2); display:block; }
.section_wrapper a { text-decoration:none; }
.section_wrapper i:before { font-size:64px; margin-left:0px; }
.section_wrapper div.middle { margin:0px 40px 0px 30px; }
.section_wrapper .actions_icons > div { margin-right:40px; }
.section_wrapper .actions_icons > div:nth-last-child(1) { margin-right:0px; }
.section_wrapper div.middle2 { margin:0px 35px; }
.section_wrapper div.middle.no_embed, .section_wrapper div.middle2.no_embed { margin-right:0px; }
.section_wrapper div.middle2 { margin-left:50px; }
#share_data_wrapper, #share_email_wrapper { position:fixed; background-color:#fff; z-index:1000; top:0px; left:0px; width:100%; }
#share_data_wrapper .section_wrapper, #share_email_wrapper .section_wrapper { position:absolute; max-width:492px; margin-top:80px; height:auto;  }
#share_data_wrapper .section_wrapper .label, #share_email_wrapper .section_wrapper .label {  text-align:left; padding-left:5px; margin-bottom:11px; margin-top:0px; }
#share_data_wrapper textarea, #share_email_wrapper input {
    width:492px;
    border:none;
    background-color:#f2f2f2;
    padding:30px 37px;
    font-size:18px;
    outline:none;
    line-height:22px;
    margin-bottom:29px;
    resize:none;
    word-break:break-all;
    box-sizing: border-box;
}
#share_data_wrapper textarea#video_link, #share_data_wrapper textarea#audio_link { padding:14px 37px; }
#share_email_wrapper input { padding:14px 14px; }
#share_data_wrapper .section_wrapper a.label, #share_email_wrapper .section_wraper a.label { color:#000; margin-top:4px; display:block; text-align:right; }
#email_sent {display:none; }
#email_sent_msg { font-size:20px; margin-top:200px; text-align:center; font-weight:900; }
#share_email_wrapper #send_email{
    margin-left:5px;
    background-color:#2B2B2B;
    float:right;
    color:#FFFFFF;
    width:80px;
    height:37px;
    line-height:37px;
    text-align:center;
    text-decoration: none;
    font-size:16px;
}
#share_email_wrapper #cancel {
    margin-left:5px;
    float:right;
    width:50px;
    height:37px;
    line-height:37px;
    text-align:center;
    color:#737272;
    font-size:16px;
}
.email_share_note { font-size:12px; text-align:left; }
.email_share_note span { font-weight:bold; }
#media_above_center > a > i:hover {
    color:#000;
}
.black_bg #media_above_center > a > i:hover { color:#fff; }
.black_bg #media_above_center > a:hover { color:#fff; }

#media_above_center > a:first-child {
    margin-left: 0;
}

#media_type_select{
    margin-top: 10px;
    font-size: 12px;
    display: none;
}

.share_type {
    color: inherit;
    text-decoration: none;
}

#media_views{
    display: block;
    float: left;
    margin-right: 30px;
    margin-top: 2px;
    font-weight: 900;
}

#tab_back{
    cursor: pointer;
}

#tab_back:before{
    position: relative;
    top: -2px;
}

#media_above_right{
    position: absolute;
    right: 0;
}



/*----------------------
* This is the area that
* actually contains the media
*/
#media_frame {
    /* background-color:#000000; */
    margin:0px;
    width: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top:0px;
}

#media_frame.embed{
    height: 456px;
    position: relative;
}

#media_frame.embed #audio_player_holder{
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#media_frame.audio_media_frame #audio_player_holder{
    position: absolute;
    bottom: 0;
    left: 0;
}
#media_frame iframe {
    width:100%;
}

#media_frame_img{
    width: 100%;
    /* height: 575px;  Defaut height while it's loading */
    display: block;
}

#message_gfx_bar {
    position:absolute; 
    /* left:-200%;
    width:400%;
    display:none; */ 
    width:100vw; 
    margin-left:-50vw; left:50%; 
    height:565px; 
    z-index:-1; 
    top:0;
    overflow:hidden;
}
#message_gfx_bar > div {
    height:565px;
    background-size:cover;
}
#media_frame > #message_gfx_bar { margin-top:-40px; }

.media_frame_info_holder {
    position:relative;
    margin:0;
    padding:0;
}
.media_frame_info_holder:not(.popup_player_wrapper) {
    width:100vw;
    margin-left:calc(-50vw + 50%);
}
.media_frame_info_holder .message_header { font-family:proxima-nova; font-weight:bold; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden; position:relative; }
.media_frame_info_holder .message_header.fixed_height { height:825px; }
.media_frame_info_holder .message_header.fluid_height {  }
.media_frame_info_holder .message_header .message_header_overlay { position:absolute; top:0px; left:0px; width:100%; background-color:#000; z-index:1; }
.media_frame_info_holder .message_header.fixed_height .message_header_overlay { height:900px; }
.media_frame_info_holder .message_header.fluid_height .message_header_overlay { padding-bottom:57%; }
.media_frame_info_holder .message_header .message_header_inner {
    width:989px;
    text-align:center;
    z-index:2;
    transform-origin:0 0;
    color:#fff;
    position:absolute;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    letter-spacing:0.8px;
}
.message_header_inner .title { font-size:27px; line-height:27px; padding-top:10px; }
.message_header_inner .sermon-data-left .date { font-size:14px; line-height:14px; margin-top:13px; margin-bottom:20px; font-weight:normal; }
.message_header_inner .extra { margin-top: 20px; min-height: 22px; }
.message_header_inner .extra span {
    display: inline-block;
    font-size: 10px;
    padding: 0 12px;
    height: 22px;
    line-height: 22px;
    background-color: #252525;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    border-radius: 11px;
    margin-right: 3px;
    
}
.message_header_inner .sermon-data-left {
    float: left;
    width: 60%;
    padding-left: 2%;
    text-align: left;
}
.message_header_inner .sermon-data-left.is-stream {
    width: 100%;
}
.message_header_inner .sermon-data-right {
    float: right;
    width: 35%;
    text-align: right;
    padding-right: 2%;
    padding-top: 25px;
}
.message_header_inner .sermon-data-right i:before, .lists-wrapper .streams-list-table i:before {
    color: #000;
}
.message_header_inner .sermon-data-right > span {
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    vertical-align: top;
    font-size: 14px;
}
.message_header_inner .sermon-data-right > span:not(:first-child) {
    margin-left: 15px;
}
.message_header_inner .sermon-data-right > span > span {
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 5px;
}
.message_header_inner .sermon-data-right > span > span i {
    color: #000;
}
.message_header_inner .sermon-data-right > span > span i.flaticon-close-cross:before {
    font-size: 18px;
}
.message_header_inner .sermon-data-right > span > span i.flaticon-speaker:before {
    font-size: 22px;
}
.message_header_inner .sermon-data-right > span > span i:before {
    margin-left: 0px;
    line-height: 58px;
    font-size: 20px;
}
.message_header_inner div.message_bg_wrapper {
    width:100%;
    border-radius:10px;
    padding-bottom:56.25%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.message_bg_wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.message_bg_wrapper .col.actions, .filter_grid_cell2 .col.actions {
    position:absolute;
    top:3px;
    /* right:-96px; */
    right:-128px;
    padding:10px;
    width:auto;
    background-color:#fff;
    font-weight:normal;
}
.filter_grid_cell2 .col.actions { right:-43px; top:10px; }
.filter_grid_cell2 .col.actions a:not(.toggle_invisible_link) { display:block; }
.filter_grid_cell2 .col.actions > a.toggle_invisible_link { margin-right:-1px; }
.message_bg_wrapper .col.actions > a:not(.color1) i:before, .filter_grid_cell2 .col.actions > a:not(.color1) i:before { color:#000; }

.audio_video_icon_holder{
    width: 205px;
    height: 38px;
    background-color:#000;
    position: absolute;
    border-radius: 24px;
    padding:13px 5px 0 18px;
    bottom: 13px;
    left: 50%;
    margin-left: -114px;

}
.audio_video_icon_holder div.player_icon_label {
    color:#fff;
    font-size:14px;
    float:left;
    height:23px;
    line-height:23px;
    /* width:60px; */
    width:59px;
    margin-top:1px;
    padding-left:7px;
    font-weight:bold;
    cursor:pointer;
}

.audio_video_icon_holder.oneOption{
    width: 120px;
    margin-left:-71px;
}
.audio_video_icon_holder.threeOptions{
    width: 298px;
    margin-left:-160px;
}
.audio_video_icon_holder div.twoOptions {

}
.audio_video_preselect i{ margin-top:1px; }

.player_action_icon_audio.enabled,
.player_action_icon_video.enabled{
    cursor:pointer;
}

.player_action_icon_video {
    float: right;
}

.audio_video_preselect {
    width: 90px;
    height: 23px;
    float:left;
}

.audio_video_preselect > i {
    color: #fff;
    float:left;
}

.audio_video_preselect > i:before {
    margin-left: 0;
    font-size: 20px;
}
.player_action_icon_audio.audio_video_preselect > i:before {
    font-size:22px;
}

.player_action_icon_video {
    margin-left:-2px;
}

#media_info_scripture > i:before {
    font-size:11px;
    margin-left:0px;
    margin-right:6px;
}

.player_action_icon_audio.audio_video_preselect{
    margin-left:8px;
}

/*.audio_video_icon_holder.oneOption .player_action_icon_audio{
    padding-left:4px;
}

.audio_video_icon_holder.oneOption .player_action_icon_video{
    padding-left:4px;
}*/

.player_action_icon_video.audio_video_preselect{

}

#audio_loading_spinner{
    left:50%;
    position: absolute;
    margin-left: -27px;
    top:50%;
    margin-top: -28px;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media only screen and (max-width: 700px){
    .audio_video_icon_holder {
        -webkit-transform: scale(0.73);
        -moz-transform: scale(0.73);
        -ms-transform: scale(0.73);
        -o-transform: scale(0.73);
        transform: scale(0.73);
        bottom:0px;
    }
    #content_container { padding-top:0px; }
    #results_header .col.speaker, #results_list .col.speaker, #results_header .col.scripture, #results_list .col.scripture { display:none; }
    #results_header .col.title, #results_list .col.title { width:57%; }
    #results_header .col.date, #results_list .col.date { width: 16%;}
    #results_header .col.day, #results_list .col.day { width: 10%;}
    #results_header .col.title, #results_list .col.title { padding-left:0px; }


    #custmedia_frame .media_frame_info_holder > div { margin:0px auto;width:65%; }
    .custom_player_background { padding-bottom:56.25%; width:100%; height:auto; }
    #custmedia_frame {width:100%;}
    .custom_player_title {font-size: 18px; }
    .custom_player_speaker {font-size: 12px; font-weight: normal; text-align: center; color: #fff; margin: 18px 0 22px 0;}
}



#switch_to_video,
#switch_to_audio {
    display:none;
}
.switch_enabled {
    display:block!important;
}


/*---------------------------
* This is the gray box that
* contains the details for
* the currently playing media
*/
.media_info_box_outer_wrapper { background-color:#fff; width:100vw; margin-left: calc(-50vw + 50%); display: none; }
.message_page .media_info_box_outer_wrapper { display: block; }
.media_info_box_inner_wrapper { max-width:1200px; margin:0 auto; }
#media_info_box {
    padding-top:1px;
    margin-top: 20px;
    position:relative;
    padding:3% 1.3% 6% 1.3%;
    max-width:979px;
    margin:0 auto;
    box-sizing:border-box;
}


/*-----------------------
* BOX - DESCRIPTION
*/
#box_description_inner_panel_1 {
    width:65%;
    margin-right: 5%;
    margin-left: 4%;
    float:left;
    color: #2C2C2C;
    position:relative;
    margin-top:1px;
}

#media_info_title {
    font-size:30px;
    font-weight: 900;
    /* text-transform: uppercase; */
    line-height: 30px;
    margin-top:8px;
    color:#535353;
}
#media_info_series {
    font-size:18px;
    margin-top:6px;
    font-weight:300;
    color:#747474;
    text-transform:uppercase;
}
#media_info_scripture {
    margin-top:11px;
    font-size:14px;
    font-weight:900;
    color:#020202;
    text-transform:uppercase;
    float:right;
}

#box_description_inner_panel_2 {
    float:left;
    font-size: 18px;
    line-height:31px;
    font-weight:300;
    color:#6e6d6d;
    margin-top:31px;
    position:relative;
    
}

.author_playlist_wrapper {
    margin-top:24px;
    position:relative;
    letter-spacing:0.5px;
}
.author_playlist_wrapper .close { display:block; font-size:13px; float:right; margin:-20px -9px 0px 0px; }
.author_playlist_wrapper .close div { float:left; height:21px; line-height:21px; }
.author_playlist_wrapper #tab_back:before { display:block; float:left; font-size:25px; }
.author_playlist_wrapper #media_above_center { display:block; }
.bottom_controls { display:none; position:relative; margin-top:51px;  }
.bottom_controls #media_above_center { margin:0 auto; position:relative; width:250px; top:0px; left:0px; }

#media_info_speaker {
    font-weight: 900;
    text-transform:uppercase;
    overflow:hidden;
    padding-top:10px;
    font-size:14px;
    float:left;
    margin:1px 0px 0px 19px;
}
#media_info_speaker_img { float:left; position:relative; }
#media_info_speaker_img img {
    float:left;
    border-radius:30px;
}
#media_info_speaker div {
    border:1px solid #d7d6d6;
    border-radius:5px;
    box-sizing:border-box;
    text-indent:2px;
    font-size:10px;
    width:86px;
    height:21px;
    line-height:21px;
    text-align:center;
    color:#d7d6d6;
    font-weight:normal;
    letter-spacing:2px;
    margin-top:5px;
    cursor:pointer;
    -webkit-transition:all 0.20s ease-in-out;
    -moz-transition:all 0.20s ease-in-out;
    -ms-transition:all 0.20s ease-in-out;
    -o-transition:all 0.20s ease-in-out;
}
#media_info_speaker div:hover { color:#fff; }
.media_buttons_wrapper { float:left; padding-left:20px; margin-top:35px; }
.media_buttons_wrapper > div {
    box-sizing:border-box;
    width:158px;
    height:47px;
    line-height:47px;
    float:left;
    padding-left:11px;
    font-size:14px;
    text-align:left;
    cursor:pointer;
    background-size:37px;
    background-position:3px 5px;
    background-repeat:no-repeat;
    padding-left:65px;
}
.media_buttons_wrapper > div.player_action_icon_audio { background-size:42px; background-position:3px 2px; background-image: url(../images/player-icon-listen.png); }
.media_buttons_wrapper > div.player_action_icon_video { background-image: url(../images/player-icon-play.png); }
.media_buttons_wrapper > div.download_button { background-image: url(../images/player-icon-notes.png); }
.media_buttons_wrapper > div span, #add_to_playlist span {
    color:#fff;
    /* opacity:0.3;
    -webkit-transition:all 0.20s ease-in-out;
    -moz-transition:all 0.20s ease-in-out;
    -ms-transition:all 0.20s ease-in-out;
    -o-transition:all 0.20s ease-in-out;*/
}
.media_buttons_wrapper > div:hover span, #add_to_playlist:hover span { opacity:1; }
#add_to_playlist {
    width:209px;
    height:47px;
    font-size:14px;
    line-height:47px;
    box-sizing:border-box;
    cursor:pointer;
    float:right;
    margin-top:35px;
    text-align:left;
    background: url(../images/player-icon-playlist.png) no-repeat;
    background-size:37px;
    background-position:3px 5px;
    padding-left:65px;
}
#add_to_playlist i, .media_buttons_wrapper > div i { margin-right:20px; }
#add_to_playlist span { vertical-align:middle; }
#add_to_playlist i.flaticon-plusadd:before, .media_buttons_wrapper > div i:before { font-size:36px; color:#fff; font-weight:normal; margin-left:5px; vertical-align:middle; }
.media_buttons_wrapper > div.player_action_icon_audio i:before { font-size:42px; }
#playlist_bar { z-index:2; position:absolute; top:0; left:0; width:100%; background-color:#040404; border-top:1px solid #1a1a1a; }
#playlist_bar > div { color:#fff; max-width:1200px; height:66px; margin:0 auto; position:relative; }
#playlist_bar .playlist_thumb { float:left; width:117px; height:66px; margin-right:25px; }
#playlist_bar .playlist_thumb img { margin-top:0px; }
#playlist_bar .playlist_thumb > div { background-size:cover; height:100%; margin-top:0px; background-size:cover; }
#playlist_bar .playlist_details { height:66px; overflow:hidden; line-height:66px; color:#fff; margin-right:150px; }
#playlist_bar .playlist_details .title { float:left; height:66px; }
#playlist_bar .playlist_details .title span.bold { font-weight:bold; }
#playlist_bar .playlist_details .duration { float:right; margin-right:56px; }
#playlist_toggle { position:absolute; top:0px; right:0px; color:#fff; height:66px; line-height:66px; }
#playlist_toggle > div { float:left; }
#playlist_toggle .navicon_w { margin:30px 21px 0px 30px; }
#playlist_wrapper { z-index:3; background-color:#040404; height:66px; margin-top:-66px; position:fixed; width:100%; bottom:0; left:0; font-size:15px; }

.media_frame_info_holder #playlist_wrapper { position: absolute; bottom: 20px; z-index: 2; font-weight: normal; }

#playlist_items { z-index:1; position:absolute; width:100%; top:0; left:0; }
#playlist_items ul { z-index:2; background-color:#f2f2f2; list-style-type:none; margin:0px; padding:0px; }
li.playlist_item { height:55px; border-bottom:1px solid #d4d4d4; display:block; }
li.playlist_item a { display:block; cursor:pointer; position:relative; max-width:1200px; margin:0 auto; height:54px; line-height:54px; }
li.playlist_item a div { }
li.playlist_item .playlist_counter { width:20px; margin:0px 39px 0px 15px; float:left; }
.playlist_item .flaticon-cross37 { visibility:hidden; position:absolute; top:0px; right:26px; }
.playlist_item:hover > a > i { visibility:visible; }
.playlist_item_details { overflow:hidden; }
.playlist_item_details .title { float:left; }
.playlist_item_details .subtitle { float:right; margin-right:36px; text-align:left; width:200px; }
@media only screen and (max-width: 700px){
    #playlist_bar .playlist_details .duration { display:none; }
    #playlist_bar .playlist_details .title { line-height:16px; font-size:13px; }
    #playlist_bar .playlist_details .title span.bold { display:block; margin-top:16px; }
    #playlist_bar .playlist_details .title span.dash { display:none; }
    #playlist_bar .playlist_details .title span.bold { }
    .media_buttons_wrapper { margin-top:60px; }
    .media_buttons_wrapper > div { width:95px; }
    .media_buttons_wrapper > div, .media_buttons_wrapper > div.player_action_icon_audio, #add_to_playlist { height:65px; background-size:contain; background-position:top left; }
    #add_to_playlist { line-height:65px; padding-left:80px; width:265px; font-size:20px; margin-top:60px; }
    .media_buttons_wrapper > div.player_action_icon_audio { height:70px; margin-top:-3px; }
    .media_buttons_wrapper > div span { display:none; }
    .media_buttons_wrapper > div.player_action_icon_audio i:before { font-size:58px; }
    #add_to_playlist i.flaticon-plusadd:before, .media_buttons_wrapper > div i:before { font-size:50px; }
}
@media only screen and (max-width: 480px){
    .playlist_label { display:none; }
    .playlist_item_details { line-height:15px; }
    .playlist_item_details .title { margin-top:13px; float:none; }
    .playlist_item_details .subtitle { font-size:12px; float:none; }
    #media_info_series { max-width:85%; }
    #playlist_bar .playlist_details { margin-right:81px; }
    .audio_above_info .custom_player_title {font-size: 16px;}
    .audio_above_info .custom_player_speaker {font-size: 11px; margin: 4px 0 0 0 !important;}
    .audio_above_info {height:50px; margin:28px 0 0 0 !important; }
    #close_custom_player {top:22px; right:22px;}
}

#media_info_speaker > img {
    vertical-align: middle;
}
#media_info_speaker > img { margin-right: 15px; }

#prev_next_messages { margin-top:41px; font-weight:900; height:15px; font-size:14px; line-height:14px; color:#b2b1b1; display:none; padding-left:0.9%; }
#prev_next_messages a { text-decoration:none; text-transform:uppercase; color:#020202; font-size:14px; }
#prev_next_messages a.inactive { cursor:default; color:#b2b1b1; pointer-events:none; }

/* Related items */

#related_loading{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#media_related_box {
    clear:both;
    margin-top: 75px;
    margin-bottom:10px;
    color: #2C2C2C;
    position:relative;
}
#media_related_bg { position:absolute; background-color:red; /* background-color:#f9f9f9; */ width:400%; height:560px; left:-200%; z-index:-2; top:-35px; display:none; }

#related_header{
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}

#media_related_items{
    margin-top: 10px;
}

#media_related_items .media_related_item{
    float: left;
    width: 22%;
    margin-right: 4%;
    cursor: pointer;
}

#media_related_items .media_related_item:last-child{
    margin-right: 0;
}

.media_related_item > img{
    width: 100%;
}

.media_related_item h6{
    font-size: 14px;
    margin: 20px 0 40px 0;
    text-transform: uppercase;
}

/*--------------------------
 * SHARE - Embed media popup
 */
#embed_popup .mc_share_link.selected{
    color: #000;
    text-decoration: none;
    cursor: default;
}

/*----------------------
* The main results list
*/
#results_container {
    margin-top:1px;
    border:0px solid black;
    position:relative;
}
#results_container .other_messages_header {
    position:absolute;
    background-color:#171717;
    top:0px;
    left:0px;
    width:100vw;
    margin-left:calc(-50vw + 50%);
    height:100%;
    z-index:-1;
}
#results_container .other_messages_header > div { height:91px; line-height:92px; text-align:center; color:#fff; font-weight:bold; font-weight:600; letter-spacing:0.8px; }
#results_container .other_messages_header .searchHolder { font-weight:normal; letter-spacing:0px; position:absolute; top:-4px; right:0px; }
#results_container .other_messages_header .searchHolder .list { line-height:20px; letter-spacing:normal; }
#results_container .other_messages_header .searchHolder .slide_menu_holder .arrow { line-height:19px; }
#results_container .other_messages_dummy { height:140px; }
#results_container .no_media_items { text-align:center; }

/*------------------------
* The filter/search bar section
*/

.message_actions_wrapper, #back_wrapper {
    /* padding:5px; */
    position:relative;
    z-index:3;
}
.searchHolder {
    float:right;
    margin-right:35px;
    right: 0px;
}
.message_actions_wrapper { display:none; }
.message_actions_wrapper > div { position:absolute; top:36px; right:28px; }
.message_actions_wrapper a { text-decoration:none; }
.message_actions_wrapper i:before { font-size:24px; color:#fff; margin:0px; }
#back_wrapper a { position:absolute; top:31px; left:34px; z-index:101; display:none; }
#back_wrapper a img { width:20px; }

.searchHolder.active{
    background-color: #F1F1F1;
}

a.startSearch{
    text-decoration: none;
    color: inherit;
    /* Flip the search icon
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; */
    position:absolute;
    top:36px;
    right:0px;
    line-height:27px;
    float:right;
}
a.startSearch div, .message_actions_wrapper > div > div { color:#a0a1a1; float:left; margin-right:17px; font-size:14px; font-weight:bold; font-family:proxima-nova; }
.message_actions_wrapper > div > div { line-height:28px; }
a.startSearch i { display:block; float:left; }

a.startSearch i:before{
    margin-left: 2px;
}

input#filter_text{
    border:0;
    padding:0;
    margin-right:0;
    width:631px;
    height:56px;
    background:#f8f8f8;
    font-size: 18px;
    margin-top:22px;
    text-indent:60px;
}
#search_bar { width:100%; background-color:#fff; height:190px; margin-top:-190px; opacity:0; overflow:auto; position:absolute; z-index:102; }
#search_bar [class^="flaticon-"]:before { color:#020202; }
.search_label { font-size:16px; line-height:16px; text-transform:uppercase; font-weight:bold; text-align:center; letter-spacing:1px; margin-top:37px; }
.search_field_wrapper { width:631px; margin:0 auto; position:relative; }
#search_bar .search_field_wrapper i { position:absolute; bottom:15px; left:1px; }
.search_field_wrapper i.flaticon-cross37 { cursor:pointer; }
body.searching #searching_indicator{
    display: inline-block;
}

input#filter_text:focus{
    outline: 0;
}

.searchHolder.active input#filter_text{
    display: inline;
}

#filter_title_banner {
    display:none;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0;
    /* margin-bottom: 20px; */
    padding: 0;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    min-height:295px;
    line-height:1px;
}
#filter_title_banner .fader {
    position:absolute; z-index: 50;
    width: 100%;
    height: 100%;
}

#bannerTextHolderOuter {
    position: absolute;
    left: 0;
    top: 0;
    width: 96%;
    height: 100%;
    padding: 0 2%;

    opacity:0.0;
    text-align:center;
    color:#FFFFFF;
    margin:0px auto;
    text-transform: uppercase;
    overflow: hidden;
}

#bannerTextHolderInner{
    display: table;
    width: 100%;
    height: 100%;
}

#bannerTextHolderInner hgroup{
    vertical-align: middle;
    display: table-cell;
}

#filter_title_banner > div h3{
    font-size:30px;
    font-weight:100;
    margin-bottom: 0;
    display:none;
}

#filter_title_banner > div h1{
    font-size:60px;
    font-weight:bold;
    margin-top: 0;
    line-height:60px; margin:0px; padding:0px;
}

#filter_title_banner > div > .cat_type{
    font-size: 30px;
}



/*------------------------------------------
* The header row containing the column labels
*/

#results_list .users > div { font-weight:normal; line-height:25px; height:auto; }
#results_list .users div div span { font-weight:bold; }

#results_header{
    font-weight:900;
    font-size:12px;
    text-transform: uppercase;
}

#results_header .col,
.result_row .col {
    display: table-cell;
    vertical-align: middle;
}
#results_header .col { padding-top:18px; }

#results_header,
.result_row {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 65px;
}
.result_row { font-size: 18px; }

.result_row{
    cursor: pointer;
}

.result_row.nodisplay{
    display: none;
}
.mc_results_clearfix { margin-bottom:33px; }

/*------------------------
* Specific column widths
*
* All of these values must add up to
* the width of results_container minus
* any padding/margins (mentioned above)
*/
.col{ padding-left: 2%; }
.col.date { 		width:  10%;}
.col.day { 		width:  6%; }
.col.speaker { 		width: 19%;}
.col.scripture {        width: 19%; }
.col.title { 		width: 34%; text-align:left; padding-left:1.5%; }
.col.actions { 		width:  14%; }
.col.title span.is_hidden { color:#9f211f; }
/* There is less than 100% total, for right spacing */

@media only screen and (max-width: 480px){

    #media_frame_img{
        /* height: 257px;  Default height while loading */
    }

    #results_header,
    .result_row{
        height: 45px;
    }

    #results_header,
    .result_row{
        font-size: 12px;
    }

    #results_header .col.day,
    .col.actions{
        width: 22%;
    }

    .col.actions i:before{
        font-size: 15px;
    }

    #filter_title_banner{
        /* margin-bottom: 15px; */
    }
}

.col.actions{
    text-align: right;
}

.col.actions > a{
    color: inherit;
    text-decoration: none;
}

.col.actions i:before {
    margin-right: 1px;
    margin-left: 0;
}

.col.actions > a.toggle_invisible_link {
    margin-right:1px;
}
.col.actions > a.toggle_invisible_link { margin-right:25px; }

/* alternate styles for rows */
/*.result_row.odd {
    background-color:#FFF;
}
.result_row.even {
    background-color:#F1F1F1;
}*/
.result_row, #results_header { /* background-color:#fbfbfb; */ background-color:#fff; border-bottom:1px solid #dddbdb; }
.result_row:hover {
    background-color:#CCCCCC;
}

/*********** LOOK FOR OLD PAGINATION CSS WITHIN THIS FILE *******************/

/* Results pagination box */
#pagination,
#pagination_receipts{
    text-align: center;
    padding: 45px 0;
    font-weight: 900;
}

.pagelink_current{
    text-decoration: none;
    color: inherit;
}

.inNewPage{
    border-radius: 5px;
    width: 20px;
    display: none;
    border: solid 1px #2C2C2C;
    padding: 5px;
}

.pagelink_prev, .pagelink_next{
    opacity: 0.5;
    filter:alpha(opacity=50);
    display: inline-block;
    padding: 0 20px;
}

.pagelink_prev > i:before, .pagelink_next > i:before{
    margin-left: 0;
}

.pagelink_prev.enabled, .pagelink_next.enabled{
    opacity: 1;
    filter:alpha(opacity=100);
    cursor: pointer;
}
.load_more {
    width:166px;
    height:59px;
    background-color:#030303;
    font-size:16px;
    line-height:59px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    margin:0 auto;
    font-weight:normal;
    cursor:pointer;
    letter-spacing:0.5px;
    margin-bottom:33px;
}
.black_bg .load_more { background-color:#fff; color:#000; }
.powered-by {
    position: absolute;
    text-align: center;
    bottom: 70px;
    left: 0;
    right: 0;
    font-size: 12px;
}
.black_bg .powered-by {
    color: #fff;
}
.powered-by a {
    text-decoration: none;
    color: #000;
}
.powered-by a:hover {
    text-decoration: underline;
}
.black_bg .powered-by a {
    color: #fff;
}
.pagination_wrap{
    margin:0px auto;
    display:inline-block;
}
.pagination_wrap .pages_text{
    float:left;
    margin-top:3px;
}
.pagination_wrap .pagelink_spin_left, .pagination_wrap .pagelink_spin_right{
    float:left;
    width:30px;
    height:30px;
}

.pagination_wrap .pagelink_spin_left div, .pagination_wrap .pagelink_spin_right div{
    display:none;
    width:30px; height:30px;
    background:url(../images/gif-load.gif) no-repeat;
    background-size:30px;
}

/*--------------------
* The stats pagination box
*/
.stats_pagination {
    color:#FFFFFF;
    height:60px;
    font-size:12px;
    font-weight:bold;
}

.stats_pagination > div {
    height:20px;
    line-height:20px;
    margin:20px 25px;
}
.stats_page_links > div > span {
    display:inline-block;
    /*background-color:#404040;*/
    height:20px;
    line-height:20px;
    margin:0px 1px;
    padding:0px 5px;
}
.stats_page_links > div > span[rel]{
    cursor: pointer;
}
.stats_page_links_content{
    float: left;
}
.stats_page_links_nav{
    float: right;
}

/*----------------------
* Series Grid View
*/
.filter_grid_cell {
    float:left;
    width:33.08%;
    margin-right:0.38%;
    font-size:11px;
    color:#717171;
    cursor:pointer;
    position: relative;
    margin-bottom:15px;
}

.filter_grid_cell:nth-child(3n){
    margin-right:0;
}

.filter_grid_cell2 {
    float:left;
    width:47.5%;
    margin-right:5%;
    cursor:pointer;
    position: relative;
    margin-bottom:23px;
}

.filter_grid_cell2:nth-child(2n){
    margin-right: 0;
}

.filter_grid_cell2 .filter_grid_date, .filter_grid_cell2 .filter_grid_speaker, .filter_grid_cell2 .filter_grid_scripture {
    font-size: 13px;
    color:#fff;
}
.filter_grid_cell2 .filter_grid_date, .filter_grid_cell2 .filter_grid_speaker {
    color:#7F7F7F;
    clear:both;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.filter_grid_cell2  .filter_grid_info { position:relative; }
.filter_grid_cell2 .filter_grid_date { margin:18px 0px -10px 4px; }
.filter_grid_cell2 .filter_grid_scripture {
    position:absolute;
    top:11px;
    right:4px;
    text-align:right;
    width:30%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.filter_grid_cell .grid_thumbnail, .filter_grid_cell2 .grid_thumbnail { position:absolute; top:5px; opacity: 0; }
.filter_grid_cell .grid_thumbnail img, .filter_grid_cell2 .grid_thumbnail img {opacity: 0;}
.filter_grid_cell2 .cell2_controls {
    position:absolute;
    height:18px;
    line-height:18px;
    width:100px;
    opacity:0.0;
    left:50%;
    margin-left:-50px;
    top:50%;
    margin-top:-9px;
}
.filter_grid_cell2 .cell2_controls i:before{
    margin-left:0px; margin-right:10px;
}

/* When sorting back-end */

#filter_grid.sorting .filter_grid_cell,
#filter_grid.sorting .filter_grid_cell:nth-child(4n){
    //width: 24.025%;
    //margin-left: 0.4875%;
    //margin-right: 0.4875%!important;
}

.filter_grid_cell.sorting:nth-child(4n){
    //margin-right: 0.4875%!important;
}


.filter_grid_cell i.rearrange-icon{
    position: relative;
    top: 5px;
}

.filter_grid_cell i.rearrange-icon:before{
    font-size: 15px;
    color: #CCC;
}

.filter_grid_thumbnail {
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    margin-top: 5px;
}

.filter_grid_cell_content .thumbnail_wrapper {
    border-radius:4px;
    background-color:#e7e6e6;
    padding-top:56.25%;
    background-size:cover;
    background-position:center center;
    position:relative;
}
.message_page .filter_grid_cell_content .thumbnail_wrapper { background-repeat:repeat; }
.filter_grid_cell_content .thumbnail_wrapper.square_thumb {
    background-size:contain;
    background-repeat:repeat-y; /* thats needed to fill bottom 1px empty space which occures due to % height of the element */
}
.filter_grid_cell2 .cell2_rollover {
    position:absolute;
    background-color:rgba(0,0,0,0.0);
    margin:0 auto;
    top:0;
    border-radius:4px;
    width:100%;
    height:100%;
}
.filter_grid_nothumbnail img { margin:0px; padding:0px; display: block; }
.filter_grid_cell_content { width:92.95%; margin:0 auto; padding-top:10px; }
.filter_grid_cell2 .filter_grid_cell_content { width:99%; }
.filter_grid_cell_content img {display: block;}
.filter_grid_nothumbnail > div {
    position:absolute;
    top:0px;
    height:100%;
    text-transform:uppercase;
    font-size:19px;
    font-weight:bold;
    color:#fff;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.thumbnail_rollover {
    background-color:#f8f8f8;
    border-radius:4px;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    visibility:hidden;
    z-index:-1;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    opacity:0;
}
.thumbnail_overlay {
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    border-radius:3px;
}
.thumbnail_wrapper > img { width:100%; height:auto; display:none; }
.filter_grid_cell_content:hover .thumbnail_rollover { visibility:visible; opacity:1; }
.filter_grid_cell_content:hover .filter_grid_title { color:#000; }
.black_bg .filter_grid_cell_content:hover .filter_grid_title { color:#fff; }
.filter_grid_cell2 .filter_grid_cell_content .filter_grid_title { color:#fff; width:65%; }
body:not(.black_bg):not(.message_page) .filter_grid_cell2 .filter_grid_cell_content .filter_grid_title { color:#000; }
.filter_grid_cell_content div .title_wrapper { padding:0px 10px; text-align:center; position:absolute; top:0; left:0;  }

img.filter_grid_thumbnail.rollover {
    opacity:0.0;
    position: absolute;
    top:0;
    left: 0;
}

#all_content.loggedin img.filter_grid_thumbnail.rollover {
    top:19px;
}

.filter_grid_info.has_share_link {
    float: left;
}
.filter_grid_title {
    margin-top:12px;
    margin-bottom:5px;
    color:#000000;
    font-size:18px;
    line-height:18px;
    font-weight:900;
    float:left;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.messages_amount { 
    font-size:14px;
    line-height:14px;
    color:#a09f9f;
    margin-bottom:15px;
    letter-spacing:0.5px;
} 

.filter_grid_info .filter_grid_title{
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    letter-spacing:0.3px;
}
.filter_grid_info.has_share_link{
    width: 200px;
}

.filter_grid_share {
    margin-top:13px;
}
.filter_grid_share i:before, .col.actions i:before { vertical-align:middle; }
.filter_grid_share .stats_link i:before, .col.actions .stats_link i:before { font-size:24px; margin-right:3px; }
.filter_grid_cell2 .col.actions a.stats_link { width:21px; }

/*----------------------
 * SHARE POPUP
 */
#share_link_header{
    color: #333;
    font-size: 13px;
    margin-bottom: 30px;
}

#share_link_header .selected{
    color: #000;
    text-decoration: none;
    cursor: default;
}

#share_link{
    text-decoration: none;
    font-size: 18px;
}

#share_link_popup p{
    font-size: 11px;
}

#share_link_popup .close_button{
    color: #727171;
    font-size: 15px;
}

/*----------------------
* EDIT MODE
*/


/*---------------------------
*  Lightbox Overlay
*/
.lightbox_overlay {
    background-color:#000000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.5;
    filter: alpha(opacity = 50);
    z-index:1000;
}
.lightbox_container, #lightbox_container_trialcomplete, #lightbox_container_notification {
    background-color:#FFFFFF;
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    border:30px solid #2C2B2B;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    z-index:1001;
}
.lightbox_container > div, #lightbox_container_trialcomplete > div, #lightbox_container_notification > div {
    padding:30px;
    position:relative;
    margin:-10px;
    background-color:#FFFFFF;
    border:5px solid #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    z-index:1001;
}
/*---------------------------
*  FTP / Local Popup
*/
.big_title { width:320px; font-size:30px; font-weight:bold; text-align:center; }
.big_title.vimeo_connect_title { text-align:left; width:400px; font-size:26px; }
.upload_options { margin-top:20px; }
.upload_options .option { float:left; width:120px; margin:0px 25px 20px 15px; }
.upload_options .option div { text-align:center; font-size:25px; font-weight:bold; margin-bottom:10px; }
.upload_options.video .option div { font-size:18px; }
.upload_options .option a {
    display:block;
    text-align:center;
    margin:0 auto;
    padding:0 20px;
    font-size:15px;
    color:#fff;
    line-height:30px;
    text-decoration:none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#filebrowser_wrapper { display:none; margin-top:20px; }
#filebrowser_wrapper .files_list { height:400px; overflow-y:scroll; }
/*---------------------------
*  Trial Complete Lightbox Overlay
*/
#lightbox_container_trialcomplete{
    width: 770px;
    top: 25px;
    left: 50%;
    margin-left: -385px;
    border-width: 25px;
    text-align: center;
}
#lightbox_container_trialcomplete > div {
    padding: 0;
    border: 0;
}
#lightbox_trialcomplete_left{
    float: left;
    width: 385px;
    background-color: #FF0000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 75px 0;
}
#lightbox_trialcomplete_right{
    float: right;
    width: 335px;
    text-align: left;
    margin-left: 50px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
#trialcomplete_info{
    font-size: 12px;
    color: #555;
}
#trialcomplete_upgrade_btn{
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    padding: 10px 25px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
}
#trialcomplete_signout, #lightbox_close{
    color: #959595;
    font-size: 14px;
    position: absolute;
    bottom: 25px;
    right: 25px;
}

/*
 * Account notifications lightbox
 */
#lightbox_container_notification{
    width: 732px;
    top: 25px;
    left: 50%;
    margin-left: -366px;
    border-width: 25px;
    text-align: center;
}
#lightbox_container_notification > div {
    border: 0;
    background-color: #FF0000;
    padding-top: 75px;
    padding-bottom: 75px;
}
#notification_info{
    font-size: 14px;
}
#notification_info, #notification_info a, #lightbox_close{
    color: #FFF;
}

.account_save_button,
.account_edit_save_button,
.account_register_save_button,
.church_info_save_button,
.media_embed_save_button,
.media_source_save_button,
.link_edit_save_button,
.banner_edit_save_button,
.notes_url_save_button,
.notes_text_save_button,
.song_url_save_button,
.song_text_save_button,
.chat_post_edit_save_button {
    margin-left:10px;
    background-color:#2B2B2B;
    float:right;
    color:#FFFFFF;
    width:80px;
    height:37px;
    line-height:37px;
    text-align:center;
    cursor:pointer;
}
.account_edit_save_button.disabled,
.account_register_save_button.disabled,
.church_info_save_button.disabled,
.link_edit_save_button.disabled {
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: default;
}
.close_button {
    margin-left:5px;
    float:right;
    width:50px;
    height:37px;
    line-height:37px;
    text-align:center;
    cursor:pointer;
}
.close_button a {
    color:#737272;
}
.close_button.disabled {
    display:none;
    cursor:default!important;
}
.logout_button {
    margin-right:10px;
    float:right;
    line-height:37px;
    color: #000;
}


/*--------------------------
* Edit media styles
*
* There are some styles in here
* that pertain to the attribute
* manager box as well
*/


/*-- Both columns --*/
.modal_box_column .labeldiv,
.edit_attr_box .labeldiv,
.media_desc_labeldiv,
#cc_form .labeldiv,
#user_account_popup .labeldiv,
#church_info_form .labeldiv,
#embed_popup .labeldiv, 
#attr_cover .labeldiv {
    margin-top:35px;
    margin-bottom:5px;
    color: #2F2F2F;
}
#attr_cover .labeldiv { margin-bottom:10px; display:block; margin-top:0px; }
.modal_box_column label,
.edit_attr_box label,
.media_desc_labeldiv,
#cc_form label,
#user_account_popup label,
#embed_popup label,
#attr_cover label {
    font-size:19px;
    font-weight:bold;
}
.time-set-wrapper {
    position: relative;
}
.time-set-wrapper .flaticon-cross37 {
    position: absolute;
    top: 8px;
    left: -24px;
    cursor: pointer;
}
.time-set-wrapper .flaticon-cross37:before {
    margin-left: 0px;
    color: #000!important;
}
.modal_box_column .required_star {
    display:inline-block;
    margin-left:-10px;
    margin-right:3px;
    font-size:20px;
    font-weight:bold;
}
.seo_sublabel { position:absolute; margin-left:20px; top:4px; color:#9b9999; font-size:13px; font-weight:normal; }
.infoMsg{
    margin-top: 15px;
    font-size: 12px;
}
.modal_box_column.col1 .thumbnail {
    width:177px;
    height:100px;
    background-size:contain;
    background-color:#e7e6e6;
    background-repeat:no-repeat;
    background-position:center center;
    line-height:100px;
}
#cover_thumbnail_default{
    width:150px;
    height:150px;
    padding: 0;
}
#banner_thumbnail_default{
    width:150px;
    height:47px;
    padding: 0;
}
.modal_box_column.col1 .thumbnail_default, #attr_cover .thumbnail_default {
    text-align: center;
    /* display: table; */
    color: #FFF;
    font-size: 12px;
}
#attr_cover > .banner_wrapper {  }
#attr_cover > .banner_wrapper img.current_banner, #attr_cover > .banner_wrapper img.current_cover, #attr_cover > .banner_wrapper img.current_custom_background { display:block; }
#attr_cover .image_overlay { position:absolute; top:0px; left:0px; width:235px; height:132.2px; background-color:#000; }
#attr_cover > .cover_wrapper { width:355px; }
#attr_cover > .custom_background_wrapper { margin-left:20px; width:260px; }
#attr_cover > .series_settings_wrapper { user-select:none; margin-left:80px; }
#attr_cover > .series_settings_wrapper #disable_background_image { margin-top:3px; }
#attr_cover > .series_settings_wrapper a.clear_color { display:block; float:left; line-height:27px; font-size:14px; margin:5px 0px 0px 10px; text-decoration:none; color:#b8b8b8; }
#attr_cover .attr_colors_wrapper { margin-bottom:20px; }
#attr_cover .attr_colors_wrapper > div { float:left; }
.attr_colors_wrapper .color_label { margin-bottom:10px; font-size:12px; }
.attr_colors_wrapper #custom-handle {
    width:30px;
    height:22px;
    top:50%;
    margin-top:-12px;
    text-align:center;
    line-height:23px;
    font-weight:normal;
    font-size:12px;
    margin-left:-15px;
    cursor:grab;
}
.attr_colors_wrapper #custom-handle.ui-state-active { cursor:grabbing; }
.attr_colors_wrapper .slider_wrapper { color:#222; border:1px solid #aaa; width:170px; }
.attr_colors_wrapper .slider_wrapper #slider.ui-widget-content { color:transparent; background:none; border:none; }

/*-- Delete buttons --*/
.delete_gfx, .delete_notes { font-size:10px; color:red; text-decoration:none; display:block; position:absolute; }
.delete_gfx.cover_attr { top:385px; margin-left:123px; }
.delete_gfx.banner_attr { top:135px; margin-left:206px; }
.delete_gfx.custom_background_attr { left:206px; }
.delete_gfx.custom_background_attr.speaker_profile_thumbnail { left:106px; }
.delete_gfx.audio_bg, .delete_gfx.stream_bg { right:0px; top:-15px; }
.delete_gfx.main_header, .delete_gfx.live_offline_background, .delete_gfx.live_banner, .delete_gfx.live_offline_header { right:0px; top:-13px; }
.delete_gfx.headerbar_logo { left:0px; top:-3px; }
.delete_notes { top:7px; right:49px; }

/*-- Left column --*/
.dropdown_edit_link {
    cursor:pointer;
}
.category_edit_list, .topic_edit_list {
    margin-left:10px;
}
.category_edit_list_item, .topic_edit_list_item {
    font-size:10px;
    margin:2px 0px;
    background-color:#FAFAFA;
    padding:2px;
}
.category_edit_list_item_remove, .topic_edit_list_item_remove {
    float:right;
    width:16px;
    height:16px;
    line-height:16px;
    text-align:center;
    cursor:pointer;
}
.modal_box_column.col1 {
    xborder:1px dotted #F5F5F5;
    float:left;
    width:432px;
    margin-right:50px;
}

.modal_box_column.col1 .text_input,
#user_account_popup .text_input,
#church_info_form .text_input,
#selected_attr #attr_input,
.user-video-source input,
.user-notes-url input,
.user-notes-text textarea,
.user-song-url input,
.user-song-text textarea {
    padding-left:15px;
    padding-right:15px;
    width:325px;
    height:35px;
    line-height:35px;
    background-color:#F3F3F3;
    font-size:17px;
    border:0px;
}
.user-notes-text textarea {
    
}
.modal_box_column.col1 .text_input { width:402px; }
.modal_box_column .select_input,
select#attr_list,
#stats_content .select_input,
.stats_period_filters .select_input,
.chat-posts-dropdown-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    background: url(../images/select_arrow.gif) no-repeat right #F3F3F3;
    padding-left:15px;
    width:245px;
    height:37px;
    padding-top:6px;
    padding-bottom:6px;
    padding-right:6px;
    font-size:17px;
    border:0px;
    border-radius: 0;
}
.modal_box_column .select_default, select#attr_list.select_default{
    color: #CBCACA;
}
.modal_box_column.col1 .dropdown {
    float:left;
}
.modal_box_column.col1 .dropdown_edit_link {
    font-size:11px;
    font-weight:bold;
    text-decoration: underline;
    margin-top: 10px;
    color: #2F2F2F;
}
.modal_box_column.col1 #category_info{
    float: right;
    width: 100px;
    font-size: 11px;
    font-weight: 900;
    color: #2F2F2F;
}
.modal_box_column.col1 .reference_book {
    width:222px;
    float:left;
}
.modal_box_column.col1 .reference_begin,
.modal_box_column.col1 .reference_end {
    width:85px;
    float:left;
    margin-right:-2px;
    margin-top:1px;
}
.modal_box_column.col1 .reference_dash {
    padding-top: 70px;
    width:25px;
    text-align:center;
    font-weight:bold;
    float:left;
    margin-right:-2px;
}
.modal_box_column.col1 .reference_begin .labeldiv,
.modal_box_column.col1 .reference_end .labeldiv {
    padding-top:9px;
    font-size:11px!important;
    font-weight:normal!important;
}
.modal_box_column.col1 .reference_begin .text_input,
.modal_box_column.col1 .reference_end .text_input {
    width:29px!important;
    padding-left:3px!important;
    padding-right:3px!important;
    text-align:center!important;
}


.modal_box_column.col1 .reference_book .select_input {
    width:222px!important;
}

.modal_box_column.col1 .required_legend {
    position:relative;
    margin-left:30px;
    font-size:19px;
}
.modal_box_column.col1 .required_legend > span {
    display:inline-block;
    font-size:65px;
    position:absolute;
    left:-30px;
    top:-11px;
}

/*-- Right column --*/
.modal_box_column.col2  {
    xborder:1px dotted #F5F5F5;
    float:right;
    width:235px;
}

.modal_box_column.col2 .text_input {
    padding-left:15px;
    padding-right:15px;
    width:205px;
    height:35px;
    line-height:35px;
    background-color:#F3F3F3;
    font-size:17px;
    border:0px;
}
.ui-datepicker {
    width:225px!important;
    font-size:12px!important;
    padding:0px!important;
    margin:0px!important;
    border:5px solid #F3F3F3!important;
}

.modal_box_column.col2 .upload_btn, .ftp_popup_btn, .pick_video_destination, .vimeo_connect {
    float: left;
    font-size: 12px;
    color: #FFF;
    background-color: #C5C5C5;
    padding: 5px 20px;
    border-radius: 5px;
    text-decoration: none;
}

.modal_box_column.col2 .video_display_checkbox,
.modal_box_column.col2 .audio_display_checkbox,
.modal_box_column.col2 .notes_display_checkbox,
.modal_box_column.col2 .song_display_checkbox,
.modal_box_column.col2 #is_visible_checkbox,
.modal_box_column.col2 #hide_from_podcast,
.modal_box_column.col2 #hide_from_archive {
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 5px;
    cursor: pointer;
}

.modal_box_column.col2 .media_display_info{
    font-size: 10px;
}

.modal_box_column.col2 .requirement_note, .itunes_page .requirement_note, .live_page .requirement_note {
    padding:20px;
    background-color:#CB140F;
    font-size:14px;
    margin-top:40px;
    margin-bottom:40px;
    color: #FFF;
}

.itunes_page .requirement_note, .live_page .requirement_note {
    margin: 0;
}

.modal_box_column .filetypes, #attr_cover .filetypes {
    font-size:9px!important;
    font-weight:bold;
    position:relative;
}

.modal_box_column .filetypes {
    float:right;
    text-align:right;
    top:8px;
}

#attr_cover .filetypes {
    
}

.modal_box_column #audioBGFiletypes {
    clear: both;
    float: left;
    margin-top: -5px;
}
.modal_box_column #message_bg_size_info {
    font-size:10px;
    margin-top: 5px;
    clear: both;
}
.modal_box_column.col2 .current_file {
    color:#000000!important;
    font-size:12px;
    cursor:default;
}
.modal_box_column.col2 .no_file {
    color:#ACABAB!important;
}
.modal_box_column.col2 .cancel_upload_holder{
    position: relative;
    width: 90px;
    height: 0;
    float: right;
    margin-right: 5px;
}
.modal_box_column.col2 .cancel_upload {
    position: absolute;
    font-size: 13px;
    text-decoration: none;
    color: #A0A0A0;
    top: -25px;
    text-align: left;
    display: none;
}


.modal_box_column.col2 .progress_container {
    width:235px;
}
.modal_box_column.col2 .progress_bar {
    width:0px;
    height:5px;
    background-position:center;
    background-size:255px 19px;
    background-repeat:no-repeat;
}

.modal_box_column.col2 .upload_spacer{
    height: 15px;
    clear: both;
}

.modal_box_column.col2 #videoThumbnail{
    width:235px;
}

.modal_box_column.col2 #upload_error_msg,
.modal_box_column.col2 .cannot_upload_msg{
    color: #CB140F;
    font-size: 12px;
    margin-top: 10px;
}

.modal_box_column.col2 .requirement_note {
    padding:20px;
    background-color:#CB140F;
    font-size:14px;
    margin-top:40px;
    margin-bottom:40px;
    color: #FFF;
}

#allow_download_box{
    margin: 30px 0;
    padding:20px;
    background-color:#393939;
    color: #FFF;
}

#allow_download_box_right{
    float: right;
    width: 170px;
}

#allow_download_box_right p{
    margin: 0;
    font-size: 13px;
}

#allow_download_box_right #allow_download_title{
    font-size: 14px;
    margin-bottom: 5px;
}

.modal_box_column.col2 .edit_media_save.unsaved,
#selected_attr .edit_attr_button,
.modal_box_column.col2 .edit_media_delete, .choose_ftp_file, .connect_to_vimeo, .upgrade_for_vimeo_connect {
    margin-left:5px;
    float:right;
    color:#FFFFFF;
    width:80px;
    height:37px;
    line-height:37px;
    text-align:center;
    cursor:pointer;
}
.connect_to_vimeo, .modal_box_column.col2 .upgrade_for_vimeo_connect { float:left; width:140px; margin-left:0px; font-weight:bold; text-transform:uppercase; }
.upload_options .connect_to_vimeo { float:none; margin-left:0px; margin:0 auto; }
.choose_ftp_file { display:none; }
.modal_box_column.col2 .edit_media_save.saved {
    background-color:#FFFFFF;
    float:right;
    color:#AAAAAA;
    border:1px solid #BBBBBB;
    width:78px;
    height:33px;
    line-height:33px;
    font-size:12px;
    text-align:center;
    font-weight:bold;
    cursor:normal;
}
.account_save_indicator {
    display:none;
    float:right;
    margin:6px 15px 0px 0px;
}

.modal_box_column .requirements_not_met {
    background-color:#FFE4E4!important;
    border:1px solid #FF0000!important;
}

.textarea_input {
    font-family: "Arial","Lucida Sans",sans-serif;
    background-color:#F3F3F3;
    font-size:17px;
    border:0px;
    height:100px!important;
    padding:1px 15px;
}

/*------------------------------------
* Storage Plan Options
*/

.plansInfo{
    margin-top: 10px;
}

.plansInfo, #storage_plan_options{
    font-size: 15px;
}

.storage_plan_container{
    padding: 15px;
    background-color: #F3F3F3;
    margin-bottom: 20px;
}

.change_storage_plan{
    text-decoration: none;
    color: inherit;
}

.change_storage_plan.disabled{
    cursor: default;
}

.indent25{
    margin-left: 25px;
}

.account_info_box a{
    color: #000;
}

#account_upgrade_button{
    background-color:#2B2B2B;
    color:#FFFFFF;
    padding: 8px 20px 8px 20px;
    line-height:37px;
    text-align:center;
    text-decoration: none;
}

#add_topic_btn {
    background-color:#2B2B2B;
    color:#FFFFFF;
    padding: 0px 20px;
    line-height:37px;
    text-align:center;
    text-decoration: none;
    display: none;
    float: right;
}
#new_topic_field {
    display:none;
    margin-top: -20px;
}
#account_upgrade_button.hasPlan{
    cursor: default;
}

#account_cancel_plan{
    color:#CCC;
    margin-left: 5px;
    text-decoration: none;
}

#cc_form{
    display: none;
    margin-top: 50px;
}

#edit_billing_link{
    float: right;
}

#billing_total_info{
    display: none;
    float: left;
    text-align: center;
}

#billing_total_msg{
    font-size:19px;
    font-weight:bold;
}

/*------------------------------------
* Series/Category/Speaker Management
*/

#selected_attr .edit_attr_button,
#selected_attr #attr_input {
    float:left!important;
}

#selected_attr .instructions {
    font-size:12px;
}

#selected_attr {
    margin-bottom:30px;
}
#attr_cover {
    margin-top:15px;
    padding-top:15px;
}
#attr_cover > div > img, #cover_thumbnail_default, #banner_thumbnail_default, #custom_background_thumbnail_default {
    border:1px solid #AAAAAA;
    width:150px;
    box-sizing:border-box;
    text-align:center;
    line-height:135px;
}
#banner_thumbnail_default, #custom_background_thumbnail_default { width:235px; height:135px; }
#custom_background_thumbnail_default.speaker_profile_thumbnail { width:135px; }
#attr_cover > div > img,
#attr_cover > div {
    float:left;
}
#attr_cover > div {  }
#attr_cover > div .attr_edit_content {
    height:150px;
    border:0px;
    font-size:12px;
    margin-top:25px;
}
#attr_cover input[type="file"] { width:185px; }

#headerbar { width:100%; color:#fff; min-height:55px; position:relative; }
#headerbar .headerbar_wrapper { font-weight:bold; font-size:14px; line-height:1px; text-align:center; text-transform:uppercase; margin:0 auto; position:relative; width:1200px; }
#headerbar .headerbar_wrapper > div { min-height:55px; line-height:55px; }
#headerbar .headerbar_wrapper > img { margin:25px 0px; }
#headerbar > a { display:block; text-decoration:none; color:#fff; position:absolute; top:50%; margin-top:-11px; left:55px; height:22px; line-height:22px; z-index:2; }
#headerbar > a span { zoom:1; font-size:11px; letter-spacing:0.5px; }

.headerbar_options > div { float:left; }
.headerbar_url { width:312px; }
.headerbar_color { width:310px; }
#edit_mode_headerbar_color, #edit_mode_offline_theme_color, #edit_mode_offline_background_color { width:26px; height:26px; float:left; margin-left:11px; cursor:pointer; }

#edit_mode_theme_popup, #edit_mode_headerbar_popup, #edit_mode_attr_series_bg_color, #edit_mode_attr_series_theme_color {
    border: solid 15px #333;
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    z-index: 104;
    display: none;
}
#theme_select_msg{
    color: #2F2F2F;
    margin-top: 10px;
    margin-bottom: 20px;
    float: left;
}
#themepicker_options{
    margin-top: 10px;
}
#themepicker_options_left{
    float: left;
}
#theme_color_display,#series_bg_color_display,#series_theme_color_display{
    margin-top: 5px;
    width: 32px;
    height: 25px;
    border-radius: 5px;
    float: left;
    border: solid 1px #CCC;
}
#theme_color_input, #headerbar_color_input, #series_bg_color, #series_theme_color, .attr_color_input {
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #CCC;
    float: left;
    padding: 4px 10px;
    width: 75px;
    font-size: 15px;
    color: #999;
    outline:none;
}
#theme_color_selector_save,#headerbar_color_selector_save, .attr_color_selector_save {
    margin-left:15px;
    background-color:#2A2A2A;
    float:right;
    color:#FFFFFF;
    width:80px;
    height:37px;
    line-height:37px;
    text-align:center;
    text-decoration: none;
    font-size: 15px;
}
#theme_color_selector_cancel, #headerbar_color_selector_cancel, .attr_color_selector_cancel {
    float:right;
    margin-top: 10px;
    color: #737272;
}

/* Media embedding management */
#media_embed_popup{
    width: 478px;
}
#media_embed_popup .vimeo_videos_wrapper { height:500px; overflow-y:scroll; }
.vimeo_videos_wrapper div { margin-bottom:30px; display:inline-block; text-align:center; width:213px; vertical-align:top; }
.vimeo_videos_wrapper img { width:210px; cursor:pointer; }
.vimeo_videos_wrapper div:nth-child(even){
    margin-left:30px;
}

#media_embed_popup label {
    display: block;
    margin-bottom: 5px;
    font-size: 19px;
    font-weight: bold;
    float:left;
}

#media_embed_popup .text_input {
    padding: 0 15px;
    margin-bottom: 15px;
    width: 448px;
    height:35px;
    line-height:35px;
    background-color:#F3F3F3;
    font-size:17px;
    border:0px;
}

#media_embed_popup h3{
    font-size: 21px;
    color: #cb130f;
}

#media_embed_popup p{
    font-size: 15px;
    color: #cb130f;
    float: left;
    margin: 0;
}

#media_embed_popup #media_embed_code_holder{
    position: relative;
    height: 106px;
}

#media_embed_popup #media_embed_code{
    width: 100%;
    height: 100px;
    border-radius: 5px;
    border: solid 1px #CCC;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 12px;
}

#media_embed_popup #media_embed_placeholder{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -56px;
    margin-top: -12px;
    font-size: 21px;
    color: #B6B6B6;
    z-index: 1;
}

#media_embed_popup .vimeo-resync { position:absolute; top:4px; right:0px; font-size:12px; }

/*--------------------------------
*	ACCOUNT SETTINGS BOX
*/
.account_settings_page {
    margin-bottom: 40px;
    width:750px;
}
.account_settings_page .modal_box_column.col1 {
    width:46%;
    margin:0px;
}
.account_settings_page .text_input,
.account_settings_page .textarea_input,
#church_info_form .textarea_input{
    width:315px!important;
}

.account_settings_page .text_input_small{
    width:25%!important;
}

.account_settings_page .modal_box_column.col2 {
    width:46%;
    margin:0px;
}

.account_settings_page.settings_page .modal_box_column.col1 { width:35%; }
.account_settings_page.settings_page .modal_box_column.col2 { width:58%; }

.account_settings_page .modal_box_column.user_account_info_col1 {
    width:50%;
}

.account_settings_page .modal_box_column.user_account_info_col2 {
    width:30%;
    margin-right: 100px;
}

.account_info_box {
    background-color:#F4F4F4;
    font-size:12px;
    padding:20px;
    width:auto;
}

.account_settings_page .storageLabel{
    float: left;
}

.account_settings_page .storage_upload_total_msg{
    font-size: 11px;
    margin:45px 10px 5px 0;
    float: right;
    font-weight: bold;
}

.account_settings_page .storage_meter_outer {
    background-color:#F4F4F4;
    width: 100%;
    height: 40px;
    position: relative;
    overflow: hidden;
}

.account_settings_page .storage_meter_bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.account_settings_page .storage_type_msg{
    position: absolute;
    top: 13px;
    left: 20px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}

.account_settings_page .storage_remaining_msg {
    position: absolute;
    top: 13px;
    right: 20px;
    color: #2F2F2F;
    font-size: 12px;
    font-weight: bold;
}

.account_settings_page p{
    font-size: 14px;
    margin-top: 10px;
}

.embed_box{
    background-color:#F4F4F4;
    font-size:12px;
    padding: 10px 10px;
    width: 90%;
    border: 0;
    min-height: 42px;
}
#share_link_popup .embed_box { height:70px; }

.account_settings_page .account_input_info{
    font-size: 10px;
    color: #2F2F2F;
}

.account_settings_page #itunes_msg_img_preview{
    margin-top: 20px;
}

.account_settings_page .section-wrapper ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.account_settings_page .section-wrapper ul li {
    margin-top: 15px;
}

/** Receipts tab **/
.receipt_result_row{
    display: block;
    width: 94%;
    clear: both;
    padding: 15px 3%;
    color: #000;
    font-weight: 900;
    background-color: #F1F1F1;
}

.receipt_result_row:nth-child(even){
    background-color: #FFF;
}

.itunes_page #itunes_link_holder .text_input,
.embed_page .text_input, .embed_page .text_input2, .text_input3 {
    background-color: #F3F3F3;
    padding: 5px;
    font-size: 14px;
    border: 0;
}

.itunes_page #itunes_link_holder .text_input,
.embed_page .text_input{
    width: 500px !important;
}

.embed_page .text_input2 { width:280px; }
.embed_page .text_input3 { width:240px; float:left; }

/* iTunes styles */
.itunes_page .text_input.invalid,
.itunes_page .textarea_input.invalid {
    border: solid 1px #F90000;
}

/* User Management styles */

.account_settings_page .user_info_box {
    background-color:#F4F4F4;
    font-size:12px;
    width:auto;
    padding: 15px 20px;
    font-size: 14px;
}
.link_info_button {
    background-color:#F4F4F4;
    width:180px;
    height:39px;
    text-transform:uppercase;
    text-align:center;
    line-height:39px;
    font-size:14px;
    color:#b4b3b3;
    margin-bottom:10px;
    border-radius:5px;
    cursor:pointer;
    float:left;
    display:block;
    text-decoration:none;
    -webkit-transition:all 0.20s ease-in-out;
    -moz-transition:all 0.20s ease-in-out;
    -ms-transition:all 0.20s ease-in-out;
    -o-transition:all 0.20s ease-in-out;
    font-weight:500;
    letter-spacing:0.5px;
}
.media_links_wrapper { margin-top:35px; }
a.link_info_button { margin-right:30px; }

#media_links_box_holder i.flaticon-arrows121 { display:block; margin-top:9px; }
#media_links_box_holder i.flaticon-arrows121:before, .live-banners-wrapper i.flaticon-arrows121:before { color:#000; }

.live-banners-wrapper {
    position: relative;
    /* width: 460px; */
}
.live-banners-wrapper .banner_info_button, .banners-sortable-placeholder {
    display: inline-block;
    width: 220px;
    margin-right: 10px;
    position: relative;
}
.banners-sortable-placeholder {
    height: 50px;
    border: 1px solid red;
}
.live-banners-wrapper > div {
    margin-bottom: 20px;
    background-color: #e0e0e0;
    position: relative;
    padding: 20px;
}
.live-banners-wrapper div img {
    cursor: pointer;
    width: 85%;
}
.live-banners-wrapper div i {
    vertical-align: middle;
    position: absolute;
    top: 12px;
    right: 6px;
}
.live-banners-wrapper div i:before {
    margin-left: 0px;
}

.account_settings_page .user_info_box a{
    color: #000;
}

.account_settings_page .user_info_box .curr_accountant_icon{
    float: right;
    margin-top: -3px;
}

.account_settings_page .userAccountLabel{
    float: left;
}

.account_settings_page .edit_account_add, .account_settings_page .edit_link_add, .account_settings_page .edit_banner_add, .edit_chat_post_add {
    float: right;
    font-size: 16px;
    margin-top: 40px;
    color: #000;
    text-decoration: none;
    font-weight: 900;
}
.edit_chat_post_add {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 0px;
}
.account_settings_page .edit_banner_add {
    position: absolute;
    top: 37px;
    right: 10px;
}

.account_settings_page .userAccountInfoLabel label{
    font-size: 14px;
}

.account_settings_page .user_account_description{
    font-size: 12px;
}

.account_settings_page .user_account_warning{
    color: #CB140F;
}

#user_account_popup{
    width: 440px;
}

#user_account_popup .text_input{
    width: 410px;
}

#user_account_popup #account_edit_emailCheck,
#user_account_popup #account_edit_PassMatchCheck,
#church_info_form #church_info_emailCheck,
#church_info_form #church_info_accountNameCheck,
.account_settings_page #itunes_metadata_ownerEmailCheck
.account_settings_page #itunes_metadata_churchLinkCheck{
    clear: both;
    margin-top: 5px;
    position: absolute;
    font-size: 12px;
}

#user_account_popup #account_edit_emailCheck,
#user_account_popup #account_edit_PassMatchCheck {
    top: 34px;
    left: 5px;
}

.account_settings_page #itunes_metadata_ownerEmailCheck,
.account_settings_page #itunes_metadata_churchLinkCheck{
    margin-top: 2px;
}

#user_account_popup #account_register_title{
    float: right;
    font-size: 18px;
}

#user_account_popup .account_edit_delete_butto, #user_account_popup .link_edit_delete_button, .banner_edit_delete_button, .chat_post_edit_delete_button {
    float: left;
    line-height: 37px;
    color: #F90000;
}

#user_account_popup .custom_checkbox{
    margin-top: 5px;
}

#user_account_popup .account_edit_type{
    text-decoration: none;
}

#user_account_popup .account_edit_type_info{
    font-size: 13px;
    line-height: 25px;
    color: #000;
}

.button_input {
    border:0px;
    background-color:#2C2B2B;
    color:#FFFFFF;
    margin-left:5px;
    width:50px;
    height:37px;
    line-height:37px;
    text-align:center;
    cursor:pointer;
}

/* Link / Embed styles */
.account_settings_page #embed_col_right{
    float: left;
    margin-left: 10px;
    display:none;
}

.settings_box{
    margin-bottom: 5px;
    padding:20px;
    background-color:#F3F3F3;
    color: #FFF;
}

.settings_box textarea{
    border-radius: 5px;
    border: solid 1px #CCC;
    background-color: inherit;
    width: 100%;
    height: 50px;
}

.embed_page .custom_checkbox,
.settings_page .custom_checkbox{
    cursor: pointer;
}

.settings_box_right{
    float: right;
    width: 170px;
}

.settings_box_right p{
    margin: 0;
    font-size: 13px;
    color: #2F2F2F;
    font-weight: 900;
}


/* Stats page */
#content_stats { font-family:proxima-nova; }
#content_stats hr { margin-top:11px; }
.stats_title{
    color: #333;
    font-size:36px;
    float:left;
    margin: 0 0 15px 0px;
}
.stats_title.total_views { margin-top:109px; }
.stats_title.device_views { margin-top:60px; }
.stats_title.most_popular { margin-top:20px; }
.stats_period_filters > div { display:inline-block; }
.stats_period_filters a, .stats_period_filters span, #stats_popular_select > * { display:inline-block; }
.stats_period_filters span, #stats_popular_select span { vertical-align:top; font-size:24px; line-height:34px; }
.stats_period_filters, #stats_popular_select { padding:23px 0px 33px 58px; }
.stats_period_filters a, #stats_popular_select a {
    text-decoration:none;
    font-size:24px;
    line-height:24px;
    color:#2b2b2b;
}
.stats_period_filters a.color1, #stats_popular_select a.color1 { font-weight:bold; }
#stats_total_views_items { margin-top:80px; padding-left:82px; }
#stats_month_select{
    color: #333;
    font-size: 33px;
    font-weight: 900;
    margin-top:8px;
    position:relative;
}
#stats_month_select .stats_title { width:97%; }
#stats_month_select i { position:absolute; top:5px; right:0px; cursor:pointer; }
#stats_month_select i:before { font-size:27px; }
#stats_month_select a{
    text-decoration: none;
    display:none;
    float:left;
    background-image:url('/_content/images/move-to-next.png');
    width:21px;
    height:30px;
    background-size:24px;
    background-position:center;
    background-repeat:no-repeat;
    margin-top:7px;
}
#stats_month_select a.month_prev { transform:rotate(180deg); }

#stats_month_select a.disabled{
    opacity: 0.3;
    filter:alpha(opacity=30);
    cursor: default;
}

#stats_month_select a.month_next{
    float:right;
}

#stats_date{
    width: 165px;
    text-align: center;
}

#stats_map_holder{
    width:1084px;
    text-align: center;
    padding: 50px 0;
    position: relative;
    margin:0 auto;
}
#stats_map_holder #cancel_location { position:absolute; width:1084px; height:555px; top:0px; left:0px; }

#locations_selector { margin:33px 0px 0px 58px; }
#locations_selector h3.stats_title { margin-top:-3px; }
#locations_selector > div.floatLeft { margin-left:27px; }

#stats_map_selected_info{
    position: absolute;
    bottom: 70px;
    left: 40px;
    color: #FFF;
}

#stats_map_selected_info h3{
    font-size: 32px;
    margin: 0;
}

#stats_map_selected_info p{
    font-size: 14px;
    margin: 0;
}

#stats_by_device { padding:43px 0px 0px 58px; }
.stats_device_column { float:left; transform:scale(0.8); transform-origin:top left; }
#stats_by_device > div:not(:first-child):not(:last-child) { margin-left:88px; }
.stats_device_content { margin-top:35px; }
.stats_device_content .second_row { margin-top:20px; }
.stats_device_icon {
    width:208px;
    height:174px;
    float:left;
    background-size:208px;
    background-position:0px -17px;
}
.stats_device_icon.desktop { background-image:url('../images/stats-icon-monitor.png'); }
.stats_device_icon.tablet { background-image:url('../images/stats-icon-tablet.png'); background-size:174px; background-position:center; width:130px; }
.stats_device_icon.phone { background-image:url('../images/stats-icon-phone.png'); background-size:174px; background-position:center; width:100px; }
.stats_device_icon img { margin:46px 0px 0px 73px; }
.stats_device_icon.tablet img { margin:49px 0px 0px 33px; }
.stats_device_icon.phone img { margin:49px 0px 0px 18px; }
.stats_device_icon > div { text-align:center; color:#000; font-size:70px; font-weight:bold; margin-top:37px; line-height:70px; }
.second_row .stats_device_icon.desktop img { margin-top:38px; }
.second_row .stats_device_icon.tablet img { margin:46px 0px 0px 36px; }
.second_row .stats_device_icon.phone img { margin:46px 0px 0px 22px; }
.stats_device_circle {
    width:138px;
    height:138px;
    border-radius:69px;
    text-align:center;
    margin:4px 0px 0px 36px;
    float:left;
    color:#fff;
    font-weight:bold;
}
.stats_device_circle .count { font-size:43px; margin:43px 0px -2px; line-height:43px; }
.stats_device_circle .percent { font-size:19px; line-height:19px; }

.stats_map_point{
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(../images/stats_location.png);
    text-decoration: none;
    position: absolute;
}

.stats_result_row {
    background-color: #F4F4F4;
    margin: 0 0 10px 0;
    padding: 0;
    color: #2F2F2F;
    font-size: 14px;
    font-weight: 900;
    display: table;
    height: 40px;
    overflow: hidden;
}

.stats_result_row_content{
    display: table-cell;
    vertical-align: middle;
}

#stats_location_results_list{
    margin:0 auto;
    margin-top: 26px;
    width:1084px;
}

#stats_location_results_list .titles, #stats_daily_results .titles {
    color: #333;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
}

#stats_location_results_list .col, #stats_daily_results .col {
    float:left;
    margin-left: 35px;
    min-height: 17px;
    padding-left: 0px;
}
.stats_total_views_wrapper {
    
}
.stats_total_views_wrapper .video_views { margin:0px 88px; }
.stats_total_views_wrapper > div { position:relative; float:left; transform:scale(0.8); transform-origin:top left; }
.stats_total_views_wrapper div.stats_icon {
    position:absolute;
    width:104px;
    height:104px;
    background-color:#000;
    border-radius:52px;
    top:7px;
    left:-30px;
    background-size:53px;
    background-repeat:no-repeat;
    background-position:center;
}
.stats_total_views_wrapper div.stats_icon.audio { background-image:url(../images/player-icon-listen.png); } 
.stats_total_views_wrapper div.stats_icon.video { background-image:url(../images/player-icon-play.png); background-size:45px; background-position:35px center; } 
.stats_total_views_wrapper div.stats_icon.total { background-image:url(../images/image_colorizer_fg.php?color1=ffffff&img=stats-icon-equal.png); } 
.stats_total_views_holder{
    width:314px;
    height:314px;
    border-radius:157px;
    line-height:314px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:43px;
    line-height:43px;
}
.stats_total_title { font-weight:normal; padding-top:51px; }
.stats_total_value { font-size:99px; line-height:99px; margin:14px 0px -7px 0px; }

.stats_total_views_holder.last{
    margin-right: 0;
}
.stats_total_views_holder.total { background-color:#000; }

.stats_total_views_inner{
    width: 192px;
    height: 192px;
    position: absolute;
    border-radius: 192px;
    left: 34px;
    top: 34px;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
}

.stats_total_views_inner h3{
    margin: 68px 0 0 0;
    font-size: 39px;
}

.stats_total_views_inner p{
    margin-top: -5px;
    font-size: 19px;
    font-weight: 100;
}

#stats_daily_calendar{
    float: left;
}

/* jQuery Datepicker style customization */
#stats_daily_calendar .ui-datepicker {
    width:250px!important;
    font-size:12px!important;
    padding:0px!important;
    margin:0px!important;
    font-family: "Arial", "Lucida Sans", sans-serif;
    border:5px solid #F4F4F4!important;
}

#stats_daily_calendar .ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0;
}

#stats_daily_calendar .ui-datepicker thead th{
    background-color: #DCDCDC;
    font-weight: 100;
    width: 14.2857%;
}

#stats_daily_calendar .ui-datepicker tbody {
    background-color: #F4F4F4;
}

#stats_daily_calendar .ui-datepicker tbody tr td a,
#stats_daily_calendar .ui-datepicker tbody tr td span{
    background-color: #FFF;
    background-image: none;
    border: 0;
    height: 28px;
    font-size: 13px;
    font-weight: 900;
}

#stats_daily_calendar .ui-datepicker .ui-state-active{
    background-color: #DCDCDC;
}

#stats_daily_calendar .ui-datepicker .ui-datepicker-prev, #stats_daily_calendar .ui-datepicker .ui-datepicker-next{
    display: none;
}

#stats_daily_calendar .ui-datepicker .ui-datepicker-header{
    font-size: 18px;
    color: #FFF;
    background-color: #333;
    border: 0;
    background-image: none;
}

#stats_daily_results{
    width: 670px;
    float: right;
}

#stats_daily_results_list{
    height: 225px;
}

#stats_popular_items{
    width:1108px;
    margin:0 auto;
    margin-top: 10px;
    padding-bottom:100px;
}

.stats_popular_item{
    float: left;
    width: 200px;
    height: 230px;
}

.stats_popular_item.no_margin{
    width: 150px;
}

.stats_popular_item h6{
    font-size: 16px;
    margin: 10px 0 0 0;
    max-height: 37px;
    overflow: hidden;
}

.stats_popular_item p{
    margin: 0;
}

.stats_popular_item .stats_series_date{
    font-size: 12px;
}

.stats_popular_item .stats_series_speaker{
    font-size: 11px;
    font-style: italic;
}

#stats_location_results_list .col.location { 	width:  235px;}
#stats_location_results_list .col.total { 		width:  155px;}
#stats_location_results_list .col.audio { 		width: 110px;}
#stats_location_results_list .col.video { 		width: 85px;}
#stats_location_results_list .col.popular { 
    width:324px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#stats_daily_results .col.title { width: 158px; background: none; }
#stats_daily_results .col.series { width: 210px; }
#stats_daily_results .col.audio { width: 80px; }
#stats_daily_results .col.video { width: 80px; }


.ajax_action_indicator {
    display: none;
}
/*  coupons  */
#billing-coupon .ajax_action_indicator {
    margin: 14px 0 9px;
}

.coupon-message {
    font-size: 12px;
}

.coupon-message.error {
    color: #CB140F;
}

.coupon-message.success {
    color: #008200;
}

.coupons-list {
    width: 100%;
}

.coupons-list .button-remove {
    background-color: #9f211f;
    color: #ffffff;
    cursor: pointer;
    float: right;
    height: 37px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    width: 37px;
}

.create-coupon input[type="text"],
.billing-coupon input[type="text"] {
    border: 0 none;
    font-size: 17px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.create-coupon input[type="text"] {
    background-color: #CCC;
}

.billing-coupon .apply-button, .change-bg-music {
    border: 0;
    background-color: #2b2b2b;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 16px;
    height: 37px;
    text-align: center;
    width: auto;
}

.discount {
    text-decoration: line-through;
    color: #555;
}

/* Mobile styles (tablet and phone) */
@media only screen and (max-width: 999px){
    .filter_grid_cell_content { width:100%; }
    .filter_grid_cell {
        width:48%;
        margin-right:4%;
        margin-bottom:0px;
    }
    #toggleMenu { left:34px; }
    
    .filter_grid_cell:nth-child(3n) { margin-right:4%; }

    .filter_grid_cell:nth-child(2n){
        margin-right: 0;
    }
    .filter_grid_cell2 { width:48%; margin-right:4%; }
    .filter_grid_cell2 .filter_grid_cell_content { width:100%; }
    .filter_grid_cell2 .filter_grid_cell_content { }
    
    /* Mobile menu */
    #filter_view_tabs.live ul#large_menu{
        display: none !important; /* Since jQuery adds a block-level style, !important is required */
    }

    /* Hide the header */
    /* #top_bar, */ #headerbar{
        display: none !important;
    }

    #content_header, #hiddenHeaderImg, #bannerImg {
        width:100%;
    }
    #bannerImg { min-height:130px; }
    #filter_title_banner { min-height:130px; max-height:295px;  }
    #bannerImg {   }



    #mobile_menu{
        list-style-type: none;
        padding-left: 0;
        margin-top: 0;
        background-color:#fff;
        z-index:1;
    }

    #mobile_menu #mobileMenuTitle{
        float: left;
        font-size: 20px;
    }

    #mobile_menu > li{
        padding: 20px;
        border-bottom: solid 1px #CCC;
        text-transform: uppercase;
    }

    #mobile_menu > li > a{
        color: #2C2C2C;
        text-decoration: none;
    }

    #mobile_menu > li > a.selected{
        font-weight: 900;
    }

    .slideout-menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 256px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        display: none;
        border-right: solid 1px #CCC;
    }

    .slideout-panel {
        position: relative;
        z-index: 1;
    }

    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
        overflow: hidden;
    }

    .slideout-open .slideout-menu {
        display: block;
    }

    /* Other styles */
    #main_content, .media_info_box_inner_wrapper {
        max-width:calc(100% - 88px);
        margin-left:44px;
        margin-right:44px;
    }
    
    #filter_view_tabs > ul > li a{
        font-size: 14px;
    }
    img.filter_grid_thumbnail.rollover{
        display: none !important;
    }

    #filter_view_tabs.searchActive #menu_sublist_title{
        /*display: none;*/
    }

    #leave_container{
        display: none;
    }


    /* Series, categories, etc. banner */
    #filter_title_banner > div h3{
        font-size:20px;
    }

    #filter_title_banner > div h1{
        font-size:35px;
    }

    #box_description_inner_panel_1 { width:70%; margin-bottom:29px; }
    .author_playlist_wrapper {  }
    .author_playlist_wrapper, #box_description_inner_panel_1 { }
    #box_description_inner_panel_2 {  }
    .bottom_controls { display:block; margin-top:33px; }
    #media_info_speaker_img {  }
    #prev_next_messages { text-align:center; padding:0; }
    #media_info_box { padding:3% 0% 6% 0%; }
    .filter_grid_cell2 .filter_grid_scripture { display:none; }
    .filter_grid_cell2 .filter_grid_cell_content .filter_grid_title { width:100% }
    .searchHolder { margin-right:22px; }
    .message_actions_wrapper > div { /* margin-right:calc(5% - 5px); */ margin-right:38px; right:0px; }
    .load_more { margin-bottom:18px; }
    .powered-by {
        bottom: 55px;
    }
}

@media only screen and (max-width: 700px) {
    input#filter_text { width:100%; }
    .search_field_wrapper { width:100%; text-align:center; }
    .search_field_wrapper > div { width:90%; margin:0 auto; position:relative; }
    a.startSearch div { display:none; }
    #media_info_box { padding:0px 0% 6% 0%; }
    .messages_amount { /* margin-bottom:5px; */ }
    .message_header_inner .sermon-data-left:not(.is-stream) .date { font-size:18px; margin:20px 0 20px 0; }
    .player_action_icon_audio { margin-right:27px; }
    .player_action_icon_video { margin-right:15px; }
    .section_wrapper div.actions_icons { margin-top:29px; text-align:center; }
    .section_wrapper div.actions_icons > div { width:74px; height:68px; display:inline-block; position:relative; }
    .section_wrapper i:before { font-size:49px; margin-left:0px; }
    .section_wrapper .actions_icons > div { margin-right:10px; }
    .section_wrapper .actions_icons > div:nth-last-child(1) { margin-right:0px; }
    .section_wrapper .label { font-size:12px; line-height:12px; text-transform:uppercase; font-weight:bold; }
    .section_wrapper .label.main_header { margin:27px 0px 0px 0px; }
    .section_wrapper .label.sub { font-size:11px; }
    .load_more { margin-bottom:8px; }
    .powered-by {
        bottom: 45px;
    }
    .filter_grid_info .filter_grid_title { font-size:16px; line-height:16px; margin-bottom:3px; }
    .messages_amount { font-size:12px; line-height:12px; }
}

@media only screen and (max-width: 600px) {
    #share_data_wrapper .section_wrapper, #share_email_wrapper .section_wrapper { width:85%;  }
    #share_data_wrapper textarea, #share_email_wrapper input {
        width:100%;
    }
    #share_email_wrapper input { padding:7px; }
    #box_description_inner_panel_1 { width:65%; }
    #toggleMenu { left:16px; transform: scale(0.8); }
    .message_actions_wrapper > div { /* margin-right:calc(5% - 5px); */ margin-right:16px; right:0px; }
    #back_wrapper a { left:16px; top:36px; }
    #back_wrapper a img { width:15px; }
    #main_content, .media_info_box_inner_wrapper {
        max-width:calc(100% - 44px);
        margin-left:22px;
        margin-right:22px;
    }
}

/* Mobile phones */
@media only screen and (max-width: 480px){

    #menuTitle{
        display: none;
    }

    #filter_view_tabs { height: 41px; }

    /* Media player */

    #media_above_left{
        font-size: 11px;
    }

    #media_above_center > a > i:before{
        font-size: 14px;
        margin-left: 8px;
    }

    #media_views{
        display: none;
    }

    #box_description_inner_panel_1{

    }

    #media_related_box{
        margin-top: 35px;
    }

    #media_related_items .media_related_item{
        width: 48%;
        margin-right: 0;
    }
    #media_related_items .media_related_item:nth-child(odd){
        margin-right: 4%;
    }

    /* Filter search results */
    

    .filter_grid_cell, .filter_grid_cell2 {
        /*width:100%;
        margin-right:0;*/
    }
    .filter_grid_cell {
        /*width:100%;
        margin-right:0;*/
    }

    /* Series, categories, etc. banner */

    #top_bar, #filter_title_banner { min-height:130px; }

    #filter_title_banner > div h3{
        font-size:15px;
    }

    #filter_title_banner > div h1{
        font-size:30px;
    }

    #media_actions_wrapper { position:fixed; background-color:#fff; height:170px; z-index:999; top:-170px; left:0px; width:100%; }
    .section_wrapper > div.close { width:26px; height:26px; top:19px; right:24px; display:block; cursor:pointer; }
    .section_wrapper > div.close i:before { color:#000; font-size:26px; top:0px; margin-left:0px; }
        
    #media_type_select { font-size:10px; }
    .author_playlist_wrapper .close { margin:-36px 5px 0px 0px; }
    .author_playlist_wrapper #media_above_center { font-size:35px; top:-39px; right:43px; line-height:13px; }
    #media_info_speaker_img {  }
    
    #box_description_inner_panel_1 { margin-top:-22px; padding-left:0.3%; width:70%; }
    
    #media_info_series { max-width:100%; font-size:13px; line-height:13px; }
    #box_description_inner_panel_2 { font-size:15px; line-height:24px; }
    #share_email_wrapper .section_wrapper .label { margin-bottom:7px; }
    #share_email_wrapper input { margin-bottom:20px; }
    .audio_video_icon_holder { padding:3px 5px 0px 18px; height:48px; /*width:215px;*/ }
    .audio_video_icon_holder > div { height:33px; padding-top:10px; }
    .audio_video_icon_holder.oneOption {
        width:110px;
        margin-left:-66px;
    }
    .message_header_inner div:not(.is-stream) > .title { font-size:45px; line-height:45px; }
    
    
    .author_playlist_wrapper, #box_description_inner_panel_1 {  }
    
    body.message_page #toggleMenu { top:10px;  }
    .navicon, .navicon_w, .navicon_w:before, .navicon_w:after, .navicon:before, .navicon:after { width:2em; }
    .message_actions_wrapper > div { top:18px;  }
    #back_wrapper a { top:18px;  }

    #toggleMenu { top:10px; }
    a.startSearch { top:29px; }
    .slide_menu_holder { top:22px; }
    #menu_sublist_title { margin-top:10px; }
    #media_info_scripture { clear:both; margin-top:78px; float:none; }
    #box_description_inner_panel_2 { margin-top:14px; }
    a.media_download .flaticon-download2 { margin-right:-5px; }
    .filter_grid_cell2 { width:100%; margin-right:0; }
    .filter_grid_cell2 .filter_grid_cell_content { width:100%; }
    #media_info_box { padding-bottom:10%; }
    .link_info_button { width:100%; }
    .message_header_inner .sermon-data-left:not(.is-stream) > .date { font-size:23px; }
    #results_container .other_messages_dummy { height:128px; }
    .slide_menu_holder .arrow { padding:0px 0px 10px 10px; }
    #results_container .other_messages_header > div span { display:none; }
    .stream-main, .stream-sidebar {
        width: 88%;
    }
    .live-banners-front-wrapper a {
        width: 88%!important;
    }
    .topbar-countdown-wrapper .countdown, .topbar-countdown-wrapper .live-label {
        font-size: 12px;
    }
    .media_frame_info_holder .countdown-wrapper span {
        font-size: 10px;
    }
    .message_header_inner.is-stream .title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.2px;
    }
    .message_header_inner.is-stream .sermon-data-left .date {
        font-size: 10px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 420px){
    #filter_title_banner > div h1{
        font-size:22px;
    }
}

@media only screen and (max-width: 360px){
    #box_description_inner_panel_1 { margin-right:2px; }
    .slide_menu_holder a { margin-right:5px; }
}

.lightbox-popup {
    background-color: #ffffff;
    border: 20px solid #2c2b2b;
    border-radius: 25px;
    height: auto;
    left: 0;
    padding: 25px;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 1002;
}

.lightbox-popup .message {
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}

.lightbox-popup .message .main-line {
    font-size: 22px;
    font-weight: bold;
    margin: 6px 0;
}

.lightbox-popup .popup-button {
    border: 0;
    background-color: #2b2b2b;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    height: 37px;
    width: 80px;
}

.lightbox-popup .left-aligned { text-align:left; }
.lightbox-popup .gray .main-line { color:#000; }
.lightbox-popup .gray { color:#2b2b2b; line-height:30px; }
.lightbox-popup .right-aligned { text-align:right; }
.lightbox-popup .small { font-size:16px; line-height:16px; }

/* loading option */
/*
.sc-loading,
.sc-loading:after {
 width: 32px;
 height: 32px;
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -16px;
 margin-left: -16px;
 border-radius: 50%;
 z-index: 100;
}
*/
.sc-loading,
.sc-loading:after {
    width: 32px;
    height: 32px;
    background-image: url(../images/img_loader_big.png) !important;
    background-repeat: no-repeat;
    background-size: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    z-index: 100;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
    animation-duration: 1.3s;
    animation-name: sc-loading;
}
.grid-loading {
    display: none;
    width: 30px !important;
    height: 30px !important;
    background-image: url(../images/img_loader_big.png) !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
    position: absolute;
    top: 50% !important;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 100;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
    animation-duration: 1.3s;
    animation-name: grid-loading;
}
@keyframes grid-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#searching_indicator, #searching_indicator:after{
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-image: url(../images/img_loader_big.png) !important;
    background-repeat: no-repeat;
    background-size: 16px;
    display: none;
    position: absolute;
    z-index: 10000;
    top: 0px;
    left: 0px;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
    animation-duration: 1.3s;
    animation-name: sc-loading;
}
/*
#searching_indicator, #searching_indicator:after{
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 50%;
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
}
#searching_indicator {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  transform: translateZ(0);
  animation-iteration-count:infinite;
  animation-timing-function: linear;
  animation-duration: .8s;
  animation-name: sc-searching;
}
*/
/*
.sc-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  transform: translateZ(0);
  animation-iteration-count:infinite;
  animation-timing-function: linear;
  animation-duration: .8s;
  animation-name: sc-loading;
}
*/

@keyframes sc-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes sc-searching {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.error{
    color: #CB140F;
}

/**  account settings  **/
.modal_box_column .section-wrapper {
    margin-top: 35px;
}

.modal_box_column .section-wrapper .section-title {
    color: #2f2f2f;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 19px;
}

.account_settings_page.settings_page .modal_box_column.col1 {
    width: 40%;
}
.account_settings_page.settings_page .modal_box_column.col2 {
    width: 60%;
}

.button {
    background-color: #2b2b2b;
    color: #ffffff;
    cursor: pointer;
    line-height: 37px;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
}

.feed-link span {
    font-size: 12px;
    display: block;
}

.feed-link .text_input {
    margin: 4px 0 10px;
    width: 90% !important;
}

/** media import  **/

a.disabled {
    pointer-events: none;
    cursor: default;
}

#import-audio .ajax_action_indicator {
    margin-left: 10px;
    margin-top: 14px;
}

#import-audio .button.submit, .export-audio-data .button.submit {
    display: block;
    font-weight: bold;
    float: left;
    height: 37px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 140px;
}

.custom_checkbox {
    cursor: default;
}

#media-import-form .list-controls {
    background-color: #f1f1f1;
    padding: 6px 0 2px 4px;
}

.media-import-list {
    list-style: none;
    padding: 0;
}

.media-import-list .item {
    margin-bottom: 10px;
}

.action-buttons {
    margin-top: 20px;
    text-align: right;
}

.action-buttons a {
    margin-left: 8px;
}

.action-buttons a.cancel {
    color: #737272;
}

#media-import-form .modal_box_column.col1 {
    float: none;
    margin-right: 0;
    width: auto;
}

#media-import-form .modal_box_column.col1 .select_input {
    width: 400px;
}

.col.check {
    padding-left: 0;
}

.button.delete-checked-messages {
    height: 20px;
    line-height: 20px;
    margin: -4px 8px 0 0;
    padding: 4px;
}

.default-message-background .filetypes {
    font-size: 9px;
    font-weight: bold;
    margin: 6px 0 10px 0;
}

.default-message-background .bg-size-info {
    font-size: 10px;
    margin-top: 5px;
}

img.default_media_bg {
    height: auto;
    width: 235px;
}

.delete_default_media_bg {
    color: red;
    display: block;
    font-size: 10px;
    margin: -13px 0 0 204px;
    position: relative;
    text-decoration: none;
}

/** clear account **/
.clean-account .button.submit {
    display: block;
    font-weight: bold;
    height: 37px;
    padding: 0 15px;
    text-transform: uppercase;
    width: 90%;
}

/** popup dialog  **/
#popup-dialog .message .warning {
    color: #CB140F;
}

video::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}

video::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

.lists-wrapper {
    min-height: 300px;
    max-height: 500px;
    overflow-y: scroll;
    margin-bottom: 50px;
}
.streams-list-table {
    width: 900px;
    border-spacing: 0 4px;
    font-size: 14px;
}
.streams-list-table tr {
    height: 36px;
    line-height: 24px;
    background-color: #f1f1f1; 
}
.streams-list-table td, .streams-list-table thead th {
    padding: 0 20px;
    text-align: left;
}
.edit_stream_delete, .stream_comment_delete, .chat_post_delete, .chat_post_delete2 {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(/_content/images/icon-bin.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.stream_comment_delete, .chat_post_delete2 {
    width: 14px;
    height: 14px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}
.chat_post_delete2 {
    top: 10px;
    right: 10px;
}
.chat-message:hover .stream_comment_delete, .chat-posts > div:hover .chat_post_delete2 {
    display: block;
}
.stream-add {
    text-decoration: none;
    color: #FFF;
    font-size: 12.5px;
    padding: 10px;
    border-radius: 10px;
    margin: -3px 0px 3px 0px;
    background-color: #b0251a;
    text-transform: uppercase;
}