body{margin:0px;padding:0;background:url('bgop.jpg') #ebebeb;font-family:arial;font-size:12px;color:#333;}
input, select, button, label, textarea{margin:0;padding:0;background:none;border:none;outline:none;font-size:14px;color:#333;}
button:hover{cursor:pointer;}
a{text-decoration:none;}

.material-symbols-outlined{vertical-align:bottom;}

/* ----- CONTENT ----- */

    .content{position:relative;display:block;max-width:1400px;min-height:100dvh;margin:auto;background:#fff;box-shadow:0px 0px 40px -10px #808080;}

/* ----- HEADER ----- */

    header{position:relative;z-index:1;height:71px;background:#fafafa;border-bottom:1px solid #f0f0f0;}
    header table{width:100%;height:100%;border-collapse:collapse;}
    header td{padding:0px;white-space:nowrap;vertical-align:middle;}
    header span{margin-left:-4px;margin-right:4px;}
    header i{font-style:normal;}

    /* ----- ----- ----- */

    header div{display:inline-block;padding:6px 12px;border-radius:4px;background:#e0ebff;line-height:24px;font-size:14px;color:#333;font-weight:bold;}
    header div:not(:first-child){margin-left:9px;}
    header div.processing{background:#ffe0e0;}

    /* ----- ----- ----- */

    header .logo{width:239px;border-right:1px solid #f0f0f0;text-align:center;}
    header .toolbar{padding:0 18px;text-align:left;}
    header .user{padding:0 18px;text-align:right;}

    /* ----- LOGO ----- */

    header .logo a{display:inline-block;font-size:18px;color:transparent;letter-spacing:2px;}

    .rainbow {
        background:linear-gradient(70deg, #36cf9c, #b3fded, #23a08b, #b3fded, #36cf9c);
        background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 12s linear infinite;
    }

    @keyframes shine {to{background-position: 200% center;}}

    /* ----- ----- ----- */

    header button{display:inline-block;padding:6px 12px;border-radius:4px;background:#80ffbf;line-height:24px;font-size:14px;color:#333;font-weight:bold;}
    header button:hover{background:#99ffcc;}
    header button:active{background:#80ffbf;}
    header button:not(:first-child){margin-left:9px;}

    /* ----- ----- ----- */

    @media all and (min-width:1200px) {

        

	}

    @media all and (max-width:1199px) and (min-width:1000px) {

        header .logo{display:none;}
		
	}
	
	@media all and (max-width:999px) {

        header .logo{display:none;}
        /*header span{margin-left:-4px;margin-right:-4px;}
        header i{display:none;}*/

	}

/* ----- ASIDE ----- */

    aside{position:absolute;top:72px;bottom:0;left:0;width:227px;padding:12px 12px 12px 0;background:#fafafa;border-right:1px solid #f0f0f0;overflow:auto;}
    aside a{display:block;padding:12px 24px;line-height:24px;font-size:14px;color:#333;letter-spacing:1px;}
    aside a:hover{background:#99ffcc;color:#333;}
    aside a:active{color:#333;}

    aside a.tg{color:#19a1e6;}

    aside i{font-style:normal;}
    aside i b{padding:4px 7px;background:#80d4ff;border-radius:12px;line-height:16px;font-weight:normal;font-size:12px;}

    aside a span{margin-right:4px;}

    aside hr{margin:12px -12px 12px 0;border:none;border-top:1px solid #f0f0f0;}

    @media all and (max-width:999px) {

        aside{width:59px;}
        aside i{display:none;}

	}

/* ----- MAIN ----- */

    main{position:relative;margin-left:240px;}

    main h1{position:relative;margin:0;padding:30px 24px;line-height:24px;font-size:18px;letter-spacing:1px;font-weight:normal;}
    main h1:not(:first-child){border-top:1px solid #f0f0f0;}
    main h1 span{margin-right:4px;}

    main h1 div{position:absolute;top:24px;right:24px;display:inline-block;padding:6px 12px;border-radius:4px;background:#e0ebff;line-height:24px;letter-spacing:0px;font-size:14px;color:#333;font-weight:bold;}
    main h1 div span{margin-left:-4px;margin-right:4px;}

    main h1 button{position:absolute;top:24px;right:24px;display:inline-block;padding:6px 12px;border-radius:4px;background:#80ffbf;font-size:14px;color:#333;font-weight:bold;line-height:24px;}
    main h1 button:hover{background:#99ffcc;}
    main h1 button:active{background:#80ffbf;}
    main h1 button span{margin-left:-4px;margin-right:4px;}

    main .toolbar{position:absolute;top:24px;right:24px;}
    main .toolbar div{display:inline-block;padding:6px 12px;border-radius:4px;background:#e0ebff;line-height:24px;font-size:14px;color:#333;font-weight:bold;}
    main .toolbar button{display:inline-block;padding:6px 12px;border-radius:4px;background:#80ffbf;font-size:14px;color:#333;font-weight:bold;line-height:24px;}
    main .toolbar button:hover{background:#99ffcc;}
    main .toolbar button:active{background:#80ffbf;}

    main .toolbar button i{font-style:normal;}

    main .toolbar span{margin-left:-4px;margin-right:4px;}

    main hr{margin:24px -24px 16px;border:none;border-top:1px solid #f0f0f0;}

    @media all and (max-width:999px) {

        main{margin-left:72px;}

	}

    /* ----- ----- ----- */

    .block{position:relative;padding:24px;}
    .block:not(:first-child){border-top:1px solid #f0f0f0;}
    .block table{width:100%;border-collapse:collapse;}
    .block caption{position:relative;padding-bottom:12px;text-align:left;line-height:24px;font-size:18px;letter-spacing:1px;}
    .block caption span{margin-right:4px;}
    .block caption form{position:absolute;top:0;right:0;}
    .block caption input{height:22px;padding:0 6px;border:1px solid #f0f0f0;border-radius:4px;font-size:12px;}
    .block thead tr{background:#fafafa;border:1px solid #f0f0f0;text-align:left;}
    .block tbody tr:not(.pagination){border:1px solid #f0f0f0;}

    .block tbody td.deposit{color:#1dc91d;white-space:nowrap;}
    .block tbody td.withdraw{color:#c91d1d;white-space:nowrap;}
    .block tbody td.pending{color:#c9c91d;white-space:nowrap;}
    .block tbody td.processing{color:#1d8fc9;white-space:nowrap;}
    .block tbody td.rejected{color:#333;white-space:nowrap;}
    .block tbody td.canceled{color:#333;white-space:nowrap;}
    .block tbody td.completed{color:#1dc91d;white-space:nowrap;}

    .block tbody td span.verified{color:#1dc91d;}
    .block tbody td span.not_verified{color:#c91d1d;}

    .block tbody tr:not(.pagination):hover{background:#f0f0f0;}

    .block th{padding:12px;}
    .block td{padding:10px 12px;}

    .block .search{position:relative;padding:0;background:#fff;}
    .block .search span{position:absolute;top:10px;left:9px;font-size:18px;}
    .block .search input{width:calc(100% - 32px);height:100%;padding:10px 0 10px 32px;font-size:12px;}

    .block td button{display:inline-block;font-size:12px;color:#1f7ead;}
    .block td button:hover{color:#269dd9;}
    .block td button:active{color:#1f7ead;}

    .block td a{display:inline-block;color:#1f7ead;}
    .block td a:hover{color:#269dd9;}
    .block td a:active{color:#1f7ead;}

    .block td span{line-height:14px;font-size:20px;}

    .loading{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff33;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
    .loading div{position:absolute;top:50%;height:0;width:100%;line-height:0;text-align:center;font-size:18px;color:#333;}
    .loading span{line-height:0;}

/* ----- PAGINATION ----- */

    .pagination{text-align:right;}
    .pagination td{padding:0;}
    .pagination td font{display:inline-block;line-height:32px;margin:24px 0 0 12px;padding:0 12px;background:#e0ebff;border-radius:4px;font-weight:bold;font-size:14px;color:#000;}
    .pagination td span{display:inline-block;margin:0 0 0 12px;font-size:18px;color:#333;}
    .pagination td a{display:inline-block;line-height:32px;margin:24px 0 0 12px;padding:0 12px;background:#80ffbf;border-radius:4px;font-weight:bold;font-size:14px;color:#333;}
    .pagination td a:hover{color:#000;}

/* ----- MODAL WINDOW ----- */

    .mw{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;overflow:auto;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
    .mw table{position:relative;width:100%;height:100%;border-collapse:separate;border-spacing:0;}
    .mw td{position:relative;padding:0;text-align:center;vertical-align:middle;}
    .mw_shadow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#cccccc80;}
    .mw_content{position:relative;display:inline-block;width:320px;background:#fff;border-radius:4px;box-shadow:0px 0px 40px -10px #ccc;overflow:hidden;}
    .close_mw{z-index:1;position:absolute;top:16px;right:16px;color:#d6d6d6;cursor:pointer;}

    /* ----- ----- ----- */

    .mw p{display:inline-block;width:100%;margin:0;padding:16px 0;font-size:18px;text-align:center;color:#333;text-transform:uppercase;letter-spacing:2px;}
    .mw p span{margin-left:-4px;margin-right:4px;}
    .mw img{display:block;width:100%;}

    .mw form{position:relative;width:280px;padding:20px;border-top:1px solid #f0f0f0;}
    .mw form button{margin-top:12px;}
    .mw input{display:block;width:100%;padding:10px 12px;border-radius:4px;background:#f5f5f5;font-size:14px;color:#333;box-sizing:border-box;}
    .mw input:disabled{background:#e0ebff;}
    .mw textarea{display:block;width:100%;height:72px;resize:none;padding:10px 6px 10px 12px;border-radius:4px;background:#f5f5f5;font-size:14px;color:#333;box-sizing:border-box;}
    .mw textarea::placeholder{color:#999;letter-spacing:1px;font-style:oblique;text-transform:none;}
    .mw input::placeholder{color:#999;letter-spacing:1px;font-style:oblique;text-transform:none;}

    .mw .auth_code_input{width:100%;padding:4px 0px 4px 12px;text-align:center;letter-spacing:12px;font-size:24px;box-sizing:border-box;}
    .mw .auth_code_input::placeholder{letter-spacing:12px;font-style:normal;}

    .mw span.left{margin-left:-4px;margin-right:4px;}
    .mw span.center{margin-right:-3px;}
    .mw span.right{margin-left:4px;margin-right:-4px;}

    .mw input:not(:first-child), .mw textarea:not(:first-child){margin-top:12px;}
    .mw input[name="email"], .mw input[name="new_password"]{margin-top:0;}

    .mw .buttons{padding:20px;}
    .mw .buttons:not(:first-child){border-top:1px solid #f0f0f0;}

    .mw button{display:inline-block;width:100%;padding:6px 8px;border-radius:4px;background:#80ffbf;font-size:14px;color:#333;font-weight:bold;line-height:24px;}
    .mw button:hover{background:#99ffcc;}
    .mw button:active{background:#80ffbf;}
    .mw button:disabled{background:#ccffe6;color:#999;cursor:default;}

    .mw button.short{width:36px;}
    .mw button.half{width:134px;}
    .mw button.long{width:232px;}

    .mw button.left{margin-right:12px;text-align:left;}
    .mw button.right{text-align:right;}

    .mw a{display:block;padding:16px;border-top:1px solid #f0f0f0;text-decoration:none;line-height:24px;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px;}
    .mw a:hover{color:#333;cursor:pointer;}
    .mw a:active{color:#666;}

    .mw .select_field{position:relative;width:256px;padding:10px 12px;background:#e0ebff;border-radius:4px;text-align:left;font-size:14px;color:#333;cursor:pointer;}
    .mw .select_field:hover{background:#d6e4ff;}
    .mw .select_field:not(:first-child){margin-top:12px;}
    .mw .select_field span{position:absolute;top:6px;right:2px;color:#708bc2;cursor:pointer;}

    .mw .mw_select{position:relative;width:290px;padding:15px;border-top:1px solid #f0f0f0;text-align:left;}
    .mw .mw_select button{display:inline-block;width:135px;margin:5px;padding:6px 10px;border-radius:4px;background:#e0ebff;font-size:14px;color:#333;font-weight:normal;line-height:24px;}
    .mw .mw_select button:hover{background:#d6e4ff;}
    .mw .mw_select button:active{background:#e0ebff;}

    .payment_details{padding:15px;border-top:1px solid #f0f0f0;font-size:14px;}
    .payment_details>div{display:inline-block;width:100%;}
    .payment_details>div.short{width:50%;}
    .payment_details>div>div{padding:5px;color:#999;}
    .payment_details i{display:block;padding:5px 0;line-height:24px;font-size:18px;font-style:normal;color:#333;word-break:break-all;letter-spacing:1px;}

    .payment_details button{width:100%;border-radius:4px;border:1px solid #ccc;background:none;font-weight:normal;font-size:18px;font-style:normal;color:#333;word-break:break-all;letter-spacing:1px;}
    .payment_details button:hover{background:#ccffe6;}
    .payment_details button:active{background:none;}

    .payment_instruction{padding:15px;border-top:1px solid #f0f0f0;}
    .payment_instruction div{text-align:center;font-size:18px;line-height:42px;color:#d51212;}
    .payment_instruction ol{margin:0;padding:0 0 8px 24px;}
    .payment_instruction li{font-size:14px;text-align:left;line-height:24px;}

    .mw .warning{background:#f5f5f5;}
    .mw .warning div{padding:16px;border-top:1px solid #f0f0f0;font-size:12px;color:#333;text-transform:uppercase;letter-spacing:1px;line-height:22px;}

    .mw .log div{padding:20px;border-top:1px solid #f0f0f0;font-size:12px;color:#ff6666;text-transform:uppercase;letter-spacing:1px;}

/* ----- AUTHENTICATION ----- */

    #login_title{display:inline-block;width:50%;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    #signup_title{display:inline-block;width:50%;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    #login_title.inactive, #signup_title.inactive{background:#f0f0f0;cursor:pointer;}
    #login_title.inactive p, #signup_title.inactive p{color:#666;}

    input[name="invite_code"]{text-transform:uppercase;}

    .password_reset{display:block;padding:16px;border-top:1px solid #f0f0f0;text-decoration:none;line-height:24px;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px;}
    .password_reset:hover{color:#333;cursor:pointer;}
    .password_reset:active{color:#666;}

    #input_code_form input[name="code"]{padding:4px 0px 4px 12px;text-align:center;letter-spacing:12px;font-size:24px;}
    #input_code_form input[name="code"]::placeholder{letter-spacing:12px;font-style:normal;}

/* ----- ----- ----- */