/* Typography */
@font-face { font-family: "FrutigerNextPro-Heavy"; font-style: normal; font-weight: bold; src: url("/static/tradeplatform/fonts/FrutigerNextPro/FrutigerNextPro-Heavy.otf"); }

@font-face { font-family: "FrutigerNextPro-HeavyIta"; font-style: italic; font-weight: bold; src: url("/static/tradeplatform/fonts/FrutigerNextPro/FrutigerNextPro-HeavyIta.otf"); }

@font-face { font-family: "FrutigerNextPro-Medium"; font-style: normal; font-weight: normal; src: url("/static/tradeplatform/fonts/FrutigerNextPro/FrutigerNextPro-Medium.otf"); }

@font-face { font-family: "FrutigerNextPro-MediumIta"; font-style: italic; font-weight: normal; src: url("/static/tradeplatform/fonts/FrutigerNextPro/FrutigerNextPro-MediumIta.otf"); }

@font-face { font-family: "FrutigerNextPro-Light-300"; font-style: normal; font-weight: 300; src: url("/static/tradeplatform/fonts/FrutigerNextPro/FrutigerNextPro-Light-300.otf"); }

.login-top-bar { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: start; height: 70px; }

.logo { width: 14%; height: auto; }

.my-login-page .card-wrapper { width: 500px; }

.my-login-page .form-control { border: 1px solid #848484; }

.custom-control-input:checked ~ .custom-control-label::before { color: #58b798; background-color: #58b798; border-color: #EEEBED; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #EEEBED; }

@media only screen and (max-width: 768px) { .register-card { display: block; } .logo-position { margin-bottom: 7%; } }

@media only screen and (max-width: 540px) { .my-login-page .card-wrapper { width: 84%; margin: 0 auto; } .my-login-page .card.fat { padding: 25px 25px; } .bottom-links.item-1 > div:nth-child(2) > span { font-size: 0.85rem; } .bottom-links.item-2 > div.in-item-2 > span { font-size: 0.85rem; } }

@media only screen and (max-width: 425px) { .my-login-page .card-wrapper { width: 84%; margin: 0 auto; } .card.fat { margin-bottom: 14rem; } .footer-links { grid-template-columns: 1fr; } .item-1 { width: 84%; text-align: center; margin: 10px auto; border-radius: 0.25rem; display: grid; grid-template-rows: 20px 20px; grid-template-columns: 1fr; justify-items: center; } .item-2 { width: 84%; text-align: center; margin: 10px auto; border-radius: 0.25rem; display: grid; grid-template-rows: 20px; grid-template-columns: 1fr; justify-items: center; } .in-item-1 { display: grid; grid-row: 1; } .in-item-2 { display: grid; grid-row: 2; } }

@media only screen and (max-width: 350px) { .my-login-page .card.fat { padding: 25px 10px; } }

@media screen and (max-width: 320px) { .my-login-page .card.fat { padding: 0; } .my-login-page .card.fat .card-body { padding: 25px 20px; } .logo-position { margin-bottom: 10%; } }