﻿/*----Custom Alert Colors----*/
.alert-soft {color: #ffffff;background-color: #ACACCF;}


.storyboard th, .storyboard td {
    width: 20% !important;
}

.storyboard th {
    text-align: center;
}

.storyboard .story {
    min-height: 100px;
    background: #FFF;
    margin-bottom: 10px;
    border: 1px solid #999;
    border-left: 6px solid #999;
}

.storyboard .story:hover {
    cursor: move;
}

.storyboard .story-title > span {
    float: right;
}

.storyboard .story-title {
    height: 30px;
    padding: 5px;
    color: #666;
    border-bottom: 1px solid #E6E6E6;
}

.storyboard .story-content {
    color: #999;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 24px;
}

.storyboard .pane-default .story {
    border-color: #f4f4f4;
    border-left: 6px solid #f4f4f4;
}

.storyboard .pane-primary .story {
    border-color: #7BAEDA;
    border-left: 6px solid #7BAEDA;
}

.storyboard .pane-warning .story {
    border-color: #F4C583;
    border-left: 6px solid #F4C583;
}

.storyboard .pane-danger .story {
    border-color: #E48784;
    border-left: 6px solid #E48784;
}

.storyboard .pane-info .story {
    border-color: #8CD3E8;
    border-left: 6px solid #8CD3E8;
}

.storyboard .pane-success .story {
    border-color: #8DCD8D;
    border-left: 6px solid #8DCD8D;
}

.storyboard .pane-soft .story {
    border-color: #ACACCF;
    border-left: 6px solid #ACACCF;
}

.storyboard .pane-dark .story {
    border-color: #A0A0A0;
    border-left: 6px solid #A0A0A0;
}

.storyboard .pane-bright .story {
    border-color: #FFC9ED;
    border-left: 6px solid #FFC9ED;
}

.storyboard .story-active {
    background: #E3E3E3;
}

.storyboard .story .story-footer {
    text-align: right;
    padding-right: 7px;
    height: 24px;
}

.storyboard .story .story-footer span {
    color: #999;
    padding: 5px 5px;
    font-size: 14px;
    display: none;
}

.storyboard .story .story-footer span:hover {
    color: #666;
    cursor: pointer;
}

.storyboard .story:hover .story-footer span {
    display: inline-block;
}

#storyModal .modal-body textarea {
    width: 100%;
    height: auto;
    text-align: left;
}

/* HOV -> CUSTOM DROPDOWNS */
.hov-left { margin:0px; height:60px; float:left; }
.hov-left .btn-group { margin-right:10px;z-index:101; }
.hov-left .con { color:#FFFFFF;text-decoration:none; display:block; height:40px; padding:10px 15px; line-height:20px; border-radius:5px; font-size:14px; }
.hov-left .con:hover { color:#428bca; background:#FFFFFF !important;} .hov .con:focus {  color:#FFFFFF; background:#7DB4D8 !important; }
.hov-left .dropdown-menu { font-size:12px;margin-top:-4px; -webkit-border-top-right-radius: 0px;-moz-border-radius-topright: 0px;border-top-right-radius: 0px; border: 0px; }
.hov-left .dropdown-menu a:hover { background: #7DB4D8; color: #FFFFFF;}
.hov-left .label { border-radius:10px; font-size:8px; font-weight:normal; position:absolute; top:2px; left:22px; }

.fn-gantt .ganttDefault {
    background-color: #E6E6E6;
}
.fn-gantt .ganttDefault .fn-label {
    color: #666666 !important;
}

.fn-gantt .ganttPrimary {
    background-color: #7BAEDA;
}
.fn-gantt .ganttPrimary .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttSuccess {
    background-color: #8DCD8D;
}
.fn-gantt .ganttSuccess .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttInfo {
    background-color: #8CD3E8;
}
.fn-gantt .ganttInfo .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttWarning {
    background-color: #F4C583;
}
.fn-gantt .ganttWarning .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttDanger {
    background-color: #E48784;
}
.fn-gantt .ganttDanger .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttSoft {
    background-color: #ACACCF;
}
.fn-gantt .ganttSoft .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttDark {
    background-color: #A0A0A0;
}
.fn-gantt .ganttDark .fn-label {
    color: #FFFFFF !important;
}

.fn-gantt .ganttBright {
    background-color: #CC99CC;
}
.fn-gantt .ganttBright .fn-label {
    color: #FFFFFF !important;
}
.team-member {
    overflow-y: scroll;
}