/* This appears to be SCSS. It is not valid CSS so I'm commenting it out. HS 

.current-scenario-radio-button-list {

    input[type = radio] {
        margin-right: 24px;
    }
}
*/

/* Vertically align the decision date text with the Run button text 
   and make some empty space where the Update and Cancel buttons go in edit mode. */
#read-only-decision-date {
    margin: 17px 0 46px 0;
}

#decision-date-picker-input {
    font-size: 1.2em;
}

#decision-date-picker-label i {
    margin-top: 23px;
    font-size: 1.5em;
}

#show-historical-releases-checkbox-div {
    float: right;
    margin-top: 20px;
}

table#essaCurrentScenarioTableEdit {
    margin-bottom: 0;
}

/* Push the scenario metadata and release schedule chart div down 
   to vertically align it with the top of the Initialize and Undo buttons. */
#run-buttons-row {
    margin-bottom: 13px;
}

/* Vertically align text top with top of the Run buttons. */
#last-real-time-update-div {
    margin-top: 11px;
}

/* Hack to horizontally align the left edge of the fish model panels with the metadata and chart panel above. */
#fish-model-containers-container-div {
    margin-left: 2px;
    margin-right: -13px;
}

/* These could be triggered by ng-animate on an ng-show change..
   Except I haven't used them anywhere, so I'm commenting them out.

.alert-fade-out.ng-hide {
    opacity: 0;
}

.alert-fade-out.ng-hide-remove,
.alert-fade-out.ng-hide-add {
    display: block !important;
}

.alert-fade-out.ng-hide-remove {
    transition: all linear 1000ms;
}

.alert-fade-out.ng-hide-add {
    transition: all linear 500ms;
}

*/

div#scenario-metadata {
    margin-top: 37px;
    margin-bottom: 18px;
}

div#scenario-metadata h4 {
    font-weight: bold;
}

#scenario-metadata-details {
    margin-top: 12px;
    line-height: 1.7;
}

.scenario-metadata-key {
    text-transform: uppercase;
    font-size: smaller;
    padding-right: 4px;
    font-weight: bold;
}

#scenario-metadata-description-wrapper {
    /* padding-top: 0; */
}

.scenario-metadata-value {
    padding-right: 19px;
}

#scenario-metadata .essa-angular-checkbox {
    display: inline-block;
    margin-right: 20px;
}

#scenario-metadata .essa-angular-checkbox .md-icon {
    position: relative;
}

#scenario-outflows-chart-card-container {
    margin-top: 0;
    padding-top: 0;
}

#scenario-outflows-chart-card {
    margin: 0;
    padding: 15px 0;
}

#scenario-outflows-chart-card h4 {
    padding-left: 20px;
}