/**
	CSS DO APP
**/

.bg-link {
    color: #ffffff !important;
}

.bg-navbares {
    background-color: #3e3e46 !important;
}

.text-responsive {
	font-size: 5vw !important;
}

.navbar-center-text {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.img-user {
    height: 60px;
    border: 1px solid;
    border-radius: 50px;
    background: #e9e9e4;
    border-color: #464a46;
}

.quadro {
	border-style: dashed;
	border: 13px;
	border-color: rgb(26 26 27 / 30%);
	border-radius: 10px;
	width:100%;
	height: 250px;
}


body {
	background-image: url("../images/layout/background.png");
	background-repeat: repeat;
	background-color: #FFF;	
	padding-top: 5% !important;
}

.btn-light {
    color: #212529;
    background-color: #000;
    border-color: rgba(144,114,59,1);
    margin: 5vh 0vh 3vh 0vh;
    height: 7vh;
    font-size: larger;
    font-weight: bold;
    border: 0px solid;
	color: #FFF;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    height: 6vh;
}

.btn-light-index{
	color: #212529;
    background-color: #000000;
    border-color: rgba(144,114,59,1);
    margin: 0vh 0vh 6vh 0vh;
    height: 7vh;
    font-size: larger;
    font-weight: bold;
    border: 0px solid;
    width: 60vw;
    text-align: center;
    color: #FFF;
    font-family: sans-serif;
    padding: 12px 0px 0px 0px;
}

.text-hello{
	align-items: end;
    background: #aaaaaa;
    font-size: large;
    color: #FFF;
    text-shadow: 8px 4px 9px black;
	margin-bottom: 15vh;
}

.icon-adj {
	float: right;
}

.msg-success {
	width: 40%;
	margin: 75% 0% 5% 30%;
}

.btn-voltar {
	margin: 5% 0% 0% 0% !important;
	height: 60px !important;
}

.center-force {
	margin-left: auto !important;
	margin-right: auto !important;
}

.row-cameras{
	margin-top: 5%;
	text-align: center;
	justify-content: center;
}

.card-cameras{
	margin-bottom: 5%;
}

#pages-only-app {
    margin-top: 50px;
}

.message-nome {
    text-align: -webkit-center;
	padding: 10vw 0vw 0vw 0vw;
	font-family: sans-serif;
}

.img-nome {
	width: 100px;
    height: 100px;
    border: 1px solid black;
}

.my-active{			
    background-color: #a2a2a5 !important; 
    border-color: #3f3c58 !important; 
}

.card-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 !important;
}

#page-opcoes, page-cameras {
    margin: 25vw 0vw 0vw 0vw;
}

.my-checkbox {
    width: 9vw;
	height: 9vw;
}

.label-checkbox {
	margin: 2vw 0vw 0vw 9vw;
	font-size: 6vw;
}

.sp-nav-portaria {
	color: #b0b0b0;
	font-family: inherit;
}

.bg-nav-portaria {
	background-color: #ececec !important;
}

.my-strip {
	background: #d9dde0 !important;
}

.my-active-historico{			
    background-color: #a2a2a5 !important; 
    border-color: #3f3c58 !important; 
}

.my-container{
    overflow-y: scroll;
	height: 123vw;
}

.quadro-historico{
	width: 100%;
	height: 100%;
}

.modal-body-historico{
	padding: 0px;
}

.switch-camera{
	z-index: 9999;
	margin: 0vw 0vw 0vw 67vw;
	position: absolute;
}

.btn-voice{
	width: 5vh;
    position: absolute;
    margin: 0vw 0vw 0vw 85vw;
}