html { font-size: 16px; }

@media (max-width: 1199px) {
    html { font-size: 14px; }
}

a.gr2-external-link {
    color: inherit;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 700;
    font-size: 1.25rem;
}
.gr2-external-link:after {
    content: url('../i/fa/external-link.svg');
    margin-left: 1rem;
}

.bi {
    font-size: 1.2em;
    line-height: 1.2em;
    vertical-align: top;
}
.bi:before {
    line-height: 1.2em;
}

body { background-color: #fff; color: #282a3c; font-family: 'GolosText', sans-serif; }
footer{ background-color: #dcdcdd; }

a { text-decoration: none; color: #0057ff; }
label { margin-bottom: 0; }

a.link-dashed { position: relative; text-decoration: none; }
a.link-dashed:after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; border-top: 1px dashed #0057FF; }
a.link-dashed:hover:after { border-color: #0a58ca; }

.fs-small { font-size: 0.875rem; }
.fs-bigger { font-size: 1.125rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom: 1rem; }
.h6, h6 { line-height: 1.5; }
.h0 { font-weight: 700; margin-bottom: 1rem; font-size: calc(1.4rem + 2vw); }

.gr2-required:after { content: ''; display: inline-block; background-color: #E63333; border-radius: 50%; width: 0.33em; height: 0.33em; vertical-align: super; margin-left: 0.1em; }

@media (min-width: 1200px) {
    .h0 { font-size: 3rem; }
}

.bg-grey { background-color: #dde1e6; }

.text-danger { color: #E63333!important; }
.text-muted { color: #848E99!important; }

.fw-bolder { font-weight: 500!important; }
.fw-bold { font-weight: 600!important; }

article { margin-bottom: 1.5rem; }

.dropdown-toggle:after {
    content: '\f282';
    font-family: bootstrap-icons;
    vertical-align: top;
    display: inline-block;
    margin-left: .625em;
    border: none;
    transition: all 0.2s;
}
.dropdown-toggle.show:after {
    transform: rotate(180deg);
}
.user-menu-toggle {
    color: #282a3c;
}
.user-menu-toggle:after {
    color: #848E99;
}

.gr2-label { color: #848E99; }
.gr2-value {}
.gr2-value--empty { color: #848E99; }

/* tooltips */
.tooltip-inner { text-align: left; max-width: 320px; width: 320px; }
.tooltip-lg .tooltip-inner { max-width: 450px; width: 450px; }
.tooltip-inner a { color: #0ff; }
.gr2-tooltip-trigger { display: inline-block; width: 1.5rem; height: 1.5rem; border: none; background: transparent; padding: 0; margin: 0; margin-left: 1rem; vertical-align: middle; }
.gr2-tooltip-trigger:after { content: '\f504'; font-family: bootstrap-icons; color: #282a3c; font-size: 1.5rem; display: block; width: 100%; height: 100%; line-height: 100%; text-align: center; }
.gr2-tooltip-container { position: relative; }
.gr2-tooltip-container .gr2-tooltip-trigger { display: block; position: absolute; right: -2.5rem; top: 1.25rem; margin-left: 0; }

/* alerts */
.alert { border-radius: 0.5rem!important; padding: 1.25rem 2rem; }
.alert > *:last-child { margin-bottom: 0!important; }
.alert-attention { background-color: #F2F5FB; position: relative; }
.alert-attention:before { content: ''; background-color: #E63333; width: 0.25rem; position: absolute; top: 0; left: 0; height: 100%; border-radius: 8px 0px 0px 8px; }

.alert-icon { padding-left: 4.5rem; position: relative; }
.alert-icon:before { font-family: bootstrap-icons; display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; line-height: 1.5rem; position: absolute; left: 2rem; top: 1.25rem; }

.alert-icon.alert-success:before { content: '\f270'; }
.alert-icon.alert-warning:before { content: '\f33b'; }
.alert-icon.alert-danger:before { content: '\f33b'; }
.alert-icon.alert-info:before { content: '\f431'; }

/* костыли */
.uni-dialog { }
.uni-dialog .uni-dialog-wrapper { z-index: 4001; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.uni-dialog .uni-dialog-container { z-index: 4002; position: fixed; top: 50%; left: 50%; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.25); transition: height 0.2s; }
.uni-dialog .uni-dialog-container .uni-dialog-data { z-index: 4003; width: 100%; height: 100%; }
.uni-dialog .uni-dialog-container .uni-dialog-data iframe { width: 100%; height: 100%; border: none; background-color: #fff; }

/* gr2-list */
ul.gr2-list { list-style: none; display: block; margin: 0; padding: 0; }
ul.gr2-list > li { display: block; padding: 0.875rem 0; margin: 0; border-bottom: 1px solid #DDE1E6; }
ul.gr2-list > li.has-sublist { border-bottom: none; padding-bottom: 0; }
ul.gr2-list.no-bottom-border > li:last-child { border-bottom: none; }

ul.gr2-list > li > .gr2-collapse > a.gr2-toggle { position: relative; text-decoration: none; display: flex; align-items: center; justify-content: space-between; color: inherit; font-weight: 600; }
ul.gr2-list > li > .gr2-collapse > a.gr2-toggle:before { display: none; }
ul.gr2-list > li > .gr2-collapse > a.gr2-toggle:after {
    content: '\f285'; font-family: bootstrap-icons; vertical-align: top; display: inline-block; margin-left: 0.625em; transition: all 0.2s; color: #848E99;
    position: relative; left: auto; bottom: auto; width: auto; border-top: none;
}
ul.gr2-list > li > .gr2-collapse.show > a.gr2-toggle:after { transform: rotate(90deg); }

.radio-subsection { display: none; margin-left: 2.25rem; }

/* gr2-set */
ul.gr2-set { list-style: none; display: block; padding: 1rem 0 0 1rem; margin: 0; border: 1px solid #DDE1E6; border-radius: 0.5rem; }
ul.gr2-set li { display: none; margin-right: 1rem; margin-bottom: 1rem; }
ul.gr2-set li.show { display: inline-block; }
ul.gr2-set .item { display: block; background-color: #DDE1E6; padding: 0.5rem 2.5rem 0.5rem 1rem; position: relative; }
ul.gr2-set .item__title {}
ul.gr2-set a.item__remove {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    color: #848e99;
    text-decoration: none;
}
ul.gr2-set a.item__remove:after {
    content: '\f62a';
    font-family: bootstrap-icons;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
}

/* gr2-list-box */
ul.gr2-list-box { list-style: none; display: block; margin: 0; padding: 0; border: 1px solid #DDE1E6; border-radius: 0.5rem; }
ul.gr2-list-box > li { display: block; padding: 0.875rem; margin: -1px 0 0 0; border-top: 1px solid #DDE1E6; }

/* modal */
.modal-xxl { max-width: 100%; margin-left: 0.5rem; margin-right: 0.5rem; }
@media (min-width: 1200px) {
    .modal-xxl { max-width: 1140px; margin-left: auto; margin-right: auto; }
}

/* datepicker */
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #bbb;
}

/* b-5.0 to b-4.6 */
.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.gy-1 { margin-top: -0.25rem; }
.gy-2 { margin-top: -0.5rem; }
.gy-3 { margin-top: -1rem; }
.gy-4 { margin-top: -1.5rem; }
.gy-5 { margin-top: -3rem; }

.gy-1 > * { margin-top: 0.25rem; }
.gy-2 > * { margin-top: 0.5rem; }
.gy-3 > * { margin-top: 1rem; }
.gy-4 > * { margin-top: 1.5rem; }
.gy-5 > * { margin-top: 3rem; }

/* Safari buttons bugfix */
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: none;
}

a.gr2-action-link {
    color: inherit;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    min-height: 8.5rem;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}
.gr2-action-link:after {
    content: url('../i/fa/chevron-right.svg');
    margin-left: 1rem;
}
a.gr2-action-link:hover {
    box-shadow: 0 0 0 2px #0057ff;
}

a.gr2-useful-link {
    color: inherit;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    min-height: 8.5rem;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}
.gr2-useful-link:after {
    content: url('../i/fa/external-link.svg');
    margin-left: 1rem;
}
a.gr2-useful-link:hover {
    box-shadow: 0 0 0 2px #0057ff;
}