html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
    /*background-color: #f18903;*/
}

body {
    margin-bottom: 60px;
}

.container-color {
    border: 5px solid;
    border-color: #f18903;
}

@-webkit-keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

.invalid {
    -webkit-animation: invalid 1s infinite; /* Safari 4+ */
    -moz-animation: invalid 1s infinite; /* Fx 5+ */
    -o-animation: invalid 1s infinite; /* Opera 12+ */
    animation: invalid 1s infinite; /* IE 10+ */
}

fieldset {
    border: 1px solid #000;
}

.accordion-button {
    background-color: lightgray;
}

.pointer {
    cursor: pointer;
}

.alert {
    padding: 10px;
    /*margin: 21px 21px 0 21px;*/
    margin: 21px 21px 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    width: 79%
}

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    /*padding-right: 35px;*/
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #18bc9c;
    border-color: #18bc9c;
    color: #ffffff;
}

    .alert-success hr {
        border-top-color: #15a589;
    }

    .alert-success .alert-link {
        color: #e6e6e6;
    }

.alert-info hr {
    border-top-color: #258cd1;
}

.alert-info .alert-link {
    color: #e6e6e6;
}

.alert-warning {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

    .alert-warning hr {
        border-top-color: #e08e0b;
    }

    .alert-warning .alert-link {
        color: #e6e6e6;
    }

.alert-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

    .alert-danger hr {
        border-top-color: #e43725;
    }

    .alert-danger .alert-link {
        color: #e6e6e6;
    }

.close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    filter: alpha(opacity=20);
    text-decoration: none;
    opacity: 0.4;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
/*.text-center{float: left;width: 50%;color: #fff;margin-left: 23px;margin-top: 37px;}
.text-center a { color: #fff;font-size: 13px; }*/
/*.text-danger {
    color: #b94a48;
}*/

:root {
    --esan-color: #ffa500;
}