﻿
:root {
    --brown-r: 57;
    --brown-g: 187;
    --brown-b: 176;
	/*--brown-r: 255;
    --brown-g: 255;
    --brown-b: 255;*/
    --brown: rgba(var(--brown-r), var(--brown-g), var(--brown-b), 1);
    --brown-transparente: rgba(var(--brown-r), var(--brown-g), var(--brown-b), 0.1);
	--topoffset: 0px;
}


[data-ma-theme="brown"] .header {
    background-color: var(--brown);
	margin-top: var(--topoffset);
}

[data-ma-theme="brown"] .nav-tabs > li > a {
    text-decoration: none;
    color: var(--brown);
    font-weight: bold;
}

[data-ma-theme="brown"] .nav-tabs > li > a.active {
    text-decoration: none;
    color: #fff;
    background: var(--brown);
    font-weight: bold;
    opacity: .9; 
}
[data-ma-theme="brown"] .btn-theme {
    color: var(--brown);
    background-color: var(--brown);
    border-color: var(--brown);
}
[data-ma-theme="brown"] .badge-theme {
    color: var(--brown);
}
[data-ma-theme="brown"] .bg-theme {
    background-color: var(--brown);
}
[data-ma-theme="indigo"] .btn-outline-theme {
    color: var(--brown);
    background-color: #fff;
    border-color: var(--brown);
}
[data-ma-theme="indigo"] .btn-outline-theme:hover {
    color: #fff;
    background-color: var(--brown);
    border-color: #fff;
}
[data-ma-theme="brown"] .select2-container--default .selection:after, [data-ma-theme="brown"] .select2-container--default .selection:before {
    color: var(--brown);
    background-color: var(--brown);
    border-color: var(--brown);
}
[data-ma-theme="brown"] .form-group__bar:after, [data-ma-theme="brown"] .form-group__bar:before {
    background-color: var(--brown);
}

[data-ma-theme="brown"] .bootstrap-dialog.type-primary .modal-header {
    background-color: var(--brown);
}

[data-ma-theme="brown"] .datepicker table tr td.active.active, [data-ma-theme="brown"] .datepicker table tr td.active.highlighted.active, [data-ma-theme="brown"] .datepicker table tr td.active.highlighted:active, [data-ma-theme="brown"] .datepicker table tr td.active:active {
    color: #fff;
    background-color: var(--brown);
    border-color: #204d74;
}

[data-ma-theme="brown"] .datepicker table tr td span.active.active, [data-ma-theme="brown"] .datepicker table tr td span.active.disabled.active, [data-ma-theme="brown"] .datepicker table tr td span.active.disabled:active, [data-ma-theme="brown"] .datepicker table tr td span.active.disabled:hover.active, [data-ma-theme="brown"] .datepicker table tr td span.active.disabled:hover:active, [data-ma-theme="brown"] .datepicker table tr td span.active:active, [data-ma-theme="brown"] .datepicker table tr td span.active:hover.active, [data-ma-theme="brown"] .datepicker table tr td span.active:hover:active {
    color: #fff;
    background-color: var(--brown);
    border-color: #204d74;
}
[data-ma-theme=brown] .header, [data-ma-theme=brown] .login__block__btn, [data-ma-theme=brown] .login__block__header, [data-ma-theme=brown] .top-menu {
    background-color: var(--brown);
}
[data-ma-theme="brown"] .btn.btn-primary.btn-theme, 
[data-ma-theme="brown"] .btn.btn-secondary.limpar,
[data-ma-theme="brown"] .btn.btn-primary.btn-sm,
[data-ma-theme="brown"] .btn.btn-primary.btn-block
{
    background-color: var(--brown);
    border-color:var(--brown);
}

[data-ma-theme="brown"] .inner-icon-color{
    color: var(--brown);
}

/* FUNÇÃO TOUR */
[data-ma-theme="brown"] .btn-tour:hover{
    opacity : 1;
    background-color: var(--brown);
    color: white;
    border-color: var(--brown);
}

[data-ma-theme="brown"] .btn-tour {
    opacity : 0.6;
    background-color: var(--brown);
    color: #FFFFFF;
    border-color: var(--brown);
}

[data-ma-theme="brown"] .enjoyhint_close_btn {
    display: inline-block;
    position: absolute;
    z-index: 1012;
    pointer-events: all;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: .3em;
    height: .3em;
    border: none;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    font: 400 8em/normal Arial,Helvetica,sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(0,0,0,0);
    /* border: 2px solid rgba(57,187,176,1); */
    border: 2px solid var(--brown);
}
[data-ma-theme="brown"] .enjoyhint_close_btn:hover{
    color: rgba(255,255,255,1);
    /* background: rgb(57,187,176); */
    background: var(--brown);
    cursor: pointer;
}

[data-ma-theme="brown"] #conteudo {
	margin-top: var(--topoffset);
}


[data-ma-theme="brown"] .datepicker-dropdown {
	margin-top: var(--topoffset);
}

