/*
* @Author: Shen Huang
* @Date:   2017-11-07 15:05:29
* @Last Modified time: 2017-11-07 17:27:27
*/

.catchButton {
    z-index: 1;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 40px;
    height: 40px;
}



.sendButton {
    z-index: 1;
    position: absolute;
    right: 85px;
    top: 20px;
    width: 47px;
    height: 47px;
}


.demo-card-square.mdl-card {
    width: 320px;
    height: 320px;
    float: left;
    margin: 1rem;
    position: relative;
}

.demo-card-square.mdl-card:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.demo-card-square>.mdl-card__title {
    color: #fff;
    background: #03a9f4;
}

.demo-card-square>.mdl-card__accent {
    background: #ff9800;
}


.catchMessageBox,
.sendMessageBox {
    z-index: 1;
    position: absolute !important;
    right: 35%;
    top: 25%;
}


/*.sendMe*/

.closeSendMessageBoxButton {
    margin-left: 115px !important;
}

.closeCatchMessageBoxButton {
    margin-left: 205px !important;
}

.inputText {
    margin-left: 20px !important;
}

input {
    width: 265px !important;
}