/*schedule.styles.css*/

.schedule-view-header{
    padding: 8px 30px 8px 30px;
    border-bottom: solid 1px #B0BEC5;
    background: #eee;
    margin-bottom: 10px;
}

.schedule-test-header{
    width: 100%;
    text-align: left;
    padding: 10px 0 20px 15%;
    font-weight: 700;
}

/*Table Rules*/

[stage_sync='false']{
    /*background:#fcc;*/
}

.schedule-table {
    /*margin-top:50px;
    margin-bottom:200px;*/
    width: 1200px;
    /*min-width: 744px;*/
    align-items: center;
    overflow: hidden;
}
.schedule-table[schedule_span_id='1']{
    width:840px;
    /*width:700px;*/
    /*width:645px;*/
}
.schedule-table[schedule_span_id='2']{
    width:920px;
}
.schedule-table[schedule_span_id='3']{
    width:1210px;
}
.schedule-table[schedule_span_id='4']{
    width:1546px;
}
.schedule-table[schedule_span_id='5']{
    width:890px;
}
.schedule-table[schedule_span_id='6']{
    width:950px;
}
.schedule-table[schedule_span_id='7']{
    width:1245px;
}
.schedule-table[schedule_span_id='8']{
    width:1150px;
}
.schedule-phase-col.schedule-cell
{
    width:70px;
}
.schedule-phase-col.auto-cell {
    display: inline-block;
    position: relative;
    float: right;
    padding:0px 5px;
    font-size: 12px;
    line-height: 24px;
}
.schedule-phase-col.testing-cell
{
    display: inline-block;
    position:relative;
    float:right;
    padding:0px 5px;
    font-size:12px;
    line-height:24px;
}
.schedule-phase-col.testing-cell .schedule-testphase {
    left:1px;
    top:0px;
    background:#fff;
    color:#000;
    text-align:center;
}

.schedule-phase-col.testing-cell .schedule-testnote {
    left:26px;
    top:0px;
    background:#fff;
    color:#999;
}
.schedule-phase-col.schedule-cell i
{
    position:absolute;
    left:6px;
    top:6px;
    font-size: 12px;
}
    .schedule-phase-col.schedule-cell i.fa-exclamation-triangle {
        color: #ff3100;
    }
.schedule-phase-col.schedule-cell .fa-exclamation-triangle,
.schedule-summary-row .fa-exclamation-triangle{
    color: #d8b600;
}


.schedule-phase-col .schedule-dot
{
    left:20px;
}
.schedule-phase-col .schedule-dot--week
{
    left:44px;
}
.schedule-projectname-col{
    display:inline-block;
    font-size:12px;
    width:237px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:24px;
    line-height:20px;
    padding-left: 4px;
    position:relative;
}

.schedule-project-dots-col{
    float:right;
}

.schedule-full-today{
    padding-top:5px;
    font-size:12px;
    display:inline-block;
    float:left;
    width:200px;
    text-align:center;

    margin-left:158px;

}

.schedule-full-two-weeks-ago{
    padding-top: 5px;
    font-size: 12px;
    display:inline-block;
    float:left;
    width:200px;
    text-align:left;

    margin-left:307px;
}

.schedule-full-two-weeks-future{
    padding-top: 5px;
    font-size: 12px;
    display:inline-block;
    float:left;
    width:200px;
    text-align:right;

    margin-left:128px;
}

/*Inside table & properties' rules*/

.schedule-row{
    border-bottom: solid 1px #ddd;
    height:24px; 
    position:relative;
    width:100%;
}
.schedule-row[phase_visible='false'] { display:none; }
[dates_order_error='true'].schedule-row,
[dates_order_error='true'].schedule-summary-row {
    border-radius: 4px;
    background: #ffd3d3;
}

.schedule-row:hover {
    z-index: 3;
    background: #f9f9f9;
}
.schedule-row:active {
    z-index: 3;
    background: #eee;
}



.schedule-cell{
    display: inline-block;
    height:23px;
    width: 21px;
    position:relative;
    color: #fff; /*#faebd7;*/
    text-align: center;
    font-weight: bold;    
}

.schedule-line{
    margin-top: -1px;
    border-top: solid 23px #c4cdd1;
}
.schedule-line.summary{
    margin-top: 3px;
    border-top: solid 20px #c4cdd1;
}
.schedule-line[is_design='true']{
    border-color:#ed6e22!important;   /*#882e2e;*/
}
.schedule-line[is_build='true']{
    border-color: #327faa!important;  /*#25599a;*/
}
.schedule-line[is_test='true']{
    border-color:#9d2956!important; /*666*/
}
.schedule-line[is_live='true']{
    border-color: #32c33b!important;  /*#090;*/
}

.schedule-line-today
{
    position: absolute;
    top: 0px;
    left: -1px;
    height: 24px;
    width: 12px;
    border-right: solid 3px #666;
    z-index:2;
}
.schedule-line-monday
{
    position: absolute;
    top: 0px;
    left: -1px;
    height: 24px;
    width: 0px;
    border-right: solid 1px #999;
    z-index:2;
}
.schedule-dot{
    position: absolute;
    top: -1px;
    left: 1px;
    height: 23px;
    width: 20px;
    border-radius: 4px; 
    z-index: 2;
    vertical-align: middle;
    line-height: 23px;
    font-size: 12px;
}

[is2WeeksAgo='true']{
    border-left: 3px solid #607D8B;
}

[is2WeeksFuture='true']{
    border-right: 3px solid #607D8B;
}

/*Schedule Dot Information*/

.schedule-dot img{
    height:16px;
    width:16px;
    position:absolute;
    right:1px;
}

.schedule-order {
    background: #ed6e22 !important;
}

.schedule-draft {
    background: #327faa !important;
}

.schedule-review {
    background: #9d2956 !important;
}

.schedule-launch {
    background: #32c33b !important;
}

.schedule-end {
    background: #999 !important;
}

.schedule-delayed {
    background: #666 !important;
}

.schedule-legend .schedule-summary-dot
{
    position:static;
    display:inline-block;
    clear:both;
    color:#faebd7;
    font-weight: 100;
}
.schedule-summary-box[phase_visible='false']
{
    opacity:0.3;
}
.dashboard-home-card .schedule-legend .schedule-summary-dot{
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.schedule-legend .schedule-summary-dot.schedule-launch{
    color: #ffd700;
}
.schedule-legend .schedule-summary-dot.schedule-launch span{
    color: antiquewhite;
}
[is_subscription="false"] .schedule-summary-projectname-col,
[is_subscription="false"].summ-dash-item
{
    color: #f67070;
}

[product_version="8"] .schedule-summary-projectname-col,
[product_version="8"].summ-dash-item {
    font-weight: bold;
}

.schedule-legend .schedule-summary-dot.schedule-behind {
    background: #FFF;
    color: black;
    width: 120px;
}

    .schedule-legend .schedule-summary-dot.schedule-behind i,
    .dash-legend.schedule-legend .fa-exclamation-triangle {
        color: #ff3100;
    }

.schedule-summary-dot.schedule-changing{
    width: 120px;
    color: #000;
}
.schedule-summary-dot.schedule-changing .fa-exclamation-triangle{
    color: #d8b600;
} 


/*--- Schedule Summary ---*/



.schedule-row[is_test='true']
{
    background:#eee;
}
.card .schedule-summary-row[is_test='true']
{
    display:none;
}


.schedule-summary-dot{
    position:absolute;
    top:3px;
    left:0px;
    height:16px;
    width:16px;
    border-radius:2px;
    z-index:2;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    width: 120px;
    height: 18px;
}
.schedule-legend {
    float:right;
    margin-right:20px;
    margin-top:20px;
}

[schedule_summary_has_hover='true'] .schedule-summary-hover{
    display:block;
}


/* Project Name Hover tools*/

.schedule-hover {
    position: absolute;
    left: 180px;
    top: 10px;
    height: 108px;
    width: 200px;
    background: #ECEFF1;
    border: 1px solid #000;
    padding: 2px 1px 1px 5px;
    z-index: 3;
    white-space: pre;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

[schedule_has_hover='true'] .schedule-hover{
    display:block;
}

[is_subscription='false'] .schedule-projectname-col{
    color: #f67070;
}

[product_version="8"] .schedule-projectname-col{
    font-weight: bolder;
}

.schedule-summary__icon{
    position: absolute;
    top: 3px;
    left: 1px;
    border-radius: 4px;
    z-index: 2;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    width: 20px;
    height: 20px;
}


/*----- Schedule summary styles -----*/

.schedule-summary-grid{
    line-height: 1.0;
}

.schedule-summary-cell{
    display: inline-block;
    height: 24px;
    width: 21px;  /*8px;*/
    position:relative;
    font-size:12px;
    color: #fff;    
    text-align: center; 
}

.schedule-summary-projectname-col{
    display:inline-block;
    font-size:12px;
    width:24%; /*80px*/
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:23px;
    line-height:23px;
    padding-left:3px;
    position:relative;
}

.schedule-summary-dates
{
    position:relative;
    height:22px;
}

.schedule-summary-dates > div
{
    display:block;
    position:absolute;
}
.schedule-summary-dates--today{
    left:57%;
}

.schedule-summary-dates--two-weeks-ago{
    left: 22%;
}

.schedule-summary-dates--two-weeks-future{
    right: 0px;
}

[scheduleSummaryIsToday='true']{
    border-right: 2px solid #607D8B;
}

.schedule-summary-row{
    height:23px;
    position:relative;
    width: 1100px;
}
.schedule-summary-list-container
{
    font-size:11px;border-top:solid 1px #999;padding-top:10px;margin-top:10px;
}
.schedule-summary-controls
{
    text-align:center;
}
.schedule-summary-list-container .schedule-summary-row
{
    clear:both;
    height:20px;
    font-size:12px;
}
.schedule-summary-list-container .schedule-summary-sitename
{
    display:inline-block;
    width:75%;
    text-align:left;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.schedule-summary-list-container .schedule-summary-untildate
{
    float:right;
    display:inline-block;
    width:24%;
    text-align:right;
}


.schedule-summary__icon.schedule-behind {
    color: #ff3100;
    left: 20%;
}

[scheduleSummaryIs2WeeksAgo='true']{
    border-left: 2px solid #607D8B;
}

[scheduleSummaryIstoday='true']{
    border-right: 2px solid #607D8B;
}

[scheduleSummaryIs2WeeksFuture='true']{
    border-right: 2px solid #607D8B;
}
.schedule-dot,
.schedule-summary__icon{
    width: 23px;
}

.schedule-summary {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 3;
    border-top: 8px solid #2196F3;
    font-size: 12px;
    line-height: 18px;
    background: #666;
}
.schedule-summary-item{
    color: #fff;
    float: left;
    width: 16.4%;
    height: 18px;
    text-align: center;
}

.schedule-summary-boxes
{
    height:100px;
    width:640px;
    position:relative;
    left:50%;
    margin-left:-320px;
}

.schedule-summary-box
{
    height:80px;
    width:100px;
    padding:5px;
    color:#fff;
    border-radius:6px;
    text-align:center;
    float:left;
    display:inline-block;
    margin:0px 2px;
    font-size:13px;
}
.dashboard-home-card__summary .schedule-summary-box
{
    width:73px;
    font-size:11px;
    height:90px;
}
.schedule-sibs{
    background: #300;
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 8px;
    margin-right: 0px;
}
.schedule-summary-phase-icon{
    fill: #fff;
}
.schedule-draft svg,
.schedule-order svg{
    margin: 1px 0px -5px 1px;
}
.schedule-row svg {
    height: 20px;
    width: 20px;
}
.schedule-row .schedule-summary-phase-icon i{
    top:1px;
    left:2px;
}

.schedule-row i.fa-check-square {
    font-size: 16px;
    margin: -2px 0px 0px -1px;
}
.schedule-timezone-prompt {
    color: red;
    text-align: center;
    margin: -6px auto 6px;
}