/* ==========================================================================
GENERAL
========================================================================== */
html, body {
    overflow: hidden;
}
.templates {
    display: none;
}
#spinner {
    color: white;
    display: none;
}
h1 {
    color: RGB(15,45,65) !important;
}
h2 {
    font-size: 1.75em !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
    margin-bottom: 0.20em !important;
}
h3 {
    font-size: 1.25em !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
    margin-bottom: 0.25em !important;
}
h4 {
    font-size: 0.75em !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
    margin-top: 0em !important;
}
p, th, td {
    color: RGB(40,40,40) !important;
    font-weight: 300 !important;
}
form input, select, textarea {
    font-size: 14px !important;
    font-weight: 100 !important;
    letter-spacing: 1px;
}
.required {
    color: red;
}
textarea {
   resize: none;
}
input:invalid {
    box-shadow: none;
}
label {
    letter-spacing: 1px !important;
    font-size: 14px !important;
    font-weight: 100 !important;
}
.capitalize {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.confirm-button {
    color: RGB(255,255,255) !important;
    border-color: RGB(0,200,85) !important;
    background-color: RGB(0,200,85) !important;
}
.confirm-button:hover {
    border-color: RGB(0,150,65) !important;
    background-color: RGB(0,150,65) !important;
}
/* ==========================================================================
CUSTOM TABLE
========================================================================== */
.ttc-table {
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    border-collapse: collapse;
    border: 1px solid RGB(240,240,240);
}
.ttc-table th, .ttc-table-body td {
    padding: 12px;
    text-align: left;
}
.ttc-table tr {
    border-bottom: 1px solid RGB(240,240,240); 
}
.ttc-table-body tr:hover {
    background-color: RGB(250,250,250);
}
.ttc-table input {
    font-size: 12px !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
}
td {
    cursor: pointer;
}
/* ==========================================================================
BORDERLESS TABLE
========================================================================== */
#borderless {
    border: none;
    border-collapse: separate;
}
#borderless td {
    padding: 5px !important;
}
/* ==========================================================================
UIKIT
========================================================================== */
.uk-badge {
    height: 2em !important;
    width: 2em !important;
    background-color: RGB(15,45,65) !important;
}
.uk-form-label {
    letter-spacing: 1px !important;
    font-size: 14px !important;
    font-weight: 100 !important;
}
.uk-button {
    letter-spacing: 1px;
}
.uk-button-primary {
    border-color: RGB(40,60,90) !important;
    background-color: RGB(40,60,90) !important;
}
.uk-button-primary:hover {
    border-color: RGB(15,45,65) !important;
    background-color: RGB(15,45,65) !important;
}
.uk-button-primary:disabled {
    color: white !important;
    border-color: transparent !important;
    background-color: RGBA(15,45,65, 0.65) !important;
}
.uk-button-secondary {
    color: RGB(75,75,75) !important;
    border-color: RGB(245,245,245) !important;
    background-color: RGB(245,245,245) !important;
}
.uk-button-secondary:hover {
    color: RGB(75,75,75) !important;
    border-color: RGB(245,245,245) !important;
    background-color: RGB(245,245,245) !important;
}
.uk-panel-scrollable {
    height: 80vh !important;
    resize: none !important;
    border: none !important;
    padding: 0em 2.5em 10em 2.5em !important;
}

.uk-accordion-title {
    padding: 10px 10px;
    font-size: 15px !important;
    letter-spacing: 1px;
    border: 1px solid RGBA(15,45,65,0.5);
}
/* ==========================================================================
FONTAWESOME
========================================================================== */
.fa-times-octagon {
    color: indianred;
}
.fa-shield-check {
    color: darkseagreen;
}
/* ==========================================================================
ACTION BUTTON
========================================================================== */
#action-button {
    z-index: 500;
    color: RGB(15,45,65) !important;
}
#action-button:hover {
    color: RGB(0,20,40) !important;
}
/* ==========================================================================
IMAGE TOOLTIP
========================================================================== */
#img-tooltip {
    display: none;
    position: absolute;
    width: 10em;
    z-index: 1000;
    object-fit: scale-down;
}
/* ==========================================================================
LOGIN
========================================================================== */
#logIn img {
    height: 10em;
}
/* ==========================================================================
HOME
========================================================================== */
.uk-navbar-container {
    background-color: RGB(15,45,65) !important;
}
#logo {
    color: white !important;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 1px;
}
.menu {
    color: RGB(80,80,80);
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 1px;
    border-left: 5px solid transparent;
}
.menu:hover {
    border-left: 5px solid brown;
    background-color: white !important;
}
.active {
    color: brown;
    border-left: 5px solid brown;
    background-color: white !important;
}
/* ==========================================================================
CONTACTOS
========================================================================== */
.uk-search-input {
    font-weight: 100 !important;
    letter-spacing: 1px;
}
.contact-name {
    font-size: 16px;
    letter-spacing: 1px;
}
#farm, #zone, #company, #rtu, #cui, #exportName, #exportCode, #services, #updateContact, #deleteContact, #destroyContact, #lotData, #updateExportData {
    display: none;
}
/* ==========================================================================
BILLING
========================================================================== */
#deleteInvoice {
    display: none;
}
/* ==========================================================================
FILE UPLOAD
========================================================================== */
.optional {
    display: none;
}
/* ==========================================================================
NOTIFICATION
========================================================================== */
.alert-success, .alert-error {
    display: none;
    color: white;
    width: 20em;
    z-index: 1000;
    position: absolute;
    left: 50%;
    bottom: 1em;
    margin: 0 auto;
    padding: 0.5em;
    transform: translate(-50%, -50%);
    border-radius: 0.5em;
    background-color: RGBA(15,45,65,0.90);
}
.success {
    color: greenyellow;
}
.error {
    color: orangered;
}
/* ==========================================================================
RESPONSIVE MEDIA QUERY
========================================================================== */
@media screen and (max-width: 960px) {
    #logIn img {height: 7em;}
    .active {background-color: transparent !important;}
}
@media screen and (max-width: 640px) {
    #menuVC { width: 4.5em !important; }
}
@media screen and (max-width: 450px) {
    h2 {font-size: 1.10em !important;}
}