@charset 'UTF-8';
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-11-10 09:31:07
 * @version $Id$
 */

.prompt-wnd
{
    /*display: block;*/
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    text-align: center;

    background-color: rgba(0, 0, 0, .6);
}

.prompt-wnd .prompt-wnd-inner
{
    display: inline-block;
    overflow-y: auto;

    max-height: 90% !important;
    margin-top: 40px;

    vertical-align: middle;
}

.prompt-wnd .prompt-wnd-obj
{
    max-width: 400px;
    padding: 20px;

    text-align: left;

    background-color: #36221e !important;
}

.prompt-wnd .prompt-wnd-header
{
    font-family: titillium web,sans-serif!important;
    font-weight: bold;

    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 2px 20px;

    color: white;
    background-color: rgba(132,52,38,1);
    text-shadow: 1px 1px 2px #000;
}

.prompt-wnd .prompt-wnd-text
{
    margin-bottom: 20px;
}

.prompt-wnd .prompt-wnd-btns
{
    text-align: right;
}

.prompt-wnd .prompt-wnd-btns button
{
    line-height: 22px;

    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.prompt-wnd .prompt-wnd-btns button img
{
    max-height: 20px;

    vertical-align: middle;
}

.prompt-wnd .prompt-wnd-btns button.red
{
    color: white;
    background-color: #ac3925;
}

.prompt-wnd .prompt-wnd-btns button.blue
{
    color: white;
    background-color: #2573ac;
}
.prompt-wnd .prompt-wnd-btns button.black
{
    color: white;
    background-color: #000;
}
.prompt-wnd .prompt-wnd-btns button.green
{
    color: white;
    background-color: #25ac3d;
}

/* preloader */

.busy,
.busy2
{
    position: relative;
}
.busy::before,
.busy2::before
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: ' ';

    background-color: rgba(27, 0, 0, .7);
}
.busy::before
{
    height: 100%;
}
.busy2::before
{
    height: 65px;
}
.busy-spinner::after
{
    position: absolute;
    z-index: 6;
    top: calc(50% - 20px);
    left: calc(50% - 20px);

    display: block;

    width: 40px;
    height: 40px;

    content: url(/mtg/pict/ico/spinnerok.svg);

    color: #fff;;
}
.busy-spinner-big
{
    min-height: 80px;
}
.busy-spinner-big::after
{
    position: absolute;
    z-index: 6;
    top: calc(50% - 30px);
    left: calc(50% - 30px);

    display: block;

    width: 60px;
    height: 60px;

    content: url(/mtg/pict/ico/spinnerok.svg);

    color: #fff;;
}

.dc_notif
{
    font-family: titillium web,sans-serif!important;
    font-size: .75em;
    font-weight: 700;
    line-height: 16px;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-left: 5px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;

    color: rgba(132,52,38,.9);
    border-radius: 50%;
    background-color: #fff;
}





/* TABS */

.tabs .tabs-buttons .tabs-button
{
    font-family: titillium web,sans-serif;
    font-weight: 700;

    display: inline-block;

    margin-right: 2px;
    padding: 5px 15px;

    cursor: pointer;
    -webkit-transition: all .5s linear;
       -moz-transition: all .5s linear;
         -o-transition: all .5s linear;
            transition: all .5s linear;

    color: white;
    color: #9f9f9f;
    border: none;
    border-radius: 4px;
}
.tabs .tabs-buttons .tabs-button.active
{
    color: #fff;
    background-color: #843426;
}
.tabs .tabs-buttons
{
    text-align: center;
}
.tabs .tabs-buttons .tabs-button:not(.active):hover
{
    color: #9f9f9f;
    background-color: rgba(183,171,169,.35);
}
.tabs .tabs-content .tabs-tab
{
    display: none;
}
.tabs .tabs-content .tabs-tab.active
{
    display: block;
}

.mobapppromo
{
    display: none;
}

#closeoverlay
{
    cursor: pointer;
    text-decoration: underline;
}

#closeoverlay:hover
{
    filter: brightness(1.3);
}

.dc_containerall
{
    z-index: 10000;

    color: #9f9f9f;
    border: 1px solid #83524a!important;
    background-color: #4e312b!important;
}

.dc_container
{
    z-index: 10000!important;

    color: #767676;
    border: 1px solid #83524a!important;
    background-color: #4e312b!important;
}

.select2-container--default .select2-results__option[aria-selected=true]
{
    background-color: rgba(132,52,38,.9)!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
    color: white;
    background-color: #a7695d!important;
}

.dc_flavor
{
    width: 300px;

    color: #c2c2c2;
    border-radius: 5px;
    background-color: rgba(27, 0, 0, 0.75);
    padding: 10px;
    margin-top: 2px;
    font-family: titillium web,sans-serif!important;
}

div[class^="banner_banner--"]{
    background-color: #1b0000 !important;
    padding: 10px 0 20px !important;
}

div[class^="banner_title--"]{
    color: #fff!important;
}

button[class^="banner_save--"]{
    background-color: #36221e!important;
}

div[class^="banner_enter--"]{
    margin-bottom: 0!important;
}





@media only screen and (max-width: 450px)
{
    .mobapppromo
    {
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;
        padding: 50px 10px;

        text-align: center;

        color: #9f9f9f;
        background-color: rgba(0, 0, 0, .75);
    }
}