$minHeight : calc(100vh - 80px);

/*IntentList and IntentItem CSS*/

.IntentList{
    width: 30%;
    min-height:$minHeight;
    float:left;
    background-color: #eff0f0;
}

.IntentList-title{
    font-size: 1.5em;
    height: 70px;
    padding: 20px;
    text-align:left;
    background-color: #eff0f0;
}

.LaunchRequest{
    text-align: left;
    width: 100%;
    height: 50px;
    background-color: #d8d8d8
}

.LaunchRequest-selected{
    text-align: left;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
}

.Contact{
    text-align: left;
    color: #009b8a;
    width: 100%;
    height: 50px;
    background-color: #d8d8d8
}

.Contact-selected{
    text-align: left;
    color: #009b8a;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
}

.AddIntent{
    float: right;
    margin: 12px;
}

.IntentItem{
    margin-top: 2px;
    margin-bottom: 2px;
    height: 50px;
    width:100%;
    text-align:left;
    background-color: #d8d8d8;
}

.IntentItem-selected{
    margin-top: 2px;
    margin-bottom: 2px;
    height: 50px;
    width:100%;
    text-align:left;
    background-color: #f5f5f5;
    
}

/*IntentDetails CSS*/

.IntentDetails{
    float: left;
    width: 70%;
    min-height:$minHeight;
    background-color: #f5f5f5;
}

.QuestionBox{
    margin:25px;
}

/*LaunchRequest CSS*/

.LaunchRequestBox{
    float: left;
    width:70%;
    min-height:$minHeight;
    background-color: #f5f5f5;
}

.ExplanationText{
    float: left;
    margin-top: 30px;
    margin-left: 20px;
    text-align: left;
}