/*****************************************
 General
*******************************************/
:root {
    --color-base: #008482;
    --color-secondary: #b21d7b;
    --color-gray: #4c5b60;
    --color-darkgray: #3c4b64;
    --color-darkergray: #303c54;
}
a {
    color: var(--color-base);
}
a:hover {
    color: var(--color-secondary);
}
img.responsive {
    height: auto; max-width: 100%;
}

.minithumb { width: 40px; height: 40px; overflow: hidden; display: inline-block; vertical-align: middle; }
.minithumb img { max-width: 100%; }


/****************************************
  Buttons
****************************************/
.btn-primary { background-color: var(--color-base); border: 1px solid var(--color-base); }  
.btn-primary:hover { background-color: var(--color-secondary); border: 1px solid var(--color-secondary) }  

/*****************************************
 Sidebar
*******************************************/
.main-sidebar.sidebar-dark-primary { background-color: var(--color-darkgray); }
.sidebar-dark-primary .brand-link { background-color: var(--color-darkergray); }
.sidebar-dark-primary .brand-img { width: 120px; max-width: 100%; }
.nav-sidebar .nav-item i.fas { margin-right: 15px; }