h3.caption {
    font-size: 2.8rem;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin: 0 0 2rem 0;
    color: #1f2937
}

.button-height {
    height: 68px;
}

.button-width {
    width: 320px;
}

.minibutton-width {
    width: 190px;
}

.minibutton-height {
    height: 46px;
}

.button-margin {
    margin: 0 2rem;
}

.text-xss {
    font-size: 0.65rem;
    line-height: 0.95rem;
}

.margin-bottom-buttons {
    margin: 3rem 0
}

.margin-minibottom-buttons {
    margin: 0.3rem 0
}

.margin-bottom {
    margin: 0 0 6rem 0
}

.container-form-game {
    width: 40rem;
}

#modal-url-load {
    background: rgba(102, 102, 102, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#okno {
    width: 20rem;
    height: 10rem;
    text-align: center;
    padding: 15px;
    border: 3px solid #555;
    border-radius: 10px;
    color: #555;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #fff;
}
#modal-url-load:target {
    display: block;
}
.close_url_modal {
    display: inline-block;
    border: 1px solid #0000cc;
    color: #0000cc;
    padding: 0 12px;
    margin: 10px;
    text-decoration: none;
    background: #f2f2f2;
    font-size: 14pt;
    cursor:pointer;
}
.close:hover {
    background: #e6e6ff;
}

.add-image-name {
    width: 23.5rem;
    height: 2.2rem;
}

.add-image-url-store {
    width: 15rem;
    height: 2.15rem;;
}

.select-block button {
    min-width: 160px;
}

.select-block-url button {
    min-width: 120px;
}

.add-image-date {
    width: 10rem;
}

/* .container-edits {
    width: 9rem;
} */

.add-image-edits {
    height: 2.2rem;
}

.container-gameadd-middle {
    width: 100%;
    height: 14rem
}

/* .container-image {
    width: 27rem;
    height: auto;
} */

.container-gameadd-middle .container-image {
    width: 60%;
    height: 100%
}

.container-gameadd-middle .container-image img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.container-gameadd-middle .container-image img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.container-gameadd-middle .container-box {
    width: 35%;
    height: 100%;
    float: right;
}

.urlupload a{
    color: #fff;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.bottom-right {
    position: absolute;                  
    bottom: 0;                          
    right: 0;   
}

.container-input-file .btn-tertiary{color:#555;padding:0;line-height:34px;width:120px;border:2px solid #555}
.container-input-file .btn-tertiary:hover,.container-input-file .btn-tertiary:focus{color:#888;border-color:#888}
.container-input-file .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.container-input-file .input-file + .js-labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer}
.container-input-file .input-file + .js-labelFile .icon:before{content:"\f093"}
.container-input-file .input-file + .js-labelFile.has-file .icon:before{content:"\f00c";color:#5AAC7B}

.container-game-find .btn-tertiary {
    color:#555;
    padding:0;
    line-height:40px;
    width:100%;
    border:2px solid #555;
    font-size: 16px;
}

.container-game-find .btn-tertiary:hover,.container-game-find .btn-tertiary:focus {
    color:#888;
    border-color:#888
}

.container-show-label {
    color:#555;
    background-color: #eee;
    border:2px solid #bbb;
    padding: 4px 8px;
}

.container-show-label-text {
    margin: auto;
    font-weight: 700;
}

.container-show-select {
    width: 12rem;
}

.button-link-container {
    color:#fff;
    margin-left: 1rem;
    display: inline-block;
    place-items: center;
    padding: 0.5rem 1rem;
}

.button-link-container .button-link{
    color:#fff;
}

.button-link-container .button-link:hover,.button-link:focus {
    color:#fff;
    text-decoration: none;
}