:root {
    --primary-text-color: black;
    --warning-text-color: #dc3545;
    --font-family: Arial, Helvetica, sans-serif;
}

/* Selectize drop down styling */
.selectize-control.invalid ~ .invalid-feedback {
    display: block;
}

.was-validated .selectize-input {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(1.75em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .selectize-input.invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
        background-repeat: no-repeat;
        background-position: center right calc(1.75em + 0.1875rem);
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

.required:after {
    content: " *";
    color: var(--warning-text-color);
}

.fa-info-circle:before {
    padding: .25em;
}

/*Styling for recurring transaction elements*/
select.recurring-input {
    text-align-last: right;
}

.recurring-block {
    padding-bottom: .5em;
}

.recurring-input, .recurring-payments {
    display: inline;
    width: 5em;
}

/***********************************
   Login.mt.gov
************************************/
main {
    min-height: 282px;
    padding-bottom: 1px;
}

.okta-login {
    width: 300px;
    height: 224px;
    top: calc(50% - 224px/2); /* height divided by 2*/
    left: calc(50% - 300px/2); /* width divided by 2*/
    margin: 0 auto 30px auto;
    background-color: #3A5C81;
    border: solid 1px #14365B;
    text-align: center;
}

#okta-login {
    position: absolute;
}

    .okta-login a {
        color: #0090cb;
    }

        .okta-login a:hover {
            color: #0077B2;
        }

    .okta-login .logo {
        width: 150px;
    }

    .okta-login .btn-danger {
        background: #7b1212;
        border: 1px solid #620000;
    }

        .okta-login .btn-danger:hover {
            background: #620000;
        }

    .okta-login p {
        font-size: 90%;
    }

/* remove arrows from input[type=number] fields */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* custom sizing */
.wc-1 {
    width: 1em;
}

.wc-5 {
    width: 5em;
}

.wc-75 {
    width: 7.5em;
}

.wc-10 {
    width: 10em;
}

.pointer {
    cursor: pointer;
}

/* template.mt.gov */
#template-page-wrapper {
    padding-top: 4em;
}

p, blockquote, dl, ol, ul, fieldset, form, table {
    margin: 0;
}

.sortable-placeholder {
    background-color: gray !important;
    border: .15em dashed black;
    margin: .5em;
}

.sortable-template {
    height: 3em !important;
    background-color: #ffffff;
    border: .1em solid black;
}

.sort-height {
    max-height: 3em !important;
}

.ui-sortable-handle {
    display: table-cell;
    vertical-align: middle !important;
    cursor: grab;
}

/*Complete & Receipt*/
.receipt .btn-primary {
    font-size: 18px;
}

.btn-top-print {
    position: absolute;
    top: 38px;
    right: 38px;
}

.receipt .actions {
    background: #14365B;
    padding-bottom: 30px;
}

.fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    padding: 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    width: 35%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
}

@page {
    margin: 0.5cm;
}

@media print {
    html, body {
        height: auto;
    }

    body {
        font: 14pt Open Sans, Helvetica, Arial, sans-serif;
        line-height: 1.3;
    }

    main {
        padding-top: 0 !important;
    }

    img {
        max-width: 100%,
    }

    .reverse {
        background: transparent !important;
        color: #14365B !important;
    }

    #tenant-header a, #tenant-footer a, .alert {
        display: none;
    }

    #template-header, #template-footer {
        display: none;
    }

    #header, #footer, .fixed-top {
        position: relative !important;
    }

    .print-space {
        padding: 0 !important;
        line-height: 1 !important;
    }
}

/*Disabled labels*/
.disabled label {
    color: #ccc;
}

/*Medium devices (phones, 576px or less)*/
@media (max-width: 576px) {
    #okta-login {
        position: unset;
    }
}