button:disabled,
button[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

input.error,
select.error {
    border: 1px solid red;
}

input:valid {
    border: 1px solid black;
}

body{
    background-color: #303942;
    font-family: 'Montserrat', sans-serif;
}

.card{
    max-width: 500px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 2.75rem 0 1rem;
    font-family:'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.15;
}

.text-header-blue{
    color: #112a4e;
}

.text-semi-bold {
    font-weight: 600;
}

.btn.btn-success{
    padding: 16px 24px !important;
    background:#6f9a00;
    border: 0px;
}

.btn.btn-success:hover:not([disabled]),.btn.btn-success:active:not([disabled]){
    background:#568100 !important;/*Darken by 10% */
}

.btn.btn-success:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}

/** Fonts **/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff') format('woff'),
        /* Modern Browsers */ url('../fonts/Montserrat-Regular.woff2') format('woff2'); /* Modern Browsers */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        /* Modern Browsers */ url('../fonts/Montserrat-SemiBold.woff2') format('woff2'); /* Modern Browsers */
    font-weight: 600;
    font-style: normal;
}