/*global css start*/
/*global css end*/

/*dashboard  css start*/
/*dashboard css  end*/

/*overview  css start*/
/*overview css  end*/

/*realtime  css start*/
/*realtime overview  css start*/
/*realtime overview  end*/
/*realtime live-qoe  css start*/
/*realtime live-qoe  end*/
/*realtime css  end*/

/*service operation  css start*/
/*service operation css  end*/

/*content  css start*/
/*content overview  css start*/
/*content overview  end*/
/*content media  css start*/
/*content media  end*/
/*content advanced  css start*/
/*content advanced  end*/
/*content content  css start*/
/*content content  end*/
/*content semantics  css start*/
/*content semantics  end*/
/*content css  end*/

/*customer-care  css start*/
/*customer-care overview  css start*/
/*customer-care overview  end*/
/*customer-care subscriber info  css start*/
/*customer-care subscriber info css end*/
/*customer-care subscriber  css start*/

/*customer-care subscriber  end*/
/*customer-care css  end*/


/*marketing  css start*/
/*marketing overview  css start*/
/*marketing overview  end*/
/*marketing subscription  css start*/
/*marketing subscription  end*/
/*marketing css  end*/

/*engagement  css start*/
/*engagement overview  css start*/
/*engagement overview  end*/
/*engagement device  css start*/
/*engagement device  end*/
/*engagement viewer  css start*/
/*engagement viewer  end*/
/*engagement css  end*/

/*ad  css start*/
/*ad overview  css start*/
/*ad overview  end*/
/*ad insights  css start*/
/*ad insights  end*/
/*ad css  end*/

/*qoe  css start*/
/*qoe overview  css start*/
/*qoe overview  end*/
/*qoe statistics  css start*/
/*qoe statistics  end*/
/*qoe diagnostics  css start*/
/*qoe diagnostics  end*/
/*qoe css  end*/
/*Setting dev info  start*/
/*Setting dev info css  end*/

/*SMS user info  start*/
/*SMS user info css  end*/

/*metax feed start*/
/*metax title start*/
/*metax title end*/
/*metax unpublished asset start*/
/*metax unpublished asset end*/
/*metax episodes start*/
/*metax episodes end*/
/*metax feed end*/

/*metax shelf start*/
/*metax shelf end*/

/*metax subscriber Activity start*/
/*metax subscriber Activity end*/

/*metax Media Policy start*/
/*metax Media Policy end*/

/*metax Reco Setting start*/
/*metax Reco Setting end*/

/*Download start*/
/*Download end*/

/*Report start*/
/*Report end*/


/*global css start*/
#maincontent {
    margin-top: 60px;
}
/*global css end*/

/*dashboard  css start*/
.filterSpacing{
    padding-left: 20px;
    margin-top: -7px;
    padding-bottom: 10px;
}

input:disabled,
select:disabled,
checkbox:disabled{
    background: #dddddd;
}
.filterCust{
    padding:4px 0px;
}
.filterCust .col-title{
    width: 120px;
}
.filterCust input[type="checkbox"],
.filterCust input[type="radio"],
.filterCust button
{
    width:auto;
    height:auto;
    vertical-align:middle;
    margin:0;
}
.filterCust span{
    font-weight:bold;
}

.Card-head {
    border-bottom: 1px solid #d7d7d9;
    display: block;
    margin: 0;
    padding: 10px;
}
.Card-head h3 {
    font-size:17px;
}
.Card-foot {
    display: block;
    margin: 0;
    padding: 10px;
}
.Pairs {
    display: table;
    width: 100%;
}
.Pairs .Pairs-row {
    display: table-row;
    padding-top : 9px;
}
.Pairs .Pairs-row .btn{
    font-weight:bold;
    font-size: 12px;
    padding:3px;
    height:auto;
    width:130px;
    white-space: normal;
}
.Pairs-term {
    /*color: #717171;*/
    font-weight:600;
    font-size: 12px;
    padding-right: 1em;
    white-space: nowrap;
    vertical-align:top;
}
.Pairs .Pairs-definition, .Pairs .Pairs-term {
    padding-top : 9px;
    display: table-cell;
    word-break: break-all;
    word-wrap: break-word;
}
.gauge-footer {
    padding: 5px;
}
ul.statistics {
    padding: 0;
    border-bottom: 1px solid #d1d4d7;
    margin-bottom: 35px;
    list-style: none;
    background: white;
    display: table;
    table-layout: fixed;
    width: 100%;
}
ul.statistics li {
    text-align: right;
    padding: 0 5px 0 5px;
    border-right: 1px solid #d1d4d7;
    margin-right: -1px;
    font-size: 14px;
    position: relative;
    display: table-cell;
}
ul.statistics li:last-child {
    border-right: none;
}
ul.statistics li i {
    font-size: 44px;
    color: #d1d4d7;
    top: 10px;
    right: 10px;
    position: absolute;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.statistics li div {
    text-align: left;
    display:inline-block;
    float:left;
}
ul.statistics li div.number {
    /*margin-top: 60px;*/
    font-size: 24px;
}
ul.statistics li div.title {
    /*color: #d1d4d7;*/
    margin: 10px 0 0 3px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}
ul.statistics li div.progress {
    margin-bottom: 0;
    height: 4px;
}
ul.statistics li:hover i {
    font-size: 60px;
    opacity: .5;
    -ms-transform: rotate(-5deg);
    /* IE 9 */

    -webkit-transform: rotate(-5deg);
    /* Chrome, Safari, Opera */

    transform: rotate(-5deg);
}


#global_list_select_div_id .ms-selectall{
position:relative;
bottom:3.5px;
float:left;
}

#global_list_select_div_id .create-list-id-insbox {
    top: -23px;
    position: relative;
}
#global_list_select_div_id .ms-options ul{
    margin-top: 26px;
    width: 100%;
}

.progress {
    background: none repeat scroll 0 0 #e4e5e6;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 0px;
    position:relative;
}
.progress span {
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
}
.progress .progress-bar {
    background-color: #20a8d8;
    box-shadow: none;
}
.progress .progress-bar.progress-bar-success {
    background-color: #4dbd74;
}
.progress .progress-bar.progress-bar-info {
    background-color: #63c2de;
}
.progress .progress-bar.progress-bar-warning {
    /*background-color: #7AA8B4;*/
    background-color: #87C979;
}
.progress .progress-bar.progress-bar-danger {
    background-color: #f86c6b;
}
.progress.thin {
    height: 13px;
}

.progress.thin .progress-bar {
    font-size: 10px;
    line-height: 10px;
}

.axisLabel {
    position: absolute;
    text-align: center;
    font-size: 12px;
}

.xaxisLabel {
    bottom: 3px;
    left: 0;
    right: 0;
}

.btn-device{
    height:auto;
    width:120px;
    text-align:right;
    padding:1px 5px;
    margin-right:10px;
    font-size:12px;
}

.btn-period{
    height:auto;
    width:80px;
    text-align:right;
    padding:1px 5px;
    margin-right:10px;
    font-size:12px;
}

.period-select{
    min-width:80px;
}

span.movie-block
{
    border: 0 solid #006;
    display: block;
    height: auto;
    margin: auto;
    text-align: center;
}
span.movie-block p
{
    border: 0 solid #333;
    margin: 0;
}
div.movie-item
{
    background: 0;
    border: 0 solid #960;
    float: left;
    left: 0;
    margin: 0;
    text-align: center;
    top: 0;
}
.wrapper-state-highlight { 
    height: 40px; 
    background:#fff none repeat scroll 0 0; 
    border: 1px solid #dad55e;
}
.panel .wrapper-stripmob{
    padding:10px;
}
.wrapper-stripmob
{
    border-radius:5px;
    background-color:#fff;    
}
.wrapper-stripmob .wrapper-scroll-clip
{
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
}
.wrapper-stripmob .wrapper-scroll-list
{	
    height: 142px;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.wrapper-stripmob .movie-item
{
    height: 142px;
    margin: 5px;
    width: 90px;
}
.wrapper-stripmob .movie-block
{
    height: 136px;
    width: 90px;
}
.wrapper-stripmob img
{
    height: 136px;
    width: 90px;
}
.wrapper-stripmob .alert
{
    margin-bottom: 0px;
}
.bootbox .modal-content{
    background:#fff;
}
.bootbox .bootbox-body{
    /*text-align: center;*/
    font-size:16px;
    padding:15px;
}
.bootbox .modal-footer{
    text-align: center;
}
.bootbox .btn{
    height: auto;
    width: auto;
}

.landing-page{
    padding: 32px 40px;
    background: #fff;
    border: 1px solid #cfd8dc;	
}

.landing-page .categories-block{
    margin: 0 auto;
    text-align:center;
}

.landing-page .panel-heading-title {
    font-size: 18px;
    font-weight: bold;
}

.p1:disabled
{
  color:black !important;
  

}

.stillImagesContainer
{
  display:flex;
  gap:40px;
  flex-wrap:wrap; 
}

.stillImagesContainerChild,.StillImagesChildDiv
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 20%;
  height: auto;
  
} 

.StillImagesChildDiv
{
  align-items:center;
}

.chooseModalButtonDiv
{
    display: flex;
    justify-content: center;
    gap:5px;
}

.stillChooseChild
{
    border:4px solid transparent;
    transition: all 0.1s ease;
    cursor:pointer;
}

.stillBorder
{
 border-color:rgba(244, 159, 5,1);
}

.StillImagesChildParent
{
  display:flex;
  gap:40px;
  flex-wrap:wrap; 
  align-items:flex-start;
  min-height:500px;
}

.addPhotoContainer
{

    padding: 0px;
    opacity: 0.3;
    height: 160px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 2px solid grey;
    width: 16%;
}




.btn-hover-prioritize:hover{
background-color:#7ec67e !important;
transition: all 0.3s ease ;
cursor:pointer;
color:white !important;
}
.btn-hover-de-prioritize:hover{
background-color:#f5841f !important;
transition: all 0.3s ease ;
cursor:pointer;
color:white !important;
}
.btn-hover-error:hover{
background-color:#e64949 !important;
transition: all 0.3s ease ;
cursor:pointer;
color:white !important;
}
.btn-hover-live{
    background-color:#15c249 !important;
    transition: all 0.3s ease ;
    cursor:pointer;
    color:white !important;
}

.success-tr-color td
{
    background-color: #f4fff4 !important;
}

.error-tr-color td
{
    background-color: #ffeaea !important;
}

.landing-page .categories-block .wp-categories-title {
    font-size: 16px;
    font-weight: bold;
    min-height: 43px;
    padding: 5px 0 5px 0;
}

.landing-page .categories-block .wp-categories-title a {
    color: #243238;
}

.landing-page .categories-block .wp-categories-title a:hover {
    text-decoration: none;
}

.landing-page .categories-block .wp-categories-icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
}

.landing-page .categories-block .wp-categories-link {
    color: #243238;
    text-decoration: none;
    font-size: 12px;
    background: #fff;
    padding: 20px 20px 30px 20px;
    position: relative;
    display: block;
    z-index: 1;
}

.landing-page .categories-block .wp-categories-link:hover {
    color: #243238;
    text-decoration: none;
    background: #eceff1;
    -webkit-box-shadow: 0 0 19px 0 #b0bec5;
    -moz-box-shadow: 0 0 19px 0 #b0bec5;
    box-shadow: 0 0 19px 0 #b0bec5;
    z-index: 2;
    border: 1px solid #cfd8dc;
}

.landing-page .categories-block .col-block
{
    display:inline-block;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #fff;
    float: none;
    margin: -1px -1px 0 0;
    text-align: center;
    max-width: 210px;
}


.panel-dash{
    display:inline-block;
    /*float: none;*/
    text-align: center;
    /*max-width:360px;*/
    /*min-width:350px;*/
}


.panel-dash .panel-footer-btn{
    color:#fff;
    width:auto;
    height:22px;
    font-size:13px;
    /*font-weight:bold;*/
    padding: 1px 15px;
    background-color:#465866;
    margin-top: 9px;
}

.panel-dash .panel-title{
    line-height:1.0;
    /*color:#214055;*/
}
.panel-dash .panel-title span{
    vertical-align:middle;
}

.panel-dash a{
    color:#717171;
}

.panel-dash .panel-title span.dash-title-big{
    /*font-size: 50px;*/
    font-size: 36px;
    padding:0px 15px;
    width:8%;
}

.panel-dash .panel-title span.dash-title-normal{	
    /*font-size: 18px;*/
    font-size: 16px; 	
}


.panel-dash .panel-body-height{
    height:250px;
}

.panel-dash .panel-footer{
    background-color:#fff;
    border-top: 0px solid #ddd;
    padding:3px 10px;
    font-size:12px;
    margin-top: -20px;
}

.panel-dash .image-div{
    border: 1px solid #dadada;
    padding: 3px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.pre .pre-string { color: green; }
.pre .pre-number { color: darkorange; }
.pre .pre-boolean { color: blue; }
.pre .pre-null { color: magenta; }
.pre .pre-key { color: red; }

/*US Map Design*/
.states {
    fill: none;
    stroke: #fff;
    stroke-linejoin: round;
}

.states-choropleth {
    fill: #ccc;
}
.tooltip_key {
    font-weight: bold;
}

.tooltip_value {
    margin-left: 20px;
    float: right;
}

/*******/
.chart-text{
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    color:#214055;
}
.momp{
    height: 15px;
    padding-left: 15px;
}

/*.stat-indicator {
    padding: 12px 0 0;
}*/
.custom-panel {
    overflow:hidden;
}
.custom-panel .stats span {
    margin-right: 2px;
    text-align: left;
}
.navCatlist{
    text-align: left;
}

.nvd3 text {
    font: 400 13px 'Segoe UI';
    fill: #717171;
}
/*.dashboard-vdo-content{
    height: 250px;
    
}*/

.profile-dropdown-d32{
    height:40px;
    width:32px;
}

.profile-dropdown-d32 .menu-hambuger-plus{
    display:inline-block; 
    vertical-align:middle;
}

/*dashboard css  end*/


/*Global filter starts*/
/*Global filter  ends*/

/*overview  css start*/

.custom-panel .stats{
    width:360px;
}

.stats span{
    text-align:left;
    margin-right:2px;
}

.stats .stat-title{
    font-size:13px;
    padding: 11px 15px 0px 0px;
}
.stats .stat-number{
    font-size:22px;
    padding: 0px 10px 0px 0px;
    font-weight: 300;
    vertical-align: middle!important;
}
.stats .stat-indicator{
    padding: 11px 0px 0px 0px;
}




.ov-ss-semicir{
    height:130px;
    margin-top:10px;
}

.ov-sub-data{
    padding:15px 0;
}
.overview-pannel-div .ov-sub-data {
    padding: 0px 0px;
}

/*overview css  end*/

/*realtime  css start*/
/*realtime overview  css start*/
.div-table {
    display: table;
    width: 100%;

}
.contentmovie .image img {
    width: 70px;
}
.stats .div-cell {
    display: table-cell;
    vertical-align: top;
}
.contentmovie .image {
    border: 1px solid #dadada;
    padding: 3px;
    width: 76px;
}
.videocontent{
    /*max-height:460px;*/
    max-height:500px;
    /*overflow-y:auto;
    overflow-x:hidden;*/
    padding: 15px 0px 15px 0px;
}
.ov-media-content{
    height:375px;
    /*overflow-y:auto;
    overflow-x:hidden;
    padding: 15px 0px 15px 0px;*/
    /*margin-top: 15px;*/
}
ov_media_content{
    max-height: 375px;
}

#linechart{
    height: 190px;
}
.footer-div{
    /*max-height: 350px;*/
    min-height: 185px;
}
.mapchart-parent-div{
    min-height: 579px;
}
.videocontnt-parent-div{
    /*height: 460px;*/
    height: 506px;
    /*padding-bottom: 15px;*/
}
.contentmovie .text {
    font-size: 11px;
    padding-left: 10px;
}

#piechart{
    height: 190px;
    /*max-width: 220px;*/
}
.right-padd{
    padding-right: 0px;
}
.mapchart-parent-div .nvd3-line svg {
    /*height: 460px;*/
    height: 500px;
}
.footer_charttitle {
    padding-left: 150px;
    padding-top: 10px;
}
.custom-panel .panel-title {
    /*border-bottom: 1px solid #dadada;*/
    font-size: 17px;
}
.panel-heading {
    border-bottom: 1px solid #dadada;
    /*    font-size: 17px;*/
    font-family: "Segoe UI",Arial,sans-serif;
    font-feature-settings: "kern";
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.01em;
}


.rt-r4 svg {
    height: 185px!important;
}
/*realtime overview  end*/
/*realtime live-qoe  css start*/
/*realtime live-qoe  end*/
/*realtime css  end*/

/*service operation  css start*/
.operation-overvw-line{
    height: 216px;
}
.so-ov-r3 svg{
    height: 158px!important;
}
.so-ov-sstaus{
    padding-left: 21px;
}
.squaretext {
    vertical-align: middle;
}
.squarebox {
    float: left;
    height: 8px;
    margin-right: 5px;
    margin-top: 9px;
    width: 8px;
}
/*service operation css  end*/

/*content  css start*/
/*content overview  css start*/

#cnt_ov_r1c2_panel{
    height:140px;
}
#cnt_ov_r1c2_panel  #service1{
    /*height:100px;*/
}
.cnt-ov-r1c2 svg {
    height: 137px!important;
}
#cnt-ov-r2c2 svg{
    height: 137px!important;
}

#cnt-ov-r2c2 .cnt-ov-r2c2-pchart{
    height: 150px;
    text-align: center;
}

/*content overview  end*/

/*Global filter starts*/
.selectbox {
    background: #fff none repeat scroll 0 0;
    cursor: pointer; 
    margin-top: 15px; 
    border: 1px solid #ccc;    
    border-radius: 4px;
    border-width: 1px;
    color: #333;
    line-height: 18px;
    padding: 8px;
}
/*Global filter ends*/

/*customer-care subscriber info css start*/
.cd-timeline-img img {
    /*
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px; */

    display: block;
    height: 35px;
    left: 49%;
    margin-left: -16px;
    margin-top: -16px;
    position: relative;
    top: 49%;
    width: 35px;

}
.cd-timeline-img.cd-picture {
    background: #75ce66;
}
.cd-timeline-img.cd-movie {
    background: #f7a1a2;
}
.cd-timeline-img.cd-location {
    background: #f0ca45;
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff5eb;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 -3px 0 #f7a1a2;
}
.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.cd-timeline-content h2 {
    color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{
    font-size: 13px;
    font-size: 0.8125rem;
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block;
}
.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}
.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

#profilelikes{
    min-height: 261px;
}
#geoprofile_map svg{
    min-height: 449px!important;
}
.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 20px;
}
.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}
.circle-legend .datamaps-legend dd {
    border-radius: 6px;
    height: 12px;
    margin-right: 6px;
    margin-top: 3px;
    width: 12px;
}
/*customer-care subscriber info  end*/

/*customer-care subscriber css start*/
.cust-trial-register {
    background-color: #4298b4;
}
.cust-trial-hold {
    background-color: #e06c00;
}
.cust-trial-suspend {
    background-color: #a98360;
}
.cust-status-box {
    color: #000;
    font-weight: normal !important;
    padding: 4px 12px;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 12px;
}
.cust-status-box a{
    color:#000!important;
    letter-spacing: 1px;
}

.cust-churn-90{
    background-color:#ffc2c2;
}
.cust-churn-80{
    background-color:#ffe5e5;
}
.cust-churn-70{
    background-color:#ffd27f;
}
.cust-churn-60{
    background-color:#ffffc9;
}
.cust-trial-true{
    /*background-color:#FFBE00;*/
    background-color:#ffde7f;
}

.cust-trial-false{
    /*background-color:#32CD32;*/
    background-color:#98e698;
}

.cust-status-customer{
    background-color:#c3c3c3;
}

.cust-status-cancel{
    /*background-color:#FB0200;*/
    background-color:#fd9999;
}

.tooltipimg img{
    width:12px;
    height:12px;
}
.cust-label{
    font-size: 11px;
    font-weight: 500;
    padding: 2px 4px;
    text-shadow: none;
    border-radius: 0.25em;
    display: inline;
}

.cust-label-color{
    color: #333;
}

.cust-success-light-bg{
    background-color: rgba(68, 157, 68, 0.5);
}

.cust-success-dark-bg{
    background-color: rgba(68, 157, 68, 0.8);
}

.cust-complete-light-bg{
    background-color: rgba(49, 176, 213, 0.5);
}

.cust-complete-dark-bg{
    background-color: rgba(49, 176, 213, 0.8);
}

.cust-warning-light-bg{
    background-color: rgba(236, 151, 31, 0.5);
}

.cust-warning-dark-bg{
    background-color: rgba(236, 151, 31, 0.8);
}

.cust-danger-light-bg{
    background-color: rgba(201, 48, 44, 0.5);
}

.cust-danger-dark-bg{
    background-color: rgba(201, 48, 44, 0.8);
}

.cohortselect{
    display:inline;
    width: auto;
}

.retention-box {
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    overflow-x:auto;
    width: 100%;
}
.retention-box-body::before, .retention-box-footer::before, .retention-box-header::after, .retention-box-body::after, .retention-box-footer::after {
    content: " ";
    display: table;
}
.retention-box-header::after, .retention-box-body::after, .retention-box-footer::after {
    clear: both;
}
.retention-box-header {
    color: #444;
    display: block;
    height: 0;
    padding: 0;
    position: relative;
}
.retention-box-body {
    border-radius: 0 0 3px 3px;
    padding: 0;
}
.retention-box-body > .table {
    margin-bottom: 0;
}
/*customer-care subscriber  css end*/
/*customer-care css  end*/

/*qoe  css start*/
/*Setting dev info start*/
.form-horizontal .form-group {
    border-bottom: 0px solid #e6e6e6!important;
    margin-bottom: 0;
    padding-bottom: 19px;
    padding-top: 0px!important;
}
/*Setting dev info  end*/
/*SMS user info  start*/

.devidreport-btn{
    background-color: #3366ff;
    border-color:  #3366ff;
    color: #ffffff!important;
}
.devidreport-btn:hover{
    background-color: #668cff;
    border-color: #668cff;
    color: #ffffff;
}
.devidreport-btn:active{
    ackground-color: #3366ff;
    border-color:  #3366ff;
    color: #ffffff;
}
/*SMS user info  end*/



/*metax feed start*/
/*metax unpublished asset start*/
.dlink-div{
    padding: 20px 0px;   
}
.mdlink-span{
    padding:20px;   
}

/*metax unpublished asset end*/
/*metax feed end*/

/*metax shelf start*/
.asset-thumb{
    float:left;
    text-align:center;
    padding-right:10px;
    min-height:230px;
    /*height:280px;
    width:170px;*/
}

.asset-thumb .asset-thumb-images{
    overflow:hidden;
    /*height:210px;*/
}

.asset-thumb .asset-thumb-images-text{
    font-size:13px;
    line-height:18px;
}

.asset-org-content{
    background-color: #fff;
    padding:5px;
    overflow:auto;
}

.asset-org-content-disp{
    max-width: 680px;
}

#selFilterByCat *,#selFilterByShelf *,#selFilterByType *{
    padding: 5px!important;
}
/*metax shelf end*/

/*metax subscriber Activity start*/
#bootstrap-full-popup-modal .nav-tabs{
    border-bottom : 0px;
}
#bootstrap-full-popup-modal .tab-content{
    background : transparent;
}
#bootstrap-full-popup-modal .nav-tabs-fillup > li > a span {
    color: #fff;
}
.sactivity-image-block{
    float: left;
    margin:.64%; 
    overflow: hidden;
    position: relative;
    top:0px;
}
.sactivity-image-block:hover meter{
    height: 8px;
}
.sactivity-image-block:hover{
    background: rgba(0,0,0,.8);
}
.sactivity-image-block:hover .meter-title-div{
    display: block;
}

.sactivity-image-block:hover img{
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
    position:relative;
    left:0px;
    top:0px;
    opacity:.1;
}

@media only screen and (max-width: 670px) {
    .sactivity-image-block {
        width: 13%;
    }
    .meter-title-div{
        position: absolute;
        top:5%!important;
    }
}

@media only screen and (min-width: 671px) {
    .sactivity-image-block {
        width: 9.831%;
    }
}
.sactivity-image-thumbnail{
    /*margin:.04%;*/ 
    display: block;
    max-width: 100%;
    height: 100%;
    width:100%;
}
.sactivity-image-thumbnail11:hover {
    -webkit-box-shadow: 0px 0px 10px 5px rgb(244, 159, 5,1);
    -o-box-shadow: 0px 0px 10px 5px rgb(244, 159, 5,1);
    -ms-box-shadow: 0px 0px 10px 5px rgb(244, 159, 5,1);
    -moz-box-shadow: 0px 0px 10px 5px rgb(244, 159, 5,1);
    box-shadow: 0px 0px 10px 5px rgba(244, 159, 5,1);

}
.sactivity-image-thumbnail {
    /*    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
        box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);*/
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.duration-meter{
    position:absolute;
    bottom:0px;
    height: 10px;
    width: 100%;
    /*background-color: rgba(0,0,0,0.3);*/
}
meter {
    height: 4px;
    position:absolute;
    bottom:2px;
    /*width:100%;*/
    margin-left: 3px;
    margin-right: 3px;
    /*border-radius: 1px;*/
}

meter::-webkit-meter-optimum-value { 
    background: #FF0000; 
}
meter::-moz-meter-bar {
    background: #FF0000; 
}

.meter-title-div{
    position: absolute;
    top:25%;
    display: none;
    text-align: center;
}
.meter-title-heading{
    font-weight: bold!important;
    color: #FAAC38;
}
.meter-title-para {
    font-weight: bold!important;
    color: #FAAC38;
    font-size: 11px!important;
}
/*metax subscriber Activity end*/

/*metax Media Policy start*/
.paid-listing-span{
    padding-left:9%!important;
    font-weight: 700!important;
    font-size: 15px!important;
    padding-right:10%!important;
    background-color:#F5F5F5;
}
.free-listing-span{
    padding-left:9%!important;
    padding-right:10%!important;
    font-weight: 700!important;
    font-size: 15px;
    background-color:#F5F5F5;
}
.locationbased-listing-span{
    padding-left:2%!important;
    padding-right:2%!important;
    font-weight: 700!important;
    font-size: 15px!important;
    background-color:#F5F5F5;
}
.mediapolicyttimg{
    position: relative;
    margin-top: -34px;
    margin-left: -19px;
    z-index:10;
}

.bandwidth-div{
    margin-bottom: 7px!important; 
    padding-bottom: 2px!important; 
    background-color: #f2f2f2
}
/*metax Media Policy end*/
/*metax Reco Setting start*/
.alog_name{
    font-weight: 700;
    font-size: 13px;
}
.rsetting_block{
    min-height: 60px;
    padding: 10px 0;
}
.rsetting_radio{
    padding: 10px 0;
}
.reco_setting_desc{
    font-size: 15px;
}
/*metax Reco Setting end*/
/*Image uploader css Start*/
.jtupload-image-block {
    float: left;
    margin: 7px;
    overflow: hidden;
    position: relative;
    top: 0;		
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    width:155px;
    height:250px;
}

.jtupload-image-block .jtupload-widget {
    margin:10px;
}

.jtupload-image-block .jtupload-type {
    text-align: center;
    height: 20px;
    min-height: 20px;
    padding: 2px;
}

.jtupload-image-block .jtupload-btn {
    line-height: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

.jtupload-image-block .jtupload-title-div {
    display: table;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 0;
    left:0;
    width: 100%;
}

.jtupload-image-block .jtupload-image-form__input {
    display: table-cell;   
    vertical-align: middle;
    text-align:center;
}

.jtupload-image-block img {
    left: 0;
    opacity: 0.4;
    position: relative;
    top: 0;
}	

.jtupload-image-block .jtupload-title-heading {
    color: #faac38;
}		

.jtupload-image-block .jtupload-image-form
{			
    position: relative;			
    width:100%;
    height:100%;
}	

.jtupload-image-block .jtupload-add-image
{			
    position: relative;
    display: table; 
    margin: 0 auto;
    width:100%;
    height:100%;
}	

.jtupload-image-block .jtupload-image-form.is-dragover
{
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}

.jtupload-image-block .jtupload-image-form__dragndrop
{
    display: none;
}

.jtupload-image-block .jtupload-image-form.has-advanced-upload .jtupload-image-form__dragndrop
{
    display: inline;
}	

.jtupload-image-block .jtupload-image-form.is-uploading .jtupload-image-form__input
{
    visibility: hidden;
}

.jtupload-image-block .jtupload-image-form__uploading,
.jtupload-image-block .jtupload-image-form__success,
.jtupload-image-block .jtupload-image-form__error
{
    display: none;
}
.jtupload-image-block .jtupload-image-form.is-uploading .jtupload-image-form__uploading,
.jtupload-image-block .jtupload-image-form.is-success .jtupload-image-form__success,
.jtupload-image-block .jtupload-image-form.is-error .jtupload-image-form__error
{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    -webkit-transform: translateY( -50% );
    transform: translateY( -50% );
}
.jtupload-image-block .jtupload-image-form__uploading
{
    font-style: italic;
}
.jtupload-image-block .jtupload-image-form__success
{
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}	

.jtupload-image-block .jtupload-image-form .jtupload-image-form__file
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.jtupload-image-block .jtupload-image-form .jtupload-image-form__file + label
{
    max-width: 80%;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    overflow-wrap: break-word;
    max-width:155px;

}		
/*Image uploader css End*/
/*Download start*/

.profile-dropdown li:last-child {
    margin-top: 0px;
    padding: 0;
}

.profile-dropdown li > a:hover{
	background: #4a4a4a !important;
}


/*Download end*/

/*Report start*/

.underline{
    text-decoration: underline;
}
.bold{
    font-weight: bold;
}

.cumulative{
    background-color: #DFE9DD;
    text-align: center!important;
}
.monthlist{
    background-color: #D5ECF6;
}
.editable,.editable_date{
    color:#4c4cff;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.editable-tb,.editable_date_tb{
    font-size: 11px;
}
/*Report end*/

#feed_asset_table_wrapper,#feed_image_table_wrapper,#feed_ccaption_table_wrapper{
    padding-top: 25px;
}
.churn-span{
    padding: 4px 12px;
    border-radius: 5px;
    vertical-align: middle;
}


.asset-select{
    background: url("../img/scm/uncheck.png");
}
.asset-error-deselect{
    background: url("../img/scm/check-error.png");
}
.asset-warning-deselect{
    background: url("../img/scm/check-warning.png");
}
.asset-deselect{
    background: url("../img/scm/check-success.png");
}
.asset-selection_bk{
    width:50px;
    height:50px;
    position: absolute;
    top:55px;
    left: 35px;
    z-index: 10;
}
.asset-selection{
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 10;
}
.asset-selection:hover{
    cursor: pointer;
}
.asset-err-msg-div{
    width: 170px;
    height: auto;
    position: absolute;
    top: 60px;
    right: -185px;
    z-index: 15;
    background-color: #f55753;/* #fdedec;*/
    color:#fff;
    padding: 10px;
    border-radius: 4px;
}
.arrow-right{
    width: 14px;
    height: 16px;
    background: url("../img/scm/tool-tip-arrow.png");
    position: absolute;
    right: -15px;
    top: 98px;
    z-index: 15;
}
.display-none{
    display: none !important;   
}
.display-block{
    display: block;
}
.co-step-heading-active, .bumper-co-step-heading-active{  
    /*background-color: #5a5a5a!important;*/
    /*background-color: #fa5555!important;*/
    /*background-color: #b02a30!important;*/
    color: rgb(255, 255, 255) !important;
    /* background-color: rgb(230, 153, 131) !important; */
    background-color: rgb(245, 132, 31) !important;;
    border-color: rgb(177, 143, 112) !important;
}
.co-step-heading-inactive, .bumper-co-step-heading-inactive{
    color: #626262!important;
}
.co-list-step-active, .bumper-co-list-step-active{
    width: 15px;
    height: 15px;
    text-align: center;
    /*vertical-align: middle;*/
    display: inline-block;
    /*color: #ed1c24;*/
    color: #FC8400;
    margin-right: 5px;
    background-color: #FFF!important;
}
.co-list-step-inactive, .bumper-co-list-step-inactive{
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    /*vertical-align: middle;*/
    color: #FFF;
    margin-right: 5px;
    font-weight: 300;
    background-color: #626262!important;
}
.movie-play-box{
    background-color: #282828;
    width: 100%;
}
.movie-play-box-inner{
    height: 100%;
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
}

.movie-play-box-container{
    margin: 0 auto;
}

.movie-play-box-container video{
    width: 600px;
    height: 300px;
}
.maindata-expand:hover{
    cursor: pointer;
}

.wrapper-strip .simply-scroll-list
{
    height: 300px;
    /*width:75%;*/
    /*width: 100%;*/
}
.wrapper-strip .movie-item
{
    width:  300px;
    height: 200px;
    margin: 6px 3px 3px 0px;
}
.wrapper-strip .movie-block
{
    /*    height: 236px;
        width: 166px;*/
    width:  300px;
    height: 200px;
}
.simply-scroll .simply-scroll-list li {
    float: left;
    /*    width: 140px;
        height: 200px;*/
    width:  300px;
    height: 200px;
    padding:0px;
}
.simply-scroll .simply-scroll-list li img {
    /*    width: 140px;
        height: 200px;*/
    width:  300px;
    height: 200px;
    padding-right: 10px;
}
.bborder-1px{
    border-bottom: 1px solid #ccc;
}
#asset_dist_pdiv .dist-status{
    /* width:50%;
    position:relative;
    right: -50%; */
}
#asset_dist_pdiv label{
    margin-bottom: 0px;
}
.time_code{
	margin: 5px;
    display: inline-block;
    background-color: #e4e4e4;
    padding: 2px 10px;
}
.img-responsive{
    width: 100% !important;
    max-width: auto;
    object-fit: cover;
}
.rights-orange{
    background: url("../img/scm/rights_orange.png");
}
.rights-grey{
    background: url("../img/scm/rights_gray.png");
}
.rights-green{
    background: url("../img/scm/rights_green.png");
}
.rights-red{
	
    background: url("../img/scm/rights_red.png");
}
.video-orange{
    background: url("../img/scm/video_orange.png");
}
.audio-grey{
    background: url("../img/scm/audio-grey.png");
}
.audio-green{
    background: url("../img/scm/audio-green.png");
}
.audio-red{
    background: url("../img/scm/audio-red.png");
}
.bonus-grey{
    background: url("../img/scm/bonus-grey.png");
}
.bonus-green{
    background: url("../img/scm/bonus-green.png");
}
.bonus-red{
    background: url("../img/scm/bonus-red.png");
}
.video-grey{
    background: url("../img/scm/video_gray.png");
}
.video-green{
    background: url("../img/scm/video_green.png");
}
.video-red{
    background: url("../img/scm/video_red.png");
}
.captions-orange{
    background: url("../img/scm/caption_orange.png");
}
.captions-grey{
    background: url("../img/scm/caption_gray.png");
}
.captions-green{
    background: url("../img/scm/caption_green.png");
}
.captions-red{
    background: url("../img/scm/caption_red.png");
}
.images-orange{
    background: url("../img/scm/image_orange.png");
}
.images-grey{
    background: url("../img/scm/image_gray.png");
}
.images-green{
    background: url("../img/scm/image_green.png");
}
.images-red{
    background: url("../img/scm/image_red.png");
}
.adbreaks-orange{
    background: url("../img/scm/adbreaks_orange.png");
}
.adbreaks-grey{
    background: url("../img/scm/adbreaks_gray.png");
}
.adbreaks-green{
    background: url("../img/scm/adbreaks_green.png");
}
.adbreaks-red{
    background: url("../img/scm/adbreaks_red.png");
}

.chapters-orange{
    background: url("../img/scm/chapters_orange.png");
}
.chapters-grey{
    background: url("../img/scm/chapters_gray.png");
}
.chapters-green{
    background: url("../img/scm/chapters_green.png");
}
.chapters-red{
    background: url("../img/scm/chapters_red.png");
}

.metadeta-orange{
    background: url("../img/scm/metadeta_orange.png");
}
.metadeta-grey{
    background: url("../img/scm/metadeta_gray.png");
}
.metadeta-green{
    background: url("../img/scm/metadeta_green.png");
}
.metadeta-red{
    background: url("../img/scm/metadeta_red.png");
}

.trailer-orange{
    background: url("../img/scm/trailer_orange.png");
}
.trailer-grey{
    background: url("../img/scm/trailer_gray.png");
}
.trailer-green{
    background: url("../img/scm/trailer_green.png");
}
.trailer-red{
    background: url("../img/scm/trailer_red.png");
}

.books-orange{
    background: url("../img/scm/book_orange.png");
}
.books-grey{
    background: url("../img/scm/book_gray.png");
}
.books-green{
    background: url("../img/scm/book_green.png");
}
.books-red{
    background: url("../img/scm/book_red.png");
}
.img_val{
	width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    /* position: absolute; */
}
.displaynone{
    display: none!important;
}
.tt-cp-box{
    display:inline-block;
    width:11px;
    height:11px;
    border-radius: 23px;
    bottom:-2px;
    position:relative;
}
.sid-box{
    display:inline-block;
    width:6px;
    height:6px;
    border-radius: 23px;
    bottom:1px;
    position:relative;
}


 .k-checkbox {
        background: yellow;
      }

      /*Checked checkbox*/
      .k-checkbox:checked {
        background: red;
        color: white;
      }



.cp-timeformat{
    height:20px;
    width:100px;
    background:#5b6060;
    color:#FFF;
    padding: 3px 5px 1px;
    border-radius: 4px;
}
.cp-tf-time{
    padding:9px;
    overflow:auto;
    border:1px solid #000;
    background:#FFF;
    height:38px;
    border-radius: 4px;
}
.link-cls a{
    color: #FFF;
}
.link-cls a:hover{
    text-decoration: underline;
}

table.dataTable tr.details-block td.details-block{ background-color: #fbf6f2 !important;}
.nav-tabs-fillup ~ .tab-content { background: #fff !important;}

.nav-tabs-info.nav-tabs-fillup > li > a:after {
    background: #3b4752 !important;
    border: 1px solid #3b4752 !important;
  }

  .scm_order_process_header{
      padding: 15px !important;
  }

#bootstrap-full-popup-modal .ep-nav-tabs-fillup > li > a span {
    color: #fff;
}
.ep-nav-tabs-fillup ~ .tab-content { background: #fff !important;}

.nav-tabs-info.ep-nav-tabs-fillup > li > a:after {
    background: #3b4752 !important;
    border: 1px solid #3b4752 !important;
  }
/* ****** */

.permtree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.permtree-caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.permtree-caret div{
  border-top:1px solid #d6dde3;
  display: inline-block;
  width:49%;
}

.permtree-caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.permtree-caret-down::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);  
}

.permtree-nested {
  display: none;
}

.permtree-nested li{
  padding-left:20px;
}

.permtree > li > div,
.permtree-nested > li > div{
  border-top:1px solid #d6dde3;
  display: inline-block;
  width:50%;
}

.permtree-nested-active {
  display: block;
}

.gradient-div {
    background:repeating-linear-gradient(45deg,transparent,transparent 17px,#fafe02 10px,transparent 20px),linear-gradient(to bottom,transparent,#00000073);
    background-color:transparent !important;
}

@media screen and (max-width: 1749px) {
    #top-letter-box {
        z-index:9999;
        position:absolute;
        width:96%;
        top:0;
        margin-left: 16px;
    }
    
    #bottom-letter-box {
        z-index:9999;
        position:absolute;
        bottom:0px;
        width:96%;
        margin-left: 16px;
    }
    
    #right-piller-box {
        z-index:9999;
        position:absolute;
        right:-41px;
        height:100%;
        margin:0px 58px;
    }
    
    #left-piller-box {
        z-index:9999;
        position:absolute;
        height:100%;
        left:-41px;
        margin:0px 58px;
    }
}


@media screen and (min-width: 1750px) {
    #top-letter-box {
        z-index:9999;
        position:absolute;
        width:100%;
        top:0;
    }

    #bottom-letter-box {
        z-index:9999;
        position:absolute;
        bottom:0px;
        width:100%;
    }

    #right-piller-box {
        z-index:9999;
        position:absolute;
        right:-58px;
        height:100%;
        margin:0px 58px;
    }

    #left-piller-box {
        z-index:9999;
        position:absolute;
        height:100%;
        left:-58px;
        margin:0px 58px;
    }
}