﻿@import url('wizard.css');

:root {
	--apps-color-linear-1: #435c8c; 
	--apps-color-1: #435c8c; 
    --apps-color-2: #818188;
    --apps-color-3: #7777a8;
    --apps-color-linear-1: linear-gradient(270deg, #435c8c 0%, rgb(67 92 140) 100%);
    --apps-color-linear-2: linear-gradient(270deg, #435c8c 0%, rgb(67 92 140) 100%);
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100 400;
    background: white;
    background-color : white;
    color: var(--apps-color-1);
}

form label{
    color : white;
    font-size:1rem;
    font-weight:300 !important;
}

.divider-txt {
    color: var(--apps-color-linear-1);
    background-color: white;
}

.divider-logoimg {
    content: url('../images/logo/mpclogo.png');
}

.divider-bgimg {
    background-image: url('../images/bg/geometi1-6.png'), url('../images/bg/geometi3-6.png');
}

a {
    color: var(--apps-color-2) !important;
    font-weight: 700;
}

.btn {
    background: var(--apps-color-linear-1);
    color: white;
    box-shadow: none;
    border-radius: 50px;
}

.btn-success {
    color: #fff;
    background-color: var(--apps-color-2) !important;
}

.btn-success:hover {
    color: #fff;
    background-color: var(--apps-color-1);
    border-color: var(--apps-color-1);
}

.btn-broker {
    background: var(--apps-color-linear-2);
    color: white;
    box-shadow: none;
    border-radius: 50px;
}

.display-1,.display-2,.display-3,.display-4,.display-5{
    font-weight: 700;
    font-size: 50px;
    color: var(--apps-color-linear-1);
}

.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    background-color: inherit;
}

.mpc-title {
    background-color: transparent;
    padding: 0.8rem 1.2rem 0.5rem 1.2rem !important;
    margin-top: 10px;
    margin-bottom: 40px;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    border-bottom: double 3px var(--apps-color-linear-1);
}

.rdo-register-step li.current a span {
    background: var(--apps-color-1);
    color: white;
}

.rdo-register-step li.done a {
    color: var(--apps-color-2) !important;
    cursor: pointer;
}

.rdo-register-step li.current a {
    font-weight: 600;
    color: var(--apps-color-1) !important;
    cursor: pointer;
}

.rdo-register-step li.done a span {
    background: var(--apps-color-2);
    color: white;
}

.rdo-register-step li.done:after, .rdo-register-step li.current:after {
    background-color: rgb(127 83 94);
}

.footer-nav  {
    background-color: #435c8c;
}

.text-footer {
    color : white;
}

.box-white {
    background-color: white !important;
    display:inline !important;
    margin-right:5px;
}