@import 'setup';

// RELEASE STATUS
.step-by-step {
    table-layout: fixed;

    h4 {
        margin: 0;
    }

    tr > td {
        border: 1px solid $warm-grey;
        padding: 20px 12px;
        text-align: center;
        vertical-align: top;
    }

    .current-step {
        background: $blue;
    }

}

@media (min-width: $screen-sm-min) {

	// RELEASE STATUS
	.artist {
		text-align:center;
	}

	.isrc {
		text-align:center;
	}

	.explicit {
		text-align:center;
	}

}

@media (min-width: $screen-md-min) {

	#content {

		.workstation_top_banner_image {
			margin-top: 14px;
		}
	}

}

// BLAME
[data-toggle='modal'] {
	cursor:pointer;
}

.well {
    box-shadow: none;
}

#modalBoundingBoxArt {

    .validate_thumbnail > img, 
    .missing-image {

        height: 200px;
        width: 200px;

    }

}

// ---------- RELEASE BASICS ---------- //
b,
strong {
	font-weight: $headings-font-weight;
}

.error-correction,
.rejection {
    position: relative;

    &::before {
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(0,0,0,0.2);
        content: "!";
        font-size: 10px;
        height: 14px;
        right: -7px;
        line-height: 14px;
        position: absolute;
        text-align: center;
        top: 3px;
        width: 14px;
    }

}

.error-correction::before {
	background: #f4dd51;
	color: rgba(0,0,0,0.8);
}

.rejection::before {
	background: #ed303c;
	color: rgba(255,255,255,0.9);
}

.videoPlay, .videoPause {
    background: url(/images/audio/videoPlay.png) no-repeat top left !important;
    cursor: pointer;
    height: 30px !important;
    text-indent: -9999px;
    width: 26px;
    left: 35px;
    border-width: 0px !important;
}

.videoPause {
    background-position: center -30px !important;
}

.videoTime {
    color: #007be3;
    position: relative;
    top: 0px;
    font-size: 1.2em;
}

.videoMute {
    background: url(/images/audio/unmute.png) no-repeat top left !important;
}

.videoUnmute {
    background: url(/images/audio/mute.png) no-repeat top left !important;
}

.videoPIPMarker {
    background: #93AC47;
}

.startPoint {
    float: left;
    margin-top: -7px;
}

.endPoint {
    float: right;
    margin-top: -7px;
}

.previewImageLeft {
    width: 24%;
    padding-left: 1%;
}

.previewImageMiddle {
    width: 48%;
    padding-left: 1%;
    padding-right: 1%
}

.previewImageRight {
    width: 24%;
    padding-right: 1%
}

.copy-release-tooltip-position-right {
    right: 1%;
    margin-top: 15px;
}

.copy-release-tooltip-position-bottom {
    bottom: 42px;
}

a.modalSubmit {
    float:right;
    margin: 0 5px 20px;
}


#view_exarelease_listing {

    .filter-bottom-space {
        margin-bottom: 15px;
    }

}

/* -------------------------- TERRITORY RESTRICTIONS MODEL -------------------------- */

.ui-multiselect-disabled {
    
    input[type="checkbox"] {
        position: relative;
    }
    
}

.ui-multiselect-checkboxes { 

    .ui-multiselect-disabled {

        label {
            color: #a2a2a2;
        }

    }

}

.release_territories {

    .ui-multiselect-checkboxes {
        height: 300px;
        
        label {
            font-weight: normal;
            text-transform: none;

            > input {
                height: 11px;
                margin: 0 4px 0 0;
                top: 0;
                width: 11px;
            }

        }
        
    }
    
    #cleared {
        margin-right:70px;
    }

    #cleared,
    #not_cleared {
        float:left;
        font-size:15px;
        margin-bottom:12px;
        width:240px;
    }

    .ui-widget-content {
        background: transparent;
        border: none;
        float: left;
        height: 421px;
        overflow-y: hidden;
        width:242px !important;
        font-family: "Rubik", sans-serif;  /* We have overrided font-family: Arial,Helvetica,sans-serif; style which is coming from vendor-redesign.css to font-family: "Rubik",sans-serif; */

    }

    #buttons {

        > [class*="btn "] {
            display: block;
            margin: 0 0 10px;
            padding-top: 11px;
        }

    }

}

/* -------------------- LOCALIZATION ----------------------- */
.token-localization-container {
    display: block;
    padding-bottom: 5px;

    &:before, &:after {
        display: table;
        content: " ";
    }

    &:after {
        clear: both;
    }

}

.locale-container {
    position: relative;
    padding: 10px 0 0;
    clear: both;
    margin: 0;
     
    select {
        margin: 0 0 5px; 
    }

    .localeDelete {
        color: $input-color;
        font-size: 20px;
        position: absolute;
        right: -15px;
        text-decoration: none;
        top: 53px;
    }

}

.locale-error,
.locale-chinese-error,
#duplicate_msg {
    float: left;
    margin-top: 16px;
}

.legend-required {
    margin-left: 48px;

    #duplicate_msg {
        float: none;
    }

}

/*---------------- EDIT TRACK MODAL ----------------*/
.modalForm {

    a.applyall {
        font-size: 10px;
        margin-left: 5px;
    }

    .locale-add {
        float: right;
        font-weight: $font-weight-bold;
        text-transform: uppercase;
        position: absolute;
        right: 0;
        margin: 2px 15px 0 0;
        outline: none;

    }

    .displayedAs {
        display: block;
        font-size: 14px;
        color: $input-color;
        border-bottom: 1px solid $input-border;
        padding: 0 10px 5px;
    }

}

/* ------------------------------------------------------------

Search for Track Modal

------------------------------------------------------------ */
.browse_catalog_trackSearchBox {
    margin-bottom: 10px;

    input.trackSearchBox {
        background: url('/alw/images/icons/magnifyingRedesign.svg') no-repeat scroll 7px 5px $white;
        border-radius: inherit;
        color: $blue-deep;
        font-size: 14px;
        color: $input-color;
        float: left;
        padding-left: 35px;
        width: 406px;
    }

}

#modalTrackDetails {

    ul {

        &.pagination {
            height: auto;
            margin-top: 10px;

            li {
                display: inherit
            }

        }

    }

    .scrollable {
        min-height: 460px;
        height: 100%;
        width: auto;
        min-width: 56px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .prevPage {
        top: 5px;
        left: 0px;
        width: 35px;
        height: 32px;
    }

    .nextPage {
        bottom: 0;
        left: 0px;
        width: 35px;
        height: 32px;
        position: relative;
    }

    .arrow-icon:first-of-type {
        margin-bottom: 6px;
        margin-top: 18px;
    }

    .arrow-icon:last-of-type {
        margin-top: 6px;
    }

    .arrow-icon:after {
        content: "\25B4";
        position: absolute;
        right: 11px;
        top: 25px;
    }

    ~ .submitButtonsModal {

        .btn {
            margin: 0 1px;
            float: right;
        }

        .prev-track-arrow,
        .next-track-arrow {

            &:before,
            &:after {
                font-size: 14px;
                margin: 0 2px;
                line-height: 0;
            }

        }

        .prev-track-arrow:before {
            content: "←"; 
        }

        .next-track-arrow:after {
            content: "→"; 
        }

    }

}

.original_file_name,
.original_file_name_uploading {
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding-top: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.browse_catalog_trackSearchOptions {
    background: url("/images/bgs/searchbutton_bg_gradient.gif") repeat-x 10px;
    border: 1px solid $input-border;
    border-left: none;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;

    span {
        background: url("/images/icons/add.png") no-repeat scroll 10px 7px transparent;
        color: $gray-darker;
        cursor: pointer;
        display: block;
        height: 30px;
        padding-left: 33px;
        letter-spacing: .5px;
        text-transform: capitalize;
        width: 150px;

        &.trackSearchOptionsClosed {
            background: url("/images/icons/subtract.png") no-repeat scroll 10px 7px transparent;
        }

    }

}

.browse_catalog_trackSearchTable p {
    color: #007BE3;
    padding: 20px 0;
    text-align: center;
}

/*---------------- CONFIRM FILM RELEASE MODAL -----------------*/

.confirmFilmRelease {

    .confirmReleaseStep {

        .checklist-num {
            height: 27px;
            width: 27px;
            margin-top: 5px;
        }

        h3 {
            margin-top: 0px;
            line-height: normal;
        }

    }

}

.addTracksNum1Ok {
    background: url(/images/icons/1-ok.png) no-repeat left center;
}

.addTracksNum2Ok {
    background: url(/images/icons/2-ok.png) no-repeat left center;
}

.addTracksNum3Ok {
    background: url(/images/icons/3-ok.png) no-repeat left center;
}

.addTracksNum4Ok {
    background: url(/images/icons/4-ok.png) no-repeat left center;
}

/*---------------- DELETE RELEASES MODAL -----------------*/

.delete_releases_confirmTable {

    .delete-releases-text {
        padding : 20px 0px;
        font-size : 18px;
    } 

}

/*---------------- TOKEN-INPUT BOX -----------------*/

.modal-body {

    .token-input-list {
        border-radius: 3px;
        width: 100%;
        border: 1px solid $input-border;

        input {
            font-size: 12px;
        }

    }

    div.token-input-dropdown {
        position: initial;
        float: left;

        div.token-input-dropdown-message {
            @include helptext();

            background-color: transparent;
            border: none;
            padding: 0;
            margin-top: 0;
            border-radius: 0; 
        }

    }

}

/* -------------------------- CREATE FILMRELEASEMODAL ------------------------ */
#UPC_container,
#ISRC_container {

    label {
        margin-right: 10px;
        width: 100%;
    }

}

#preorderDateSpan {

    .preorder-input-date {
        margin-top: 8px;
    }

}

#newImprintBox {

    .close-icon {
        padding-top: 6px;    
    }

}

/*TRACK Listing Table New Style*/
.table.tracklistingtable, .table.trackListTable {
    border-collapse: inherit;

    > thead > tr {

        > th {
            cursor: default;
        }

    }

    > tbody {

        > tr {

            > td {
                border-top: 5px solid $white;
                border-bottom: 5px solid $white;
                background-color: $track-bg-gray;
                padding: 0;
                vertical-align: middle;

                &.sp,
                &.tn,
                &.an,
                &.expl,
                &.isrc,
                &.of,
                &.aud{
                    font-size: 11px;
                    height: 60px;
                    font-weight: $font-weight-bold;
                }

                &.ro, &.num {
                    background: none;
                }

            }

        }

        &.editableTracks > tr {

            &.red {

                > td {
                    background: $track-bg-red;

                }

            }

            &.yellow {

                > td {
                    background: $track-bg-yellow;
                }
                
            }

            &.red, &.yellow {

                > td {

                    &.aud {
                        width: 210px;
                    }

                    &.ro, &.num{
                        background: none;
                    }

                }

            }

            > td.aud {
                width: 210px;
            }

        }

    }    

    div.audioUploadStatus {
        font-size: 10px;
        font-weight: 500;
        position: relative;
        margin: 0;
        margin-left: 10px;
        width: 130px;
    }

}

.audioFileSize {

    a.helpLink {
        display:inline-block;
        padding: 16px 0 16px 35px;
        font-size: .9em;
        background: url(/images/icons/help.png) no-repeat left 10px;
    }

    + .tooltip > .tooltip_contents {
        
        a {
            color: $white;
            text-decoration: underline;
        }

    }

}

#trash_can {
    margin: -10px 0 10px 0;
    padding: 18px 10px 10px 50px;
    background: url(/alw/images/trash-bg.png) no-repeat top left;
    text-align: left;
    width: 60%;
}

div.divider {
    background-color: $gray-darkest;
    line-height: 30px;
    height: 30px;
    color: $white;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0;
    border-radius: 10px;
    width: 100%;
}

/*---------------- VIDEO LISTING TABLE FOR MUSIC VIDEO -----------------*/
.table.videoListingTable, .table.videoListTable {

    > tbody > tr {

        > td {
            border-top: 5px solid $white;
            border-bottom: 5px solid $white;
            padding: 0 10px;
            vertical-align: middle;

            &.fn,
            &.dd,
            &.st,
            &.ca {
                background: $track-bg-gray;
                font-size: 11px;
                font-weight: $font-weight-bold;
            }

            &.num {
                padding: 0;
            }

        }

    }

}

.roundedCornerBG {
    background-color: $grey-medium;
    font-size: 22px;
    font-weight: 500;
    line-height: 50px;
    text-align: center;
    border-radius: 10px 0 0 10px;
}

/*orange*/
.subtextlink,.releaseName,.subtexthighlight,.labelName {
    color: $orange-create;
}

/*---------------- ASSETS SECTION OF FILM RELEASE VIEW PAGE -----------------*/

#video_assets {

    h1 {
        border-bottom: 1px solid $gray-darkest;
        margin-bottom: 6px;
    }
    
    .filmassets-rightsection {

        h3 {
            margin: 0 0 5px;
            line-height: normal;
        }
    }
}


.edit-track-modal-top {
    margin-top: 32px;
}

.release-modal-top {
    margin-top: 21px;
}

#modalTrackDetails {
    
    #content {
        margin-bottom: 60px;
    }
    
}

#modalTrackDetails {

    .yellow {

        #explicitContainer,
        #deductPublishingContainer {
            @include rejection-correction-style($yellow-lightest, 0px 25px);
        }

    }
    
    .red {
        
        #explicitContainer,
        #deductPublishingContainer {
            @include rejection-correction-style($red-lightest, 0px 25px);
        }

    }
    
    #editTrackAudio_li {
            
        #modal_mediacontainer {

            &.yellow {
                @include rejection-correction-style($yellow-lightest, 10px 25px);
            }
            
             &.red {
                @include rejection-correction-style($red-lightest, 10px 0px);
            }

        }

    }

}

#modal_overlayeditReleaseModal,
#modal_overlayeditTrackModal,
#modal_overlaygetInstallAppWindow,
#modal_overlaygetUninstallWindow,
#modal_overlaygetDeleteEventWindow,
#modal_overlaysaveEventWindow {

    .content {
        position: relative;
        margin-bottom: 20px;
    }

}

.input-group {

    &.input-group-position {
        position: inherit;    
    }  

}

/*---------------- PROJECT MANAGER NAVIGATION -----------------*/

.project-nav {
    color: $bg-black-light;
    font-weight: bold;
    text-decoration: none;
}

.dropdownInlineList {

    #iTunesPricing {
        width: 94%;
    }

}

/*------------------UPLOAD ARTWORK-----------------*/
.uploadArtwork {

    #upload_tif_button {
        margin-top: 10px;
        display: inline-block;
    }

}

#music-video-controls {
    text-align: right;

    &.no-assets {
        width: 577px;
        padding-top: 15px;
        text-align: left;
    }

}

.validate-track-add-comma {

    > li:after { 
        content: ", "; 
        padding-right: 5px;
    }

    > li.track-name:after,
    > li:first-child:after,
    > li:last-child:after  { 
        content: " "; 
    }

}

/*-------------In Correction Yellow - Style -------------*/
.yellow {

    .token-input-list,
    .form-control,
    .form-control:focus,
    &.form-control,
    &.form-control:focus {
        border: 1px solid $yellow-light;
        box-shadow: none;
    }

}

/*------------ Action Required Red - Style ------------*/
.red {

    .token-input-list,
    .form-control,
    .form-control:focus,
    &.form-control,
    &.form-control:focus {
        border: 1px solid $red-light;
        box-shadow: none;
    }

}

span.red {

    &.releasebasics_incorrection_rejection {
        background: $track-bg-red !important;
    }

}

span.yellow {

    &.releasebasics_incorrection_rejection {
        background: $track-bg-yellow !important;
    }

}

span.yellow,
span.red {

   &.releasebasics_incorrection_rejection {
        padding: 2px 8px !important;
        border-radius: 8px !important; 
    }

}

.releaseBasicsReadOnly {

    .releaseName {
        display: block;
        font-size: 20px;
        font-weight: $font-weight-bold;
        padding: 0;
        color: $humpback;
        word-wrap: break-word;

        &.red,
        &.yellow {
            max-width: 63%;
        }

    }

}

.add-right-space {
    margin-right: -30px;
    right: 15px;
}

#modalBoundingBox {

    .submit-releases-text {
        padding: 25px 40px;
    }

    .submit-releases-correct-text {
        padding: 0 40px;
    }

}

.title-bottom-space {
    margin-bottom: 20px;
}

input[type=radio] {

    &:focus {
        outline: 0;
    }

}

#keywordsMessage {

    &.counter-message {
        color: $timberwolf;
        font-size: $font-size-smaller;
    }

    &.counter-message,
    &.small_error {
        font-weight: $font-weight-bold;
    }

}

.warningBox {
    
    span {

        &.missing,
        &.missing2 {
            display: inline-block;
            font-weight: $font-weight-bold;
            font-size: 1.2em;
        }

    }

}

.validateTrack {
    border-bottom: 1px solid $gray-lighter;
    font-size: 14px;
    font-weight: $font-weight-bold;
    padding: 10px 0;
}

.rejectionTitle {
    font-size: 12px;
    font-weight: $font-weight-bold;
    padding: 0 30px 0 0;
    float: left;
    width: 138px;
}

.release_info_container {

    .left_side,
    .right_side,
    #film-synopses {

        .subtextLabel,
        .subtextlink2 {
            color: $black-light;
            font-weight: $font-weight-bold;
        }

    }
    
}

.faqLink {
    float: right;
    margin-bottom: 10px;
    font-weight: $font-weight-bold;
}

.status-label {
    font-weight: $font-weight-bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}

.catalog_loading_overlay {
    background-color: $white;
    opacity: 0.9;
    position: fixed;
    width: 1120px;
    z-index: 10;
}

.status_icon_inline {
    display: inline-block;
    margin: 0 2px;
    text-align: center;
    vertical-align: top;
    width: 35px;
    word-wrap: break-word;
}

.productDateCol {
    width: 92px;
}

.productStatusCol {
    width: 160px;
}