/* Linkek */
.content a {
    font-weight   : 600;
    border-bottom : 1px dashed #323130;
}

.content .tbl a {
    font-weight   : 600;
    border-bottom : none;
}

fieldset {
    border : 1px solid #969696;
}

fieldset + fieldset {
    margin-top : 20px;
}

fieldset h2,
fieldset h3 {
    margin-top : 0;
}

legend {
    font-size      : 1.4em;
    font-weight    : 600;
    text-transform : uppercase;
}

legend span.ico {
    margin : 2px 7px 5px 3px;
}

/* Táblázatok */
.form td, .form th,
.tbl td, .tbl th {
    padding        : 4px;
    text-align     : left;
    vertical-align : baseline;
}

.form caption, .subtitle, .tbl caption {
    text-align : left;
    padding    : 10px 0;
    font-size  : 1.6em;
}

.form caption.bordered {
    padding       : 10px 0 5px 0;
    border-bottom : 1px solid #bbb;
    margin-bottom : 10px;
}

.tbl {
    width : 100%;
}

.tbl tr.footer {
    height : 50px;
}

.tbl tr.footer td {
    vertical-align : middle;
}

.tbl tr.footer td {
    border-bottom : 0;
}

.list th,
.silverlist th {
    text-align  : left;
    font-weight : bold;
    background  : #bebebe;
    color       : #505050;
}

.goldlist th {
    background : #f2d8a5;
    color      : #66593c;
}

.list th a {
    color : #323130;
}

.list th,
.list td {
    border : 1px solid #d5d5d5;
}

.list td {
    background-color : #fff;
}

.list td.balance {
    background-color : #f6f6f6;
}

/* Páratlan sorok */
.list, .goldlist {
    & > tr:nth-child(even) > td,
    & > tbody tr:nth-child(even) > td {
        background-color : #f3ede1;
    }
}

.list tr:nth-child(even) > td.balance,
.goldlist tr:nth-child(even) > td.balance {
    background-color : #ded9d2;
}

.list tr td > .detailrowContainer table {
    margin : 40px 10px 10px 10px;
    width  : calc(100% - 20px);
}

.list tr.newGroup td {
    border-bottom : 2px solid #bf0909;
}

.list tr td > .detailrowContainer table:first-child {
    margin-top : 10px;
}

.list tr td > .detailrowContainer table tr th {
    background  : #e3e3e3;
    color       : #66593c;
    font-weight : bold;
}

.list tr td > .detailrowContainer table tr:nth-child(odd) > td,
.list tr td > .detailrowContainer table tr:nth-child(even) > td,
.list tr td > .detailrowContainer table tr th {
    padding : 10px 5px;
    border  : 0;
}

.list tr td > .detailrowContainer table tr:nth-child(odd) > td,
.list tr td > .detailrowContainer table tr:nth-child(even) > td {
    background    : transparent;
    border-bottom : 1px solid #e0dfdf;

}

.silverlist tr:nth-child(even) > td {
    background : #e2e2e2;
}


/* Formok */
.content input,
.content button,
.content select,
.content textarea,
.gm-dialog button{
    border           : 1px solid #d5d5d5;
    background-color : #fff;
    height           : 30px;
    padding          : 0 4px;
    font-size        : 1rem;
    box-sizing       : border-box;
    display: inline-block;
}

.content button::first-letter{
    text-transform: uppercase;
}

.content textarea {
    height : auto;
}

.gm-autogrow textarea{
    height: 30px;
    padding: 5px;
}

.content input[type=radio], .content input[type=checkbox] {
    margin : 0 3px;
}

.content input[disabled],
.content select[disabled],
.content textarea[disabled] {
    background-color : #e5e5e5;
}

.content input.error,
.content select.error,
.content textarea.error {
    border-color : #f00;
    color        : #960b0b;
}

.error-text{
    color: var(--error-color);
}

.content input.error[type=radio], .content input.error[type=checkbox] {
    box-shadow : 0 0 2px #f00;
}

.content input[type=submit],
.content input[type=button],
.content .button,
.content button,
.gm-dialog button{
    background-color : #2e2e2e;
    height           : 30px;
    color            : #fff;
    text-align       : center;
    line-height      : 30px;
    padding          : 0 15px;
    font-weight      : normal;
    border           : none;
    box-sizing       : border-box;
    display          : inline-block;
}

.content input[type=radio], .content input[type=checkbox] {
    height : auto;
}

.content select {
    /* TODO: kitörölni, ha biztos nem okoz gondot
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    background         : url('../../images/layout_v3/select_arrow_gray.png') no-repeat right 6px center #fff;
    */
    padding : 0 5px 0 5px;
}

/*
 * TODO: kitörölni, ha biztos nem okoz gondot
.content select[disabled] {
    background : url('../../images/layout_v3/select_arrow_white.png') no-repeat right 6px center #e5e5e5;
}
*/

.content select[multiple] {
    height           : auto;
    background-image : none;
}

.content select::-ms-expand {
    display : none; /* hide the default arrow in ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width : 0\0
) {
    .content select {
        background-image : none \9;
        padding          : 5px \9;
    }
}

.content .button:hover,
.gm-dialog .button:hover{
    color           : #fff;
    text-decoration : none;
    cursor          : default;
}

.content input:focus, .content select:focus, .content textarea:focus {
    box-shadow : 0 0 4px #cab57d;
}

.content input.red {
    background-color : #de8a8a;
}

.content input[type=button].red:focus,
.content input[type=submit].red:focus,
.content .button.red:focus {
    color : #fff;
}

.content input.blue {
    background-color : #7b82b8;
}

.content input.gray,
.content button.gray,
.gm-dialog button.gray{
    background-color : #686868;
}

.content input[type=submit]:hover,
.content input[type=button]:hover,
.content .button:hover,
.content button:hover,
.gm-dialog button:hover{
    background-color : #939393;
}

.content input[type=submit]:focus,
.content input[type=button]:focus,
.content .button:focus,
.content button:focus {
    color   : #939393;
    outline : none;
}

.content input[type=submit]:focus:hover,
.content input[type=button]:focus:hover,
.content .button:focus:hover,
.content button:focus:hover {
    color : #fff;
}

/**
 * Disabled buttons
 */
.content input[type=submit][disabled],
.content input[type=button][disabled],
.content .button[disabled],
.content button[disabled],
.content input[type=submit][disabled]:hover,
.content input[type=button][disabled]:hover,
.content .button[disabled]:hover,
.content button[disabled]:hover,
.content input[type=submit].disabled,
.content input[type=button].disabled,
.content .button.disabled,
.content button.disabled,
.content input[type=submit].disabled:hover,
.content input[type=button].disabled:hover,
.content .button.disabled:hover,
.content button.disabled:hover,
.disabled .content input[type=submit],
.disabled .content input[type=button],
.disabled .content .button,
.disabled .content button,
.disabled .content input[type=submit]:hover,
.disabled .content input[type=button]:hover,
.disabled .content .button:hover,
.disabled .content button:hover {
    background-color : #d5d5d5;
    color            : white;
}

input.inputboxNum {
    background     : #fff url('../../images/layout_v3/inputbg-numeric.png') repeat-x top left;
    letter-spacing : 7px;
    padding-left   : 3px;
    padding-right  : 0;
    text-transform : uppercase;
    overflow       : hidden;
    font-family    : monospace, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input.inputboxNumSep {
    background     : #fff url('../../images/layout_v3/inputbg-numericSep.png') repeat-x top left;
    letter-spacing : 7px;
    padding-left   : 3px;
    padding-right  : 0;
    text-transform : uppercase;
    font-family    : monospace, "Trebuchet MS", Arial, Helvetica, sans-serif;
    overflow       : hidden;
}

input.inputboxNumSep[disabled] {
    background-color : #e5e5e5;
}

input.error.inputboxNum {
    background-image : url('../../images/layout_v3/inputbg-numeric-error.png');
}

input.error.inputboxNumSep {
    background-image : url('../../images/layout_v3/inputbg-numericSep-error.png');
}

.content input.plainInput {
    cursor       : pointer;
    border-color : rgba(0, 0, 0, 0);
    background   : none;
    color        : #323130;
}

input[type="text"].loading, input[type="password"].loading, input[type="number"].loading, input[type="email"].loading {
    background : url('../../images/loader_16.gif') no-repeat calc(100% - 5px) 50% #f0f0f0;
    color      : #606060;
}

input[type="text"].loading-big, input[type="password"].loading-big, input[type="number"].loading-big, input[type="email"].loading-big {
    background : url('../../images/loader_24.gif') no-repeat calc(100% - 5px) 50% #f0f0f0;
    color      : #606060;
}

/**
 * Content title and multi-step wizard title
 */
.content .title {
    text-transform : uppercase;
    font-size      : 2rem;
    font-weight    : normal;
    margin         : 15px 0 20px 0;
}

.content .title > span,
.content .title .left span {
    background    : white;
    padding-right : 15px;
}

.content .title .right .steps {
    display      : inline-block;
    background   : #fff;
    padding-left : 15px;
}

.content .title .right .steps .active {
    font-weight : bold;
}

.steps {
    text-align : right;
}

.steps span {
    display : inline;
}

.steps span:last-child {
    margin-right : 10px;
}

.steps span.active {
    color : #000;
}

.content div.title table div.steps:after {
    content    : '';
    background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAKCAIAAACSQyElAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAalJREFUeNrMVNlSwkAQ3BtjtEIZLAX+/8ewiBogSIBcezkBDZsND5ZPTOUlXb09Pccu3u8PafrBKEPIoktgpWQ8eY6i6Py/WW/yfMc5R/1QSr28ToPgrqPtdlvGuKtmLCIYT2ez83FrbZIkTdNQQlyaNpYzNpvPWVkWGGFI73lar9Lj4dB5apr6WBRCCNeQRVZLpbXukLquHh6jMAx7ahatVimYOHsCflWV8VPMxcilKaXXq0+tFAPbQRCE4b3XgLIIQaX7JZRCEfB5njDYx7hDKCXjKBIj4anl+ciaS3oYSzSOMCYe7WubtblA0RiDBqGNcZP9PaRSQxDm5akpqYZr8FM/ur24VU9XZwSg/Z8iJVfVfIT4NPKLMJg0XIThShmtYAucjTBtWNPfkhZ2acCARTHCV3Pv5ul1AHlF+rYAMScpxoXIsuxtsfBUqrqaxJN+qcNiWxg5MKT5eE+8JwMyGaM5Z04/8DJZUkJ7tFNfoM1w6XTTyPai4t4th0Rgtyul7SXUOpyytZQxlybbFwS7ajAKSA9q3WkpZds5iy60U68po/CGfQswAJiW7chnJRpyAAAAAElFTkSuQmCC') no-repeat;
    height     : 10px;
    width      : 49px;
    display    : block;
    float      : right;
    margin-top : 8px;
}

.content div.steps span:not(:last-child):after {
    content     : ' - ';
    margin      : 0 5px;
    font-weight : normal;
}

.formNavigation {
    border-top  : 1px solid #d5d5d5;
    width       : 100%;
    margin      : 10px 0;
    padding-top : 20px;
}

.formNavigation td {
    padding : 5px;
    width   : 50%;
}

tr.nowrap td, tr.nowrap th {
    white-space : nowrap;
}

.form {
    border  : 1px solid #d5d5d5;
    padding : 10px;
    width   : auto;
}

.errorReport {
    margin : 10px 0;
}

.success, .warning, .errorBox {
    padding : 20px 8px 20px 60px;
    color   : #000;
    margin  : 10px 0;
}

.success {
    background : #eaffb6 url('../../images/success.png') no-repeat 13px 50%;
    border     : 1px solid #d5ee98;
}

.warning {
    background : #fffac2 url('../../images/warning.png') no-repeat 13px 50%;
    border     : 1px solid #e5dfa7;
}

.errorBox {
    background : #ffebe8 url('../../images/error.png') no-repeat 13px 50%;
    border     : 1px solid #f00;
}

.warning.noicon {
    background-image : none;
    padding          : 8px;
}

.page-registration .require-fields {
    padding : 0 6px;
}

span.require {
    color : #f00;
}

.inactive span.require {
    color : #d3d3d3 /*lightgray nem valid HTML5-ben*/;
}

table.plain th {
    background     : transparent;
    color          : #000;
    text-transform : inherit;
    font-size      : 13px;
}

table.plain th, table.plain td {
    border : 0;
}

table.plain tr:nth-child(odd) > td {
    background : transparent;
}

/* Páratlan sorok */
table.plain tr:nth-child(even) > td {
    background : transparent;
}

.icon {
    vertical-align : middle;
    --size         : 22;
    fill           : var(--body-text-color);
    height         : calc(var(--size) * 1px);
    width          : calc(var(--size) * 1px);
}

.icon.gold {
    fill : var(--main-gold-color);
}

.icon.silver {
    fill : var(--box-border-color);
}

.ico, .ico24, .ico64 {
    display         : inline-block;
    vertical-align  : middle;
    text-decoration : none !important;
    border-bottom   : none !important;
}

.ico {
    cursor     : pointer;
    width      : 16px;
    height     : 16px;
    background : url('../../images/icomap.png') no-repeat 16px 16px;
}

.ico24 {
    width      : 24px;
    height     : 24px;
    background : url('../../images/icomap_24.png') no-repeat 0 0;
}

.ico64 {
    width      : 64px;
    height     : 64px;
    background : url('../../images/icomap_64.png') no-repeat 0 0;
}

.ico.icoLoader {
    background : url('../../images/loader.gif') no-repeat;
}

.ico.icoBlank {
    background-position : 16px 16px;
}

.ico.icoSuccess, .ico.icoActive {
    background-position : 0 0;
}

.ico.icoWarning {
    background-position : 0 -16px;
}

.ico.icoError {
    background-position : 0 -32px;
}

.ico.icoAsc {
    background-position : -16px 0;
}

.ico.icoDesc {
    background-position : -16px -16px;
}

.ico.icoInfo {
    background-position : -16px -32px;
}

.ico.icoSuccessDisabled {
    background-position : -16px -48px;
}

.ico.icoCopy {
    background-position : -32px 0;
}

.ico.icoDetail {
    background-position : -32px -16px;
}

.ico.icoSearch {
    background-position : -32px -32px;
}

.ico.icoPdf {
    background-position : -48px 0;
}

.ico.icoUndo {
    background-position : -48px -16px;
}

.ico.icoUndoDisabled {
    background-position : -48px -32px;
}

.ico.icoLog {
    background-position : -64px -32px;
}

.ico.icoStorno, .ico.icoDelete {
    background-position : -64px 0;
}

.ico.icoStornoDisabled, .ico.icoDeleteDisabled {
    background-position : -64px -16px;
}

.ico.icoArrowLeft {
    background-position : -80px 0;
}

.ico.icoArrowRight {
    background-position : -80px -16px;
}

.ico.icoAdd {
    background-position : -80px -32px;
}

.ico.icoAddDisabled {
    background-position : -80px -48px;
}

.ico.icoEdit {
    background-position : 0 -48px;
}

.ico.icoEye {
    background-position : -32px -48px;
}

.ico.icoOperations {
    background-position : -48px -48px;
}

.ico.icoDatapage {
    background-position : -64px -48px;
}

.ico.icoInvoice {
    background-position : -96px -16px;
}

.ico.icoMoney {
    background-position : -96px 0;
}

.ico.icoInactive {
    background-position : -96px -32px;
}

.ico.icoDocuments {
    background-position : -96px -48px;
}

.ico.icoDownload {
    background-position : -112px 0;
}

.ico.icoLogout {
    background-position : -112px -16px;
}

.ico.icoPasswordChange {
    background-position : -112px -32px;
}

.ico.icoCalendar {
    background-position : -112px -48px;
}

.ico.icoEmail {
    background-position : -128px 0;
}

.ico.icoEmailDis {
    background-position : -128px -16px;
}

.ico.icoInfo2 {
    background-position : -144px -16px;
}

.ico.icoUp {
    background-position : -144px 0;
}

.ico.icoPeople {
    background-position : -144px -48px;
}

.ico.icoRight {
    background-position : -145px 0;
    transform           : rotate(90deg);
    -webkit-transform   : rotate(90deg);
    -ms-transform       : rotate(90deg);
}

.ico.icoDown {
    background-position : -145px 0;
    transform           : rotate(180deg);
    -webkit-transform   : rotate(180deg);
    -ms-transform       : rotate(180deg);
}

.ico.icoLeft {
    background-position : -144px 0;
    transform           : rotate(270deg);
    -webkit-transform   : rotate(270deg);
    -ms-transform       : rotate(270deg);
}

.ico.icoCart {
    background-position : -144px -32px;
}

.ico.icoGold {
    background-position : 0 -64px;
}

.ico.icoSilver {
    background-position : -16px -64px;
}

.ico.icoClient {
    background-position : -32px -64px;
}

.ico.icoChange {
    background-position : -48px -64px;
}


.ico.icoSave {
    background-position : -80px -64px;
}

.ico.icoClose {
    background-position : -96px -64px;
}

.ico.icoOpen {
    background-position : -112px -64px;
}

.ico.icoBuy {
    background-position : -128px -64px;
}

.ico.icoSell {
    background-position : -144px -64px;
}

.ico.icoDelivery {
    background-position : 0 -80px;
}

.ico.icoTransactions {
    background-position : -16px -80px;
}

.ico.icoStart {
    background-position : -32px -80px;
}

.ico.icoPause {
    background-position : -48px -80px;
}

.userListButtons .ico {
    margin : -1px 2px 1px -6px;
}

.ico64.icoDatapage {
    background-position : -64px 0;
}

.ico64.icoInvoice {
    background-position : -128px 0;
}

.ico64.icoMoney {
    background-position : 0 -64px;
}

.ico64.icoDocuments {
    background-position : -64px -64px;
}

.ico64.icoOperations {
    background-position : -128px -64px;
}

.ico24.icoDownload {
    background-position : -48px 0;
    filter              : brightness(170%) grayscale(100%);
}

.ico24.icoEdit {
    background-position : -72px 0;
}

fieldset legend a.notText {
    border-bottom  : 0;
    display        : inline-block;
    vertical-align : middle;
    margin-right   : 3px;
}


.icon {
    --size : 22;
    fill   : var(--body-text-color);
    height : calc(var(--size) * 1px);
    width  : calc(var(--size) * 1px);
}

.icon.info.i22 {
    margin-top : -5px;
}

.icon.info.i16 {
    margin-top : -3px;
}

.icon.pdf {
    fill : #e2574c;
}

a.icoPdf::after {
    display : none;
}


.inactive {
    opacity : .3;
}

.inactive * {
    pointer-events : none;
}

.inactive.darker {
    opacity : .4;
}

.inactive * {
    cursor : default !important;
}

.inactive.darker * {
    cursor : default !important;
}

.inactive .inactive {
    opacity : 1;
}

tr.inactive {
    opacity : 1;
    color   : #d3d3d3 /*lightgray nem valid HTML5-ben*/;
}

tr.inactive input {
    opacity : 0.4;
}

.content div.hr {
    border-bottom : 1px solid #d5d5d5;
    margin        : 10px 0;
}

.supPoints {
    background : url('../../images/info_blue.png') no-repeat 10px 5px;
    padding    : 5px 30px;
    font-style : italic;
    font-size  : 90%;
    margin     : 10px 0;
}

.preloader,
.preloaderShow {
    visibility     : hidden;
    vertical-align : middle
}

.preloaderShow {
    visibility : visible;
}

.tooltipDesc {
    border-bottom : 1px dashed #000;
    cursor        : help;
}

.smsTokenBox .smsError, .smsUserActivateTokenBox .smsError {
    color : red;
}

.smsTokenBox .smsAccepted, .smsUserActivateTokenBox .smsAccepted {
    color : green;
}

.grayBox {
    background-color : #ebebeb;
    border           : 1px solid #b0b0b0;
}

legend[data-togglecontent] {
    cursor : pointer;
}


.beforeProgress[data-value][data-max]:after {
    content : attr(data-value) " / " attr(data-max);
}

.disabledTd {
    opacity : 0.80;
}

td.disabledTd {
    color : #d3d3d3 /*lightgray nem valid HTML5-ben*/;
}

.inactiveBonus {
    color : #d3d3d3 /*lightgray nem valid HTML5-ben*/;
}

.form .nopadding > tbody > tr > td, .form .nopadding > tbody > tr > th {
    padding : 2px 0;
}

.list.smallerdata td {
    font-size : 11px;
}

.list.smallerdata td th {
    font-size : 12px;
}

.list td.negativeLogTd,
.list .negativeLogTd {
    color : red;
}

.list tr.futureDigestRow td {
    color : #aaa;
}

.list tr.futureDigestRow td.futureDigestCell {
    color : red;
}

.list tr.futureDigestRow td.negativeLogTd {
    color : #f99090;
}

/* rózsaszín háttér */
.list tr td.needBlockCell {
    background-color : #f9dbdb;
    font-weight      : bold;
}

/**
 * Lenyitható részletek
 */
.list tr.detailrow > td {
    padding    : 0;
    background : #f5f5f5;
}

.list tr.detailrow .detailrowContainer {
    padding    : 0 10px 0 10px;
    background : #f5f5f5;
}

.list tr.detailrow .detailrowContainer .detailrowContainerInner {
    margin: 0;
    padding: 20px 0 40px;
    
    table:first-child{
        margin-top: 0 !important;
    }
    
    table:last-child{
        margin-bottom: 0 !important;
    }
}

.list .detailrow > td > div {
    box-shadow : 5px 5px 5px #ccc inset;
}

.list .detailrow > td > div > table {
    box-shadow : 5px 5px 5px #ccc;
}

.calcData {
    font-weight : bold;
    color       : #000;
}

.leastImportant,
.leastImportant .calcData {
    color : #666;
}

.floatingHeader {
    position    : fixed;
    top         : 0;
    visibility  : hidden;
    background  : white;
    padding-top : 10px;
    box-shadow  : 0 3px 3px gray;
}

.beforeProgress[data-value][data-max]:after {
    content : attr(data-value) " / " attr(data-max);
}

.invest-summaryTable {
    float : right;
}

:root {
    --tooltip-bg-color     : #a08f65;
    --tooltip-text-color   : #fff;
    --tooltip-offset       : 15px;
    --tooltip-anim-offset  : 5px;
    --tooltip-border-width : 10px;
}

.gm-tooltip.error {
    --local-tooltip-bg-color : #d73939;
}

.gm-tooltip {
    --local-tooltip-bg-color    : var(--tooltip-bg-color);
    --local-tooltip-translate-x : -50%;
    --local-tooltip-translate-y : -50%;
    position                    : absolute;
    background                  : var(--local-tooltip-bg-color);
    color                       : var(--tooltip-text-color);
    padding                     : 1rem 1.5rem;
    border-radius               : 10px;
    z-index                     : 9999998;
    box-sizing                  : border-box;
    text-overflow               : ellipsis;
    box-shadow                  : 0 2px 2px rgba(0, 0, 0, 0.2);
    font-size                   : 1.2rem;
    opacity                     : 0;
    max-width                   : 400px;
}


.gm-tooltip svg {
    fill : var(--tooltip-text-color);
}

.gm-tooltip.error {
    z-index                  : var(--z-index-gmTooltip-error);
    --local-tooltip-bg-color : var(--box-error-line-bg-color);
}

.gm-tooltip.info {
    --local-tooltip-bg-color : var(--blue-color);
}


.gm-tooltip .gm-tooltip-info-content {
    display               : grid;
    grid-template-columns : 20px auto;
    align-items           : center;
    grid-column-gap       : 0.5rem;
}

.gm-tooltip.gm-tooltip-focus .gm-tooltip-close {
    cursor        : pointer;
    display       : grid;
    align-content : center;
    position      : absolute;
    right         : 0;
    top           : 0;
    width         : 16px;
    height        : 16px;
    background    : var(--local-tooltip-bg-color);
    border-radius : 50%;
    transform     : translate(25%, -25%);
    text-align    : center;
}

.gm-tooltip.gm-tooltip-focus .gm-tooltip-close::before {
    display         : grid;
    width           : 16px;
    height          : 16px;
    background      : rgba(0, 0, 0, 0.3);
    font-weight     : 600;
    font-size       : 0.9rem;
    content         : 'x';
    justify-content : center;
    align-items     : center;
    border-radius   : 50%;
    line-height     : 0;
}

.gm-tooltip .hr {
    margin        : 10px 0;
    border-bottom : 1px solid var(--light-text-color);
}

.gm-tooltip::before {
    text-transform : none;
    line-height    : 1;
    user-select    : none;
    pointer-events : none;
    position       : absolute;
}

.gm-tooltip[alignX="left"] {
    --local-tooltip-translate-x : 0%;
}

.gm-tooltip[alignX="right"] {
    --local-tooltip-translate-x : -100%;
}

.gm-tooltip[alignY="top"] {
    --local-tooltip-translate-y : 0%;
}

.gm-tooltip[alignY="bottom"] {
    --local-tooltip-translate-y : -100%;
}

.gm-tooltip[position^="top"],
.gm-tooltip[position^="auto"] {
    transform : translate(var(--local-tooltip-translate-x), calc((var(--tooltip-anim-offset) + var(--tooltip-offset)) * -1));
    animation : tooltip-top 300ms ease-out forwards;
}

.gm-tooltip[position^="bottom"] {
    transform : translate(var(--local-tooltip-translate-x), calc(var(--tooltip-offset) + var(--tooltip-anim-offset)));
    animation : tooltip-bottom 300ms ease-out forwards;
}

.gm-tooltip[position^="left"] {
    transform : translate(calc(-100% - var(--tooltip-offset) - var(--tooltip-anim-offset)), var(--local-tooltip-translate-y));
    animation : tooltip-left 300ms ease-out forwards;
}

.gm-tooltip[position^="right"] {
    transform : translate(calc(var(--tooltip-offset) + var(--tooltip-anim-offset)), var(--local-tooltip-translate-y));
    animation : tooltip-right 300ms ease-out forwards;
}

.gm-tooltip::before {
    content : "";
    border  : var(--tooltip-border-width) solid transparent;
    z-index : 9999999;
}

.gm-tooltip:not([position])::before,
.gm-tooltip[position^="top"]::before,
.gm-tooltip[position^="auto"]::before {
    top                 : calc(100% - 1px);
    border-bottom-width : 0;
    border-top-color    : var(--local-tooltip-bg-color);
}

.gm-tooltip[position^="bottom"]::before {
    bottom              : calc(100% - 1px);
    border-top-width    : 0;
    border-bottom-color : var(--local-tooltip-bg-color);
}

.gm-tooltip[position^="left"]::before {
    top                : 50%;
    right              : calc(-1 * (var(--tooltip-border-width) - 1px));
    border-right-width : 0;
    border-left-color  : var(--local-tooltip-bg-color);
    transform          : translate(0, -50%);
}

.gm-tooltip[position^="right"]::before {
    top                : 50%;
    left               : calc(-1 * (var(--tooltip-border-width) - 1px));
    border-left-width  : 0;
    border-right-color : var(--local-tooltip-bg-color);
    transform          : translate(0, -50%);
}

.gm-tooltip:not([position])::before,
.gm-tooltip[position^="top"]::before,
.gm-tooltip[position^="auto"]::before,
.gm-tooltip[position^="bottom"]::before {
    left : calc(50% - var(--tooltip-border-width));
}


/* KEYFRAMES */
@keyframes tooltip-top {
    to {
        opacity   : 1;
        transform : translate(var(--local-tooltip-translate-x), calc(var(--tooltip-offset) * -1));
    }
}

@keyframes tooltip-bottom {
    to {
        opacity   : 1;
        transform : translate(var(--local-tooltip-translate-x), var(--tooltip-offset));
    }
}

@keyframes tooltip-left {
    to {
        opacity   : 1;
        transform : translate(calc(-100% - var(--tooltip-offset)), var(--local-tooltip-translate-y));
    }
}

@keyframes tooltip-right {
    to {
        opacity   : 1;
        transform : translate(var(--tooltip-offset), var(--local-tooltip-translate-y));
    }
}

dialog.gm-dialog {
    border        : 1px solid #cab57d;
    border-radius : 3px;
    padding       : 3px;
    min-width     : 400px;
    box-shadow    : 3px 3px 3px rgba(0, 0, 0, 0.1);
    animation     : gm-dialog-fade-in 300ms ease;
}

@keyframes gm-dialog-fade-in {
    from {
        opacity : 0;
    }
    to {
        opacity : 1;
    }
}

dialog.gm-dialog .gm-dialog-title {
    background            : #cab57d;
    color                 : #333;
    margin                : 0;
    font-size             : 1rem;
    border-radius         : 3px;
    padding               : 5px 10px;
    text-transform        : none;
    font-weight           : bold;
    display               : grid;
    grid-template-columns : 1fr 20px;
    align-items           : center;
}

dialog.gm-dialog .gm-dialog-title.gm-draggable {
    cursor      : move;
    user-select : none;
}

dialog.gm-dialog .gm-dialog-title span {
    background : transparent;
}

dialog.gm-dialog .gm-dialog-title-close {
    background  : transparent;
    font-weight : bold;
    font-size   : 1.4rem;
    height      : auto;
    padding     : 0;
    cursor      : pointer;
}

dialog.gm-dialog .gm-dialog-content {
    padding : 10px;
}

dialog.gm-dialog::backdrop {
    background : rgba(0, 0, 0, 0.3);
}


.multiple-select {
    margin : 0.5rem 0;
}

.multiple-select label {
    position      : relative;
    text-align    : center;
    font-size     : 11px;
    background    : #f1f1f1;
    border        : 1px solid #cab57d;
    border-radius : 6px;
    padding       : 0.5rem 1rem;
    margin        : 0 0.5rem 0 0;
    cursor        : pointer;
    color         : #9d9d9d;
    font-weight   : 600;
    float         : left;
    white-space   : nowrap;
}

.multiple-select label.color1 {
    border : 1px solid #a5ca7d;
}

.multiple-select label.color2 {
    border : 1px solid #2c78a8;
}

.multiple-select label.color3 {
    border : 1px solid #a42ca8;
}

.multiple-select label.color4 {
    border : 1px solid #fca507;
}

.multiple-select label.color5 {
    border : 1px solid #fc075d;
}

.multiple-select label.color6 {
    border : 1px solid #09e0be;
}

.multiple-select label span.alert {
    position      : absolute;
    display       : inline-block;
    background    : red;
    color         : #fff;
    font-weight   : bold;
    width         : 15px;
    height        : 15px;
    line-height   : 15px;
    font-size     : 0.9rem;
    border-radius : 50%;
    z-index       : 3;
    transform     : translateY(-15px);
}

.multiple-select label:hover {
    box-shadow : 3px 3px 5px;
}

.multiple-select label.active {
    transition       : background-color 200ms ease;
    background-color : #cab57d;
    color            : #fff;
}

.multiple-select label.color1.active {
    background-color : #a5ca7d;
}

.multiple-select label.color2.active {
    background-color : #2c78a8;
}

.multiple-select label.color3.active {
    background-color : #a42ca8;
}

.multiple-select label.color4.active {
    background-color : #fca507;
}

.multiple-select label.color5.active {
    background-color : #fc075d;
}

.multiple-select label.color6.active {
    background-color : #09e0be;
}


.multiple-select label input[type=checkbox] {
    display : none;
}

.multiple-select.bars label {
    width : 63px;
}


fieldset.search {
    background    : #f9f9f9;
    border        : 0;
    padding       : 4.5rem 1.5rem 1.5rem 1.5rem;
    position      : relative;
    border-radius : 6px;
    margin-bottom : 2rem;
}

fieldset.search legend {
    position       : absolute;
    top            : 20px;
    left           : 18px;
    padding-bottom : 13px;
    padding-left   : 33px;
    width          : calc(100% - 40px);
    border-bottom  : 1px solid #dedede;
    box-sizing     : border-box;
}

fieldset.search legend::before {
    position   : absolute;
    top        : 3px;
    left       : 5px;
    display    : block;
    content    : '';
    width      : 16px;
    height     : 16px;
    background : url('../../images/icomap.png') no-repeat -32px -32px;
}

fieldset.search.openable legend {
    cursor : pointer;
}

fieldset.search .filtersCount {
    font-size   : 0.9rem;
    color       : red;
    margin-left : 1rem;
}

fieldset.search.openable legend::after {
    position   : absolute;
    display    : block;
    content    : '◤';
    font-size  : 11px;
    right      : 0;
    top        : 0;
    transform  : translateY(25%) rotate(45deg);
    transition : transform 300ms ease;
}

fieldset.search.openable.open legend::after {
    transform : rotate(-135deg);
}

fieldset.search .fieldContainer {
    margin-top : 20px;
}

.ui-widget-overlay {
    z-index: var(--z-index-jqueryUiDialogOverlay) !important;
}

.ui-dialog {
    z-index: calc(var(--z-index-jqueryUiDialogOverlay) + 1) !important;
}

label.error{
    color: red;
}

.groupped-line{
    height: 1rem;
    border-left: 1px solid var(--text-color-30);
    border-bottom: 1px solid var(--text-color-30);
}

.tilde-char {
    font-family : 'Arial Narrow', Arial, sans-serif;
    font-size   : 1.3em;
    font-weight : normal;
}