@charset "UTF-8";
:root {
    --cui-primary: #17a2b8 !important;
    --cui-secondary: #6b7785;
    
}
.btn-primary {
    --cui-btn-color: #fff;
    --cui-btn-bg: #17a2b8;
    --cui-btn-border-color: #17a2b8;
    --cui-btn-hover-color: #fff;
    --cui-btn-hover-bg: #17a2b8;
    --cui-btn-hover-border-color: #17a2b8;
    --cui-btn-focus-shadow-rgb: 113, 111, 220;
    --cui-btn-active-color: #fff;
    --cui-btn-active-bg: #17a2b8;
    --cui-btn-active-border-color: #17a2b8;
    --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
    --cui-btn-disabled-color: #fff;
    --cui-btn-disabled-bg: #17a2b8;
    --cui-btn-disabled-border-color: #17a2b8;
}  
.img-logo{
    margin-left: auto;
    margin-right: auto;
    width: 40vw;
}
.body-wait{
    background-color: #1d222b;
}
.body-login{
    background-color: rgb(221, 221, 221);
}
.sp-logo{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20vh;
}
.h1-wait{
    font-size: 35px;
    color: white;
}
.sp-logo>small{
    color: gray;
}
.text-center{
    text-align: center;
}
.hide{
    display: none !important;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.modal-footer{
    display: block !important;
}
.text-white{
    color: white;
}
.display-cover {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0% auto;
	position: relative;
    height: 80vh;
}
.preview-photo{
    object-fit: cover;
    width: 100%;
    height: 85vh;
}
.footer-ponto{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 8vh;
    display: flex;
}
.db{
    display: block !important;
}
.btn-ponto{
    font-size: 22px;
    min-width: 70px;
}