/*============================================================================================================*/
/*============================================================================================================*/
/*Model CSS*/

*,
*::before,
*::after {
    box-sizing: border-box; // 1
}

html, body {
    height: 100%;
}

.model-container {
    font-family: sans-serif;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
    margin: 25px;
}

.model-content {
    background-color: #f1f1f1;
    width: 100%;
    height: auto;
    border-radius: .25rem;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 10px;
    height: auto;
    font-size: 1.25rem;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

button.close {
    /* padding: 0; */
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close:hover {
    color: #4c4c4c;
    opacity: 100%;
}

.modal-title {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.25rem;
}

.resetclass {
}

.modal-body {
}

.container .row {
    margin-bottom: 8px;
}

.article-icon {
    display: inline;
}

.col-:nth-child(1) {
    min-width: 25px;
}

.col-:nth-child(2) {
    min-width: 110px;
}

.article-name {
    display: inline;
}

.article-name .name {
    width: 100px;
}

.article-button {
    display: inline;
}

.article-button button {
    margin-left: 10px;
}

.name {
    display: inline;
}

/*================================= Items ===========================================*/

.items {
    padding-bottom: 5px;
    padding-right: 2px;
}

/*Colors store items*/
.item-color-che {
    color: gold;
}

.item-color-dor {
    color: royalblue;
}

.item-color-ham {
    color: brown;
}

.item-color-mtn {
    color: chartreuse;
}

.item-color-fis {
    color: silver;
}

.item-color-btr {
    color: darkorange;
}

/*Colors drug items*/

.item-color-weed {
    color: #3e8e41;
}

.item-color-ccn {
    color: lightblue;
}

.item-color-xtc {
    color: darkorchid;
}

.item-color-lgngas {
    color: #999999;
}

.item-color-mshrms {
    color: saddlebrown;
}

.item-color-crystlmth {
    color: #999999;
}

.item-color-hrn {
    color: darkgoldenrod;
}