:root {
    --dark:#5c5c5c;
    --light:#FFF;
    --default: #e9e0db;

    --primary-light:#E9D2C0;
    --secondary-light:#fbfbfb;
    --success-light: #f7fdfc;
    --danger-light: #FEF1F1;
    --warning-light: #FFF8e9;
    --info-light:  #e3f2fd;


    --primary:#d3bead;
    --secondary:#E5E5E5;
    --success: #b6e1ae;
    --danger: #ffc8c3;
    --warning: #f9e285;
    --info: #b4ddf9;

    --primary-tint:#AE9E90;
    --secondary-tint:#C9CBCB;
    --success-tint: #90B48C;
    --danger-tint: #CEA2A1;
    --warning-tint: #D9C777;
    --info-tint: #97B9D2;

    --primary-dark:#AE9E90;
    --secondary-dark:#5D656C;
    --success-dark: #45a197;
    --danger-dark: #e7026e;
    --warning-dark: #c18300;
    --info-dark:  #0a6ebd;
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--secondary)!important;
}

.nav-menu li.active > a {
    background-color: var(--primary-light)!important;
    -webkit-box-shadow: inset 3px 0 0 var(--primary-tint)!important;
    box-shadow: inset 3px 0 0 var(--primary-tint)!important;
}

.nav-menu li.active:not(.open) > a:before {
    color: var(--primary)!important;
}



.bg-default {
    background: var(--primary)!important;
    color: var(--light)!important;
}

.bg-primary {
    color: var(--light)!important;
    background: var(--primary)!important;
}

.bg-secondary {
    color: var(--dark)!important;
    background: var(--secondary)!important;
}

.bg-success {
    color: var(--dark)!important;
    background: var(--success)!important;
}

.bg-danger {
    color: var(--dark)!important;
    background: var(--danger)!important;
}

.bg-warning {
    color: var(--dark)!important;
    background: var(--warning)!important;
}

.bg-info {
    color: var(--dark)!important;
    background: var(--info)!important;
}



.btn-default {
    background: var(--primary)!important;
    color: var(--light)!important;
}

.btn-primary {
    color: var(--light)!important;
    background: var(--primary)!important;
    border-color: var(--primary)!important;
}

.btn-secondary {
    color: var(--dark)!important;
    background: var(--secondary)!important;
    border-color: var(--secondary)!important;
}

.btn-success {
    color: var(--dark)!important;
    background: var(--success)!important;
    border-color: var(--success)!important;
}

.btn-danger {
    color: var(--dark)!important;
    background: var(--danger)!important;
    border-color: var(--danger)!important;
}

.btn-warning {
    color: var(--dark)!important;
    background: var(--warning)!important;
    border-color: var(--warning)!important;
}

.btn-info {
    color: var(--dark)!important;
    background: var(--info)!important;
    border-color: var(--info)!important;
}


.btn-default:hover {
    background: var(--primary)!important;
}

.btn-primary:hover {
    background: var(--primary-tint)!important;
    border-color: var(--primary-tint)!important;
}

.btn-secondary:hover {
    background: var(--secondary)!important;
    border-color: var(--secondary)!important;
}

.btn-success:hover {
    background: var(--success-tint)!important;
    border-color: var(--success-tint)!important;
}

.btn-danger:hover {
    background: var(--danger-tint)!important;
    border-color: var(--danger-tint)!important;
}

.btn-warning:hover {
    background: var(--warning-tint)!important;
    border-color: var(--warning-tint)!important;
}

.btn-info:hover {
    background: var(--info-tint)!important;
    border-color: var(--info-tint)!important;
}










.btn-default.active{
    background: var(--primary)!important;
}

.btn-primary.active{
    background: var(--primary-tint)!important;
    border-color: var(--primary-tint)!important;
}

.btn-secondary.active{
    background: var(--secondary-tint)!important;
    border-color: var(--secondary-tint)!important;
}

.btn-success.active{
    background: var(--success-tint)!important;
    border-color: var(--success-tint)!important;
}

.btn-danger.active{
    background: var(--danger-tint)!important;
    border-color: var(--danger-tint)!important;
}

.btn-warning.active{
    background: var(--warning-tint)!important;
    border-color: var(--warning-tint)!important;
}

.btn-info.active{
    background: var(--info-tint)!important;
    border-color: var(--info-tint)!important;
}




.text-primary {
    color: var(--primary-tint)!important;
}
.text-secondary {
    color: var(--secondary-tint)!important;
}

.text-success {
    color: var(--success-tint)!important;
}

.text-danger {
    color: var(--danger-tint)!important;
}

.text-warning {
    color: var(--warning-tint)!important;
}

.text-info {
    color: var(--info-tint)!important;
}

,.text-primary:hover,a.text-primary:hover {
    color: var(--primary-tint)!important;
}
,.text-secondary:hover,a.text-secondary:hover {
    color: var(--secondary-tint)!important;
}
,.text-success:hover,a.text-success:hover {
    color: var(--success-tint)!important;
}
,.text-danger:hover,a.text-danger:hover {
    color: var(--danger-tint)!important;
}
,.text-warning:hover,a.text-warning:hover {
    color: var(--warning-tint)!important;
}
,.text-info:hover,a.text-info:hover {
    color: var(--info-tint)!important;
}

.alert-primary {
    color: var(--primary-tint);
    background-color: var(--primary-light);
    border-color: var(--primary-tint);
}

.alert-secondary {
    color: var(--secondary-tint);
    background-color: var(--secondary-light);
    border-color: var(--secondary-tint);
}

.alert-danger {
    color: var(--danger-dark);
    background-color: var(--danger-light);
    border-color: var(--danger);
}

.alert-success {
    color: var(--success-dark);
    background-color: var(--success-light);
    border-color: var(--success);
}

.alert-warning {
    color: var(--warning-dark);
    background-color: var(--warning-light);
    border-color: var(--warning);
}

.alert-info {
    color: var(--info-dark);
    background-color: var(--info-light);
    border-color: var(--info);
}



.convidado {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 0.3rem;
  margin: 0.3rem;
}

input.form-control {
    color: var(--dark)!important;
    background-color: var(--secondary-light)!important;
    border: 1px solid var(--secondary)!important;
}

input.form-control:focus {
    border: 1px solid var(--primary-tint)!important;
}


.page-sidebar, .nav-footer, .bg-brand-gradient {
    background: none!important;
    background-color: var(--default)!important;
}

.bg-trans-gradient {
    background: none!important;
}

.nav-function-top .page-header {
    background-color: var(--default)!important;
}

.page-logo  {
    background-color: var(--light)!important;
    background-image: inherit!important;
}

.light .logomarca {
  background-image: url(../img/light.png);
}

.normal .logomarca {
  background-image: url(../img/normal.png);
}

.page-content-wrapper {
    background-color: rgba(233, 224, 219, 0.5)!important;
}

.page-logo {
    background: none!important;
}

.nav-menu li a {
    color: #9c6c61!important;
}


.bg1 {background-color:#F5F5DC!important;}
.bg2 {background-color:#FDF5E6!important;}
.bg3 {background-color:#FFFFF0!important;}
.bg4 {background-color:#FAF0E6!important;}
.bg5 {background-color:#FFF8DC!important;}
.bg6 {background-color:#FAEBD7!important;}
.bg7 {background-color:#FFEBCD!important;}
.bg8 {background-color:#FFE4C4!important;}
.bg9 {background-color:#FFFFE0!important;}
.bg14 {background-color:#FFFACD!important;}
.bg11 {background-color:#FAFAD2!important;}
.bg12 {background-color:#FFEFD5!important;}
.bg13 {background-color:#FFDAB9!important;}
.bg10 {background-color:#FFE4B5!important;}
.bg15 {background-color:#EEE8AA!important;}
.bg16 {background-color:#FFE4E1!important;}
.bg17 {background-color:#FFF0F5!important;}
.bg18 {background-color:#E6E6FA!important;}