/* DARKMODE */

/*
============================================
DARK MODE
============================================

FROM			TO (1º)	        TO (2º)        TO (3º)        TO (4º)

#FFFFFF			#212121         #404040         #3B3B3B         #000000
#F2F2F2         #2C2C2C
#D9D9D9         #666666
#F5F5F5         #CCCCCC
#000000         #FFFFFF
#333333         #FFFFFF
#555555         #FFFFFF
#CCCCCC         #CCCCCC
#DDDDDD         #222222
#F7F7F7         #222222
#2C2E2F         #FFFFFF
#666666         #FFFFFF
#092949         #FFFFFF






#2C2E2F			#FFFFFF			
#373E4A			#CCCCCC			
#313131			#404040			
#DDDDDD         #666666
#EEEEEE         #3B3B3B
#F8F8F8         #2C2E2F
#444444         #D0D2D3
#F1F1F1         #2C2C2C
#F4F4F4         #222222
#777777         #FFFFFF
#F3F3F3         #000000
#7D7D7D         #FFFFFF
#FAFAFA         #000000
#092949         #FFFFFF
RED             #EB4747
GREEN           #00E600
#555555         #CCCCCC
#D5D5D5         #2C2C2C
#717272         #2C2C2C


*/

body.dark-mode { background-color: #404040 !important; }

.dark-mode .main-content { color: #FFFFFF; }

.dark-mode .styleA { border: 1px solid #666666; border-top: 18px solid #A025DE; box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.1); }
.dark-mode .styleB { background-color: #3B3B3B; border: 1px solid #666666 !important; }
.dark-mode .styleC { background-color: #2C2C2C; }
.dark-mode .styleD { background-color: #A025DE; color: #FFFFFF !important; }

.dark-mode .styleA text, .dark-mode .styleA tspan { fill: #FFFFFF; }
.dark-mode .styleB text, .dark-mode .styleB tspan { fill: #FFFFFF; }
.dark-mode .styleC text, .dark-mode .styleC tspan { fill: #FFFFFF; }


.dark-mode .modal .modal-dialog .modal-content { border-color: #CCCCCC; }
.dark-mode .modal-content { background-color: #404040; color: #FFFFFF; }

.dark-mode .collapsible-button { background-color: inherit; }
.dark-mode .accordion-title-container .meta-data-disponibilidade p, .dark-mode .accordion-title-container .meta-data-baixada p, .dark-mode .accordion-title-container .meta-quantidade p { color: inherit; }

.dark-mode .v2-tarefas .selos span.default { background: #404040; }

.dark-mode .v2-slide-number { color: inherit; }

/*PERFIL*/
.dark-mode .perfil-aluno div.tab-content { background-color: #404040 !important; border: 1px solid #666666; }
.dark-mode .info-form { color: #FFFFFF; }
.dark-mode .v2-accordion .panel { background-color: #2C2C2C; }
.dark-mode .v2-accordion .panel-group .panel .panel-heading+.panel-collapse .panel-body { background-color: #404040; }
.dark-mode .task-content h4 { color: #FFFFFF; }
.dark-mode accordion .panel-group .panel .panel-heading+.panel-collapse .panel-body { border-top: 2px solid #212121; padding-bottom: 15px; }

.dark-mode accordion .panel .panel-body { color: #666; }

.dark-mode .conquistas-container .v2-conquistas-bonus { background: #2C2C2C; }



.dark-mode .v2-alert-text { color: #ff4d4d; border: 1px solid #ff4d4d; }

.dark-mode .form-control { color: #ffffff; background-color: #212121; }
.dark-mode input[type="text"], .dark-mode input[type="password"], .dark-mode select, .dark-mode textarea { border: 1px solid #212121;  background-color: #212121; }

.dark-mode .blockquote { border: 1px solid #222222; background: #212121; }
.dark-mode .blockquote:before { background: #222222; }

.dark-mode accordion h5 { color: #FFFFFF; }


.dark-mode .tipoModal-Erro .modal-title { color: #FFFFFF; }
.dark-mode .tipoModal-Erro .modal-header { border-color: #FFFFFF; }
.dark-mode .close { color: #FFFFFF; }


.dark-mode .v2-dashboard-title { border-bottom: 1px solid #666666; }
.dark-mode .v2-conquistas-nivel { border-bottom: 1px solid #666666; }
.dark-mode .bonus-card .inactive { background-color: #000000; }
.dark-mode .bonus-card .inactive p { color: #FFFFFF; }


.dark-mode footer.main-footer { border-bottom: 1px solid #222222; }

.dark-mode .btn-secundario { background-color: transparent; }
.dark-mode .btn-secundario:hover, .dark-mode .btn-secundario:focus, .dark-mode .btn-secundario:active, .dark-mode .btn-secundario.active, .dark-mode .open .dropdown-toggle.btn-secundario { color: #c57ce9 !important; background-color: transparent; border: 2px solid #c57ce9; }


.dark-mode .legenda-desempenho ul li { color: #FFFFFF; }

.dark-mode .table-striped > tbody > tr:nth-child(odd) { background-color: #404040; }


.dark-mode .panel { background-color: #2C2C2C; }
.dark-mode .panel-default > .panel-heading {  color: #FFFFFF; }
.dark-mode .panel .panel-heading { border-bottom: 2px solid #CCCCCC; }


.dark-mode .table.table-bordered { border-color: #000000; }
.dark-mode .table.table-bordered>thead>tr>td, .dark-mode .table.table-bordered>tbody>tr>td, .dark-mode .table.table-bordered>tfood>tr>td, .dark-mode .table.table-bordered>thead>tr>th, .dark-mode .table.table-bordered>tbody>tr>th, .dark-mode .table.table-bordered>tfood>tr>th { border-color: #000000; }




/*======================== MEDIA QUERIES ===============================*/

/*
******************************************************** 
MD - iPad Landscape
********************************************************
*/
@media screen and (max-width: 1180px) {

}




/*
******************************************************** 
SM - iPad Portrait
********************************************************
*/
@media screen and (max-width: 970px) {

}


/*
******************************************************** 
XS - iPhone HD
********************************************************
*/
@media screen and (max-width: 750px) {


}

/*
******************************************************** 
XS - iPhone Normal
********************************************************
*/
@media screen and (max-width: 320px) {

}



/*
******************************************************** 
WINDOWS - 125% ZOOM PREVENT
********************************************************
*/
@media screen and (min-resolution: 120dpi) { 


}