﻿/*NO FUNCIONA EN WEB */

:root {
    --intemo-corporate-main-color: #005D55;
}

body {
    font-family: Poppins !important; /*-apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Apple Color Emoji", "Arial", sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important;*/
    font-weight: 400 !important;
    font-size: 14px;
    font-feature-settings: 'tnum' !important;
}

.form-control {
    font-size: 16px;
    padding: .65rem 1rem;
    border-radius: 9px;
    -ms-border-radius: 9px;
    width: 100%;
}

    input:focus, .k-input-solid:focus, .k-input-solid:focus-within, .k-picker-solid:focus, .k-picker-solid:focus-within, .form-control:focus {
        border-color: var(--corporate-main-color) !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

.btn {
    font-size: 16px;
    font-family: Poppins !important; /*-apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Apple Color Emoji", "Arial", sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important;*/
    padding: 8px 20px;
/*    border-radius: 9px;
    -ms-border-radius: 9px;*/
}
.textbox-padding {
    padding: 6px;
    padding-right: 40px;
    padding-left: 12px;
}

.icon-14 {
    margin-right: 10px;
    width: 14px;
}

.icon-16 {
    margin-right: 10px;
    width: 16px;
}

.icon-20 {
    margin-right: 10px;
    width: 20px;
}

    .icon-20:hover {
        cursor: pointer;
    }

.icon-24 {
    margin-right: 10px;
    width: 24px;
}

.icon-32 {
    margin-right: 10px;
    width: 32px;
}

.icon-64 {
    margin-right: 10px;
    width: 64px;
}


/* Center Telerik Grid columns */
.k-grid th.center-me {
    text-align: center;
}

/* sortable headers */
th.center-me .k-cell-inner > .k-link {
    justify-content: center;
}

.field-help-trigger {
    cursor: help;
    margin-left: 4px;
}

.field-help-icon {
    font-size: 0.85em;
    vertical-align: middle;
    color: #b0b0b0;
}
/* ==========================================================
   TOOLTIPS
   ========================================================== */


.k-tooltip,
.k-animation-container .k-tooltip {
    background-color: #005c55 !important;
    border-color: #005c55 !important;
}

.k-tooltip-content {
    color: #ffffff !important;
    font-weight: 500;
}

.k-callout {
    color: #005c55 !important;
}

.tooltip-target {
    cursor: pointer;
}