/* ReSharper disable DeclarationIsEmpty */
/* ReSharper disable Redundant */

html {
  font-size: 16px;
}

::placeholder {
    font-size: 0.75em;
}

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

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.iJobNavBar {
    background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
    background-image: linear-gradient(#c0c0c0, #808080 50%, #404040);
}

.highlightField, .qq-uploader {
    background-color: #00ff00 !important;
    background-color: rgba(0, 255, 0, 0.1) !important;
}

option {
    padding: 0 2px 0;
}

.toggle-handle {
    background-color: white;
}


/**
 * Styles for formatting image uploader fields
 */
.makeSmall .qq-gallery.qq-uploader {
    
    --min-height: 62px;
    --max-height: 400px;
    --padding: 10px;
}

.makeSmall .qq-gallery.qq-uploader:before {
    --top: 50%;
    --font-size: 150%;
}


/*
    Empty styles - these are used as jquery selectors?
*/
.clear { /* Empty */ }
.save { /* Empty */ }
.printme { /* Empty */ }



/**
 * Styles for formatting fields that are "saving"
 * The path to "loader.svg" will likely need to be updated depending on where you place it
 */
.ajax-close {
    /* Empty */
}

.ajax-form {
    /* Empty */
}

.ajax-failed {
    background-color: #f00 !important;
    opacity: 0.7;
}

.ajax-save.disabled {
    background-color: #eee !important;
    opacity: 0.7;
}


div.saving-loader {
    position: relative;
    overflow: hidden;
}

div.saving-loader::after {
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    /* ReSharper disable once Html.PathError */
    background-image: url('/images/loader.svg');
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


body.archived {
    background-image: url('/images/archived.png');
    background-repeat: repeat-y;
    background-size: contain;
}

body.setup {
    background-image: url('/images/setup.png');
    background-repeat: repeat-y;
    background-size: contain;
}

body.closed {
    background-image: url('/images/closed.png');
    background-repeat: repeat-y;
    background-size: contain;
}

body.deleted {
    background-image: url('/images/deleted.png');
    background-repeat: repeat-y;
    background-size: contain;
}



.btn-sq {
    padding: 0.5rem 0.75rem;
}

span.horizontalDivider {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    span.horizontalDivider:before,
    span.horizontalDivider:after {
        content: '';
        border-top: 2px solid;
        margin: 0 20px 0 0;
        flex: 1 0 20px;
    }

span.horizontalDivider:after {
        margin: 0 0 0 20px;
    }


a:link {
    text-decoration: none;
}


a:visited {
    text-decoration: none;
}


a:hover {
    text-decoration: underline;
}


a:active {
    text-decoration: underline;
}


.toast-container {
    padding-top: 60px;
}