:root {
	--primary: #00000059;
    --secondary: #515151;
    
    --third: #004aad;
	--third-font:#ffffff;
	--third-font-hover:#cdcdcd;
    
	--eventos: #ffffff;
	--evento-bg-color: transparent;
	--eventos-titulo-font: #ffffff;
    --login-bg-color: #004aad;
    --login-bg-box-color: #00000059;


	/* FORMUL�RIO DE EVENTOS */
	--border-top: #ffffff;
	--border-botton: #ffffff;
	--box-background: #ffffff;
	--box-form: transparent;
	--title-box-form :#707070;
	--label-box-form :#707070;
	--campo-box-form: #ffffff;
	--font-campo-box-form: #292929;
	--box-linha-form: transparent;
	
	--bt-back-box-form: #004aad;
	--bt-color-box-form: #000000;
	--bt-border-box-form: #ffffff;

	--cor_box:#ffffff;
	--border_box:#ffffff;
	--titulo_box:#292929;
    --desc_box:#292929;
    --botao_box:#001e46;
    --border_bt_box:#ffffff;
    --texto_bt_box:#ffffff;
	--cor_font_geral:#000;

	--font-size-box: 1em;
	--size-icon-box: 6em;

	/* FIM FORMUL�RIO DE EVENTOS */

}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,900;1,900&display=swap');
body {
    background-color: transparent;
    margin: 0px auto;
}

/* Bot�es do menu */
/* .main-header .navbar .nav>li>a,
.main-header .navbar .sidebar-toggle {
	color: var(--secondary) !important;
} */


.main-header .navbar .nav>li>a:hover,
.main-header .navbar .nav>li>a:focus,
.main-header .navbar .sidebar-toggle:hover {
	color:var(--primary) !important;
	background-color: var(--secondary) !important;
}
.sidebar a {
	color: white !important;
}

.sidebar-menu>li.menu-open>a,
aside.main-sidebar {
	background-color: var(--third) !important;
}

.sidebar-menu>li:hover>a {
	background-color: var(--secondary) !important;
}

.sidebar-menu>li>.treeview-menu {
	background-color: var(--primary) !important;
}
.sidebar-menu .treeview-menu>li>a:hover {
	color: var(--secondary) !important;
}
.sidebar-menu .treeview-menu>li>a {
	color: var(--third-font) !important;
}

 
.sidebar-menu .treeview-menu>li>a:hover {
	color: var(--third-font-hover) !important;
}
 

.navbar.navbar-static-top.navbar-portal {
	border-bottom: 2px solid var(--secondary) !important;
}

.aviso {
	font-size: 18px;
	font-weight: bold;
	background-color:#FF0000;
	border-bottom: 1px solid #FF0000;
	padding: 3px;
	margin-bottom: 5px;
	font-weight: bold;
	color:#FFFFFF;
}

.menutitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	
	margin-left: 17px;
	margin-right: 47px;
	margin-bottom : 5px;
	margin-top: 13px;

	padding-top	  : 5px;
	padding-left: 5px;
	
	color: #FFFF33;
}

.bgmenu {
	background-image: url(../../_acadweb.imagens/system_r2_c1.gif);
	padding: 0px;
	width: 217px;
	height: 452px;	
	background-color: #000000;
}


.topo-logo{
    background: var(--primary);
}
code{
    padding: 0 !important;
}

.lockscreen-logo{
   margin-bottom: 0 !important;  
}
.grid-bt-detalhes li{
    margin-bottom: 3px    
}

.logo-portal, .navbar-portal{
	background-color: var(--primary) !important;	
}

.texto_confirmacao{
	color: #4e2778 !important;
}

.logo-portal img{
	max-height: 45px;
    max-width: 150px;
}

.logo-portal{
	opacity: 1.5 !important;
}


.user-header-portal{
	background-color: var(--third) !important;
}

.navbar.navbar-static-top.navbar-portal {
	background-color: var(--third) !important;
}

.sidebar-toggle-portal:hover{
	background-color:rgb(0, 0, 0, .2)  !important;
}


.login_logo {
	max-height: 100px;
	width: auto;
}


.topo-eventos{
	background: var(--eventos);
}


.btn-primary-eventos{
    background-color:var(--secondary)  !important;
    color: rgb(255, 255, 255) !important;
    border-color:transparent transparent #0000 !important;
    border-bottom-width: 4px !important;
    transition: background-color .1s ease-in,border-color .15s ease-in !important;
}


.btn-primary-eventos:hover{
    background-color:#292929 !important;
    color: #f2f2f2 !important;
    border-color: #292929 !important;
}

.bt-evento, 
.btn-evento,
.btn-cliente {
	background-color: var(--third) !important;
	border-color: var(--third) !important;
	border-radius: none !important;
}

.bt-evento:hover, 
.btn-evento:hover,
.btn-cliente:hover {
	background-color: var(--secondary) !important;
}

.box-evento {
	border-color: var(--third) !important;
}

.box-evento-form {
	border-top: 2px solid var(--third) !important;
    border-bottom: 2px solid var(--third) !important;
}

.login-box-body .btn-primary{
	background-color: #03324a !important;
	border-color: #ffffff !important;
}

.login-box-body .login-box-msg{
	color: #ccc;
}

.login-box small{
	color: #000;
}


/* ESTILO PARA O MODULO DE EVENTOS (HOT SITE) */
.acoes-icon{
	padding: 3px 0;
	border-bottom: 1px solid #cccccc61;
}
.icon-color{
	font-size: 16px;
    font-family: 'Roboto script=latin rev=1', sans-serif !important;
    background: #fff;
    padding: 2px 1px;
    border-radius: 21px;
    border: 1px solid #ccc;
    cursor: pointer
}

.icon-color:hover{
	background-color: #ccc;
}

#hotsite .box-evento-form {
	border-top: 2px solid var(--border-top) !important;
    border-bottom: 2px solid var(--border-botton) !important;
	background: var(--box-background) !important ;
	box-shadow:none !important;
}

#hotsite .btn-primary-eventos{
    background-color:var(--bt-back-box-form)  !important;
    color: var(--bt-color-box-form) !important;
    border-color:var(--bt-border-box-form) var(--bt-border-box-form)!important;
    border-bottom-width: 4px  var(--bt-border-box-form) !important;
    transition: background-color .1s ease-in,border-color .15s ease-in !important;
}


#hotsite .btn-primary-eventos:hover{
    background-color:#292929 !important;
    color: #f2f2f2 !important;
    border-color: #292929 !important;
}



#hotsite .btn-box-eventos{
    background-color:var(--botao_box)  !important;
    color: var(--texto_bt_box) !important;
    border-color:var(--border_bt_box) var(--border_bt_box)!important;
    border-bottom-width: 4px  var(--border_bt_box) !important;
    transition: background-color .1s ease-in,border-color .15s ease-in !important;
}


#hotsite .btn-box-eventos:hover{
    background-color:#292929 !important;
    color: #f2f2f2 !important;
    border-color: #292929 !important;
}




#hotsite .box-header-tce{
	color: var(--cor_font_geral) !important;
	background:transparent !important;
    background-color:transparent !important;
	font-size: 70px;
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 900 !important;
	margin: 22px 4px !important;
}

#hotsite label{
	color:var(--cor_font_geral)!important;
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
}



#hotsite .box-header-tce p{
	font-size: 25px;
	margin: -20px 0px 0px 4px !important;
}

#hotsite .box-header-tce-interno{
	color: var(--cor_font_geral) !important;
	background:transparent !important;
    background-color:transparent !important;
	font-size: 2em;
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 900 !important;
	margin: 22px 4px !important;
}

#hotsite .box-header-tce-interno p{
	font-size: 15px;
	margin: 0px 0px 0px 4px !important;
}

#hotsite .box-acoes{
	border-top: var(--border_box) !important;
	background: var(--cor_box) !important;
}

#hotsite  .box-acoes i{
	font-size: 122px;
    color: #008de0;
}

#hotsite .titulo-box-acoes i{
	font-size: var(--size-icon-box) !important;
    color: #008de0;
}

#hotsite .box-transparente, .box-transparente .box-header{
	border-top: transparent !important;
	box-shadow: none !important;
	background: transparent !important;
	border-bottom: transparent !important;
	
}

#hotsite .table>thead>tr>th, #hotsite .table>tbody>tr>th, #hotsite .table>tfoot>tr>th, #hotsite .table>thead>tr>td, #hotsite .table>tbody>tr>td, #hotsite .table>tfoot>tr>td {
    border-top: 1px solid transparent !important;
}

#hotsite .bt-li-aceito{
	background: transparent;
    font-family: 'Roboto script=latin rev=1', sans-serif;
    color: var(--cor_font_geral);
    margin: 20px;
    border-color: var(--cor_font_geral);
}

#hotsite .loading{
	margin: 20px;
}

#hotsite .bt-voltar{	
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-size: 21px;
    color: var(--cor_font_geral);
	margin: 40px 0;
}

#hotsite .bt-voltar:hover{	
    color: #fff;
}

#hotsite .box-evento {
	border-color: var(--border_box) !important;
	background: var(--cor_box) !important;
}

#hotsite .box-evento .box-footer {
	background: var(--cor_box) !important;
	border-top: none;
}


#hotsite .box-evento-form .form-title2{
	color: var(--title-box-form) !important;
}

#hotsite .box-evento-form label{
	color: var(--label-box-form) !important;
}

#hotsite .box-evento-form .form-control{
	background: var(--campo-box-form) !important;
	color: var(--font-campo-box-form) !important;
}

#hotsite .titulo-box{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 900;
	color: var(--titulo_box);
    text-align: center;
    font-size: 15px;
    padding: 6px 8px;
    margin: 0;
    opacity: 0.7;
    width: 100%;
    transition: 0.3s;
    z-index: 0;
}

#hotsite .titulo-box p{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 100;
	color: var(--desc_box);
    text-align: center;
    font-size: 12px;
    margin: 30px 0px;
    opacity: 0.7;
    width: 100%;
    transition: 0.3s;
    z-index: 0;
}

#hotsite .titulo-box-acoes{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 900;
	color: var(--titulo_box);
    text-align: center;
    font-size: 20px;
    padding: 6px 8px;
    margin: 0;
    opacity: 0.7;
    width: 100%;
    transition: 0.3s;
    z-index: 0;
}

#hotsite .titulo-box-acoes p{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 900;
	color: var(--desc_box);
    text-align: center;
    font-size: 15px;
    margin: 30px 0px;
    opacity: 0.7;
    width: 100%;
    transition: 0.3s;
    z-index: 0;
}

#hotsite .titulo-box-acoes .ac-tit{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	font-weight: 900;
	color: var(--titulo_box) !important;
	font-size: var(--font-size-box) !important;
	margin: 10px 0px !important;
	opacity: unset !important;
}

#hotsite .titulo-box-acoes .ac-desc{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
	color: var(--desc_box) !important;
	font-weight: 100;
	font-size: 15px;
}

#hotsite .div-login{
	position: absolute;	
	right: 0;
	top: 10px;	
	color: #fff; 	
	z-index:1000;
	padding-right: 30px;	
}

#hotsite .div-login .btn{
	color: rgb(0, 42, 90);
	background: #ffffff;
	border:1px solid #a0d4ff;
	transition: 0.3s;
}

#hotsite .div-login .btn:hover{
	opacity: 0.6;	
}

#hotsite .banner-box{
	transition: 0.3s;
	background:  var(--cor_box) !important;
}

#hotsite.banner-box:hover{
	opacity: 0.8;
	background: #000000;
}

#hotsite .banner-box .fa-edit{
	position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 25px;
    background: #fffefe;
    padding: 0px;
    transition: 0.3s;
}
#hotsite .banner-box .fa-trash{
	position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-size: 25px;
    background: #fffefe;
    padding: 0px;
    transition: 0.3s;
}

#hotsite .banner-box .fa-edit:hover{
	font-size: 24px;
}

.box-acoes-canditado .col-md-3{
    /* width:  var(--col-md-3) !important; */
}



#hotsite .banner-box-acoes{
	height: 300px !important;
}


#hotsite .container-eventos-acesso{
	max-width:500px;
	margin:5% 0
}

#hotsite .modulo-curso{
	background: #ffffff !important;
}

#hotsite  .box.box-primary {
    border-top-color: var(--secondary) !important;
}

#hotsite .titulo-evento-hotsite {
	margin-top: 5px;
	background: #fff;
	color: #fff !important;
	opacity: 0.7;
	margin: 7px 0;
	padding: 10px;
	border-radius: 5px;
}

#hotsite .tx-faleconosco, #hotsite .bt-home{
	font-family: 'Roboto script=latin rev=1', sans-serif !important;
    font-weight: 900;
    margin: 5px;
    color: var(--cor_font_geral) !important;
    text-align: center;
    background: #ffffff59;
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 15px;
}


#hotsite .tx-faleconosco i, #hotsite .bt-home i{	
    font-size: 20px;
	cursor: pointer;
}

#hotsite .tx-faleconosco i:hover, #hotsite .bt-home i:hover{	
    color: rgb(255, 255, 255);
}

.treeview-menu{
	transition: 0.3s;
}

.d-blok{
	display: block;	
}

#login-box-msg {
	color:green;
}