.method1{padding:30px;width:100%;height:100%;background:#90ee90}.method1 h1{margin:0}.method2{padding:30px;width:100%;height:100%;background:orange}.method2 h1{margin:0}.method3{padding:30px;width:100%;height:100%;background-image:url("/media/ricky.jpg");background-repeat:no-repeat;background-position:left}.method3 h1{margin:0}.method4{padding:30px;width:100%;height:100%;background-color:#b4d7ff}.method4 .pepe-image{min-height:48px;background-image:url("/media/brokerid-logo-test.png");background-repeat:no-repeat;background-position:left;background-size:contain;display:table}.method4 h1{margin:0;text-align:center}.method4 .row{display:flex}.method4 .col-6{flex:50%}.method4 .col-4{flex:33%}.method4 .col-3{flex:25%}.method4 .col-2{flex:16%}.method4 .btn-success{padding:10px;margin:10px;background-color:#037203;border:1px;border-radius:5px}.method4 .btn-error{padding:10px;margin:10px;background-color:#f37474;border:1px;border-radius:5px}.method6{padding:30px;width:100%;height:100%;background-color:#facdd4;background-image:url("/media/supportive.png");background-repeat:no-repeat;background-position:center;background-size:contain}.method6 h1{margin:0}.method7{padding:30px;width:100%;height:100%;background-color:#00f9ff;background-image:url("/media/pepe_fail.jpg");background-repeat:no-repeat;background-position:center;background-size:cover}.method7 h1{margin:0}.method8{padding:30px;width:100%;height:100%;background-color:#fff}.method8 .content-header{display:flex;height:100px}.method8 .content-header .broker-id-logo{height:60px;width:100px;top:0;position:absolute;background-repeat:no-repeat;background-size:contain;background-image:url("/media/brokerid-logo-test.png")}.method8 .content-header h1{position:absolute;left:160px;top:-10px}.method8 .content-message{padding-bottom:30px}.method8 .content-message h3{width:100%;text-align:center}.method8 .spinner{display:flex;align-items:center}.method8 .spinner .lds-default{display:inline-block;position:absolute;width:80px;height:80px;left:50%}.method8 .spinner .lds-default div{position:absolute;width:6px;height:6px;background:#000;border-radius:50%;animation:lds-default 1.2s linear infinite}.method8 .spinner .lds-default div:nth-child(1){animation-delay:0s;top:37px;left:66px}.method8 .spinner .lds-default div:nth-child(2){animation-delay:-0.1s;top:22px;left:62px}.method8 .spinner .lds-default div:nth-child(3){animation-delay:-0.2s;top:11px;left:52px}.method8 .spinner .lds-default div:nth-child(4){animation-delay:-0.3s;top:7px;left:37px}.method8 .spinner .lds-default div:nth-child(5){animation-delay:-0.4s;top:11px;left:22px}.method8 .spinner .lds-default div:nth-child(6){animation-delay:-0.5s;top:22px;left:11px}.method8 .spinner .lds-default div:nth-child(7){animation-delay:-0.6s;top:37px;left:7px}.method8 .spinner .lds-default div:nth-child(8){animation-delay:-0.7s;top:52px;left:11px}.method8 .spinner .lds-default div:nth-child(9){animation-delay:-0.8s;top:62px;left:22px}.method8 .spinner .lds-default div:nth-child(10){animation-delay:-0.9s;top:66px;left:37px}.method8 .spinner .lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.method8 .spinner .lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}.method1{padding:30px;width:100%;height:100%;background:#f57272}.method1 h1{margin:0}.methodX{height:100%;background-color:#fff;margin:auto;width:50%;padding:30px;min-width:768px}.methodX .header{display:flex;height:100px}.methodX .header .broker-id-logo{height:60px;width:100px;background-repeat:no-repeat;background-size:contain;background-image:url("/media/brokerid-logo-test.png")}.methodX .header h1{display:inline-block;margin-top:12px}.methodX .content{width:720px}.methodX .content button{display:inline-block;width:100%;align-content:center;cursor:pointer;color:#fff;font-size:16px;font-weight:600;height:48px;line-height:24px;outline:0;padding:0 17px;text-align:center;text-decoration:none;transition:all .3s;justify-content:center;letter-spacing:-0.8px;fill:#000;box-sizing:border-box;align-items:center}.methodX .content .option-button{margin-bottom:10px}.methodX .content .option-button button{background-color:#06f;border:2px solid #06f}.methodX .content .option-button button:hover{background-color:#3385ff;border-color:#3385ff;fill:#06f}.methodX .content .error-button{margin-top:10px}.methodX .content .error-button button{background-color:#f44336;border-color:#f44336}.methodX .content .error-button button:hover{background-color:#f10;fill:#f44336}html,body{padding:0;margin:0;width:100vw;height:100vh}.hidden-input{visibility:hidden;display:inline}.btn-success{background-color:#04aa6d;font-size:20px;border-radius:8px;border-style:none;padding:8px;margin-bottom:5px}.btn-error{background-color:#f44336;font-size:20px;border-radius:8px;border-style:none;padding:8px}.btn-success:hover{background-color:#00ff9f}.btn-error:hover{background-color:#f10}