@import "admin/components-clientlib.min.css?cssVer=Aquamarine";
@import "admin/ds-ui.min.css?cssVer=Aquamarine";
@import "admin/app.css?cssVer=Aquamarine";
@import "admin/aside-navigation.min.css?cssVer=Aquamarine";

body {
    --main-color: #554596;
    --highlight-color: #BFA8D1;
    --text-color: #0d526a;
    --text-on-main-color: #ffffff;
    --readonly-bgcolor: #EDEDED;
}

body, td {
    color: var(--text-color);
}

.RadGrid_Bootstrap .rgHeader a {
    color: var(--text-color) !important;
}

.form-control {
    min-height: 38px;
    min-width: 100%;
}

.readonly {
    background-color: var(--readonly-bgcolor) !important;
}

h1, h2, h3, h4 {
    color: var(--main-color);
}

.text-right {
    text-align: right !important
}

.btn-primary {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: var(--text-on-main-color) !important;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: var(--highlight-color) !important;
        border-color: var(--main-color) !important;
        color: var(--text-on-main-color) !important;
    }

.tab-strip .rtsLI a, .heavy-borders {
    border-color: var(--main-color) !important;
}


.selected-tab {
    background-color: var(--main-color) !important;
    color: var(--text-on-main-color) !important;
}

.sidebar-header .brand {
    text-align: center;
    padding-top: 20px;
}

.logo {
    width: 150px;
    height: 100px;
}

.logo img {
    width: 100%;
    border-radius: 4px;
}

.persona-bar-fix {
    padding-right: 80px;
}

.header-block-nav div {
    display: inline-block;
    padding-left: 10px;
}

.tab-strip .rtsLI a {
    border: solid 1px var(--main-color) !important;
    border-collapse: collapse !important;
    margin-bottom: -1px;
    margin-left: 5px;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
}

.tab-strip .rtsFirst a {
    margin-left: 0px;
}

.selected-tab {
    background-color: var(--main-color) !important;
    color: #ffffff !important;
}

.heavy-borders {
    border: solid 1px var(--main-color) !important;
    border-collapse: collapse !important;
    margin-bottom: -1px;
}

.heavy-borders-box {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
}

input[type="text"], input[type="number"], input[type="password"], input[type="email"] {
    border-radius: 4px !important;
}

h1, h2, h3, h4 {
    color: var(--main-color) !important;
    font-family: Raleway, Calibri !important;
    font-weight: 700 !important;
}

body, p, li, td, th, option, input, select, label {
    font-family: Calibri !important;
    font-size: 16px !important;
}

label, b, .tab span {
    font-size: 18px !important;
}

.sidebar-menu a {
    font-size: 18px;
}

.file-upload {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.file-upload::-webkit-file-upload-button {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: Calibri !important;
    font-size: 16px !important;
    margin-right: 10px;
}

.grid-nested-table {
    width: 100%;
    border: 1px solid #dedede;
}

.grid-nested-table th {
    background-color: whitesmoke;
}

.grid-nested-table th, .grid-nested-table td {
    padding: 5px;
}

.chart-card {
    box-shadow: 0px 5px 6px #00000029;
    border-radius: 14px;
    z-index: 99;
    position: relative;
    background-color: white;
    padding-top: 10px;
    height: 100%;
}

.chart-card svg {
    border-radius: 14px;
}

.vertically-centered {
    display: flex;
    align-items: center;
}