a:hover, a:visited {
    text-decoration: none !important;
}

/* layout styles */
body {
    margin: 0;
    font-size: 14px;
    background-color: #eeeeee !important; /*background: #eeeeee url('../images/bg.png') repeat-x top center !important;*/
    color: #666;
    height: 100%;
}

    body.popupDialog {
        margin: 0 20px;
        font-size: 14px;
        background: #eeeeee;
        background-image: none;
        color: #666;
    }

h1, h2, h3, h4, h5 {
    color: #163e62 !important;
    font-family: 'Open Sans', sans-serif !important;
}

#releaseDescriptionFallback > h1, h2, h3, h4, h5 {
    color: black !important;
}

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

button.link-button {
    outline: none;
    background: none;
    border: none;
}

p, li {
    font-family: 'Open Sans', sans-serif !important;
}

.error-list {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}  

#page {
    width: auto;
    padding: 0 5px;
    height: 100%;
}

.errorPage {
    background-image: url('../images/brokenGlass.png');
    background-repeat: no-repeat;
    background-position: center -300px;
}

.errorPage2 {
    background-image: url('../images/brokenGlass.png');
    background-repeat: no-repeat;
    background-position: 100px 00px;
}

#headerTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#header {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #001722;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    flex: 0 0 110px;
    height: 110px;
    position: relative;
    width: 100%;
}

#headerLogo img {
    max-height: 50px;
}

#headerLogo.irelandLogo img {
    max-height: 36px;
}

#logowrapper {
    width: 488px;
    float: left;
}
/* #logo { position: relative; top: -3px; left: 15px; width: 488px; height: 85px; background-image:url('../images/logo.png'); } */
#logo {
    position: relative;
    top: -10px;
    left: 35px;
    width: 306px;
    height: 95px;
    background-image: url('../images/logo3.png');
}

#menuContainer {
    display: flex;
    justify-content: end;
    align-items: center;
}

#menuwrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: end;
    flex-direction: column;
}

#menu menu {
    display: flex;
    align-items: center;
}

    #menu li {
        list-style-type: none;
        margin: 0 15px;
        height: fit-content;
    }

    #menu .nav>li {
        margin: 0 1px;
    }
    
    #menu .nav>li>a:hover {
        background-color: initial;
    }
    
    #menu li:first-of-type {
        margin-left: 0;
    }
    #menu li:last-of-type {
        margin-right: 0;
    }

        #menu .dropdown-menu li {
            margin: 0;
        }

        #menu .dropdown-menu li a {
            padding: 5px 20px;
            color: #132936;
            text-transform: none;
        }
        
        #menu .dropdown-menu li a:hover {
            background-color: #b7cad8;
        }

    #menu a {
        font: 16px 'Muli', sans-serif;
        color: white;
        text-transform: uppercase;
    }

    #menu li.divider  {
        width: 2px;
        height: 15px;
        margin: 0 0 2px 2px;
    }

        #menu li ul li.divider  {
            width: 100%;
            height: 0;
            border-bottom: 1px dotted #B7CAD8;
        }

    #usermenu {
        padding-bottom: 15px;
    }

.link-divider-color-bg {
    background-color: white;
}

#menuMobile {
    position: absolute;
    top: 30px;
    right: 40px;
}

    #menuMobile .dropdown-toggle .glyphicon {
        margin-right: 10px;
    }

#usermenuDropdown {
}

#orgmenuDropdown {
}

#userinfo {
    padding-right: 10px;
    line-height: 20px;
    display: inline;
    font-size: 0.9em;
    font-weight: bold;
}

#userlinks {
    font-size: 1.1em;
}

#content {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    /*flex-wrap: wrap;*/
}

#Content {
    flex: 1 1 100%;
    width: 100%;
}

#v6-iframe {
    flex: 1 1 100%;
}

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

#aspnetForm, html, #bodyContentWrapper, #bodyContent, #frameMain {
    height: 100%;
}

#contentheader {
    height: 10px;
    background-color: #666;
    display: none;
}

#contentfooter {
    height: 10px;
    background-color: #666;
    display: none;
}

#contentwrapper {
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    padding: 10px;
    background-color: #fff;
    min-height: 100%;
}

.contentPadding {
    padding: 50px;
    padding-top: 0;
}

#maincontent {
    background-color: #fff;
    padding: 10px;
}

#top {
}

#bottom {
}

#maincontent {
    min-height: 200px;
}

#loginFormWrapper {
}

#forgetPasswordWrapper {
    display: none;
}

#emailPasswordWrapper {
    display: none;
}

.partnerLogo {
    float: left;
    margin-left: 30px;
}

.pageTitle {
    margin: 0 10px 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCC;
    height: 60px;
}

    .pageTitle h2 {
        position: relative;
        top: 5px;
    }

    .pageTitle .pageHeaderCommands {
        float: right;
    }

.grey-text-box {
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
}

.table {
    border: 1px solid #ddd;
}

.alias {
    cursor: alias;
}

.tooltip {
    border-top: none !important;
}

button.glyphicon {
    top: 0 !important;
}

.dropdown-toggle, .dropdown-menu li {
    cursor: pointer;
}

.feature-icon, .feature-description {
    position: absolute;
}

.feature-info {
    margin-left: 45px;
    margin-top: 55px;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('/DMDS.WebApp.Public/App_Themes/DMDS V6/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2') format('woff2');
}

#footer {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #001722;
    color: #F7FAFC;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    flex: 0 0 90px;
    height: 90px;
    width: 100%;
    font: 16px / 1.5 'Roboto', sans-serif;
    text-decoration: none;
}

    #footer a, #footer > div:last-of-type {
        color: #F7FAFC;
        font-size: 12px;
    }
    

.availableReportContainer.active a {
    color: white;
}

#yg-createEditOrderSectionIndicator {
    display: none;
    background-color: Black;
    line-height: 4;
    color: White;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 60px;
    z-index: 7000000;
    text-align: center;
}

.bg-lightgray {
    background-color: #eee;
}

/* library styles */
.libraryTextCell {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.houseIDorg {
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
}

#musicHeader .col-sm-3:first-of-type {
    padding-left: 15px !important;
    padding-right: 5px !important;
}

#musicHeader .col-sm-3:last-of-type {
    padding-right: 15px !important;
    padding-left: 5px !important;
}

#musicHeader .col-sm-3 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* content styles */
.yg-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.yg-right {
    float: right;
}

.yg-left {
    float: left;
}

.yg-clear {
    clear: both;
}

.yg-inline {
    display: inline !important;
}

.yg-pad-all-8px {
    margin: 8px;
}

.yg-pad-all {
    margin: 1.65em;
}

.yg-pad-right {
    margin-right: 1.65em;
}

.yg-pad-left {
    margin-left: 1.65em;
}

.yg-pad-top {
    margin-top: 1.65em;
}

.yg-pad-bottom {
    margin-bottom: 1.65em;
}

.yg-no-padding {
    padding: 0 !important;
}

.yg-no-padding-bottom {
    padding-bottom: 0 !important;
}

.yg-no-margin {
    margin: 0 !important;
}

.yg-no-margin-bottom {
    margin-bottom: 0 !important;
}

.yg-margin-center {
    margin: 0 auto;
}

.yg-margin-top-sm {
    margin-top: 5px;
}

.yg-margin-bottom-xl {
    margin-bottom: 20px;
}

.yg-glyphicon-padding {
    padding: 3px 5px 5px !important;
}

.yg-right-btn-pad {
    margin-left: 5px;
}

.yg-left-btn-pad {
    margin-right: 5px;
}

.yg-top-btn-pad {
    margin-bottom: 5px;
}

.yg-bottom-btn-pad {
    margin-top: 5px;
}

.yg-btn-header-fix {
    position: relative;
    top: -3px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: bold !important;
}

.yg-error-row {
    padding: 4px;
}

.yg-error-toggle {
    position: relative;
    top: -3px;
}

.yg-alert-sml {
    padding: 5px 10px !important;
}

.yg-has-error input {
    background-color: #f2dede;
}

.yg-btn-xlg {
    padding: 20px 32px !important;
    font-size: 36px !important;
}

.yg-border-separate {
    border-collapse: separate !important;
}

.yg-webkit-center {
    text-align: -webkit-center !important;
}

.yg-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.yg-animate-delay-1 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.yg-animate-delay-2 {
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.yg-animate-delay-3 {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.yg-img-center {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.yg-selected {
    opacity: 1;
}

.yg-unSelected {
    opacity: 0.7;
}

.yg-text-gray {
    color: #7a7a7a !important;
}

.yg-header-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #1c1c1c;
}

hr.yg-short {
    width: 250px;
}

.yg-size-6 {
    font-size: 6em;
}

.yg-size-2 {
    font-size: 2em;
}

.yg-background-fade {
    opacity: .09;
}

/* icons */
.yg-iconShare {
    background-image: url('./images/icons/Add_user24.png');
}

.yg-iconUnshare {
    background-image: url('./images/icons/Delete_user24.png');
}

.yg-iconSend {
    background-image: url('./images/icons/Send24.png');
}

.yg-iconView {
    background-image: url('./images/icons/Info24.png');
}

.yg-iconEdit {
    background-image: url('./images/icons/Edit24.png');
}

.yg-iconDelete {
    margin: 0 4px;
    display: inline-block;
    background-image: url('./images/icons/Delete24.png');
}

.yg-iconPlay {
    background-image: url('./images/icons/Play24.png');
}

.yg-iconDownload {
    background-image: url('./images/icons/Save24.png');
}

.yg-iconInvoice {
    background-image: url('./images/icons/Invoice24.png');
}

.yg-iconSummary {
    background-image: url('./images/icons/File_info24.png');
}

.yg-iconServices {
    background-image: url('./images/icons/Wrench24.png');
}

.yg-iconXML {
    background-image: url('./images/icons/Embed24.png');
}

.yg-iconCopy {
    background-image: url('./images/icons/Copy24.png');
}

.yg-iconInfo {
    background-image: url('./images/icons/Info24.png');
}

.yg-iconReports {
    background-image: url('./images/icons/Pools24.png');
}

.yg-iconContacts {
    background-image: url('./images/icons/Users24.png');
}

.yg-iconHouseID {
    background-image: url('./images/icons/Home24.png');
}

.yg-iconTypeVideo {
    background-image: url('./images/icons/Video24.png');
}

.yg-iconTypeAccept {
    background-image: url('./images/icons/Accept24.png');
}

.yg-iconTypeImage {
    background-image: url('./images/icons/Image24.png');
}

.yg-iconTypeDocument {
    background-image: url('./images/icons/Document24.png');
}

.yg-iconTypeEmbed {
    background-image: url('./images/icons/Embed24.png');
}

.yg-iconStatusGreen {
    background-image: url('./images/statusGreen.png');
}

.yg-iconStatusYellow {
    background-image: url('./images/statusYellow.png');
}

.yg-iconStatusRed {
    background-image: url('./images/statusRed.png');
}

.yg-iconStatusNone {
    background-image: url('./images/statusNone.png');
}

.yg-iconComments {
    background-image: url('./images/icons/Communicate24.png');
}

.yg-iconNotification {
    background-image: url('./images/icons/Folder_info24.png');
}

.yg-iconNewUser {
    background-image: url('./images/icons/Add_user24.png');
}

.yg-iconFileAdd {
    background-image: url('./images/icons/File_add24.png');
}

.yg-iconDisableStream {
    background-image: url('./images/icons/streamsDisabled.png');
}

.yg-iconDisableDownload {
    background-image: url('./images/icons/downloadsDisabled.png');
}

.yg-iconDownloadSCC {
    background-image: url('./images/icons/SCC24.png');
}

.yg-iconDownloadSubmission {
    background-image: url('./images/icons/File_edit24.png');
}

.yg-iconPlay32 {
    background-image: url('./images/icons/Play32.png');
}

.yg-iconMoveRight {
    background-image: url('./images/icons/MoveRight16.png');
}

.yg-iconMoveDown {
    background-image: url('./images/icons/MoveDown16.png');
}

.yg-iconNext {
    background-image: url('./images/icons/Next16.png');
}

.yg-iconAdd {
    background-image: url('./images/icons/Add24.png');
}

.yg-iconMoveUp {
    background-image: url('./images/icons/MoveUp16.png');
}

.yg-iconMoveBlank {
    width: 24px;
    height: 24px;
    margin: 0 4px;
    display: inline-block;
}

.yg-iconShare, .yg-iconUnshare, .yg-iconSend, .yg-iconView, .yg-iconEdit, .yg-iconDelete, .yg-iconPlay, .yg-iconDownload, .yg-iconInvoice, .yg-iconSummary, .yg-iconServices, .yg-iconXML, .yg-iconCopy, .yg-iconInfo, .yg-iconReports, .yg-iconContacts, .yg-iconHouseID, .yg-iconTypeVideo, .yg-iconTypeAccept, .yg-iconTypeImage, .yg-iconTypeDocument, .yg-iconTypeEmbed, .yg-iconStatusGreen, .yg-iconStatusYellow, .yg-iconStatusRed, .yg-iconStatusNone, .yg-iconComments, .yg-iconNotification, .yg-iconNewUser, .yg-iconFileAdd, .yg-iconDisableStream, .yg-iconDisableDownload, .yg-iconDownloadSCC, .yg-iconDownloadSubmission, .yg-iconMoveRight, .yg-iconMoveDown, .yg-iconNext, .yg-iconMoveUp, .yg-iconAdd {
    width: 24px;
    height: 24px;
    margin: 0 4px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
}

.yg-iconNext {
    cursor: default;
}

.downloadBinBtnsDiv {
    text-align: right;
}

div[class*="yg-icon"].disabled {
    opacity: 0.5;
}

.yg-iconPlay32 {
    width: 32px;
    height: 32px;
    margin: 0 4px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
}

table.k-editor.k-editor-widget {
    height: 650px !important;
}

/* common validation styles */
.yg-validationContainer {
    padding-bottom: 30px !important;
}

/* payment styles */
.paymentPrice {
    text-align: center;
    margin: 0 auto;
}

.paymentPriceText {
}

.updatePriceButton {
    position: relative;
    top: -2px;
    margin-left: 10px;
}

#priceStepOne {
    text-align: center;
    margin: 0 auto;
}

#priceStepTwo {
    text-align: center;
    margin: 0 auto;
    display: none;
}

#paymentStepTwo {
    text-align: center;
    margin: 0 auto;
    display: none;
}

    #paymentStepTwo .message {
        background-color: #e6eadd;
    }

/* coupon styles */
#couponStepOne {
    text-align: center;
    margin: 0 auto;
}

#couponStepTwo {
    text-align: center;
    margin: 0 auto;
    display: none;
    font-size: 12px;
}

#couponStepThree {
    text-align: center;
    margin: 0 auto;
    display: none;
}

.couponButton {
    position: relative;
    margin-left: 10px;
    top: -3px;
}

.couponButtonSubmit {
    position: relative;
    margin-left: 10px;
    top: -2px;
}

.couponButtonRemove {
    position: relative;
    margin-left: 10px;
    top: -3px;
}

/* form styles */
.formLeftIndent {
    margin-left: 80px;
}

.formSection {
    position: relative;
    display: block;
    border: 1px solid #666;
    margin: 4px 0;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 1px 1px 2px #333;
    filter: dropshadow(color=#333, offx=1, offy=1);
}

.formSectionComplete {
    background-color: #163e62;
}

.formSectionActive {
    background-color: #337ab6;
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.formSectionTodo {
    background-color: #666;
}

.formSectionContent {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 8px 16px;
    margin-bottom: 8px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.formSectionDetails {
    font-weight: normal;
    color: #ddd;
    text-shadow: 0px 0px 0px #333;
    filter: dropshadow(color=#333, offx=0, offy=0);
}

.formSectionCheckmark {
    display: none;
    position: absolute;
    top: 3px;
    right: 16px;
    width: 32px;
    height: 32px; /*background-image:url('../images/checkmark.png');*/
}

.formSectionComplete .formSectionCheckmark {
    display: block;
}

.formSectionQuestionMark {
    display: none;
    position: absolute;
    top: 3px;
    right: 16px;
    width: 32px;
    height: 32px; /*background-image:url('../images/questionmark.png');*/
}

.formSectionActive .formSectionQuestionMark {
    display: block;
}

.formSection .buttonFix {
    position: relative;
    top: -3px;
}

.formDescriptionList {
    font-size: 12px;
}

.formSearch {
    width: 250px !important;
    height: 28px !important;
    padding: 2px 12px !important;
    margin: 0 !important;
}

.formSearchBtn {
    margin-left: 5px;
    vertical-align: top !important;
}

.formRemoveBtn {
    margin-left: 5px;
    vertical-align: top !important;
}

.formInfoBtn {
    margin-left: 5px;
    vertical-align: top !important;
    cursor: default !important;
}

.inputSpacer input[type="checkbox"], .inputSpacer input[type="radio"] {
    margin-right: 7px;
}

/* groups */
#groupingTableMedia td, #groupingTableDestinations td {
    font-size: 12px;
}

#groupingTableMedia {
    border: 1px solid #ddd;
}

#groupingTableDestinations {
    border: 1px solid #ddd;
}

.groupingGroup {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.group-status-pad {
    margin-left: 15px;
    margin-top: 5px;
}

.groupDestination, .groupMarket, .groupType, .groupADID, .groupDuration {
    padding: 4px 4px 0 4px;
}

/* traffic */
#trafficTableAdd td, #trafficTableCreate td {
    font-size: 12px;
}

#trafficTableAdd {
    border: 1px solid #ddd;
}

.trafficMarket, .trafficCount, .trafficAsset {
    padding: 6px 4px 0 4px;
}

.trafficDestination, .trafficFile {
    padding: 4px 4px 0 4px;
}

.trafficMarket {
    font-weight: bold;
}

.trafficMarketRow {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.trafficADID {
    font-weight: bold;
    padding: 6px 0 0 4px;
    font-size: 14px;
}

#trafficTableAdd .trafficDestination, #trafficTableAdd .trafficAsset, #trafficTableAdd .trafficCount {
    padding-top: 8px;
}

.trafficEntryTable {
    margin-bottom: 0px;
}

    .trafficEntryTable td {
        padding: 4px;
    }

    .trafficEntryTable input[type="date"] {
        width: 140px !important;
    }

    .trafficEntryTable input[type="text"] {
        min-width: 60px !important;
    }

.trafficMarketRow .btn-primary {
    background-color: #999 !important;
    border-color: #777;
}

    .trafficMarketRow .btn-primary:hover {
        background-color: #777 !important;
    }

.trafficDestinationRow .btn-primary {
    background-color: #999 !important;
    border-color: #777;
}

    .trafficDestinationRow .btn-primary:hover {
        background-color: #777 !important;
    }

.trafficAssetRow .btn-primary {
    background-color: #999 !important;
    border-color: #777;
}

    .trafficAssetRow .btn-primary:hover {
        background-color: #777 !important;
    }

#trafficTableCreate {
    border: 1px solid #ddd;
}

    #trafficTableCreate .trafficDestination {
        font-weight: bold;
    }

/* services */
#servicesStepTwo {
    display: none;
}

.servicesAssetContainer {
    overflow: auto;
    height: 300px;
    border: 1px solid #333;
    padding: 4px;
}

.servicesAsset {
    width: 100%;
}

    .servicesAsset .checked {
        background-color: #428bca;
        color: #fff;
    }

.servicesAssetLabel {
    background-color: #eee;
    width: 100%;
    padding: 3px;
    margin: 1px 0;
    border: 1px solid #ddd;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
}

    .servicesAssetLabel input {
        margin-left: 6px;
    }

.servicesOptionsContainer {
    overflow: auto;
    height: 300px;
    border: 1px solid #333;
    padding: 4px;
}

.servicesOption {
    width: 100%;
}

    .servicesOption .checked {
        background-color: #428bca;
        color: #fff;
    }

.servicesOptionLabel {
    background-color: #eee;
    width: 100%;
    padding: 3px;
    margin: 1px 0;
    border: 1px solid #ddd;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
}

    .servicesOptionLabel input {
        margin-left: 6px;
    }

/* media */
#mediaTable td {
    font-size: 12px;
}

.inputField {
    border: 1px solid #ddd;
    padding: 2px 6px;
    background-color: #f4f4f4;
    cursor: alias;
    width: 100%;
}

    .inputField:hover {
        background-color: #fff;
    }

.inputFieldHelper {
    padding: 3px 6px;
    color: #999;
}

.mediaADID, .mediaBrand, .mediaTitle, .mediaDuration {
    padding: 4px 4px 0 4px;
}

.uploadArea {
    border: 2px dashed #ecaa00;
    border-radius: 10px;
    padding: 3px;
}

.uploadAreaInside.active {
    background-color: yellowgreen;
}

.uploadArea a {
    text-decoration: underline;
    color: #ecaa00;
}

.uploadArea:hover {
    border: 3px dashed #ecaa00;
    padding: 2px;
    cursor: copy;
}

.uploadAreaInside {
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
    font-size: 16px;
    background-color: #f6f0e2;
    color: #ecaa00;
    margin: 0;
}

    .uploadAreaInside:hover {
        padding: 18px 8px;
        margin: 2px;
    }

.textBxIsci:focus {
    border-color: #337ab7;
    background-color: #fff;
}

.textBxIsci {
    background-color: #eee;
    border-radius: 4px;
    width: 160px;
}

.fileCommands {
    vertical-align: inherit !important;
}

.FilesToUpload .upload-item-panel .row :not(:last-child) {
    padding-right: 0px;
}

.file-title-input{
    padding-right: 12px !important;
}

.length-input-sm {
    width: 70px !important;
}

.length-input-md {
    width: 90px !important;
}

/* destinations */
#matchTable td {
    font-size: 12px;
}

    #matchTable td.warning, #matchTable td.danger {
        font-weight: bold;
        padding-left: 20px;
    }

.destName {
    display: inline-block;
    padding: 4px 4px 0 4px;
    width: 100%;
    height: 100%;
}

#destinationsAddedContainer .searching-destinations {
    position:relative;
}

#destinationsAddedContainer .searching-destinations * {
    cursor: wait;
}

#destinationsAddedContainer .searching-destinations > .searching-destinations-img {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 50%;
    display: initial;
}

#destinationsAddedContainer .searching-destinations-img {
    display: none;
}

/* fieldset hacks */
fieldset {
    padding: 1.65em;
    border: 1px solid #e3e3e3;
    margin-bottom: 1.5em;
    padding-bottom: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

    fieldset legend {
        margin-bottom: 0;
        width: inherit;
        padding: 0 10px;
        border-bottom: none;
    }

        fieldset legend h3 {
            margin-bottom: 0;
        }

/* temp styles
#part2, #part3, #part4, #part5, #part6, #part7, #part8 { display: none; }*/

/* order draft */
#ordersDraftsTableDiv .k-grid-header {
    background-color: transparent;
}

    #ordersDraftsTableDiv .k-grid-header .k-header {
        border: 0px;
        color: rgb(102, 102, 102);
        font-weight: bold;
        background-color: transparent;
    }

#ordersDraftsTableDiv .k-grid-content td {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
}

#searchBtn {
    width: 30px;
    height: 30px;
    line-height: 1.33;
}

    #searchBtn .glyphicon {
        width: 1em;
    }

.mediaMetadataExtra {
    display: none;
}

.mediaHideMetadata {
    display: none;
}

/* order dialog table style */
.orderMediaTable {
    border: 1px solid #ddd;
}

    .orderMediaTable td {
        font-size: 12px;
    }

/* media file management style */
#adVideoMetaDataListSection .modal-dialog {
    width: 900px;
}

.isciTextStyle {
    max-width: 110px;
}

/* music comment dialog style */
.commentTable {
    font-size: 12px;
}

/* file manager page style */
.yg_fileManager_title span {
    display: block;
    overflow: hidden;
    max-width: 250px;
    text-overflow: ellipsis;
}

.iasca .btn + .btn {
    margin-left: 0 !important;
}

.iasca .btn-default.active {
    background-color: #47a447 !important;
    border-color: #398439 !important;
    color: #fff;
}

/* file upload style */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

/* old player styles */
#p5video.rightAligned {
    position: fixed;
}

#p5video {
    bottom: 0;
    right: 4px;
    width: 720px;
    font-size: 10px;
    border: 3px solid #333;
    border-bottom: 1px solid #999;
    z-index: 9999999;
    display: none;
    overflow: hidden;
}

#trackList {
    width: 316px;
    height: 300px;
    overflow: auto;
    position: relative;
    padding: 4px 2px 4px 4px;
}

#p5playlist {
    width: 328px;
    border: 3px solid #333;
    border-bottom: 1px solid #999;
    z-index: 999999;
    padding: 4px;
    position: fixed;
    bottom: 0;
    left: 4px;
    background-color: #eee;
    display: none;
}

#trackList {
}

#p5playlist ul {
    width: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#p5playlist li {
    background: #fff;
    position: relative;
    margin: 2px 0;
    padding: 4px;
    border: 1px solid #ccc;
    list-style: none;
    padding-left: 22px;
    font-size: 12px;
}

    #p5playlist li .handle {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 3px 2px;
    }

#p5playlist .ui-selecting {
    background: #eee;
}

    #p5playlist .ui-selecting .handle {
        background: #ddd;
    }

#p5playlist li.ui-selected {
    background: #ddd;
    border: 1px solid #163e62;
}

#p5playlist .ui-selected .handleXXX {
    background: #aaa url('images/player/drag.png') no-repeat 4px 4px;
}

#p5playlist .plItem {
    height: 14px;
}

#p5playlist .plType {
    width: 20px;
    height: 14px;
    float: left;
}

#p5playlist .plTypeAudio {
    background: url('images/player/typeAudio.png') no-repeat 0 0;
}

#p5playlist .plTypeVideo {
    background: url('images/player/typeVideo.png') no-repeat 0 0;
}

#p5playlist .plTitle {
    width: 210px;
    height: 14px;
    float: left;
    overflow: hidden;
    font-size: 11px;
    line-height: 14px;
}

#p5playlist .plLength {
    width: 40px;
    float: left;
    display: inline;
    position: relative;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
}

#p5playlistControls {
    background-color: #333;
    font-size: 9px;
    padding: 3px;
}

#p5playlistName {
    width: 242px;
    border: 1px solid #999;
    padding: 4px;
    margin: 4px;
    font-size: 10px;
}

#p5videoPlayerOverlay {
    width: 720px;
    height: 436px;
    position: absolute;
    z-index: 1000;
    background: url('images/player/safeArea.png') no-repeat 0 top;
    display: none;
}

#p5screenshotDialog {
    display: none;
}

canvas {
    border: 1px solid #000;
}

#p5playlist ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#p5playlist ::-webkit-scrollbar-button:start:decrement,
#p5playlist ::-webkit-scrollbar-button:end:increment {
    height: 5px;
    display: block;
    background-color: transparent;
}

#p5playlist ::-webkit-scrollbar-track-piece {
    background-color: #3b3b3b;
    -webkit-border-radius: 6px;
}

#p5playlist ::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #999;
    border: 1px solid #333;
    -webkit-border-radius: 6px;
}

#notes {
    font-size: 12px;
    padding: 10px;
    width: 300px;
    text-align: center;
}

#p5videoPlayer_captions {
    left: 360px;
    top: 450px;
}

    #p5videoPlayer_captions div {
        font-size: 16px !important;
        line-height: 20px !important;
    }

#p5controlDisplay {
    float: left;
    position: relative;
    top: -4px;
    margin-right: 6px;
}

#p5songInfo {
    width: 250px;
    background-color: #eee;
    border: 1px solid #ccc;
    height: 22px;
    float: left;
    margin-right: 6px;
}

.p5songInfoMarquee {
    font-size: 11px;
    margin: 0;
    line-height: 22px;
}

#p5controlPlayback {
    float: left;
    position: relative;
    top: -4px;
    margin-right: 6px;
}

#p5audio {
    float: left;
    margin-right: 6px;
}

#p5volumeControls {
    float: left;
    position: relative;
    top: -4px;
    margin-right: 6px;
}

#p5volume {
    width: 120px;
    float: left;
    position: relative;
    top: 6px;
    margin: 0 6px 0 3px;
}

#p5controlVideo {
    display: none;
    float: right;
    position: relative;
    top: -4px;
}

#p5videoPlayer {
    background-color: #000;
}

#p5videoPlayerComments {
    background-color: #333;
    position: relative;
    height: 30px;
}

#p5videoPlayerControlsLeft {
    float: left;
    padding-left: 2px;
    height: 30px;
}

#p5videoPlayerSongTitle {
    float: left;
    line-height: 33px;
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
    padding: 0 10px;
    height: 30px;
    max-width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#p5videoPlayerControlsRight {
    float: right;
    height: 30px;
}

#p5videoPlayerCommentsInside {
    clear: both;
    height: 122px;
    background-color: #ccc;
    padding: 3px;
    display: none;
}

#p5commentsLeft {
    float: left;
}

#p5commentsCenter {
    float: left;
    width: 136px;
}

#p5commentsScreenshot {
    width: 180px;
    height: 120px;
    border: 1px solid #000;
    background-color: #000;
}

    #p5commentsScreenshot #smallCanvas {
        width: 180px;
        height: 120px;
    }

#p5commentTextarea {
    width: 570px;
    height: 85px;
    resize: none;
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid #333;
    font-size: 11px;
}

#p5commentsPostInfo {
    line-height: 24px;
}

.p5commentTarget1 {
    margin-left: 5px;
}

.p5commentTarget2 {
    margin-left: 20px;
}

.p5commentTarget3 {
    width: 380px;
    float: right;
    background-color: #f2f2f2;
    border: 1px solid #333;
    font-size: 10px;
    margin-top: 3px;
}

#p5commentsIncludes {
    padding: 5px 6px 0;
}

.p5commentsCheckbox {
    margin-bottom: 4px;
}

#p5commentsTimecode {
    text-align: center;
    font-weight: bold;
    padding-bottom: 4px;
}

#p5commentsTimecodeValue {
    font-size: 18px;
}

#p5commentsSubmit {
    text-align: center;
}

#p5videoCommentSubmit {
    font-size: 16px;
}

.ui-selected .plDelBtnTarget {
    background: url('../DMDS/images/player/playerRemoveOver.png') no-repeat;
    width: 13px;
    height: 17px;
}

/* css loader styles */
body.loading {
    overflow: hidden;
}

    body.loading .modal-loading {
        display: block;
    }

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 100, 100, 100, .4 );
}

.modal-spinner {
    position: fixed;
    z-index: 1000001;
    top: -100px;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 0, 0, 0, .0 ) url('images/loader.png') 50% 50% no-repeat;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.iframe-spinner {
    background: url('images/loading_2x.gif') center center no-repeat;
}

table[data-role="selectable"] tr {
    cursor: pointer;
}

.binArtist {
    min-width: 100px;
}

.binBrand, .binISCI, .binArtist {
    word-wrap: break-word;
    word-break: break-all;
}

/*Kendo*/
.k-state-selected {
    background-color: skyblue !important;
}

.k-window-titlebar {
    background-color: skyblue !important;
}

.k-datepicker .k-picker-wrap .k-input, .k-datetimepicker .k-picker-wrap .k-input {
    padding-bottom: 10px;
}

.k-pager-numbers .k-link, .k-pager-numbers .k-link:link {
    color: #333 !important;
}

/*################## PRE J4.0 STYLES ##################*/
/*This section is for old classes. Everything new in J4.0 and higher is above.*/
.snapItem, .snapAddItem {
    padding: 10px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}

.snapThumb {
    margin-right: 15px;
}

#libraryContainer {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.availableTemplateContainer {
    margin-bottom: 10px;
}

.GenericUpdateProgress {
    text-align: center;
    background-color: #eee;
    padding: 20px 80px;
    font-weight: bold;
}

.SearchBar {
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #989898;
    color: White;
}

.audioMetadataTable .form-control,
.imageMetadataTable .form-control,
.documentMetadataTable .form-control,
.videoMetadataTable .form-control {
    margin-bottom: 10px;
    margin-left: 3px;
}

.metaDMDSImg {
    margin: 6px;
}

.transparent {
    filter: alpha(opacity=20);
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .2;
}

.GenericUpdateProgress {
    background-color: rgba(0,0,0,0);
}

.fDestTitle {
    line-height: 12pt;
}

.modal-backdrop {
    position: fixed !important;
}

/*
    ----------album mode-------------
*/

@media (min-width: 1500px) {
    .col-lg-3.entryItem {
        width: 16.657%;
        margin-bottom: 0px !important;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
    }
}

.entryItem {
    margin-bottom: 0px !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.entryCover {
    position: relative;
    left: 0;
    top: 0;
}

.entryType {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 4px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 1px;
}

.entryBottom {
    position: relative;
    left: 0;
    top: 0;
}

.entryBottomPad {
    position: relative;
    left: 0;
    top: 0;
    height: 75px;
}

.entryTitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 6px 4px 4px;
}

    .entryTitle div:last-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.entrySubTitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #666;
    margin: 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entryLabelOrAdvertiser {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #666;
    margin: 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 10px;
    position: relative;
    float: left;
    width: 74%;
    left: -5px;
}

.entryFlag {
    float: right;
    position: relative;
    top: -2px;
    right: -2px;
    height: 20px;
    margin-top: 6px;
}

.entryClick {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    color: #fff;
    padding: 0px 8px;
    margin: 1px;
}

.entryCommands {
    float: right;
    padding-top: 8px;
    padding-bottom: 8px;
}

.entryLabelLogo {
    border: 1px solid #fff;
    margin: 4px 0px;
    height: 32px;
}

.object-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: -15px;
}

.entryBottomLogo {
    position: relative;
    left: 0;
    top: 0;
    height: 40px;
}

.entryLogo {
    bottom: 0px;
    left: 0px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    color: #fff;
    padding: 0px 8px;
    padding-left: 4px !important;
    margin: 1px;
}
/*This section is for billboard media */

.media-type-buttons {
    display: inline-block;
}

    .media-type-buttons button {
        padding: 9px;
    }

.rx-assetContents {
}

    .rx-assetContents h3 {
    }

.rx-asset-details-table {
}

@media screen and (max-width: 500px) {
    .rx-assetContents {
        font-size: .8em;
    }

        .rx-assetContents h3 {
            font-size: 18px !important;
        }

    .rx-asset-details-table tr {
        height: 220px;
    }

    .rx-assetContents .rx-asset-details-table tbody,
    .rx-assetContents .rx-asset-details-table thead {
        float: left;
    }

    .rx-assetContents .rx-asset-details-table thead {
        min-width: 80px
    }

    .rx-asset-details-table td,
    .rx-asset-details-table th {
        display: block;
        border: none !important;
        height: 30px !important;
    }
}

@media screen and (max-width: 350px) {
    .rx-assetContents {
        font-size: .8em;
    }

        .rx-assetContents h3 {
            font-size: 18px !important;
        }

    .rx-asset-details-table tr {
        height: 220px;
    }

    .rx-assetContents .rx-asset-details-table tbody,
    .rx-assetContents .rx-asset-details-table thead {
        float: left;
    }

    .rx-assetContents .rx-asset-details-table thead {
        min-width: 80px
    }

    .rx-asset-details-table td,
    .rx-asset-details-table th {
        display: block;
        border: none !important;
        height: 30px !important;
    }
}

/* form search */
.formSearchControl button {
    height: 28px;
    width: 40px;
}

.formSearchControl .buttons {
    float: left;
    margin-right: 5px;
}

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

/* dashboard styles */
#mediaCommands .popover-content {
    background-color: #337ab6;
    border-radius: 3px;
    margin: 5px;
}

.yg-iconDisabled {
    cursor: none !important;
    opacity: 0.3 !important;
}

span.yg-iconDisabled {
    cursor: none !important;
    opacity: 0.3 !important;
    margin: 0 3px;
}

.yg-iconFlagCA {
    background-image: url('./images/flags/ca.png');
}

.yg-iconFlagUS {
    background-image: url('./images/flags/us.png');
}

.yg-iconDestinationSingle {
    background-image: url('./images/status/destination.single.png');
}

.yg-iconDestinationPackage {
    background-image: url('./images/status/destination.package.png');
}

.yg-iconFlagCA, .yg-iconFlagUS, .yg-iconDestinationSingle, .yg-iconDestinationPackage {
    width: 24px;
    height: 24px;
    margin: 0 4px;
    display: inline-block;
    background-repeat: no-repeat;
}

.k-editor-textarea {
    width: 1000px !important;
    height: 555px;
}

.requiredMetaDataField:after {
    content: "*";
    color: red;
    margin-left: 4px;
    font-weight: bold;
    font-size: 16px;
}

.requiredSignMessage {
    margin-bottom: 25px;
    font-weight: bold;
}

.asterik {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.jw-icon-settings {
    display: none !important;
}

.media-id-column {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container.yg-container-sm {
    max-width: 600px;
}

/* Release details page http delivery */
tr a > .http-delivery-in-progress {
    font-size: 2em;
    display: inline-block;
    height: 23px;
    width: 23px;
    vertical-align: middle;
}

tr .http-delivery-icon {
    -webkit-animation: rotating 2.5s linear infinite;
    width: auto;
    height: auto;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.overflow-hidden {
    overflow: hidden;
}