/*Stop iOS styling input fields and buttons*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox
a[type="button"],
a[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
}

body, .form-control, .btn {
    font-size: .9rem;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

ul {
    padding-left: 1rem;
}

.alert ul {
    margin-bottom: 0.5rem;
}

label {
    color: #6c757d;
}

strong {
    font-weight: 600;
}

a {
    cursor: pointer;
}

    a:hover, a:focus {
        text-decoration: none;
    }
/*max width of text block*/
.text-block {
    max-width: 700px;
}

.one-column-form .form-group {
    margin-bottom: 1rem;
}
/**
 * ------------------------------------------------------------------------
 * Colors
 * ------------------------------------------------------------------------
 */
.btn-secondary {
    background-color: #e4e7eb; /*telerik grey*/
    border-color: #e4e7eb;
    color: #212529;
}

    .btn-secondary:hover {
        background-color: #c7cdd5;
        border-color: #c7cdd5;
        color: #212529;
    }

.btn.bg-red:hover {
    background: #aa1e2b;
    border-color: #aa1e2b;
    color: #fff;
}

.btn.bg-yellow:hover {
    background: #fcbc00;
    border-color: #fcbc00;
    color: #fff;
}

.btn.bg-green:hover {
    background: #285c28;
    border-color: #285c28;
    color: #fff;
}

/*text color #212529*/
.text-red {
    color: #dc3545;
}

.untranslatable {
    color: #007bff;
}

button.bg-green.k-button,
button.bg-red.k-button,
button.bg-yellow.k-button {
    color: #fff;
}

.bg-green,
.blazored-toast-success {
    background: #28a745; /*Bootstrap green*/
}

    .blazored-toast-success .blazored-toast-progressbar > span,
    .bg-green.k-button:hover, bg-green.k-button.k-state-hover {
        background: #285c28;
    }


.bg-red,
.blazored-toast-error {
    background: #dc3545; /*Bootstrap red*/
}

    .blazored-toast-error .blazored-toast-progressbar > span,
    .bg-red.k-button:hover, bg-red.k-button.k-state-hover {
        background: #aa1e2b;
    }

.bg-yellow,
.blazored-toast-warning {
    background: #ffc107; /*Bootstrap yellow*/
}

    .blazored-toast-warning .blazored-toast-progressbar > span,
    .bg-yellow.k-button:hover, bg-yellow.k-button.k-state-hover {
        background: #fcbc00;
    }

.bg-orange {
    background: #fd7e14; /*Bootstrap orange*/
}

.bg-blue,
.blazored-toast-info {
    background: #017cff;
}

    .blazored-toast-info .blazored-toast-progressbar > span {
        background: #005aba;
    }

.validation-message {
    color: #dc3545; /*Bootstrap red*/
}

/**
 * ------------------------------------------------------------------------
 * Login Page
 * ------------------------------------------------------------------------
 */
img.login-logo {
    max-width: 160px;
    padding-bottom: 2rem;
}

p img.login-logo {
    text-align: center;
}

h1.display-title {
    margin-bottom: 0;
}

.display-title {
    font-weight: 500;
    font-size: 2.2rem;
}

@media(max-width: 575px) {
    .display-title {
        font-size: 2rem;
    }
}

.login,
.image {
    min-height: 100vh;
}

.bg-image {
    background-image: url('../img/login.png');
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: rgba(0, 123, 255, 0.125);
}