﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700;1,800&display=swap');


body {
	font-family: 'Poppins', sans-serif !important;
	color: #41484B !important;
	font-size:20px !important;
	background-color:#FFFFFF !important;
}

	.mobile{
		visibility:hidden;
		display:none !important;
	}
	.desktop{
		visibility:visible;
		display:inherit !important;
	}

.sup {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.margPadding{
	margin:0px !important;
	padding: 0px !important;
}

.vertAlign{
	display:flex;
	align-items:center;
}
.backTopo{
	height: 80px;
	padding: 0px 0px 0px 0px !important;
}

.backColorTopo{
	background: transparent !important;
	margin: auto;
	margin-bottom:0px;
	border: 6px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(90deg, rgba(252,219,31,1) 0%, rgba(24,143,69,1) 33%, rgba(35,158,217,1) 66%, rgba(252,219,31,1) 100%);
}
.only-borderBottom {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}

.iconSubM img{
	width: 35px !important;
}
.subMenuDropDown {
    padding: 0px !important;
	margin: 0px !important;
    z-index: 10 !important;
}
.subMenuPosition {
    float: right !important;
    padding: 0px !important;
}
.menuFormat {
    padding: 0px 0 !important;
    margin: 0px !important;
    font-size: 18px !important;
    align-items: center !important;
    text-align: center !important;
}
.sup-menu:hover {
	color: #7778b0 !important;
}
.subMenuUsu {
    height: 80px !important;
    background-color: #63C4F2;
    padding: 0px 0px 0px 5px !important;
    margin: 0px 0px 0px 5px !important;
	align-items: center;
	display: flex;
	width: 185px;
	justify-content: flex-end;
}
.submenuSeta{
	background-color:#42AEE2 !important;
}
.submenuSeta:hover{
	background-color:#2A95C9 !important;
}

.menu-items .items {
    font-size: 16px !important;
	font-weight:bold !important;
    color: #000000 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
}
.menu-items .items:hover {
    color: #f1faff !important;
	background: linear-gradient(0deg, rgba(19,84,115,1) 0%, rgba(35,158,217,1) 100%) !important;
	}
.btEntrar {
    font-size: 16px !important;
	font-weight:bold !important;
    color: #000000 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
	background: linear-gradient(180deg, rgba(252,219,31,1) 0%, rgba(136,186,131,1) 100%) !important;
	height: 60px !important;
}
.btEntrar:hover {
    color: #f1faff !important;
	background: linear-gradient(180deg, rgba(184,161,29,1) 0%, rgba(97,130,93,1) 100%) !important;
	height: 60px !important;
}

.btCadastro {
    font-size: 16px !important;
	font-weight:bold !important;
    color: #000000 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
	background: linear-gradient(180deg, rgba(35,158,217,1) 0%, rgba(125,213,255,1) 100%) !important;
	height: 60px !important;
}
.btCadastro:hover {
    color: #f1faff !important;
	background: linear-gradient(180deg, rgba(25,112,154,1) 0%, rgba(96,163,195,1) 100%) !important;
	height: 60px !important;
	}
.navbar-toggler {
	color: transparent !important;
    border-color: transparent !important;
    padding: 0px !important;
    font-size: inherit !important;
    line-height: normal !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
}
.navbar-toggler: hover{
	color: transparent !important;
    border-color: transparent !important;
    padding: 0px !important;
    font-size: inherit !important;
    line-height: normal !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
}
.navbar-toggler: focus{
	color: transparent !important;
    border-color: transparent !important;
    padding: 0px !important;
    font-size: inherit !important;
    line-height: normal !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
}
.navbar-toggler: active{
	color: transparent !important;
    border-color: transparent !important;
    padding: 0px !important;
    font-size: inherit !important;
    line-height: normal !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
}
button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}
	
.nav >a, .nav >a:focus, .nav >a {
	height:80px;
	padding: 0px 20px !important;
}
.nav >a, .nav >a:focus, .nav >a:hover {
	height:80px;
	padding: 0px 20px !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a {
	height:80px;
    background-color: #eee !important;
    border-color: #337ab7 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	height:80px;
    background-color: #eee !important;
    border-color: #337ab7 !important;
}

.dropdown >a{
	padding: 0px 10px;
	height:80px !important;
    font-size: 16px !important;
	font-weight:bold !important;
    color: #000 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
	text-decoration: none !important;
}
.dropdown >a:hover{
	padding: 0px 10px;
	height:80px !important;
    color: #000 !important;
	background-color: #1A7FB0 !important;
	text-decoration: none !important;
	}
.dropdown >a:active{
	padding: 0px 10px;
	height:80px !important;
    color: #000 !important;
	background-color: #1A7FB0 !important;
	text-decoration: none !important;
	}

.menuDrop {
    left: 0 !important;
    min-width: 16rem !important;
    padding: 12px !important;
    margin: 0px !important;
    text-align: left !important;
    background-color: #63C4F2 !important;
    background-clip: padding-box !important;
    border: none !important;
    border-radius: 0px !important;
}
/*.menuDrop >li{
    list-style-image: url("../Images/master/dropdownMarc.svg") !important;
	margin-left:25px !important;
	margin-top: 7px !important;
}*/
::marker {
	margin:0px !important;
	padding:0px !important;
	line-height: 0.5 !important;
}
.menuDropUsu {
    min-width: 13rem !important;
    padding: 10px !important;
    margin: 0px !important;
    text-align: left !important;
    background-color: #42AEE2 !important;
    background-clip: padding-box !important;
    border: none !important;
    border-radius: 0px !important;
}
.menuDropUsu >li{
    list-style-image: url("../Images/master/dropdownMarc.svg") !important;
	margin-left:25px !important;
	margin-top: 7px !important;
}
.menudropLink  {
    left: 0 !important;
    font-size: 15px !important;
	font-weight:bold !important;
    color: #000000 !important;
    text-align: left !important;
    list-style: none !important;
	padding-bottom:4px !important;
}
.menudropLink:hover  {
    color: #222222 !important;
	text-decoration:none !important;
}
.menudropLinkSair {
    left: 0 !important;
    font-size: 16px !important;
	font-weight:bold !important;
    color: #000000 !important;
	background-color:#F98B8B !important;
    text-align: center !important;
    list-style: none !important;
	padding:10px !important;
	width:100% !important;
	border: none !important;
	margin:0px !important;
}
.menudropLinkSair:hover  {
    color: #B44343 !important;
	background-color:#EAB9B9 !important;
}

/*.menudropMarc{
	width:16px;
	height:16px;
	background-color:#2E3192;
	margin-right:13px;	
}
.menudropMarc:hover{
	background-color:#1F2172;
}*/

ul {
    margin-right: 0px !important;
	
}


.navbar-light .navbar-toggler {
    color: inherit !important;
    border-color: rgb(255 255 255 / 50%) !important;
}
.navbar-light .navbar-toggler-icon {
	background-image:url(../Images/master/iconLines_menuMobile.png) !important;
	height: 40px !important;
    width: 50px !important;
}
.navbar-toggler-icon {
    background-size: contain !important;
}

.footer{
	margin-top:0%;
	color:#000000 !important;
	background-color: #CBD2D6 !important;
}
.logoRodape img{
	width: 100%;
}
.rodapeAlign{
	justify-content: initial !important;
}
.itemRodape{
	font-size:16px !important;
}

@media (max-width: 1200px) {
	.iconSubM img{
		width: 35px !important;
	}
.subMenuUsu {
    height: 80px !important;
    background-color: #63C4F2;
    padding: 0px 0px 0px 5px !important;
    margin: 0px 0px 0px 5px !important;
	align-items: center;
	display: flex;
	width: 250px;
	justify-content: flex-end;
}
}
@media (min-width: 1400px) {
    .logo-menu img {
        width:237px !important;
    }
}
@media (min-width: 1200px) {
    .logo-menu img {
        width:237px !important;
    }
}

@media (min-width: 992px) {
    .logo-menu {
        margin: 0px !important;
		padding: 0px !important;
    }
    .logo-menu img {
        width:234px !important;
    }
}


@media (min-width: 350px) and (max-width: 992px) {
	.mobile{
		visibility:visible;
		display:inherit !important;
	}
	.desktop{
		visibility:hidden;
		display:none !important;
	}
	.footer{
		margin-top:6%;
	}
}

    li {
        margin: 0px 12px 0px 12px;
    }
@media (max-width: 992px) {
.submenuSeta{
	width: 80px !important;
	background-color:#42AEE2 !important;
}
.submenuSeta:hover{
	background-color:#2A95C9 !important;
}
	.iconSubM img{
		width: 35px !important;
	}
    .logo-menu {
        margin: 0px !important;
		padding: 0px !important;
    }
    .logo-menu img {
        width:125px !important;
    }
.backTopo{
	height: 80px;
	padding: 0px 0px 0px 0px !important;
}
	.subMenuDropDown {
		padding: 0px !important;
		display: block !important;
		position: relative !important; 
		z-index: 10 !important;
		background: #CBD2D6 !important;
		border: none !important;
		margin: 4px 0px 0px 0px !important;
	}	
	.subMenuPosition {
		float: none !important;
		padding: 0px !important;
		text-align:center !important;
		display: flex;
		justify-content: center;
	}	
	.menuFormat {
		padding: 0px 0px !important;
		margin-left: 0px !important;
		font-size: 16px !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}	
	
	.subMenuUsu {
		height: 40px !important;
		padding: 0px 0px 0px 5px !important;
		margin: 0px 0px 0px 5px !important;
		align-items: center;
		display: flex;
		width: 100%;
		justify-content: flex-end;
	}
	.subMenuAdmin{
		color:#FFF;
		font-weight:700;
	}
	.subMenuAdmin img{
		width:12px;
		height:12px;
		margin: 5px 8px;
	}



.menu-items .items {
    font-size: 16px !important;
	font-weight:bold !important;
    color: #222222 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
	width: 100% !important;
	text-align:center !important;
	justify-content: center !important;
}
.menu-items .items:hover {
    color: #000000 !important;
	background: #BBC4C9 !important;
	width: 100% !important;
}

.nav{
	width:100% ;
	text-align:center !important;
	justify-content: center !important;
}
	
.nav >a, .nav >a:focus, .nav >a {
	height:40px !important;
	padding: 0px 10px;
}
.nav >a, .nav >a:focus, .nav >a:hover {
	height:40px !important;
	padding: 0px 0px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a {
	height:40px !important;
	background-color:#2A95C9 !important;
    border-color: #337ab7 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	height:40px !important;
	background-color:#2A95C9 !important;
    border-color: #337ab7 !important;
}

.dropdown >a{
	padding: 0px 0px;
	height:40px !important;
    font-size: 16px !important;
	font-weight:bold !important;
    color: #2E3192 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
	text-decoration: none !important;
}
.dropdown >a:hover{
	padding: 0px 0px;
	height:40px !important;
    color: #0f1156 !important;
	background-color:#1A7FB0 !important;
	text-decoration: none !important;
	}
.dropdown >a:active{
	padding: 0px 0px;
	height:40px !important;
    color: #2E3192 !important;
	background-color:#1A7FB0 !important;
	text-decoration: none !important;
	}
.menuDropUsu {
    width: 100% !important;
    padding: 10px !important;
    margin: 0px !important;
    text-align: left !important;
    background-color: #42AEE2 !important;
    background-clip: padding-box !important;
    border: none !important;
    border-radius: 0px !important;
}
.menuDropUsu >li{
    list-style-image: url("../Images/master/dropdownMarc.svg") !important;
	margin-left:25px !important;
	margin-top: 7px !important;
}
.menudropLink  {
    left: 0 !important;
    font-size: 15px !important;
	font-weight:bold !important;
    color: #2E3192 !important;
    text-align: left !important;
    list-style: none !important;
	padding-bottom:4px !important;
}
.menudropLink:hover  {
    color: #0f1156 !important;
	text-decoration:none !important;
}
.btEntrar {
    font-size: 14px !important;
	font-weight:bold !important;
    color: #000000 !important;
	align-items:center !important;
	vertical-align:middle !important;
	display: flex !important;
	background: linear-gradient(180deg, rgba(252,219,31,1) 0%, rgba(136,186,131,1) 100%) !important;
	height: 60px !important;
	justify-content: center !important;
}
.btEntrar:hover {
    color: #f1faff !important;
	background: linear-gradient(180deg, rgba(184,161,29,1) 0%, rgba(97,130,93,1) 100%) !important;
	height: 60px !important;
}
	.btCadastro {
		font-size: 14px !important;
		justify-content: center !important;
	}
	.rodapeAlign{
		justify-content: center !important;
		text-align:center !important;
		display:grid;
	}
	.linkAlign{
		justify-content: center !important;
	}
	.logoRodape img{
		width: 70% !important;
	}
	.logoRodape{
		justify-content: center;
		display: inherit;	
		margin-top:30px;	
	}
	.rodapeAlign{
		justify-content: center !important;
	}

}

@media (max-width: 768px) {
	.logoRodape img{
		width: 40% !important;
	}

}
@media (max-width: 600px) {
	.logoRodape img{
		width: 60% !important;
	}

}




