/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
:root{
	--bs-primary: #15243E !important;
	--bs-purple: #15243E !important;
}

/*--------- Cores ---------*/

.white {
	color: #fff;
}

.cor-primaria {
	color: #15243E !important;
}

.cor-secundaria {
	color: #36A147;
}

.cor-secundaria:hover {
	color: #15243E;
}

.cor-azul-principal {
	color: #15243E;
}

.cor-verde-principal {
	color: #36A147;
}

.form-check-primary .form-check-input:checked {
	background-color: #36A147;
}

.form-check-input:checked {
	background-color: #36A147;
	border-color: #fff !important;
}

.form-control:focus, .form-select:focus, .form-check-input:focus {
	border-color: #15243E !important;
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
	border-color: #15243E !important;
}

.form-control:focus {
	color: #6e6b7b;
	background-color: #fff;
	border-color: #15243E;
	outline: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #15243E !important;
  border-color: #15243E !important;
  color: #fff;
  padding: 2px 5px; 
}

.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered, .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {
	padding-top : 0 !important;
	padding-bottom: 5 !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color : #15243E !important;
	outline : 0;
}

.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
	outline : 0;
	border-color : #15243E !important;
	box-shadow : 0 3px 10px 0 rgba(34, 41, 47, 0.1) !important;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
	box-shadow: 0 8px 25px -8px #15243E; }

/* Estilos para manter a borda do select múltiplo */
.select2-container--classic .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    border-color: #15243E !important;
    border: 1px solid #15243E !important;
}

.select2-container--classic.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #15243E !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #15243E !important;
    border: 1px solid #15243E !important;
}

.select2-container--classic .select2-selection--multiple:active,
.select2-container--default .select2-selection--multiple:active {
    border-color: #15243E !important;
    border: 1px solid #15243E !important;
}

/* Força a borda azul em todos os estados do select2 múltiplo */
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:active,
.select2-container--classic .select2-selection--multiple,
.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-selection--multiple,
.select2-container--classic .select2-selection--multiple:focus,
.select2-container--classic .select2-selection--multiple:active {
    border-color: #D8D6DE !important;
    border-width: 1px !important;
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #fff !important;
	background-color: rgba(15, 32, 61, 1) !important; 
}
  
.dropdown-item.active, .dropdown-item:active {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #15243E !important; 
}

.nav-pills .nav-link.active {
	color: #000;
}
.nav-pills .nav-link.active {
	color: #fff;
	background-color: #15243E;
	border: none;
	box-shadow: none;
}

/*--------- Aluno ---------*/

.foto-aluno {
	width: 100px;
	height: 120px;
}

/*--------- Botões ---------*/

.btn-blue {
	background-color: #15243E;
	color: #fff;
}

.btn-blue:hover {
	background-color: #13294e;
	color: #fff;
}

.btn-green {
	background-color: #36A147;
	color: #fff;
}

.btn-green:hover {
	background-color: #37b64d;
	color: #fff;
}

.btn-red {
	background-color: #B22222;
	color: #fff;
}

.btn-red:hover {
	background-color: #f43d3d;
	color: #fff;
}

.btn-primary {
	background-color: #15243E !important;
}

.btn-whatsapp {
	background-color: #50CD5E;
	color: #fff;
}

.btn-whatsapp:hover {
	background-color: #50CD5E;
	color: #fff;
}

/*--------- Botões de Ação  ---------*/

.btn-verde {
	background-color: #36A147;
	color: #fff;
	padding: 5px !important;
}

.btn-verde:hover {
	background-color: #37b64d;
	color: #fff;
	padding: 5px !important;
}

.btn-azul {
	background-color: #15243E;
	color: #fff;
	padding: 5px !important;
}

.btn-azul:hover {
	background-color: #152d55;
	color: #fff;
	padding: 5px !important;
}

.btn-editar {
	background-color: #15243E;
	color: #fff;
	padding: 5px !important;
}

.btn-editar:hover {
	background-color: #152d55;
	color: #fff;
	padding: 5px !important;
}

.btn-excluir {
	background-color: #B22222;
	color: #fff;
	padding: 5px !important;

}

.btn-excluir:hover {
	background-color: #B22222;
	color: #fff;
	padding: 5px !important;
}

.btn-desativado {
	background-color: #a1a1a1;
	color: #fff;
	padding: 5px !important;

}

.btn-desativado:hover {
	background-color: #a1a1a1;
	color: #fff;
	padding: 5px !important;
}

/* MODAL DE CONFIRMAÇÃO DE MATRÍCULA  */

#modal-confirmacao-matricula {
    position: fixed;
    top: 20px;
    right: 20px;
    margin: 0;
    max-width: 300px; /* Largura desejada */
}

#conteudo-modal-confirmacao {
    border-radius: 8px;
    padding: 15px;
}

/* Customização do menu lateral */
.main-menu.menu-light .navigation > li > a:hover,
.main-menu.menu-light .navigation .nav-item a:hover,
.main-menu.menu-light .navigation .menu-content li a:hover {
    background: #15243E !important;
    color: #fff !important;
    border-radius: 6px;
}

/* Ajuste para os ícones no hover */
.main-menu.menu-light .navigation > li > a:hover i,
.main-menu.menu-light .navigation .nav-item a:hover i,
.main-menu.menu-light .navigation .menu-content li a:hover i {
    color: #fff !important;
}

/* Ajuste para o item ativo */
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation .active > a {
    background: #15243E !important;
    color: #fff !important;
    border-radius: 6px;
}

.main-menu.menu-light .navigation > li.active > a i,
.main-menu.menu-light .navigation .active > a i {
    color: #fff !important;
}

/* Ajuste para submenus */
.main-menu.menu-light .navigation .menu-content .active {
    background: #15243E !important;
    border-radius: 6px;
}

.main-menu.menu-light .navigation .menu-content .active a {
    color: #fff !important;
}

/* Efeito de transição suave */
.main-menu.menu-light .navigation > li > a,
.main-menu.menu-light .navigation .nav-item a,
.main-menu.menu-light .navigation .menu-content li a {
    transition: all 0.3s ease;
    border-radius: 6px;
}

/* Ajuste específico para o menu Cursos */
.main-menu.menu-light .navigation li.nav-item > a:hover {
    background: #15243E !important;
    color: #fff !important;
    border-radius: 6px;
}

/* Ajuste para o submenu do Cursos */
.main-menu.menu-light .navigation li.nav-item .menu-content > li > a:hover {
    background: #15243E !important;
    color: #fff !important;
    border-radius: 6px;
}

/* Ajuste para o item ativo no menu Cursos */
.main-menu.menu-light .navigation li.nav-item.active > a,
.main-menu.menu-light .navigation li.nav-item .menu-content > li.active > a {
    background: #15243E !important;
    color: #fff !important;
    border-radius: 6px;
}

.dropdown-turma:hover {
	color: #fff !important;
}