/* loading */
.loader {
    margin: 0 auto;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid #F26B62;
    border-right-color: transparent;
    -webkit-animation: load-animation 1.4s infinite linear;
    animation: load-animation 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* datatables*/
.dataTables_wrapper .dataTables_processing {
    z-index: 1;
}

.row>.col-md-7>.dataTables_paginate {
    margin-bottom: 40px;
}

.page-sidebar-menu i {
    vertical-align: middle;
}
.page-sidebar .page-sidebar-menu>li.heading>h3,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
    color: #E1E4E9;
}

/*ダッシュボード*/
.table_douga{
    width:40%;
}
.small_title{
    font-size:12px;
}

.portlet>.portlet-body .thumbnail {
    margin-bottom: 0px;
}

.table.table-light>tbody>tr> .channel_pic .user-pic{
    height: 65px;
    width: 65px;
}

.table.table-light>tbody>tr .video-thumbnail{
    height: 90px;
    width: 160px;
}

/*チャンネル検索*/
.open_hist{
    margin:0 auto;
}
.open_hist>a.btn{
    padding-top:0px;
}
.open_hist .material-icons{
    position: relative;
    top: 5px;
}
#tab_keywordRank .channel_watch,#tab_keywordRank .channel_comment{
    width:180px;
}

#keyword-area .btn>span{
    margin-left: 10px;
}
#keyword-list .btn{
    margin-right:10px;
}

.channel_icon{
    height:25px;
    margin-right:5px;
}

.bootstrap-tagsinput {
    width: 100%;
}

.bootstrap-tagsinput * {
    text-transform: none !important;
}

/*Echart*/
 .bars100, .chart100, .pie100{
    height:140px;
}

.chartHigher{
    height:300px;
}

/*カウンター部分*/
.widget-thumb .widget-thumb-wrap {
    position: relative;
    height: 110px;
}
.widget-thumb .widget-thumb-body .widget-inner-row {
    width: 100%;
    height: 25px;
}
.widget-thumb .widget-thumb-body .widget-inner-row .widget-thumb-body-stat.sub {
    font-size:14px;
}
.widget-thumb .widget-thumb-body i {
    font-size:16px;
    vertical-align: middle;
}
.widget-thumb .widget-thumb-body .material-icons {
    font-size:19px;
    vertical-align:bottom;
}
.widget-inner-row.rank {
    position: absolute;
    bottom: 0px;
}
.widget-inner-row.rank span {
    margin-right: 3px;
}
.widget-thumb.bordered{
    height:175px;
}

/*星*/
.table.table-light>tbody>tr>td .star{

}
.table.table-light>tbody>tr>td a .star{
    color:#95A5A6;
}
.table.table-light>tbody>tr>td a:hover .star{
    color:#F8D347;
}

/*チャンネル詳細*/
#card-widget-area .portlet-body{
    min-height: 200px;
    position: relative;

}

.table-scrollable-wrapper {
    position: relative;
    margin: 0!important;
}

.table-scrollable-wrapper .shadow {
    position: absolute;
    width: 25px;
    height: 100%;
    top: 0;
}

.table-scrollable-wrapper .left-shadow {
    left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.15+0,0.1+15,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

.table-scrollable-wrapper .right-shadow {
    right: 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+85,0.15+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=1 ); /* IE6-9 */

}

.table-scrollable{
    min-height: 50px;
}

.round-card {
    min-width: 140px;
    min-height: 130px;
    padding: 0px 5px;
}
.round-card.col-xs-6 {
    padding: 5px;
}

/*キーワードランキング*/
.channel_watch,.channel_comment{
    max-width:180px;
}
#keyword-video-ranking .gold {
    background-color: #F7EFD7;
}

#keyword-video-ranking .silver {
    background-color: #EFEFEF;
}

#keyword-video-ranking .copper {
    background-color: #F7E4D7;
}
#keyword-video-ranking .rankitem, #myChannel-douga{
    margin:10px auto;
    padding-top:10px;
    padding-bottom:10px;
}

/*tagsinput*/
.bootstrap-tagsinput input{
    /*min-width: 3em ;*/
}
.bootstrap-tagsinput{
    margin-bottom:0;
    position:relative;
}

/*ランキング*/
.ranking-footer #footer-inner {
    padding-left: 20px;
    padding-right: 20px;
}
.ranking-footer #footer-inner #info-list ul li {
    line-height: 2em;
    font-size: 16px;
}

/*汎用*/
.margin_l {
    margin-left:20px;
}
.margin-r-3{
    margin-right: 3px;
}
.margin_tb{
    margin-top:5px;
    margin-bottom:5px;
}
.margin-tb-30{
    margin-top:30px;
    margin-bottom:30px;
}
.margin-top-100{
    margin-top:100px;
}
.height25{
    height:25px;
}
.height50{
    height:50px;
}
.height300{
    height: 300px;
}
.height400{
    height: 400px;
}
.height500{
    height: 500px;
}
.height100p{
    height: 100%;
}
.width30{
    width:30px;
}
.width30p{
    width:30%;
}
.width150{
    width:150px;
}
.width20p{
    width:20%;
}
.border_radius{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-right-5{
    padding-right: 5px;
}
.padding-left-10{
    padding-left:10px;
}
.padding-right-10{
    padding-right:10px;
}
.padding-top-5{
    padding-top: 5px;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-lr-5{
    padding-left: 5px;
    padding-right: 5px;
}
.position-relative{
    position: relative;
}
.position-middle{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.box-middle{
    display:-moz-box;
    display:-webkit-box;
    display:-o-box;
    display:-ms-box;
    -moz-box-align:center;
    -webkit-box-align:center;
    -o-box-align:center;
    -ms-box-align:center;
}
.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}
.user-pic{
    width:30px;
    height: 30px;
}
/*favorite*/
.star-box {
    cursor: pointer;
}

.top-menu .dropdown-user li.channel-add {
    margin-top: 10px;
}

.dropdown-user > ul.dropdown-menu > li.current-user,
.dropdown-user > ul.dropdown-menu > li.current-user:hover {
    background-color: #F6F6F6;
}

.dropdown-user > ul.dropdown-menu > li > a > img.user-pic {
    margin-right: 5px;
}

.star-box i.star.selected {
    color: #F8D347;
}
/*ヘルプボタン*/
i.material-icons.popovers, i.material-icons.helptext{
    font-size:14px;
}
/*タブ*/
.nav-tabs, .tabbable-custom {
    margin-bottom: 0px;
    border: none;
    overflow: visible;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none;
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #57C7F1;
}
.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
    background: none;
    border-bottom: 4px solid #A2DCF1;
}
.more-link-wrap {
    margin-top: 10px;
    height: 20px;
}

/*ガイド*/
.guide{
    padding-bottom:5px;
    background: #E9EDEF;
    color: #3598dc;
}
.guide .guide-text{
    margin:10px auto;
}
.guide .checkguide{
    font-size:13px;
}
.relative{
    position: relative;
}
/*トースター*/
.toast-success {
    background-color: #57C7F1;
}

/*モーダル*/
.modal-open {
    overflow-y: hidden!important;
}
/*準備中*/
.prepare-message {
    width: 80%;
    margin: 50px auto;
    color: #34495e;
}
.prepare-message:after{
    content:"ただいまデータを準備中です。\A反映まで１〜２日かかりますので、\A今しばらくお待ち下さい。";
    white-space: pre;
}
/*404*/
.error-message{
    width: 80%;
    margin: 50px auto;
}

/*ボタン*/
.s-button{
    background-color: #95A5A6;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}
.s-button:hover, .s-button:active,.s-button:focus, .s-button a:hover, .s-button a:active{
    text-decoration: none;
    color: #E5E5E5;
}
.s-button.facebook{
    background-color: #3B5998;
}
.s-button.twitter{
    background-color: #55acee;
}

.ghost-btn {
    display: inline-block;
    padding: 10px 20px;
    border: solid 2px #fff;
    border-radius: 0px;
    background: rgba(0,0,0,0.2);
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    top: 165px;
    left: 244px;
    transition: 0.5s;
    font-size: 16px;
}
.ghost-btn:hover {
    color: #333;
    background: #fff;
}

table td div.title-field a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

table td div.title-field.video a {
    width: 300px;
}

.d-flex {
    display: flex;
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}

.align-end {
    align-self: flex-end;
}

#suggest-keyword .loader{
    margin: 3px;
    display: inline-block;
    vertical-align: middle;
}

#suggest-keyword button{
    margin: 2px 5px 0px 5px;
}

#suggest-keyword span.title{
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

#suggest-keyword {
    margin: 5px 0;
}

.column-visibility-setting-area > div {
    font-size: 18px;
    line-height: 32px;
    padding: 5px 0px 4px
}

.column-visibility-setting-area {
    margin: 0 0 0 10px;
    display: inline-block;
    width: 66px;
    float: left;
}

.column_visiblity_setting label {
    display: block;
    text-align: left!important;
}

.popover {
    z-index: 100000;
}

@media screen and (max-width: 640px) {
    .left-header-wrapper {
        width: 190px;
        height: 35px;
        margin: auto;
    }

    .left-header-wrapper div.dataTables_length{
        float: left;
    }
}

td.title div.video .popover {
    width: 400px;
}

.manage-search-condition{
    margin:5px 3px;
}

@media (min-width:500px) {
    .search-condition-bar {
        float:right;
    }

    .float-cancel {
        float:left;
    }

    .explain{
    padding-top:10px;
    }
}

@media (max-width:500px) {
    .search-condition-bar {
        float:left;
    }

    #for-clear-float{
    clear:both;
    }
}

@media (min-width: 350px) {
    .float-cancel-second {
        float:left;
    }
}
#save-condition-btn {
    padding:0 10px;
}

#delete-condition-btn {
    padding:0 15px;
}

.width-class{
    width:150px;
}

.message-for-creator{
    position:absolute;
    width:500px;
    height:200px;
    top:50px;
    left:0;
    right:0;
    margin:auto;
    background-color:#fff;
    border:1px solid black;
    word-break:break-all;
}

.btn-wrapper{
    width:70%;
    margin:0 auto;
}

.trial-link-btn{
    width:100%;
    color:#fff;
    font-size:17px;
    background-color:#337ab7;
    border-radius:6px;
}

.caution-for-creator{
    text-align:center;
    padding:17px 30px 0;
}

.caution-for-dashboard{
    text-align:center;
    padding:0 30px 0;
}

@media (max-width:700px) {
    .message-for-creator-sm{
        width:270px;
        height:240px;
        top:5px;
    }

    .message-for-dashboard-sm{
        width:270px;
        height:200px;
        top:5px;
    }

    .message-for-creator-sm .btn-wrapper-sm{
        width:90%;
        margin:0 auto;
    }

    .message-for-creator-sm .trial-link-btn-sm{
        font-size:13px;
    }

    .message-for-creator-sm .caution-for-creator-sm{
        padding:5px 10px 0;
    }

    .message-for-dashboard-sm .caution-for-dashboard-sm{
        font-size:12px;
        padding:5px 10px 0;
        margin:0 15px 0;
    }

}



[class^='blur-image']{
    height:0px;
    position:relative;
    display:none;
    min-height:220px;
}

.blur-image-channel{
    padding-top:52%;
    background:url('/assets/pages/img/blur-creator-search.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-contents{
    padding-top:52%;
    background:url('/assets/pages/img/blur-contents-search.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-overall{
    padding-top:50%;
    background:url('/assets/pages/img/blur-overall.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-facebook{
    padding-top:200%;
    background:url('/assets/pages/img/blur-facebook.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-instagram{
    padding-top:200%;
    background:url('/assets/pages/img/blur-instagram.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-twitter{
    padding-top:168%;
    background:url('/assets/pages/img/blur-twitter.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-product-video{
    padding-top:246%;
    background:url('/assets/pages/img/blur-product-video.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-product-video-tab-creator{
    padding-top:99%;
    background:url('/assets/pages/img/blur-product-video-tab-creator.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-video-measurement{
    padding-top:55%;
    background:url('/assets/pages/img/blur-video-measurement.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-channel-sponsored-video{
    padding-top:115%;
    background:url('/assets/pages/img/blur-channel-sponsored-video.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-trend-keyword-detail{
    padding-top:250%;
    background:url('/assets/pages/img/blur-trend-keyword-detail.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-ranking-creator{
    padding-top:173%;
    background:url('/assets/pages/img/blur-ranking-creator.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-ranking-video{
    padding-top:173%;
    background:url('/assets/pages/img/blur-ranking-video.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-channel-keyword{
    padding-top:25%;
    background:url('/assets/pages/img/blur-channel-keyword.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-category-video-count{
    padding-top:59%;
    background:url('/assets/pages/img/blur-category-video-count.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-youtube-gaming-title-video-count{
    padding-top:59%;
    background:url('/assets/pages/img/blur-youtube-gaming-title-video-count.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-video-detail{
    padding-top:99%;
    background:url('/assets/pages/img/blur-video-detail.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-trend-video-search{
    padding-top:122%;
    background:url('/assets/pages/img/blur-trend-video-search.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-dashboard{
    padding-top:59%;
    background:url('/assets/pages/img/blur-dashboard.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-pickup-creators{
    padding-top:68%;
    background:url('/assets/pages/img/blur-pickup-creators.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-traced-company{
    padding-top:100%;
    background:url('/assets/pages/img/blur-traced-company.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-channel-audience-gender-chart{
    padding-top:50%;
    background:url('/assets/pages/img/blur-channel-audience-gender-chart.png') 0 0 no-repeat;
    background-size:contain;
}

.blur-image-channel-audience-age-chart{
    padding-top:50%;
    background:url('/assets/pages/img/blur-channel-audience-age-chart.png') 0 0 no-repeat;
    background-size:contain;
}

.label-menu-new {
    margin-left: 10px;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    box-shadow: none;
    display: inline-block;
    line-height: 12px;
    vertical-align: bottom;
    color: #FF6C60;
    border-color: #FF6C60;
}

.page-sidebar-menu i {
    padding-top: 3px;
    width: 16px;
    height: 16px;
    font-size: 14px;
}

.page-sidebar-menu .sub-menu span.title {
    font-size: 13px;
}

.page-sidebar-menu .sub-menu a.nav-link {
    padding: 4px 15px 4px 43px!important;
}

.no-notification {
    color: #666;
    padding-left: 10px;
}

li.unread {
    background-color: #edf2fa;
}

.start-time {
    font-size: 12px;
    font-weight: 400;
    opacity: .5;
    filter: alpha(opacity=50);
    float: right;
    padding-bottom: 5px;
}

.statistic-widget-value, .prefix-unit, .suffix-unit {
    vertical-align: middle;
}

.prefix-unit {
    font-size: 25px;
    padding-right: 5px;
}

.suffix-unit {
    font-size: 25px;
    padding-left: 5px;
}

/* channel suggestion box */
.list-search {
    position: static;
    padding-left: 5px;
    padding-right: 5px;
    margin:7px 0px;
    height: 100%;
    width: 100%;
}

.list-search-container{
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 300px;
    overflow: hidden;
}

.list-search-container input[type="submit"]{
    cursor: pointer;
    font-family: FontAwesome;
    border: none;
    color: #c2cad8;
    background-color: #FFFF;
    position: absolute;
    top: 8px;
    height: 2.2em;
    left: 90%;
}

.list-search-container-mobile {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: auto;
    overflow: hidden;
}

#creator-keyword:disabled {
    background-color: #eee;
}

.suggest-list-overlay {
    z-index: 1000;
    position: absolute;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(238, 241, 245);
    border-bottom-color:rgb(204, 204, 204);
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-image-outset:0px;
    border-image-repeat:stretch;
    border-image-slice:100%;
    border-image-source:none;
    border-image-width:1;
    border-left-color:rgb(204, 204, 204);
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:rgb(204, 204, 204);
    border-right-style:solid;
    border-right-width:1px;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}

.suggest-list-overlay .dataTables_wrapper .dataTables_empty {
    height: 50px;
}

.agency-loader {
    margin-left: 55px;
    top: -25px;
}

.blur-image {
    height: 400px;
    background-position: center;
}