﻿html {
    font-size: 18px;
}

.bg-img {
    background-image: url("/assets/premium/boxed-bg/abstract/bg/15.jpg");
}

.grid-action-link {
    text-decoration: underline !important;
    font-size: 14px;
    color: #03a9f4 !important;
}

.white-action-link {
    text-decoration: none !important;
    color: #FFF !important;
}

.text-small {
    font-size: 12px;
}

/* Bold overrides */

strong {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 600 !important;
}

.breadcrumb-item > a {
    font-weight: 600 !important;
}

.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active {
    font-weight: 600 !important;
}


/* dashboard screen scaling fix */

.scaling-fix .row {
    flex-direction: column !important;
}

.scaling-fix .col-md-6 {
    width: 100% !important;
}

/* Custom file upload styles */

/* Override the file upload button styles */
.custom-file-input::-webkit-file-upload-button {
    background-color: #26a69a !important;
    color: #ffffff;
}

.custom-file-input::before {
    background-color: #26a69a !important;
    color: #ffffff;
}

.custom-file-input::after {
    background-color: #26a69a !important;
    color: #ffffff;
}

.custom-file-input:hover::-webkit-file-upload-button {
    background-color: #1d7a6f !important;
    color: #ffffff;
}

.custom-file-input:hover::before {
    background-color: #1d7a6f !important;
    color: #ffffff;
}

.custom-file-input:hover::after {
    background-color: #1d7a6f !important;
    color: #ffffff;
}

.custom-file-input:hover::file-selector-button {
    background-color: #1d7a6f; /* Darker shade of Bootstrap secondary color on hover */
}

/* End custom file upload styles */

/* Global Kendo Overrides */

/* Multi-select overrides */

.k-multiselect {
    min-width: 80px !important;
    border: 1px solid #ced4da !important;
    border-radius: .4375rem;
    padding: .18rem .70rem .18rem .70rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #75868f;
    font-family: 'Noto Sans', sans-serif !important;
    -moz-padding-start: calc(1rem - 3px);
    background-color: #fff !important;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2375868f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .5rem center !important;
    background-size: 16px 12px !important;
}

.k-multiselect > .k-clear-value {
    padding-right: 15px !important;
}

/* Drop down overrides */
.k-picker-solid:focus {
    border-color: #25476a !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 2px rgba(55,60,67,.075), 0 0 0.75rem 0 rgba(0,0,0,.125) !important;
}

.k-picker-solid {
    min-width: 80px !important;
    border: 1px solid #ced4da !important;
    border-radius: .4375rem;
    padding: .18rem .70rem .18rem .70rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #75868f;
    font-family: 'Noto Sans', sans-serif !important;
    -moz-padding-start: calc(1rem - 3px);
    background-color: #fff !important;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2375868f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .5rem center !important;
    background-size: 16px 12px !important;
}

/* hide down arrow in dropdown in favor of image one above */
.k-i-caret-alt-down {
    display: none !important;
}
/* show the regular down arrow for nested grid display */
.k-table-td .k-i-caret-alt-down {
    display: inline !important;
}

.k-list-item-text {
    font-size: .75rem;
    font-weight: normal;
    font-family: 'Noto Sans', sans-serif !important;
}

/* Pager input boxes */

.k-input-inner {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #75868f;
    font-family: 'Noto Sans', sans-serif !important;
}


/* Grid overrides */

.k-button-icon {
    display: none;
}

.k-grid-edit-command.k-button {
    text-decoration: underline !important;
    font-size: 14px;
    color: #03a9f4 !important;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.k-grid-save-command.k-button {
    text-decoration: underline !important;
    font-size: 14px;
    color: #03a9f4 !important;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.k-grid-remove-command.k-button {
    text-decoration: underline !important;
    font-size: 14px;
    color: #03a9f4 !important;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.k-grid-cancel-command.k-button {
    text-decoration: underline !important;
    font-size: 14px;
    color: #03a9f4 !important;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.k-filter-menu {
    font-size: 14px !important;
}

.k-grid, .k-table-md {
    font-size: 14px !important;
}

.k-table-td {
    padding: 8px !important;
}

.k-table-sm {
    font-size: 14px !important;
}

.k-table-thead {
    background-color: #cbcbcb !important;
    color: #000000 !important;
}

.k-invalid {
    border-color: #75868f !important;
}

    .k-invalid.k-focus {
        box-shadow: inset 0 1px 2px rgba(55,60,67,.075) !important;
    }

/* End Global Kendo Overrides */
/* 
.bg-img {
    background-image: url("/assets/premium/boxed-bg/blurred/bg/15.jpg");
    background-image: url("/assets/premium/boxed-bg/polygon/bg/3.jpg");
    background-image: url("/assets/premium/boxed-bg/abstract/bg/6.jpg");
    background-color: #25476a;
}
*/

/* override width on the main nav to give a little more space (not in use currently) */
/*
.mainnav {
    max-width: 22em;
    width: 22em;
}
*/

.field-validation-error {
    font-size: smaller;
}

.bi.bi-exclamation-triangle-fill.k-invalid-msg.field-validation-error {
    font-size: medium;
    margin-top: -2px !important;
}

.input-group .field-validation-error {
    width: 100%;
    display: block;
}

.text-blue-highlight {
    color: #c0eafc !important;
}

@media (min-width: 576px) {
    .front-privacy {
        flex-direction: row-reverse;
    }
}

@media (min-width: 576px) {
    .min-width-500 {
        min-width: 500px;
    }
}

/* quick links navigation */
.navbar {
    border-radius: .4375rem;
}

    .bg-light .navbar-nav .nav-link:hover {
        color: #000;
    }

    .bg-light .navbar-nav .nav-link.active {
        color: #000;
    }

.navbar-nav .nav-item a div i {
    font-size: 1.5rem;
    color: #00A3E0;
}

.navbar-nav .nav-link {
    position: relative;
    padding-bottom: 5px;
}

    .navbar-nav .nav-link::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #00A3E0;
        transform: scaleX(0);
        transition: transform 0.3s ease-in-out;
    }

    .navbar-nav .nav-link:hover::before,
    .navbar-nav .nav-link.active::before {
        transform: scaleX(1);
    }
/* end quick links navigation */

/* IQVIA Color Pallete and Font Overrides */

.hd--expanded .content__header {
    background-color: #005487 !important;
}
.header {
    background-color: #005487 !important;
}
.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active {
    background-color: #005487 !important;
    color: #FFFFFF !important;
}
.nav:not(.nav-pills) .nav-link.active {
    color: #005487 !important;
}

.header__btn:focus, .header__btn:hover {
    background-color: #005587 !important;
}
.btn-outline-primary:hover {
    background-color: #005587 !important;
}
.btn-primary {
    background-color: #005587 !important;
}
    .btn-primary:hover {
        background-color: #005587 !important;
    }
.bg-primary {
    background-color: #005587 !important;
}

.btn-info {
    background-color: #00A3E0 !important;
}
.btn-info:hover {
    background-color: #00A3E0 !important;
}
.bg-info {
    background-color: #00A3E0 !important;
}

.btn-secondary {
    background-color: #008F86 !important;
}

    .btn-secondary:hover {
        background-color: #008F86 !important;
    }
.bg-secondary {
    background-color: #008F86 !important;
}

/* Override Bootstraps font settings*/
:root {
    --bs-font-sans-serif: "Noto Sans", sans-serif !important;
    --bs-font-monospace: "Noto Mono", monospace !important;
}

/* Apply Noto font globally as a fallback */

body {
    font-family: 'Noto Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, a, button, input, textarea {
    font-family: 'Noto Sans', sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Noto Sans', sans-serif !important;
}

.k-grid {
    font-family: 'Noto Sans', sans-serif !important;
}
