/* This file contains all the custom fonts and colors for the dollmaker */


html {
    scrollbar-color: #D8C0FF #A068FF; /* Fancy scrollbar stylings */
}



/* Use custom fonts for stuff that you wanna use it for */


a:link, a:active, a:visited
{color: #eee;
font-size: 10px;
text-align:center;
text-decoration:none;}

a:hover
{color: #847bbd;}

button {
font-family:calibri;
color: #eee;  
font-size:13px;
}

/* Button hover styling */
button:hover {
    background-color: #6d62af;
    color: eee;
    outline: 1px solid white;
    border: 0;
}


#bodyArea,#swatchesArea,.ui-tabs-panel {
    outline: 1px solid #5f5598; /* Switched border with outline, to prevent offset issues on mobile */
    background: #7a6cca;


}

#tabsbar li a {
   border: 1px solid #5f5598;
   border-bottom: 3px solid #5f5598;
   background-color: #6d62af;
   color: #eee;
}

/* Tabs hover styling, only for unselected tabs */
#tabsbar .ui-state-default a:hover {
    border-bottom: 1px solid #5f5598;
    background-color: #6d62af;
}

#tabsbar .ui-state-active a,#tabsbar .ui-state-active a:hover {
    border-bottom: 1px solid #5f5598;
    background-color: #7a6cca;
}