﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700;1,800&display=swap');

body {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px;
	background: url(../Images/Login/backRepeat.svg) repeat, #D6F1FF !important;
    background-position: top center !important;
    background-size: 100% !important;
}
.margPadd{
	margin:0px !important;
	padding:0px !important;
}
.mobile{
	visibility:hidden;
	display:none;
}
.desktop{
	visibility:visible;
	display:inherit;
}
.pagCenter{
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
	
}
.divLogin{
	background:#FFF;
	border-radius: 10px;
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
	padding:1%;
}
.logoImg img{
    width: auto;
    margin: 6% 0% 6% 0%;
    text-align: center;
}
/*.backLogo{
	background:#FFF;
}*/
.curvaImgTop img{
    width: 100%;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}
.bemVindo{
	font-size:32px;
	font-weight:700;
	color:#FFF;
	margin:10px 0px ;
	padding:12px 0px;
	text-align:center;
}
.subTitle{
	font-size:20px;
	font-weight:700;
	color:#2E3192;
	margin:10px 0px;
	padding:2px 0px;
}


.boxForm{
	width:100% !important;
	height:44px !important;
}
.buttons {
    background-color: #2E3192 !important;
    border: none !important;
	border-radius:40px !important;
	width:300px !important;
	font-size:20px;
	font-weight:700 !important;
}
.buttons:hover {
    background-color: #E0AD12 !important;
    border-radius: 40px !important;
	color:#2E3192 !important;
	font-weight:700;
}
.hyper {
    color: #2E3192 !important;
	font-size:16px !important;
	margin:15px 0px;
	text-align:center;
}
.hyper:visited {
    color: #CCCCCC !important;
	font-size:16px !important;
}

.curvaImgRodape img{
    width: 100%;
	margin: 0px 0px -1px 0px;
	padding:0px;
	text-align:center;
}
.txtRodape{
	font-size:15px;
	color:#797A95;
	font-weight:400;
	padding:12px 0px 25px 0px;	
}
.backRodape{
	background: #797A95;
	text-align:center;
	margin: 0px;
	padding: 5px 0px 4px 0px;
}
.rodapeImg img{
	width: auto;
	margin: 1% 0% 6% 0% !important;
}
.divAlertLogin{
	background:#E73C30;
	color:#FFF;
	border-radius:8px;
	padding:6px 4pxpx;
	font-size:12px;
	font-weight:400 !important;
	font-style:italic;
}
footer{
	bottom:0 !important;
}
.full-screen-wrapper { 
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100vw;
  align-items: end;
}

@media (max-width: 1400px) {
.buttons {
	width:220px !important;
}
}
@media (max-width: 1200px) {
.buttons {
	width:300px !important;
}
}
@media (max-width: 700px) {
.mobile{
	visibility:visible;
	display:inherit;
}
.desktop{
	visibility:hidden;
	display:none;
}
.boxForm{
	width:85% !important;
	height:50px !important;
}
.buttons {
	width:220px !important;
}
}
