/*
    DEMO STYLE
*/
:root {
  --FundoMenuTopo: #273eb0;
  --FundoMenuLateral: #595959;
  --white: #ffffff;
}

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', sans-serif;
    background: var(--FundoMenuTopo);
}

#MenuLateralFundo{
    overflow: hidden;
    min-height: 100%;
    /*background: var(--FundoMenuLateral);*/
    background-image:
    linear-gradient(
    rgba(0, 0, 0, 0.850),
    rgba(0, 0, 0, 0.850)
    ),
    url(../imagens/menu_01.png) !important;    
}

.navbar {
    padding: 15px 10px;
    background: var(--FundoMenuTopo);
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    /*background: var(--FundoMenuLateral);*/
    color: #fff;
    transition: all 0.3s;
    margin: 0px;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 0px;
    background: var(--FundoMenuTopo);
}

#sidebar ul.components {   /* linha de borda apos o menu  */
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 15px 10px 15px 10px !important;
    font-size: 1.2em;
    display: block;   
	text-decoration: none !important; 	
	color: #fff; 
}

#sidebar ul li a:hover {   /* Cor fundo botão menu quando recebe o foco  */
    color: #ffffff;
    background: hsla(216, 100%, 66%, 0.336) !important;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {   /*Quando Active muda cor do fundo menu  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); */
    color: #fff;    
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.7));  
		
}

.list-unstyled{
	transition: 0.4s !important; 
}

a[data-toggle="collapse"] {
    position: relative;
	text-decoration: none !important; 	
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);    
}

.iconeMenuM, .iconeMenuS{
	animation: swing ease-in-out 0.5s 1 alternate;
}

@keyframes swing {
	0%,
	30%,
	50%,
	70%,
	100% {
		transform: rotate(0deg);
	}

	10% {
		transform: rotate(10deg);
	}

	40% {
		transform: rotate(-10deg);
	}

	60% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-5deg);
	}
}

ul ul a {    /*cor fundo sub menu responsivo */	
    font-size: 1.1em !important;
    padding-left: 30px !important;
    background-image: linear-gradient(to right, rgba(89, 89, 153, 0.1), rgba(89, 89, 89, 0.2)); 
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 1.4em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: red;
}

a.article,
a.article:hover {
    background: var(--FundoMenuTopo) !important;
    color: #ff8000 !important;
}

.iconeMenuP{
    font-size: 20px;
    color: #fff;
    margin-right: 25px !important;
	margin-left: 15px !important;
}

.iconeMenuS{
    font-size: 20px;
    color: rgb(114, 196, 235);
    margin-right: 15px !important;
    margin-left: 25px !important;
}

.iconeMenuP.active {
    color: rgb(204, 68, 68) !important;
}

.iconeMenuS:hover{
    color: black;
}

.iconeMenuS:active {
    color: black;	
}

.iconeMenuAtivo {	
	background: var(--FundoMenuTopo) !important;
}

.dropdown-toggle[aria-expanded="true"]:after {
	transform: rotate(180deg);	
}

/*for animation*/ 
.dropdown-toggle:after { 
	transition: 0.7s; 
}

.dropdown-toggle::after {
    top: 40%;
    right: 20px;
    transform: translateY(-50%);
}

.dropdown-toggle::after {
	background-color: transparent !important;
    margin-left: 0;
    vertical-align: 0;
    content: "";                   
    border-top: 2px solid #fff !important;        
    border-right: 2px solid #fff !important;
	border-left: none !important;
    border-bottom: none !important;
    width: 10px !important;
    height: 10px !important;
	transition: transform 0.3s;
	transform: rotate(45deg);	
}

.dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(135deg);
}

.corLaranja{
    color: #ff8000;
    font-size: 22px;
}

.corCinza{
    color: #999999;
    font-size: 22px;
}

.x-btn-wrap {
	border-style: none !important; 
}

/*Barra de Rolagem*/
::-webkit-scrollbar {
    width: 6px;
	background-color: transparent !important;
} 
   
::-webkit-scrollbar-thumb {   
  background-color: darkgrey;   
}
/*Fim - Barra de Rolagem*/

/*usado para alinhar os icones dos UniLabel ao centro*/
.AlinharTextoBotaoCentro {
    vertical-align: middle !important;
    text-align: center !important;
    display: table-cell !important;
    position: relative !important;
}