:root {
    --primary-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1); /* cor primaria mesmo*/
    --primary-color2: hsla(var(--primary-hue2), var(--primary-saturation2), var(--primary-lightness2), 1); /* cor primaria com um pouco menos de saturacao*/
    --primary-color3: hsla(var(--primary-hue3), var(--primary-saturation3), 95%, 1); /* cor primaria com brilho estourado pra ficar bem clarinho */
    --primary-color4: hsla(var(--primary-hue), var(--primary-saturation4), 27%, 1); /* cor primaria com menos brilho*/
    --primary-color5: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.90); /* cor primaria com opacidade 0.93*/

    --secondary-color: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1); /* cor secundaria mesmo*/
    --secondary-color2: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness2), 1); /* cor secundaria com um pouco mais de brilho*/
    --secondary-color3: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness2), 0.4); /* cor secundaria com um pouco mais de brilho e opacidade 0.4*/
}

::-webkit-scrollbar {
    width: 11px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color4);
    border-radius: 0; /*background-color:rgb(196, 196, 196)*/
}

::-webkit-scrollbar-thumb:hover {
    /*background-color: var(--primary-color);*/
}

::-webkit-scrollbar-track {
    background-color: #ccc;
}

-moz-scrollbar {
    -moz-scrollbar-width: 0.15in;
    -moz-scrollbar-border: 1px solid black;
    -moz-scrollbar-background-color: white ;
    -moz-scrollbar-track-background-color: silver;
    -moz-scrollbar-arrow-background-color: silver;
    -moz-scrollbar-arrow-color: blue;
}

.table-striped > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(odd), .chat--search .chat--search--panel .chat--search--panel-body ul li:hover,
.messenger .messenger--profile-data, .messenger .messenger--friend-box .box--header, .messenger .messenger--users-list ul li:hover{
    background-color: var(--primary-color3);
}

.table > tbody > tr.impar {
    background-color: var(--primary-color3);
}

.modal-header h4 {
    background: var(--primary-color);
}

.modal-header .arrow-down {
    border-top: 10px solid var(--primary-color);
}

.readOnly {
    background-color: var(--primary-color3);
}

body.bodyLogin {
    background-color: var(--primary-color);
    /*background-image:url(../Imagens/_Login/bg-stelar.jpg);*/
}

.envolveLogin .creditos, .envolveLogin .creditos a {
    color:#FFF;
}

.login {
    background-color: var(--primary-color3);
}

.login h5 .material-icons{
    color:var(--primary-color);
}

.login h5 span{
    color:var(--primary-color);
}

#loginForm p {
    color: #FFF;
}

.login label {
    color: var(--primary-color);
}

#loginForm .btn {
    color: #FFF;
    background-color:var(--secondary-color);
}

#loginForm .lembrar label {
    color: #333;
}

#loginForm .form-control {
    border-bottom-color:var(--primary-color);
}

.form-control, .form-group .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(transparent, transparent);
    background-image: -o-linear-gradient(transparent, transparent), -o-linear-gradient(transparent, transparent);
    background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent);
    border-bottom:1px solid #CCC;
}

.form-group.is-focused .form-control{
    border-bottom-color:transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color)), to(var(--primary-color))), -webkit-gradient(linear, left top, left bottom, from(var(--primary-color)), to(var(--primary-color)));
    background-image: -webkit-linear-gradient(var(--primary-color), var(--primary-color)), -webkit-linear-gradient(var(--primary-color), var(--primary-color));
    background-image: -o-linear-gradient(var(--primary-color), var(--primary-color)), -o-linear-gradient(var(--primary-color), var(--primary-color));
    background-image: linear-gradient(var(--primary-color), var(--primary-color)), linear-gradient(var(--primary-color), var(--primary-color));
}

.form-group.is-empty .form-control.error{
    border-bottom-color:transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a94442), to(#a94442)), -webkit-gradient(linear, left top, left bottom, from(#a94442), to(#a94442));
    background-image: -webkit-linear-gradient(#a94442, #a94442), -webkit-linear-gradient(#a94442, #a94442);
    background-image: -o-linear-gradient(#a94442, #a94442), -o-linear-gradient(#a94442, #a94442);
    background-image: linear-gradient(#a94442, #a94442), linear-gradient(#a94442, #a94442);
}

.PainelLaranja {
    background:var(--primary-color2);
}

.PainelLaranja .fechaAltura {
    background: var(--primary-color);
}

.navbar-collapse {
    background-color: var(--primary-color2);
}

.PainelLaranja .suporteUser .nav-tabs li {
    background-color: var(--primary-color);
}

.PainelLaranja .suporteUser .nav-tabs li.active {
    background: var(--primary-color2);
}

.PainelLaranja .navbar-nav li ul {
    background: var(--primary-color3);
}

.PainelLaranja.reduzido .navbar-nav li ul {
    background: var(--primary-color2);
}

.PainelLaranja .navbar-nav li ul li a {
    color: #333;
}

header {
    background-color: var(--primary-color3);
}

header .subItensMenu ul.menu-itens li a.opcaoOpcoes:hover {
    background: var(--primary-color3);
}

header #escondeMenus:hover {
    color: #FFF;
    background: var(--primary-color);
}

.favoritoLinha a.opcaoOpcoes:hover {
    background: var(--primary-color2);
}

.MenuRight {
    background:var(--primary-color);
}

.MenuRight a.menu-right--item:hover{
    background:#FFF;
}

.MenuRight .menu-right--item:hover i.material-icons{
    color:var(--primary-color);
}

.fecharOpcoes .material-icons {
    color:var(--primary-color);
}

.conteudoFavoritos h2 {
    color: var(--primary-color);
}

.menuOpcoes .opcaoOpcoes .material-icons {
    color: var(--primary-color2);
}

.compromisso_desktop .mbsc-legale .mbsc-fr-w {
    color: #333 !important;
}

.compromisso_desktop .mbsc-legale .mbsc-cal-txt-more {
    color:#333;
}
/* AGENDA */
.fc-body td {
    border-color: #ccc !important;
    background: #ececf8;
}

.fc-day.fc-other-month {
    background:#e0e0ec;
}

/* FIM AGENDA */


.suportecard h4 {
    background: var(--primary-color2);
}

.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: var(--primary-color2);
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: var(--primary-color2);
}

.bootstrap-datetimepicker-widget table td span.active {
	background-color: var(--primary-color2);
}

.dropdown-menu li a.compromisso__rapido-dropItem:hover {
    text-decoration: none;
    background: var(--primary-color3);
    color: #333;
}

@media (max-width: 767px) {
    .PainelLaranja .navbar-nav {
        background: var(--primary-color);
    }
}