/* ***************************************************************** */
/*                                                                   */
/* Licensed Materials - Property of IBM                              */
/*                                                                   */
/* (C) Copyright IBM Corp. 2001, 2014. All Rights Reserved.          */
/*                                                                   */
/* US Government Users Restricted Rights - Use, duplication or       */
/* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */
/*                                                                   */
/* ***************************************************************** */

.footer {
    position:fixed; 
    z-index:12;
    /*border-top: 1px solid #A6A6A6;*/
    /*box-shadow:0 0 10px 0px #000000;*/
    
    bottom: 0;
    left: 0;
    right: 0;
    height: 126px;
    /*padding: 16px 16px 0px 16px;*/
    background: #004266;
    
    /*box-sizing: border-box;*/
    /*
    background: -moz-linear-gradient(top, #F7F8F8, #C5C7CB);
    background-image: -webkit-linear-gradient(top, #F7F8F8, #C5C7CB); 
    background-image: -o-linear-gradient(top, #F7F8F8, #C5C7CB);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F8F8, endColorstr=#C5C7CB)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F8F8, endColorstr=#C5C7CB);
    */
}

.footer * {
	/*box-sizing: border-box;*/
}

.footer .mobileQuestionInput {
    padding: 16px 16px 0px 16px;
}

.footer .mobileQuestionInputTextArea {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px #E6E7E8 inset;
    height: 70px;
    color: #000000;
    /*text-indent: 10pt;*/
    padding: 5px 10px 5px 10px;
    /** outline adds the slight highlight around the control when it receives focus **/
    outline: none;
    /*Stop header from relocating to cursor position when hitting backspace in the question input on iOS devices*/
    -webkit-transform: translate3d(0,0,0);
    box-sizing: border-box;
}

.footer .mobileQuestionInputTextContainer {
    display: block;
    overflow: hidden;
    height: 70px;
}

.footer .mobileQuestionInputAskButton {
    margin-left: 16px;
    height: 70px;
    width: 70px;

    float: right;

    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/AskBtnOff.png');
    border-width: 0px;
    /*
    background: -moz-linear-gradient(top, #0096CE, #05476B);
    background-image: -webkit-linear-gradient(top, #0096CE, #05476B);
    background-image: -o-linear-gradient(top, #0096CE, #05476B);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0096CE, endColorstr=#05476B)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0096CE, endColorstr=#05476B);

    border-color: #0D618E;
    border-radius: 12pt 12pt 12pt 12pt;
    border-style: solid;
    border-width: 1px;
    */
    cursor: pointer;
}

.footer .disabledButton{
    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/AskBtnOff.png');
    /*
    background: -moz-linear-gradient(top, #05476B, #05476B);
    background-image: -webkit-linear-gradient(top, #05476B, #05476B); 
    background-image: -o-linear-gradient(top, #05476B, #05476B);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#05476B, endColorstr=#05476B)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#05476B, endColorstr=#05476B);
    */
}


.footer .mobileQuestionInputAskButton:active, .mobileQuestionInputAskButton:focus, .mobileQuestionInputAskButton:hover{
    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/AskBtnOn.png');
    /*
	background: -moz-linear-gradient(top, #05476B, #05476B);
    background-image: -webkit-linear-gradient(top, #05476B, #05476B); 
    background-image: -o-linear-gradient(top, #05476B, #05476B);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#05476B, endColorstr=#05476B)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#05476B, endColorstr=#05476B);
    */
}

.footer.mobileQuestionInput.hidden {
    display:none;
}

.footer.mobileQuestionInput.out {
        -webkit-animation-name: hideMobileQuestionInput;
        -webkit-animation-duration: 250ms;
        -moz-animation-name: hideMobileQuestionInput;
        -moz-animation-duration: 250ms;
        animation-name: hideMobileQuestionInput;
        animation-duration: 250ms;
}

.footer.mobileQuestionInput.in {
        -webkit-animation-name: showMobileQuestionInput;
        -webkit-animation-duration: 250ms;
        -moz-animation-name: showMobileQuestionInput;
        -moz-animation-duration: 250ms;
        animation-name: showMobileQuestionInput;
        animation-duration: 250ms;
}

..footerVisible .mblView {
    /*padding-bottom: 30pt;*/
}

