.middle{
    width: 40%;
}
.middle.pull-left{
    margin-left: 10%;
}
.middle.pull-right{
    margin-right: 10%;
}

.middle{
    text-align: center;
}

.thinklet{
    text-align: center;
    margin: 10px 30% 0;
    background-color: #1c34c4;
    border: 1px solid #1c34c4;
    width:40%;
    height: 60px;
    border-radius: 5px;
    padding: 0 0 0 10px;
    color: #dddddd;
    cursor: pointer;
    display: table;
    /*position: absolute;*/
}

.thinklet.cantBe{
    background-color: #5c74c4;
}

.thinklet:hover{
    background-color: #e7e7e7;

    color: #333;
}

.thinklet .nome{
    width: 90%;
    display: table-cell;
    vertical-align: middle;

}

.thinklet .fechar{
    width: 9%;
    z-index: 1000;
    display: table-cell;

}

.marcador{
    text-align: center;
    margin: 10px 45%;
    width: 60px;
}

.circle{
    background-color: #1c34c4;
    border: 1px solid #1c34c4;
    color: #dddddd;
    border-radius: 70%;
    height:60px;
    padding-top:15px;
}

.buttons{
    text-align: right;
}