#adminbody{
    background: #333;
}
#adminwrapper{
    padding-top:80px;
}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}

.panel-heading h4{line-height: 30px;}
.form-control-feedback{margin-right:15px;}
#rrframe_bg_container{
    position:relative;
}
.rrframe{
    width:100%;
    height:100%;
}
.subframe{
    width:50%;
    height:auto;
    padding-bottom:10px;
    padding-top:10px;
    margin: 0 auto;
}

.cb-slideshow li{
    list-style: none;
}
.cb-slideshow,
.cb-slideshow:after {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 0; 
}

#adminbody .cb-slideshow,#adminbody .cb-slideshow:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}

.cb-slideshow li span { 
    width: 90%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

#adminbody .cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}


#showclock{
    text-align: center;
    color: #fff;
    background: rgba(79,149,175, 0.6);
    border-color: #4F95AF;
    padding:15px;
}
#clockdiv button{margin-top:-2px; margin-left:5px;}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
.form-group-md label{
    line-height: 34px;
    margin-bottom: 0;
}

/*data tables adjustments*/
table.dataTable
{
    font-size: 12px;
}
table.dataTable thead > tr > th{
    font-weight:500;
    padding-left: 8px;
    padding-right: 18px;
}
table.dataTable tbody>tr>td{
    padding-top:3px;
    padding-bottom:3px;
    line-height:23px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
    top:3px;
    left:6px;
    height: 14px;
    width: 14px;
    border: 1px solid white;
    border-radius: 14px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{top:3px;
    left:6px;
    height: 14px;
    width: 14px;
    border: 1px solid white;
    border-radius: 14px;}

.img_in_dt{margin-right:5px;}
.img_in_dt_page{margin-left:5px;}
.ui-dialog { z-index: 1000 !important ;}
.bold{font-weight:bold;}
.dt_image_pm {
    position: relative;
    display:inline-block;
   overflow: hidden;
}

.toolbar_name, .toolbar_name_artist_person{width:60%; height:auto; display:block; float:left; line-height:25px; font-size:18px; margin-bottom:5px; text-align:left;}
.toolbar_button, .toolbar_button_artist_person{width:40%;height:auto; display:block; float:right;}
.toolbar_filters {
    display:inline-block;
    margin-left:15px;
}
.dataTables_filter{display:block; width:100%;float:left; margin-left:0; text-align:left;}
.dataTables_length{display:block; width:100%;float:left; margin-left:0; text-align:left;}
.dataTables_processing { z-index: 1; }

.input-group-custom {line-height: normal; margin-right:3px; margin-top:1px;margin-bottom:1px;}
.input-group-custom .label-custom{
    padding: 1px 5px;
    height:22px !important;
    line-height:20px;
    font-size: 11px;
    border-radius: 3px;
font-weight: normal;
    color:#fff;
}



.input-group-btn-custom:last-child>.btn, .input-group-btn-custom:last-child>.btn-group{ margin-left:-2px;}

.admin-avatar{height:25px; width:25px;}
.ver_green{ font-weight: bold; color: #31b131;}
.ver_red{font-weight: bold; color: #ac2925;}
.platform_icon{width:18px;height:auto; margin-right:3px;}
.org_btn{width:44px;height:auto; border:1px solid #666;margin-right:3px;}
.photoalbum_tmb{height:25px; width:auto;}
.change_srt{margin-right:5px;}

.select_artists{}
.modal-sp{width:95%; max-width:1470px;}


.nav.nav-tracks>li>a { padding: 5px 10px}

.nav-pills.nav-tracks>li.active>a, .nav-pills.nav-tracks>li.active>a:focus, .nav-pills.nav-tracks>li.active>a:hover{
    color: #000;
    background-color: #EDEDED;
}

/*#track_player {height:25px;}*/
/*#track_player canvas{height:25px;}*/
/*#track_player wave{height:25px !important;}*/
/*#track_player wave wave {background:rgba(255, 255, 255, .80); }*/


#track_player{position:absolute;width:90%; height:22px !important; z-index: 25; border:1px solid #CCC;}
#track_player canvas{height:22px;}
#track_player wave { height:22px !important; border-bottom: 1px solid #fff;}
#track_player wave wave{ background: #008CBA;}


.redactor_toolbar {
    background: #333;
    box-shadow: none;
}
.redactor_toolbar li a {
    color: rgba(255, 255, 255, .80);
}
.redactor_toolbar li a:hover {
    background: #ccc;
    color: #333;
}
.redactor_editor{
    background: #f5f5f5;
    line-height: 1.42857143;
}

.fields_hidden, .menu_items_hidden, .columns_hidden,.aliases_hidden{display:none;}
.fields_visible, .menu_items_visible, .columns_visible, .aliases_visible{
    /*-webkit-animation: fadein 0.5s; !* Safari, Chrome and Opera > 12.1 *!*/
    /*-moz-animation: fadein 0.5s; !* Firefox < 16 *!*/
    /*-ms-animation: fadein 0.5s; !* Internet Explorer *!*/
    /*-o-animation: fadein 0.5s; !* Opera < 12.1 *!*/
    /*animation: fadein 0.5s;*/
    display: none;}

.toggle_wp_relation{margin-bottom:5px;  }
.label-author{ display: inline-block;
    min-width: 35px;
    font-weight: normal;
    margin-right: 5px;
line-height:12px;
    font-size:11px;
}

.label-pt{ display: inline-block;
    min-width: 40px;
    font-weight: normal;
    margin-right: 5px;
    line-height:12px;
    font-size:11px;
}
.dt_flag{height:15px; width: 23px;}
.dt_label{font-weight:normal; font-size:11px;}
.load_media_content .modal-body{
    background: #f9f9f9;
}
.light_image{
    background: #666;
}
.jcrop-holder{
    background-color: #fafafa !important;
}
.mb-3{
    margin-bottom:5px;
}
.mailing_block_buttons{
    margin-top:10px;
    text-align: center;
}
@media (min-width: 768px) {
    .subframe{
        width:90%;
        height:auto;
    }

    .toolbar_name, .toolbar_name_artist_person{width:auto;display:inline-block; float:left;}
    .toolbar_button, .toolbar_button_artist_person{width:auto;display:inline-block; float:right; margin-left:10px;}
    .dataTables_filter{width:auto;display:inline-block; float:right; margin-left:10px;}
    .dataTables_length{width:auto;display:inline-block; float:right; margin-left:10px;}
    .dataTables_info{float:left;}
    .dataTables_paginate{float:right;}
    .modal-fw{
        width:90%;
    }

    .mailing_block_buttons{
        margin-top:0;
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .modal-fw{
        width:80%;
    }
}

@media (min-width: 1600px) {
   .container{width:1470px}
}