/* 
    
(static)/informant_site/css/site.css
Author: Haidar Khazen
Created: 6/28/20

(c) Copyright by The Rhazenette Corp for Chemtrusion
    
Informant site css

*/
@media print {
    @page {
        size: auto !important
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    margin: auto 0 0;
    height: 56px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
    max-width: 280px;
}
*/
/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.invalid {
    color: #dc3545;
    font-size: 80%;
}

/* get rid of up/down arrows in number fields */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox*/
input[type=number] {
    -moz-appearance: textfield;
}

.border-3 {
    border-width: 3px;
}

/* CSS for datepicker/datetimepicker icon layout next to input*/
input.hasDatepicker {
    display: inline-block;
    margin-right: 5px;
    width: -webkit-calc(100% - 21px);
    width: -moz-calc(100% - 21px);
    width: -o-calc(100% - 21px);
    width: -ms-calc(100% - 21px);
    width: calc(100% - 21px);
}

.ui-datepicker-trigger {
    padding-bottom: 7px;
}

/*if it's not present, don't show loader */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(https://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
}

input[required] {
    background-color: aliceblue;
}

.text-success-bright {
    color: #00FF00 !important;
}

input[field-type="wildcard"] {
    border-color: lightskyblue;
    border-width: 2px;
    border-style: solid;
}

input[data-autocomplete-type="comma_autocomplete"] {
    border-color: darkslateblue;
    border-width: 2px;
    border-style: solid;
}

.hide-section {
    display: none;
}

.link-like {
    color: blue; /* Typical link color */
    text-decoration: underline; /* Underline like a link */
    cursor: pointer; /* Cursor changes to a pointer on hover */
}