@font-face
{
    font-family: "FFMetaPro";
    font-weight: 300;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/FFMetaPro-Light.woff") format("woff"),
    url("../fonts/FFMetaPro-Light.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 300;
    font-style: italic;

    font-display: swap;
    src: url("../fonts/FFMetaPro-LightItalic.woff") format("woff"),
    url("../fonts/FFMetaPro-LightItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedNormal.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedNormal.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 400;
    font-style: italic;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedNormalItalic.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedNormalItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedMedium.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedMedium.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 500;
    font-style: italic;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedMediumItalic.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedMediumItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 900;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedBook.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedBook.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 800;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedExtrabold.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedExtrabold.ttf") format("truetype");
}

@font-face
{
    font-family: "FFMetaPro";
    font-weight: 800;
    font-style: italic;

    font-display: swap;
    src: url("../fonts/FFMetaPro-CondensedExtraboldItalic.woff") format("woff"),
    url("../fonts/FFMetaPro-CondensedExtraboldItalic.ttf.ttf") format("truetype");
}


*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

img
{
    border: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active
{
    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]
{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

:focus
{
    outline: none;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


::-ms-clear
{
    display: none;
}



/*---------------
    Main styles
---------------*/
html
{
    height: 100%;

    background: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}


body
{
    color: #9A97A0;
    font: 14px "FFMetaPro";

    height: 100%;

    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    text-decoration-skip: objects;
    text-rendering: optimizeLegibility;
    -webkit-touch-callout: none;
}

b
{
    font-weight: 800;
}

.main
{
    overflow: hidden;

    min-height: 100%;
}


::-webkit-input-placeholder
{
    color: rgba(242,242,242,.5);
}

:-moz-placeholder
{
    color: rgba(242,242,242,.5);
}

:-ms-input-placeholder
{
    color: rgba(242,242,242,.5);
}


.modal_cont
{
    position: relative;
}

.mini_modal
{
    position: absolute;
    z-index: 999;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;

    opacity: 0;

    transition: .2s linear;
}

.mini_modal.active
{
    top: 100%;

    visibility: visible;

    opacity: 1;
}


.scroll_el
{
    overflow: hidden;
    overflow-y: auto;

    height: calc(100% - 55px);
}

.scroll_el::-webkit-scrollbar
{
    width: 6px;
    height: 4px;

    border-radius: 0;
    background-color: transparent;

    -webkit-appearance: none;
}

.scroll_el::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: #0D0C11;
}


.flex
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}


.main__title
{
    color: #001424;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
}




.check_small input[type=checkbox]
{
    display: none;
}

.check_small
{
    display: block;

    width: 17px;
    height: 17px;
}

.check_small .label_check
{
    display: block;
}

.check_small .label_check input[type=checkbox] + .check_text
{
    position: relative;

    display: block;

    width: 17px;
    height: 17px;

    cursor: pointer;
}

.check_small .label_check input[type=checkbox] + .check_text:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 17px;
    height: 17px;

    border: 2px solid #A4A2A9;
    border-radius: 2px;

    transition: .2s linear;
    transition: .2s linear;
}

.check_small .label_check input[type=checkbox]:checked + .check_text:before
{
    border-color: #9A97A0;
    background: #9A97A0;
}

.check_small .label_check input[type=checkbox] + .check_text:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 17px;
    height: 17px;

    opacity: 0;
    background: url(../images/ic_check.svg) 50% no-repeat;

    transition: .2s linear;
}

.check_small .label_check input[type=checkbox]:checked + .check_text:after
{
    opacity: 1;
}

/*---------------
   Header
---------------*/
header
{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    padding: 13px 20px;

    background: #292530;
}

header .user .logo
{
    color: #FFF;
    font-size: 16px;
    font-weight: 900;
    line-height: 35px;

    overflow: hidden;

    width: 35px;
    height: 35px;

    text-align: center;
    text-transform: uppercase;

    border-radius: 50%;
    background: #45414F;
}

header .user .box
{
    width: calc(100% - 43px);
    margin-left: 8px;
}

header .user .name
{
    color: #FFF;
    font-family: "Fira Sans";
    font-size: 15px;

    text-transform: uppercase;
}

header .user .link
{
    line-height: 16px;
}

header .user .link a
{
    color: #9A97A0;
    font-size: 16px;
    font-weight: 500;

    text-decoration: none;
}

header .list_fate
{
    overflow: hidden;

    border: 1px solid #45414E;
    border-radius: 2px;
}

header .list_fate .item a
{
    color: #9A97A0;
    font-size: 16px;
    font-weight: 500;
    line-height: 33px;

    display: block;

    padding: 0 13px;

    text-decoration: none;
}

header .list_fate .item a.active,
header .list_fate .item a:hover
{
    background: rgba(53,49,61,.77);
}

header .datepicker-here
{
    color: #CCC;
    font: 15px "Fira Sans";

    width: 230px;
    height: 35px;
    margin-left: 12px;
    padding: 0 15px 0 38px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent url(../images/ic_date.svg) 12px 50% no-repeat;
}

header .datepicker-style
{
    color: #CCC;
    font: 15px "Fira Sans";

    width: 230px;
    height: 35px;
    margin-left: 12px;
    padding: 0 15px 0 38px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent url(../images/ic_date.svg) 12px 50% no-repeat;
}

header .open_list
{
    display: block;

    width: 20px;
    height: 19px;

    background: url(../images/ic_list.svg) 0 0 no-repeat;
}

/*---------------
   Main section
---------------*/
.page_contant
{
    margin-left: -1px;
}

.block_page
{
    position: relative;

    display: block;
    overflow: hidden;
    overflow-y: auto;

    width: 33.333%;

    border-top: 1px solid #0C0B10;
    border-left: 1px solid #0C0B10;
    background: #292530;
}

.block_page .handle
{
    content: "";

    position: absolute;
    z-index: 99;
    top: 19px;
    left: 5px;

    width: 5px;
    height: 17px;

    opacity: 0;
    background: url(../images/ic_sortable.svg) 0 0 no-repeat;

    transition: .2s linear;
}

.block_page:hover .handle
{
    opacity: 1;
}
.block_page:hover .user-info-sort-block .handle
{
    top: 15px;

    opacity: 0;
}
.block_page:hover .user-info-sort-block:hover .handle
{
    top: 15px;

    opacity: 1;
}


.top_el
{
    position: relative;

    align-items: center;
    flex-wrap: nowrap;

    padding: 15px 20px;

    border-bottom: 1px solid #0C0B10;
    background: #2E2B36;
}

.choice_el
{
    position: relative;

    align-content: center;
    align-items: center;

    width: 32px;
    height: 20px;
    margin-right: 14px;
}

.choice_el .modal_cont
{
    position: static;

    width: 15px;
    height: 17px;
}

.choice_el .modal_cont .mini_modal_link
{
    position: relative;

    display: block;

    width: 15px;
    height: 17px;
}

.choice_el .modal_cont .mini_modal_link:before
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 0;
    height: 0;
    margin-top: -3px;

    border: 4px solid transparent;
    border-top: 4px solid #A4A2A9;
}

.choice_el .mini_modal
{
    min-width: 146px;
    padding: 15px;

    background: #35313D;
}

.choice_el .mini_modal.active
{
    top: calc(100% + 17px);
}

.choice_el .menu div
{
    white-space: nowrap;
}

.choice_el .menu div + div
{
    margin-top: 14px;
}

.choice_el .menu a
{
    color: #9A97A0;
    font-size: 15px;
    font-weight: 900;

    text-decoration: none;

    transition: .2s linear;
}

.choice_el .menu a:hover
{
    color: #FFF;
}

.top_el .title
{
    color: #9A97A0;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;

    overflow: hidden;

    max-width: calc(100% - 58px);
    margin-right: auto;
    padding-right: 18px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.top_el.lot .title
{
    max-width: calc(100% - 128px);
}

.refresh,
.autorefresh
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 20px;
    height: 20px;
    margin-right: 18px;
}

.refresh svg,
.autorefresh svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.refresh svg  path,
.autorefresh svg  path
{
    transition: .2s linear;
}

.refresh:hover svg path,
.autorefresh:hover svg  path
{
    fill: #FFF;
}

.autorefresh.active svg  path
{
    fill: #FDFFCA;
}


.modal_search
{
    position: static;
}

.link_search
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 20px;
    height: 20px;
}

.link_search svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.link_search svg  path
{
    transition: .2s linear;
}

.link_search:hover svg path
{
    fill: #FFF;
}

.search
{
    top: 10px;
    left: 20px;

    width: calc(100% - 40px);

    background: #2E2B36;
}

.search.active
{
    top: 10px;
}

.search form
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.search .input
{
    color: #CCC;
    font: 15px "Fira Sans";

    width: 100%;
    height: 35px;
    padding: 0 40px 0 15px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;
}

.search .submit_btn
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 35px;
    height: 35px;
    margin-left: -35px;

    cursor: pointer;

    border: none;
    background: transparent;
}

.search .submit_btn svg
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.search .submit_btn svg  path
{
    transition: .2s linear;
}

.search .submit_btn:hover svg path
{
    fill: #FFF;
}

.small_menu
{
    margin-left: 18px;
}

.small_menu .mini_modal_link
{
    display: block;

    width: 20px;
    height: 20px;
    padding-top: 3px;
}

.small_menu .mini_modal_link span
{
    display: block;

    width: 3px;
    height: 3px;
    margin: 1px auto 0;

    border-radius: 50%;
    background: #C4C0CC;

    transition: .2s linear;
}

.small_menu .mini_modal_link span + span
{
    margin-top: 2px;
}

.small_menu .mini_modal_link:hover span
{
    background: #FFF;
}

.small_menu .mini_modal
{
    right: 0;
    left: auto;

    min-width: 146px;
    padding: 15px;

    background: #35313D;
}

.small_menu .mini_modal.active
{
    top: calc(100% + 17px);
}

.small_menu .menu div
{
    white-space: nowrap;
}

.small_menu .menu div + div
{
    margin-top: 14px;
}

.small_menu .menu  a
{
    color: #9A97A0;
    font-size: 15px;
    font-weight: 900;

    text-decoration: none;

    transition: .2s linear;
}

.small_menu .menu a:hover
{
    color: #FFF;
}



.finance_all .item
{
    position: relative;

    justify-content: space-between;

    padding: 20px;

    cursor: pointer;

    border-bottom: 1px solid #0C0B10;
    background: #292530;
}

.finance .item
{
    position: relative;

    justify-content: space-between;

    padding: 20px;

    cursor: pointer;

    border-bottom: 1px solid #0C0B10;
    background: #292530;
}

.finance .item:after
{
    content: "";

    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 12px;

    width: 8px;
    height: 14px;

    opacity: 0;
    background: url(../images/arrow1.svg) 0 0 no-repeat;
}

.finance .item:hover:after
{
    opacity: 1;
}

.finance .item .box
{
    width: calc(100% - 140px);
}

.finance .item .name
{
    color: #9A97A0;
    font-size: 16px;
    font-weight: 900;
}

.finance .item .amount
{
    color: #CCC;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 500;

    margin-top: 5px;
}

.finance .item .chart
{
    width: 120px;
}

.finance .item .chart img
{
    display: block;

    max-height: 100%;
    margin-left: auto;
}


.list_users .item
{
    position: relative;
}

.list_users .item > .item_el,
.list_users .item > a
{
    position: relative;

    justify-content: space-between;

    padding: 12px 20px;

    cursor: pointer;
    text-decoration: none;

    border-bottom: 1px solid #0C0B10;
    background: #292530;
}

.list_users .item > .item_el:visited,
.list_users .item > .item_el.visited,
.list_users .item > a:visited,
.list_users .item > a.visited
{
    background: #2E2B36;
}

.list_users .item.choice_user > .item_el,
.list_users .item.choice_user > a
{
    background: #35313D;
}

.list_users .item .handle
{
    content: "";

    position: absolute;
    z-index: 99;
    top: 50%;
    left: 5px;

    width: 5px;
    height: 17px;

    opacity: 0;
    background: url(../images/ic_sortable.svg) 0 0 no-repeat;

    transition: .2s linear;
    transform: translateY(-50%);
}

.list_users .item:hover .handle
{
    opacity: 1;
}
.list_users .item.hidden
{
    display: none;
}

.list_users .item > .item_el:after,
.list_users .item > a:after
{
    content: "";

    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 12px;

    width: 8px;
    height: 14px;

    opacity: 0;
    background: url(../images/arrow1.svg) 0 0 no-repeat;
}

.list_users .item > .item_el:hover:after,
.list_users .item > a:hover:after
{
    opacity: 1;
}

.list_users .item.no_after > .item_el:hover:after,
.list_users .item.no_after > a:hover:after
{
    opacity: 0;
}


.list_users .item .small_menu
{
    position: absolute;
    right: 18px;
    bottom: 6px;

    width: 26px;
    height: 26px;
}

.list_users .item .small_menu .mini_modal_link
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 26px;
    height: 26px;
    padding-top: 0;
}

.list_users .item .small_menu .mini_modal_link span
{
    width: 4px;
    height: 4px;
    margin: 0;
}

.list_users .item .small_menu .mini_modal_link span + span
{
    margin: 0 0 0 3px;
}

.list_users .item .small_menu .mini_modal
{
    display: none;
}

.list_users .item .small_menu .mini_modal.active
{
    top: 100%;

    display: block;
}

.list_users .check_small .label_check input[type=checkbox] + .check_text:before
{
    border-color: #44414D;
}

.list_users .check_small .label_check input[type=checkbox]:checked + .check_text:before
{
    border-color: #9A97A0;
}

.list_users .item
{
    padding-left: 52px;
}

.list_users .item .check_small
{
    position: absolute;
    z-index: 10;
    top: 12px;
    left: 20px;
}

.list_users .box
{
    width: calc(100% - 50px);
}

/*
.list_users .box{
    width: calc(100% - 82px);
} */


.list_users .bank
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 34px;
    height: 34px;
    margin-bottom: 20px;

    border-radius: 2px;
    background-color: #46434F;
}

.list_users .bank_stranger
{
    position: relative;
}

.list_users .bank_stranger::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .11;
    background: linear-gradient(to bottom, #000 0%,#FFF 100%);
}

.list_users .bank img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.list_users .top
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.list_users .name
{
    color: #E0E0E0;
    font-size: 14px;

    margin-right: 10px;
}

.list_users .offlite
{
    flex-shrink: 0;

    width: 6px;
    height: 6px;
    margin-right: 10px;

    border-radius: 50%;
    background: #44414D;
}

.list_users .onlite
{
    width: 6px;
    height: 6px;
    margin-right: 10px;

    border-radius: 50%;
    background: #E0E0E0;
}

.list_users .playing
{
    position: relative;

    width: 6px;
    height: 6px;
    margin-right: 10px;
}

.list_users .playing:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 0;
    height: 0;
    margin-top: -3px;

    border: 3px solid transparent;
    border-left: 6px solid #F1F1F2;
}

.list_users .user_icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.list_users .user_card_error
{
    padding: 2px;

    border-radius: 2px;
    background: #CD7D2F;
}

.list_users .user_icon.hide
{
    display: none;
}

.list_users .user_icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.list_users .move_arrow
{
    width: 19px;
    height: 21px;
    margin-left: 3px;

    opacity: .6;
}

.list_users .move_arrow:first-child
{
    margin-left: 10px;
}

.list_users .move_arrow:hover
{
    opacity: 1;
}

.list_users .move_arrow img
{
    width: 19px;
    height: 21px;
}


.list_users .time
{
    color: #9A97A0;
    font-size: 14px;
    font-weight: 300;

    margin-left: auto;
}

.list_users .time .number
{
    font-family: "Fira Sans";
}

.list_users .time .sep
{
    display: inline-block;

    width: 4px;
    height: 4px;
    margin: 0 2px;

    vertical-align: middle;

    border-radius: 50%;
    background: #9A97A0;
}

.list_users .time span
{
    text-transform: uppercase;
}

.list_users .info
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-top: 2px;
}

.stars
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
	font-size: 7px;
}

.user-info-activity .stars
{
    line-height: 7px;
}

.stars .star::before
{
    content: '\25CF';
}

.stars .star
{
    margin-right: 5px;
	color: #44414D;
}

.stars.active1 .star.star1
{
    color: #c77700;
}

.stars.active2 .star.star1, 
.stars.active2 .star.star2
{
    color: #c84200;
}

.stars.active3 .star.star1, 
.stars.active3 .star.star2, 
.stars.active3 .star.star3
{
    color: #c73200;
}

.stars.active4 .star.star1, 
.stars.active4 .star.star2, 
.stars.active4 .star.star3, 
.stars.active4 .star.star4
{
    color: #ba1900;
}

.stars.active5 .star.star1, 
.stars.active5 .star.star2, 
.stars.active5 .star.star3, 
.stars.active5 .star.star4, 
.stars.active5 .star.star5
{
    color: #bd0032;
}



.list_users .activity
{
    color: #9A97A0;
    font-size: 14px;
    line-height: 19px;

    margin-right: 10px;
}

.list_users .vip
{
    color: #292530;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;

    margin-left: auto;
    padding: 0 4px;

    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;

    border-radius: 2px;
    background: #C8C8CE;
}

.list_users .bot
{
    align-content: center;
    align-items: center;

    margin-left: -8px;
}

.list_users .act
{
    color: #9A97A0;
    font-size: 14px;
    line-height: 19px;

    margin-left: 8px;
}

.list_users .act span
{
    font-family: "Fira Sans";
    line-height: 16px;
}

.list_users .manager
{
    color: #FFF;
    font-size: 12px;
    line-height: 18px;

    width: 18px;
    height: 18px;
    margin-left: 8px;

    text-align: center;
    text-transform: uppercase;

    border-radius: 50%;
    background-color: #45414F;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.list_users .manager_act
{
    color: #9A97A0;
    font-size: 14px;
    line-height: 19px;

    margin-left: 8px;
}


.page_login
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}


.page_login .form_login
{
    width: 400px;
    max-width: calc(100% - 20px);
    margin: auto 0;
    padding: 30px;

    border: 1px solid #0C0B10;
    border-radius: 2px;
    background: #2E2B36;
}

.page_login .form_login .title
{
    color: #CCC;
    font-size: 30px;
    font-weight: 500;

    margin-bottom: 30px;

    text-align: center;
}

.page_login .form_login .line_form
{
    margin-bottom: 20px;
}

.page_login .form_login .input
{
    color: #CCC;
    font: 15px "Fira Sans";

    width: 100%;
    height: 45px;
    padding: 0 15px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;
}

.page_login .form_login .submit
{
    text-align: center;
}

.page_login .form_login .submit_btn
{
    color: #E0E0E0;
    font: 20px "FFMetaPro";

    display: inline-block;

    min-width: 200px;
    height: 45px;
    padding: 0 25px;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: none;
    border-radius: 2px;
    background: #45414E;

    transition: .2s linear;
}

.page_login .form_login .submit_btn:hover
{
    color: #FFF;

    background: #0C0B10;
}

.lang
{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin-bottom: 20px;
}

.lang .sep
{
    color: #9A97A0;

    margin: 0 4px;
}

.lang a
{
    color: #9A97A0;
    font-size: 16px;
    font-weight: 500;

    text-decoration: none;
    text-transform: uppercase;

    transition: .2s linear;
}

.lang a:hover,
.lang a.active
{
    color: #FFF;
}

.sortable_placeholder
{
    width: 33.333%;
    height: 100px;
    margin-top: 20px;

    border: 3px solid #292530;
}




/*DENIS*/
#add-field-template
{
    display: none;
}
#adjust-sum-template
{
    display: none;
}
#add-parameter-template
{
    display: none;
}
#user-info-template
{
    display: none;
}
.sliding-template
{
    display: none;
}

.add-field-form
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 100%;

    display: block;

    width: 100%;
    height: 100%;

    background: #2E2B36;

    transition: all 300ms ease-out;
}
.add-field-form.showfield
{
    left: 0;
}
.add-field-form.hidefield
{
    left: 100%;

    transition: all 300ms ease-in;
}

.add-field-form .top_el
{
    border: 0;
}
.add-parameter-form
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 100%;

    display: block;

    width: 100%;
    height: 100%;

    background: #2E2B36;

    transition: all 300ms ease-out;
}
.add-parameter-form.showfield
{
    left: 0;
}
.add-parameter-form.hidefield
{
    left: 100%;

    transition: all 300ms ease-in;
}

.add-parameter-form .top_el
{
    border: 0;
}
.add-parameter-form
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 100%;

    display: block;

    width: 100%;
    height: 100%;

    background: #2E2B36;

    transition: all 300ms ease-out;
}
.add-parameter-form.showfield
{
    left: 0;
}
.add-parameter-form.hidefield
{
    left: 100%;

    transition: all 300ms ease-in;
}

.add-parameter-form .top_el
{
    border: 0;
}
.user-info-form,
.games-info-form,
.cms-info-form
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 100%;

    display: block;

    width: 100%;
    height: 100%;

    background: #2E2B36;

    transition: all 300ms ease-out;
}
.user-info-form.showfield,
.games-info-form.showfield,
.cms-info-form.showfield
{
    left: 0;
}
.user-info-form.hidefield,
.games-info-form.hidefield,
.cms-info-form.hidefield
{
    left: 100%;

    transition: all 300ms ease-in;
}

.user-info-form .top_el,
.games-info-form .top_el
{
    margin-bottom: 20px;
    border: 0;
}

.user-info-form .top_el.with-stars
{
    margin-bottom: 25px;
    padding-top: 10px;	
}



.cms-info-form .top_el
{
    border: 0;
}

.add-field-back
{
    position: relative;
    top: -2px;

    display: inline-block;

    margin-right: 10px;

    cursor: pointer;
    vertical-align: middle;
}
.add-field-input
{
    position: relative;

    margin: 0 15px;
    margin-bottom: 10px;
}
.add-field-input .input
{
    color: #CCC;
    font: 15px "Fira Sans";
    line-height: 40px;

    width: 100%;
    height: 40px;

    border: 0;
    border-bottom: 1px solid #45414E;
    border-radius: 0;
    background: transparent;
}
.item-field
{
    position: relative;

    display: block;

    background: #292530;
}
.item-field .handle
{
    content: "";

    position: absolute;
    z-index: 99;
    top: 25px;
    left: 5px;

    width: 5px;
    height: 17px;

    opacity: 0;
    background: url(../images/ic_sortable.svg) 0 0 no-repeat;

    transition: .2s linear;
    transform: translateY(-50%);
}
.item-field:hover .handle
{
    opacity: 1;
}
.item-field-data
{
    margin: 0 15px;

    border-bottom: #35313D solid 1px;
}
.item-field-title
{
    top: 2px;

    color: #CCC;
    font: 15px;
    line-height: 50px;
}
.item-field-title svg
{
    position: absolute;
    top: 25px;
    right: 35px;

    margin-top: -7px;

    transition: all 200ms ease-out;
}
.item-field .small_menu
{
    position: absolute;
    top: 25px;
    right: 7px;

    visibility: hidden;

    margin-top: -10px;

    opacity: 0;

    transition: all 200ms linear;
}
.item-field:hover .item-field-title svg
{
    right: 35px;
}
.item-field:hover .small_menu
{
    visibility: visible;

    opacity: 1;
}
.item-field .small_menu .mini_modal.active
{
    top: calc(100% + 5px);
}
.item-field-item
{
    position: relative;
    top: -5px;

    line-height: 27px;

    padding-bottom: 5px;
}
.item-field-item span
{
    position: relative;

    line-height: 27px;

    display: block;
    overflow: hidden;

    width: calc(100% - 50px);

    white-space: nowrap;
    text-overflow: ellipsis;
}
.item-field-tumbler
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 36px;
    height: 18px;
    margin-top: -9px;

    border-radius: 9px;
    background: #46434F;

    transition: all 200ms ease-out;
}
.item-field-tumbler:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    border-radius: 9px;
    background: #FFF;

    transition: all 200ms ease-out;
}
.item-field-item.checked .item-field-tumbler:after
{
    left: 18px;
}
.item-field-item.checked .item-field-tumbler
{
    background: #189945;
}
.item-field-items
{
    display: none;
}
.item-field[type="checkbox"] .item-field-items
{
    display: block;
}
.item-field[type="checkbox"] .item-field-title svg
{
    display: none;
}
.item-field[type="text"] .item-field-items
{
    display: block;
}
.item-field[type="text"] .item-field-title svg
{
    display: none;
}
#add-input-template
{
    display: none;
}
.add-field-type
{
    position: relative;

    font-size: 0;

    display: block;
    overflow: hidden;

    height: 33px;
    margin: 0 15px;

    white-space: nowrap;

    border: #45414E solid 1px;
    border-radius: 3px;
}
.add-field-type-item
{
    position: relative;

    color: #9A97A0;
    font-size: 16px;
    line-height: 33px;

    display: inline-block;

    box-sizing: border-box;
    width: 50%;
    height: 33px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
}
.add-field-type-item:first-child
{
    border-right: #45414E solid 1px;
}
.add-field-type-item.active
{
    background: #36323F;
}
.user-info-type
{
    position: relative;

    font-size: 0;

    display: block;
    overflow: hidden;

    height: 33px;
    margin: 0 15px;

    white-space: nowrap;

    border: #45414E solid 1px;
    border-radius: 3px;
}
.user-info-type-item
{
    position: relative;

    color: #9A97A0;
    font-size: 16px;
    line-height: 33px;

    display: inline-block;

    box-sizing: border-box;
    width: 50%;
    height: 33px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
}
.user-info-type-item + .user-info-type-item
{
    border-left: #45414E solid 1px;
}
.user-info-type-item.active
{
    background: #36323F;
}
.user-info-activity
{
    position: absolute;

    color: #9A97A0;
    font-size: 14px;

    display: block;
}
.item-field-z
{
    position: absolute;
    top: 0;
    right: 15px;

    color: #9A97A0;
    font-size: 15px;
    line-height: 50px;

    display: block;

    transition: all 200ms linear;
}
.item-field:hover .item-field-z
{
    opacity: 0;
}
.scroll_el
{
    height: calc(100% - 56px);
}

.scroll_el::-webkit-scrollbar
{
    width: 5px;
}

.scroll_el::-webkit-scrollbar-track
{
    background: transparent;
}

.scroll_el::-webkit-scrollbar-thumb
{
    background: #0D0C11;
}
.list_users .item:last-child > a
{
    border-bottom: 0;
}
.more-btn
{
    position: relative;

    color: #9A97A0;
    font-family: "Fira Sans";
    font-size: 15px;
    line-height: 50px;

    display: block;

    padding-left: 40px;

    text-decoration: none;
    text-transform: uppercase;

    background: #2E2B36;
}
.title-status-icon
{
    position: relative;

    display: inline-block;

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

    vertical-align: middle;
}
.title.play .title-status-icon
{
    height: 7px;

    background: url(../images/play_icon.svg) no-repeat;
    background-size: 100% 100%;
}
.title.online .title-status-icon
{
    border-radius: 6px;
    background: #FFF;
}
.title.offline .title-status-icon
{
    border-radius: 6px;
    background: #FFF22;
}
.title-vip
{
    position: relative;

    color: #292530;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;

    display: inline-block;

    width: 23px;
    margin-left: 5px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;

    border-radius: 2px;
    background: #C8C8CE;
}
.user-info-form .item-field,
.games-info-form .item-field
{
    background: #2E2B36;
}
.user-info-pages
{
    position: relative;

    display: block;
    overflow: hidden;

    height: calc(100% - 120px);
    margin-top: 12px;
}
.user-info-pages .scroll_el
{
    height: 100%;
}
.user-info-form .item-field-title svg,
.games-info-form  .item-field-title svg
{
    top: auto;
    right: 15px;
    bottom: 18px;
}
.user-info-form .item-field-title svg
{
    top: auto;
    right: 15px;
    bottom: 15px;
}

.user-info-form .item-field:hover .item-field-title svg,
.games-info-form .item-field:hover .item-field-title svg
{
    top: auto;
    right: 15px;
    bottom: 15px;
}
.item-field-text,
.item-field-text-not-dinamic
{
    position: relative;
    top: -13px;

    display: block;
    /*margin-bottom: 5px;*/
}
.item-field.money-block .item-field-text
{
    font-family: "Fira Sans";
    font-size: 15px;
}
.item-field.money-block.red-color .item-field-text
{
    color: #990012;
}
.item-field.money-block.green-color .item-field-text
{
    color: #189945;
}
.item-field-text-divider
{
    position: relative;

    font-size: 16px;
    line-height: 50px;

    display: block;

    margin: 0 15px;
    margin-bottom: -10px;
}
.user-info-sort-block
{
    position: relative;

    display: block;

    border-bottom: 5px solid #0C0B10;
    background: #2E2B36;
}
.sortable
{
    overflow: hidden;
    /*min-height: calc(100% - 95px);*/
}
.user-info-page
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-top: 1px solid #0C0B10;

    transition: all 300ms ease-out;
}
.user-info-page:nth-child(2),
.user-info-page:nth-child(3),
.user-info-pages.history .user-info-page:nth-child(3)
{
    left: 100%;
}
.user-info-pages.history .user-info-page,
.user-info-pages.tab3 .user-info-page,
.user-info-pages.tab3 .user-info-page:nth-child(2)
{
    left: -100%;
}
.user-info-pages.history .user-info-page:nth-child(2)
{
    left: 0;
}
.user-info-pages.tab3 .user-info-page:nth-child(3)
{
    left: 0;
}
.user-info-history-header
{
    position: relative;

    display: block;

    height: 55px;

    border-bottom: 1px solid #0C0B10;
}
.user-info-history-header .link_search
{
    position: absolute;
    top: 17px;
    right: 15px;
}
.user-info-history-header .search
{
    left: 15px;

    width: calc(100% - 30px);
}
.user-info-history-header .user-info-datepicker
{
    color: #9997A0;
    font: 15px "Fira Sans";

    width: 230px;
    height: 52px;
    margin-left: 15px;
    padding: 0 0 0 20px;

    border: 0;
    border-radius: 2px;
    background: transparent url(../images/ic_date_o.svg) 0px 50% no-repeat;
}
.history-footer-form
{
    position: absolute;
    bottom: 0;

    display: block;

    width: 100%;
    height: auto;

    border-top: 1px solid #0C0B10;
    background: #2E2B36;
}
.history-textarea
{
    color: #9997A0;
    font-family: "FFMetaPro";
    font-size: 15px;
    line-height: 22px;

    width: calc(100% - 80px);
    height: 22px;
    margin: 15px 60px 10px 20px;

    resize: none;

    border: 0;
    background: transparent;
}
.history-footer-form button
{
    position: absolute;
    top: 17px;
    right: 20px;

    cursor: pointer;

    border: 0;
    background: transparent;
}
.history-footer-form button:hover svg path
{
    fill: white;
}
.history-footer-form button.error svg path,
.history-footer-form button.error:hover svg path
{
    fill: red;
}
.user-info-page:nth-child(2) .scroll_el,
.user-info-page:nth-child(3) .scroll_el
{
    height: calc(100% - 111px);

    background: #292530;
}
.history-chat
{
    position: relative;

    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;

    min-height: 100%;
}
.history-chat-date
{
    position: relative;

    color: #9997A0;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 32px;

    display: block;

    width: 100%;

    text-align: center;
}
.history-chat-message
{
    width: 100%;
    margin-bottom: 10px;
}
.history-chat-message-text
{
    position: relative;

    color: #9997A0;
    font-size: 14px;
    line-height: 18px;

    display: inline-block;

    max-width: 80%;
    margin-left: 30px;
    padding: 8px 15px;

    border-radius: 3px;
    background: #2E2B36;
}
.history-chat-message.bubble .history-chat-message-text:before
{
    content: "";

    position: absolute;
    top: 0;
    left: -8px;

    display: block;

    border: 5px solid transparent;
    border-top: 5px solid #2E2B36;
    border-right: 5px solid #2E2B36;
}
.history-chat-message.with-comment .history-chat-message-text
{
    padding: 15px 10px 0;

    background: #292530;
}
.history-chat-message.with-comment .history-chat-message-text:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    border: #2E2B36 solid 5px;
    border-radius: 3px;
}
.history-chat-message.with-comment .chat-comment-block
{
    position: relative;
    left: -10px;

    display: block;

    width: calc(100% + 20px);
    margin-top: 10px;
    padding: 8px 10px;

    border-radius: 3px;
    background: #2E2B36;
}
.history-chat-message.with-comment .chat-comment-block img
{
    position: relative;

    display: inline-block;

    margin-right: 3px;

    vertical-align: middle;
}
.history-chat-message.admin-mssage
{
    text-align: right;
}
.history-chat-message.admin-mssage .history-chat-message-text
{
    color: #FFF;

    margin: 0;
    margin-right: 30px;

    background: #1E8F8F;
}
.history-chat-message.admin-mssage.bubble .history-chat-message-text:before
{
    top: 0;
    right: -8px;
    left: auto;

    border: 10px solid transparent;
    border-top: 10px solid #1E8F8F;
    border-left: 5px solid #1E8F8F;
}
.ui-sortable *
{
    -webkit-user-select:      auto;
       -moz-user-select: -moz-auto;
            user-select:      auto;

     -khtml-user-select:      auto;
}

.finance_table
{
    width: 100%;

    border-collapse: collapse;
}

.finance_table_header
{
    position: sticky;
    z-index: 10;
    top: -20px;
}

.finance_table tr th
{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;

    padding: 10px 20px;
    padding-right: 40px;

    cursor: pointer;
    text-align: right;

    border: 1px solid #45414E;
    background: #322F3A;

/* background: rgba(53,49,61,.77); */
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.finance_table tr th.sort-asc
{
    background-image: url(/images/sort-asc.png);
}
.finance_table tr th.sort-desc
{
    background-image: url(/images/sort-desc.png);
}

.finance_table tr th:first-child
{
    text-align: left;
}

.finance_table tr td
{
    padding: 10px 20px;

    text-align: right;

    border: 1px solid #45414E;

    transition: .2s linear;
}

.finance_table tr td:first-child
{
    text-align: left;
}

.finance_table tr:hover td
{
    background: rgba(53,49,61,.77);
}

.finance_table tr.finance_table_total td
{
    background: rgba(53,49,61,.50);
}

.finance_table tr.finance_table_total:hover td
{
    background: rgba(53,49,61,.77);
}


select
{
    color: #CCC;
    font: 14px "Fira Sans";

    width: 100%;
    height: 35px;
    padding: 0 15px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;
}

select option
{
    color: #000;
}

.flex_history-header
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    padding-right: 15px;
}

.flex_history-header .user-info-datepicker
{
    flex-shrink: 0;
}

.flex_history-header select
{
    margin-left: 20px;
}

.formAll
{
    padding: 15px;
}

.formAll > :last-child
{
    margin-bottom: 0 !important;
}

.formAll-line
{
    margin-bottom: 10px;
}

.formAll-lineBord
{
    padding-bottom: 10px;

    border-bottom: 1px solid #35313D;
}

.formAll-label
{
    color: #CCC;
    font-size: 14px;

    margin-bottom: 4px;
}

.formAll-label-big
{
    font-size: 18px;
}

.formAll-input
{
    color: #CCC;
    font: 14px "Fira Sans";

    width: 100%;
    height: 35px;
    padding: 0 15px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;
}

.formAll-textarea
{
    color: #CCC;
    font: 14px "Fira Sans";

    width: 100%;
    height: 80px;
    padding: 10px 15px;

    resize: none;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;
}
#block_games .formAll-textarea
{
    resize: vertical;
}

#block_games .user-info-form > .user-info-pages
{
    height: calc(100% - 55px);
    margin-top: 0;
}

.formAll-select
{
    color: #CCC;
    font: 14px "Fira Sans";

    width: 100%;
    height: 35px;
    padding: 0 15px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;
}

.formAll-select option
{
    color: #000;
}

.formAll-submit
{
    text-align: center;
}

.formAll-submitBtn
{
    color: #E0E0E0;
    font: 20px "FFMetaPro";

    display: inline-block;

    min-width: 200px;
    height: 45px;
    padding: 0 25px;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: none;
    border-radius: 2px;
    background: #45414E;

    transition: .2s linear;
}

.formAll-submitBtn-small
{
    font-size: 14px;

    min-width: 90px;
    height: 25px;
    padding: 0 15px;
}

.formAll-submitBtn:hover
{
    color: #FFF;

    background: #0C0B10;
}

.formAll-datepicker
{
    color: #CCC;
    font: 14px "Fira Sans";

    width: 100%;
    height: 35px;
    padding: 0 15px 0 30px;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent url(../images/ic_date_o.svg) 10px 50% no-repeat;
}

.formAll-line-flex
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.formAll-line-flex > *
{
    width: calc(50% - 15px);
}

.accordion + .formAll-input
{
    margin-top: 12px;
}



.sector-title
{
    color: #E0E0E0;
    font-size: 20px;
    font-weight: 700;
}

/*------------
    Tabs
--------------*/
.tabs-info-game
{
    margin-top: 30px;
}

.tabs
{
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    margin-bottom: 20px;
}

.tabs_marg
{
    margin-top: 10px;
}

.tabs .tabs__button
{
    position: relative;

    color: #E0E0E0;
    font: 20px "FFMetaPro";

    display: block;

    width: 100%;
    height: 34px;
    padding: 0 16px;

    cursor: pointer;
    cursor: pointer;
    white-space: nowrap;
    text-transform: uppercase;

    border: 1px solid #45414E;
    border-radius: 2px;
    background: transparent;

    transition: background .2s linear, color .2s linear;
}

.tabs .tabs__button:hover,
.tabs .tabs__button.active
{
    background: #36323F;
}

.tabs .tabs__button + .tabs__button
{
    margin-left: 16px;
}


.tab-content
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    opacity: 0;
}

.tab-content.active
{
    visibility: visible;
    overflow: visible;

    height: auto;

    opacity: 1;

    transition: opacity .5s linear;
}


.task_status_check_popup
{
    right: auto;
    left: 0;
    min-width: 146px;
    padding: 15px;
    background: #35313D;
}

.task_status_check_popup .task_status_enabled
{
	cursor: pointer;
}
.task_status_check_popup .task_status_enabled:hower
{
	color: #c9c7cf;
}
.task_status_button
{
	display: none;
    border: 1px #9A97A0 solid;
    margin-right: 10px;
    cursor: pointer;
    padding: 3px;
	margin-right: 10px;
}
.task_status_button.show {
	display: inline-block;
}

.task_upload_picture
{
	display: none;
	margin-bottom: 10px;
}
.task_upload_picture.show {
	display: block;
}

.check-task-form input
 {
	-webkit-appearance: auto;
    appearance: auto;	
}

.top_el > *
{
    flex-shrink: 0;
}

.top_el .title,
.top_el.lot .title
{
    flex-shrink: 1;

    width: 100%;
    max-width: none;
}

.open-settings,
.par-download-games,
.download-icon
{
    font-size: 24px;
    line-height: 20px;

    display: block;
    flex-shrink: 0;

    width: 20px;
    height: 20px;
    margin-left: 18px;

    cursor: pointer;
    text-align: center;
}

.open-settings span + span
{
    display: none;
}

.open-settings.active span
{
    display: none;
}

.open-settings.active span + span
{
    display: block;
}

.settings-block
{
    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 100%;

    width: 100%;
    height: calc(100% - 55px);
    padding-top: 20px;

    border-top: 1px solid #0C0B10;
    background: #2E2B36;

    transition: all 300ms ease-out;
}

.settings-block.show
{
    left: 0;
}

.settings-block .scroll_el
{
    height: 100%;
}


.list_users .merchant-item .box,
.list_users .games-item  .box
{
    width: 100%;
    margin-bottom: 16px;
}


.cms-info-form .user-info-pages
{
    height: calc(100% - 55px);
    margin-top: 0;
}


.finance_all
{
    overflow: hidden;
}

.finance-item
{
    overflow: auto;

    max-height: 100%;
    padding: 20px;
}

.header-finance__logout
{
    color: #9A97A0;
    font-size: 16px;
    font-weight: 500;

    margin-left: 8px;
}

.header-finance__logout a
{
    color: #9A97A0;

    text-decoration: none;
}


@media (max-width: 1199px)
{
    .block_page
    {
        width: 50%;
    }
}


@media (max-width: 1024px)
{
    .header-finance
    {
        position: relative;
    }

    .header-finance__datepicker
    {
        position: absolute;
        top: 13px;
        right: 20px;
    }

    .header-finance__user
    {
        width: calc(100% - 242px);
    }

    .header-finance .col_c
    {
        margin-top: 10px;
    }

    .header-finance__logout
    {
        margin-top: 10px;
    }

    .header-finance__open_list
    {
        margin-top: 10px;
    }


    .finance_table tr th
    {
        min-width: 130px;
        padding-right: 30px;
        padding-left: 10px;

        background-size: 12px auto;
    }
}


@media (max-width: 767px)
{
    header
    {
        padding-right: 10px;
        padding-left: 10px;
    }

    .block_page
    {
        width: 100%;
    }


    .header-finance__datepicker
    {
        right: 10px;
    }

    .header-finance .list_fate .item a
    {
        padding: 0 9px;
    }
}

@media (max-width: 479px)
{
    .flex_history-header .user-info-datepicker
    {
        font-size: 14px;

        width: 180px;
    }

    .flex_history-header .user-info-datepicker
    {
        font-size: 14px;

        width: 180px;
    }

    select
    {
        padding: 0 10px;
    }


    .list_users .item > .user-item
    {
        padding-right: 12px;
        padding-left: 12px;
    }

    .list_users .user-item .top
    {
        position: relative;

        padding-bottom: 21px;
    }

    .list_users .user-item .time
    {
        position: absolute;
        bottom: 0;
        left: 0;

        overflow: hidden;

        white-space: nowrap;
        text-overflow: hidden;
    }

    .user-info-type-item
    {
        font-size: 15px;
    }


    .header-finance .col_c
    {
        width: 100%;
    }

    .header-finance .list_fate
    {
        width: 100%;
    }

    .header-finance .list_fate .item
    {
        flex-grow: 1;
    }

    .header-finance .list_fate .item a
    {
        font-size: 14px;

        padding: 0 4px;
    }

    .header-finance__user
    {
        width: calc(100% - 222px);
    }

    .header-finance .datepicker-style
    {
        font-size: 14px;

        width: 210px;
        padding: 0 10px 0 32px;
    }
}

@media (max-width: 359px)
{
    .flex_history-header .user-info-datepicker
    {
        font-size: 12px;

        width: 160px;
    }

    select
    {
        width: 100%;
        padding: 0 8px;
    }
}