@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* --------------------------------------------------------------------------------------------------------- */
html,
body,
button,
input,
select,
textarea,
form,
dl,
dt,
dd,
li,
ul,
span,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
div,
p,
hr,
font,
header,
nav,
footer {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
}

/*---------------------------Defining-Fonts------------------------------*/

/*---------------------------Defining-Fonts------------------------------*/
h2 {
    color: #717171;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #3a3a38;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
}

.modal-open {
    overflow: hidden;
}

.div-table {
    display: table;
    width: 100%;
}

.div-row {
    display: table-row;
}

.div-cell {
    display: table-cell;
    vertical-align: top;
}

.iconimg {
    height: 1.25em;
    opacity: 0.7;
}

.paddingLeftZero {
    padding-left: 0;
}


/*-----------------------------header---------------------------*/
header {
    /*background:url(../img/scm/header-bg.png) repeat-x;*/
    border: 0px solid #0F3;
    height: 37px;
    /*min-width:1225px;*/
}

.top-links {
    border: 0px solid #0F3;
    text-align: right;
    font-size: 12px;
    color: #b6b5b5;
    height: 20px;
    padding: 7px 0 0 0;
}

.top-links a {
    outline: none;
    font-size: 12px;
    color: #b6b5b5;
    text-decoration: none;
    padding: 0 5px 0 5px;
}

.top-links a:hover {
    outline: none;
    font-size: 12px;
    color: #b6b5b5;
    text-decoration: underline;
    padding: 0 5px 0 5px;
}

/*-----------------------------navigation----------------------------------*/
.nav-links {
    outline: none;
    border: 0px solid #F90;
    text-align: center;
    height: 30px;
    padding: 8px 0 0 0;
}

.nav-links a {
    outline: none;
    font-size: 12px;
    color: #fff;
    padding: 8px 20px 7px 20px;
    text-decoration: none;
}

.nav-links a:hover {
    font-size: 12px;
    color: #fff;
    padding: 8px 20px 7px 20px;
    text-decoration: underline;
}

.nav-links a.over {
    font-size: 12px;
    color: #fff;
    padding: 8px 20px 7px 20px;
    text-decoration: none;
    background: url(../img/scm/tab-bg.png) repeat-x top #7f7f81;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f81', endColorstr='#575655');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#7f7f81), to(#575655));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #7f7f81, #575655);
    /* for firefox 3.6+ */
    border-radius: 5px 5px 0 0;
    border-top: 2px solid #333;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 0px solid #333;
}

.nav-links a img {
    width: 17px;
    height: 17px;
    /*padding:0 6px 0 0;*/
    margin: 0 6px 0 0;
    /*vertical-align:top;*/
}

/*-----------------------------navigation----------------------------------*/

/*--------------------------logo-----------------------------------------*/
.logo-div {
    position: absolute;
    width: 400px;
    /*height:100px;*/
    padding: 4px 0 0 15px;
}

.logo-div img {
    width: 130px;
    height: 32px;
}

.logo-div span {
    display: block;
    /*width:300px;*/
    font-size: 14px;
    color: #FFF;
    /*font-family:"proxima-nova", tahoma, sans-serif, Arial, Helvetica;*/
    /*font-family:"Calibri", tahoma, sans-serif, Arial, Helvetica;*/
    float: left;
}

.logo-div span.logo-title {
    margin-top: 5px;
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #b6b5b5;
}

.logo-div span.logo-sub-title {
    margin-top: 5px;
    margin-left: 2px;
    font-weight: 300;
    font-size: 10px;
    color: #b6b5b5;
    vertical-align: text-bottom;
}



/*---------------------------logo----------------------------------------*/

/*----------------------------header-----------------------------*/








/*-----------------------left-links----------------------------------*/

.left-side {
    display: table-cell;
    /*background:url(../images/border1.png) repeat-y top right #eef1f3;*/
    background: none;
    /*border-radius:5px 0 0 5px;*/
    float: left;
    /*width:250px;*/
    border: 0px solid #ccc;
    width: 90px;
    /*height:730px;*/
}

.left-side h2 {
    padding: 30px 0 30px 30px;
    font-size: 18px;
    color: #3d3d3c;
}

.left-side ul {
    border-bottom: 1px solid #858585;
    padding: 0;
}

.left-side ul li {
    display: block;
    border-bottom: 1px solid #4a4a4a;
    border-top: 1px solid #858585;
    padding: 0px;
    font-size: 12px;
    /*height:75px;*/
}

.left-side ul li:first-child {
    border-top: 0px solid #858585;
}

.left-side ul li a {
    outline: none;
    display: block;
    background: none;
    border-right: 1px solid #595959;
    padding: 15px 0px 15px 0px;
    font-size: 12px;
    color: #b6b5b5;
    text-decoration: none;
    /*height:75px;*/
}



.left-side ul li a:hover {
    outline: none;
    display: block;
    /*background:#595959;*/
    background: #595959;
    border-right: 1px solid #595959;
    padding: 15px 0 15px 0px;
    /*border-radius:5px 0 0 5px;*/
    font-size: 12px;
    color: #b6b5b5;
    text-decoration: none;
    /*height:75px;*/
}


.left-side ul li a.selected {
    outline: none;
    display: block;
    background: #b6b5b5;
    border-right: 1px solid #b6b5b5;
    padding: 15px 0 15px 0px;
    /*border-radius:5px 0 0 5px;*/
    font-size: 12px;
    color: #595959;
    text-decoration: none;
    /*height:75px;*/
}

.left-side ul li:first-child a.selected {
    border-top: 1px solid #b6b5b5;
}


.left-side ul li a img {
    /*width:35px;
    height:35px;*/
    margin: 0 0 0 0;
}

.left-side ul li a span {
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 0px solid #666;
    width: 90px;
    text-align: center;
}

.right-side {
    padding: 10px 15px 0 15px;
    margin: 0;
    border: 0px solid #069;
    min-width: 1060px;
    width: 100%;
}


.page-heading {
    float: left;
    padding: 0 0 0 0;
}

.page-heading span {
    font-size: 12px;
    color: #717171;
    font-weight: normal;
    border: 0px solid #333;
}

.page-heading img {
    width: 20px;
    height: 20px;
    padding: 0 0 0 0;
    margin: 0 10px 0 0;
}

.panel {
    margin-top: 0px;
    margin-bottom: 0px !important;
}


.panel-title {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
}

.panel-map {
    width: 100%;
    height: 228px;
    margin: 0 auto;
}

.panel-gauge {
    width: 100%;
    height: 238px;
}

.panel-gauge td {
    padding: 3px;
}

.panel-graph {
    /*width:100%;*/
    height: 230px;
}

.panel-options {
    margin-left: 5px;
}




.nav-tabs {
    margin-top: 5px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    outline: 0;
}

.nav-tabs>li>a>img {
    float: left;
    height: 22px;
    margin: -3px 5px 0 0;
    width: 22px;
}


.panel-selectbox {
    border: 0px solid #069;
    height: 30px;
}

.panel-selectbox span {
    margin: 0 10px 0 0;
}

.panel-selectbox label>input {
    width: auto;
    height: auto;
}

.panel-selectbox .btn-group {
    margin-top: -2px;
}

.panel-checkbox {
    display: block;
    margin: 10px;
    position: relative;
}

.panel-checkbox label>input {
    width: auto;
    height: auto;
}

.panel-table {
    margin-top: -10px;
}


.addnew-btn {
    float: right;
    font-size: 12px;
    color: #fff;
    background: url(../img/scm/plus-icon2.png) no-repeat 10px 8px #75c91a;
    border-radius: 5px;
    margin: -5px;
    padding: 10px 20px 10px 50px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

.addnew-btn:hover {
    float: right;
    font-size: 12px;
    color: #fff;
    background: url("../img/scm/plus-icon2.png") no-repeat 10px 8px #89e229;
    border-radius: 5px;
    padding: 10px 20px 10px 50px;
    text-decoration: none;
    width: auto;
}



/*-----------------------footer----------------------------------*/
footer div {
    text-align: center;
    padding: 20px 0 20px 0;
    color: #FFF;
    /*font-family:"Arial", Helvetica, sans-serif;*/
    font-size: 13px;
}

/*-----------------------footer----------------------------------*/

/*-----------------------spinner---------------------------------*/

.spinner {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: spinnerAnim;
    animation-timing-function: linear;
    background-image: url("../img/scm/spinner.png");
    background-size: 35px 35px;
    height: 35px;
    margin: 0 auto;
    position: absolute;
    right: 20px;
    top: 50px;
    width: 35px;
    display: none;
}

.video_upload {
    background-image: url("../img/scm/video_upload.png");
    background-size: 35px 35px;
    position: absolute;
    height: 35px;
    width: 35px;
    left: 50%;
    top: 30%;
    margin-left: -32px;
    /* -1 * image width / 2 */
}

.ajax-loader {
    background-image: url("../img/scm/loading.gif");
    background-size: 35px 35px;
    position: absolute;
    height: 35px;
    width: 35px;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    /* -1 * image width / 2 */
}

.whole-page-loader {
    background: url("../img/scm/loading.gif") no-repeat scroll center center #f6f6f6;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

.login-ajax-loader {
    background-image: url("../img/scm/loading.gif");
    background-size: 55px 55px;
    position: absolute;
    height: 55px;
    width: 55px;
    left: 52%;
    top: 45%;
    margin-left: -55px;
    /* -1 * image width / 2 */
    z-index: 9999999;
}



.ajax_loader_div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.delivery_ajax-loader {
    background-image: url("../img/scm/loading.gif");
    background-size: 35px 35px;
    position: absolute;
    height: 35px;
    width: 35px;
    left: 50%;
    margin-top: 102px;
    margin-left: -32px;
    /* -1 * image width / 2 */
}


/*-----------------------spinner---------------------------------*/
/*Dashbord dropdown*/
#submenuitem {
    background-color: #3A3A38;
}

#submenuitem .dasbordlist a {
    color: #b6b5b5;
    line-height: 1.2;
}

#submenuitem .dasbordlist a:hover {
    color: #000;
    padding: 3px 20px;
    vertical-align: middle;
}

.dasbordlist {
    padding-top: 5px;
    padding-bottom: 5px;
}


.panel .panel-heading {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    /* text-transform: uppercase; */
    transition: opacity 0.3s ease 0s;
    /*padding: 20px 20px 7px 12px;*/
    padding: 16px 20px 6px 20px !important;
    color: #4a4a4a;
}

.panel .panel-heading-collapse{
    display:inline-block;
    width:92%;
    padding-top:40px;
    cursor:pointer;
}


.panel-options {
    margin: 5px;
}

.panel-shelf {
    padding: 10px 15px;
}

.panel-heading {
    border-bottom: 1px solid #dadada;
    /*    font-size: 17px;*/
    font-family: 'Roboto', sans-serif;
    font-feature-settings: "kern";
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.01em;
}

.panel-shelf .popover {
    font-size: 12px;
}

.chart-parent-div {
    min-height: 380px;
}
.chartFor-parent-div {
    min-height: 800px;
}


dl dt,
dl dd {
    cursor: pointer;
    color: rgba(98, 98, 98, 0.5);
}

ul.statistics {
    background: white none repeat scroll 0 0;
    display: table;
    list-style: outside none none;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}


.custom-panel {
    border: none !important;
}

.line-chart-cont {
    margin-top: 15px;
}

.pg-mail {
    content: url("assets/img/menuicons/Real-time-d.png");
}

.non-line-chart {
    padding-top: 15px;
}

/*ALL CHART LEGEND FONT*/
.nvd3-line svg text {
    /*font: 400 12px Arial;*/
    /* fill: rgba(98, 98, 98, 0.5)!important; */
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 11px;
    font-weight: normal;
    /*text-transform: uppercase;*/
}

.datamaps-legend {
    font-size: 11px !important;
    font-family: Segoe UI !important;
    fill: rgba(98, 98, 98, 0.5) !important;
}

dt {
    font-weight: normal !important;

}

/*NAVIGATION TAB DESIGN*/
.tabs-rickshaw {
    padding: 0 15px 20px;
}


/*CONTENT-CONTENT TEMPLATE DESIGN*/
.content-search-div {
    min-height: 50px !important;
}

.funkyradio .content-viewviewtime-chart {
    clear: none !important;
}

.nav-tabs-linetriangle>li>a span {
    font-size: 0.86em;
}


/*DEFAULT HEIGHT LINE CHART*/
.content-charts svg {
    height: 420px !important;
}

.filterCust {
    padding: 4px 0px !important;
}

.filterCust .col-title {
    width: 160px;
}

.cust-box {
    width: 245px;
    float: left;
}

header h1 {
    color: white;
    font-size: 18px;
    font-size: 1.125rem;
}

.col-padd {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

/* content thumbnail zoom start*/

.content-thumbnail-div:hover img {
    /*opacity: 0.3;*/
    /*    transition: all .9s ease-in-out;
        -moz-transition: all .9s ease-in-out;
        -webkit-transition: all .9s ease-in-out;*/
    /*zoom */
    -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;
    z-index: 1;
}

.content-thumbnail-div img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.content-thumbnail-div {
    overflow: hidden;
}

/* content thumbnail zoom start*/

/* .error-message{
    color:red;
    text-align:center;
    vertical-align: middle;
    left: 50%;
    top: 50%;
} */


.error-message {
    display: flex;
    justify-content: center;
    align-items: center;
}


.dia {
    padding-top: 15%;
}

.checkbox-perm label {
    font-weight: normal !important;
}

.active-device-paypal,
.active-device-offline,
.active-device-recurly,
.active-device-itunes,
.active-device-googleplay,
.active-device-roku,
.active-device-web,
.active-device-webfb,
.active-device-ios,
.active-device-android,
.active-device-appletv {
    background-image: url("../img/scm/device-ico.svg");
    background-repeat: no-repeat;
    background-size: 100px 288px;
}

.active-device-paypal {
    background-position: -12px -100px;
    height: 31px;
    width: 70px;
}

.active-device-offline {
    background-position: -14px -227px;
    height: 33px;
    width: 70px;
}

.active-device-recurly {
    background-position: -14px -253px;
    height: 33px;
    width: 70px;
}

.active-device-itunes {
    background-position: -9px -124px;
    height: 33px;
    width: 80px;
}

.active-device-googleplay {
    background-position: -14px -150px;
    height: 33px;
    width: 75px;
}

.active-device-roku {
    background-position: -14px -203px;
    height: 33px;
    width: 70px;
}

.active-device-web {
    background-position: -12px -48px;
    height: 33px;
    width: 70px;
}

.active-device-webfb {
    background-position: -14px -23px;
    height: 33px;
    width: 83px;
}

.active-device-ios {
    background-position: -14px 5px;
    height: 33px;
    width: 70px;
}

.active-device-android {
    background-position: -17px -73px;
    height: 33px;
    width: 70px;
}

.active-device-appletv {
    background-position: -17px -176px;
    height: 33px;
    width: 70px;
}

#sms_engagement_filter_heading,
#qoe-portlet-basic {
    cursor: pointer;
}

#loc_info {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 20px 20px 7px 12px;
    text-transform: uppercase;
}

.modal-loader {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

#flottable-Views-segmented-by-device-types-table_wrapper table.dataTable.no-footer thead th {
    min-width: 200px !important;
    max-width: 200px !important;
    white-space: nowrap !important;

}

#flottable-Views-segmented-by-device-types-table_wrapper table.dataTable.no-footer tr td {
    min-width: 200px !important;
    max-width: 200px !important;
}

#flottable-View-Time-segmented-by-device-types-table_wrapper table.dataTable.no-footer thead th {
    min-width: 200px !important;
    max-width: 200px !important;
    white-space: nowrap !important;

}

#flottable-View-Time-segmented-by-device-types-table_wrapper table.dataTable.no-footer tr td {
    min-width: 200px !important;
    max-width: 200px !important;
}

.thumb-update-div {
    margin-top: 17px;
}

.span_font {
    float: left;
    clear: left;
}

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

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

.lpadd30 {
    padding-left: 30px;
}

/* Main Menu Sidebar 
------------------------------------
*/
.page-sidebar {
    width: 280px;
    background-color: #FFF5EB;
    z-index: 1000;
    left: -210px;
    position: fixed;
    bottom: 0;
    top: 0;
    right: auto;
    overflow: inherit;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -moz-transition: -moz-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -o-transition: -o-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


.page-sidebar a,
.page-sidebar button {
    /*color: #4A4A4A;*/
    color: #4A4A4A;
}

.page-sidebar a:hover,
.page-sidebar button:hover,
.page-sidebar a:active,
.page-sidebar button:active {
    color: #ffffff;
}

.page-sidebar a:visited,
.page-sidebar button:visited,
.page-sidebar a:focus,
.page-sidebar button:focus {
    color: #4A4A4A;
}

.page-sidebar .scroll-element {
    visibility: hidden;
}

.page-sidebar .sidebar-header {
    /* Side-bar header */
    display: block;
    height: 60px;
    line-height: 60px;
    /*background-color: #ffffff;*/
    border-right: 1px solid #555352;
    /*border-right: 1px solid #000;*/
    /* background-color: #635446; */
    background-color: #4A4A4A;
    /*border-bottom: 1px solid #232730;*/
    color: #ffffff;
    width: 100%;
    /* padding: 0 20px; */
    padding-left: 30px;
    clear: both;
    z-index: 10;
    position: relative;
}

.page-sidebar .sidebar-header .sidebar-header-controls {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
}

.page-sidebar .sidebar-header .sidebar-slide-toggle i {
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
}

.page-sidebar .sidebar-header .sidebar-slide-toggle.active i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.page-sidebar .close-sidebar {
    position: absolute;
    right: 19px;
    top: 14px;
    padding: 9px;
    z-index: 1;
}

.page-sidebar .close-sidebar>i {
    color: rgba(255, 255, 255, 0.57);
}

.page-sidebar .sidebar-overlay-slide {
    /* Side-bar Top Slider */
    width: 100%;
    height: 100%;
    background-color: #FFF5EB;
    display: block;
    z-index: 9;
    padding: 80px 20px 20px 20px;
}

.page-sidebar .sidebar-overlay-slide.from-top {
    top: -100%;
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar .sidebar-overlay-slide.from-top.show {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.page-sidebar .sidebar-menu {
    /* Side-bar Menu */
    height: calc(100% - 50px);
    position: relative;
    width: 100%;
}

.page-sidebar .sidebar-menu .outer-tab-nav-section {
    display: inline-block;
    width: 45px;
    position: absolute;
    height: 100%;
    background-color: #0aa699 !important;
}

.page-sidebar .sidebar-menu .menu-items {
    /* Side-bar Menut Items */
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 10px);
    width: 100%;
}

.page-sidebar .sidebar-menu .menu-items li:hover>.icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.open>.icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.active>.icon-thumbnail {
    /*color: #ffffff;*/
    /* color: #e1797c; */
    color: #f5841f;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active a,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active a:hover,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active .icon-thumbnail {
    color: #ffffff !important;
}

.page-sidebar .sidebar-menu .menu-items li:hover>a,
.page-sidebar .sidebar-menu .menu-items li.open>a,
.page-sidebar .sidebar-menu .menu-items li.active>a {
    /*color: #ffffff;*/
    /* color: #de6d71; */
    color: #f5841f;
}

.page-sidebar .sidebar-menu .menu-items li>a {
    white-space: nowrap;
    /* overflow: hidden;
  text-overflow: ellipsis; */
    /* width: 90%; */
}

.page-sidebar .sidebar-menu .menu-items>li {
    display: block;
    padding: 0;
    clear: right;
}

.page-sidebar .sidebar-menu .menu-items>li:after,
.page-sidebar .sidebar-menu .menu-items>li:before {
    display: table;
    content: " ";
    clear: both;
}

.page-sidebar .sidebar-menu .menu-items>li>a {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 0 3px;
    padding-left: 72px;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    clear: both;
    font-weight: 300;
}

.page-sidebar .sidebar-menu .menu-items>li>a.open {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #313131;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow {
    float: right;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow:before {
    float: right;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow.open:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.page-sidebar .sidebar-menu .menu-items>li>a>.badge {
    margin-top: 12px;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.title {
    float: left;
    white-space: nowrap;
    /* text-overflow: ellipsis;
  overflow: hidden; */
    width: auto;
    font-weight: 300;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.details {
    font-size: 12px;
    opacity: 0.4;
    display: block;
    clear: both;
}

.page-sidebar .sidebar-menu .menu-items>li>a.detailed>.title {
    line-height: 28px;
}

.page-sidebar .sidebar-menu .menu-items>li>a.detailed>.details {
    line-height: 16px;
}

.page-sidebar .sidebar-menu .menu-items>li.active>ul.sub-menu {
    display: block;
}

.page-sidebar .sidebar-menu .menu-items>li>.icon-thumbnail:first-letter {
    text-transform: uppercase;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu li {
    padding-left: 10px;
    padding-right: 3px;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu .icon-thumbnail {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 300;
    text-shadow: none;
}

.page-sidebar .sidebar-menu .menu-items>li>a.sidebar-arrow {
    padding: 0px 3px;
    width: 5%;
    position: absolute;
    right: 13px;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0 0 10px 0;
    background-color: #f1e4d8 !important;
    padding: 18px 0 10px 0;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li {
    background: none;
    padding: 0px 20px 0 40px;
    margin-top: 1px;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover>.icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active>.icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active>a>span.title,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover>a>span.title {
    color: #ffffff !important;
    /*color: #de6d71;*/
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li>a {
    display: inline-block;
    padding: 5px 0px 8px 31px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    white-space: normal;
    font-weight: 300 !important;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li .icon-thumbnail {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    /* background-color: #dec8b3 !important; */
    /* background-color: #f5841f !important; */
    font-size: 14px;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li.active .icon-thumbnail {
    /* background-color: #b18f70 !important; */
    background-color: #4A4A4A !important;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover,
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover .icon-thumbnail {
    background-color: #b18f70 !important;
    /* color: #4A4A4A !important; */
}


.page-sidebar .sidebar-menu .muted {
    color: #576775;
    opacity: .45;
}

.page-sidebar .icon-thumbnail [class^="bg-"],
.page-sidebar [class*="bg-"] {
    color: #fff;
}

/* [data-toggle-pin="sidebar"] > i:before {
  content: "\f10c";
} */
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li>a span.title {
    position: relative;
    top: 5px !important;
}


/* bill table check box 15 july 2019 by gyan */

#billing_rate_card_job_table tbody tr td {
    vertical-align: middle !important;
    padding: 0px !important;
}

#bill_table>table>tbody>tr>td {
    vertical-align: middle !important;
    border-bottom: 0.5px solid white !important;
    border-top: 0px !important;
    padding: 15px;
    background-color: transparent !important;
    background: none !important;
    margin: 0px !important;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    font-size: 13px !important;
}

#bill_table table {
    width: 100%;
    border-bottom: solid #d6d6d6 !important;
    border-top: solid #d6d6d6 !important;

}

#bill_table>table>tbody>tr>td {
    position: relative;
}


#inner_table>table>tbody>tr>td {
    border: 1px solid #d6d6d6;
    border-collapse: collapse;
    background: #EFEFE4 !important;
}

#inner_table>table {

    width: 100%;
}

/*licnesor rate 1 aug style*/
.licnesrate_border {
    /*border-top:1px solid gray; */
}

.licnesrate_clear {
    clear: both;
}

.licnesrate_left-part {
    width: 15%;
    float: left;
    padding: 6px 0px 6px 0px;
    font-size: 12px;
    font-weight: 400;
    margin-left: 40px;
    margin-top: 7px;
}

.title_licensor {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}

.licnesrate_right-part {
    width: 15%;
    float: left;
    padding: 6px 0px 6px 13px;
    margin-bottom: -10px;
    /*border-left:1px solid gray;*/
}

/*licnesor rate style*/

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li .icon-thumbnail {
    padding-top: 9px !important;
}

/* bill table check box 15 july 2019 by gyan  end*/

@-moz-document url-prefix() {
    .fire_change {
        top: 12px !important;
    }
}

#cost_info_tab table.dataTable.no-footer thead th,
#costing_tab table.dataTable.no-footer thead th {
    cursor: context-menu !important;
}



/*  added 22 nov 2019 gyan*/
.tooltip-width {
    width: 200px;
}

.invoiceDP #MonthPicker_ {
    width: 690px;
    height: 490px;
}

.invoiceDP .month-picker-month-table {
    width: 690px;
}

.invoiceDP table.month-picker-month-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.invoiceDP .month-picker-month-table .ui-button {
    width: 19.0em !important;
    height: 81px;
}

.invoiceDP .month-picker-month-table .ui-button-text,
.invoiceDP .month-picker-month-table .ui-button-text:hover {
    padding: 1.4em 0 !important;
    font-size: initial;
}

.invoiceDP .month-picker-year-table .ui-button {
    height: 2.5em !important;
}

.invoiceDP .ui-state-active,
.invoiceDP .ui-widget-content .ui-state-active,
.invoiceDP .ui-widget-header .ui-state-active {
    color: #b81717;
    font-size: 11px !important;
}

.invoiceDP .ui-state-hover {
    padding: .0em 0 !important;
}

.invoiceDP .month-picker-year-table {
    height: 40px;
}

.invoiceDP table.month-picker-year-table span {
    font-size: initial;
}

.invoiceDP .month-picker-title .ui-button-text {
    margin-top: 4px;
}

.tab-btn {
    width: 180px;
}

.active-report-btn {
    background-color: #b81717;
    border-color: #b81717;
    color: #ffffff !important;
}

.active-report-btn:hover {
    background-color: #d75050 !important;
    border-color: #d75050 !important;
    color: #ffffff !important;
}

.report-btn {
    background-color: #e4e4e4;
    border-color: rgba(98, 98, 98, 0.27);
    color: #1a1a1a;

}

#outer {
    width: 100%;
    text-align: center;
}

.inner {
    display: inline-block;
}

table.dataTable.row-border tbody td {
    vertical-align: middle !important;
}

.wrapper-strip figure figcaption {
    margin-top: -30px;
    color: white;
    font-size: initial;
    text-shadow: 0 -1px 0px rgb(0, 0, 0);
    background: rgba(12, 12, 12, 0.6);
    position: absolute;
    text-align: center;
    width: 290px;
}

.popover-content {
    word-wrap: break-word;
}

.sidebar-visible .sidebar-header-controls {
    padding-left: 0px !important;
}

.partner_name_style {
    font-family: 'Roboto', sans-serif;
    font-size: 15px !important;
    font-weight: 400 !important;

}

.label_design {
    color: #717171 !important;
    text-transform: capitalize !important;
}

#appendData-table_wrapper,
#episodelisting-table_wrapper,
#assetList-table_wrapper {
    padding-top: 5px;
}

.asset-order-edit img {
    max-width: 76px !important;
}

.partner_name_style {
    font-weight: bold !important;
}

.ctrl-label-color .control-label {
    color: black !important;
}

#deliverables_list_container>.ms-options-wrap>.ms-options>ul li.selected label, #multi_adl_lang_list_container>.ms-options-wrap>.ms-options>ul li.selected label {
    background-color: #efefef !important;
}

.upload-area .upload-area-file {
    display: none;
}

.upload-area .upload-area-section {
    border: 1px dashed #c1b8b0;
    text-align: center;
    border-radius: 5px;
    padding: 50px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.upload-area .upload-area-section p {
    font-size: 18px;
    padding: 15px;
}

.upload-area .upload-area-section.is-dragover,
.upload-area .upload-area-section:hover {
    background-color: #ececec;
}

.progress-area .progress-area-section {
    border: 1px solid #c1b8b0;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    margin-top: 15px;
}

.proceed-area .proceed-area-section {
    border: 1px solid #c1b8b0;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
}

#ingest_content_jobs_table tr td:last-child span {
    /* text-align: left;
    float: right; */
}


#ingest_content_jobs_table tr td:last-child:hover span .glyphicon-triangle-right {
    color: #d82527;
}

/* .modal .modal-header{
    border-bottom: 1px solid #dadada;
} */

.modal .modal-header h5 {
    font-family: 'Roboto', sans-serif;
    padding-bottom: 15px;
    font-weight: 600;
}

.modal-content {
    background-color: #FFF5EB !important;
}

.index_style h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #c9c9c9;
    padding: 13px 0px 5px 0px;
    margin-bottom: 13px;
    position: fixed;
    background: white;
    width: 27%;
}

.index_style .details_chart {
    background-color: #ffffff;
    padding: 0px 13px 13px 13px;
    height: 490px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.index_style .details_chart:hover {
    overflow-y: scroll;
}

.index_style .details_chart ul {
    margin-top: 56px;
}

.index_style .details_chart ul li {
    width: 339px;
}

.index_style hr {
    /* padding: 5px 0px; */
    margin: 6px 0px;
}

.index_style .index_value {
    width: 140px;
    float: right;
}

/* #uploaded_file_div_container_table tr td:last-child  {
    cursor: pointer;
} */

#uploaded_file_div_container_table tr td:last-child:hover .glyphicon-info-sign {
    color: #f9822c;
}


/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #969696;
}

.btdn {
    position: absolute;
    left: 15px;
}

.index_style .table_style {
    text-align: center;
    width: 50%;
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.index_style th {
    text-align: center;
    width: 50%;
    font-size: 15px;
    padding: 5px 5px 5px 5px;
    font-weight: 100;
}

.index_style td {
    font-size: 13px;
}

.tab-content {
    background-color: white !important;
    /* padding: 0px 15px 15px 15px;  */
}

.media-data-style li span {
    word-break: break-all;
    width: 166px;
    float: right !important;
    padding-right: 15px;
    font-weight: 400 !important;
    color: rgb(158, 158, 158)
}

.media-data-style li {
    list-style-type: none !important;
    padding-left: 0px !important;
    color: #6c6c6c;
    font-size: 13px !important;
    font-weight: 400;
    /* margin: 4px 0px; */
}

.media-data-style td {
    padding-right: 15px;
    font-weight: 400 !important;
    font-size: 12.5px !important;
    color: rgb(158, 158, 158) !important;
}

.media-data-style {
    margin: 0px;
    padding: 0px;
}

.fade:not(.show) {
    display: none;
}

.media-data-style li.col-md-12 {
    padding: 2px 0px;
}

.media-data-style li.col-md-12 span {
    width: auto !important;
    margin-right: 27px;
}

.border-top-btm {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-btm {
    border-bottom: 1px solid #dee2e6 !important;
}

.modal {
    background-color: rgb(0, 0, 0, 0.4) !important;
}

/* STYLE ADDED ON 22/06/2020 */
#receiving_error_log_table tbody tr td:first-child {
    padding-left: 0px !important;
}

#content_errorlog .p-l-10 {
    padding-left: 0px !important;
}

#content_errorlog .dataTables_wrapper .dataTables_info {
    left: 0px
}

.paginate_button {
    height: 24px;
    display: block;
    border-radius: 20px;
    margin: 5px;
}

.modal .modal-body {
    margin: 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f5dede;
}

.modal .modal-body::after {
    content: "";
    clear: both;
    display: table;
}

#cost_report_list_nav {
    border-top: 1px solid #efefef;
    top: -8px;
    position: relative;
    background: #ffffff;
}

.modal-body h4 {
    font-size: 15px;
    line-height: 32px;
    font-weight: 400;
}

#ingest_content_jobs_table thead tr th:first-child,
#ingest_content_jobs_table tbody tr td:first-child {
    padding-left: 0px !important;
}

#metax_content_jobs_table thead tr th:first-child,
#metax_content_jobs_table tbody tr td:first-child {
    padding-left: 9px !important;
}

#metax_content_jobs_table_wrapper {
    padding: 0px 9px 0px 0px !important;
}

#metax_content_jobs_table .details-block .row {
    margin: 0px 2px 0px 9px !important;
}

/* STYLE ADDED ON 23/06/2020 */
#config_notification_table thead tr th:first-child,
#config_notification_table tbody tr td:first-child {
    padding-left: 0px !important;
}

#scm_co_list_ppdiv .panel-body .row {
    padding-right: 15px;
    padding-left: 6px;
}

#config_notification_table tbody tr td.details-block form .panel {
    margin-left: 16px;
}

#content_ratecards .nav-tabs-fillup {
    margin: 0px 15px;
}

#billing_rate_card_job_table thead tr th:first-child,
#billing_rate_card_job_table tbody tr td:first-child {
    padding-left: 0px !important;
}

#monthPicker_div #cost_from_month {
    border: 1px #efefef solid !important;
}

#recurring_price_list_table thead tr th:first-child,
#recurring_price_list_table tbody tr td:first-child {
    padding-left: 0px !important;
}

#content_recurringcost #total_val {
    padding-left: 2px !important;
}

/* STYLE ADDED ON 24/06/2020 & 25/06/2020 */
#recurring_price_list_table #title_search_form .row .form-group {
    margin-right: 6px !important;
}

#recurring_price_list_table .scm_order_process_body,
#recurring_price_list_table .scm_order_process_header {
    width: 95% !important;
    margin: 0px auto;
}

#recurring_price_list_table .panel-body .row {
    padding-right: 15px;
}

#metax_content_jobs_table thead tr th:first-child,
#metax_content_jobs_table tbody tr td:first-child {
    padding-left: 0px !important;
}

#metax_cs_jobs_title .panel-body .row .col-xlg-12 .p-l-10 {
    padding-left: 0px !important;
}

#metax_content_jobs_list #metax_content_jobs_table_wrapper {
    /*   overflow-x: scroll !important; */
}

#assetFeedTable_wrapper {
    margin: 0px 15px !important;
}

#assetFeedTable_wrapper #assetFeedTable tbody tr td span.asset-order-edit img {
    margin-left: 0px;
}

#other_listing_div #appendTabData {
    height: auto !important;
}

#uploaded_file_div_container_table thead tr th,
#uploaded_file_div_container_table tbody tr td {
    padding-left: 0px !important;
}

#uploaded_file_div_container_table .btn-complete {
    background-color: transparent !important;
    border-color: #dcdcdc !important;
    color: slategrey;
}

/* STYLE ADDED ON 26/06/2020 */

#metax_content_jobs_list {
    height: auto !important;

}

#archive_div_container_table thead tr th:first-child,
#archive_div_container_table tbody tr td:first-child {
    padding-left: 0px !important;
}


/* 
#assetFeedTable .col-md-4 #edit_cp_div_0{
    float: left;
} */

#assetFeedTable .no_img {
    width: 100%;
    background-image: url(../img/scm/asset_no_img.png);
    background-repeat: repeat-x;
    height: 190px;
}

.asset_sc_pdiv .wrapper-strip,
.images_area {
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 9px;
    background: url(../img/scm/asset_no_img.png) #ffffff repeat-x bottom right;
    min-height: 234px;
    background-position: 15px;
}

#assetFeedTable #ksimgs {
    /* background: #efefef; */
    padding: 10px 10px 6px 10px;
    margin-right: 5px !important;
    border: 1px solid #efefef;
}

#assetFeedTable #ksimgs div.asset-thumb {
    position: relative;
}

#assetFeedTable #ksimgs div.asset-thumb::before {
    content: "";
    position: absolute;
    width: 85px;
    height: 163px;
    background-size: 50px;
    background: url(../img/scm/asset_no_img2.png) #efefef no-repeat center center;
    left: 18%;
}

#assetFeedTable .tab-content a i.glyphicon {
    color: #98948f;
    margin-right: 6px;
}

#assetFeedTable .tab-content a:hover i.glyphicon {
    color: #1d0e00;
}

#assetFeedTable #ksimgs div.asset-thumb .asset-thumb-images {
    position: relative;
}

#file_details_div_container_table thead tr th:first-child,
#file_details_div_container_table tbody tr td:first-child {
    padding-left: 4px !important;
    border-left: 1px solid rgb(221, 221, 221) !important;
}

#file_details_div_container_table th {
    position: sticky;
    top: 0px;
    background-color: #ffffff;
    z-index: 9;
}

/* #file_details_div_container_table th:nth-child(1),
#file_details_div_container_table th:nth-child(2),
#file_details_div_container_table th:nth-child(3),
#file_details_div_container_table th:nth-child(4),
#file_details_div_container_table th:nth-child(5) { 
    z-index:99999;
} */
/* #file_details_div_container_table  td:nth-child(2), #file_details_div_container_table th:nth-child(2) {
     position:sticky;
     left:66px;
    background-color:#fff5eb;
} */

/* #file_details_div_container_table  td:nth-child(3), #file_details_div_container_table th:nth-child(3) {
    position:sticky;
    left:115px;
    background-color:#fff5eb;
}

#file_details_div_container_table  td:nth-child(4), #file_details_div_container_table th:nth-child(4) {
    position:sticky;
    left:207px;
    background-color:#fff5eb;
}

#file_details_div_container_table  td:nth-child(5), #file_details_div_container_table th:nth-child(5) {
    position:sticky;
    left:303px;
    background-color:#fff5eb;
} */

/* #file_details_div_container_table th:first-child, #file_details_div_container_table td:first-child {
  position:sticky;
  left:0px;
  background-color:#fff5eb;
    
} */

#file_details_div_container td.details-block {
    max-width: 100px !important;
}

#file_details_div_container_table {
    padding-left: 0px !important;
}

#file_details_div_container_table thead tr th {
    text-transform: none !important;
    font-size: 11px !important;
    font-family: 'Roboto', sans-serif;
    color: #7F8C8D !important;
    padding: 3px !important;
}

/* 
#assetFeedTable #ksimgs div.asset-thumb .asset-thumb-images a img{
    position: absolute;
    z-index: 999;
} */
/* #assetFeedTable .tab-content .edit-cp-btn, #assetFeedTable .tab-content .edit-si-btn{
    display: inline-block;
    float: left;
} */
/* .setting-icon{ top:4px;} */
.pos-rel a i,
.passet-publish-link i,
.passet-prioritize-link i,
.passet-delete-link-assembly i,
.passet-sync-link i,
.template-list-edit i,
.icon-editorder,
.icon-copy_order_details,
.icon-Delete,
.icon-synchronization,
.icon-settings,
.icon-invitation,
.icon-download_line,
.icon-eye-plus,
.icon-diamonds,
/* .icon-re-process, */
/* .icon-media_profile, */
.icon-Edit {
    width: 15px;
    height: 15px;
    position: relative;
    font-size: 15px;
    color: #7c7c7c !important;
    margin: 0px 4px;
    /* top:-2px; */
}

.icon-asset_details_down,
.icon-asset_details {
    font-size: 12px;
}

.passet-publish-link .icon-publish,
table.dataTable td span.pending-details-control {
    top: 3px !important;
}

#assetFeedTable .pos-rel input[type="checkbox"] {
    top: 2px !important;
}

.pos-rel a:hover i,
.passet-publish-link:hover i,
.passet-prioritize-link:hover i,
.passet-delete-link-assembly:hover i,
.passet-sync-link:hover i,
.template-list-edit:hover i,
.icon-editorder:hover,
.icon-copy_order_details:hover,
.icon-asset_details:hover,
.icon-asset_details_down:hover,
.icon-Delete:hover,
.icon-settings:hover,
.icon-invitation:hover,
.icon-download_line:hover,
.icon-re-process:hover,
.icon-media_profile:hover,
.icon-Edit:hover,
.icon-error_ico:hover,
.icon-eye-plus:hover,
.icon-diamonds:hover,
.icon-QC-force:hover {
    color: #d34a48 !important;
}

.icon-eye-plus i,
.icon-copy_order_details i,
.passet-delete-link-assembly i,
.passet-sync-link i,
.icon-view_log,
.icon-copy_order_details {
    font-size: 15px !important;
}

.icon-copy_order_details {
    font-size: 15px !important;
}


.fixed-span {
    width: 24px;
    display: block;
    height: 20px;
    float: left;
}

.fixed-span i {
    font-size: 14px !important;
    top: 2.5px !important;
}

.clr-inqueue {
    font-size: 15px;
    color: #48b0f7 !important;
}

.clr-initialize {
    font-size: 14px;
    color: #fcc400 !important;
}

.clr-updated {
    font-size: 14px;
    color: #bbb60fcc !important;
}


.clr-success {
    font-size: 15px;
    color: #a9dd5a !important;
}

.clr-successDark {
    font-size: 15px;
    color: #6ec939 !important;
}

.clr-successDarker {
    font-size: 15px;
    color: #7fb430 !important;
}

.clr-success-byuser {
    font-size: 15px;
    color: #509900 !important;
}

.clr-complete {
    font-size: 14px;
    color: #48b0f7 !important;
}

.clr-danger {
    position: relative;
    top: 2px;
    font-size: 14px;
    color: #f97875 !important;
}

.clr-pending {
    font-size: 14px;
    color: #f5841f !important;
}

.clr-warning {
    font-size: 14px;
    color: #eab40a;
}

.clr-warningOrange {
    font-size: 14px;
    color: #f8a342;
}

.clr-inactive {
    font-size: 14px;
    color: #7f8c8d;
    ;
}

.clr-error {
    font-size: 14px;
    color: #ffb364;
}

.normal-text i {
    position: relative;
    font-size: 13px !important;
    margin-right: 6px;
}

#log_table .normal-text i {
    position: relative;
    top: 0px;
    font-size: 13px !important;
    margin-right: 6px;
}

.passet-publish-link {
    position: relative;
    top: -3px;
}

.passet-publish-link i {
    font-size: 18px !important;
}

.asset-order-edit {
    cursor: pointer;
}

a.set-as-error-icn {
    top: 3px !important;
}

a.set-as-error-icn .icon-error_ico {
    font-size: 14px !important;
}

.pos-rel.fixed-span .icon-priority-high {
    position: relative;
    top: 2px !important;
}

.asset-order-edit {
    float: none !important;
}

.ip-details {
    border: 1px solid #e6e6e6;
    width: 100%;
    min-height: 110px;
    background-color: #fff;
    padding: 5px;
    margin-left: 0px;
}

#metax_content_jobs_table_ds tr:hover td {
    background-color: #efefef;
}
#pre_dispatch_jobs_table tr:hover td {
    background-color: #efefef;
}

#metax_content_jobs_table tr:hover td {
    cursor: pointer;
    background-color: #efefef;
}

#licensors_list_table tr:hover td {
    cursor: pointer;
    background-color: #efefef;
}

#accounting_report_content_jobs_table tr:hover td {
    cursor: pointer;
    background-color: #efefef;
}

#requested_report_content_jobs_table tr:hover td {
    cursor: pointer;
    background-color: #efefef;
}

#catalog_job_list_table tr:hover td {
    /* cursor:pointer; */
    background-color: #efefef;
}

#expanded_job_listing-table tr td {
    background-color: #ffffff !important;
}

.icon-move-right {
    float: right;
    position: relative;
    left: 14px !important;
    top: 3px;
}

#cost_from_date,
#cost_to_date,
#deliv_cost_from_date,
#deliv_cost_to_date,
#log_from_date,
#log_to_date {
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    border-radius: 4px !important;
}

.disabled {
    opacity: 0.4;
    color: #7c7c7c !important
}

.pos-rel a.disabled:hover i {
    color: #7c7c7c !important
}

.tooltip {
    color: #000;
    font-size: 11px !important;
    height: auto;
    font-weight: 300 !important;
    pointer-events: none;
    position: absolute;
    text-align: center;
    width: auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    z-index: 790;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #4A4A4A;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    background-color: #fff;
    border-radius: 5px;


}

.tooltip.left {
    /*  margin-left: 18px; */
}

.tooltip.right {
    /*  margin-left: -22px !important; */
}


.tooltip.top .tooltip-arrow {
    border-top-color: #fff;
    margin-bottom: -5px !important;
    z-index: 790;
    /*  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);    */
}

.tooltip.bottom .tooltip-arrow {
    margin-top: -5px !important;
    border-bottom-color: #fff;
    z-index: 790;
    /*  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); */
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fff;
    z-index: 790;
    /*  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); */
    margin-right: -5px !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fff !important;
    margin-left: -5px !important;
    z-index: 790;
    /*  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); */
}

#metax_title_listing .pending-details-control,
#metax_title_listing table.dataTable td span.pending-details-control {
    top: 0px !important;
}

/* .tooltip{
    font-family: 'roboto';
	border: 1px !important;
    color: #000;
    font-size: 11px !important;
    height: auto;
    font-weight: 300 !important;
    pointer-events: none;
    position: absolute;
    text-align: center;
    width: auto;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #4A4A4A;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    background-color: #fff;
    border-radius: 5px;
    
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    z-index: 790;
}
.tooltip .tooltip-arrow {
    border-top: 5px solid #fff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
 }
 */
.movie-item {
    position: relative;
}

.movie-item .scrn_shot_ts {
    position: absolute;
    background-color: rgb(98, 98, 98, 0.9);
    color: white;
    padding: 2px;
    bottom: 6px;
    right: 10px;
    z-index: 9;
}

#ftp_content_jobs_table tr td.details-block:hover tr td {
    background-color: #ffffff;
    height: 27px;
}


#ftp_content_jobs_table tbody tr.details-block td.details-block tr:hover td {
    background-color: #efefef;
    height: auto;
}

/*
 #ftp_content_jobs_table tbody tr td tr.details-block td.details-block tr td{
     height:27px !important;
 } */

#ftp_content_jobs_table tr td img {
    width: 60px !important;
    height: auto !important;
}

.icon-status {
    font-size: 11px !important;
}

#ftp_content_jobs_table tr.details-block td .scm_order_process_body .dataTables_wrapper table.dataTable tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ftp_content_jobs_table tr.details-block td:hover .scm_order_process_body .dataTables_wrapper table.dataTable tr td {
    white-space: initial;
    cursor: pointer;
    text-overflow: initial;
}

#ftp_content_jobs_table tr.details-block td.scm_order_process_body .dataTables_wrapper table.dataTable tr:hover td {
    white-space: initial;
    cursor: pointer;
    text-overflow: initial;

}

/* #ftp_content_jobs_table tr td .left .arrow:after {
    border-color: red !important;
  } */
#cost_from_month {
    margin-left: 9px;
}

#scm_co_list_ppdiv #config_notification_table .icon-edit,
#scm_co_list_ppdiv #config_notification_table .icon-Delete,
#scm_co_list_ppdiv #config_notification_table .normal-text i {
    font-size: 15px !important;
}

#ftp_content_jobs_table tr.details-block td.details-block:hover .scm_order_process_body .dataTables_wrapper tbody tr td

/* #ftp_content_jobs_table tr.details-block td.details-block .scm_order_process_body .dataTables_wrapper tbody tr td:first-child span */
    {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}

#ftp_content_jobs_table tr.details-block td.details-block .scm_order_process_body .dataTables_wrapper tbody tr td:first-child span {
    width: 360px;
    display: block;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

#ftp_content_jobs_table tr.details-block td.details-block .scm_order_process_body .dataTables_wrapper tbody tr:hover td:first-child span {
    width: 90%;
    height: auto !important;
    white-space: initial;
    cursor: pointer;
    text-overflow: initial;
}

#price_per_job_list_table_filter {
    width: 100%;
    display: block;
    padding-top: 15px;
}

#price_per_job_list_table_filter.dataTables_filter label {
    color: transparent;
    position: relative;
}

#price_per_job_list_table_filter.dataTables_filter input[type=search] {
    display: block;
    width: 100%;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    font-family: 'Roboto', sans-serif;
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    height: 35px;
    padding: 9px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;

}

#price_per_job_list_table_filter.dataTables_filter input[type=search]:focus {
    background-color: #f0f0f0;
}

#price_per_job_list_table_filter.dataTables_filter label::before {
    content: "Search UID/Cost";
    position: absolute;
    width: 100px;
    height: 20px;
    z-index: 999;
    color: rgba(70, 70, 70, 0.57);
    left: 20px;
    top: 27px;
    font-size: 13px;
}

#price_per_job_list_table_filter.dataTables_filter label:hover::before,
#price_per_job_list_table_filter.dataTables_filter label:focus::before {
    color: transparent !important;
}

#sidebar-menu .sub-menu li .icon-invitation {
    color: #4A4A4A !important;
}

#sidebar-menu .sub-menu li:hover .icon-invitation,
#sidebar-menu .sub-menu li.active .icon-invitation {
    color: #ffffff !important;
}

@media only screen and (max-width: 1366px) {
    #delivery_schedule_search_by_input_fld {
        width: 18% !important;
    }
}

#metax_content_jobs_table_ds tbody tr td:first-child {
    /* padding-left: 0px !important; */
    /* text-align: left !important; */
}


/* Chrome 28+ (now also Microsoft Edge, Firefox, and Safari 9+) */

@supports (-webkit-appearance:none) {
    .partner_price_list_table table tr td span.details-control {
        top: 0px !important;
    }

    #metax_title_listing table.dataTable tr td span.pending-details-control,
    #assetFeedTable span.details-control {
        top: -1px !important;
    }

}

#scm_asset_section #assetFeedTable tbody tr td:last-child .icon-publish,
#scm_asset_section #assetFeedTable tbody tr td:last-child .icon-asset_details {
    font-size: 12px !important;
}

.asset-order-edit img {
    height: auto !important;
}

#metax_content_jobs_table_ds tbody tr.details-block td:first-child {
    padding: 20px !important;
}

#metax_content_jobs_table_ds tbody tr.details-block td:first-child table tr td {
    padding: 4px 6px !important;
}

#metax_content_jobs_table_ds tbody tr.details-block td:first-child table tr td {
    background-color: white !important;
    font-size: 13px;
}

#metax_content_jobs_table_ds tbody tr.details-block td:first-child table tr:hover td {
    background-color: #efefef !important;
}

#metax_content_jobs_table_ds tbody tr td.details-block div.row .col-md-12 .scm_order_process_bodys {
    background-color: white !important;
    padding-left: 0px !important;
    padding: 13px !important;
    border: 1px solid #efefef;
}

/* .bg_less {
    background-color: transparent !important;
} */
/* #content_deliveryschedule #partner_list_container > select.form-control:hover + option{
    display: block !important;
}
#content_deliveryschedule #partner_list_container > select.form-control option{
    display:none !important;    
} */
#content_deliveryschedule #partner_list_container {
    position: relative;
}

/* #content_deliveryschedule #partner_list_container:hover #partner_list_dropdown {
    position: absolute;
    height: 200px !important;
    overflow-y: scroll !important;
    z-index: 2;
    padding: 0px !important;

} */

#content_deliveryschedule #partner_list_container #partner_list_dropdown option {
    width: 100%;
    padding: 2px 11px;
    background-color: white;
}

#content_deliveryschedule #partner_list_container #partner_list_dropdown option:hover {
    background-color: dodgerblue;
    color: floralwhite;
}

#content_deliveryschedule #partner_list_container #partner_list_dropdown option:first-child {
    position: sticky;
    top: 0px;
    width: 100%;
    padding: 11px;
    overflow-x: hidden;
    background-color: white !important;
    color: #4a4a4a;
    border-bottom: 1px solid #efefef;
}


@media (max-width: 1280px) {
    #delivery_schedule_jobs_list {
        padding: 0px !important;
        margin: 0px !important;
        overflow-x: scroll;
    }
}



.mt-30 {
    margin-top: 20px;
}

.ml-5 {
    margin-left: 5px;
}

.genere-style {
    line-height: 15px;
    display: block;
    float: left;
    color: #7f8c8d;
    margin-bottom: 3px;
    border-radius: 4px;
    padding-left: 2px;
    padding-right: 2px;
    border: solid 1px #c3c3c3;
    margin-right: 4px;
    font-size: 11px !important;
    white-space: nowrap;
}

.image-block.is-expanded .image-expand-block {
    max-height: 401px !important;
}

.image-block.is-expanded .image-expand-block .imageexpand-background {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% !important;
}

/* .add-blur{ filter: blur(9px);
    -webkit-filter: blur(9px);} */

.scm-partner-card .p_title {
    line-height: 13px !important;
    margin-bottom: 6px;
}

.scm-partner-card .p_title,
.feed-info-heading {
    /* padding-left: 6px !important; */
    font-weight: normal !important;
    font-size: 12px !important;
}

.scm-partner-card .feed-info-content {
    font-weight: normal !important;
}

.scm-partner-card div {
    line-height: 13px !important;
}


.scm-partner-card .partner-top-right-action {
    display: none;
}

.scm-partner-card:hover .partner-top-right-action {
    display: block;
}

.partner-top-right-action {
    width: auto;
    position: absolute;
    bottom: 0px;
    /* border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6; */
    right: 0px;
    padding: 2px;
}

#channel_list .nvd3-line .channel-info-content {
    padding-left: 0px !important;
    font-weight: normal !important;
    font-size: 11px !important;
    line-height: 14px !important;
}

.channel-info-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* white-space: nowrap; */
    /* width: 15em; */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.channel_name_style {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 6px;
}

/* .partner-top-right-action:hover{
    border-bottom:1px solid #ed1c24;
    border-left: 1px solid #ed1c24;
} */


/* #accounting_report_list tbody tr td{
    white-space: nowrap !important;
} */

#accounting_report_list tbody tr td:last-child .fixed-span {
    font-size: 15px;
    padding-top: 2px;
}

/* 
#accounting_report_list tbody tr td.details-block div div{
    width: 200px;
    float: left;
    display: block;
} */

#accounting_report_list tbody tr td.details-block div {
    padding: 4px 6px;
    background-color: white;
}

/* #accounting_report_list tbody tr td.details-block div div div:last-child::before{
    clear: both;
} */

#accounting_report_list tbody tr td.details-block {
    padding: 6px !important;
}

#accounting_report_content_jobs_table span.hint-text {
    opacity: 1 !important;
    background-color: transparent !important;
    /* color: #888888 !important; */
    font-size: 13px !important;
    padding: 2px 0px !important;
    border-radius: 2px !important;
}

.licence_container {
    white-space: nowrap;
    width: 172px !important;
    height: 20px;
    /* text-overflow: '...' !important; */
    overflow: hidden;
    position: relative;
}

/* .licence_container p {text-overflow: ellipsis !important;} */
#generated_report_content_jobs_table tbody tr td:nth-child(4) .normal-text div {
    white-space: nowrap;
    width: 216px !important;
    height: 20px;
    /* text-overflow: ellipsis !important; */
    overflow: hidden;
    position: relative;
}

.m-6 {
    margin: 6px;
}

#requested_report_content_jobs_table tbody tr td:nth-child(3) .normal-text div,
#accounting_report_content_jobs_table tbody tr td:nth-child(4) .normal-text div {
    width: 72px !important;
    height: 20px;
    /* text-overflow: ellipsis; */
    overflow: hidden;
    position: relative;
}

/* #generated_report_content_jobs_table tbody tr td:nth-child(4) .normal-text div p::before,
#requested_report_content_jobs_table tbody tr td:nth-child(3) .normal-text div p::before,
.licence_container p::before{
    content: '...';
    position: absolute;
    right: 0px;

} */

.details-block {
    overflow: hidden;
    line-height: 50px;
    transition: all .5s ease-in-out;
    height: 0;
}

.details-block:target {
    height: 100vh;
}

#accounting_report_list .disabled {
    opacity: 0.2 !important;
}

#accounting_report_list .disabled:hover {
    color: #4a4a4a !important;
    opacity: 0.1 !important;
}

.mb-5 {
    margin-bottom: 6px;
}

.btm_border {
    border-bottom: 1px solid #ebebeb;
}

#requested_report_content_jobs_table tr td .icon-terminate_solid {
    color: #e4655c;
}


#requested_report_content_jobs_table tr td .icon-active {
    color: #a9dd5a;
}

#requested_report_content_jobs_table tr td .icon-pause_state {
    color: #e7c143;
}

#accounting_report_list .select2-container--default {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    color: #2c2c2c !important;
    outline: 0 !important;
    height: 35px !important;
    border-radius: 2px !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    margin-top: 2.7px !important;
}

.select2-dropdown {
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

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

#content_partner_setting_form {
    height: auto !important;
}

#metax_partner_addedit .nav-tabs.nav-tabs-left {
    width: 272px !important;
    height: 560px !important;
    overflow: auto !important;
}

#metax_partner_addedit .panel {
    position: relative !important;
}

#metax_partner_addedit .tab-content {
    position: static !important;
    height: 560px !important;
    min-height: 560px !important;
    overflow: auto !important;
    padding-bottom: 40px !important;
}

#metax_partner_addedit .btn-container {
    background-color: #ffffff;
    width: 69%;
    height: 51px;
    position: absolute !important;
    bottom: 0px;
    padding: 20px 0px;
}

#content_partner_form .btn-container {
    width: 99%;
}


#metax_partner_addedit .panel-body {
    padding-bottom: 60px !important;
}

.custom_filter_style .col-md-2 {
    width: 13.66666667% !important;
}

.custom_filter_style .col-md-6 {
    width: 59%;
}

.custom_filter_style .col-md-6 .custom_input {
    width: 15.66666667% !important;
    margin: 0px 10px !important;
    display: inline-block !important;
}

.custom_filter_style .col-md-6 .btn {
    text-align: center !important;

}

#receiving_error_log_table tbody tr td:nth-child(2) span.normal-text {
    width: 150px !important;
    line-break: normal;
    text-overflow: ellipsis !important;
    overflow: hidden;
    float: left;
    display: block;
}

#ftp_content_jobs_table tbody tr td:nth-child(2) span.normal-text {
    width: 150px !important;
    line-break: normal;
    text-overflow: ellipsis !important;
    /* overflow: hidden; */
    float: left;
    display: block;
}

#rlinv_content_jobs_table tbody tr td:nth-child(2) span.normal-text {
    width: 150px !important;
    line-break: normal;
    text-overflow: ellipsis !important;
    /* overflow: hidden; */
    float: left;
    display: block;
}

#ingest_content_jobs_table tbody tr td:nth-child(2) span.normal-text {
    width: 150px !important;
    line-break: normal;
    text-overflow: ellipsis !important;
    overflow: hidden;
    float: left;
    display: block;
}

#receiving_error_log_table tbody tr:hover td:nth-child(2) span.normal-text {
    width: 150px !important;
    text-overflow: none !important;
    overflow: inherit;
    hyphens: auto !important;
    text-overflow: none;
    white-space: pre-wrap !important;
}

#package_delivery div {
    text-align: left !important;
}

#package_delivery .col-sm-offset-4 {
    margin-left: 0px !important;
    padding-left: 10px !important;
}

#package_delivery .m-b-15 {
    margin-left: 50px !important;
}

#package_delivery .col-sm-offset-1 {
    margin-left: 38px !important;
}

#package_delivery .col-sm-5 {
    width: 29.666667% !important;
}

#package_delivery .col-sm-4 {
    width: 27.766667% !important;
}

#package_delivery .col-sm-3 {
    width: 23.766667% !important;
}

#metax_partner_addedit .tab-content {
    overflow-x: hidden !important;
}

#ksimgs .bg-danger {
    background-color: transparent !important;
}

#ksimgs .asset-thumb-images {
    min-height: 162px;
}


.icon-view_job_log {
    font-size: 15.5px !important;
    /* top: 1.5px !important; */
    position: relative !important;
}

.icon-diamonds {
    font-size: 18px !important;

}


#close_logdiv_link {
    font-size: 13px !important;
    color: #ffffff !important;
    padding-right: 10px !important;
    position: relative !important;
    right: 27px !important;
}

/* #select2-provider_n-results .select2-results__message{
    display: none !important;
  
    }
 */
.scm_order_process_body .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.today {
    background-color: rgb(170, 170, 170) !important;
}

.select2-results__option {
    /*   display: none !important; */
}

.relate_me {
    position: relative !important;
}


#metax_content_jobs_table tbody tr td.details-block {
    overflow-y: visible !important;
    /* display: block !important; */
    /* background-color: red !important; */
}

button.profile-dropdown-toggle div .font-heading::before {
    position: absolute;
    /* content: 'Admin'; */
    color: #ccc;
    font-size: 9px;
    font-style: italic;
    font-weight: 400;
    padding: 0px 9px;
    height: 15x;
    bottom: -14px;
    right: -9px;
    border-radius: 14px;
    z-index: 9999;
}

.user-role {
    font-size: 10px;
    font-style: italic;
    padding: 0px 5px;
    right: 10px;
    right: -1px;
    border-radius: 14px;
    top: -3px;
    color: #c7c7c7;
}

.profile-dropdown-toggle div .font-heading {
    position: relative;
    display: block;
}

/* .icon-glacire_ico{
    position: relative;
    left: -20px;
    top: 1px;
} */


.scm_order_process_body .icon-diamonds {
    font-size: 13px !important;
    top: 3.6px !important;
    position: relative !important;
}

.scm_order_process_body .icon-diamonds:hover {
    color: #d34a48 !important;
}



.scm_order_process_body .icon-view_job_log {
    font-size: 13px !important;
    top: 3.6px !important;
    position: relative !important;
}


.scm_order_process_body .icon-view_job_log:hover {
    color: #d34a48 !important;
}


.scm_order_process_body .icon-eye-plus {
    font-size: 13px !important;
    top: 3.6px !important;
    position: relative !important;
}

.scm_order_process_body .icon-eye-plus:hover {
    color: #d34a48 !important;
}

.scm_order_process_body .icon-view_metadata,
.scm_order_process_body .icon-view_log {
    font-size: 14px !important;
    position: relative;
}

.scm_order_process_body .icon-view_metadata {
    top: 2px !important;
}

.scm_order_process_body .icon-view_log {
    top: 2px !important;
}


.scm_order_process_body .icon-copy_id {
    font-size: 13.5px !important;
    position: relative;
    left: 6px;
    top: 4px !important;
}


#metax_content_jobs_table .icon-copy_order_details {
    font-size: 14px !important;
}

#metax_content_jobs_table .icon-copy_id {
    font-size: 15px !important;
}

.scm_order_process_body .bootstrap-datetimepicker-widget {
    position: absolute !important;
    bottom: -400px !important;
}

#delivery_schdl_actvt_list_table tr:hover td {
    background-color: #efefef;
}


#dif_stages_div-table tr:hover td {
    background-color: #efefef;
}

#dif_stages_div-table tr:not( :hover) td {
    background-color: transparent;
}


#assetFeedTable #ksimgs div.asset-thumb .asset-thumb-images {
    position: relative;
    /* background-color: #a3a3a3 !important; */
}

#content_errorlog .icon-licensor_ico,
#content_errorlog .icon-glacire_ico {
    position: relative !important;
    top: 1px !important;
}

#metax_content_jobs_table_ds_wrapper {
    overflow-x: auto !important;
}

.proceed-area-section {
    width: 182px !important;
    min-height: 220px !important;
    margin-right: 6px;
    word-break: break-all !important;
    float: left;
}

.bfd-remove {
    font-size: 9px !important;
    top: -8px !important;
    right: 7px !important;
    left: auto !important;
    position: absolute !important;
}

.proceed-area .proceed-area-section {
    position: relative;
}

.proceed-area-section .file_name_st,
.proceed-area-section .control-label,
.proceed-area-section .file_dimension_st {
    font-size: 13px !important;
}

.bootbox-confirm {
    text-align: center !important;
}

/* .proceed-area-section .progress{
    position: absolute;
    width: 84% !important;
    bottom: -58px;
} */

.p-bottom-fix {
    position: absolute;
    bottom: 10px !important;
    width: 90%;
}

#modal_div_tview #treeview li .fwnormal,
.mr-treeview,
.mr-treeview,
.mr-treeview,
.mr-treeview * {
    font-size: 13px !important;
    font-weight: normal !important;
}

#modal_div_tview #treeview li .fwbold {
    font-weight: 600 !important;
}

.KeystoneBox {
    float: left;
    margin: 9px;
    text-align: center;
}

.KeystonePlaceholder {
    width: 180px;
    min-height: 200px;
    background-color: #ffffff;
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    margin-bottom: 6px;
    padding: 15px;
    position: relative;

}

.KeystonePlaceholder h5 {
    font-size: 13px;
    color: #7f8c8d;
    font-weight: 400;
    margin-top: 14px;
    text-align: center !important;
    letter-spacing: 0px;
    line-height: 18px;
}

.KeystonePlaceholder h5 span {
    position: absolute;
    bottom: 10px !important;
    display: block;
    width: 81%;
    /* color: #4A4A4A !important; */
}

.KeystonePlaceholder h5 b {
    font-weight: 400 !important;
    color: #10cfbd !important;
    /* font-style: italic; */
    margin-top: 15px;
}

#metax_content_jobs_table .details-block #order_dtls_npdiv table tr td {
    background-color: #fff !important;
}

#metax_content_jobs_table .details-block #order_dtls_npdiv table tr:not(.details-block, .ep-list-block):hover td {
    background-color: #efefef !important;
}

#report_costing_tab div table tbody tr td {
    background-color: #ffffff !important;
}

#report_costing_tab div table tbody tr:hover td {
    background-color: #efefef !important;
}


/*** delivery_schedule_activity activity line style with show all***/

#dif_stages_div-tablebody tr td div {
    display: block;
    padding: 4px 0px;
}

#dif_stages_div-tablebody tr td div i {
    position: relative;
    top: 2px !important;
}

#dif_stages_div-tablebody tr:hover td {
    background-color: #ffffff !important;
}

#dif_stages_div,
.interstial_order_details {
    background-color: #ffffff;
    border: 1px solid #efefef;
    padding: 0px;
}


.activity-tracking {
    width: 15%;
    float: left;
    text-align: center;
    margin: 13px 38px;
}

.activity-tracking p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
    margin: 9px 0px;
}

.activity-tracking p span {
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    text-transform: capitalize !important;
    border: none !important;
    padding: 0px !important;
    background-color: transparent;
}

.activity-tracking span {
    font-size: 24px !important;
}

.activity_line {
    width: 100%;
    height: 1px;
    background-color: #dfdfdf !important;
    z-index: 0;
    margin: 23px auto;
    float: left;
}

.inters-cont-cont {
    width: 1000px;
    height: 130px;
    position: relative;
    background-color: #fff !important;
    margin: 0px auto;
}

.act-cont-cont {
    width: 904px;
    height: 114px;
    position: relative;
    /* float: left; */
    background-color: #fff !important;
    /*   border-right: 1px solid #efefef; */
    margin: 0px auto;
}

.act-cont {
    width: 100%;
    top: 13px;
    position: absolute;
    z-index: 9;
}

.btn-cont .gpn {
    margin: 41px 15px !important;
}

.btn-cont {
    position: absolute;
    z-index: 9;
    right: 15px;
    left: 16%;
}

/* .activity-tracking .icon-initialization{
    color: #fcc400;
}

.activity-tracking .icon-terminate_solid{
    color: #f55753 ;
}

.activity-tracking .icon-processing{
    color: #eab40a ;
}

.activity-tracking .icon-completed{
    color: #a9dd5a ;
}

.validation .icon-completed{
    color: #48b0f7 ;  i.e clr-complete color: #48b0f7  !important;
} */

.activity-tracking .icon-terminate_solid {
    color: #f55753;
}

/* .activity-tracking .icon-active{
    color: #a9dd5a ;
} */

.activity-tracking .enabled-icon {
    color: #a9dd5a;
}



.activity-tracking span {
    background: #fff;
    padding: 6px;
    border-radius: 19px;
    border: 1px solid #dfdfdf !important;
    ;
    margin-bottom: 15px;
    cursor: pointer !important;
}

.act_details_drop {
    border-top: 1px solid #efefef;
    max-height: 356px;
    margin-left: 3px;
    height: auto;
    overflow: auto;
}

.act_details_drop table tr td {
    font-size: 12px !important;
    background-color: #ffffff !important;
    /*  cursor: pointer; */
}

.act_details_drop table tr:hover td {
    background-color: #efefef !important;
}

.act_details_drop table tr td i {
    margin-right: 6px;
    font-size: 15px !important;
    position: relative;
    top: 2px;
}

.act_details_drop table tr th {
    background-color: #fff !important;
    z-index: 1;
    position: sticky;
    top: 0;
}

/* .act_details_drop table tr th:first-child{
      padding-left: 15px !important;
  }
  .act_details_drop table tr th:nth-child(2){
    padding-left: 26px !important;
  } */

.activity-tracking .popover div p {
    font-weight: 400 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: capitalize;
    /* line-height: 15px; */
    margin: 0px;
    padding: 0px;
}

.activity-tracking .popover {
    padding: 4px !important;
    position: fixed !important;
    z-index: 9999 !important;
}

table.dataTable tr.details-block td.details-block {
    padding: 0px 15px 0px 15px !important;
}

.activity-tracking .popover div {
    margin: 0px;
    padding: 0px;
}

.inters_progress_line_holder {
    width: 74.2%;
    position: absolute;
    height: 3px;
    left: 96px;
    top: 33px;
}

.progress_line_holder {
    width: 70.2%;
    /* background-color: #a9dd5a; */
    position: absolute;
    height: 3px;
    left: 96px;
    top: 33px;
}

.progress_line_holder .progress,
.inters_progress_line_holder .progress {
    height: 4px;
}

.progress_line_holder .progress .bg-success,
.inters_progress_line_holder .progress .bg-success {
    background-color: #a9dd5a !important;
}

button.showmenu {
    padding: 1.2px !important;
    line-height: 0;
    font-size: 12px !important;
    margin-left: 18px;
    /* right: 21px; */
}

.menu-drop-end {
    text-align: left !important;
    width: 150px !important;
    font-size: 13px !important;
    background-color: #fff !important;
    border: #efefef 1px solid !important;
    padding: 5px 0px !important;
    left: -132px;
    top: 0px;
    z-index: 9 !important;
    max-height: 250px !important;
    overflow: auto;
}

#ingest_content_jobs_table td div.dropdown {
    position: relative;
    overflow: visible !important;
}

#receiving_error_log_table td div.dropdown {
    position: relative;
    overflow: visible !important;
}

#whipmedia_table td div.dropdown {
    position: relative;
    overflow: visible !important;
}

#config_promo_list_table td div.dropdown {
    position: relative;
    overflow: visible !important;
}

#rating_table td div.dropdown {
    position: relative;
    overflow: visible !important;
}

#receiving_error_log_table td div.dropdown:hover>.dropdown-menu {
    display: block;
}

#whipmedia_table td div.dropdown:hover>.dropdown-menu {
    display: block;
    cursor: pointer !important;
}

#config_promo_list_table td div.dropdown:hover>.dropdown-menu {
    display: block;
}

#rating_table td div.dropdown:hover>.dropdown-menu {
    display: block;
}

#receiving_vionlabs_job_table td div.dropdown:hover>.dropdown-menu {
    display: block;
}

#ingest_content_jobs_table td div.dropdown:hover>.dropdown-menu {
    display: block;
}


#archive_raw_data_tdiv td div.dropdown:hover>.dropdown-menu {
    display: block;
}

/* #ingest_content_jobs_table td div.dropdown:hover>.dropdown-menu { left:-144px;} */
#ingest_content_jobs_table td div.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

#receiving_error_log_table td div.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

#whipmedia_table td div.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

#config_promo_list_table td div.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

#rating_table td div.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.menu-drop-end ul li {
    padding: 4px !important;
    border-bottom: #f7f7f7 1px solid !important;
}

.menu-drop-end ul li:hover {
    padding: 4px !important;
    background-color: #f7f7f7 !important;
}

.menu-drop-end ul li:hover i {
    color: #d82527 !important;
}

.menu-drop-end ul li:last-child {
    border: none !important;
}

.menu-drop-end ul li span {
    font-size: 11px !important;
}

#ingest_content_jobs_table .menu-drop-end ul li i {
    font-size: 13px !important;
    max-width: 0px !important;
    padding: 0px !important;
    margin: 0px 4px 0px 0px !important;
}

#receiving_error_log_table .menu-drop-end ul li i {
    font-size: 13px !important;
    max-width: 0px !important;
    padding: 0px !important;
    margin: 0px 4px 0px 0px !important;
}
#whipmedia_table .menu-drop-end ul li i {
    font-size: 13px !important;
    max-width: 0px !important;
    padding: 0px !important;
    margin: 0px 4px 0px 0px !important;
}

#config_promo_list_table .menu-drop-end ul li i {
    font-size: 13px !important;
    max-width: 0px !important;
    padding: 0px !important;
    margin: 0px 4px 0px 0px !important;
}


/* #ingest_content_jobs_table tbody tr td:last-child, #ingest_content_jobs_table tr th:last-child b{
    text-align: right !important;
} */

/* #receiving_error_log_table tbody tr td:last-child, #ingest_content_jobs_table tr th:last-child b{
    text-align: right !important;
} */


.custom_block {
    /* width: 183px;
    float: left; */
    margin-bottom: 15px;
}

.custom_block img {
    max-width: 100%;
    height: 69px;
    border-radius: 4px;
}

.custom_block .channel_logo_holder {
    /* background-image: url(../img/scm/nochannel_logo.png) ;
    background-size: contain; */
    height: 68px;
    padding-top: 0px;
    margin-bottom: 9px;
    position: relative;
    overflow-y: hidden;
    text-align: center;
    /* display: table-cell;
    vertical-align: middle; */
}

#receiving_error_log_table td div:first-child.dropdown {
    width: 62.1px !important;
}
#whipmedia_table td div:first-child.dropdown {
    width: 62.1px !important;
}

#config_promo_list_table td div:first-child.dropdown {
    width: 62.1px !important;
}

#full_actvt_listing_table tbody tr th {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 12px;
}


.act-cont-title {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 13px;
    white-space: nowrap;
    position: absolute;
    z-index: 9;
    top: 43px;
    left: 29px;
}


#appendData-tablebody .ep-nav-tabs-fillup>li.active {
    z-index: 1 !important;
}

#raw_data_tab_table tbody tr td:nth-child(2) {
    width: 20% !important;
}

.stage-holder {
    width: 100%;
    position: absolute;
    text-align: center;
}

.stage-holder h5 {
    font-size: 27px !important;
    position: relative;
    top: 16px;
    font-weight: 400;
    color: #fb1c2e !important;
    font-family: 'Roboto', sans-serif;
}


.panel p.sub-header_d {
    text-transform: uppercase;
    top: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.bdr_btm {
    border-bottom: 1px solid #efefef;
    padding-bottom: 6px;
    margin-right: 15px;
}

.error_caption {
    background-color: #f9e9e9;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.mixed_caption {
    background-color: #7474743b;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.warning_caption {
    background-color: #eab60a2e;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.success_caption {
    background-color: #b5f5b59d;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.nodata_caption {
    /* background-color: #e0fad77a; */
    background-color: #f3f3f3;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #f7f7f7;
}

@-moz-document url-prefix() {
    #assetList-tablebody .ep-nav-tabs-fillup>li.active {
        z-index: 1 !important;
    }
}


.rawdata .icon-more {
    position: relative;
    left: 0px;
    top: 1px;
    font-size: 9px !important;
}

.rawdata:hover .icon-more {
    color: #d82527 !important;

}

.rawdata {
    cursor: pointer;
    position: relative;
}

.rawdata:hover .menu-drop-end {
    width: 150px !important;
    display: block !important;
    left: -150px !important;
    z-index: 99999;
}

.ajax-loader {
    display: block;
    margin: 0px auto !important;
}

/*Gyan_below*/

.reverse {
    top: auto !important;
    bottom: 0px;
}

#main_data_new_product_cdiv .col-md-3 .ms-options-wrap button,
#global_list_select_div_id .ms-options-wrap button,
.ms-options-wrap button {
    border: 1px solid #e8e8e8 !important;
    border-radius: 1px !important;
    /* padding: 7px 6px !important; */
}

#global_list_select_div_id .ms-options-wrap button,
.ms-options-wrap button {
    border-radius: 1px !important;
    padding: 7px 6px !important;
    text-align: left !important;
    height: 29px;
    padding: 0px 36px 0px 12px !important;
    outline-offset: 0;
}

.filters-PAW {
    /* display: flex;
      align-items: center;
      justify-content: space-evenly; */
}

/* #config_report_list_table #asset_order_details6-table_wrapper tbody tr td:first-child span i{
      position: relative;
      left: 9px !important;
      top: 3px !important;
  } */
.shape_details {
    top: 101px !important;
}

.clr-success-byuser {
    font-size: 14px !important;
}

.cap_top_status {
    /* margin: 0px;
    padding: 0px; */
}

.cap_top_status li {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 10px !important;
    /* height: 20px !important; */
    font-size: 11px !important;
}

.cap_top_status li label {
    padding-left: 31px !important;
    width: 128px;
}

/* .cap_top_status li:nth-child(1) label,.cap_top_status li:nth-child(2) label {
    padding-left: 0px !important;
    } */
td.panel-heading,
td.panel-heading span,
.report_heading_divCONFORMANCE span {
    font-family: 'Roboto', sans-serif;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 400;
}

span.panel-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    border: 0px !important;
    /* padding: 0px !important; */
}

td.outlined-header-red {
    font-family: 'Roboto', sans-serif;
    font-size: 11px !important;
    font-weight: bold;
    color: #FFFFFF;
    border-color: #257189;
    background-color: #257189;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    padding: 6px 15px 6px 15px !important;
}

table.fulloutline td div.panel-body {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(245, 234, 234);
    border-top: transparent !important;
    margin-bottom: 6px !important;
}

.TemplateDescriptionDivLevel1 {
    color: #4a4a4a !important;
}

.TemplateDescriptionDivLevel1 span {
    font-size: 13px !important;
}

#report_heading_divCONFORMANCE,
#report_heading_divINFO,
#report_heading_divSUMMARY {
    font-size: 11px;
    /* font-weight: bold; */
    min-height: auto !important;
    color: #FFFFFF;
    /* background-color: #257189; */
    background-color: #666;
    /* border-color: #CC0033; */
    border-width: 0px;
    border-style: solid;
    text-align: center;
    padding: 9px 15px 9px 15px !important;
}

#report_heading_divgeneral,
#report_heading_divvideo,
#report_heading_divaudio {
    font-size: 11px;
    min-height: auto !important;
    color: #666;
    border-width: 0px;
    border-style: solid;
    text-align: center;
    padding: 9px 15px 9px 15px !important;
    cursor: pointer;
    /* background: linear-gradient(to bottom, #ffffcc 0%, #f5daf5 100%); */
}

/* #report_heading_divSUMMARY{
    /* font-family: verdana, arial, helvetica, sans-serif; */
/* font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #257189; */
/* border-color: #CC0033; */
/* border-width: 0px;
    border-style: hidden;
    text-align: left;
    padding: 17px 15px 15px 15px !important;
    vertical-align: middle;
} */

/* #report_heading_divgeneral .md-arrow, #report_heading_divvideo .md-arrow,
#report_heading_divaudio .md-arrow */
#report_heading_divCONFORMANCE .md-arrow,
#report_heading_divSUMMARY .md-arrow,
#report_heading_divINFO .md-arrow {

    color: white !important;
}

.tableTemplateDescription tr td {
    padding-left: 15px !important;
    font-size: 11px !important;
}

.tableTemplateDescription tr td strong span.panel-heading {
    background-color: transparent !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    height: 20px !important;
    text-align: left !important;
    vertical-align: top !important;
    min-height: auto;
    font-size: 11px !important;
}

.tablecellbottomborder {
    color: #4a4a4a !important;
    border-bottom: transparent 1px solid !important;
    padding-left: 15px !important;
    font-size: 11px !important;
}

#analysis_div td.outlined-header-stream-result {
    /* font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt; */
    font-family: 'Roboto', sans-serif;
    font-size: 11px !important;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666;
    /* border-color: #CC0033; */
    border-width: 0px;
    border-style: solid;
    text-align: left;
    padding: 6px 15px 6px 15px !important;
}

#report_data_ANALYSIS_cdiv {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(245, 234, 234);
    border-top: transparent !important;
    /* margin-bottom: 6px !important; */
}

#report_data_ANALYSIS_cdiv div p {
    color: #4a4a4a !important;
    border-bottom: transparent 1px solid !important;
    padding-left: 15px !important;
    font-size: 11px !important;
}

#report_data_ANALYSIS_cdiv span.panel-heading {
    color: #4a4a4a !important;
}

.capmate-report {
    width: auto;
    max-height: 500px;
    overflow-y: scroll;
}

.error_panel {
    border-color: rgb(245 87 83) !important;
    background-color: rgb(245 87 83) !important;
}

.error_bg {
    border-color: rgb(255 202 201) !important;
    background-color: rgb(255 202 201) !important;
}

.warning_panel {
    border-color: #FFA900 !important;
    background-color: #FFA900 !important;
}

.warning_bg {
    border-color: #ffaa0040 !important;
    background-color: #ffaa0040 !important;
}

#cast_crew_pdiv_ott .ms-options-wrap>.ms-options>ul li.selected label {
    background-color: transparent !important;

}

.capmate-report label {
    font-weight: normal !important;
}

.TemplateDescriptionDivLevel1 span {
    font-weight: normal !important;
}

.rawdata .menu-drop-end ul li i {
    font-size: 15px !important;
    margin-right: 6px !important;
}

.video_thumbnail .images_area {
    background-color: #efefef !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-size: 15px;
    border: 1px solid #e4e4e4 !important;
    background-position: top center !important;
}


.edit_si button {
    margin-bottom: 4px !important;
}

.video_thumbnail .img-responsive {
    height: 100% !important;
}

.video_thumbnail .play-btn {
    opacity: 0.8;
}

.video_thumbnail .play-btn:hover {
    opacity: 1;
}

#screen_shot_tab_div div {
    border-bottom: transparent 1px solid !important;
}

#pending_ct_all_tab_pdiv .col-lg-5 .row div button {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    min-height: auto !important;
    height: auto !important;
    word-break: break-all !important;
    font-size: 12px !important;
}

#assets_data_tab .row .col-lg-4 .row .col-lg-5 div button {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    font-size: 12px !important;
}

.no_white_space {
    white-space: nowrap;
}


.video_thumbnail {
    background-color: #131313;
}

select,
select.form-control,
select.form-control[disabled] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-overflow: '';
    position: relative;
    /* background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #fff, #fff); */
    background-size: 18px;
    background-image: url(../img/scm/dn-arrow.png);
    background-position: center right;
    /* background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em; */
    /* background-size:
    5px 5px,
    5px 5px,
    1px 1.5em; */
    background-repeat: no-repeat;
    color: #7f8c8d !important;
    font-size: 13px !important;
    font-family: 'Roboto', sans-serif;
}

select:focus,
select.form-control:focus,
.form-control:focus {
    background-color: #ffffff !important;
}

.form-control,
#channel_search_by_input_fld {
    font-family: 'Roboto', sans-serif;
    color: #7f8c8d !important;
    font-size: 13px !important;
    padding: 4px 9px 4px 9px !important;
}

::placeholder {
    color: #7f8c8d !important;
    opacity: 1 !important;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7f8c8d !important;
    opacity: 1 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7f8c8d !important;
    opacity: 1 !important;
}

.text-right .btn,
#partner_search_by_input_fld_btn,
#partner_reset_val_btn,
#channel_search_by_input_fld_btn,
#channel_reset_val_btn {
    color: #7f8c8d;
}

.btn-success {
    color: #ffffff !important;
}

/* .panel-body label{
    position: relative;
    top:9px;
} */

#metax_partner_addedit .panel-body label {
    position: relative;
    top: -2px !important;
}

#warehouse_asset_select_all {
    position: relative;
    top: 2px;
}

#partner_search_by_input_fld {
    font-family: "Roboto", sans-serif !important;
}

.scm-partner-card .feed-info-content {
    /* color: #f8aa62; */
    color: #5a5a5a;
}

.scm-partner-card .feed-info-content.clr-err {
    color: #f97875 !important;
}

#accounting_report_content_jobs_table_wrapper .details-control {
    position: relative;
    top: 2px;
}

#accounting_report_content_jobs_table_wrapper .menu-drop-end {
    width: 207px !important;
    left: -204px !important;
}

#scm_co_list_div_table label,
#assetlist_after_validation_div-table label,
#assetlist_after_validation_div-table .icon-info {
    position: relative !important;
    top: 0px !important;
}


.daterangepicker_input i.fa-calendar {
    position: absolute !important;
    right: 15px !important;
    left: inherit !important;
}

#archive_div_container_table td button.showmenu {
    right: 0px;
}

#archive_div_container_table td .dropdown {
    text-align: center;
}

#archive_div_container_table td .dropdown .dropdown-menu {
    text-align: left !important;
    width: 180px !important;
    font-size: 13px !important;
    background-color: #fff !important;
    border: #efefef 1px solid !important;
    padding: 5px !important;
    left: -163px;
    z-index: 9 !important;
}

#archive_div_container_table td .dropdown .dropdown-menu ul li a {
    color: #7f8c8d !important;
}

#archive_div_container_table .dropdown:hover .dropdown-menu {
    display: block;
}

#content_createorder .ajax-loader {
    z-index: 9;
    background-repeat: no-repeat;
    top: 0px;
    background-position: center;
}

.table tbody tr td {
    font-size: 13px !important;
}

#receiving_error_log_table tbody tr td:nth-child(3) div .popover .arrow,
#receiving_error_log_table tbody tr td span .popover .arrow {
    display: none !important;
}

.copyassetcheckbox {
    position: relative;
    top: 2px;
}

#parts_copy_assets .panel-body label,
#pending_ct_all_tab_pdiv .panel-body label {
    font-family: 'Roboto', sans-serif;
}

#content_qc_setting_form .panel-body .control-labels {
    text-transform: capitalize;
    font-weight: 300;
    color: #4a4a4a !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}


#parts_copy_assets .panel-body #desc_text,
#pending_ct_all_tab_pdiv .panel-body #desc_text {
    /* width: 342px !important;
    display: block !important; */
    text-overflow: ellipsis;
    /* overflow: hidden;
    white-space: nowrap; */
}

/* #parts_all_tab_pdiv .panel-body .src_info img,
#pending_ct_all_tab_pdiv .panel-body .src_info img
{   max-width: 130px !important;
    margin-top:50px !important;
    height: 164px !important;
}
#pending_ct_all_tab_pdiv .panel-body .src_info,
#parts_all_tab_pdiv .panel-body .src_info{
    position: relative;
    top:-20px !important;
} */

.inputdiv #select_productID {
    margin-bottom: 9px !important;
}

.descdiv p {
    margin-bottom: 5px;
}

.descdiv {
    margin-left: 40px;
}

#artwork_error,
#caption_error,
#audio_error,
#video_error,
#trailer_error,
#ad_break_err,
#heroclip_error {
    color: #ca8f8b;
    padding-left: 6px;
}

#desc_text {
    word-break: break-all;
    display: inline;
}


#raw_data_tab_table .dropdown .icon-more {
    position: relative;
    top: 0px;
}

#raw_data_tab_table .dropdown .showmenu,
#raw_data_tab_table .dropdown .dropdown-menu li {
    cursor: pointer;
}

#raw_data_tab_table .dropdown .dropdown-menu {
    left: -147px;
    top: -2px;
}

#raw_data_tab_table .dropdown .dropdown-menu i {
    margin: 0px !important;
    font-size: 13px !important;
}

#raw_data_tab_table .dropdown .showmenu:hover .dropdown-menu {
    display: block !important;
}

#rev_table .dropdown .icon-more {
    position: relative;
    top: 2px;
}

#rev_table .dropdown .showmenu,
#rev_table .dropdown .dropdown-menu li {
    cursor: pointer;
}

#rev_table .dropdown .dropdown-menu {
    left: -147px;
    top: -2px;
}

#rev_table .dropdown .dropdown-menu i {
    margin: 0px !important;
    font-size: 13px !important;
}

#rev_table .dropdown .showmenu:hover .dropdown-menu {
    display: block !important;
}

.progress-btn-container {
    width: 530px;
    float: right;
}

.progress-btn-container .progress {
    width: 342px;
    display: block;
    float: left;
    margin-top: 31px;
}

#new-release-queue-sdtls-tablebody .normal-text i {
    margin-right: 11px;
}

.select2-container {
    z-index: 1 !important;
}

.font13 {
    font-size: 13px !important;
}

/* Global Search */
.global-search {
    width: 220px;
    position: absolute;
    left: 320px;
    top: 15px;
    display: block;
    z-index: 999;
}

/* .global-search #global_search_text{
	background: transparent;
    border: 1px solid #9c9c9c;
    border-radius: 25px;
    padding-right: 29px !important;
}

.global-search #global_search_text:focus{
	background: transparent !important;
    border: 1px solid   !important;
    border-radius: 25px  !important;	
}

.global-search  i.fa-search {
	color: white;
    position: relative;
    top: -37px;
    font-size: 19px;
    left: 205px;	
} */

#stage_logo {
    width: 237px;
    margin-left: 105px;
}

/* Global Search */
.global-search>div {
    display: inline-block;
    position: relative;
}

/* .global-search > div:after {
    content: "";
    background: white;
    width: 2px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 0px;
    transform: rotate(135deg);
  } */

/* .global-search > div > input {
    color: white;
    font-size: 12px;
    background: transparent;
    width: 26px;
    height: 26px;
    padding: 11px;
    border: solid 2px white;
    outline: none;
    border-radius: 35px;
    transition: width 0.2s !important;
  } */

.global-search>div>input {
    position: relative;
    background-color: rgb(53, 53, 53);
    top: 0px;
    color: rgb(180, 180, 180) !important;
    font-size: 13px;
    background: transparent;
    width: 27px;
    height: 27px;
    padding: 13px;
    border: solid 2px rgb(120 120 120);
    /* border: solid 1px rgb(182, 182, 182); */
    outline: none;
    border-radius: 35px;
    direction: ltr;
    transition: width 0.4s !important;
    -webkit-transition: width 0.4s ease-in-out !important;
    transition: width 0.4s ease-in-out !important;
}

.global-search>div>input:hover {
    background-color: rgb(53, 53, 53);
    cursor: pointer;
}

.global-search>div>input::placeholder {
    font-size: 13px !important;
    color: rgb(180, 180, 180) !important;
    transition: opacity 150ms ease-out;
}

.global-search>div>input:focus::placeholder {
    opacity: 1;
}

.global-search>div:hover input,
.global-search>div>input:focus,
.global-search>div>input:not(:placeholder-shown) {
    width: 27rem;
    height: 27px;
    background-color: rgb(53, 53, 53);
    border-color: transparent !important;
    /* border-bottom: solid 1px rgb(182, 182, 182) !important; */
    /* border-radius: 0px; */
    padding-left: 10px !important;
    padding-right: 0px !important;
    /* padding: 17px 34px 17px 17px; */
}



.global-search>div>.icon-search {
    /* background-color: rgb(53, 53, 53); */
    font-weight: bold;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 14px;
    color: rgb(118 118 118);
    z-index: 9;
    cursor: pointer;
}

/* ul li .ui-autocomplete{
   height: 200px;
   overflow :auto;
} */
.ui-autocomplete {
    background-color: #ffffff !important;
    width: 400px;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    border: none !important;
    box-shadow: #00000014 0px 2px 2px 2px;
    position: static;
}

.ui-autocomplete .ui-menu .ui-menu-item {
    border-bottom: 1px solid #efefef;
}

.ui-autocomplete li {
    padding: 0px !important;
}

.ui-autocomplete li a {
    border-radius: 0px !important;
    font-size: 13px !important;
    border: none !important;
    color: #7f8c8d !important;
    padding: 9px !important;
    display: block;
    line-height: normal;
}

.ui-autocomplete li:hover a,
.ui-autocomplete li a:hover,
.ui-autocomplete li a:focus {
    padding: 9px !important;
    background-color: #efefef;
    border: none !important;
    font-weight: normal !important;
}

.margin-right {
    margin-right: -3px !important;
}


#showProgress {
    display: block;
    width: 100%;
    position: relative;
}

#showProgress span {
    /* text-align: right !important; */
    display: block;
    width: 100%;
    position: absolute;
    padding-right: 81px;
    top: 13px;
    text-transform: initial;
    font-weight: 300 !important;
}

#content_rlcatalogjob #showProgress span {
    padding-right: 187px !important;
}

/* .panel-heading .progress-btn-container .progress{transform: rotate(180deg);} */

.resync-label {
    width: 424px !important;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    /* font-weight: 400; */
    letter-spacing: 0.02em;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: opacity 0.3s ease 0s;
}

#metax_content_jobs_table_ds tbody tr td:nth-child(1) .icon-CatalogJob_ico,
#metax_content_jobs_table_ds tbody tr td:nth-child(1) .icon-new_release_ico {
    font-size: 14px !important;
    position: relative;
    top: 2px;
    color: #f5841f;
}

.todrag {
    cursor: move;
    margin-bottom: 10px;
    background: #FFF5EB;
    margin-bottom: 10px;
    border: 1px solid #FFF5EB;
}


#cast_crew_pdiv_ott {
    /* background:aqua; */
    padding: 19px 20px 20px 10px;
}

.video_area {
    text-align: center !important;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    border: 1px solid #e4e4e4 !important;
}

.video_area img {
    max-width: 100% !important;
    height: auto !important;
}


#assetlist_after_validation_div-tablebody tr td:last-child .pos-rel {
    position: static !important;
}


/* Process logs */
#activities_list_div {
    padding-right: 10px;
}

#activities_list_div .activities-section {
    max-height: 400px;
    min-height: 200px;
    overflow: hidden;
    padding: 0 5px;
    border-radius: 8px;
    cursor: pointer;
}

#activities_list_div .activities-section:hover {
    overflow-y: scroll;
}

#activities_list_div .item {
    display: flex;
    transition: .8s all;
    padding: 10px;
    border-bottom: 1px solid #fff;
}

.item span:first-child {
    margin: 0 8px 0 20px;
    padding: 0 5px;
}

.item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4c5758;
    margin: 0 20px 0 0;
}

.item span:hover {
    white-space: normal;
}

.item span.title {
    width: 10%;
}

.item span.time {
    margin: -4px 20px;
}

.item span.item-id {
    width: 7%;
}

.item span.asset-type {
    width: 5%;
}

.item span.job-id {
    width: 2%;
}

.item span.platform {
    width: 8%;
}

.item span.message {
    width: 30%;
    margin: 0 0;
    padding: 0 20px;
    border-left: 2px solid #7F8C8D;
}

.item span .icon-time:before {
    content: '\f017';
    margin-right: 10px;
    font-family: 'FontAwesome';
    font-size: 15px;
}

.item span i {
    font-size: 1rem;
}

.item.processing-new {
    background: repeating-linear-gradient(to right, #e3f4ff 0%, #9ce9d8 20%, #e3f4ff 100%);
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient 5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.item.initialization {
    background: repeating-linear-gradient(to right, #caeaf7 0%, #bdeafc 20%, #caeaf7 100%);
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient 5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.item.processing-new-queue {
    background: repeating-linear-gradient(to right, #eab60a67 0%, #ffe58ee3 10%, #eab60a67 100%);
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient 5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.item.completed {
    background: repeating-linear-gradient(to right, #e1ffcf 0%, #b4ec93 10%, #e1ffcf 100%);
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient 5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.item.error {
    background: repeating-linear-gradient(to right, #ffcfcf 0%, #ff9a9a 20%, #ffcfcf 100%);
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient 5s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

@keyframes gradient {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@media (max-width: 1300px) {
    .item span.title {
        width: 6%;
    }

    .item span.item-id {
        width: 4%;
    }

    .item span.asset-type {
        width: 3%;
    }

    .item span.message {
        width: 25%;
    }
}

@media (max-width: 900px) {
    .item span.title {
        width: 4%;
    }

    .item span.item-id {
        width: 8%;
    }

    .item span.asset-type {
        width: 2%;
    }

    .item span.message {
        width: 20%;
    }
}

/* Activity Loader */
.loader {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    padding: 1px;
    height: 30px;
}

.loader:before {
    content: '';
    border-radius: 10px;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}

.loader .loaderBar {
    position: absolute;
    border-radius: 8px;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    /* background:#ffeede;  */
    background: repeating-linear-gradient(to right, #e3f4ff 0%, #9ce9d8 20%, #e3f4ff 100%);
    width: 15%;
    height: 30px;
    animation: borealisBar 4s linear infinite;
}

@keyframes borealisBar {
    0% {
        left: 0%;
        right: 100%;
        width: 0%;
    }

    10% {
        left: 0%;
        right: 75%;
        width: 25%;
    }

    90% {
        right: 0%;
        left: 75%;
        width: 25%;
    }

    100% {
        left: 100%;
        right: 0%;
        width: 0%;
    }
}

.max-h450-scroll {
    min-height: 500px;
}

#parts_rawdata_bucket_tab_table .rawdata {
    width: 11px;
    height: auto;
}

#parts_rawdata_bucket_tab_table .rawdata .icon-more {
    position: relative;
    top: 3px !important;
}

#delivery_schedule_search_by_input_fld {
    width: 83% !important;
}

/* Copy ID tooltip  */
.ctooltip {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.ctooltip .ctooltiptext {
    visibility: hidden;
    white-space: nowrap;
    font-size: 13px;
    /* width: 140px; */
    background-color: #fff;
    color: #7f8c8d;
    text-align: center;
    border-radius: 6px;
    padding: 4px 6px;
    position: absolute;
    z-index: 1;
    bottom: -100%;
    left: 155%;
    opacity: 0;
    transition: opacity 0.3s;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px rgb(191 191 191 / 36%);
}

.ctooltip .ctooltiptext::after {
    content: "";
    position: absolute;
    top: 35%;
    left: 1%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff;
    border-top-color: #fff;
    -webkit-transform: rotate(137deg);
    /* box-shadow: rgb(0 0 0 / 16%) 2px 2px 2px; */
    box-shadow: rgb(191 191 191 / 36%) 2px 2px 2px;
}

.ctooltip:hover .ctooltiptext {
    visibility: visible;
    opacity: 1;
}

.gyconde a {
    display: inline-block;
    float: left;
    margin-left: 8px;
    color: #7f8c8d;

}

#receiving_error_log_table tr th,
#ingest_content_jobs_table tr th {
    position: relative !important;
}

.sort-up-down {
    color: #a9a9a9 !important;
    font-size: 11px;
    margin-top: 8px;
}

.sort-up {
    display: list-item;
    height: 4px;
    left: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    color: #a9a9a9 !important;
    font-size: 14px;
    margin-top: 4px;
}

.sort-down {
    display: list-item;
    height: 6px;
    left: 0px;
    list-style-type: none;
    margin-top: 4px;
    padding: 0px;
    color: #a9a9a9 !important;
    font-size: 14px;
}

#filter_arw_box {
    position: absolute;
    display: block;
    width: 9px;
    top: 0px;
    left: 69px;
    top: 0px;
    height: 21px;
}

.filter-arw-box {
    margin-left: 5px;
    margin-bottom: 5px;

}

.filter-arw-box-wrapper {
    display: flex;
    align-items: center;
}

#sort_up:hover,
#sort_down:hover {
    color: #969696 !important;
}

.note-text {
    padding-left: 217px;
    color: #9c9c9c;
}

/* Row Tooltip */
.rowToolTip+.tooltip {
    text-align: left !important;
    text-align: center;
    border-radius: 6px;
    padding: 0;
    box-shadow: 0 0 9px rgb(191 191 191 / 36%);
}

.rowToolTip+.tooltip>.tooltip-inner {
    text-align: left;
    max-width: 100% !important;
    padding: 12px;
    background-color: #9c9c9c;
    color: #fff;
    font-size: 12px;
}

.rowToolTip+.tooltip.top .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-color: #9c9c9c !important;
}

.asset-title-images {
    overflow: hidden;
    background-image: url(../img/scm/transparrent_bg_pattern.jpg);
    background-repeat: repeat;
}


/* Festival Details */
.festival_row {
    background: #ffebdb;
    margin: 10px 0;
    border: 1px solid #FFF5EB;
}

.festival_row .select2-search--inline {
    float: none !important;
    height: 25px;
}

.festival_row .select2-selection__choice {
    margin: 0;
    margin-top: 4px;
}

.festival_row .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.festival_row .select2-selection--multiple {
    height: 36px;
}

/* Process Report */
#process_report_pie {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}

#process_report_pie .legend {
    margin-left: -40px;
    background-color: #efefef;
    border-radius: 4px;
    overflow: auto;
}

#process_report_pie .legend:hover {
    overflow-y: scroll;
    cursor: pointer;
}

#process_report_pie svg:first-child {
    margin-top: 0px;
}

#process_report_pie svg {
    padding: 10px;
    /* margin-top: 10px; */
}

#recomend_cuepoint_div .select2 {
    width: 100% !important;
    display: block !important;
}

.rdo,
.rdo:focus,
.rdo:active {
    color: #7F8C8D !important;
}

.icon-cupoint_ico {
    font-size: 16px !important;
}

/* #assets_data_tab .icon-cupoint_ico{
    top:-12px !important;
    position: absolute;
} */

.cp-pdiv label input[type=checkbox] {
    background-color: transparent !important;
    border: none !important;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */
/* .cp-pdiv input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  } */

.cp-pdiv label {
    position: relative !important;
    float: left;
    width: auto;
    padding-left: 25px;
    margin-right: 20px;
}

.cp-pdiv label .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    /* background-color: #eee; */

    /* border-radius: 15px; */
}

/* On mouse-over, add a grey background color */
/* .cp-pdiv label:hover input ~ .checkmark {
    background-color: #ccc;
  }
   */
/* When the checkbox is checked, add a blue background */
/* .cp-pdiv label input:checked ~ .checkmark {
    background-color: #2196F3;
  } */

/* Create the checkmark/indicator (hidden when not checked) */
.cp-pdiv label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cp-pdiv label input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cp-pdiv label .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid rgb(40, 40, 40, 76%);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cp-cp {
    float: left !important;
    margin-right: 6px;
}

.avail_cp {
    background-color: rgb(166, 231, 156);
}

.recom_cp {
    background-color: rgb(255, 133, 51);
}

.selectd_cp {
    background-color: rgb(255, 218, 21);
}
.licensor_cp {
    background-color: rgb(255, 105, 180)
}

.freezframes_qc {
    background-color: rgb(156, 231, 215);
}

.blockiness_qc {
    background-color: rgba(255, 224, 51, 0.911);
}

.blackscreen_qc {
    background-color: rgba(21, 169, 255, 0.877);
}

.audiosilence_qc {
    background-color: rgba(255, 21, 216, 0.521);
}

.contentqc_qc {
    background-color: rgba(126, 255, 21, 0.521);
}

.audioloudness_qc {
    background-color: rgba(21, 255, 208, 0.521);
}

.blacksilence_qc {
    background-color: rgba(193, 21, 255, 0.127);
}

/* .cp-pdiv label:hover input ~ .checkmark.avail_cp  {
    background-color: rgb(208, 243, 203);
  } */
.cp-pdiv label:checked input~.checkmark.avail_cp {
    background-color: rgb(166, 231, 156);
}

/* .cp-pdiv label:hover input ~ .checkmark.avail_cp  {
    background-color: rgb(245, 170, 120);
  } */
.cp-pdiv label:checked input~.checkmark.avail_cp {
    background-color: rgb(255, 133, 51);
}

/* .cp-pdiv label:hover input ~ .checkmark.selectd_cp {
    background-color: rgb(252, 236, 150);
  } */
.cp-pdiv label:checked input~.checkmark.selectd_cp {
    background-color: rgb(255, 218, 21);
}

.cp-pdiv label:checked input~.checkmark.licensor_cp {
    background-color: rgb(255, 105, 180)
}

/* .verified_cp{
    background-color: #00a306;
    }
  label:checked input ~ .checkmark.verified_cp{
  background-color: #00a306;
  } */

/* Foreign Language */
.foreign-lang-controls {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
    font-weight: 500 !important;
}

.foreign-lang-controls input {
    margin: 0;
    margin-right: 10px;
}

.schedule_drop {
    padding-left: 44px;
}

#cpbtn_reset {
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 9;
    color: #e4e4e4;
    border-radius: 27px;
    border: 1px solid #d6d6d6;
    background: #292d31;
    display: block;
    height: 22px;
    padding: 2px !important;
    /* border: 1px solid #7f8c8d; */
}

#cpbtn_reset:hover {
    color: #e4e4e4;
    background: #646464 !important;
    /* box-shadow: inset 0px 0px 2px #000; */
    /* border: 5px solid #3d3d3d; */

}

#cpbtn_reset .icon-reset_cupoint {
    font-size: 15px !important;
}

/* Cron Job  */
.cronjob_details_div>span,
.cronjob_exec_history_div>span {
    width: 100%;
    padding: 8px;
    color: #7f8c8d;
    font-size: 13px;
}

.cronjob_exec_history_div>span {
    /* width: auto; */
    margin-top: 2px;
    border-radius: 3px;
}

.cronjob_exec_history_div .exec-comp {
    border-radius: 3px;
    margin: 1px 0;
    background: rgba(74, 250, 60, 0.26);
}

.cronjob_exec_history_div>.exec-up {
    background: rgba(255, 224, 61, 0.26);
}

.cronjob_exec_history_div>.exec-run {
    background: rgba(60, 250, 141, 0.26);
}

.cronjob_details_div label,
.cronjob_exec_history_div label {
    width: 20%;
    font-size: 12px;
    margin-bottom: 0;
    line-height: normal;
}

.cronjob_details_div {
    margin: 15px 2px 2px;
    background-color: #fff5eb;
    overflow: hidden;
    padding: 8px 5px;
    height: 300px;
}

.cronjob_exec_history_div {
    margin: 15px 2px 2px;
    padding: 8px 5px;
    border: 1px solid #efefef;
    border-radius: 3px;
}

.cronjob_exec_history_div .exec-hist-progress {
    height: 10px;
}

.cronjob_exec_history_div .progressWrap {
    float: right;
    display: flex;
    flex-direction: column;
    margin-left: 3%;
    width: 62%;
}

.progressWrap>span {
    text-align: right;
}

.exec-hist-progress .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
}

.cronjob_details_div h4,
.cronjob_exec_history_div h4 {
    color: #3d3d3c;
    margin-left: 8px;
}

.cronjob_details_div:hover {
    overflow-y: scroll;
}

.modal-body.terminate_box,
.terminate_box_trim {
    background-color: #db5b5b !important;
}

.terminate_box_trim {
    background-color: #db5b5b !important;
    text-align: center;
    padding: 15px;
}

.terminate_box_trim i {
    font-size: 3rem;
    color: #ffff5b;
    padding: 5px;
}

.terminate_box_trim p,
.terminate_box_trim label {
    color: #ffff5b;
    text-transform: inherit !important;
}

.terminate_box_trim label {
    display: inline;
}

.terminate_box_trim .dropdown-trailing {
    /* padding: 2px 8px;
    color : gray;
    width: 10%; */
}

.terminate_box_trim input {
    /* display: inline;
    margin-bottom: 0 !important;
    border: none;
    padding: 5px 8px;
    width: 10%;
    border-radius: 4px; */
}

.terminate_box_trim .trim_input {
    margin-top: 1rem;
}

#trim_value-error {
    margin-left: 10px;
    display: inline-flex;
}

#trim-form {
    padding: 0px;
}

.terminate_box .close,
.terminate_box .bootbox-body {
    color: #ffff5b;
}

#cj_task_detail_div {
    overflow: hidden;
    margin-top: 10px;
}

#cj_task_detail_div .errors {
    padding: 10px 5px;
    background-color: #fff5eb;
}

#cj_task_detail_div .no-err-found {
    text-align: center;
    background: none;
    font-size: 1.3rem;

}

#cj_task_detail_div .errors .err {
    list-style: none;
    color: #7f8c8d;
    padding: 8px 5px;

}

#scheduler_jobs_table .icon-processing-new .clr-warning {
    color: orange !important;
}

.log_table_div {
    margin-top: 10px;
}

.log_table {
    width: 100%;
    background-color: #fff5eb;
}

.log_table th,
.log_table td {
    padding: 5px 8px;
}

.log_table th {
    color: #3d3d3c;
}


/* New Progress Bar Progress */
.progress-container,
.progress-tip {
    background-color: #eee;
    border-radius: 5px;
    position: relative;
    height: 7px;
}

.progress-container {
    width: 60%;
    float: right;
}

.progress-tip {
    /* background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important; */
    background-color: #4dbd74;
    width: 0;
    transition: width 0.4s linear;
}

.percentage {
    font-size: 10px;
    padding: 4px;
    position: absolute;
    top: 4px;
    left: 0;
    transform: translateX(-50%);
    width: 40px;
    text-align: center;
    transition: left 0.4s linear;
}


/* FAQ && HTML Editor */
.faq-row {
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.faq-row>span {
    margin: 10px 0;
    padding: .5rem;
}

.inner-qna {
    font-size: 1rem;
    /* padding: 10px; */
}

.inner-qna p,
.inner-qna div {
    font-size: 13px;
    color: #000;
    margin-bottom: 5px;
}

#FAQ-main-container {
    background-color: transparent;
}

#FAQ-main-container .inner-panel {
    background-color: #fff7f0;
    margin: 8px 0;
}

#FAQ-main-container .panel-body-new2 {
    /* background-color: #fff; */
    background-color: rgb(226 235 210 / 53%);
    /* border-radius: 25px; */
}

.panel-div-faq-outer {
    margin: 10px 0 !important;
    border-radius: 4px;
    border-left: 5px solid #64e0d4 !important;
}

.user_badge::before {
    display: inline;
    font-size: 12px;
    margin-right: 6px;
    font-family: FontAwesome;
    height: auto;
    content: "\f007";
}

.faq-head,
.faq-ques p,
.faq-ans p {
    text-transform: capitalize;
    font-weight: 300;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.faq_add_and_update label {
    text-transform: capitalize;
    font-weight: 300;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.faq_action {
    margin: 0;
    display: flex;
    align-items: center;
}

.faq_action:hover {
    cursor: pointer;
    color: #d82527 !important;
}

.faq_action.draft:hover {
    cursor: default;
}

.draft-1 {
    padding: 2px;
    border-radius: 4px;
    border: 1px solid;
    text-align: center;
    background: #ffb364;
    color: #fff;

    font-family: wf_segoe-ui_light, wf_segoe-ui_normal, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
}

/* Exec Summary */
.exec_container {
    margin-top: 6px;
    /* margin-right: 90px; */
    text-align: right;
    font-weight: 100 !important;
}

.exec_container span {
    text-transform: initial;
    line-height: normal;
    font-weight: 300;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.exec_container label {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}

.exec_container .exec-up label {
    color: #28b63b;
}

.exec_container .exec-comp label {
    color: #eab40a;
}

#qc_report_div label,
#qc_profile_list label,
#content_qc_setting_form label {
    text-transform: capitalize;
    font-weight: 300;
    color: #4a4a4a;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

.allowed-val-header p {
    font-weight: 300;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

#qc_report_div .sub-header {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #dee2e6 !important;
}

#qc_report_div .report_div {
    background-color: aliceblue;
    border-color: aliceblue;
}

#report_header_div .text-danger,
#report_header_div .text-warning-dark-orange {
    /* line-height: 1.2; */
    /* letter-spacing: 1px; */
}


/* #qc_report_content_tab_div .cap_top_status li:first-child label.m-r-50{
    margin-right: 0px !important;
} */

.tab-content .tab-pane .btn-group label {
    text-transform: capitalize;
    font-weight: 300;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

.btn-Info.active {
    color: #fff !important;
    background-color: rgb(78, 156, 245);
}

.btn-Info.active:hover {
    color: #fff !important;
    background-color: rgb(78, 156, 245);
}

.btn-Warning.active {
    color: #fff !important;
    background-color: rgb(235, 151, 42);
}

.btn-Warning.active:hover {
    color: #fff !important;
    background-color: rgb(235, 151, 42);
}

.btn-Error.active {
    color: #fff !important;
    background-color: rgb(241, 69, 38);
}

.btn-Error.active:hover {
    color: #fff !important;
    background-color: rgb(241, 69, 38);
}

.panel.panel-default-round-border {
    border: 1 px solid rgba(0, 0, 0, 0.07);
    border-radius: 25px;
}


table.dataTable.no-footer thead th .popover {
    position: absolute;
}

table.dataTable.no-footer thead th .popover .popover-content {
    white-space: nowrap !important;
}

table.dataTable.no-footer thead th {
    position: relative;
}

.info-container {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background-color: #f7f7f7;
    padding: 2px;
}

.info-container img {
    filter: grayscale(1);
}

.video-js .vjs-play-progress:before {
    z-index: 99 !important;
}

body.fixed-header .header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
}

/* Tiny */
.tox-statusbar__branding {
    display: none;
}

.dataTables_processing {
    padding-top: 50px !important;
}

#interlacing_section .sorting_disabled {
    text-align: inherit !important;
}

.qc_name_style {
    color: #4a4a4a;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
}

#assets_data_tab .row .col-lg-5 p,
#cuepoint_detail_div,
#pending_ct_all_tab_pdiv .row .col-lg-5 p {
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;
    font-weight: 400 !important;
}

#cuepoint_detail_div {
    padding-top: 3px !important;
}

#cuepoint_detail_div b {
    font-weight: normal !important;
    color: #0a0a0a !important;
}

#assets_data_tab .row .col-lg-5 .popover .popover-content div div span,
#pending_ct_all_tab_pdiv .row .col-lg-5 .row .popover .popover-content div div span {
    font-size: 11px !important;
}

#assets_data_tab .row .col-lg-5 .popover .popover-content div div .tt-cp-box,
#pending_ct_all_tab_pdiv .row .col-lg-5 .row .popover .popover-content div div .tt-cp-box {
    display: inline-block;
    width: 6px !important;
    height: 6px !important;
    border-radius: 23px;
    bottom: 1px;
    position: relative;
}

.popover-content {
    padding: 4px 6px !important;
}

#cuepoint_info_div #cp_icon_info {
    margin-top: 4px !important;
    margin-right: 20px;
}

#cuepoint_info_div {
    background-color: #f7f7f7 !important;
    border-bottom: none !important;
    margin-top: 9px;
}

#assets_data_tab .row .col-lg-5 .col-md-12 hr,
#pending_ct_all_tab_pdiv .row .col-lg-5 .row .col-md-12 hr {
    background-color: transparent !important;
    display: none;
}

/* #pending_ct_all_tab_pdiv{
    min-height: 300px;
} */
.nav-tabs {
    border-bottom: 1px solid #efefef;
}

.lavel_area {
    /* width: 43px; */
    display: block;
    float: left;
}

.text-info {
    color: #009f90 !important;
}

#assets_data_tab .row .col-lg-5 .fa,
#pending_ct_all_tab_pdiv .row .col-lg-5 .fa {
    color: #919191 !important;
}

#assets_data_tab .row .col-lg-5 .icon-download_line,
#pending_ct_all_tab_pdiv .row .col-lg-5 .icon-download_line {
    font-size: 12px !important;
}

#assets_data_tab .row .col-lg-5 .fa:hover,
#config_interstia_list_table .row .col-lg-5 .fa:hover,
#pending_ct_all_tab_pdiv .row .col-lg-5 .fa:hover {
    color: #d82527 !important;
}

#pending_ct_all_tab_pdiv .row .col-lg-5 .mt-10,
#assets_data_tab .row .col-lg-5 .mt-10 {
    padding-top: 8px !important;
}

.panel-div-faq {
    border-radius: 6px;
}


.curser-pointer {
    cursor: pointer;
}

table tr td p.bold {
    font-weight: 400 !important;
    color: #4a4a4a;
}

.icon-calendar {
    margin-right: 6px;
}

b,
label {
    font-weight: normal;
    /*text-transform: capitalize !important;*/
    color: #4a4a4a;
    font-weight: 400 !important;
    font-size: 13px;
}

#filter_arw_box {
    top: 0px !important;
}

#rlinv_content_jobs_table tbody tr:hover td ,  
#receiving_promo_job_table tbody tr:hover td, 
#activedeal_content_jobs_table tbody tr:hover td,
#receiving_vionlabs_job_table tbody tr:hover td,
#rldelivery_schdl_actvt_list_table tbody tr:hover td,
#raw_data_tdiv tbody tr:hover td
{
    background-color: #ededed;
}
#receiving_vionlabs_job_table .details-block :hover td,
#receiving_promo_job_table tr.details-block:hover td {
    /* details-block is within tr of the parent table */
    background-color: #ffffff;
    cursor: pointer;
}

form .nav-tabs-fillup .active {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.head-label {
    font-size: 13px !important;
}

#parts_filter .m-l-15 {
    margin-left: 0px !important;
}

/*
#ingest_search_by_input_fld, 
#errorlog_search_by_input_fld, 
#ftp_search_by_input_fld, 
#part_search_val{
    margin-right: 15px;
}
*/

.class_Info {
    border: 0.8px solid rgb(78, 156, 245) !important;
}

.class_Warning {
    border: 0.8px solid rgb(235, 151, 42) !important;
}

.class_Error {
    border: 0.8px solid rgb(241, 69, 38) !important;
}

#assetFeedTable_processing .normal-text i {
    font-size: 16px !important;
}

#warehouse_filter .m-l-15,
#portlet-basic .m-l-15 {
    margin-left: 0px !important;
}

.day_cls {
    border-radius: 79px;
    background: #f0f5e8;
    padding: 6px 6px 6px 6px;
}

.metax-title-content-desc label {
    color: #bebebe !important;
}

.image-expand-block {
    background-color: #000000;
}

.imageexpand-background {
    opacity: 0.8;
}

.line-ht {
    line-height: 0 !important;
}

#assetFeedTable .nav-tabs-fillup div {
    margin-top: 0px !important;
}

table.dataTable td span.pending-details-control:before {
    font-size: 12px;
}

.ms-options-wrap>button:after {
    border: 5px solid rgba(0, 0, 0, 0) !important;
}

#portlet-basic #apply_filter_btn {
    margin-left: 7px;
}

.label-class {
    margin-left: 10px;
    margin-right: 10px;
}

.new-gen-style {
    padding: 0px 6px;
    border-radius: 30px;
    border: solid 1px #c3c3c3;
    margin: 2px;
    color: #7f8c8d;
    display: inline-block;

}
.badge-hyperlink {
    padding: 1px 8px;
    border-radius: 10px;
    border: solid 1px #c3c3c3;
    margin: 2px;
    color: #7f8c8d;
    display: inline-block;
    background-color: #fff5eb;
}

.new-key-style {
    padding: 0px 6px;
    border-radius: 30px;
    border: solid 1px #c3c3c3;
    margin: 2px;
    color: #7f8c8d;
    display: inline-block;

}

.new-lang-style {
    padding: 0px 6px;
    border-radius: 30px;
    border: solid 1px #c3c3c3;
    margin: 2px;
    color: #7f8c8d;
    display: inline-block;
}

.crew-class {
    padding: 0px 6px;
    border-radius: 30px;
    border: solid 1px #c3c3c3;
    margin: 2px;
    color: #7f8c8d;
    display: inline-block;
}

.new-time-code {
    padding: 0px 6px !important;
    border-radius: 30px;
    border: solid 1px #c3c3c3;
    margin: 2px;
    color: #7f8c8d;
    display: inline-block;
}

/* #scm_wr_asset_section table tr th{
    display: none;
} */
/* #content_warehouse #title_search_form{
    border-top: 1px solid #c3c3c3 !important;
    margin-bottom: 0px !important;
} */

#scm_wr_asset_section table p.normal-text i {
    font-size: 17px !important;
}

#title_search_form .form-group {
    top: 15px;
    padding-left: 15px;
    position: relative;
}

#assetFeedTable .tab-content {
    margin-bottom: 10px !important;
}

#assets_data_tab .col-md-5 .row .col-md-12 .col-md-3 {
    padding-left: 0px;
}

#scm_asset_section .parent-div {
    padding: 15px;
}

.vendor_flag_area {
    display: block;
    right: 15px;
    bottom: 50px;
    position: absolute;
}

.vendor_flag_area .icon-vandor_ico {
    font-size: 22px;
    color: #f58420;
}

.tab-header {
    width: 100%;
    text-align: left;
    background-color: #fff;
    border-bottom: 0px solid #e6e6e6;
    font-family: 'Roboto', sans-serif;
    font-size: 13px !important;
    color: #4a4a4a !important;
}

.breadcrumb a {
    margin-left: 5px;
    margin-right: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    text-transform: capitalize;
}

.custom_selection_pos {
    position: absolute !important;
    top: 50px !important;
    z-index: 9;
    margin-left: 11px;
}

#assets_data_tab .asset_sc_pdiv .nav-tabs-fillup li:first-child {
    margin-left: 15px !important;
}


#pending_ct_all_tab_pdiv {
    /* min-height: 300px; */
    padding: 15px;
}

#assets_data_tab .asset_sc_pdiv .nav-tabs-fillup li.active {
    background: #bb7676 !important;
}

.dataTables_wrapper {
    padding: 0px 10px 0px 10px;
}

/* Rev Step Bar */
.rev-order-table .act-cont-cont {
    width: 90%;
    margin: auto;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: left;
    margin: 0;
}

.rev-order-table .act-cont2 {
    z-index: 1;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.rev-order-table .activity-tracking2 {
    background-color: #fff;
    width: auto;
    /* margin: 10px 70px; */
}

.rev-order-table .initialize {
    margin-left: 0px !important;
}

.rev-order-table {
    margin-bottom: 10px;
}

.rev-order-table .validation,
.rev-order-table .initialize,
.rev-order-table .processing,
.rev-order-table .completed {
    position: relative;
}

.rev-order-table th {
    text-transform: none !important;
}

.rev-order-table thead tr th:first-child {
    padding-left: 0 !important;
}

.rev-order-table .activity-tracking2 span {
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    font-size: 18px !important;
    padding: 4px;
    width: 27px;
    height: 28px;
    display: block;
}

#stat_init_canceled {
    position: absolute;
    left: 18%;
}

#stat_validation_canceled {
    position: absolute;
    left: 50%;
}

.rev-order-table .progress_line_holder {
    width: 93%;
    left: 20px;
    top: 32px;
}

.docs {
    padding: 15px 0;
}

.my-step-label {
    position: absolute !important;
    left: -15px;
    width: 100px;
    top: 25px;
}

.my-step-label_msg {
    position: absolute !important;
    left: -15px;
    width: 110px;
    top: 45px;
}

.ms-options-wrap>button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    border-top-color: #999 !important;
    margin-top: -3px;
}

.asset-thumb-images-text span img {
    width: 13px !important;
    height: 13px !important;
}

.asset-thumb-images-text span .popover .popover-content {
    font-size: 12px !important;
}

#assets_data_tab .row .col-md-5 {
    padding-right: 20px !important;
}

.icon-fetch_rightsline_ico {
    font-weight: 600;
}

.icon-fetch_rightsline_ico:hover {
    font-weight: bold !important;
}

#rights_data_div-table tr th {
    text-transform: capitalize !important;
}

.cp-pdiv .col-md-12 label {
    color: #858585;
}

a:hover i.icon-download_line {
    color: #d82527 !important;
}

.glyphicon-plus {
    font-size: 11px !important;
}

#assetFeedTable .normal-text i {
    font-size: 16px !important;
}

.rev-details .err-val {
    color: red !important
}

.rev-details .info-val {
    color: rgb(0, 122, 204) !important
}

.rev-details li label,
.rev-details .order-details label {
    width: 100px !important;
}

#pending_ct_all_tab_pdiv_inner,
#pending_ct_all_tab_pdiv_3rdlvl,
#pending_ct_all_tab_pdiv,
#parts_all_tab_pdiv,
#ep_parts_all_tab_pdiv,
#item_delivery_tab,
#ep_item_delivery_tab,
#epd_item_delivery_tab {
    min-height: 300px;
}

.activity-tracking .icon-terminate_solid,
.activity-tracking2 .icon-terminate_solid {
    color: #f55753;
}

.activity-tracking .enabled-icon,
.activity-tracking2 .enabled-icon {
    color: #a9dd5a;
}

.snowflakes {
    width: 100%;
    height: 100px;
    position: absolute;
    top: -90px;
    left: 20;
}

/* CHRISTMAS EFFECT START */

/* .snowflakes i, .snowflakes i:after, .snowflakes i:before { background: white; } */
.snowflakes i {
    color: #ffffff !important;
    display: inline-block;
    /* -webkit-animation: snowflakes 5s linear 1s 2;
	-moz-animation: snowflakes 5s linear 1s 2; */
    position: relative;
}

.snowflakes i:before {
    -webkit-transform: rotate(240deg);
}

@-webkit-keyframes snowflakes {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
    }

    ;
}

.snowflakes i:nth-child(3n) {
    width: 16px;
    height: 4px;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 30;
    -webkit-transform-origin: right -45px;
}

.snowflakes i:nth-child(3n+1) {
    width: 24px;
    height: 6px;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: 45;
    -webkit-transform-origin: right -30px;
}

.snowflakes i:nth-child(3n+2) {
    width: 32px;
    height: 8px;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: 60;
    -webkit-transform-origin: right -15px;
}

/* different delays so they don't all start at the same time */
.snowflakes i:nth-child(7n) {
    opacity: .3;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in;
}

.snowflakes i:nth-child(7n+1) {
    opacity: .4;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease-out;
}

.snowflakes i:nth-child(7n+2) {
    opacity: .5;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-timing-function: linear;
}

.snowflakes i:nth-child(7n+3) {
    opacity: .6;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: ease-in;
}

.snowflakes i:nth-child(7n+4) {
    opacity: .7;
    -webkit-animation-delay: 2.5s;
    -webkit-animation-timing-function: linear;
}

.snowflakes i:nth-child(7n+5) {
    opacity: .8;
    -webkit-animation-delay: 3s;
    -webkit-animation-timing-function: ease-out;
}

.snowflakes i:nth-child(7n+6) {
    opacity: .9;
    -webkit-animation-delay: 3.5s;
    -webkit-animation-timing-function: ease-in;
}

/* CHRISTMAS EFFECT END */
.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li {
    position: relative !important;
}

/* .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail{
    position:fixed;
    left: 32px;
} */
body.sidebar-visible .page-sidebar .menu-items .icon-thumbnail {
    position: absolute;
    left: 32px;
}

.sidebar-header-controls button.text-danger.btn {
    margin-top: -16px;
    font-size: 20px;
    color: #ffffff !important;
}

.inner-label {
    color: #ff9d22;
}

.rating-table th,
.dove-table th {
    padding-left: 0 !important;
    font-weight: normal !important;
    color: #545353 !important;
    font-size: 12px !important;
}

.mtop-30 {
    margin-top: 30px;
}

.mtop-bob {
    margin-top: 40px;
}

@media (max-width:1400px) {
    .mtop-bob {
        margin-top: 70px;
    }
}


@media (min-width:1401px) {
    .mtop-bob {
        margin-top: 40px;
    }
}

#delivery_schedule_list_div {
    padding: 0px 15px !important;
    background-color: #fff;
    overflow: auto !important;
}

#interstial_channel-error {
    position: relative;
    top: 57px;
}

#order_edit_add_item_btn {
    color: #ffffff !important;
}

.fix_width {
    width: 478px !important;
}

input.batch-upload {
    float: left;
    margin-right: 5px;
}

.modal-dialog {
    width: 900px;
}

.trim-labels {
    text-align: left;
    padding: 0 !important;
    margin: 10px 0;
}

.bg-color-crop {
    background-color: #f4f4f3;
}

.inner-trim-div {
    text-align: center;
    background-color: #f4f4f3;
    padding: 6px 0;
}

#trimDrop {
    padding: 2px;
    width: 12%;
}

.panel-head {
    border-bottom: 1px solid #ebebeb;
    margin: 10px 0;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

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

.expand-button-loader {
    width: 85px !important;
    text-align: left;
}

#ajax-btn-loader {
    margin-top: -18px !important;
    margin-left: 5px !important;
}

.space-icon {
    position: relative;
    right: 3.8px;
}

.space-icon2 {
    position: relative;
    right: 7px;
}

.space_icon_3 {
    margin-left: 40px !important;
}

@media only screen and (max-width:991px) {
    .space_icon_3 {
        margin-left: 0px !important;
        position: relative;
        left: -13px;
    }

    .data_cont .col-lg-6 {
        width: 50% !important;
        float: left;
    }

    .space_icon_4 {
        margin-left: 0px !important;
    }

    .card_shade {
        margin-top: 15px;
    }
}

@media only screen and (max-width:1199px) {
    .total-asset-cont {
        margin-top: 20px !important;
    }
}


/* 
@media only screen and (max-width:1024px) {
    .space_icon_3{
        margin-left: 0px !important;
        position: relative;
        left: -13px;
    }
   .data_cont .col-lg-6{
        width: 100% !important;
        float: left;
    }
} */

.space_icon_4 {
    margin-left: 46px;
}

/* .linearfix{
    display: flex;
    justify-content: flex-end;
    max-width: 95%;
    margin: left;
    column-gap: 5px;
}


.gap_nav{
    display: flex;
    column-gap: 5px;
    justify-content: center;
    align-items: center;
}

.text_aline{
    text-align: left !important;
   
    
}
.select2-selection__rendered{
    color: #7f8c8d !important;
}

select.form-control{
    height: 34px;
}

input.form-control{
    height: 33px !important;
}

.mtext{
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    column-gap: 5px;
}
.report_navigation{
    display: flex;
    justify-content: flex-end;
    column-gap: 5px;
}

.parent1_column{
    display: flex;
    column-gap: 5px;
    
}

.parent2_column{
    display: flex;
    column-gap: 5px;
}


@media only screen and (max-width:768px){
    .first_parent{
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        justify-content: center;
        align-items: center;
    }

} */
/* Stills UI */
.image-qualities {
    display: flex;
    overflow-x: auto;
}

.movie-item {
    position: relative;
}

.movie-item:hover .download-overlay {
    opacity: 1;
    cursor: pointer;
}

.download-overlay {
    position: absolute;
    inset: 0;
    background: #0b0b0b42;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-cont {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #efefef;
    padding: 5px;
}

#appendData-tablebody .ep-nav-tabs-fillup>li.active {
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    height: 34px;
    position: relative;
    top: 10px;
}

#appendData-tablebody .ep-nav-tabs-fillup>li>a>span,
#assetList-tablebody .ep-list-block>li>a>span {
    font-weight: normal !important;
    text-transform: capitalize !important;
    line-height: 1.01 !important;
}

.ep-nav-tabs-fillup {
    margin-left: 20px;
}

#assetList-tablebody .ep-list-block .active,
#episodelisting-tablebody .ep-list-block .active {
    position: relative;
    top: 11px;
    height: 34px;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.ep-list-block {
    border-left: 1px solid rgb(247 247 247) !important;
    border-right: 1px solid rgb(247 247 247) !important;
    border-bottom: 1px solid rgb(247 247 247) !important;
}

.delivery-info-epdetail table {
    padding: 10px !important;
}

span.tox-tbtn__icon-wrap svg {
    height: inherit !important;
}

span.tox-tbtn__icon-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.pac-delivery-m-l {
    margin-left: 37px !important;
}

.info_text_display {
    width: 90%;
    height: auto;
    /* border: 1px solid; */
    margin-bottom: 10px;
}

.info_text_display li,
.info_text_display ol,
.info_text_display ul {
    list-style: revert !important;
    padding-left: 20px;
}

/* .info_text_display ol{
    padding-left: 0px;
} */


li,
ol,
ul {
    list-style: none;
}

#file_details_div_container_table_wrapper {
    padding: 0px !important;
}

.col-head-style {
    background-color: #f0f0f0d1 !important;
}

.keystoneclose {
    position: absolute;
    top: -8px;
    right: -6px;
    background: url(../img/scm/cancel.png);
    width: 22px;
    height: 22px;
}

.feed-col {
    color: white !important;
}

#feed_api_list_table_info,
#feed_api_list_table_wrapper table thead tr th b {
    padding-left: 15px !important;
}

#config_report_list_table_wrapper {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: 1px solid #e6e6e6;
    background-color: white !important;
    min-height: 450px !important;
}

#feed_api_list_table_wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: white !important;
    min-height: 450px !important;
}

#config_report_list_table_wrapper table thead tr th b,
#config_report_list_table_wrapper table tbody tr td p,
#config_report_list_table_info {
    padding-left: 10px !important;
}

.pad-feed-list {
    padding-left: 9px !important;
}

.pad-feed-list_tag {
    padding-left: 15px !important;
}

#blockiness_table_section table.dataTable thead .sorting_asc,
#content_qc_table_section table.dataTable thead .sorting_asc,
#black_silence_table_section table.dataTable thead .sorting_asc,
#black_table_section table.dataTable thead .sorting_asc,
#freeze_frames_table_section table.dataTable thead .sorting_asc,
#audio_loudness_table_section table.dataTable thead .sorting_asc,
#silence_table_section table.dataTable thead .sorting_asc,
#audio_black_silence_table_section table.dataTable thead .sorting_asc {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat bottom right !important;
    background-position: 97px 0 !important;
}

#blockiness_table_section table.dataTable thead .sorting_desc,
#content_qc_table_section table.dataTable thead .sorting_desc,
#black_silence_table_section table.dataTable thead .sorting_desc,
#black_table_section table.dataTable thead .sorting_desc,
#freeze_frames_table_section table.dataTable thead .sorting_desc,
#audio_loudness_table_section table.dataTable thead .sorting_desc,
#silence_table_section table.dataTable thead .sorting_desc,
#audio_black_silence_table_section table.dataTable thead .sorting_desc {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat bottom right !important;
    background-position: 97px 0 !important;
}

#blockiness_table_section table.dataTable thead .sorting,
#content_qc_table_section table.dataTable thead .sorting,
#black_silence_table_section table.dataTable thead .sorting,
#black_table_section table.dataTable thead .sorting,
#freeze_frames_table_section table.dataTable thead .sorting,
#audio_loudness_table_section table.dataTable thead .sorting,
#silence_table_section table.dataTable thead .sorting,
#audio_black_silence_table_section table.dataTable thead .sorting {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat bottom right !important;
    background-position: 97px 0 !important;
}

#parts_rawdata_bucket_tab_table tr:hover td div.ovrflw {
    width: 200px;
    height: auto;
    cursor: pointer;
    white-space: initial;
}

.font-parts img {
    position: absolute;
    top: -40px;
    margin-left: -20px;
}

.font-parts {
    position: absolute;
    font-size: 24px;
    font-weight: 300;
    top: 15px;
}

.btn-Auto-Refresh.active {
    color: #fff !important;
    background-color: rgb(103, 182, 104);
}

.btn-Disable.active {
    color: #fff !important;
    background-color: rgb(210, 50, 50);
}


.btn-Auto-Refresh.active:hover {
    color: #fff !important;
    background-color: rgb(103, 182, 104);
}

.btn-Disable.active:hover {
    color: #fff !important;
    background-color: rgb(210, 50, 50);
}

.timer-style {
    padding-left: 10px;
    padding-top: 8px;
    font-weight: 500;
}

.class_Auto-Refresh {
    border: 0.1px solid rgb(103, 182, 104) !important;
}

.class_Disable {
    border: 0.1px solid rgb(210, 50, 50) !important;
}

.menu-toggle {
    height: 25px;
    width: 25px;
    background-color: #e64949;
    border-radius: 50%;
}

.icon-download_csv {
    margin-left: -1px;
    font-size: 15px;
}

#scm_interstitial_list {
    overflow-x: auto;
}

#receiving_promo_job_div_container {
    overflow-x: auto;
}

.source_copy {
    margin-left: 10px;
}

.source_download {
    margin-left: 4px;
}

.date_picker {
    width: 85px !important;
    height: 29px !important;
    padding-bottom: 3px !important;
}

#ov_sub_chart {
    width: 600px;
    height: 400px;
    margin: 50px auto;
}

.completed_values {
    font-size: 12px !important;
    margin-bottom: 4px;
    color: #787878;
    font-family: sans-serif;
}

.card_values {
    font-size: 14px !important;
    color: #787878;
    font-family: sans-serif;
}

.card {
    transition: box-shadow 0.3s;
}

.card:hover {
    box-shadow: 0 0 10px rgba(197, 58, 28, 0.3);
}

.card_shade {
    background-color: white;
    border-radius: 9px !important;
    box-shadow: 0 0 5px rgba(197, 58, 28, 0.2);
    padding: 10px;
    margin-right: 7px;
    height: auto;
}

.empty-card {
    background-color: white;
    border-radius: 9px !important;
    box-shadow: 0 0 5px rgba(197, 58, 28, 0.2);
    padding: 10px;
    margin-right: 7px;
    height: 219px;
}

.card_title_style {
    margin-bottom: 8px;
    font-weight: 600 !important;
    font-family: sans-serif;
    font-size: 16px !important;
    margin-top: 8px;
}

.line-after-div {
    border-bottom: 1px solid red;
}

.heading-style {
    margin-left: 4px;
    padding-bottom: 13px;
    color: black;
}

.total-asset-cont {
    margin-bottom: 20px;
}

.card_shade_top {
    width: 591px;
    margin-right: 48px;
    height: 158px;
    border-radius: 6px !important;
}

.tot_asset_container {
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(197, 58, 28, 0.2);
    border-radius: 9px;
    background-color: white;
    border: none;
    min-height: 275px;
}

.tot_asset_container:hover {
    box-shadow: 0 0 10px rgba(197, 58, 28, 0.3);
}

.tot_asset_container {
    transition: box-shadow 0.3s;
}

.header-text {
    color: black;
    font-weight: 600;
    font-size: 15px !important;
}

.header_cont {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.header_cont img {
    margin-right: 10px;
    /* Adjust as needed */
}

.asset_images {
    height: 37px !important;
    width: 39px !important;
}

.img-div {
    position: relative;
    display: inline-block;
}

.dtc-icon-posn {
    position: absolute;
    top: 0;
    left: 0;
    width: 127px;
    height: 101px;
    object-fit: cover;
}

.total-assets-container {
    display: flex;
    align-items: center;
}

.total-delivered-container {
    margin-top: 39px !important;
}

.total-container {
    margin-top: 41px !important;
}

.image-position {
    margin-left: -9px;
}

.label-position {
    margin-left: 16px;
}

p.total-assets-label {
    font-weight: 400;
    font-size: 18px;
    margin-left: 20px;
}

p.total-assets-count {
    font-weight: 500;
    color: orange;
    font-size: 28px;
    text-align: right;
}

.type-assets {
    column-count: 2;
    margin-left: -43px;
    width: 255px;
    padding-top: 20px;
}
.type-aws-storage {
    column-count: 2;
    margin-left: -35px;
    width: 443px;
    padding-top: 32px;
}

p.tna-val {
    color: green;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
}

.type-of-assets {
    margin-top: 3px;
    margin-left: 41px;
}

.type-of-assets-delivered {
    margin-top: 3px;
    margin-left: 75px;
}

.katch-sync-button {
    width: 43px;
    height: 30px;
    padding-left: 8px;
}

.sync-icon {
    top: 2px;
}

.notification_container {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    background-color: white;
    height: 420px;
}

p.total_asset_values {
    font-size: 12px !important;
    color: #787878;
    font-family: sans-serif;
    width: 80px;
}

.asset-type-container {
    display: flex;
    flex-flow: wrap;
}

.asset-type-container>div {
    width: 120px;
    text-align: left;
    line-height: 18px;
    display: inline-flex;
}

.total-heading {
    display: flex;
    align-items: center;

}

.total-heading-value {
    margin-top: 17px;
}

.rl-job-list-style {
    position: relative;
    top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.new-release-filter-cont {
    margin-bottom: 22px;
    margin-top: 20px;
}

.filter-spacing {
    margin-right: 5px;
    margin-top: 3px;
}

.expired-lock {
    text-align: center;
    margin: 37px;
}

.subscriberType-selectBox {
    width: 200px;
}

.rating-act-cont {
    display: flex;
}

.audible-magic-style {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 16px;
    padding: 10px;
    margin-top: 18px;
    margin-bottom: 40px;
}

.musicQC-row {
    border-bottom: 1px solid #f3ecec !important;
    font-size: 13px !important;
}

.epg-item {
    border: 1px solid #d0884a;
    display: inline-block;
    height: 100px;
    text-align: center;
    font-size: 15px;
    padding: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    cursor: pointer;
    color: #623814;

}

.epg-item.active{
    background-color: #f5841f;
    /* opacity: 0.7; */
    color: white;
}

#epg-item-container{
    height: 100%;
}

.epg-time {
    /* font-size: 30px; */
    /* border: 1px solid black; */
    display: inline-block;
    height: 44px;
    /* text-align: center; */
    /* padding: 30px 0; */
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.epg-time-divide {
    /* border-left: 1px solid black; */
    display: inline-block;
    position: relative;
    /* height: 100px; */
}

#epg-div {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background-color: white;

}

.time-indicator{
    /* background-color: #f5841f;
     */
     /* background-image: linear-gradient(#fff5ec,#fcfcfc); */
     background-image: linear-gradient(#f5841f,#fee9e9);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-right: 5px solid white;
    pointer-events: none;
    /* transition: width 2s linear 1s; */
    
}

.time-bar-span{
    /* border-left:1px solid #d6ae8a; */
    border-left:1px solid #d0884a;
    height:10px;
    position:relative;
    top:27px;
}

.popover-demo-div{
    position: relative;
}

.popover-demo{
    display: none;
    position:absolute;
    top: -10px;
    left: 0;
    z-index: 100;
    min-width:85px;
    background:white;
    /* border: 1px solid black; */
    text-align: center;
    transition: left 1s;
    border-radius: 5px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.circleBase {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 5px 5px 0 0;
}

.total-assets-chart {
    padding-left: 10%;
}

span.total-assets-label {
    font-weight: 400;
    font-size: 18px !important;
    margin-left: 20px;
    white-space: nowrap;
}

.tot_delasset_container {
    border: 1px solid #ccc;
    border-radius: 9px;
    background-color: white;
    border: none;
    min-height: 250px;
}

.aiimages-outerdiv {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
  }

  .aiimages-innerrdiv {
    text-align: center;
    margin: 10px;
  }
  .aiimages-innerrdiv img {
    max-width: 100%;
    height: 163px;
    width: 146px;
    margin-top: -17px;
  }

  .main-tooltip {
    /* border: 1px solid #c1b8b0;
    border-radius: 5px; */
    margin: 0px;
    padding: 0px;
    min-width: auto;
    min-height: auto;
    }

  .header-tooltip{
    display:flex;
    min-height:30px;
    border-bottom: 1px solid #ccc;
    background: #eee;
    margin-left: -7px;
    margin-right: -7px;
    margin-top: -5px;
    padding: 10px;
    font-size: 11px !important;
    justify-content: center;
    gap: 10px;
  }

  .partner-popover .popover{
    max-width: 300px;
    width: 300px;
   }

  .items-tooltip{
    padding:5px 0px 0px 5px;
  }


  .container-tooltip {
    display: flex;
    flex-wrap: wrap;
  }

  .partner-popover .popover .container-tooltip{
    max-height: 200px;
    overflow-y: auto; 
    cursor: pointer;
  }
  .tooltip-child {
    width: calc(100% / 2);
    /* box-sizing: border-box;
    border: 1px solid #ccc; */
    /* padding: 10px; */
    padding:7px;
  }
  .tooltip-child div{
    font-size: 10px !important;
  }
  .clr-question{
    font-size: 10px;
    color: #fa9954;
  }
  @media only screen and (max-width: 1300px) {
    .total_assets_div {
        margin-left: -45px !important;
    }
    #total_assets_delivered_chart,
    #total_assets_chart{
        margin-left: 24px;
    }
}
@media only screen and (max-width: 1800px) {
    #total_assets_delivered_count{
        margin-left: 12px;
        font-size: 23px;
    }
    span.total-assets-label{
        font-size: 13px;
    }
}

.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;
    position: relative;
  }
  
  .cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
  }

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08),
      0 3px 0 4px rgba(0, 0, 0, 0.05);
  }
  
  .cd-timeline-img img {
    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: #c03b44;
  }
  
  .cd-timeline-img.cd-location {
    background: #f0ca45;
  }
   */
  
  .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: 0.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: 0.8em 0;
    opacity: 0.7;
  }
  
  .cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 100%;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
  }
  .cd-timeline-block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline-block:after {
  content: '';
  display: table;
  clear: both;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}
#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f7a1a2;
  }

  .dt-center {
    text-align: center;
    font-weight: bold;
   }
  .scm-linear-channel-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-height: 100px;
    width: 200px;
    position: relative;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}
.edit-style {
    position: absolute;
    top: 5px;
    right: 0px;
    cursor: pointer;
}
.multiple-input-container {
    position: relative;
}

.input-list {
    margin-top: 5px;
}

.input-item {
    display: inline-block;
    background-color: #e9ecef; 
    padding: 5px 10px; 
    border-radius: 4px; 
    margin-right: 10px; 
    margin-top: 5px; 
    font-size: 12px;
}

.input-item .remove-item {
    cursor: pointer;
    margin-left: 10px;
    color: #dc3545;
}
.lyrics-container {
    display: flex;
    flex-wrap: wrap; 
    align-items: flex-start; 
    margin-left: 0px;
}

.label-class {
    font-weight: bold;
}

.list-container, .nested-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-item {
    margin: 5px 0;
    padding: 10px;
    background: #ccc;
    border: 1px solid #999;
    cursor: move;
}

.nested-list {
    margin-left: 20px;
    display: none; /* Start hidden, will be shown when an item is dropped inside */
}

.ui-state-highlight {
    height: 30px;
    background-color: #ffeb3b;
    border: 1px dashed #999;
}

#size_wise_chart svg {
    height: 570px;
  }
#size_wise_chart text {
letter-spacing: 1px;
}

#count_wise_chart svg {
height: 570px;
}
#count_wise_chart text {
letter-spacing: 1px;
}
.total-storage-cont text {
font-size: 7px;
}
.total-storage-cont {
    margin-bottom: 14px; 
    margin-top: 14px;
}
select[name="gen_report_type"]:focus {
    background-color: #eff0f2 !important;
}

/* #myPaletteDiv canvas{
    box-shadow: rgba(211, 211, 211, 0.5) 2px 2px 10px;
} */

#myPaletteDiv canvas{
    /* display: flex;  */
    /* flex-direction: column;  */
    /* gap: 50px;  */
    padding-top: 10px; 
    /* border: 1px solid #D3D3D3;  */
    background-color: #f9f9f9; 
    box-shadow: rgba(211, 211, 211, 0.5) 2px 2px 10px;
}
.header_caption_qc {
    display: flex !important;
    flex-direction: row !important;
}
.text-header-caption-qc {
    padding-left: 5px;
    padding-right: 5px;
}
.dropdown-caption-qc {
    position: absolute;
    right: 0;
    /* border: 3px solid blue */
}

#captionTable #caption_list_table_wrapper table thead tr th{
    background-color: #f4dbe0 !important;
    height: 30px;
    text-align: center;
}
#captionTable #caption_list_table_wrapper table thead tr th b{
  font-weight: bold !important;
  font-size: 11px !important;
}
#captionTable #caption_list_table_wrapper table tbody tr td p{
    text-align: center;
}

/* #caption_qc_details #caption_list_table_wrapper table thead tr th{
    background-color: #f4dbe0 !important;
    height: 30px;
    text-align: center;
} */
/* #captionTable #caption_list_table_wrapper table tbody tr td {
    display: flex !important;
    flex-direction: row !important;
} */

/* #caption_list_table tbody td {
    background: yellow !important;
} */

/* table.dataTable tbody td {
    background: yellow !important;
} */

#caption_list_table thead th {
    padding: 5px;
    background-color: #F0F0F0;
}

#caption_list_table tbody tr {
    cursor: pointer;
}

.highlight-row {
    background-color: #ffeb3b !important; /* Yellow background */
}

/* .video-play-dimensions-calc .videojs-jtv-streaming-player-dimensions {
    width: 690px !important;
    height: 389.125px !important;
} */

.highlight-subtitle{
    position: absolute;
    bottom: 63px;
    left: 50%; /* Move to the center */
    transform: translateX(-50%); /* Shift back by half of its own width */
    width: auto;
    color: white;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    /* font-weight: bold; */
    display: block;
    text-align: center; /* Ensure text is centered inside */
    white-space: nowrap; /* Prevent text from wrapping */
}
#caption_qc_table td div.dropdown:hover>.dropdown-menu {
    display: block;
}

#caption_qc_table tr:hover td div
{
    white-space:initial;
    cursor:pointer;
    text-overflow: initial;
}

.correction-btn  div.dropdown:hover>.dropdown-menu {
    display: block;
}

/* #caption_qc_table tr:hover td div
{
    white-space:initial;
    cursor:pointer;
    text-overflow: initial;
} */
 /* #caption_list_table_wrapper {
    max-height: 400px; 
    overflow-y: auto;
    position: relative;
  } */
  
  /* #caption_list_table_wrapper thead th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
  } */

  #caption_qc_details thead th {
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .caption_video_play{
    width:690px;
  }

  .tab-box {
    border: 1px solid #d6d4d4;
    border-top: none; /* So it attaches flush to the top */
    background-color: #F0F0F0;
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
    padding: 0;
  }
  
  .tab-buttons {
    display: flex;
    margin-top: 0;
  }
  
  .tab-btn-detail {
    background-color: transparent;
    color: rgba(98, 98, 98, 0.7);
    border: none;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .tab-btn-detail:last-child {
    border-right: none;
  }
  
  .tab-btn-detail:hover {
    /* background-color: #c7c8c9; */
    /* color: #fff; */
    color: #2c2c2c;
  }
  
  .tab-btn-detail.active-tab {
    background-color: #b81717;
    color: #fff;
  }

  .qc_tc_correction_button {
    justify-content: center;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #337ab7 !important;
    border-color: #337ab7 !important;
   }

    .qc_tc_correction_button:hover, .qc_tc_correction_button:focus{
        background-color: #337ab7 !important;
        border-color: #fff  !important;
        color: #fff !important;
    }

    .tc-correction-modal .modal-dialog {
        width: 600px;
    }

  @media screen and (max-width:1600px){
    .caption_video_play{
        width:520px;
    }
  }

  @media screen and (max-width:1500px){
    .caption_video_play{
        width:450px;
    }
   }


  .language-based-metadata-btn{
    margin-bottom:10px;
    float: right;
  }

    
  .bootstrap-datetimepicker-widget.cuepoint-profile-spec-widget {
        width: 145px !important;   /* shrink total width */
        min-width: 145px !important;
   }

    /* reduce margin around numbers */
   .bootstrap-datetimepicker-widget.cuepoint-profile-spec-widget .timepicker-picker td span {
        /* margin: 0 !important; */
        /* font-size: 13px; */
        display: inline-block;
        width: 50px;
        /* text-align: center; */
    }

    /* make ":" separator smaller */
   .bootstrap-datetimepicker-widget.cuepoint-profile-spec-widget .separator {
        padding: 0 0px !important;
        font-size: 15px;
    }
    /* Info section */
    .image-info {
        border-top: 1px solid #f0f0f0;
    }

    .image-info h3 {
        font-size: 13px;
        color: #333;
        text-transform: uppercase;
    }

    .image-info .resolution {
        color: #777;
    }
    
    .image-info .language {
        display: inline-block;
        font-size: 13px;
        padding: 3px 10px;
        border-radius: 12px;
        color: #ee16a8;
    }