/*ползунки*/
.irs-bar,
.irs-bar-edge {
    background: #007ac1;
}
.irs-from, .irs-to, .irs-single {
    background: #007ac1;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    border-top-color: #007ac1;
}
/*ползунки*/

/*фильтры*/
.fc_dsfil_box{
    margin: 0 5px;
    border-bottom: 1px solid #e0e0e0;
}
.fc_dsfil_box .fc_dsfil_hdr{
    font-size: 120%;
    position: relative;
    font-weight: bold;
    padding: 7px 15px 7px 7px;
    cursor: pointer;
}
.fc_dsfil_box .fc_dsfil_body{
    margin: 6px 12px 12px 12px;
    display: none;
}
.fc_dsfil_box.opened .fc_dsfil_body{
    display: block;
}

.fc_dsfil_box .fc_dsfil_slider{
}
.fc_dsfil_box .fc_dsfil_cbox{
    display: flex;
    flex-flow: column;
}
.fc_dsfil_box label{
    font-weight: normal;
}

.fc_dsfil_box .fc_dsfil_hdr::after {
    position: absolute;
    content:'▾';
    top: 5px;
    right: 0;
    color: #b9b9b9;
    padding: 0;
    margin: 0;
    transition:transform .2s;
}
.fc_dsfil_box .fc_dsfil_hdr:hover {
    /*background-color: #f7f7f7;*/
}
.fc_dsfil_box .fc_dsfil_hdr:hover::after {
    /*background-color: #f2f4f9;*/
    color: #000000;
}
.fc_dsfil_box.opened .fc_dsfil_hdr::after{
    transform: rotate(180deg);
}

/*.fc_dsfil_flag{*/
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 15px;*/
    /*box-shadow: 0 0 1px 0 #888;*/
    /*___background-image: url(/templates/fox/img/flags.png);*/
    /*background-image: url(/templates/fox/img/flags@2x.png);*/
    /*background-repeat: no-repeat;*/
    /*background-color: #dbdbdb;*/
    /*background-position: 20px 0;*/
    /*vertical-align: baseline;*/
    /*margin-bottom: -1px;*/
/*}*/
/*.fc_dsfil_flag.fcflg_MD{*/
    /*height: 10px;*/
    /*background-position: -3160px 0;*/
/*}*/
/*.fc_dsfil_flag.fcflg_RU{*/
    /*height: 14px;*/
    /*background-position: -4295px 0;*/
/*}*/
/*.fc_dsfil_flag.fcflg_US{*/
    /*height: 11px;*/
    /*background-position: -5241px 0;*/
/*}*/

/*.fc_dsfil_flag.fcflg_NL{*/
    /*height: 14px;*/
    /*background-position: -3752px 0;*/
/*}*/

.fc_dsfil_cbox label .cnt_flags{
    /*margin-bottom: 2px;*/
    vertical-align: baseline;
    margin-bottom: -1px;

}
/*фильтры*/


/*адаптивная левая+правая часть*/
.fcdst {}

.fcdst .fc_filter_button{}
.fcdst #fc_dsfil_apply {}

.fcdst .fc_dsconf_box{
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
}
.fcdst .fc_dsconf_left{
}

.fcdst .fc_dsconf_filter {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow: auto;
    width: 100%;
    max-height: 100%;
    padding: 10px 0 50px 0;
    border-radius: 9px;
    box-shadow: 0 4px 16px rgba(0,51,153,.04),0 2px 2px rgba(0,51,153,.08);
    background-color: #fff;
    opacity: 1;
    transition: bottom .5s,opacity .2s;
    scrollbar-width: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}

.fcdst .fc_dsconf_collapsed{
    bottom: -100vh;
    opacity: 0;
    transition: bottom .4s,opacity .2s;
}

.fcdst .fc_dsconf_right{
    width: 100%;
    max-width: 996px;
}


@media (min-width: 1200px){
    .fcdst .fc_filter_button {
        display: none;
    }
    .fcdst #fc_dsfil_apply {
        display: none;
    }

    .fcdst .fc_dsconf_left{
        flex-shrink: 0;
        width: 288px;
        /*border: 1px solid blue;*/
    }

    .fcdst .fc_dsconf_right{
        margin-left: 24px;
    }

    .fcdst .fc_dsconf_collapsed {
        padding: 8px 0 0;
        left: auto;
        bottom: 0;
        opacity: 1;
        z-index: 1;
        max-width: 296px;
        max-width: unset;
        border-radius: 9px;
    }


    .fcdst .fc_dsconf_filter {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        max-height: 100%;
        max-height: unset;
        padding: 1px 0 8px 0;
        overflow: visible;
        z-index: 1;
        box-shadow: none;
        background-color: transparent;

    }
}
/*адаптивная левая+правая часть*/


/*конфигураций сортировка период*/
.fc_dsconf_top_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767.9px){
    .fc_dsconf_top_box{
        display: flex;
        flex-flow: column;
        align-items: normal;
        justify-content: normal;
    }
    .fc_dsconf_top_box > div{
        margin: 5px;
    }
}
/*конфигураций сортировка период*/

/*grid для описания сервера*/
.fc_dsi_box {
    display: grid;
    grid-template-areas:
            "header header header"
            "cpu accessories price"
            "location control button";
    grid-template-rows: repeat(3,auto);
    grid-auto-columns: 9fr 12fr 6fr;
    grid-row-gap: 13px;
    grid-column-gap: 13px;
    padding: 18px 5px;
    border-bottom: 1px solid #e0e0e0;
}
.fc_dsi_box .fc_dsi_hdr {
    grid-area: header;
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    align-items: center;
}

.fc_dsi_box .fc_dsi_title {
    margin-right: 16px;
    font-size: 120%;
    font-weight: bold;
}
.fc_dsi_box .fc_dsi_tags {
    grid-area: tags;
    display: contents;
    flex-wrap: wrap;
    row-gap: 8px;
    align-items: center;
}

.fc_dsi_box .fc_dsi_tags .fc_dsi_tg {
    display: inline-flex;
    padding: 2px 12px;
    vertical-align: middle;
    color: #092433;
    background-color: #ebeff1;
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
    line-height: 16px;

}
.fc_dsi_box .fc_dsi_tags .fc_dsi_tg:not(:last-child) {
    margin-right: 8px;
}
.fc_dsi_box .fc_dsi_tags .fc_dsi_tg.fc_dsi_tg_red {
    color: #fff;
    background-color: #fb4345;
}

.fc_dsi_box .fc_dsi_cpu {
    grid-area: cpu;
    display: flex;
    flex-direction: column;
}
.fc_dsi_box .fc_dsi_accs {
    grid-area: accessories;
    display: flex;
    gap: 2em;
    /*background: #7b4f9d;*/
}
.fc_dsi_box .fc_dsi_ram{
    display: flex;
    flex-direction: column;
    /*flex-grow: 5;*/
    flex: 3;
}

.fc_dsi_box .fc_dsi_disk{
    display: flex;
    flex-direction: column;
    flex: 3;
}

.fc_dsi_box .fc_dsi_price {
    grid-area: price;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 120%;
    margin-top: -2px;
}
.fc_dsi_box .fc_dsi_loc {
    grid-area: location;
    align-self: center;
}
.fc_dsi_box .fc_dsi_control {
    grid-area: control;
    display: flex;
    gap: 2em;
    align-self: center;
}
.fc_dsi_box .fc_dsi_btn {
    grid-area: button;
    display: flex;
    justify-content: flex-end;
    align-self: center;
}

.fc_dsi_box .fc_dsi_loc span {
    display: flex;
    align-items: center;
}
.fc_dsi_box .fc_dsi_control span {
    display: flex;
    flex: 1;
}

@media (max-width: 992.9px){
    .fc_dsi_box {
        grid-auto-columns: 231px 1fr minmax(19%,max-content);
        padding: 18px 1px;
    }
    .fc_dsi_box .fc_dsi_price{
        font-size: 100%;
    }
}

@media (max-width: 768.9px){
    .fc_dsi_box {
        grid-template-areas:
                "header header"
                "cpu accessories"
                "location control"
                "price button";
        grid-auto-columns: 1fr 1fr;
    }
    .fc_dsi_box .fc_dsi_price{
        font-size: 110%;
        margin-right: 10px;
        justify-content: center;
    }
    .fc_dsi_box .fc_dsi_btn{
        margin-left: 10px;
        justify-content: flex-start;
    }
}

@media (max-width: 550.9px){
    .fc_dsi_box {
        grid-template-areas:
                "header header"
                "cpu cpu"
                "accessories accessories"
                "control control"
                "location location"
                "price button";
        grid-auto-columns: 11fr 10fr;
        grid-row-gap: 9px;
        grid-column-gap: 9px;
    }
}
/*grid для описания сервера*/