::-webkit-scrollbar {
	width: 10px;
	background: transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
::-webkit-scrollbar-thumb {
	background-color: #b9b9b9;
}
body {
	font-family: "Lato", "Helvetica", "Arial", "sans-serif";
	background: #f7f7f7;
}
input.form-control, select.form-control {
    border: 0;
    border-bottom: 1px solid #007bff;
    border-radius: 0;
}
.form-group label {
    font-weight: bold;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.alpha {
	opacity: 0.5;
}
.bg-blue-light {
	background-color: #d3eaff;
}
.border-color-light {
	border: 1px solid rgb(192 228 241);
}
.breadcrumb { padding: 0.35rem 0.5rem; margin: 0; }
button:focus {
    outline: none;
}
.toolbar-box-right {
    position: absolute;
    right: 15px;
}
.toolbar-box-left {
    position: absolute;
    left: 15px;
}
.toolbar {
	background-color: #eeeeee;
	padding: 5px;
}
.toolbar button, .toolbar a{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9rem;
	color:#ffffff;
	background-color: #03a9f4;
}
.toolbar button:hover, .toolbar a:hover {
	color:#ffffff;
	background-color: #00BCD4;
}
.toolbar .spacer {
	width: 1px;
	height: 23px;
	display: block;
	background-color: #cecece;
}
.toolbar-icons {
    background: transparent;
    border:0;
    color:#ffffff;
    font-size: 1rem;
}
.toolbar-icon-badge {
    position: absolute;
    bottom: -3px;
    right: 0;
    background-color: #0288D1;
    font-size: 0.6rem;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}
.painel-left, .painel-right {
	background-color: #dadada;
	overflow-x: hidden;
	overflow-y: auto;
	width: 320px;
	top:0;
	z-index: 201;
}
.painel-left {
	left: -320px;
	-moz-transition: left .2s cubic-bezier(.4,0,.2,1);
	-o-transition: left .2s cubic-bezier(.4,0,.2,1);
	-webkit-transition: left .2s cubic-bezier(.4,0,.2,1);
	transition: left .2s cubic-bezier(.4,0,.2,1);
}
.painel-right {
	right: -321px;
	-moz-transition: right .2s cubic-bezier(.4,0,.2,1);
	-o-transition: right .2s cubic-bezier(.4,0,.2,1);
	-webkit-transition: right .2s cubic-bezier(.4,0,.2,1);
	transition: right .2s cubic-bezier(.4,0,.2,1);
}
.painel-left-open .painel-left {
    left:0px;
}
.painel-right-open .painel-right {
    right:0px;
}
.painel-left .logo-box, .painel-right .painel-head {
	height: 40px;
	background-color: #0288D1;
}
.painel-head button {
	background-color: #f44336;
	margin: 0 6px;
}
.painel-head > span {
	margin: 0 5px;
	color:#ffffff;
}
.painel-left .logo-box {
	position: relative;
    text-align: center;
}
.painel-left .logo-box > a {
	width: 19px;
	display: block;
	overflow: hidden;
	margin:0 auto;
}
.painel-left-open .painel-left .logo-box > a {
	width: auto;
	margin:0;
}
.painel-left .user-info {
	padding: 15px;
	position: relative;
	display:block;
	text-decoration: none;
	background: transparent;
}
.painel-left .user-info .user-image {
	width: 32px;
	height: 32px;
    position: absolute;
    font-size: 1.5rem;
    color: #757575;
}
.painel-left .user-info p {
	text-transform: uppercase;
	color: #757575;
	font-size: 0.8rem;
	line-height:1.6;
	padding-left: 50px;
	margin:0;
}
.painel-left .user-info p+p {
	color:#757575;
	font-size: 0.7rem;
}
.painel-left .main-menu-item-link {
	padding: 5px 8px;
	color: #757575;
	display: block;
	font-size: 0.8rem;
	text-decoration: none;
}
.painel-left .main-menu-item-link:hover {
	background: #FAFAFA;
}
.painel-left .main-menu-item-icon {
	margin: 0 5px 0 0;
}
.painel-left .main-menu-item-icon {
	width: 10px;
	height: 25px;
	color: #757575;
    vertical-align: middle;
    font-size: 1rem;
}
.painel-left .main-menu-item-link > span {
	display: inline-block;
	vertical-align: middle;
}
.content-wrapper {
    width: 100%;
	overflow-y: hidden;
    -moz-transition: padding-left .2s cubic-bezier(.4,0,.2,1);
	-o-transition: padding-left .2s cubic-bezier(.4,0,.2,1);
	-webkit-transition: padding-left .2s cubic-bezier(.4,0,.2,1);
	transition: padding-left .2s cubic-bezier(.4,0,.2,1);
}
.main-content .view {
	padding-top: 0px;
	margin:10px;
	padding-bottom: 53px;
}
.card {
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07), 1px 2px 5px 0 rgba(0,0,0,.06);
	border-radius: 2px;
}
.navigbar {
	height: 40px;
	background-color: #03A9F4;
	top: 0;
	left:0;
	right:0;
	z-index: 99;
	padding-right: 15px;
	padding-left: 15px;
}
.files-list td, .files-list th {
	vertical-align: middle;
}
.files-list .more {
	right: 0;
	position: absolute;
	display: none;
}
.files-list .more button {
	color: #757575;
}
.files-list tbody tr:hover .more {
	display: block;
}
.files-list-icon {
	font-size: 1.5rem;
	margin-right: 10px;
}
.files-list-icon.folder { color:#ffb300; }
.files-list-icon.file { color:#03a9f4; }
.display-file-info { margin-top: 5px; }
.display-file-info li {
	margin-bottom: 5px;
	color:#757575;
	padding: 0 5px;
	font-size: 0.8rem;
}
.display-file-info li span {
	font-weight: 700;
}
.display-file-info-options button {
	background-color: #03A9F4;
	margin-bottom: 3px;
}
.display-file-info-options button span {
	margin-right: 5px;
}
#box-notification {
	position: absolute; 
	bottom:0;
	right:0;
	min-height:200px;
	width:300px;
	display: none;
}
#ticket-summary {
	background-color: #cacaca;
}
.status-title {
	background-color: #dadada;
    padding: 10px;
}
.tab-content {
	padding: 9px;
    background-color: white;
    border: 1px solid #dee2e6;
    border-top: 0;
}
#list-participantes {
	border: 2px solid rgb(42 218 60);
}
.voto-minerva {
	background-color: #a7c3e2;
    border-radius: 4px;
}
.voto-minerva h6 {
	padding: 14px;
    font-weight: bold;
    background-color: #4f5e6f;
    color: white;
}
.cabecalho-alinhamento {
	width: 200px;
    text-align: center;
    background-color: #dadada;
    border-radius: 4px;
}
.config-topic-title {
	border: 1px solid hsl(199deg 100% 74%);
    border-radius: 4px;
    padding: 2px 12px;
	background-color: hsl(199deg 59% 86%);
	font-size: 1.2rem;
}
.config-subtopic-title {
	background-color: hsl(212deg 83% 86%);
    border: 1px solid rgb(65 146 236);
	border-radius: 4px;
    padding: 2px 12px;
    font-size: 1.1rem;
}
.acoes-coluna-comentarios {
	padding: 2px;
    background-color: #25c7bf78;
    border: 1px solid #466a693b;
    border-radius: 4px;
}
.acoes-coluna-evidencias {
	padding: 2px;
    background-color: #c7252533;
    border: 1px solid #466a693b;
    border-radius: 4px;
}
.graph-comments {
	padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background-color: #efefef;
    color: #767676;
}
.table-column-name, .table-row-name {
    background-color: rgb(0 123 255 / 25%);
}
.indicadores-historico-container {
	border: 1px solid #17a2b8;
    border-radius: 4px;
    background-color: rgb(23 162 184 / 6%);
	padding-top: 10px;
}
.ui-state-highlight {
	border: 1px solid #505677;
	background-color: #9ab6cf;
}
.box-resultado {
	border: 1px solid #b1b1b1;
    background: rgb(207 230 255 / 50%);
    border-radius: 4px;
    padding: 2px;
}
.dashboard-segmento-title {
	background-color: #a0cfbd;
    padding: 5px;
    border-radius: 4px;
    font-size: 2rem;
    color: #3c3c3c;
}
.dashboard-indicador-title {
	background-color: #e1e1e1;
    padding: 5px;
    border-radius: 4px;
    font-size: 1.3rem;
    color: #3c3c3c;
}
#dashboard-list svg {
	overflow: hidden;
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 2px 2px 3px 0px #a3a3a3;
}
.relatorio-dashboard {
	background-color: floralwhite;
    border: 1px solid #f5cc00;
    padding: 10px;
}


/* DARK THEME1 */
.dark-theme {
	background-color: #232323;
}
.dark-theme .navigbar {
	background-color: #171717;
}
.dark-theme .logo-box {
	background-color: #171717;
}
.dark-theme .painel-left {
	background-color: #080808;
}
.dark-theme .painel-left .main-menu-item-link:hover {
	background-color: #191919;
}
.dark-theme .breadcrumb {
	background-color: #3a3a3a;
	border-radius: 0;
}
.dark-theme .breadcrumb a {
	color:#ffffff;
}
.dark-theme .table, .dark-theme .table a {
	color:#757575;
}
.dark-theme .table thead th {
	background-color: #000000;
	color:#ffffff;
}
.dark-theme .files-list tbody tr:hover {
	color:#ffffff;
}

@media (min-width: 992px) {
	.painel-left-open .content-wrapper {
		padding-left: 320px;
	}
	.main-content .view {
		padding-top: 0px;
		margin:20px;
	}
	.navigbar .navigbar-curso-block .navigbar-curso-name p {
		font-size: 1.6rem;
		font-weight: 300;
	}
	.navigbar .navigbar-curso-block .navigbar-curso-name {
		padding: 7px 20px 0 5px;
		position: relative;
		z-index: 1;
		max-width: 100%;
		margin-right: 120px;
	}
}
