/************* GP common used styles *************/

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);
@import url(css/widget/fonts/text-security/text-security-disc.min.css);
@import url(css/widget/button.css);
@import url(css/widget/toggle.css);
@import url(css/widget/header.css);
@import url(css/widget/tab.css);
@import url(css/widget/card.css);
@import url(css/widget/notice.css);
@import url(css/widget/breadcrumb.css);
@import url(css/widget/accordion.css);
@import url(css/widget/form.css);

/********* Colors *********/
.brand-color {
    color: #004A80;
}

h1, 
h2, 
h3, 
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.font-regular {
    font-weight: 300;
}

.font-semibold {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

p,
div,
span {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

/********* Link *********/
a {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
	outline: 2px solid #2277bb;
    outline: auto 2px Highlight;
    outline: auto 2px -webkit-focus-ring-color;
    outline-offset: 0;
    text-decoration: underline;
}

a.disabled,
a.blue-link.disabled,
a.white-link.disabled {
    color: #9A9FAC !important;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent !important;
}

a.blue-link {
    color: #004A80;
}

a.white-link {
    color: #fff;
}

/***************************** Mobile /*****************************/
@media screen and (max-width: 768px) {
    p,
    div,
    span {
        font-size: 1em;
    }

    a {
        font-size: 1em;
    }
    
}