/* Style for the dark theme */

/* ############################### BUTTONS ################################# */
#headerButtonsMac svg {
    fill: gray;
}

.confirmButton {
    background-color: #013168;
    color: white;
}

.confirmButton:disabled {
    background-color: #16223f;
}

.cancelButton {
    /*background-color: #424042;*/
    background-color: #4e4e53;
    color: #d7d5d2;
}

.cancelButton:hover {
    background-color: #75757a;
}

.dropButton {
    color: white;
}

.dropButton:hover {
    /*background-color: #424042;*/
    background-color: #4f4e53;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*
.dropdown:hover .dropButton {
    background-color: #424042;
}
*/

.dropdownContent {
    /*background-color: #424042;*/
    background-color: #4f4e53;
}

.dropdownContent p {
    color: white;
}

/* Change color of dropdown links on hover */
.dropdownContent p:hover {
    background-color: #75757a;
}

.downIcon path {
    fill: white;
}

/* Circle around the close button in Linux */
#circleLin {
    fill: #3e3d3d;
}

#closeButtonLin svg:hover #circleLin {
    fill: #535153;
}

/* Cross inside the close button in Linux */
#crossLin {
    fill: white;
}
/* ########################################################################## */

/* ############################### WINDOWS ################################# */
.ui h1 {
    color: white;
}

p {
    /* color: #d7d5d2; */
    color: white;
}

.ui {
    background-color: #232426;
}

#uiHeaderMac {
    background-color: #2c2e31;
}

#uiHeaderLin {
    background-color: #222222;
}

#uiHeaderMac, #uiHeaderLin {
    border-bottom: 1px solid black;
}

#uiTitileMac {
    color: #6d6f72;
}

#uiTitileLin {
    color: white;
}

.websiteInfo p {
    /* color: #d7d5d2; */
    color: white;
}

.idCard {
    border: 1px solid #424042;
}

.pinInput {
    color: white;
    background-color: #424042;
    border: 2px solid #067cc9;
}
/* ########################################################################## */