body {
    font-size: 90%;
    background-color: #F5F7FA;
    min-width: 960px;
}

main {
    max-width: 2500px;
}

nav.navbar-dark {
    background-color: #3F729B !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-weight: bold;
}

.unique-color {
    background-color: #3F729B !important;
    color: #FFF !important;
}

.card, .btn, .modal {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: .1rem;
}

.selectpicker_style {
    background-color: white !important;
    color: #2e2e2e !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #1577D8;
}

h5 {
    font-size: 1.3rem;
}

.dropdown-item {
    font-size: .9rem;
}

#periodic_container {
    background: #FFFFFF;
}

#periodic_table {
}

#ccmsg {
    background-color: #faeaea;
    font-weight: bold;
    font-size: 1.1rem;
}

#ccmsg a {
    color: #000000;
    text-decoration: underline;
}

.details {
    display: none;
}

.cell {
    padding: .2rem .1rem;
}

.element {
    width: 100%;
    height: 100%;
    min-width: 23px;
    min-height: 23px;
    background-color: #E1E8ED; /*#E6E7BA; !*#B2CBF5;  !*#9fa8da;*/
    color: #2e2e2e;
    font-family: "Times New Roman", Times, serif;
}

.empty_slot {
    min-height: 20px;
}

.selected {
    background-color: #588c7e; /*#4C75A3;*/
}

.available {
    background-image: url("../images/basismark.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 25%;
}

.number {
    font-size: .5rem;
    font-weight: bold;
}

.symbol {
    font-size: .8rem;
    font-weight: bold;
}

#basis_sets {
    overflow-y: scroll;
}