@import url('site.noauth.css');
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #5867dd;
    --secondary: #ebedf2;
    --success: #e41554;
    --info: #36a3f7;
    --warning: #ffb822;
    --danger: #f4516c;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 0;
    --font-family-monospace: "Fira Sans Condensed", sans-serif;
    --successdark: #880c32;
    --successlight: #ee7298;
    --successhover: #f4f5f8;
    --successcontrast: #fff;
    --hover: #F8F8F8 !important;
    --selected: var(--success) !important;
    --contrastfront: #fff !important;
    --fontcolor: #404040 !important;
    --tabline: red !important;
}

html {
    font-family: "Fira Sans Condensed", sans-serif;
    font-size: 14px;
    position: relative;
    min-height: 100%;
    line-height: 1.15;
    -ms-overflow-style: scrollbar;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    direction: ltr;
}

body {
    font-family: "Fira Sans Condensed", sans-serif;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
/* Dropbox file upload*/
.dropbox {
    outline: 1px dashed grey; /* the dash box */
    outline-offset: -5px;
    background: lightcyan;
    color: dimgray;
    /*padding: 10px 10px;*/
    min-height: 125px; /* minimum height */
    position: relative;
    cursor: pointer;
    font-size: small;
}

.input-file {
    opacity: 0; /* invisible but it's there! */
    width: 100%;
    height: 125px;
    position: absolute;
    padding: -5px -5px;
    cursor: pointer;
}

.dropbox:hover {
    background: lightblue; /* when mouse over to the drop zone, change color */
}

.dropbox p {
    font-size: 1.2em;
    text-align: center;
    padding: 50px 0;
}

.btn-success {
    color: var(--success);
    background-color: #fafafa;
    border-color: var(--success);
}

    .btn-success:hover {
        background: var(--success);
        color: white;
    }

    .btn-success:focus {
        -webkit-box-shadow: 0 0 0 .2rem var(--successdark);
        box-shadow: 0 0 0 .2rem var(--successdark);
    }

    .btn-success:disabled {
        color: #fff;
        background-color: #ec5b87;
        border-color: #ec5b87;
    }


.btn.btn-success {
    background: #e41554;
    color: white;
    border-color: #e41554;
    border-radius: 3px !important;
}

    .btn.btn-success:hover {
        background: #e41554;
        color: white;
    }

    .btn.btn-success:focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(228,21,84,0.5);
        box-shadow: 0 0 0 .2rem rgba(228,21,84,0.5);
    }

    .btn.btn-success:disabled {
        color: #fff;
        background-color: #ec5b87;
        border-color: #ec5b87;
    }

.card-link {
    color: var(--success);
}

    .card-link:hover {
        color: var(--successdark);
    }

.form-control.edit-control {
    font-family: "Fira Sans Condensed", sans-serif;
    font-size: 14px;
    padding-left: 5px;
    border: 1px solid #d7d7d745;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #33475b;
    display: block;
    height: 29px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: calc(100%);
}