@charset "UTF-8";

.Main-Content-Loading {
    opacity: 0;
    -webkit-animation: fadeout 0.5s ease-in;
    animation: fadeout 0.5s ease-in;
}

.Add-Dialog {
    padding: 0 0.5em;
    bottom: 2.25em;
    right: 0.3em;
    position: absolute;
    width: 14em;
    height: 5em;
    text-align: center;
    line-height: 2.5em;
    background-color: #FFF;
    border: 0.2em solid #2a88fc;
    border-radius: 22px;
    -webkit-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
}

.Add-Dialog.Hide-Add-Dialog {
    margin-bottom: -10em;
    opacity: 0.25;
}

#part-search-submit-top {
    background-image: url(/img/search.png);
    background-color: #000;
    border: solid 0 #000;
    height: 2em;
    width: 2em;
}

#main-content {
    background: #FFF;
    margin: 0 auto;
    max-width: 70em;
    will-change: transition;
}

#search-results > h3 {
    border-bottom: solid;
    border-width: 0.125em;
    border-color: #000000;
    padding-bottom: 0.1875em;
}

.Part {
    word-wrap: break-word;
    position: relative;
    margin: 0.375em;
    display: inline-block;
    width: 16em;
    text-align: center;
    background-color: #DDD;
    vertical-align: top;
    overflow: hidden;
}

.Add-Dialog {
    padding: 0 0.5em;
    bottom: 2.25em;
    right: 0.5em;
    position: absolute;
    width: 10em;
    height: 5em;
    text-align: center;
    line-height: 2.5em;
    background-color: #FFF;
    border-radius: 32px;
    -webkit-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
}

.Add-Dialog::after,
.Add-Dialog::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
}

.Add-Dialog::before {
    top: 5em;
    right: 2.25em;
}

.Add-Dialog::after {
    right: 2.4375em;
    bottom: -1em;
    border: 0.5em solid;
    border-color: #FFF #FFF transparent transparent;
}

.Add-Dialog.Hide-Add-Dialog {
    margin-bottom: -10em;
    opacity: 0.25;
}

.Add-Dialog.Show-Add-Dialog {
    margin-bottom: 1.25em;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -webkit-transition-property: margin-bottom, opacity;
    transition-property: margin-bottom, opacity;
    -webkit-transition-delay: 0s, 0.25s;
    transition-delay: 0s, 0.25s;
}

.Part form {
    margin: 0.25em 0;
}

.Part-Summary-Row {
    color: black;
    margin-bottom: 0.75em;
}

.Price {
    background: #F8F8F8;
    color: #222;
    padding: 0.125em;
}

.Description {
    height: 7.5em;
    overflow: auto;
    padding: 0.25em;
    color: black;
    margin-bottom: 0.75em;
}

.Center {
    text-align: center;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}