:root {
    --primary: #ffffff;
    --primary_blue: #000000;
    --primary_orange: #FF8730;
    --secondary_orange: #FF6B00;
    --secondary_blue: #1D71B8;

    --main-size: 8px;
}

.main {
    font-size: var(--main-size);
    height: 100vh;
}

.page-top {
    width: 100%;
    height: 40%;
    background-color: var(--primary);
    display: flex;   
    align-items: flex-end;
    justify-items: center;
}

.page-top__code {
    font-size: 290px;
    color:  var(--primary_blue);
    line-height: 190px;
    text-align: center;
    width: 100%;
    font-weight: 900;
}

.page-bottom {
    height: 60%;
    width: 100%;
    background-color: var(--primary_blue);
    color: var(--primary);
}

.page-bottom__main-text {
    font-size: 48px;
    line-height: 72px;
    padding:  0 8%;
}

.page-bottom__main-description {
    font-size: 18px;
    padding: 8px;
}

.page-bottom__email {
    background: var(--primary_orange);
    font-size: 32px;
    color:  var(--primary);
}

/* Widgets */

.tm-widgets-image {
    margin: 0;
    padding: 0;
    object-fit: contain;
}

.tm-logo {
    height: 60px;
    width: auto;
}

.tm-footer {
    width: 100%;
    height: auto;
}

.tm-switch {
    display: flex;
    min-width: 125px;
    justify-content: space-between;
}

 /* Bootstrap style reset */

.container .row {
    color: var(--primary_blue);
}

.bg-primary {
    background-color: var(--primary_orange);
}

.nav-link {
    color: var(--primary_blue);  
}

.btn-warning {
    background-color: var(--secondary_orange);
    border: none;
    color: var(--primary);
}

.btn-warning:hover, .btn-warning:active, .btn-warning:focus{
    background-color: var(--primary_orange);
    color: var(--primary);
    outline: none;
}

.btn-secondary {
    background-color: var(--secondary_blue);
    border: none;
    color: var(--primary);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background-color: var(--primary_blue);
    color: var(--primary);
}
.nav-link:hover {
    color: var(--secondary_blue);  
}

.btn-primary {
    background-color: var(--primary_orange);
    border: none;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: var(--secondary_orange);
    border: none;
}

.widgets-form input, .widgets-form select, .widgets-form option{
    color: var(--primary_blue);
    margin: 4px 8px;
}

h1 {
    margin-bottom: 24px;
    color: var(--primary_blue);
}

h2, h3, h4, p, ul {
    color: var(--primary_blue);
}

.border {
    border: 1px solid var(--primary_blue);
}

.tm-hidden {
    display: none;
}

.widgets-form input {
    transform: scale(1.4);
    margin-left: 4px;
    margin-right: 4px;
}

label {
    padding-left: 8px;
}

/* Account form */

.account-form label:after, .account-form legend:after {
    content: ':';
}

#account_accounts legend {
    display: none;
}

#account_accounts > .account-row:nth-child(odd){
    background-color: rgb(243, 249, 253);
}

.account-row {
    padding-top: 16px;
}