/* ===== MAIN ======================================================================================================= */
* {
    box-sizing                  : border-box;
    margin                      : 0;
    outline                     : none !important;
    padding                     : 0;
    text-decoration             : none;
    transition-duration         : 300ms;
    -webkit-transition-duration : 300ms;
    -moz-transition-duration    : 300ms;
    -o-transition-duration      : 300ms;
}

a {
    color : #A56734;
}

a:hover {
    text-decoration : underline;
}

.link_icon:before {
    content       : "\f0c1";
    font-family   : "Font Awesome 6 Free";
    font-weight   : 900;
    padding-right : 2px;
}

body {
    background  : #1E1E1E;
    color       : #1E1E1E;
    font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size   : 12px;
    font-weight : normal;
    /*overflow    : hidden;*/
}

h1,
h2 {
    color       : #FFFFFF;
    font-family : "Century Gothic", sans-serif;
}

h1 {
    border-bottom  : 2px solid #A56734;
    font-size      : 16px;
    letter-spacing : 5px;
    margin-bottom  : 10px;
    padding-bottom : 10px;
}

h2 {
    font-size : 15px;
}

h3 {
    font-size  : 14px;
    text-align : left;
}

hr {
    background : #C6B9AE;
    border     : 1px solid #A56734;
    height     : 3px;
}

hr.margin {
    margin : 15px 0;
}

input::placeholder {
    opacity : 0.5;
}

dl.inline {
    display               : grid;
    grid-template-columns : max-content 1fr;
}

dl.inline dt {
    font-weight       : bold;
    grid-column-start : 1;
    text-align        : right;
}

dl.inline dd {
    grid-column-start : 2;
    margin-left       : 10px;
    word-break        : break-all;
}

/* ===== STRUCTURE ================================================================================================== */
/* ===== MAIN INFO ===== */
#main_info_box {
    left     : 50%;
    position : fixed;
    top      : 0;
    z-index  : 1000000;
}

#main_info_box div {
    background                 : #FD7401;
    border-bottom-left-radius  : 100%;
    border-bottom-right-radius : 100%;
    box-shadow                 : 0 0 10px #FFFFFF;
    color                      : #FFFFFF;
    font-size                  : 20px;
    font-weight                : bold;
    left                       : -50%;
    padding                    : 10px 20px 20px 20px;
    position                   : relative;
    text-align                 : center;
}

/* ===== HEADER LINE ===== */
#header_line {
    background    : #000000;
    border-bottom : 1px solid #3E3E3E;
    height        : 50px;
    position      : fixed;
    top           : 0;
    width         : 100%;
}

#header_line img[alt=logo] {
    margin-left : 70px;
    margin-top  : 10px;
}

#header_line #user_data {
    color    : #FFFFFF;
    height   : 100%;
    position : absolute;
    right    : 120px;
    top      : 0;
}

#header_line #user_data .logged_in {
    cursor : pointer;
}

#header_line #user_data > div {
    align-items     : center;
    background      : #000000;
    display         : flex;
    flex-direction  : row;
    flex-wrap       : nowrap;
    gap             : 3px;
    height          : 100%;
    justify-content : flex-end;
    position        : relative;
    z-index         : 1;
}

#header_line #user_data > div img {
    border-radius         : 50%;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    height                : 70%;
}

#header_line #user_data > ul {
    background         : #000000;
    border             : 1px solid #3E3E3E;
    border-top         : none;
    transform          : translateY(-100%);
    -webkit-transform  : translateY(-100%);
    -moz-transform     : translateY(-100%);
    transition         : transform 0.5s;
    -webkit-transition : transform 0.5s;
    -moz-transition    : transform 0.5s;
}

#header_line #user_data.open > ul {
    transform          : translateY(0);
    -webkit-transform  : translateY(0);
    -moz-transform     : translateY(0);
    transition         : transform 0.5s;
    -webkit-transition : transform 0.5s;
    -moz-transition    : transform 0.5s;
}

#header_line #user_data.open .on_open_hide {
    color : #000000;
}

#header_line #user_data > ul li {
    overflow : hidden;
}

#header_line #user_data > ul li:hover {
    background : #3E3E3E;
}

#header_line #user_data > ul li i {
    color        : #FD7401;
    margin-right : 5px;
}

#header_line #user_data > ul li:hover i {
    transform : scale(1.5);
}

#header_line #user_data > ul li a {
    color   : #FFFFFF;
    display : block;
    padding : 10px;
}

/* ===== CONTENT BOX ===== */
#content_box {
    background   : url('../../pictures/content_bg.png') fixed;
    border-left  : 2px solid #777777;
    border-right : 2px solid #777777;
    margin       : 51px 15px 0 15px;
    min-height   : calc(100vh - 51px);
    overflow     : hidden;
}

/* MAIN MENU */
#main_menu_box {
    padding  : 75px 50px;
    position : relative;
}

#main_menu {
    background            : #C6B9AE;
    border                : 1px solid #E8E3DF;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    box-shadow            : inset 50px 0 50px -50px #000000;
    -webkit-box-shadow    : inset 50px 0 50px -50px #000000;
    -moz-box-shadow       : inset 50px 0 50px -50px #000000;
    font-size             : 16px;
    line-height           : 40px;
    padding-left          : 50px;
}

#main_menu li {
    display  : inline;
    padding  : 10px;
    position : relative;
}

#main_menu li i.highlight_red {
    font-size : 12px;
    position  : absolute;
    right     : 0;
    top       : 5px;
}

#main_menu_box > span {
    background : url('../../pictures/menu_arrow_bg.png');
    height     : 40px;
    position   : absolute;
    right      : 51px;
    top        : 76px;
    width      : 240px;
}

#main_menu_box.no_logo > span {
    right : -50%;
}

#main_menu_box span img {
    position : absolute;
    top      : -79px;
}

#main_menu a {
    color : #000000;
}

/* SUB CONTENT */
#sub_content_box {
    padding  : 0 25px;
    position : relative;
}

/* SUB MENU */
.sub_content_box_style_1 .sub_menu_box,
.sub_content_box_style_2 .sub_menu_box {
    box-sizing : border-box;
    float      : left;
    max-width  : 250px;
    min-width  : 200px;
    padding    : 0 25px 75px 0;
    position   : relative;
    width      : 15%;
}

.sub_content_box_style_2 .sub_menu_box {
    width : 20%;
}

.sub_content_box_style_1 .sub_menu_box h1,
.sub_content_box_style_2 .sub_menu_box h1 {
    margin-top : 25px;
}

.menu_ul li {
    list-style-type : none;
}

.menu_ul a {
    text-decoration : none;
}

.menu_ul.vertical {
    overflow-x : auto;
}

.menu_ul.vertical a {
    display       : block;
    color         : #FFFFFF;
    height        : 24px;
    line-height   : 24px;
    overflow      : hidden;
    padding       : 0 2px;
    transition    : height 300ms;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.menu_ul.vertical a:hover,
.menu_ul.vertical a.active_menu {
    background : #A56734;
}

.menu_ul.left_side {
    border-left        : 5px solid #000000;
    box-shadow         : inset 100px 0 50px -50px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow : inset 100px 0 50px -50px rgba(255, 255, 255, 0.2);
    -moz-box-shadow    : inset 100px 0 50px -50px rgba(255, 255, 255, 0.2);
    padding-left       : 15px;
}

.menu_ul.left_side li.title {
    color       : #A56734;
    font-size   : 16px;
    font-weight : bold;
    margin      : 20px 0 5px -10px;
}

/* DECOR LINES */
.decor_line_h {
    padding  : 0 50px 25px 50px;
    overflow : hidden;
}

.decor_line_h div {
    background         : #A56734;
    box-shadow         : inset 200px 0 100px -100px #1E1E1E;
    -webkit-box-shadow : inset 200px 0 100px -100px #1E1E1E;
    -moz-box-shadow    : inset 200px 0 100px -100px #1E1E1E;
    float              : left;
    height             : 2px;
    width              : 50%;
}

.decor_line_h div:last-child {
    box-shadow         : inset -200px 0 100px -100px #1E1E1E;
    -webkit-box-shadow : inset -200px 0 100px -100px #1E1E1E;
    -moz-box-shadow    : inset -200px 0 100px -100px #1E1E1E;
}

.decor_line_v {
    overflow      : hidden;
    padding-right : 25px;
}

.decor_line_v div {
    background         : #A56734;
    box-shadow         : inset 0 200px 100px -100px #1E1E1E;
    -webkit-box-shadow : inset 0 200px 100px -100px #1E1E1E;
    -moz-box-shadow    : inset 0 200px 100px -100px #1E1E1E;
    height             : 50%;
    width              : 2px;
}

.decor_line_v div:last-child {
    box-shadow         : inset 0 -200px 100px -100px #1E1E1E;
    -webkit-box-shadow : inset 0 -200px 100px -100px #1E1E1E;
    -moz-box-shadow    : inset 0 -200px 100px -100px #1E1E1E;
}

.decor_line_v_2 {
    padding-left  : 25px;
    padding-right : 0;
}

.decor_line_v_2 div {
    float : right;
}

/* CONTENT */
#sub_content_box .content {
    box-sizing : border-box;
    float      : left;
    padding    : 0;
}

.sub_content_box_style_1 .content.one_box,
.sub_content_box_style_2 .content.one_box {
    width : 100%;
}

.sub_content_box_style_1 .content.two_box,
.sub_content_box_style_2 .content.two_box {
    width : 80%;
}

.sub_content_box_style_1 .content.three_box,
.sub_content_box_style_2 .content.three_box {
    width : 70%;
}

#sub_content_box .site_icons {
    float          : right;
    letter-spacing : normal;
    text-align     : center;
}

#sub_content_box .site_icons i img {
    height  : 20px;
    width   : 20px;
    display : block;
}

/* FOOTER */
#footer {
    background : #C6B9AE;
    border     : 3px solid #A56734;
    clear      : both;
    height     : 39px;
    margin     : 50px 50px 0 50px;
    position   : relative;
}

#footer div {
    float  : left;
    height : 100%;
    width  : 50%;
}

#footer div:first-child {
    background         : url('../../pictures/footer_bg.png') no-repeat;
    box-shadow         : inset 200px 0 100px -100px #1E1E1E;
    -webkit-box-shadow : inset 200px 0 100px -100px #1E1E1E;
    -moz-box-shadow    : inset 200px 0 100px -100px #1E1E1E;
    color              : #FFFFFF;
}

#footer div:first-child p {
    font-family    : "Century Gothic", sans-serif;
    left           : 0;
    letter-spacing : 2px;
    line-height    : 24px;
    position       : absolute;
    top            : -60px;
}

#footer div:first-child span {
    color : green;
}

#footer div:last-child {
    box-shadow         : inset -200px 0 100px -100px #1E1E1E;
    -webkit-box-shadow : inset -200px 0 100px -100px #1E1E1E;
    -moz-box-shadow    : inset -200px 0 100px -100px #1E1E1E;
    line-height        : 39px;
    padding-right      : 50px;
    text-align         : center;
    width              : 50%;
}

/* ===== MODULES ==================================================================================================== */
/* ===== MARKET LIST ===== */
#market_items .item {
    border-bottom  : 1px solid #C6B9AE;
    display        : flex;
    flex-direction : row;
    flex-wrap      : nowrap;
    gap            : 5px;
    padding        : 5px;
}

#market_items .item:nth-child(even) {
    background: #796E66;
}

#market_items .item:nth-child(odd) {
    background: #A56734;
}

#market_items .item > div:nth-child(2) {
    flex : 1;
}

#market_items .item > div:nth-child(3) {
    align-items : center;
    display     : flex;
}

/* ===== HISTORY ===== */
.history {
    background            : #B5A89C;
    border                : 1px solid #796E66;
    border-radius         : 15px;
    -webkit-border-radius : 15px;
    -moz-border-radius    : 15px;
    display               : grid;
    grid-template-columns : max-content auto;
    margin-bottom         : 5px;
    overflow              : hidden;
    padding               : 5px;
}

.history > dt {
    align-self   : center;
    margin-right : 5px;
    text-align   : center;
}

.history > dd {
    align-self   : center;
    border-left  : 1px solid #796E66;
    padding-left : 2px;
}

.history .text {
    display               : grid;
    grid-template-columns : max-content auto;
}

.history .text dt {
    font-weight : bold;
    text-align  : right;
}

.history .text dd {
    margin-left   : 5px;
    overflow-wrap : anywhere;
    text-align    : left;
}

/* ===== MESSAGE TO ADMIN ===== */
#set_ticket > * {
    background-color                  : #C6B9AE;
    border                            : 1px solid #A56734;
    bottom                            : 100px;
    border-bottom-left-radius         : 10px;
    border-top-left-radius            : 10px;
    -webkit-border-bottom-left-radius : 10px;
    -webkit-border-top-left-radius    : 10px;
    -moz-border-radius-bottomleft     : 10px;
    -moz-border-radius-topleft        : 10px;
    box-shadow                        : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow                : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow                   : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    padding                           : 10px;
    position                          : fixed;
    right                             : 0;
}

#set_ticket_icon {
    aspect-ratio : 1 / 1;
    color        : white;
    font-size    : 30px;
}

#set_ticket_icon:hover {
    color  : #FD7401;
    cursor : pointer;
}

#form_set_ticket {
    max-width : 400px;
    transform : translateX(calc(100% + 15px));
    width     : calc(100% - 30px);
}

#form_set_ticket h1 {
    text-align : center;
}

#set_ticket.open #set_ticket_icon {
    transform : translateX(100%);
}

#set_ticket.open #form_set_ticket {
    transform : translateX(0);
}

/* ===== INFO ===== */
.info {
    border                : 1px solid #A56734;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    margin-bottom         : 10px;
    padding               : 10px 5px 5px 5px;
    position              : relative;
}

.info:before {
    color       : #A56734;
    content     : "\f05a";
    font-family : "Font Awesome 5 Free";
    font-size   : 16px;
    font-weight : 900;
    left        : -4px;
    position    : absolute;
    top         : -4px;
}

/* ===== IMG BORDER ===== */
.img_border_1 {
    border  : 2px solid #E8E3DF;
    padding : 3px;
}

.img_border_1_hover:hover {
    background : #E8E3DF !important;
    cursor     : pointer;
}

/* ===== MAIN BOX ===== */
.main_box_1 {
    background            : #C6B9AE;
    border                : 2px solid #A56734;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    box-shadow            : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow    : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow       : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    margin-bottom         : 15px;
    overflow              : hidden;
    padding               : 10px;
    position              : relative;
}

textarea.main_box_1 {
    overflow : auto;
}

/* ===== ARROWS ===== */
.arrows {
    background                  : url('../../pictures/arrows_1.png');
    cursor                      : pointer;
    height                      : 33px;
    transition-duration         : 0ms;
    -webkit-transition-duration : 0ms;
    -moz-transition-duration    : 0ms;
    -o-transition-duration      : 0ms;
    width                       : 33px;
}

.arrows span {
    line-height : 33px;
    margin-left : 38px;
}

.arrow_left {
    background-position : 33px 0;
}

.arrow_left:hover {
    background-position : 33px 33px;
}

.arrow_right {
    background-position : 99px 0;
}

.arrow_right:hover {
    background-position : 99px 33px;
}

.arrow_top {
    background-position : 0 0;
}

.arrow_top:hover {
    background-position : 0 33px;
}

.arrow_bottom {
    background-position : 66px 0;
}

.arrow_bottom:hover {
    background-position : 66px 33px;
}

/* ===== PICTURE VIEWER 1 ===== */
.pic_viewer_1__album {
    display         : flex;
    flex-wrap       : wrap;
    gap             : 20px 5px;
    justify-content : center;
}

.pic_viewer_1__box {
    min-width : 200px;
    position  : relative;
}

.pic_viewer_1__box:before {
    content     : "";
    display     : block;
    padding-top : calc(100% + 50px);
}

.pic_viewer_1__box .title {
    background            : #A56734;
    border                : 1px solid #A56734;
    border-radius         : 30px;
    -webkit-border-radius : 30px;
    -moz-border-radius    : 30px;
    box-shadow            : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow    : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow       : inset 0 0 10px 0 rgba(0, 0, 0, 0.75);
    box-sizing            : border-box;
    color                 : #FFFFFF;
    left                  : 0;
    overflow              : hidden;
    padding               : 5px 15px;
    position              : absolute;
    text-align            : center;
    text-overflow         : ellipsis;
    -ms-text-overflow     : ellipsis;
    top                   : 0;
    white-space           : nowrap;
    width                 : 100%;
}

.pic_viewer_1__box .title.del {
    background : #CC3333;
}

.pic_viewer_1__box .img_box {
    border     : 2px solid #E8E3DF;
    bottom     : 0;
    box-sizing : border-box;
    overflow   : hidden;
    padding    : 3px;
    position   : absolute;
    top        : 50px;
    width      : 100%;
}

.pic_viewer_1__box .img_box:hover {
    border : 2px solid #A56734;
}

.pic_viewer_1__box .img_box .icon_box {
    position : absolute;
    left     : 5px;
    right    : 5px;
    top      : 5px;
}

.pic_viewer_1__box .album_icon_box {
    clear : both;
}

.pic_viewer_1__box .img_box .counter_box {
    background  : rgba(255, 255, 255, 0.5);
    bottom      : 0;
    color       : #A56734;
    cursor      : pointer;
    font-size   : 16px;
    font-weight : bold;
    left        : 0;
    line-height : 30px;
    position    : absolute;
    right       : 0;
    text-align  : center;
}

.pic_viewer_1__box dl.info {
    background   : #FFFFFF;
    border       : 1px solid black;
    font-size    : 10px;
    padding      : 5px;
    position     : absolute;
    table-layout : fixed;
    top          : 30px;
    width        : 100%;
    z-index      : 1;

    white-space  : pre-wrap; /* CSS3 */
    white-space  : -moz-pre-wrap; /* Firefox */
    white-space  : -pre-wrap; /* Opera <7 */
    white-space  : -o-pre-wrap; /* Opera 7 */
    word-wrap    : break-word; /* IE */
}

.pic_viewer_1__box dl.info td.label {
    width : 35%;
}

.pic_viewer_1__box .thumb {
    left       : 50%;
    max-height : 300px;
    max-width  : 300px;
    min-height : 100%;
    min-width  : 100%;
    position   : absolute;
    top        : 50%;
    transform  : translateY(-50%) translateX(-50%);
}

/* ===================================================================================================================== TEST USER INFO  */
#test_user_info {
    background : #FFFFFF;
    border-top : 5px solid #FD7401;
    bottom     : 0;
    left       : 0;
    position   : fixed;
    right      : 0;
    padding    : 15px;
    text-align : center;
}

#test_user_info span {
    align-items                     : center;
    background                      : #FD7401;
    border-top-left-radius          : 5px;
    -webkit-border-top-left-radius  : 5px;
    -moz-border-radius-topleft      : 5px;
    border-top-right-radius         : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-topright     : 5px;
    display                         : flex;
    height                          : 25px;
    justify-content                 : center;
    left                            : 0;
    position                        : absolute;
    top                             : -25px;
    width                           : 62px;
}

#test_user_info span:hover {
    cursor      : pointer;
    font-size : 150%;
}

#test_user_info.closed span i {
    transform : rotate(180deg);
}

#test_user_info.closed {
    transform : translateY(100%);
}

/* ===== LOADER / BIG PIC VIEWER ===== */
.loader, .big_pic_viewer {
    backdrop-filter         : blur(18px);
    -webkit-backdrop-filter : blur(18px);
    background              : url('../../pictures/loader.gif') center 100px no-repeat rgba(198, 185, 174, 0.5);
    background-size         : 100px 100px;
    bottom                  : 0;
    left                    : 0;
    position                : fixed;
    right                   : 0;
    top                     : 0;
}

.inner_loader {
    font-size : 50px;
}

.big_pic_viewer {
    background-image : none;
    cursor           : pointer;
}

.big_pic_viewer .big_pic_border {
    border   : 3px solid #A56734;
    position : absolute;
}

.big_pic_viewer .big_pic_border .big_pic_img {
    background : #E8E3DF;
}

.bpv_pic {
    cursor : pointer;
}

/* ===== IMG ROTATION ===== */
.rotation:hover {
    animation         : spin 1s linear infinite;
    -webkit-animation : spin 1s linear infinite;
    -moz-animation    : spin 1s linear infinite;
    cursor            : pointer;
}

@keyframes spin {
    100% {
        transform         : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform : rotate(-360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform : rotate(-360deg);
    }
}

/* ===== DISABLED OBJ ===== */
.disabled_obj {
    background : rgba(0, 0, 0, 0.9);
    bottom     : 2px;
    left       : 2px;
    position   : absolute;
    right      : 2px;
    top        : 52px;
}

.disabled_obj img {
    left      : 50%;
    position  : absolute;
    top       : 50%;
    transform : translate(-50%, -50%);
    width     : 33%;
}

/* ===== ICONS ===== */
.i_icons {
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    box-sizing            : border-box;
    color                 : #A56734;
    cursor                : pointer;
    font-size             : 20px;
    height                : 30px;
    padding               : 5px;
    width                 : 30px;
    z-index               : 1;
}

.i_icons:not(.i_icon_disabled):hover {
    background : #A56734;
    color      : #FFFFFF;
}

.i_icons_mini {
    font-size : 15px;
    height    : auto;
    width     : auto;
}

.i_icon_1 {
    color  : #1E1E1E;
    cursor : pointer;
}

.i_icon_1:not(.i_icon_disabled):hover {
    color : #A56734;
}

.i_icon_2 {
    color : #FFFFFF;
}

.i_icon_2:not(.i_icon_disabled):hover {
    color      : #A56734;
    background : #FFFFFF;
}

.i_icon_3 {
    color : #1E1E1E;
}

.i_icon_3:not(.i_icon_disabled):hover {
    color      : #A56734;
    background : none;
}

.icon_2 {
    color     : #A56734;
    font-size : 50px;
    left      : 50%;
    position  : absolute;
    top       : 50%;
    transform : translate(-50%, -50%);
}

.icon_3_parent {
    cursor : pointer;
}

.icon_3_parent:hover i {
    color : #A56734;
}

.i_icon_disabled {
    opacity : 0.5;
    cursor  : auto;
}

.i_info {
    border-radius : 50%;
    font-size     : 150%;
    color         : #A56734;
    margin        : 0 10px;
}

.i_info:hover {
    cursor     : pointer;
    box-shadow : 0 0 0 5px rgba(165, 103, 52, .3);
}

.i_info_color_2 {
    color : #A52A2A;
}

.i_info_color_2:hover {
    cursor     : pointer;
    box-shadow : 0 0 0 5px rgba(165, 42, 42, .3);
}

/* DELETE FILE */
.delete_file_icon_box {
    align-items : center;
    bottom      : 7px;
    display     : flex;
    flex-wrap   : nowrap;
    overflow    : hidden;
    position    : absolute;
    right       : 7px;
}

.delete_file_icon_box.top {
    bottom : auto;
    top    : 7px;
}

.delete_file_icon_box > button {
    transform : translateX(150%);
    z-index   : 2;
}

.delete_file_icon_box.open {
    flex-direction : row-reverse;
}

.delete_file_icon_box.open > button {
    transform : translateX(0%);
}

.delete_file_icon_box.open > i {
    display : none;
}

/* ===== OBJECTS LEFT<=>RIGHT ===== */
.sort_left_right {
    display         : flex;
    flex-wrap       : nowrap;
    font-size       : 20px;
    gap             : 10px;
    justify-content : center;
    padding         : 10px;
}

.sort_left_right:not(.first) .to_left:hover,
.sort_left_right:not(.last) .to_right:hover {
    color  : #A56734;
    cursor : pointer;
}

.sort_left_right.first .to_left,
.sort_left_right.last .to_right {
    opacity                     : 0.2;
    transition-duration         : 0ms;
    -webkit-transition-duration : 0ms;
    -moz-transition-duration    : 0ms;
    -o-transition-duration      : 0ms;
}

/* ===== form.add_picture_l1 TPL ==================================================================================== */
form.add_picture_l1 .pictures,
form.add_picture_l2 .pictures {
    display         : flex;
    flex-wrap       : wrap;
    gap             : 10px 10px;
    justify-content : center;
    padding         : 10px 0;
}

form.add_picture_l1 .pictures > div,
form.add_picture_l2 .pictures > div {
    width : 300px;
}

/* ===== pictures_list_1 TPL ======================================================================================== */
.pictures_list_1,
.pictures_list_1 div.mini {
    display : flex;
    gap     : 2px;
}

.pictures_list_1 {
    flex-wrap       : nowrap;
    justify-content : center;
    margin          : 0 auto;
    width           : 152px;
}

.pictures_list_1 img,
.pictures_list_1 div.mini > * {
    aspect-ratio : 1;
    border       : 2px solid #C6B9AE;
    object-fit   : cover;
}

.pictures_list_1 #first_pic {
    width : 100px;
}

.pictures_list_1.without_mini #first_pic {
    aspect-ratio : auto;
    width        : 100%;
}

.pictures_list_1 div.mini {
    flex-direction : column;
    flex-wrap      : wrap;
    width          : 50px;
}

.pictures_list_1 div.mini > *,
.pictures_list_1 div.mini img {
    width : 50px;
}



.vertical .pictures_list_1 {
    flex-direction : column;
    max-width      : 200px;
    width          : 100%;
}

.vertical .pictures_list_1 img {
    aspect-ratio : unset;
    border-color : #796E66;
}

.vertical .pictures_list_1 #first_pic {
    width : 100%;
}

.vertical .pictures_list_1 .mini {
    flex-direction : row;
    flex-wrap      : nowrap;
    width          : calc(100% - 2px);
}

.vertical .pictures_list_1 .mini > * {
    height : 100%;
    width  : 50%;
}

.vertical .pictures_list_1 .mini .more_pictures img {
    height : 100%;
    width  : 100%;
}
/* ===== OTHERS ===================================================================================================== */
.hidden {
    display : none !important;
}

.disabled {
    opacity : 40%;
}

.flex_align_center {
    display         : flex;
    flex-wrap       : nowrap;
    flex-direction  : row;
    justify-content : center;
}

.align_center {
    text-align : center;
}

.align_left {
    text-align : left;
}

.align_right {
    text-align : right;
}

.clear_both {
    clear : both;
}

.close_float:after {
    clear   : both;
    content : " ";
    display : block;
    height  : 0;
}

.text_justify {
    text-align : justify;
}

img.scale_05:hover {
    transform : scale(1.05);
}

img.scale_5:hover {
    transform : scale(1.5);
}

.horizontal_vertical_center {
    align-items     : center;
    display         : flex;
    height          : 100%;
    justify-content : center;
    width           : 100%;
}

p.error_text {
    color      : #A52A2A;
    text-align : center;
}

*[order="1"] { order : 1; }

*[order="2"] { order : 2; }

*[order="3"] { order : 3; }

*[order="4"] { order : 4; }

*[order="5"] { order : 5; }

*[order="6"] { order : 6; }

*[order="7"] { order : 7; }

*[order="8"] { order : 8; }

*[order="9"] { order : 9; }

*[order="10"] { order : 10; }

.link {
    color           : #1E1E1E;
    cursor          : pointer;
    font-weight     : bold;
    text-decoration : underline;
}

.link:hover {
    color : #A56734;
}

.link_2:hover {
    cursor          : pointer;
    text-decoration : underline;
}

.dialog_text {
    max-width : 400px;
}

.dialog_privacy_statement {
    max-width  : 800px;
    text-align : left;
}

.dialog_privacy_statement h1 {
    text-align : center;
}

.dialog_privacy_statement h2 {
    margin : 20px 0;
}

.dialog_privacy_statement p {
    margin      : 10px;
    text-align  : justify;
    text-indent : 20px;
}

.dialog_privacy_statement li {
    margin-left : 25px;
}

.more_pictures {
    overflow : hidden;
    position : relative;
}

.more_pictures > img {
    border  : none !important;
    opacity : 0.5;
}

.more_pictures > div {
    align-items     : center;
    bottom          : 0;
    color           : #E8E3DF;
    cursor          : pointer;
    display         : flex;
    font-size       : 30px;
    justify-content : center;
    left            : 0;
    position        : absolute;
    right           : 0;
    top             : 0;
}

.more_pictures > div:last-child:hover {
    color     : #FD7401;
    transform : scale(1.5);
}

.disabled_link {
    pointer-events : none;
    cursor         : default;
}

.highlight_orange { color : #FD7401 !important; }

.highlight_red { color : #CC3333 !important; }

.highlight_green { color : #33CC33 !important; }

.highlight_blue { color : #3333CC !important; }

.highlight_input_1 {
    background : #C0C0C0 !important;
    border     : 1px solid #000000 !important;
}

.highlight_input_1 .select2-container--bs2 .select2-selection--single {
    background : none !important;
}

.ellipsis {
    overflow          : hidden;
    text-overflow     : ellipsis;
    -ms-text-overflow : ellipsis;
    white-space       : nowrap;
}

.no_duration,
.no_duration * {
    transition-duration         : 0ms !important;
    -webkit-transition-duration : 0ms !important;
    -moz-transition-duration    : 0ms !important;
    -o-transition-duration      : 0ms !important;
}

.cc_text,
.cc_history_content {
    max-width   : 400px;
    min-width   : 250px;
    text-align  : left;
    white-space : normal;
}

.cc_type .list_price {
    font-size: 20px;
}

.g-recaptcha > * {
    margin : 5px auto;
}

.form_close_icon {
    color       : white;
    font-size   : 30px;
    position    : absolute;
    right       : -15px;
    text-shadow : 0 0 3px #A56734, 0 0 5px #A56734;
    top         : -15px;
}

.form_close_icon_left {
    left : -15px;
}

.form_close_icon:hover {
    color  : #FD7401;
    cursor : pointer;
}

/* NORMAL LIST */
.normal_list {
    font-size  : 16px;
    margin     : 0 auto;
    max-width  : 1000px;
    text-align : center;
    width      : 100%;
}

.normal_list ul {
    margin-left : 50px;
}

.normal_list li {
    text-align      : justify;
    text-align-last : left;
}

.normal_list img {
    border    : 3px solid #A56734;
    margin    : 5px;
    max-width : 80%;
}