@charset "UTF-8";/*!
 * surveyjs - Survey JavaScript library v1.1.8
 * Copyright (c) 2015-2019 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
.sv_window {
    position: fixed;
    bottom: 3px;
    right: 10px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto
}

.sv_window_title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.sv_window_content {
    padding: 8px;
    margin: 0
}

.sv_window_title a,.sv_window_title a:link,.sv_window_title a:visited {
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    color: #000
}

.sv_main.sv_frame .sv_container {
    max-width: 80%;
    margin: auto;
    padding: 0 1em
}

.sv_main.sv_frame .sv_container .sv_header {
    padding-top: 5em;
    padding-bottom: 1em
}

.sv_main {
    background-color: #f4f4f4;
    position: relative;
    width: 100%;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    font-size: 14px
}

.sv_main hr {
    border-bottom: 1px solid #e7e7e7
}

.sv_main button,.sv_main input[type=button] {
    color: #fff;
    background-color: #1ab394
}

.sv_main button:hover,.sv_main input[type=button]:hover {
    background-color: #179d82
}

.sv_main .sv_q_dropdown_control,.sv_main .sv_q_other input,.sv_main .sv_q_text_root,.sv_main input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),.sv_main select,.sv_main textarea {
    border: 1px solid #e7e7e7;
    color: #6d7072;
    background-color: #fff
}

.sv_main .sv_q_dropdown_control:focus,.sv_main .sv_q_other input:focus,.sv_main .sv_q_text_root:focus,.sv_main input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus,.sv_main select:focus,.sv_main textarea:focus {
    border: 1px solid #1ab394
}

.sv_main .sv_select_wrapper {
    background-color: #fff
}

.sv_main .sv_select_wrapper:before {
    background-color: #1ab394
}

.sv_main .sv_header {
    color: #6d7072
}

.sv_main .sv_custom_header {
    background-color: #e7e7e7;
    position: absolute;
    width: 100%;
    height: 74%;
    max-height: 275px
}

.sv_main .sv_body {
    background-color: #fff;
    border-top: 2px solid #1ab394
}

.sv_main .sv_progress {
    background-color: #e7e7e7
}

.sv_main .sv_progress_bar {
    background-color: #1ab394
}

.sv_main .sv_p_root>.sv_row {
    border-bottom: 1px solid #e7e7e7
}

.sv_main .sv_p_root>.sv_row:nth-child(odd) {
    background-color: #fff
}

.sv_main .sv_p_root>.sv_row:nth-child(even) {
    background-color: #f4f4f4
}

.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
    border: 1px solid #ed5565;
    background-color: #fcdfe2;
    color: #ed5565
}

.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"])+.sv_select_wrapper select,.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"])+input,.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"])+textarea {
    border: 1px solid #ed5565
}

.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"])+.sv_select_wrapper select:focus,.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"])+input:focus,.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"])+textarea:focus {
    outline: #ed5565 auto 5px
}

.sv_main table.sv_q_matrix tr,.sv_main table.sv_q_matrix_dropdown tr,.sv_main table.sv_q_matrix_dynamic tr {
    border-bottom: 1px solid #e7e7e7
}

.sv_main .sv_q_m_cell_selected {
    color: #fff;
    background-color: #179d82
}

.sv_main .sv_q_rating_item.active .sv_q_rating_item_text {
    background-color: #179d82;
    border-color: #179d82;
    color: #fff
}

.sv_main .sv_q_rating_item .sv_q_rating_item_text {
    border: 1px solid #e7e7e7
}

.sv_main .sv_q_rating_item .sv_q_rating_item_text:hover {
    border: 1px solid #179d82
}

.sv_main .sv_q_imgsel.checked label>div {
    background-color: #1ab394
}

.sv_main .sv_q_file_remove:hover {
    color: #1ab394
}

.sv_main hr {
    border: none
}

.sv_main button,.sv_main input[type=button] {
    font-size: .85em;
    font-weight: 700;
    line-height: 2em;
    border: none;
    min-width: 100px;
    cursor: pointer;
    padding: 0 2em;
    border-radius: 2px
}

.sv_main .sv_container .sv_header {
    padding: 1em
}

.sv_main .sv_container .sv_header h3 {
    font-size: 2em;
    font-weight: 300;
    text-align: left;
    margin: 0
}

.sv_main .sv_container .sv_body {
    padding: 1em 1em 1.6428em
}

.sv_main .sv_container .sv_body.sv_completed_page {
    text-align: center;
    padding: 5em 1em
}

.sv_main .sv_container .sv_body.sv_completed_page>h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 300
}

.sv_main .sv_container .sv_body .sv_progress {
    height: .3em
}

.sv_main .sv_container .sv_body .sv_progress .sv_progress_bar {
    height: 100%;
    min-width: 100px;
    position: relative;
    margin-top: 2em
}

.sv_main .sv_container .sv_body .sv_progress .sv_progress_bar>span {
    position: absolute;
    top: -1.5em;
    display: inline-block;
    white-space: nowrap
}

.sv_main .sv_container .sv_body .sv_p_root .sv_page_title {
    font-size: 1em;
    margin-top: .1em;
    font-weight: 400
}

.sv_main .sv_container .sv_body .sv_p_root .sv_p_title {
    font-weight: 700;
    font-size: 1.15em;
    margin: 1.5em 0 0
}

.sv_main .sv_container .sv_body .sv_p_root>.sv_row {
    padding: 0
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_title {
    font-weight: 700;
    font-size: 1em;
    margin: .5em 0
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_description {
    margin-top: -.6em;
    min-height: .6em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_flow .sv_q_checkbox_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_q_flow .sv_q_imagepicker_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_q_flow .sv_q_radiogroup_inline {
    line-height: 2em;
    display: inline-block
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_panel_dynamic .sv_q_title {
    font-weight: 400
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
    margin: 1em 0;
    padding: 1em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root,.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),.sv_main .sv_container .sv_body .sv_p_root .sv_q select,.sv_main .sv_container .sv_body .sv_p_root .sv_q textarea {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 2em;
    padding-left: 1em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control:focus,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input:focus,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root:focus,.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus,.sv_main .sv_container .sv_body .sv_p_root .sv_q select:focus,.sv_main .sv_container .sv_body .sv_p_root .sv_q textarea:focus {
    outline: 0
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),.sv_main .sv_container .sv_body .sv_p_root .sv_q select {
    height: calc(2em + 1px)
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q div.sv_q_dropdown_control,.sv_main .sv_container .sv_body .sv_p_root .sv_q div.sv_q_text_root {
    min-height: 2.43em;
    min-width: 7em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper {
    width: 100%;
    position: relative;
    display: inline-block
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper select {
    display: block;
    background: 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2.5em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper select::-ms-expand {
    display: none
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper:before {
    padding: 1em;
    position: absolute;
    right: 0;
    top: 1px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMiwxNiAxNCwxNCAxNywxNyAyMCwxNCAyMiwxNiAxNywyMSAiLz4KPC9zdmc+Cg==);
    content: "";
    background-repeat: no-repeat;
    background-position: center
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=color] {
    min-height: 2em;
    padding: 0
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=checkbox],.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=radio] {
    margin: -.1em .55em 0 0;
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    font-size: 1em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=checkbox]:focus,.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=radio]:focus {
    outline: #1ab394 dotted 1px
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child),.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imgsel.sv_q_imagepicker_inline:not(:last-child),.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child) {
    margin-right: 1.5em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imgsel label>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 4px;
    border: 1px solid #d3d3d3;
    border-radius: 4px
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imgsel label>div>img {
    display: block;
    pointer-events: none;
    position: relative
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup_clear {
    margin-top: .5em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_checkbox_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imagepicker_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup_inline {
    line-height: 2em;
    display: inline-block
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_footer {
    padding: 1em 0
}

.sv_main .sv_container .sv_body .sv_p_root table {
    width: 100%;
    border-collapse: collapse
}

.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix .sv_matrix_dynamic_button,.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_matrix_dynamic_button,.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dynamic .sv_matrix_dynamic_button {
    padding: .3em 2em
}

.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td .sv_q_m_label {
    position: static;
    display: block;
    width: 100%
}

.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_qcbc .sv_q_checkbox_control_label {
    margin-right: 1.5em
}

.sv_main .sv_container .sv_body .sv_p_root table td,.sv_main .sv_container .sv_body .sv_p_root table th {
    text-align: left
}

.sv_main .sv_container .sv_body .sv_p_root table td {
    padding: .5em
}

.sv_main .sv_container .sv_body .sv_p_root table th {
    line-height: 1.3em;
    padding: .5em;
    vertical-align: bottom;
    font-weight: 700
}

.sv_main .sv_container .sv_body .sv_p_root fieldset.sv_qcbc {
    line-height: 2em;
    padding-top: .1em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_other {
    margin-left: 1em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_select_column {
    display: inline-block;
    vertical-align: top;
    min-width: 10%
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating {
    line-height: 2em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item {
    cursor: pointer;
    word-spacing: -.3em;
    font-weight: 400;
    display: inline
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item>* {
    word-spacing: initial
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item>* {
        word-spacing: normal
    }
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item .sv_q_rating_item_text {
    display: inline-block;
    min-width: 2em;
    padding: 0 .3em;
    margin-left: -1px;
    text-align: center
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item:not(:first-child) .sv_q_rating_item_text:not(:hover) {
    border-left-color: transparent
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_min_text {
    margin-right: .5em
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_max_text {
    margin-left: .5em
}

.sv_main .sv_container .sv_body .sv_nav {
    padding: 1em 0;
    min-height: 2em
}

.sv_main .sv_container .sv_body .sv_nav .sv_complete_btn,.sv_main .sv_container .sv_body .sv_nav .sv_next_btn,.sv_main .sv_container .sv_body .sv_nav .sv_start_btn {
    float: right
}

.sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {
    float: left
}

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner>div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: 1.2s ease-in-out infinite sk-stretchdelay;
    animation: 1.2s ease-in-out infinite sk-stretchdelay
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-stretchdelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.5)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,100%,40% {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#eee));
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#ccc));
    background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#eee));
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#fff));
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

:root {
    --ion-color-primary: #3880ff;
    --ion-color-primary-rgb: 56,128,255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #3171e0;
    --ion-color-primary-tint: #4c8dff;
    --ion-color-secondary: #0cd1e8;
    --ion-color-secondary-rgb: 12,209,232;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #0bb8cc;
    --ion-color-secondary-tint: #24d6ea;
    --ion-color-tertiary: #7044ff;
    --ion-color-tertiary-rgb: 112,68,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #633ce0;
    --ion-color-tertiary-tint: #7e57ff;
    --ion-color-success: #10dc60;
    --ion-color-success-rgb: 16,220,96;
    --ion-color-success-contrast: #ffffff;
    --ion-color-success-contrast-rgb: 255,255,255;
    --ion-color-success-shade: #0ec254;
    --ion-color-success-tint: #28e070;
    --ion-color-warning: #ffce00;
    --ion-color-warning-rgb: 255,206,0;
    --ion-color-warning-contrast: #ffffff;
    --ion-color-warning-contrast-rgb: 255,255,255;
    --ion-color-warning-shade: #e0b500;
    --ion-color-warning-tint: #ffd31a;
    --ion-color-danger: #f04141;
    --ion-color-danger-rgb: 245,61,61;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #d33939;
    --ion-color-danger-tint: #f25454;
    --ion-color-dark: #222428;
    --ion-color-dark-rgb: 34,34,34;
    --ion-color-dark-contrast: #ffffff;
    --ion-color-dark-contrast-rgb: 255,255,255;
    --ion-color-dark-shade: #1e2023;
    --ion-color-dark-tint: #383a3e;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb: 152,154,162;
    --ion-color-medium-contrast: #ffffff;
    --ion-color-medium-contrast-rgb: 255,255,255;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-light: #f4f5f8;
    --ion-color-light-rgb: 244,244,244;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0,0,0;
    --ion-color-light-shade: #d7d8da;
    --ion-color-light-tint: #f5f6f9
}

ion-toolbar {
    --background: #FFF
}

html.ios {
    --ion-default-font: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Roboto",sans-serif
}

html.md {
    --ion-default-font: "Roboto","Helvetica Neue",sans-serif
}

body.backdrop-no-scroll {
    overflow: hidden
}

.ion-color-primary {
    --ion-color-base: var(--ion-color-primary, #3880ff)!important;
    --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255)!important;
    --ion-color-contrast: var(--ion-color-primary-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-primary-shade, #3171e0)!important;
    --ion-color-tint: var(--ion-color-primary-tint, #4c8dff)!important
}

.ion-color-secondary {
    --ion-color-base: var(--ion-color-secondary, #0cd1e8)!important;
    --ion-color-base-rgb: var(--ion-color-secondary-rgb, 12, 209, 232)!important;
    --ion-color-contrast: var(--ion-color-secondary-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-secondary-shade, #0bb8cc)!important;
    --ion-color-tint: var(--ion-color-secondary-tint, #24d6ea)!important
}

.ion-color-tertiary {
    --ion-color-base: var(--ion-color-tertiary, #7044ff)!important;
    --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 112, 68, 255)!important;
    --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-tertiary-shade, #633ce0)!important;
    --ion-color-tint: var(--ion-color-tertiary-tint, #7e57ff)!important
}

.ion-color-success {
    --ion-color-base: var(--ion-color-success, #10dc60)!important;
    --ion-color-base-rgb: var(--ion-color-success-rgb, 16, 220, 96)!important;
    --ion-color-contrast: var(--ion-color-success-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-success-shade, #0ec254)!important;
    --ion-color-tint: var(--ion-color-success-tint, #28e070)!important
}

.ion-color-warning {
    --ion-color-base: var(--ion-color-warning, #ffce00)!important;
    --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 206, 0)!important;
    --ion-color-contrast: var(--ion-color-warning-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-warning-shade, #e0b500)!important;
    --ion-color-tint: var(--ion-color-warning-tint, #ffd31a)!important
}

.ion-color-danger {
    --ion-color-base: var(--ion-color-danger, #f04141)!important;
    --ion-color-base-rgb: var(--ion-color-danger-rgb, 240, 65, 65)!important;
    --ion-color-contrast: var(--ion-color-danger-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-danger-shade, #d33939)!important;
    --ion-color-tint: var(--ion-color-danger-tint, #f25454)!important
}

.ion-color-light {
    --ion-color-base: var(--ion-color-light, #f4f5f8)!important;
    --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248)!important;
    --ion-color-contrast: var(--ion-color-light-contrast, #000)!important;
    --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0)!important;
    --ion-color-shade: var(--ion-color-light-shade, #d7d8da)!important;
    --ion-color-tint: var(--ion-color-light-tint, #f5f6f9)!important
}

.ion-color-medium {
    --ion-color-base: var(--ion-color-medium, #989aa2)!important;
    --ion-color-base-rgb: var(--ion-color-medium-rgb, 152, 154, 162)!important;
    --ion-color-contrast: var(--ion-color-medium-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-medium-shade, #86888f)!important;
    --ion-color-tint: var(--ion-color-medium-tint, #a2a4ab)!important
}

.ion-color-dark {
    --ion-color-base: var(--ion-color-dark, #222428)!important;
    --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40)!important;
    --ion-color-contrast: var(--ion-color-dark-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-dark-shade, #1e2023)!important;
    --ion-color-tint: var(--ion-color-dark-tint, #383a3e)!important
}

.ion-page {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    contain: layout size style;
    overflow: hidden;
    z-index: 0
}

.ion-page-hidden,[hidden],ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-menu-controller,ion-modal-controller,ion-nav-controller,ion-picker-controller,ion-popover-controller,ion-route,ion-route-redirect,ion-router,ion-select-option,ion-toast-controller {
    display: none!important
}

.ion-page-invisible {
    opacity: 0
}

html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa {
    --ion-statusbar-padding: 20px
}

@supports (padding-top: 20px) {
    html {
        --ion-safe-area-top:var(--ion-statusbar-padding)
    }
}

@supports (padding-top: constant(safe-area-inset-top)) {
    html {
        --ion-safe-area-top:constant(safe-area-inset-top);
        --ion-safe-area-bottom: constant(safe-area-inset-bottom);
        --ion-safe-area-left: constant(safe-area-inset-left);
        --ion-safe-area-right: constant(safe-area-inset-right)
    }
}

@supports (padding-top: env(safe-area-inset-top)) {
    html {
        --ion-safe-area-top:env(safe-area-inset-top);
        --ion-safe-area-bottom: env(safe-area-inset-bottom);
        --ion-safe-area-left: env(safe-area-inset-left);
        --ion-safe-area-right: env(safe-area-inset-right)
    }
}

audio,canvas,progress,video {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

b,strong {
    font-weight: 700
}

img {
    max-width: 100%;
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 1px;
    border-width: 0;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

input,label,select,textarea {
    font-family: inherit;
    line-height: normal
}

textarea {
    overflow: auto;
    height: auto;
    font: inherit;
    color: inherit
}

textarea::-webkit-input-placeholder {
    padding-left: 2px
}

textarea::-moz-placeholder {
    padding-left: 2px
}

textarea::-ms-input-placeholder {
    padding-left: 2px
}

textarea::placeholder {
    padding-left: 2px
}

form,input,optgroup,select {
    margin: 0;
    font: inherit;
    color: inherit
}

html input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

.ion-tappable,[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,input,textarea {
    touch-action: manipulation
}

a ion-label,button ion-label {
    pointer-events: none
}

button {
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button
}

[tappable] {
    cursor: pointer
}

a[disabled],button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input[type=checkbox],input[type=radio] {
    padding: 0;
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

html {
    --ion-font-family: var(--ion-default-font);
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: var(--ion-font-family)
}

html:not(.hydrated) body {
    display: none
}

html.plt-pwa {
    height: 100vh
}

body {
    background: var(--ion-background-color);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    text-rendering: optimizeLegibility;
    overflow: hidden;
    touch-action: manipulation;
    -webkit-user-drag: none;
    -ms-content-zooming: none;
    word-wrap: break-word;
    overscroll-behavior-y: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    margin: 0;
    padding: 0
}

a {
    background-color: transparent;
    color: var(--ion-color-primary,#3880ff)
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    margin-top: 20px;
    font-size: 26px
}

h2 {
    margin-top: 18px;
    font-size: 24px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

small {
    font-size: 75%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.ion-hide,.ion-hide-up {
    display: none!important
}

@media (max-width: 575px) {
    .ion-hide-down {
        display:none!important
    }
}

@media (max-width: 767px) {
    .ion-hide-sm-down {
        display:none!important
    }

    .sv_main .sv_container .sv_q.nf-xs-down {
        float: none;
        padding-right: 5px!important
    }
}

@media (max-width: 991px) {
    .ion-hide-md-down {
        display:none!important
    }

    .sv_main .sv_container .sv_q.nf-sm-down {
        float: none;
        padding-right: 5px!important
    }
}

@media (max-width: 1199px) {
    .ion-hide-lg-down {
        display:none!important
    }

    .sv_main .sv_container .sv_q.nf-md-down {
        float: none;
        padding-right: 5px!important
    }
}

.ion-hide-xl-down {
    display: none!important
}

.ion-no-padding,[no-padding] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding: 0
}

.ion-padding,[padding] {
    --padding-start: var(--ion-padding, 16px);
    --padding-end: var(--ion-padding, 16px);
    --padding-top: var(--ion-padding, 16px);
    --padding-bottom: var(--ion-padding, 16px);
    padding-left: var(--ion-padding,16px);
    padding-right: var(--ion-padding,16px);
    padding-top: var(--ion-padding,16px);
    padding-bottom: var(--ion-padding,16px)
}

@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
    .ion-padding,[padding] {
        padding-left: unset;
        padding-right: unset;
        -webkit-padding-start: var(--ion-padding,16px);
        padding-inline-start:var(--ion-padding,16px);-webkit-padding-end: var(--ion-padding,16px);
        padding-inline-end:var(--ion-padding,16px)}
}

.ion-padding-top,[padding-top] {
    --padding-top: var(--ion-padding, 16px);
    padding-top: var(--ion-padding,16px)
}

.ion-padding-start,[padding-start] {
    --padding-start: var(--ion-padding, 16px);
    padding-left: var(--ion-padding,16px)
}

.ion-padding-end,[padding-end] {
    --padding-end: var(--ion-padding, 16px);
    padding-right: var(--ion-padding,16px)
}

@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
    .ion-padding-start,[padding-start] {
        padding-left: unset;
        -webkit-padding-start: var(--ion-padding,16px);
        padding-inline-start:var(--ion-padding,16px)}

    .ion-padding-end,[padding-end] {
        padding-right: unset;
        -webkit-padding-end: var(--ion-padding,16px);
        padding-inline-end:var(--ion-padding,16px)}
}

.ion-padding-bottom,[padding-bottom] {
    --padding-bottom: var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding,16px)
}

.ion-padding-vertical,[padding-vertical] {
    --padding-top: var(--ion-padding, 16px);
    --padding-bottom: var(--ion-padding, 16px);
    padding-top: var(--ion-padding,16px);
    padding-bottom: var(--ion-padding,16px)
}

.ion-padding-horizontal,[padding-horizontal] {
    --padding-start: var(--ion-padding, 16px);
    --padding-end: var(--ion-padding, 16px);
    padding-left: var(--ion-padding,16px);
    padding-right: var(--ion-padding,16px)
}

.ion-no-margin,[no-margin] {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin: 0
}

.ion-margin,[margin] {
    --margin-start: var(--ion-margin, 16px);
    --margin-end: var(--ion-margin, 16px);
    --margin-top: var(--ion-margin, 16px);
    --margin-bottom: var(--ion-margin, 16px);
    margin-left: var(--ion-margin,16px);
    margin-right: var(--ion-margin,16px);
    margin-top: var(--ion-margin,16px);
    margin-bottom: var(--ion-margin,16px)
}

@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
    .ion-padding-horizontal,[padding-horizontal] {
        padding-left: unset;
        padding-right: unset;
        -webkit-padding-start: var(--ion-padding,16px);
        padding-inline-start:var(--ion-padding,16px);-webkit-padding-end: var(--ion-padding,16px);
        padding-inline-end:var(--ion-padding,16px)}

    .ion-margin,[margin] {
        margin-left: unset;
        margin-right: unset;
        -webkit-margin-start: var(--ion-margin,16px);
        margin-inline-start:var(--ion-margin,16px);-webkit-margin-end: var(--ion-margin,16px);
        margin-inline-end:var(--ion-margin,16px)}
}

.ion-margin-top,[margin-top] {
    --margin-top: var(--ion-margin, 16px);
    margin-top: var(--ion-margin,16px)
}

.ion-margin-start,[margin-start] {
    --margin-start: var(--ion-margin, 16px);
    margin-left: var(--ion-margin,16px)
}

.ion-margin-end,[margin-end] {
    --margin-end: var(--ion-margin, 16px);
    margin-right: var(--ion-margin,16px)
}

@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
    .ion-margin-start,[margin-start] {
        margin-left: unset;
        -webkit-margin-start: var(--ion-margin,16px);
        margin-inline-start:var(--ion-margin,16px)}

    .ion-margin-end,[margin-end] {
        margin-right: unset;
        -webkit-margin-end: var(--ion-margin,16px);
        margin-inline-end:var(--ion-margin,16px)}
}

.ion-margin-bottom,[margin-bottom] {
    --margin-bottom: var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin,16px)
}

.ion-margin-vertical,[margin-vertical] {
    --margin-top: var(--ion-margin, 16px);
    --margin-bottom: var(--ion-margin, 16px);
    margin-top: var(--ion-margin,16px);
    margin-bottom: var(--ion-margin,16px)
}

.ion-margin-horizontal,[margin-horizontal] {
    --margin-start: var(--ion-margin, 16px);
    --margin-end: var(--ion-margin, 16px);
    margin-left: var(--ion-margin,16px);
    margin-right: var(--ion-margin,16px)
}

@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
    .ion-margin-horizontal,[margin-horizontal] {
        margin-left: unset;
        margin-right: unset;
        -webkit-margin-start: var(--ion-margin,16px);
        margin-inline-start:var(--ion-margin,16px);-webkit-margin-end: var(--ion-margin,16px);
        margin-inline-end:var(--ion-margin,16px)}
}

.ion-float-left,[float-left] {
    float: left!important
}

.ion-float-right,[float-right] {
    float: right!important
}

.ion-float-start,[float-start] {
    float: left!important
}

:host-context([dir=rtl]) .ion-float-start,:host-context([dir=rtl]) [float-start],[dir=rtl] .ion-float-start,[dir=rtl] [float-start] {
    float: right!important
}

.ion-float-end,[float-end] {
    float: right!important
}

:host-context([dir=rtl]) .ion-float-end,:host-context([dir=rtl]) [float-end],[dir=rtl] .ion-float-end,[dir=rtl] [float-end] {
    float: left!important
}

.ion-text-center,[text-center] {
    text-align: center!important
}

.ion-text-justify,[text-justify] {
    text-align: justify!important
}

.ion-text-start,[text-start] {
    text-align: start!important
}

.ion-text-end,[text-end] {
    text-align: end!important
}

.ion-text-left,[text-left] {
    text-align: left!important
}

.ion-text-right,[text-right] {
    text-align: right!important
}

.ion-text-nowrap,[text-nowrap] {
    white-space: nowrap!important
}

.ion-text-wrap,[text-wrap] {
    white-space: normal!important
}

.ion-text-uppercase,[text-uppercase] {
    text-transform: uppercase!important
}

.ion-text-lowercase,[text-lowercase] {
    text-transform: lowercase!important
}

.ion-text-capitalize,[text-capitalize] {
    text-transform: capitalize!important
}

@media (min-width: 576px) {
    .ion-hide-sm-up {
        display:none!important
    }

    .ion-float-sm-left,[float-sm-left] {
        float: left!important
    }

    .ion-float-sm-right,[float-sm-right] {
        float: right!important
    }

    .ion-float-sm-start,[float-sm-start] {
        float: left!important
    }

    :host-context([dir=rtl]) .ion-float-sm-start,:host-context([dir=rtl]) [float-sm-start],[dir=rtl] .ion-float-sm-start,[dir=rtl] [float-sm-start] {
        float: right!important
    }

    .ion-float-sm-end,[float-sm-end] {
        float: right!important
    }

    :host-context([dir=rtl]) .ion-float-sm-end,:host-context([dir=rtl]) [float-sm-end],[dir=rtl] .ion-float-sm-end,[dir=rtl] [float-sm-end] {
        float: left!important
    }

    .ion-text-sm-center,[text-sm-center] {
        text-align: center!important
    }

    .ion-text-sm-justify,[text-sm-justify] {
        text-align: justify!important
    }

    .ion-text-sm-start,[text-sm-start] {
        text-align: start!important
    }

    .ion-text-sm-end,[text-sm-end] {
        text-align: end!important
    }

    .ion-text-sm-left,[text-sm-left] {
        text-align: left!important
    }

    .ion-text-sm-right,[text-sm-right] {
        text-align: right!important
    }

    .ion-text-sm-nowrap,[text-sm-nowrap] {
        white-space: nowrap!important
    }

    .ion-text-sm-wrap,[text-sm-wrap] {
        white-space: normal!important
    }

    .ion-text-sm-uppercase,[text-sm-uppercase] {
        text-transform: uppercase!important
    }

    .ion-text-sm-lowercase,[text-sm-lowercase] {
        text-transform: lowercase!important
    }

    .ion-text-sm-capitalize,[text-sm-capitalize] {
        text-transform: capitalize!important
    }
}

@media (min-width: 768px) {
    .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td {
        min-width:10em
    }

    .ion-hide-md-up {
        display: none!important
    }

    .ion-float-md-left,[float-md-left] {
        float: left!important
    }

    .ion-float-md-right,[float-md-right] {
        float: right!important
    }

    .ion-float-md-start,[float-md-start] {
        float: left!important
    }

    :host-context([dir=rtl]) .ion-float-md-start,:host-context([dir=rtl]) [float-md-start],[dir=rtl] .ion-float-md-start,[dir=rtl] [float-md-start] {
        float: right!important
    }

    .ion-float-md-end,[float-md-end] {
        float: right!important
    }

    :host-context([dir=rtl]) .ion-float-md-end,:host-context([dir=rtl]) [float-md-end],[dir=rtl] .ion-float-md-end,[dir=rtl] [float-md-end] {
        float: left!important
    }

    .ion-text-md-center,[text-md-center] {
        text-align: center!important
    }

    .ion-text-md-justify,[text-md-justify] {
        text-align: justify!important
    }

    .ion-text-md-start,[text-md-start] {
        text-align: start!important
    }

    .ion-text-md-end,[text-md-end] {
        text-align: end!important
    }

    .ion-text-md-left,[text-md-left] {
        text-align: left!important
    }

    .ion-text-md-right,[text-md-right] {
        text-align: right!important
    }

    .ion-text-md-nowrap,[text-md-nowrap] {
        white-space: nowrap!important
    }

    .ion-text-md-wrap,[text-md-wrap] {
        white-space: normal!important
    }

    .ion-text-md-uppercase,[text-md-uppercase] {
        text-transform: uppercase!important
    }

    .ion-text-md-lowercase,[text-md-lowercase] {
        text-transform: lowercase!important
    }

    .ion-text-md-capitalize,[text-md-capitalize] {
        text-transform: capitalize!important
    }
}

@media (min-width: 992px) {
    .ion-hide-lg-up {
        display:none!important
    }

    .ion-float-lg-left,[float-lg-left] {
        float: left!important
    }

    .ion-float-lg-right,[float-lg-right] {
        float: right!important
    }

    .ion-float-lg-start,[float-lg-start] {
        float: left!important
    }

    :host-context([dir=rtl]) .ion-float-lg-start,:host-context([dir=rtl]) [float-lg-start],[dir=rtl] .ion-float-lg-start,[dir=rtl] [float-lg-start] {
        float: right!important
    }

    .ion-float-lg-end,[float-lg-end] {
        float: right!important
    }

    :host-context([dir=rtl]) .ion-float-lg-end,:host-context([dir=rtl]) [float-lg-end],[dir=rtl] .ion-float-lg-end,[dir=rtl] [float-lg-end] {
        float: left!important
    }

    .ion-text-lg-center,[text-lg-center] {
        text-align: center!important
    }

    .ion-text-lg-justify,[text-lg-justify] {
        text-align: justify!important
    }

    .ion-text-lg-start,[text-lg-start] {
        text-align: start!important
    }

    .ion-text-lg-end,[text-lg-end] {
        text-align: end!important
    }

    .ion-text-lg-left,[text-lg-left] {
        text-align: left!important
    }

    .ion-text-lg-right,[text-lg-right] {
        text-align: right!important
    }

    .ion-text-lg-nowrap,[text-lg-nowrap] {
        white-space: nowrap!important
    }

    .ion-text-lg-wrap,[text-lg-wrap] {
        white-space: normal!important
    }

    .ion-text-lg-uppercase,[text-lg-uppercase] {
        text-transform: uppercase!important
    }

    .ion-text-lg-lowercase,[text-lg-lowercase] {
        text-transform: lowercase!important
    }

    .ion-text-lg-capitalize,[text-lg-capitalize] {
        text-transform: capitalize!important
    }

    .sv_main .sv_container .sv_q.nf-lg-down {
        float: none;
        padding-right: 5px!important
    }
}

@media (min-width: 1200px) {
    .ion-hide-xl-up {
        display:none!important
    }

    .ion-float-xl-left,[float-xl-left] {
        float: left!important
    }

    .ion-float-xl-right,[float-xl-right] {
        float: right!important
    }

    .ion-float-xl-start,[float-xl-start] {
        float: left!important
    }

    :host-context([dir=rtl]) .ion-float-xl-start,:host-context([dir=rtl]) [float-xl-start],[dir=rtl] .ion-float-xl-start,[dir=rtl] [float-xl-start] {
        float: right!important
    }

    .ion-float-xl-end,[float-xl-end] {
        float: right!important
    }

    :host-context([dir=rtl]) .ion-float-xl-end,:host-context([dir=rtl]) [float-xl-end],[dir=rtl] .ion-float-xl-end,[dir=rtl] [float-xl-end] {
        float: left!important
    }

    .ion-text-xl-center,[text-xl-center] {
        text-align: center!important
    }

    .ion-text-xl-justify,[text-xl-justify] {
        text-align: justify!important
    }

    .ion-text-xl-start,[text-xl-start] {
        text-align: start!important
    }

    .ion-text-xl-end,[text-xl-end] {
        text-align: end!important
    }

    .ion-text-xl-left,[text-xl-left] {
        text-align: left!important
    }

    .ion-text-xl-right,[text-xl-right] {
        text-align: right!important
    }

    .ion-text-xl-nowrap,[text-xl-nowrap] {
        white-space: nowrap!important
    }

    .ion-text-xl-wrap,[text-xl-wrap] {
        white-space: normal!important
    }

    .ion-text-xl-uppercase,[text-xl-uppercase] {
        text-transform: uppercase!important
    }

    .ion-text-xl-lowercase,[text-xl-lowercase] {
        text-transform: lowercase!important
    }

    .ion-text-xl-capitalize,[text-xl-capitalize] {
        text-transform: capitalize!important
    }
}

.ion-align-self-start,[align-self-start] {
    align-self: flex-start!important
}

.ion-align-self-end,[align-self-end] {
    align-self: flex-end!important
}

.ion-align-self-center,[align-self-center] {
    align-self: center!important
}

.ion-align-self-stretch,[align-self-stretch] {
    align-self: stretch!important
}

.ion-align-self-baseline,[align-self-baseline] {
    align-self: baseline!important
}

.ion-align-self-auto,[align-self-auto] {
    align-self: auto!important
}

.ion-wrap,[wrap] {
    flex-wrap: wrap!important
}

.ion-nowrap,[nowrap] {
    flex-wrap: nowrap!important
}

.ion-wrap-reverse,[wrap-reverse] {
    flex-wrap: wrap-reverse!important
}

.ion-justify-content-start,[justify-content-start] {
    -webkit-box-pack: start!important;
    justify-content: flex-start!important
}

.ion-justify-content-center,[justify-content-center] {
    -webkit-box-pack: center!important;
    justify-content: center!important
}

.ion-justify-content-end,[justify-content-end] {
    -webkit-box-pack: end!important;
    justify-content: flex-end!important
}

.ion-justify-content-around,[justify-content-around] {
    justify-content: space-around!important
}

.ion-justify-content-between,[justify-content-between] {
    -webkit-box-pack: justify!important;
    justify-content: space-between!important
}

.ion-justify-content-evenly,[justify-content-evenly] {
    -webkit-box-pack: space-evenly!important;
    justify-content: space-evenly!important
}

.ion-align-items-start,[align-items-start] {
    -webkit-box-align: start!important;
    align-items: flex-start!important
}

.ion-align-items-center,[align-items-center] {
    -webkit-box-align: center!important;
    align-items: center!important
}

.ion-align-items-end,[align-items-end] {
    -webkit-box-align: end!important;
    align-items: flex-end!important
}

.ion-align-items-stretch,[align-items-stretch] {
    -webkit-box-align: stretch!important;
    align-items: stretch!important
}

.ion-align-items-baseline,[align-items-baseline] {
    -webkit-box-align: baseline!important;
    align-items: baseline!important
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e7e7e7!important;
    border-radius: 0
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff
}

input[type=date] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield
}

#main-case-form-placehoder {
    margin: 0!important
}

#main-case-form-placehoder h1 {
    font-size: .85em!important;
    margin-bottom: 4px;
    border-bottom: 1px solid #eaeaea;
    color: #999;
    margin-top: 15px;
    font-weight: 700
}

#main-case-form-placehoder h1:first-child {
    margin-top: 0
}

#main-case-form-placehoder .sv_main {
    background: 0 0!important
}

#main-case-form-placehoder .sv_container .sv_body {
    background: 0 0!important;
    padding: 0!important
}

#main-case-form-placehoder .sv_nav {
    display: none
}

#main-case-form-placehoder .sv_row {
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    background: #f2f2f2!important
}

#send-case-msg-form-div {
    padding: 0 15px 15px;
    border-top: 1px solid #ccc
}

#send-case-msg-form-div,#send-case-msg-form-div .sv_body,#send-case-msg-form-div .sv_row {
    background: #f2f2f2!important
}

#send-case-msg-form-div .sv_body {
    padding: 0!important
}

#send-case-msg-form-div .sv_row {
    border: none!important
}

#send-case-msg-form-div .sv_nav {
    display: none
}

.sv_main .sv_q_erbox {
    border-color: #e7243859!important;
    padding: .15em .5em!important
}

.sv_main input,.sv_main option,.sv_main select,.sv_main textarea {
    text-transform: uppercase
}

.sv_main .q-microphone,.sv_main .q-signaturepad {
    width: 100%!important
}

@media (min-width: 700px) {
    .sv_main .q-microphone,.sv_main .q-signaturepad {
        width:50%!important;
        min-height: 320px
    }
}

.sv_main .sv_q_description {
    font-size: .8em
}

.sv_main .sv_q_erbox3 {
    color: #d30423;
    box-shadow: 1px 1px 20px rgba(211,4,35,.3);
    display: inline-block;
    background-color: #fff!important;
    border: none!important;
    margin: 1em 0!important;
    padding: .6em!important
}

.sv_main .sv_q_erbox3:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    background-color: #fff;
    left: 27px;
    top: 13px;
    z-index: 400
}

.sv_main .sv_q {
    overflow: visible!important
}

.sv_main .sv_qstn_error_top {
    position: relative
}

.sv_main .sv_container {
    position: relative;
    color: #333
}

.sv_main .sv_container .sv_body {
    border-top: none;
    margin-top: 0;
    padding-top: 0!important
}

.sv_main .sv_container .sv_body .sv_q_num {
    white-space: nowrap
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q {
    box-sizing: border-box;
    overflow: auto;
    padding: 5px
}

.sv_main .sv_container .title-left {
    width: 200px
}

@media (max-width: 600px) {
    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn {
        display:block;
        width: 100%!important
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .title-left,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .title-left {
        float: none
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_checkbox_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_imagepicker_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_radiogroup_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_checkbox_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_imagepicker_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_radiogroup_inline,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic {
        display: block
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix thead,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown thead,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic thead,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix thead,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown thead,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic thead {
        display: none
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tbody,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tr,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tbody,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tr,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tbody,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tr,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tbody,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tr,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tbody,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tr,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tbody,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tr {
        display: block
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td:before,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td:before,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td:before,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td:before {
        content: attr(headers)
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td label.sv_q_m_label,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {
        display: inline
    }

    .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td:after,.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td:after {
        content: attr(headers)
    }

    .sv_main .sv_container td.disabled-cell {
        display: none!important
    }

    .sv_main .sv_container .title-left {
        width: auto
    }
}

.sv_main .sv_container .autoTitleWidth .title-left {
    width: auto
}

.sv_main .sv_container .is-exec-hidden,.sv_main .sv_container .is-hidden {
    display: none!important
}

.sv_main .sv_container .text-bold {
    font-weight: 700
}

.sv_main .sv_container .hide-input input {
    display: none
}

.sv_main .sv_container .widthAuto {
    width: auto!important
}

.sv_main .sv_container .width50 {
    width: 50%!important
}

.sv_main .sv_container .width60 {
    width: 60%!important
}

.sv_main .sv_container .width40 {
    width: 40%!important
}

.sv_main .sv_container .width30 {
    width: 30%!important
}

.sv_main .sv_container .panel-bordered {
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px
}

.sv_main .sv_container .table-bordered table.sv_q_matrix_dynamic {
    width: 100%;
    margin: 8px 10px
}

.sv_main .sv_container .table-bordered table.sv_q_matrix_dynamic td,.sv_main .sv_container .table-bordered table.sv_q_matrix_dynamic th {
    border: 1px solid #ccc
}

.sv_main .sv_container .table-no-maxtrix-header .sv_q_matrix_dynamic thead {
    display: none
}

.sv_main .sv_container input[type=number] {
    text-align: right;
    padding-right: 6px
}

.sv_main .sv_container table.sv_q_matrix_dynamic td.disabled-cell {
    background: #d9d9d9
}

.sv_main .sv_container table.sv_q_matrix_dynamic td.disabled-cell input {
    display: none
}

.sv_main .sv_container .tab1 {
    margin-left: 12px
}

.sv_main .sv_container .tab2 {
    margin-left: 24px
}

.sv_main .sv_container .tab3 {
    margin-left: 36px
}

.sv_header {
    padding-left: 2em!important
}

.sv_header h3>span {
    font-size: .8em
}

.sv_header h5 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700;
    font-size: 1.7em
}

.sv_q_radiogroup {
    font-size: 1.2em;
    display: inline-block!important;
    width: auto!important;
    margin-left: 6px;
    margin-right: 6px
}

.sv_q_checkbox_label {
    font-size: 1.1em
}

.sjs_sp_container canvas {
    border: 1px solid #1ab394;
    background: #fff6e5
}

.sjs_sp_container .sjs_sp_controls {
    bottom: -18px;
    left: 150px
}

@media (max-width: 402px) {
    .sjs_sp_container canvas {
        width:100%!important
    }

    .sjs_sp_container .sjs_sp_controls {
        left: 50px!important
    }
}

.sv_qstn audio {
    box-shadow: none!important;
    top: 10px!important;
    left: 10px!important;
    max-width: 150px;
    display: inline-block
}

.sv_qstn .fa-cloud:before {
    content: ""!important
}

label.na-inpt {
    position: relative;
    right: 0;
    top: -28px;
    float: right;
    background: #ddd;
    padding: 4px 8px
}

.is-active-q .sv_q_title {
    color: #1ab394
}

.in-review-mode .is-active-q .sv_q_title {
    color: #333
}

.in-review-mode .sv_q input:focus,.in-review-mode .sv_q select:focus,.in-review-mode .sv_q textarea:focus {
    border-color: #e7e7e7
}

.in-readonly-mode .sv_q_file_remove_button,.in-review-mode .sv_q_file_remove_button {
    display: none
}

.sv_main .sv_container .numbered-mx table.sv_q_matrix_dynamic tbody {
    counter-reset: line-number
}

.sv_main .sv_container .numbered-mx table.sv_q_matrix_dynamic tbody tr {
    counter-increment: line-number
}

body.is-cordova .page-copy-footer {
    display: none!important
}

.visible-print,body.is-cordova .page-copy-footer .copy {
    display: none
}

.pdf-download-mode .visible-print {
    display: block;
    padding-left: 15px
}

.hidden-case-context-menu .ctxmenulink {
    display: none
}

.ion-options-nowrap .alert-radio-label {
    white-space: pre-line
}

.ion-options-nowrap .alert-tappable.alert-radio {
    height: auto;
    contain: content
}

.ion-options-nowrap .alert-radio-label.sc-ion-alert-ios,.ion-options-nowrap .alert-radio-label.sc-ion-alert-md {
    white-space: normal
}

.ion-options-nowrap .alert-radio-label.sc-ion-alert-md1 {
    white-space: normal!important
}

.ion-options-nowrap .alert-radio-button2 {
    margin-bottom: 15px
}

.ion-options-nowrap .alert-radio-button2 .alert-button-inner,.ion-options-nowrap .alert-radio-button2 .alert-radio-label {
    height: auto
}

ion-alert.ion-options-nowrap {
    --min-width: 400px
}

@media (max-width: 600px) {
    .sv_main .sv_container .width30,.sv_main .sv_container .width50,.sv_main .sv_container .widthAuto {
        width:auto!important
    }

    ion-content.ion-padding {
        --ion-padding: 0
    }
}

ion-loading.full-screen-loading {
    background: #fff
}

ion-loading.full-screen-loading .loading-wrapper {
    background: #fff;
    box-shadow: none
}

.page-wrapper {
    max-width: 992px;
    margin: 0 auto
}

#main-form-placehoder,.main-form-placehoder {
    max-width: 992px;
    margin: 0 auto;
    border: 1px solid #999
}

.pdf-download-mode #main-form-placehoder,.pdf-download-mode .main-form-placehoder {
    border: none
}

@media print {
    .visible-print {
        display: block;
        padding-left: 15px
    }

    #main-form-placehoder,.main-form-placehoder {
        border: none
    }
}

.form-ion-content {
    background: #666;
    --background: #666
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.clearfix {
    clear: both
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.color-gray {
    color: #999
}

.ion-text-wrap .alert-radio-label.sc-ion-alert-md {
    white-space: normal!important
}

ion-chip.small-chip {
    height: 16px;
    font-size: .75em
}

ion-chip.small-chip ion-icon {
    font-size: .75em
}

.rule-line {
    border-top: 1px solid #f2f2f2;
    text-align: center;
    margin: 32px 0 0
}

.rule-line span {
    position: relative;
    font-size: .85em;
    color: #ccc;
    padding: 5px;
    top: -10px;
    background: #fff;
    border-radius: 16px
}

@media only screen and (min-height: 0px) and (min-width:768px) {
    .formlist-modal {
        --width:600px;
        --height: 90%
    }

    .full-content-modal {
        --width: 1024px;
        --height: 100%
    }

    .md-content-modal {
        --width: 800px;
        --height: 100%
    }

    .checkout-modal {
        --width: 600px;
        --height: 90%
    }
}

@media only screen and (min-height: 505px) and (min-width:768px) {
    .formlist-modal {
        --width:600px;
        --height: 500px
    }

    .full-content-modal {
        --width: 1024px;
        --height: 100%
    }

    .md-content-modal {
        --width: 800px;
        --height: 100%
    }

    .checkout-modal {
        --width: 600px;
        --height: 550px
    }
}

.checkout-modal .card-container {
    position: relative;
    left: -40px
}

@media (max-width: 575px) {
    .sv_main .sv_container .numbered-mx table.sv_q_matrix_dynamic tbody tr {
        margin-top:15px;
        border-left: 2px solid #1ab394
    }

    .sv_main .sv_container .numbered-mx table.sv_q_matrix_dynamic tbody tr:before {
        content: counter(line-number);
        content: counter(line-number);
        position: absolute;
        left: 50px;
        background: #1ab394;
        padding: 2px 5px;
        color: #fff
    }

    .hidden-xs-down {
        display: none!important
    }
}

.form_type_caseForm {
    margin: 15px
}

.form_type_caseForm .sv_header {
    padding-top: 8px!important;
    padding-bottom: 0!important;
    background: 0 0
}

.form_type_caseForm .sv_header h3 {
    display: none
}

.form_type_caseForm .sv_header h5 {
    font-size: 1.1em
}

span.nobr {
    white-space: nowrap!important
}

.text-breadcrumbs .crumb:after {
    content: "/";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.text-breadcrumbs .crumb:last-child:after {
    display: none
}

.dark-danger {
    color: #9b011a
}

.text-danger {
    color: #ce0123
}

.text-success {
    color: #48da57
}

ion-header.main-header {
    max-height: 70px
}

ion-toolbar.diary-qtn {
    border-bottom: 1px solid #e4e1e1;
    z-index: 5
}

ion-toolbar.diary-qtn .toolbar-background {
    background: #fff!important
}

ion-segment ion-segment-button {
    min-width: 60px
}

@media (min-width: 330px) {
    ion-segment:after,ion-segment:before {
        display:none
    }

    ion-segment ion-segment-button {
        min-width: 90px
    }
}

.alert-wrapper {
    --min-width: 100%
}

@media (min-width: 400px) {
    .alert-wrapper {
        --min-width:400px
    }
}

ion-content.trans-bg {
    --background: transparent;
    background: 0 0
}

.gray-toolbar ion-toolbar {
    --background: rgba(0, 0, 0, 0.85);
    --color: #BFBFBF
}

.gray-toolbar ion-toolbar ion-title {
    --color: #BFBFBF
}

.gray-toolbar ion-toolbar ion-button {
    --background: #FFF!important
}

.gray-tabbar ion-tab-bar {
    --background: rgba(0, 0, 0, 0.88);
    --color: #BFBFBF
}

.gray-tabbar ion-tab-bar ion-title {
    --color: #BFBFBF
}

.gray-tabbar ion-tab-bar ion-tab-button {
    --background: transparent
}

.gray-tabbar ion-tab-bar ion-button {
    --background: #FFF!important
}

.main-header div.aa-logo {
    background: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    padding: 6px 12px
}

.main-header div.aa-logo img.aa-logo {
    max-height: 17px;
    height: auto;
    max-width: 100px;
    width: auto;
    background: #fff;
    margin-right: 4px
}

.main-header div.aa-logo strong {
    position: relative;
    top: 0;
    font-weight: bolder
}

.main-header ion-searchbar * {
    border: none!important;
    box-shadow: none!important
}

.resp-loc-tbl {
    display: inline-table;
    font-size: .8em;
    overflow: hidden
}

.resp-loc-tbl ion-col,.resp-loc-tbl td {
    vertical-align: top;
    text-align: left;
    padding: 0 12px;
    color: #989aa2;
    line-height: 1.4em;
    text-overflow: ellipsis;
    overflow: hidden
}

.graph-white-bg {
    background: rgba(255,255,255,.75)
}

.vertical-align-content {
    display: -webkit-box!important;
    display: flex!important;
    height: 100%
}

.vertical-align-content .vert-align-item {
    margin: auto
}

.inactive-resp {
    text-decoration: line-through
}

div.bg01 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: url(/images/bg01.jpg) center center/cover no-repeat fixed;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px)
}

div.bg01.blur {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px)
}

div.bg01:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.black-fad-bg {
    --background: rgba(0, 0, 0, 0.35)
}

.white-text-shadow {
    text-shadow: 0 0 3px #fff
}

.respondent-info-card {
    margin: 0;
    border-radius: 0
}

.respondent-info-card .white-color {
    color: #fff
}

.home-page-content {
    position: relative
}

.home-page-content>ion-grid {
    position: relative;
    z-index: 0
}

.main-toolbar {
    --color: #FFF;
    color: #fff
}

.main-toolbar .searchbar-input {
    --background: transparent;
    --color: #FFF;
    color: #fff
}

.main-toolbar ion-icon {
    color: #fff;
    --color: #FFF
}

.home-page .main-ion-row {
    width: 100%
}

.home-page .user-info {
    margin: 8px 12px 0;
    padding: 15px;
    text-align: right
}

.home-page .user-info div.country,.home-page .user-info div.location {
    font-size: .85em;
    color: #8c8c8c
}

.home-page .user-info h3 {
    font-size: 1.8em;
    margin: 0
}

.home-page div.info-box {
    padding: 8px;
    background: rgba(255,255,255,.9);
    border-radius: 6px
}

.home-page div.info-box div.label {
    color: #141414;
    font-size: .9em
}

.home-page div.info-box div.stat {
    text-align: right;
    font-size: 2.7em
}

.home-page div.info-box div.stat.primary {
    color: #4d7aff
}

.home-page div.info-box div.stat.success {
    color: #21a621
}

.home-page div.info-box div.stat.warning {
    color: #d3a64d
}

.home-page div.info-box div.stat.danger {
    color: #d32121
}

.home-page div.info-box div.btn {
    text-align: right
}

.responders-list-page ion-text.gray {
    color: #666;
    font-size: .9em
}

.responders-list-page ion-label h3 {
    font-size: 1em;
    font-weight: 700
}

.login-page {
    position: relative;
    z-index: 100;
    width: 100%
}

.login-page ion-card {
    background: rgba(255,255,255,.85);
    margin: 0;
    min-width: 100%
}

@media (min-width: 540px) {
    .login-page {
        width:auto
    }

    .login-page ion-card {
        min-width: 350px
    }
}

.login-page ion-card ion-item {
    --background: transparent
}

.custom-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.custom-ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle,#000 10%,transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: scale(10,10);
    transform: scale(10,10);
    opacity: 0;
    -webkit-transition: opacity 1s,-webkit-transform .5s;
    transition: opacity 1s,-webkit-transform .5s;
    transition: transform .5s,opacity 1s;
    transition: transform .5s,opacity 1s,-webkit-transform .5s
}

.dark-ion-segment ion-segment-button {
    color: #333!important;
    border-color: #333!important
}

.dark-ion-segment ion-segment-button.segment-button-checked {
    background: #333!important;
    color: #fff!important
}

.medium-ion-segment ion-segment-button {
    color: #f2f2f2!important;
    border-color: #f2f2f2!important
}

.medium-ion-segment ion-segment-button.segment-button-checked {
    background: #f2f2f2!important;
    color: #333!important
}

.tooltip {
    padding: 10px;
    position: absolute;
    width: auto;
    white-space: nowrap;
    word-wrap: no-wrap;
    box-shadow: 1px 1px 20px #aaa;
    border-radius: 5px;
    background-color: #fff;
    top: 40px;
    left: 120px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 200;
    font-size: .9em
}

.tooltip:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    background-color: #fff;
    left: 50%;
    top: -1px;
    z-index: 400
}

.tooltip:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg) translateX(-50%) translateZ(-1px);
    transform: rotate(45deg) translateX(-50%) translateZ(-1px);
    background-color: #fff;
    left: 50%;
    top: 0;
    z-index: -1;
    box-shadow: -1px -1px 20px #aaa
}

.tooltip__dang {
    color: #d30423;
    box-shadow: 1px 1px 20px rgba(211,4,35,.3)
}

.tooltip__src {
    color: #d30423;
    box-shadow: 1px 1px 20px rgba(211,4,35,.3);
    top: -67px
}

.tooltip__src:after,.tooltip__src:before {
    top: auto;
    bottom: -8px
}

.tooltip__cow {
    color: #bc6c62;
    box-shadow: 1px 1px 20px rgba(188,108,98,.3)
}

.hidden-xxs-up {
    display: none!important
}

.graph-header01 {
    font-size: 1.3em!important;
    text-align: center;
    font-weight: 700!important;
    margin: 20px -15px!important;
    background: #6e6e6e;
    padding: 15px;
    color: #fff;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .hidden-xs-up {
        display:none!important
    }
}

@media (max-width: 992px) {
    .is-cordova .hidden-mobile {
        display:none
    }

    .is-cordova .visible-mobile,.is-cordova .visible-mobile.ion-hide-md-up {
        display: unset!important
    }

    .is-cordova .visible-mobile.flex,.is-cordova .visible-mobile.ion-hide-md-up.flex {
        display: -webkit-box!important;
        display: flex!important
    }
}

ion-col.sdbar {
    min-width: 280px
}

ion-col.body {
    width: 10%
}

@media (max-width: 640px) {
    .hidden-xs-down {
        display:none!important
    }
}

@media (min-width: 641px) {
    .hidden-sm-up {
        display:none!important
    }
}

@media (max-width: 767px) {
    .sv_main .sv_container .sv_q.xs-1 {
        width:8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.xs-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.xs-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.xs-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.aw-xs {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-xs .title-left {
        width: auto
    }

    .hidden-sm-down {
        display: none!important
    }
}

@media (min-width: 768px) {
    .sv_main .sv_container .sv_q.xs-1 {
        width:8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.xs-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.xs-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.xs-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.sm-1 {
        width: 8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.sm-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.sm-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.sm-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.aw-xs {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-xs .title-left {
        width: auto
    }

    .sv_main .sv_container .sv_q.aw-sm {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-sm .title-left {
        width: auto
    }

    .hidden-md-up {
        display: none!important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display:none!important
    }
}

@media (min-width: 992px) {
    .sv_main .sv_container .sv_q.xs-1 {
        width:8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.xs-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.xs-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.xs-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.sm-1 {
        width: 8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.sm-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.sm-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.sm-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.md-1 {
        width: 8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.md-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.md-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.md-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.aw-xs {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-xs .title-left {
        width: auto
    }

    .sv_main .sv_container .sv_q.aw-sm {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-sm .title-left {
        width: auto
    }

    .sv_main .sv_container .sv_q.aw-md {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-md .title-left {
        width: auto
    }

    .hidden-lg-up {
        display: none!important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .sv_main .sv_container .sv_q.xs-1 {
        width:8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.xs-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.xs-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.xs-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.xs-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.xs-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.sm-1 {
        width: 8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.sm-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.sm-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.sm-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.sm-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.sm-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.md-1 {
        width: 8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.md-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.md-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.md-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.md-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.md-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.lg-1 {
        width: 8.3333333333%!important
    }

    .sv_main .sv_container .sv_q.lg-2 {
        width: 16.6666666667%!important
    }

    .sv_main .sv_container .sv_q.lg-3 {
        width: 25%!important
    }

    .sv_main .sv_container .sv_q.lg-4 {
        width: 33.3333333333%!important
    }

    .sv_main .sv_container .sv_q.lg-5 {
        width: 41.6666666667%!important
    }

    .sv_main .sv_container .sv_q.lg-6 {
        width: 50%!important
    }

    .sv_main .sv_container .sv_q.lg-7 {
        width: 58.3333333333%!important
    }

    .sv_main .sv_container .sv_q.lg-8 {
        width: 66.6666666667%!important
    }

    .sv_main .sv_container .sv_q.lg-9 {
        width: 75%!important
    }

    .sv_main .sv_container .sv_q.lg-10 {
        width: 83.3333333333%!important
    }

    .sv_main .sv_container .sv_q.lg-11 {
        width: 91.6666666667%!important
    }

    .sv_main .sv_container .sv_q.lg-12 {
        width: 100%!important
    }

    .sv_main .sv_container .sv_q.aw-xs {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-xs .title-left {
        width: auto
    }

    .sv_main .sv_container .sv_q.aw-sm {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-sm .title-left {
        width: auto
    }

    .sv_main .sv_container .sv_q.aw-md {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-md .title-left {
        width: auto
    }

    .sv_main .sv_container .sv_q.aw-lg {
        width: auto!important
    }

    .sv_main .sv_container .sv_q.atw-lg .title-left {
        width: auto
    }

    .hidden-xl-up {
        display: none!important
    }
}

.hidden-xl-down {
    display: none!important
}

.styledTable {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: .74em;
    font-family: sans-serif;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    border-radius: 10px
}

.styledTable thead tr {
    text-align: left
}

.styledTable td,.styledTable th {
    padding: 6px 8px
}

.styledTable th {
    background-color: #fcfcfc;
    border-top: 1px solid #6a8b8b;
    border-bottom: 2px solid #6a8b8b;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.styledTable tbody tr {
    border-bottom: 1px solid #ddd
}

.styledTable tbody tr:nth-of-type(even) {
    background-color: #f3f3f3
}

.styledTable tbody tr:last-of-type {
    border-bottom: 1px solid #6a8b8b
}

.styledTable tbody tr.active-row {
    font-weight: 700;
    color: #009879
}

.statement-div {
    margin-bottom: 25px
}

.statement-div .statement-border {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 10px;
    overflow-x: auto;
    max-width: 100%
}

.statement-div ion-title {
    background: #8c8c8c;
    padding: 5px 8px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 1em;
    color: #fff
}

.statement-div ion-title ion-badge {
    float: right;
    font-size: .8em;
    font-weight: 700;
    color: #8c8c8c
}

.statement-div table {
    width: 100%
}

.statement-div table th {
    text-align: left
}

.statement-div table .text-right {
    text-align: right
}

.statement-div table ion-button {
    font-size: .75em
}

.statement-div table td,.statement-div table th {
    padding: 9px 5px;
    border-bottom: 1px solid #ccc
}

.statement-div table tr.title-row td {
    vertical-align: middle
}

.statement-div table tr.title-row td.desc {
    line-height: 10px
}

.statement-div table tr.title-row td.desc small {
    margin: 0 8px;
    display: inline-block
}

.statement-div table tr.title-row td.desc small.nowrap {
    margin: 0
}

.statement-div table tr.title-row td.desc div {
    line-height: 18px;
    margin-top: 5px
}

.statement-div td small {
    font-size: 95%
}

.statement-div td,.statement-div th {
    font-size: .8em
}

.statement-div table.statement-tbl h3 {
    text-align: center;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.statement-div table.statement-tbl td .text-success {
    color: #037b0f
}

.statement-div table.statement-tbl td .text-danger {
    color: #a0132a
}

.statement-div table.statement-tbl tr>td.dr,.statement-div table.statement-tbl tr>th.dr {
    background: #ff000008;
    font-weight: 700;
    text-align: right
}

.statement-div table.statement-tbl tr>td.cr,.statement-div table.statement-tbl tr>th.cr {
    background: #00ff7f0a;
    font-weight: 700;
    text-align: right
}

.statement-div table.statement-tbl tr>td.bal,.statement-div table.statement-tbl tr>th.bal {
    font-weight: 700;
    text-align: right
}

.statement-div table.statement-tbl tr:nth-child(even) td {
    background: #04040405
}

.statement-div table.statement-tbl tr:nth-child(even) td.dr {
    background: rgba(250,0,0,.031372549)
}

.statement-div table.statement-tbl tr:nth-child(even) td.cr {
    background: rgba(0,250,124,.0392156863)
}

/* ===== Custom page styles (login, signup, verify) ===== */

/* Override Ionic's html:not(.hydrated) body { display: none } */
html:not(.hydrated) body {
    display: flex;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    position: static;
    overflow: auto;
    height: auto;
    max-height: none;
}

.login-container {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-card {
    background: rgba(255,255,255,.85);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    width: 405px;
    max-width: 95vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
    box-sizing: border-box;
}

.login-header {
    background: #f1f1f1;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-bottom: 1px solid #e5e5e5;
}

.gra-logo {
    max-height: 51px;
    height: auto;
    max-width: 300px;
    width: auto;
    margin-right: 4px;
    object-fit: contain;
}

.portal-title {
    position: relative;
    top: 0;
    font-weight: bolder;
    color: #444;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.login-content {
    padding: 50px 32px 50px 32px;
    display: flex;
    flex-direction: column;
    background: transparent;
}

.login-title {
    display: flex;
    align-items: center;
    font-size: 0.85em;
    font-weight: bold;
    margin-bottom: 32px;
}

.lock-icon {
    font-size: 1.0em;
    margin-right: 10px;
}

.lock-icon svg {
    vertical-align: middle;
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
}

.input-group {
    margin-bottom: 24px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    border: none;
    outline: none;
    font-size: 1.35em;
    width: 100%;
    background: transparent;
    padding: 8px 0 4px 0;
    font-family: inherit;
}

.underline {
    height: 2.5px;
    width: 100%;
    margin-top: -2px;
    margin-bottom: 2px;
}
.underline.red {
    background: #e0e0e0;
}
.underline.gray {
    background: #e0e0e0;
}

.login-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 8px;
}

.ghana-gov-login {
    display: flex;
    align-items: center;
    font-size: 0.70em;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
}

.ghana-gov-logo {
    width: 70px;
    height: auto;
    margin-left: 8px;
    object-fit: contain;
}

.login-btn {
    background: #2583f4;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 28px;
    font-size: 0.8em;
    box-shadow: 0 2px 8px rgba(37,131,244,0.15);
    cursor: pointer;
    transition: background 0.2s;
}
.login-btn:hover {
    background: #1769c2;
}

.forgot-password {
    text-align: right;
    margin-top: 8px;
}
.forgot-password a {
    color: #2583f4;
    font-size: 0.70em;
    text-decoration: none;
}
.forgot-password a:hover {
    text-decoration: underline;
}

.signup-row {
    text-align: center;
    font-size: 0.95em;
    color: #888;
    margin-top: 18px;
    background: rgba(255,255,255,.85);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    width: 405px;
    max-width: 95vw;
    padding: 16px 20px;
}
.signup-link {
    color: #2583f4;
    font-weight: bold;
    text-decoration: none;
}
.signup-row b {
    font-weight: bold;
}

input::placeholder {
    font-size: 0.65em;
    color: #888;
    opacity: 1;
}

.signup-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 16px;
    margin-bottom: 8px;
}

.signup-btn {
    width: 100%;
}

@media (max-width: 768px) {
    .login-header {
        padding: 6px 10px;
    }

    .gra-logo {
        max-height: 42px;
        max-width: 240px;
    }

    .portal-title {
        font-size: 0.85em;
    }

    .login-content {
        padding: 30px 18px 30px 18px;
    }

    .login-title {
        margin-bottom: 20px;
    }
}

/* ===== Verify page styles (matches actual GRA taxpayersportal.com) ===== */

/* Add a slight blur to the background image */
div.bg01 {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}

.verify-outer {
    text-align: center;
    width: 580px;
    max-width: calc(100vw - 30px);
    overflow-x: auto;
    padding: 0 15px;
}

.verify-body {
    position: relative;
}


.doc-card {
    display: block;
    position: relative;
    background: transparent;
    color: #737373;
    font-family: inherit;
    overflow: hidden;
    margin: 10px auto;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    text-align: left;
    max-width: 100%;
}

.doc-header-title {
    font-size: 1.25em;
    padding: 12px 8px 2px 8px;
    white-space: nowrap !important;
    display: inline-block;
    max-width: 80%;
}

.doc-header-title img {
    height: 28px;
    width: auto;
    margin-right: 5px;
    position: relative;
    top: -4px;
    float: left;
}

.doc-close-btn {
    float: right;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px 8px;
    opacity: 0.5;
    text-decoration: none;
    display: inline-block;
}

.doc-close-btn img,
.doc-close-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

.doc-status-bar {
    font-size: 1em;
    padding: 4px 4px 4px 12px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: fit-content;
}

.doc-status-text {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    text-align: left;
    font-size: 1.8em;
}

.doc-status-text.valid-text {
    color: #10dc60;
}

.doc-status-text.danger-text {
    color: #f04141;
}

.doc-status-text.warning-text {
    color: #ffce00;
}

.doc-status-icon {
    font-size: 3.5em;
    flex-shrink: 0;
    line-height: 1;
    margin-left: auto;
}

.doc-status-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: block;
}

.doc-status-icon ion-icon {
    font-size: 1em;
    width: 1em;
    height: 1em;
    display: block;
    filter: invert(1);
}

.doc-status-icon.valid-icon {
    color: #10dc60;
}

.doc-status-icon.danger-icon {
    color: #f04141;
}

.doc-status-icon.warning-icon {
    color: #ffce00;
}

.doc-card-content {
    padding: 16px 16px 13px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.doc-details-wrapper {
    margin: 0 auto;
    text-align: center;
}

.tcc-main-w table td {
    padding: 8px;
    color: #737373;
}

.tcc-main-w table td.val {
    font-weight: 700;
    color: #737373;
}

@media (max-width: 600px) {
    body { justify-content: flex-start; padding-top: 40px; }
    .verify-outer { padding: 0 8px; }
    .doc-header-title { font-size: 1.1em; padding: 8px 6px 2px 6px; }
    .doc-header-title img { height: 22px; }
    .doc-status-bar { font-size: 1em; padding: 4px 4px 4px 12px; }
    .doc-card-content { padding: 12px 10px; }
}

/* ===== Loading overlay for verification pages ===== */

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: opacity 0.3s ease;
}

.loading-overlay.fade-out {
    opacity: 0;
    pointer-events: none;
}

.loading-text {
    color: #737373;
    font-size: 1.2em;
    letter-spacing: 3px;
    margin-top: 24px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
}

.loading-dots {
    display: flex;
    gap: 8px;
}

.loading-dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #737373;
    animation: dot-bounce 1s infinite ease-in-out;
}

.loading-dots span:nth-child(2) {
    animation-delay: 0.15s;
}

.loading-dots span:nth-child(3) {
    animation-delay: 0.3s;
}

.loading-dots span:nth-child(4) {
    animation-delay: 0.45s;
}

@keyframes dot-bounce {
    0%, 80%, 100% { transform: scale(0.4); opacity: 0.3; }
    40% { transform: scale(1); opacity: 1; }
}