.container{
    background-image: linear-gradient(to top right, #007DB3, #4DD9FF);
    height:40px;
    width:115px !important;
    max-width: 115px;
    border-radius: 8px;
    padding:0px;
    margin:0px;
}

@font-face {
font-family: 'Phenomena-Bold';
src: url('../fonts/Phenomena-Bold.otf');
}

@font-face {
font-family: 'Phenomena-Thin';
src: url('../fonts/Phenomena-Thin.otf');
}      

#prim{
    font-family: Phenomena-Thin;
    font-size:30px;
    color: #FFFFFF;
    float:left;
    margin-top:-3px;
    margin-left:22px;
}

#ultm{
    font-family: Phenomena-Bold;
    font-size:30px;
    color: #FFFFFF;
    float: right;
    margin-top:-3px;
    margin-right:-9px;
}

#onze{
    font-family: Phenomena-Thin;
    font-size:30px;
    color: #FFFFFF;
    float:left;
    margin-top:-3px;
    margin-left:27px;
}

#tel{
    width:30%;
    margin:6px;
    margin-left:-5px;
    float:left;
}

div.container{
    margin-top:0px;
    vertical-align: middle;
} 

div.container.ramais{
    margin-left:0px !important;
}

input#myInput.form-control{
    width:560px;
}

#tabela td, #tabela th {
    vertical-align: middle;
}

.dadosSala{
    height: 80%;
    min-height: 80%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.dadosSala table{
    width:900px; 
}

.dadosRecurso{
    height: 80%;
    min-height: 80%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.dadosRecurso table{
    width:900px; 
}

.titleData{
    height: 80%;
    min-height: 80%;
    margin-top: 20px !important;
    align-items: center;
    display: flex;
    justify-content: center;
}

.titleData p{
    font-size:30px;
}

.pesquisa{
    height: 80%;
    min-height: 80%;
    margin-top: 20px !important;
    align-items: center;
    display: flex;
    justify-content: center;
}

.configBtn{
    position: fixed;
	top: 15px;
	right: 15px;
    z-index: 100;
}