﻿@import 'https://fonts.googleapis.com/css?family=Merriweather+Sans:700';

@font-face {
    font-family: 'Merriweather Raetsheren';
    src: url('../fonts/Merriweather-Light.woff2') format('woff2'), url('../fonts/Merriweather-Light.woff') format('woff'), url('../fonts/Merriweather-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather Raetsheren';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Merriweather-Bold.woff2') format('woff2'), url('../fonts/Merriweather-Bold.woff') format('woff'), url('../fonts/Merriweather-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Merriweather Raetsheren';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Merriweather-Light.woff2') format('woff2'), url('../fonts/Merriweather-Light.woff') format('woff'), url('../fonts/Merriweather-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Merriweather Raetsheren';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Merriweather-Bold.woff2') format('woff2'), url('../fonts/Merriweather-Bold.woff') format('woff'), url('../fonts/Merriweather-Bold.ttf') format('truetype');
}

body {
    font-family: "Merriweather Raetsheren", "Georgia", "Times", serif;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 27px;
    line-height: 1.6875rem;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
}

::placeholder {
    color: #999 !important;
    opacity: 1;
}
dl > dt,
dl > dd {
    line-height:1.5em;
}

.btn {
    border-radius: 0;
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

dt {
    font-weight: normal;
}
.page-content {
    padding-top: 60px;
    padding-bottom: 40px;
}
footer {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1rem;
    /*background-color: #fffdf8;*/
    border-top: 1px solid rgb(35, 31, 32);
    line-height: 1.5rem;
}
footer h6 {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

.page-title {
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 20px;
}
.page-subtitle {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.875rem;
}


.btn-corporate {
    color: #ae915b;
}

.btn-outline-corporate {
    color: #ae915b;
    border-color: #ae915b;
}
.btn-outline-corporate:hover {
    color: #fff;
    background-color: #ae915b;
    border-color: #ae915b;
}

.text-corporate {
    color: #ae915b;
}

.icon-profile {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'> <path d='M15.048 9.4c1.206 0 2.202.98 2.202 2.2s-.98 2.203-2.202 2.203-2.202-.997-2.202-2.202.98-2.2 2.202-2.2m0-2.09c-2.362 0-4.29 1.912-4.29 4.29s1.912 4.292 4.29 4.292 4.29-1.913 4.29-4.29-1.927-4.292-4.29-4.292zM9.005 22.69c.065-.836.225-1.912.563-2.877.21-.578.45-1.044.707-1.285.032-.032.08-.065.113-.097.916.548 2.54 1.432 4.644 1.432s3.745-.884 4.645-1.43c.032.03.064.064.112.096.256.257.514.707.706 1.285.338.965.5 2.04.563 2.877.802-.74 1.46-1.64 1.927-2.62-.514-2.12-1.59-4.082-3.696-4.082-.37 0-1.944 1.56-4.29 1.56s-3.905-1.56-4.29-1.56c-2.106 0-3.167 1.96-3.697 4.083.546.98 1.205 1.88 1.992 2.62z' > </path > <path d='M15 3.75c6.204 0 11.25 5.046 11.25 11.25S21.204 26.25 15 26.25 3.75 21.204 3.75 15 8.796 3.75 15 3.75m0-2.25C7.543 1.5 1.5 7.543 1.5 15S7.543 28.5 15 28.5 28.5 22.457 28.5 15 22.457 1.5 15 1.5z' > </path ></svg>");
}
.icon-menu {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'> <path d='M2 3h26v3H2z'></path> <path d='M2 10h26v3H2z'></path> <path d='M2 17h26v3H2z'></path> <path d='M2 24h17v3H2z'></path></svg>");
    height: 30px;
    width: 30px;
}
.icon-close-menu {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%230078ff'> <path d='M28.5 23.227c0 .606-.212 1.12-.636 1.546l-3.09 3.09c-.426.425-.94.637-1.547.637-.606 0-1.12-.212-1.545-.636L15 21.182l-6.682 6.682c-.424.424-.94.636-1.545.636s-1.12-.212-1.546-.636l-3.09-3.09c-.425-.426-.637-.94-.637-1.547 0-.606.212-1.12.636-1.545L8.818 15 2.136 8.318c-.424-.424-.636-.94-.636-1.545s.212-1.12.636-1.546l3.09-3.09c.426-.425.94-.637 1.547-.637s1.12.212 1.545.636L15 8.818l6.682-6.682c.424-.424.94-.636 1.545-.636.606 0 1.12.212 1.546.636l3.09 3.09c.425.426.637.94.637 1.547s-.212 1.12-.636 1.545L21.182 15l6.682 6.682c.424.424.636.94.636 1.545z'></path> </svg>");
    height: 30px;
    width: 30px;
}
.icon-marker {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path d='M19.5 10.5c0-1.242-.44-2.303-1.318-3.182S16.242 6 15 6s-2.303.44-3.182 1.318S10.5 9.258 10.5 10.5s.44 2.303 1.318 3.182S13.758 15 15 15s2.303-.44 3.182-1.318S19.5 11.742 19.5 10.5zm4.5 0c0 1.277-.193 2.326-.58 3.146l-6.4 13.606c-.186.387-.464.69-.833.914s-.765.334-1.187.334-.817-.11-1.187-.334-.64-.527-.817-.914L6.58 13.646c-.387-.82-.58-1.87-.58-3.146 0-2.484.88-4.605 2.637-6.363S12.517 1.5 15 1.5s4.605.88 6.363 2.637S24 8.017 24 10.5z' ></path> </svg>");
    height: 18px;
}



header:after {
    content: "";
    display: block;
    padding-top: 94px;
}

header .navbar > .container,
header .navbar > .container-fluid {
    height: 66px;
}

header .navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -50px !important;
    display: block;
}

header .icon-profile {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'> <path d='M15.048 9.4c1.206 0 2.202.98 2.202 2.2s-.98 2.203-2.202 2.203-2.202-.997-2.202-2.202.98-2.2 2.202-2.2m0-2.09c-2.362 0-4.29 1.912-4.29 4.29s1.912 4.292 4.29 4.292 4.29-1.913 4.29-4.29-1.927-4.292-4.29-4.292zM9.005 22.69c.065-.836.225-1.912.563-2.877.21-.578.45-1.044.707-1.285.032-.032.08-.065.113-.097.916.548 2.54 1.432 4.644 1.432s3.745-.884 4.645-1.43c.032.03.064.064.112.096.256.257.514.707.706 1.285.338.965.5 2.04.563 2.877.802-.74 1.46-1.64 1.927-2.62-.514-2.12-1.59-4.082-3.696-4.082-.37 0-1.944 1.56-4.29 1.56s-3.905-1.56-4.29-1.56c-2.106 0-3.167 1.96-3.697 4.083.546.98 1.205 1.88 1.992 2.62z' > </path > <path d='M15 3.75c6.204 0 11.25 5.046 11.25 11.25S21.204 26.25 15 26.25 3.75 21.204 3.75 15 8.796 3.75 15 3.75m0-2.25C7.543 1.5 1.5 7.543 1.5 15S7.543 28.5 15 28.5 28.5 22.457 28.5 15 22.457 1.5 15 1.5z' > </path ></svg>");
}

header .navbar-profile {
    color: #154734;
    font-size: 1rem;
}

header .navbar-profile .icon-profile {
    height: 1.8em;
    margin-left: 10px;
    margin-right: 10px;
}

header .navbar-profile .dropdown-toggle {
    display: flex;
    align-items: center;
}
.navbar-toggler:focus {
    box-shadow: none;
}

header .navbar-collapse {
    position: fixed;
    align-items: center;
    height: 100% !important;
    text-align: center;
    z-index: 1032;
    width: 25%;
    min-width: 300px;
    max-width: 500px;
    margin-left: -25%;
    /*transition: left 1.1s ease;*/
    transition-property: margin-left;
    transition-duration: 0.1s;
    transition-timing-function: ease-in;
    transition-delay: 0s;
    transform: translate3d(0, 0, 0);
}
header .navbar-collapse.show {
    margin-left: 0;
}

header .navbar-nav .nav-item {
    line-height: 1.875rem;
}
header .navbar-nav .nav-item .nav-link {
    font-size: 1.125rem;
    color: #231f20;
    padding-top: 0;
    padding-bottom: 0;
}
header .navbar-nav .nav-item .nav-link[data-bs-toggle='collapse']::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
header .navbar-nav .nav-item.nav-item-main > .nav-link {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
    color: #0078ff;
    margin-top: 20px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 16px;
}

header .navbar-collapse .icon-close-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.header-navbar-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    transition: opacity .5s;
}

.header-navbar-overlay.show {
    z-index: 1031;
    visibility: visible;
    opacity: .7;
}

/*breadcrumb*/
.breadcrumb-wrapper {
    margin-top: 40px;
    /*font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;*/
    margin-bottom: 20px;
}
.breadcrumb {
    margin-bottom: 12px;
}
.breadcrumb-item > a{
    color: #428bca;
    font-weight: normal;
}

/*submenu*/
main .submenu {
    margin-bottom: 24px;
}

/*table*/
main table.table > thead > tr > * {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

.form-control,
.form-select {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

main table.table > thead > tr > * {
    text-transform: uppercase;
    vertical-align: bottom;
    padding-bottom: 4px;
}
main table.table td.action-link {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
    padding-right: 0;
}
main table.table td.action-link a,
main table.table td.action-link button {
    padding: 7px;
}
main table.table td.action-link a:nth-last-child(-n+2),
main table.table td.action-link button:nth-last-child(-n+2) {
    padding-right: 8px;
}
main table.table tr.table-danger.deleted td:not(.action-link) {
    text-decoration: line-through;
}
main table.table.table-clickable > tbody > tr[data-id]:not(.deleted):not(.child-item) {
    cursor: pointer;
}
main table.table td.action-link a {
    font-size: 16px;
}
main table.table.table-clickable > tbody td.action-link button {
    background-color: unset;
    border: 0 none;
    padding-left: 0;
    margin: 0;
    font-size: 16px;
}

main table.table tr.open td.action-link .show-child-items {
    display: none;
}
main table.table tr td.action-link .hide-child-items {
    display: none;
}
main table.table tr.open td.action-link .hide-child-items {
    display: inline;
}

main table.table tr.child-item > td:first-child {
    padding-left: 20px;
    background-color: #f1ecdf;
    --bs-table-accent-bg: unset;
}
main table.table.table-striped > tbody > tr.child-item:hover > * {
    --bs-table-accent-bg: unset;
}


form[name='pager'] {
    display: flex;
    align-items: baseline;
    padding: 12px;
    margin-bottom: 30px;
}
.pagination {
    margin-left: auto;
    margin-bottom:0;
}
.pagination .page-item .page-link {
}

.pagination .page-item.active .page-link {
    cursor: default;
}

.pagination .page-item.disabled {
    cursor: not-allowed;
}
.pagination .page-item.disabled .page-link {
    color: #b7b7b7;
}

.action-buttons {
    margin-top: 20px;
}
.action-buttons .btn:not(:first-child) {
    margin-left: 8px;
}
.action-buttons .btn{
    margin-top:5px;
}
.action-buttons .btn > i {
    margin-right: 7px;
}

.card.card-corporate {
    border-radius: 0;
}

.col-form-label {
    position: relative;
}

.form-label-info {
    position: absolute;
    right: 0;
    /*
    top: 50%;
    */
    top: 11px;
    transform: translateY(-50%);
}
span.required-label {
    color: #db1b36;
}
textarea.xml-content,
textarea .xml-content:focus,
textarea .xml-content:focus-visible {
    border: none;
    overflow: hidden;
    width: 100%;
    outline: none;
}

.card.card-stats {
    min-width: 200px;
    margin:5px;
}
.card-clickable {
    cursor:pointer;
}
.card-clickable:hover {
    background-color: #fdfdfd;
}
.spinner-border {
    color:#888;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #7d91af;
    background-color: #d5d5d5;
    border-color: #90a0b7;
}
dl.row{
    align-items: center;
}
dl.row dd{
    margin-top: .2rem;
    margin-bottom: .2rem;
}

.ck-editor__editable {
    min-height: 400px;
}